html,body{color:#333;margin:0;height:100%;font-family:myriad set pro,helvetica neue,Helvetica,Arial,Verdana,sans-serif}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 0; margin: 0;}
img{border:0}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td{
    margin:0;
    padding:0;
    color:#666; 
    /*width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: center;
    /*横轴居中*/
    /*align-items: center;
    /*纵轴居中*/}
a{text-decoration:none;color:#08acee}
button{outline:0}
img{border:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;outline:none}
li{list-style:none}
a{color:#666}
a:hover{color:#fd6d03}
.clearfix::after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix{}


/*--头部--*/
/*top*/
.t-bt{ line-height: 36px; font-size:14px; color:#797979; font-weight:400;}
/*sou*/
.header .search{border: 1px solid #999;float: right; padding:0 5px 0 10px; background:#FFFFFF;}
.header .search input{float: left;width: 120px;height: 30px;border: none;background: none;color: #666666; font-size:14px;}
.header .search .searBtn{float: left;width: 30px;height: 30px;background: url(../images/searBtn.png) no-repeat;}
/*菜单*/
#nav {line-height: 70px; list-style-type: none;  float:right;}
#nav a {display: block; width:148px; text-align:center;color:#00284b; font-size:18px; font-weight:500; font-family:Arial, Helvetica, sans-serif;}
#nav a:link {color:#00284b; text-decoration:none;  font-size:18px; font-weight:500; font-family:Arial, Helvetica, sans-serif;}
#nav a:visited {color:#00284b;text-decoration:none;  font-size:18px; font-weight:500; font-family:Arial, Helvetica, sans-serif;}
#nav a:hover {color:#00284b;text-decoration:none;font-weight:500; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
#nav li {float: left; width:148px  font-size:18px; font-weight:500;font-family:Arial, Helvetica, sans-serif;}
/*#nav li a:hover{ color: #fd6d03; font-size:18px;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:500;text-align:center; line-height:70px; width:148px; height:70px; /*background:#12298c; border-radius: 20px; border-bottom:#fd6d03 3px solid; }*/ 
#nav li a:hover{ color: #ffffff; font-size:18px;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:500;text-align:center; line-height:70px; width:148px; height:70px; background:#8590c2; border-bottom:#12298c 1px solid;}

/*banner*/
.bannerbox{width:100%;position:relative;overflow:hidden;}
.Homebanner{width:100%;position:relative;height:800px;overflow:hidden;}
.Homebanner ul{width:100%;position:absolute;height:800px;}
.Homebanner ul li{width:100%;height:800px;position:absolute;overflow:hidden;}
.Homebanner ul li img{width:1900px;position:absolute;left:50%;top:0px;display:block;margin-left:-950px;}

/*--one--*/
#app {
    display: flex;
    justify-content: space-between;
    position: relative;
	padding:0 100px;
	margin:20px auto;
}

.box1 {
    width: 300px;
    overflow: hidden;
    background: #ffffff;
    box-sizing: border-box;
    padding: 0 15px 25px 15px;
	/*padding-bottom:15px;*/


	
}

.box1 a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #535353;
    text-decoration: none;
}

.box1 a:hover {
    color: #012a4d;
	text-decoration: none;
}

.imgbox1 {
    width: 150px;
    height: 128px;
    overflow: hidden;
}

.imgbox1 img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}

.source {
    /*border: 1px solid #535353;*/
    padding: 6px 20px;
    /*border-radius: 25px;*/
    margin: 20px;
	color:#00284b;
	font-weight:600;
	font-size:18px;
}

/*.title {
    margin-bottom: 20px;
    font-size: 20px;
}*/

.detail {
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    width: 100%;
	color:#8c8c8c;
	font-weight:400;
	text-decoration:none;
}

/*鼠标hover效果*/

.box1>a::after {
    content: '';
    width: 285px;
    position: absolute;
    background: #012a4d;
    bottom: 0;
    height: 0px;
    transition: height 0.3s linear;
    /*利用伪类高度，实现动画效果*/
}

.box1>a:hover::after {
    height: 10px;
	
}

.box1:hover img {
    transform: scale(1.15);
}

.box1:hover .source {
    background: #012a4d;
    border-color: #012a4d;
    color: #ffffff;
}

/*--行业应用--*/
.wrap{width: 100%; }
.banner{width:100%;height:607px;background: url(../img/cp-bg.jpg);background-repeat: no-repeat;background-size: cover;}
/*.title01{width: 100%;height: 100%;text-align: center;}
.title01 p{
	font-size:32px;
	font-family:PingFangHK-Regular;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:120px;
}*/

.sy-case{position:absolute;width:589px;height:340px;z-indent:2;left:200px;top:2440px; background:rgba(255,255,255,0.6);}
.sy-case h2{font-size:30px; line-height:90px;font-weight:600; text-align:left; padding-left:28px; color:#05255d;}
.sy-case p{font-size:20px;line-height:32px; color:#217fe9;font-weight:600; text-align:left; padding-left:28px; padding-right:28px; text-indent:28px;}
.sy-case button{ text-align:left; padding-left:28px; background-color: #f40000;border: none;
    color: #ffffff;
    padding: 6px 18px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
	float:left;
	margin-left:28px; margin-top:20px;}
	
.right{width: 100%;background: #eaeaea;text-align: center; padding-top:20px;}
.content{
	width: 100%;
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	flex-wrap: wrap;justify-content: space-around;
	
}
.fun{width: 16%;height: 237px;margin: 10px;background:#FFFFFF;box-shadow:1px 1px 4px #bebebe;}
.fun-picture{width: 118px;height: 118px; margin: 14px 31px; }
.fun-title{width: 200px;height: 50px;text-align: center;}
.fun-title p{line-height: 50px;font-size:18px;font-weight:500;color:#ababab;}
.fun-content{width: 20px;height: 3px;background:#00284b; }

/*--cp-xuanting--*/
.container {width: 100%; max-width: 100%; margin: 0 auto; padding: 40px 0; background:#e8e8e8;}
.content{width:100%; display: flex; flex-direction: row; margin: 0 auto; flex-wrap: wrap;justify-content: space-around; padding: 0 30px;}
.content { display: flex; flex-wrap: wrap; padding: 0 30px; width:100%;}
.wrapper { width:33.3%; height: 100%;padding: 0 5px 5px;}

.box-p {
  position: relative;
  max-height: 300px;
  /*border-radius: 4px;*/
  overflow: hidden;
  box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);
}
.box-p .hide { opacity: 0;}
.box-p .frame { position: absolute; border: 1px solid #fff; z-index: 2; top: 50%;left: 50%; transform: translate(-50%, -50%);}
.box-p h2, .box-p p { position: absolute; color: #fff; z-index: 2; width: 100%; transition: opacity 0.2s, transform 0.3s;}
.box-p h2 { font-weight: 500; font-size: 28px; margin-bottom: 0;letter-spacing: 1px; color:#FFF;}
.box-p h2 a:hover { font-weight: 500; font-size: 38px; margin-bottom: 0;letter-spacing: 1px; color:#FFF;}
.box-p h2 a{ font-weight: 500; font-size: 28px; margin-bottom: 0;letter-spacing: 1px; color:#FFF;}
.box-p p {bottom: 0;font-size: 14px;letter-spacing: 1px;}
.box-p:hover { transition: all .3s ease-in-out;}
.box-p:hover:before { transition: all .3s ease-in-out;}
.box-p img { position: relative;width: 100%;height: 100%; z-index: 1;transition: all .3s ease-in-out;}
.box-p img:hover {transition: all .3s ease-in-out;}
.box-p img:after { content: '';  position: absolute;background-color: rgba(0, 0, 0, 0.6);  width: 100%; height: 100%; top: 0;left: 0; opacity: 0;}
.box-p img:hover { transition: all .3s ease-in-out;}
.w-content .frame {
  width: calc(100% - 100px);
  height: calc(100% - 100px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-color: transparent;
}
.w-content h2 {
  margin-top: 0;
  top: 50%;
  transform: translatey(-50%);
  text-align: center;
  letter-spacing: 1px;
}
.w-content p { transform: translate3d(0, -10px, 0);}
.w-content:hover {opacity: .8;}
.w-content:hover .frame {
  border-color: #fff;
  transition: color .3s ease-in-out, all .3s ease-in-out;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
@media screen and (max-width: 880px) {.wrapper { width: 50%;}}
@media screen and (max-width: 520px) {.wrapper { width: 100%;}}

/*--中部--*/
/*news*/

.News-container {background: #ffffff;padding: 40px 0 50px 0;overflow: hidden;}
.News-main {max-width: 1440px;margin: 0 auto;}
.News-main .title {margin-bottom: 40px;text-align: center;}
.News-main .title h4 {font-size: 28px; color:#05255d; position: relative;font-weight: 500;padding-bottom: 5px;}
.News-main .title h4:before {left: 38%;content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
}

.News-main .title h4:after {
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
	right: 38%;
}

.News-main .title p {font-size: 18px;color: #555; line-height:36px;}
.News-main ul li {float: left;}
.News-main ul li.one {width: 440px;	margin-right: 10px; padding-left:42px;}
.News-main ul li.one a {width: 440px; height:264px;overflow: hidden;display: block;position: relative;}
.News-main ul li.one a img {transform: scale(1);transition: all .4s;width: 90%;display: block; padding-top:60px;}


/*.icon-news {
	background: url(../images/icon.png) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	position: absolute;
	right: 100px;
	bottom: 2px;
}*/

.News-main ul li.one a:hover img {
	transform: scale(1.05);
}

.News-main ul li.one a:hover .icon-news {
	background-position: 0 -17px;
}

.News-main ul li.three {float: left;}
.News-main ul li.three a {width: 700px;height: 150px;padding: 20px 32px;margin-bottom: 10px;	display: block;background: #fff;overflow: hidden;}
.News-main ul li.three a .News-left {width: 14%;border-right: 1px solid #eeeeee; height:122px;float: left; padding-top:40px;}
.News-main ul li.three a .News-left h3 {font-size: 24px;color: #4c4c4c;font-weight: 700;}
.News-main ul li.three a .News-left h3:after {content: " ";display: block;/*border-bottom: 1px solid #ccc;width:20px;margin: 20px 0;*/}
.News-main ul li.three a .News-left span {font-size: 14px;display: block;color: #999;}
.News-main ul li.three a .News-right {width: 85%;padding-left: 25px;float: right; text-align:left;}

.News-main ul li.three a .News-right h5 {font-size: 16px;color: #333;font-weight: 700; line-height:28px; }
.News-main ul li.three a .News-right img {padding-top: 15px}
.News-main ul li.three a .News-right p {font-size: 14px;color: #666;font-weight: 400; line-height:22px;}
.News-main ul li.two a:hover,
.News-main ul li.three a:hover {	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);}

/*zizhi*/

/* 必要布局样式css */

.zz-bg{
    width: 100%;
    height: 463px;
    background: url(../images/zz-bg.jpg);
    background-repeat: no-repeat;
    background-position:center;
    background-size:100%;
}

/*数据统计滚动*/
/*.product-number-info{background:url(../images/zz-bg.jpg) no-repeat; height:463px;position: relative;}*/
.product-number-info .product-number-inner{width: 900px; margin:0 auto; margin-right:40px; margin-top:-40px;}
.product-number-info ul{padding: 85px 0;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left; width: 215px; height: 90px; /*border-left: 1px solid #66c7fd;*/color:#555; /*padding-top:1px;*/}
.product-number-info li:first-child{border:none;}
.product-number-info li b{font-weight: 400; font-size:36px; line-height: 1;display: inline-block; position: relative; margin: 15px 0 10px;}
.product-number-info li b i{font-style: normal;}
.product-number-info li b sup{position: absolute; font-size:20px; right: -15px; top: -3px;}
.product-number-info li b em{font-style: normal; font-size: 28px; font-weight: 100; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li p{font-size: 14px;}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:10px;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:10px;}
/*.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:20px;}*/
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:18px;}
/*.product-number-info li.li-5{text-align: right;}
.product-number-info li.li-5 b{padding-right: 2px;}*/






/*foot*/
.footer-box{background:#d7d7d7;overflow:hidden;width:100%;color:#737373;padding:30px 0 0;}
.footer-container{width:100%;margin:0 auto;padding:0 60px;}
.footer-line{height:0;display:block;clear:both;/*border-bottom:1px solid #393854;*/}
.footer-links{padding-top:10px;padding-left:69px; padding-bottom:20px;}
.footer-article-item{width:14.2%;;float:left;margin-right:14px;line-height:2;font-size:15px; margin-bottom:20px;}
.footer-article-item dt{color:#393939;font-size:18px;margin-bottom:10px;line-height:2;font-weight:600}
.footer-article-item dd{line-height:2}
.footer-article-item dd a{color:#888;transition:all .1s}
.footer-article-item dd a:hover{color:#08acee;}
.footer-contact-item{width:125px;float:left}
.footer-contact-item h3{font-size:18px;color:#393939;line-height:2;margin-bottom:10px;font-weight:600}
.footer-contact-item p{font-size:22px;color:#fff;font-family:Arial,microsoft yahei,hanhei sc,PingHei,pingfang sc,helvetica neue,Helvetica,Arial,hiragino sans gb,heiti sc,wenquanyi micro hei,sans-serif;margin-bottom:15px}
.footer-ewm{float:left;width:110px;margin-right:18px;text-align:center}
.footer-ewm img{width:84px;height:84px;display:block;border:none}
.footer-ewm p{font-size:14px;color:#737373;margin-top:12px}
.footer-copyright{ background:#FFFFFF;font-size:14px;text-align:center;}
.footer-copyright p{font-size:14px;color:#393939; line-height:52px;}