﻿@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:24px;font-family:"微软雅黑";overflow-x: hidden; background:#FFFFFF;}
news_xx_txt
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
*{box-sizing: border-box; -webkit-box-sizing: border-box;}
input{vertical-align: middle;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
img{border:0;vertical-align:middle; width: 100%;}
ul,li{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}
.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
input:focus,textarea:focus{outline:none;}
.rel{position: relative;}.abs{position: absolute;}
h3{font-weight: normal;}
em{font-style: normal;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.ovh{overflow: hidden;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
/*header*/
video{
	position: relative !important;
	z-index: 99999 !important;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
@font-face {
    font-family: 'accidental_presidencyregular';
    src: url('../font/accid_-webfont.woff2') format('woff2'),
         url('../font/accid_-webfont.woff') format('woff');
         url('../font/ACCID_.TTF') format('TTF');
    font-weight: normal;
    font-style: normal;
}
.content{
	width: 75%;
	margin: 0 auto;
}
.phone_banner{
	display: none;
}

.head{
	height: 87px;
}
.logo{
	width: 20%;
	padding: 18px 0 0;
}



.search{font-size:25px;color:#00b0f0;line-height:87px;margin-left: 1%; position: relative;
	z-index: 1;}
.search img{width: 30px;height:30px;position:relative;top:0px;}
.search span{margin-left:20PX;}
.imgbox {
    height: 30px;
    width: 30px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    border: none;
    outline:none
}
.f_box{
    position: absolute;
    right: 0;
    top: -1px;
    width: 0px;
    height: 32px;
    background: #fff;
    border: solid 1px #83caf5;
    overflow: hidden;
    z-index: 1;
    border-radius: 37px;
    outline:none
}
.f_box input{
    width: 128px;
    height: 30px;
    line-height: 30px;
    border: none;
    text-indent: 10px;
    color: #333;
    background: none;
}
.search_close{
	position: absolute;
	left:140px;
	top:0;
	line-height: 30px;
	color: #333;
	font-weight: bold;
	font-size: 20px;
	cursor: pointer;
}

.share{
	width: 30px;
	margin-top: 26px;
	position: relative;

}
.code{
	width: 200px;
	background: #fff;
	position: absolute;
	top: 30px;
	left: -84px;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	z-index: 99;
	padding-bottom: 24%;
}
.code p{
	width: 50%;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
}
.share:hover .code{
	opacity: 1;
}
.nav_list{
	width: 63%;
	position: relative;

}
.nav_list>li{
	float: left;
	margin: 0 2.5%;
	position: relative;
}
.nav_list>li>a{
	color: #363636;
	font-size: 15px;
	line-height: 84px;
	display: block;
}
.nav_list>li:hover>a{
	border-bottom: solid 3px #00b0f0;
}
.subnav{
	width: 600px;
	position: absolute;
	top:87px;
	left:-35px;
	background: #f7f7f7;
	z-index: 99;
	padding: 20px 34px 20px 46px;
	display: none;
}
.subnav3{
	left:0px;
}
.subnav4{
	left:0px;
}
.subnav5{
	left:-300px;
}
.subnav6{
	left:auto;
	right:0px;
}
.subnav7{
	left:auto;
	right:-100px;
}
.subnav8{
	left:auto;
	right:0;
}
.subnav_er{
	width: 180px;
	
}
.subnav_er>li{
	position: relative;
	z-index: 999;
}
.subnav_er>li>a{
	color: #646464;
	line-height: 40px;
	display: block;
	position: relative;
	z-index: 999;
}
.sub_border{
	width: 1px;
	height: 172px;
	border-right: solid 1px #cbcbcc;
	top:33px;
	left:230px;
	position: absolute;
}
.subnav_er .on1 a{
	color: #005bac;
}


.subnav_er li.blue a{
	color: #00b0f0;
}
.subnav_pic{
	margin: 8px 0 0;
}
.subnav_er>li>a:hover{
	color: #00b0f0;
}

.navbar-toggle{
	display: none;
}
.head{padding-left:40px;padding-right:40px}.head .logo{width:auto}
.head .nav_list{width:auto;margin-right:20px}.head .nav_list>li{margin:0 24px}


/*banner*/
.flexslider{position:relative;overflow:hidden;z-index: 0;}
.slides{position:relative;z-index:1;}
.slides img{width:100%;}
.flex-control-nav{position:absolute;bottom:0px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:#fff;border-radius:100%;cursor:pointer;}
.flex-control-nav .flex-active{background:#005bac;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(next.png) center center no-repeat;}
.v-banner{position:relative;}

.v-banner .v-banner-pa{position:absolute;width:100%;left:0;bottom:6.2052505967%;z-index:3;text-align:center;line-height:0;font-size:0; }
.v-banner .v-banner-pa .swiper-pagination-bullet{width:14px;height:14px;background:#ffffff;border-radius:50%; position:relative;opacity:1;margin:0 .8854166667%}
.v-banner .v-banner-pa .swiper-pagination-bullet::after{display:block;position:absolute;opacity:0;width:14px;height:14px; left:50%;content:"";top:50%;border-radius:50%;border:2px solid #005bac;transform:translate(-50%, -50%);transition:.5s}
.v-banner .v-banner-pa .swiper-pagination-bullet-active{background:#005bac}
.v-banner .v-banner-pa .swiper-pagination-bullet-active::after{width:30px;height:30px;opacity:1}

/*index*/


/*方案*/

.typical_case h1{font-size:30px;color:#333333;font-weight:normal;text-align:center;padding-top:115px;}
.typical_case h1 span{font-size:30px;color:#49c7f4;display:inline-block;background:url(bd.jpg) no-repeat left center;font-family:Arial;margin-left:10px;padding-left:16px;}
.typical_case .ptitle{max-width:1200px;margin:0 auto;text-align:center;font-size:16px;color:#333333;padding:22px 0 30px;background:url(orline.png) no-repeat center bottom;line-height:26px;position: relative;}
.typical_case{width:100%;margin:0 auto;overflow:hidden;}



img {  border: none;  outline: none;  max-width: 100%;}
ul {  margin: 0;  list-style-type: none;}

.flex_colcenter{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/*.flex_rowcenter{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
*/
.platsoftware_div{
  width: 100%;
  background:#FFFFFF;
}
.platsoftware_subdiv{
  width:1200PX;
  background:#d2ebfa;
  height:540PX;
  margin:0 auto;
  
}
.platsoftware_subdiv .right{
  width: 800px;
  /* width: 760px; */
  margin-left: 70px;
  display: none;

  float: left;

}
.platsoftware_subdiv .right div{
  margin:50px 0;
}

.platsoftware_subdiv .right IMG{
width:40%;
margin-left:25%;
margin-top:50PX;

}
.platsoftware_subdiv .right LI{
 font-size:14PX;
 line-height:30PX;
 padding-top:30PX;

}

.platsoftware_subdiv .right LI a{
	width: 150px;
	height: 40px;
	line-height: 40px;
	color: #2d5082;
	text-align:center;
	background-color: #b4dcf5;
	border-radius: 30px;
	display: block;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}



.platsoftware_subdiv .left{
  padding-top: 70px;
  background:#b4dcf5;
  float:left;
  padding-bottom:70PX;
 


}
.platsoftware_subdiv .left li{
  width: 280px;
  height: 100px;
  line-height: 100px;
  font-size:16PX;
  color:#2d5082;
  padding-left: 30px;
  border-bottom: solid 1px #c1e4f9;
}

.platsoftware_subdiv .left li img { position: inherit; width: 10%; transform: inherit;display: initial; margin-right:20px; }
.softwaretab_ac{
  background:rgba(255,255,255,1);
  border-left: 6px solid #00b0f0;
}


/* 方案1 */



/* 产品 */
.layui-col-md3{width:25%;float:left; position:relative;display:block;box-sizing:border-box;}

.layui-row:after,.layui-row:before{content:'';display:block;clear:both}
.item-index{overflow: hidden;width:1200px; margin:0 auto;}
.item-index .pc-info-module-title{
  color: #05affc;
  text-align: center;
  margin-bottom: 20px;
  margin-top:20PX;
}

.item-index .pc-info-module-title h2{font-size: 50px;line-height: 50px;background-color: #EFF9FF;
  padding: 2% 0;}
.item-index .pc-info-module-title p{font-size: 26px;line-height: 26px;margin-top: 10px;}

.item-index .box{border-top: 1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;border-right: 1px solid #e1e1e1;text-align: center;cursor: pointer;}
.item-index .box:first-child,.item-index .box:nth-child(5){border-left: 1px solid #e1e1e1;}
.item-index .box:nth-child(5),.item-index .box:nth-child(6),.item-index .box:nth-child(7),.item-index .box:nth-child(8){border-bottom: 1px solid #e1e1e1;}


.item-index .box h2{font-size: 20px;line-height: 20px;color: #05affc;}
.item-index .box p{font-size: 14px;line-height: 25px;color: #454545;margin: 15px auto;}
.item-index .box a{width: 150px;height: 30px;line-height: 30px;color: #2d5082;background-color: #b4dcf5;border-radius: 30px;display: block;margin: 0 auto 30px;}

.item-index .box:hover{background-color: #d2ebfa;}
.item-index .box:hover h2{color: #05affc;}
.item-index .box:hover p{color: #454545;}
.item-index .box:hover a{background-color: #fff;color: #112943;}

.item-bg{background-image: url(item_bg.png);}
.item-index .box i{width: 145px;height: 115px;display: block;margin: 50px auto 30px;}
.item-index .box:first-child i{background-position: 0 0;}
.item-index .box:first-child:hover i{background-position: 0 115px;}
.item-index .box:nth-child(2) i{background-position: -145px 0;}
.item-index .box:nth-child(2):hover i{background-position: -145px 115px;}
.item-index .box:nth-child(3) i{background-position: -290px 0;}
.item-index .box:nth-child(3):hover i{background-position: -290px 115px;}
.item-index .box:nth-child(4) i{background-position: -435px 0;}
.item-index .box:nth-child(4):hover i{background-position: -435px 115px;}
.item-index .box:nth-child(5) i{background-position: -580px 0;}
.item-index .box:nth-child(5):hover i{background-position: -580px 115px;}
.item-index .box:nth-child(6) i{background-position: -725px 0;}
.item-index .box:nth-child(6):hover i{background-position: -725px 115px;}
.item-index .box:nth-child(7) i{background-position: -870px 0;}
.item-index .box:nth-child(7):hover i{background-position: -870px 115px;}
.item-index .box:last-child i{background-position: -1015px 0;}
.item-index .box:last-child:hover i{background-position: -1015px 115px;}

/* 产品 */
/* 合作 */
.partner_case h1{font-size:30px;color:#333333;font-weight:normal;text-align:center;padding-top:117px;}
.partner_case h1 span{font-size:30px;color:#00b1f1;display:inline-block;background:url(bd.jpg) no-repeat left center;font-family:Arial;margin-left:10px;padding-left:16px;}
.partner_case .ptitle{max-width:1200px;margin:0 auto;text-align:center;font-size:16px;color:#333333;padding:22px 0 30px;background:url(orline.png) no-repeat center bottom;line-height:26px;position: relative;}
.partner_case .more{display:block;border:1px solid #b4dcf5;width:150px;height:40px;margin:0 auto;text-align:center;font-size:15px;color:#2c4b9b;line-height:40px;position:relative;}
.partner_case .more:after{display:block;content:"";width:57px;height:5px;position: absolute;bottom:-3px;left:50%;z-index:9999;background:#b4dcf5;margin-left:-28.5px;}
.partner_case{width:100%;min-height:765px;margin:0 auto;background:url(partnerbg.jpg) no-repeat center top;background-size:cover;overflow:hidden;}
.partner_case .partul{width:1400px;margin:0 auto;padding:47px 0 45px;position:relative;}
.partner_case .partul li{float:left;width:248px;margin:21px 37px 21px 0;}
.partner_case .partul li:nth-child(5n){margin-right:0px;}
.partner_case .partul li img{border:1px solid #ececec;}
/* 合作 */

/*底部*/
.wal{width: 1280px;margin:0 auto;}
.pc-show{display: block!important;}
.pc-hide{display: none!important;}
.footer .top{background: #fff; width:1280px; margin: 0 auto;} 
.footer .list{overflow:hidden;padding: 75px 0; } 
.footer .list li{float: left; margin-right:60px; } 
.footer .list li:last-child{margin-right: 0; } 
.footer .list li b{font-size: 16px; display: block; margin-bottom: 25px; } 
.footer .list li a{display: block; line-height: 30px; color: #8c9095; } 
.footer .list li a:hover{color: #05affc; } 
.footer .list li p{line-height: 30px; color: #8c9095; } 
.footer .list li .p1{color:#05affc;font-weight: bold;}
.footer .list li.notes{width: 274px;margin-right: 40px;}
.footer .list li.notes .ewm{margin-bottom: 17px; } 
.footer .list li.notes .ewm img{width: 123px; } 
.footer .list li.notes .ewm span{line-height: 50px; color: #8c9095; display: block; text-align: center; } 
.footer .list li.notes .share{overflow: hidden; } 
.footer .list li.notes .share a{display: inline-block; margin-right: 10px;  } 
.footer .bot{height: 62px;line-height: 62px;background: #05affc;}
.footer .bot p{color: #ffffff;}
.footer .bot p a{color: #ffffff;}
.footer .bot p a:hover{color: #ffffff; }
.footer .to-links{background: #00ccfe url(a27.png) no-repeat right;position:  relative;width: 283px;} 
.footer .to-links span{display: inline-block;float: left;width: 240px;height:  62px;line-height: 62px;padding-left: 25px;cursor:  pointer;color:  #fff;} 
.footer .to-links .cont{display:none;position:  absolute;background: #eee;left: 0px;bottom: 62px;width: 283px;padding: 5px 0;z-index: 20;} 
.footer .to-links .cont a{display: block;line-height: 34px;color: #999;padding-left: 25px;} 
.footer .to-links .cont a:hover{color: #00ccfe;}      
.footer .m-notes .ewm{/*width: 100%;*/ margin-bottom: 6px; width: 50%; float: left; } 
.footer .m-notes .ewm img{width: 60%; margin:  0 auto; display:  block; } 
.footer .m-notes .ewm span{display:  block; color:  #8c9095; text-align:  center; font-size:  12px; line-height: 28px; } 
.footer .m-notes .le{/*width: 32%; margin: 0 3% 0 5%;*/ width: 100%;  } 
.footer .m-notes .rg{/*width: 53%; margin-right: 5%;*/ width: 100%; text-align: center; } 
.footer .m-notes p.p1{color:  #05affc; font-weight:  bold; } 
.footer .m-notes p{color:  #8c9095; font-size:  12px; line-height: 28px; } 
.footer .m-notes .share{margin-top: 30px; display: flex; justify-content: center;} 
.footer .m-notes .share a{display: inline-block; width:  25px; float:  left; margin:0 4px; } 
.footer .m-notes .share a img{width:100%; }




























.about_us h1{font-size:30px;color:#FFF;font-weight:normal;text-align:center;padding-top:117px;position:relative;}
.about_us h1 span{font-size:30px;color:#FFF;display:inline-block;background:url(white.jpg) no-repeat left center;font-family:Arial;margin-left:10px;padding-left:16px;}
.about_us .ptitle{width:1200px;margin:0 auto;text-align:center;font-size:16px;color:#fff;padding:22px 0 30px;background:url(whbg.png) no-repeat center bottom;line-height:26px;position: relative;}

.about_us{width:100%;min-height:750px;margin:0 auto;background:url(../images/aboutx.jpg) no-repeat center top;background-size:cover;overflow: hidden; margin-top:50px;}
.about_us .ptitle{width:1249px;background:none;padding:35px 0 40px;}
.about_us .about{width:1400px;margin:93px auto 0 auto;background:#db6444;border-radius:3px;text-align:center;padding:50px 0;position:relative;}
.about_us .about a{float:left;display:block;width:14.928%;margin-right:5.928%;}
.about_us .about a img{width:auto;max-width:100%;}
.about_us .about a p{font-size:14px;color:#FFF;padding-top:11px;}
.about_us .about a:hover img{opacity:0.7;}
.about_us .about a:hover p{font-weight:bold;}
.about_us .about a:last-child{margin-right:0px;}