@charset "utf-8";
/* CSS Document */



/*banner*/
.c-banner{width: 100%; height:580px;position: relative;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{position: absolute;display: none;opacity: 0; width:100%; height:580px;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li#ban1{ background:url(../img/banner.jpg) no-repeat center;}
.c-banner .banner ul li#ban2{ background:url(../img/banner1.jpg) no-repeat center;}
.c-banner .banner ul li#ban3{ background:url(../img/banner2.jpg) no-repeat center;}
.c-banner .nexImg,.c-banner .preImg{padding: 25px 10px 25px 10px;position: absolute;top: 50%;margin-top: -53px;background: #000000;opacity: 0.5;border-radius: 5px;z-index: 10;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .nexImg{right: 0px;}
.c-banner .nexImg img,.c-banner .preImg img{}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width:20px;height:20px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}



/*服务领域*/
.serCon{}
.serCon a{ width:380px; height:300px; float:left; margin-top:30px; display:block;}
.serCon a h3{ position:relative; top:124px;  vertical-align:middle; display:table-cell;
	color:#FFFFFF; font-size:24px; text-align:center; width:380px; height:52px; line-height:52px; background:rgb(0,0,0,0.4);
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;
}
.serCon a.serC1{ background-image:url(../img/s1.jpg);}
.serCon a.serC2{ background-image:url(../img/s2.jpg);margin-left:30px;margin-right:30px;}
.serCon a.serC3{ background-image:url(../img/s3.jpg);}
.serCon a.serC4{ background-image:url(../img/s4.jpg);}
.serCon a.serC5{ background-image:url(../img/s5.jpg);margin-left:30px;margin-right:30px;}
.serCon a.serC6{ background-image:url(../img/s6.jpg);}
.serCon a.serC7{ background-image:url(../img/s7.jpg);}
.serCon a.serC8{ background-image:url(../img/s8.jpg);margin-left:30px;margin-right:30px;}
.serCon a.serC9{ background-image:url(../img/s9.jpg);}
.serCon a.serC1 h3,.serCon a.serC2 h3,.serCon a.serC3 h3{ height:84px; line-height:36px;box-sizing: border-box; padding-top:6px; top:108px;}
.serCon a:hover h3{ background:rgb(5,90,230,0.6); height:300px; top:0px; color:#ffff00;}

/*认证服务*/
.csBox{}
.csBox ul{}
.csBox ul li:before {content: "";display: block;width:300px;height:256px;position:absolute;top: 0px;left: 0px;
background-image: -moz-linear-gradient( -45deg, rgb(51,132,241) 0%, rgb(46,203,255) 100%);  background-image:-webkit-linear-gradient(-45deg, rgb(51,132,241) 0%, rgb(46,203,255) 100%);background-image: -ms-linear-gradient( -45deg, rgb(51,132,241) 0%, rgb(46,203,255) 100%);
opacity: 0;visibility: hidden;transition: 1s;}
.csBox ul li{ width:300px;height:256px;float:left;box-sizing:border-box;padding:30px;display:block;justify-content: center;align-items: center;position:relative;animation: fadeOut both;}
.csBox ul li.csLi1{background:#effff0;}
.csBox ul li.csLi2{background:#F3FFFE;}
.csBox ul li .pic {width: 100%;height: 120px;display: flex;justify-content: center;align-items: center;transition: .5s;position: relative;z-index: 10;}
.csBox ul li .pic img {height: 70px;}
.csBox ul li a.title {display: block;font-size: 18px;color: #333;text-align: center;transition: 1s;position: relative;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 1;overflow: hidden;}
.csBox ul li a.more {display: block;width: 130px;height: 30px;line-height: 30px;margin-left: auto;margin-right: auto;border: 1px solid #fff;text-align: center;color: #fff;text-decoration: none;font-size: 12px;margin-top: 30px;position: absolute;bottom: 0px;left: 50%;margin-left: -65px;opacity: 0;visibility: hidden;transform: translateY(30px);transition: 1s;}
.csBox ul li a.more:hover {background-color: #fff;color: #333;}
.csBox ul li p {display: block;font-size: 12px;color: #666;text-align: center;margin-top: 10px;transition: 1s;position: relative;line-height: 1.8em;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.csBox ul li:hover:before {opacity: 1;visibility: visible;}
.csBox ul li:hover{}
.csBox ul li:hover .pic {transform:translateY(-30px);opacity: 0;visibility: hidden;}
.csBox ul li:hover a.title {transform: translateY(-80px);color: #fff;transition-delay: 0.04s;}
.csBox ul li:hover p {transform: translateY(-80px);color: #fff;transition-delay: 0.06s;}
.csBox ul li:hover a.more {bottom: 50px;opacity: 1;visibility: visible;transform: translateY(0px);transition-delay: 0.08s;}
.csBox ul li a.title:hover{ text-decoration:underline;} 

/*行业解决方案*/
.isBox{ overflow:hidden;}
.isBox ul{ width:1224px}
.isBox ul li{ width:280px; height:280px; float:left; margin-right:26px; margin-bottom:26px; font-size:24px;}
.isBox ul li a{width:280px; height:280px; position:relative; display:block;}
.isBox ul li a img{width:280px; height:280px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.isBox ul li a p{ width:140px; height:140px; display:inline-block; position:absolute; z-index:10; text-align:center; background:rgba(5,90,230,.5); top:25%; left:25%; color:#FFFFFF; line-height:140px;
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.isBox ul li:last-child a{text-align:center; color:#000000; background-color:#e2f2f9; line-height:280px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.isBox ul li a:hover p{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; background:#ffff00; color:#055ae6;
box-shadow: #ffff00 0px 0px 10px;-webkit-box-shadow: #ffff00 0px 0px 10px;-moz-box-shadow: #ffff00 0px 0px 10px;}
.isBox ul li:last-child a:hover{ background-color:#055ae6; color:#FFFFFF;}


/*优势*/
.youshi{ height:580px; width:100%; background:url(../img/youshiBg.jpg) no-repeat center #055ae6;}
.youshi .tit h2{ color:#FFFFFF;}
.youshi .tit p{ color:#FFFFFF;}
.youshi ul li{width:338px; color:#FFFFFF;}
.youshi ul li:last-child{ padding-left:90px;}
.youshi ul li .ysTit{ width:100%;}
.youshi ul li .ysTit h3{ color:#ffff00; font-size:24px; text-align:center; line-height:62px;}
.youshi ul li dl dt{font-size:16px; line-height:24px; width:100%; height:64px;}
.youshi ul li dl dd{font-size:14px; line-height:30px;}
.youshi ul li dl dd i{ width:18px; height:14px; display:inline-block; vertical-align:middle; background:url(../img/ysIcon.png) no-repeat 0 0;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.youshi ul li dl dd:hover{ color:#FFFF00;}
.youshi ul li dl dd:hover i{ background-position:0 -14px;}

/*新闻*/
.newsBox{ overflow:hidden; height:270px;}
.newsBox .news{ width:1320px;}
.newsBox a{ width:540px; height:74px; display:inline-block; float:left; margin-bottom:60px; margin-right:120px;}
.newsBox a .newsTime{ width:84px; height:74px; background:#f5f8fa; float:left; text-align:center; color:#161823;}
.newsBox a .newsTime i{ width:100%; height:44px; line-height:50px; font-size:36px; overflow:hidden; display:inline-block;}
.newsBox a .newsTime span{ width:100%; height:20px; line-height:20px; font-size:18px;}
.newsBox a h4{ float:left; font-size:18px; color:#161823; font-weight:normal; width:456px; box-sizing:border-box; padding-left:12px; height:28px;}
.newsBox a p{ float:left; color:#7b7b7b; font-size:14px; width:456px; box-sizing:border-box; padding-left:12px; line-height:24px;}
.newsBox a:hover{}
.newsBox a:hover .newsTime{ background-color:#055ae6; color:#FFFFFF;}
.newsBox a:hover h4{ color:#055ae6;}

/*设备*/
.shebei{}
.shebei ul{ width:1230px;}
.shebei ul li{ width:380px; height:224px; float:left; margin-right:30px; margin-top:30px; position:relative;}
.shebei ul li img{ width:380px; height:224px; position:absolute; top:0px; left:0px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.shebei ul li img:hover{ width:420px; height:264px; position:absolute; top:-20px; left:-20px; z-index:20;-webkit-box-shadow:0px 0px 5px rgba(128,171,226,.6);box-shadow:0px 0px 5px rgba(128,171,228,.6);
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}