@charset "utf-8";
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0px; padding: 0px;  font-family: yilong,Helvetica,Arial,"Open Sans",Arial,'PingFang SC','Hiragino Sans GB','Source Han Sans CN',Roboto,'Microsoft Yahei',sans-serif; font-size: 12px; color: #424242; min-width: 1200px; margin: 0 auto; position: relative; background: #fff; -webkit-text-size-adjust: none; }
html, body { width: 100%; height: 100% }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666;  font-family: yilong,Helvetica,Arial,"Open Sans",Arial,'PingFang SC','Hiragino Sans GB','Source Han Sans CN',Roboto,'Microsoft Yahei',sans-serif;  }
i, em { display: inline-block; font-style: normal; }
*:focus { outline: none }
img { border: 0px; max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #424242; text-decoration: none; border: none; outline: none; transition: all 0.5s ease; }
a:hover { color: #4371f1; }
.clear { clear: both; content: ''; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.wrap { width:1580px; margin: 0 auto; }
.between{ display: flex;align-items: center;justify-content: space-between;}
.flex{ display: flex; align-items: center;}
.center{ display: flex; align-items: center; justify-content: center;}

.headnav{ height:95px; background:#fff; }
.headnav .wrap{ height:100%; position: relative;}
.headnav .fl .logo{ height:45px; }
.headnav ul{ display: flex;}
.headnav ul li{ position: relative; height:95px; margin-left:45px;}
.headnav ul li > a{ font-size:18px; display:block; line-height:95px; color:#555;}
.headnav ul li:hover > a, .headnav ul li.on a{ color: #4371f1;}
.headnav ul li.on:after{ width:100%; position: absolute; left:0; bottom:0; height:3px; content:''; background:#4371f1; }

/***banner***/
.banner{ height:850px; background: linear-gradient(137deg, #e3edff, #e5efff);}
.banner .wrap{ height:100%; }
.banner .text h1{ font-weight: normal; font-size:45px; color:#091d5a; padding-bottom:30px; }
.banner .text .p1{ font-size:18px; color:#091d5a; padding-top:10px;}
.banner .text .ewm{ width:170px; height:170px; margin-top:40px;}
.banner .downa { display: flex;}
.banner .downa a{ margin-top:40px; display: flex; align-items: center; background:#4371f1; font-size:15px; color:#fff; width:196px; height:65px; border-radius:5px; margin-right:15px;}
.banner .downa a img{ width:35px; margin-right:12px; margin-left:30px; }
.banner .downa a img:nth-child(1){ display: none; }
.banner .downa a b{ font-weight: normal; font-size:18px; }
.banner .downa a:hover{ color:#4371f1; background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(166, 187, 253, 0.5) 0px 0px 8px 0; }
.banner .downa a:hover img:nth-child(1){ display: block; }
.banner .downa a:hover img:nth-child(2){ display: none; }
.banner .p2{ font-size:15px; color:red; margin-top:10px;  }
.banner .img{ height:100%; position: relative; }
.banner .img img{ height:100%; }
.banner .img p{ position: absolute; width:200px; left:0; top:0; padding:0 12px; color:#4371f1; font-size:15px; height:43px; background:rgba(255,255,255,0.5); border-radius:50rem; box-shadow: 0 0 12px 0 rgba(183,207,252,.78); }
.banner .img p img{ width:25px; height:25px; margin-right:10px; }
.banner .img p span{ flex:1; }
.banner .img p.tp1{ top:50%; transform: translateY(-50%); left:-100px; }
.banner .img p.tp2{ top:10%; left:auto; right:100px; }
.banner .img p.tp3{ bottom:10%; top:auto; left:auto;  right:120px; }

.title{ text-align: center;}
.title h1{ font-size:45px; }
.title p{ font-size:18px; padding-top:10px;}
.teidian ul{ display: flex; flex-wrap: wrap; margin-left:-38px; }
.teidian li{ width: calc(100% / 3 - 38px); margin-left:38px;margin-top:38px;  }
.teidian li a{ display: block; text-align: center; background:#f7f9ff; border-radius:10px; padding:35px 0;}
.teidian li a img{ height:81px;}
.teidian li a h3{ font-weight: normal; font-size:22px; padding:15px 0;}
.teidian li a p{ font-size:16px; color:#666; padding-bottom:10px; }
.teidian li a p span{ color:#4371f1}
.teidian li a:hover{ background:#E2E9FF; }

.typelist{ padding:35px 0;}
.typelist ul{ display: flex;}
.typelist ul li{ width: calc(100% / 3); margin-top:40px;  text-align: center; background:#fff; padding:30px; background:#fff;}
.typelist ul li img{ height:397px; }
.typelist ul li h3{ font-weight: normal; font-size:25px; padding:13px 0;}
.typelist ul li p{ max-width:80%; margin:0 auto; color:#999; font-size:18px; }
.typelist ul li:hover{ box-shadow:#eee 0 0 20px 0 ;  position: relative;}

.inimg{ padding:50px 0;}

.cbox{ overflow: hidden; margin-top:30px;  }
.cbox ul{ width:2500px; position: relative; height:500px;}
.cbox ul li{ width:320px; position: absolute; left:0; top:-500px; transform: rotate(-30deg); animation: aniUp linear 20s infinite; }
.cbox ul li:nth-child(2n){  animation: aniDown linear 20s infinite; }
.cbox ul li img{ display: block; width:100%; margin-bottom:100px;}
.cbox ul li:nth-child(2){ left:420px;}
.cbox ul li:nth-child(3){ left:840px;}
.cbox ul li:nth-child(4){ left:1260px;}
.cbox ul li:nth-child(5){ left:1680px;}
.cbox ul li:nth-child(6){ left: calc(1680px + 420px);}
@keyframes aniUp{
	0%{
		 transform: rotate(-30deg) translateY(0); 
	}
	100%{
		 transform: rotate(-30deg) translateY(-800px); 
	}
}
@keyframes aniDown{
	0%{
		 transform: rotate(-30deg) translateY(0); 
	}
	100%{
		 transform: rotate(-30deg) translateY(800px); 
	}
}
.topimg{ height:100px; background:#4371f1; color:#fff; }
.safe-cate{ margin-top:20px; display: flex;}
.safe-cate li{ margin-right:80px;}
.safe-cate li a{ font-size:18px; display: block; }
.safe-cate li a.on::after{ display:block; content:''; background:#4371f1; height:3px; margin-top:10px;}
.safe-tit{ font-size:30px; margin-top:30px; }
.safe-note{ background:#f5f5f5; padding:12px 30px 20px 30px; margin-top:20px; }
.safe-note p{ font-size:18px; }
.safe-note dl{ display: flex; margin-top:10px;  }
.safe-note dl dd{ margin-right:30px; font-size:16px;}
.safe-note dl dd span{ color:#4371f1; margin-right:5px;  }
.safe-tab{ display: flex; justify-content:space-between;}
.safe-tab li{ font-size:18px; margin-top:20px; cursor:pointer; border-bottom: 2px solid #ddd; padding:0 100px; padding-bottom:12px; }
.safe-tab li.on{ color:#4371f1; border-bottom:2px solid #4371f1}
.safe-hm-con .pdbox{ padding:20px 0; display: none; font-size:15px; line-height:23px;}

.safeList{ display: flex; flex-wrap:wrap; margin-left:-20px; margin-top:20px; }
.safeList li{ width: calc(100% / 4 - 20px); margin-left:20px; margin-top:20px; }
.safeList li a{ display: block; padding:25px; background:#fff; box-shadow:#f5f5f5 0 0 20px; }
.safeList li a h3{ font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;  font-size:16px; }
.safeList li a .note{ margin-top:12px; color:#666; font-size:14px; line-height:20px;  word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
.safeList li a .p2{ font-size:15px; color:#999; margin-top:20px; }
.safeList li a:hover{ box-shadow:#ddd 0 0 30px; }

.whelp{ min-height:500px;}
.safe-content{ margin-top:40px; }
.safe-content .locat{ font-size:18px; color:#4371f1; }
.safe-content .locat a{ color:#666; }
.safe-content .sc-tit{ margin-top:20px; }
.safe-content .sc-tit h2{ font-weight: normal; font-size:22px; }
.safe-content .sc-tit p{ padding-top:8px; font-size:16px; color:#666; }
.safe-content .pdbox{ padding:20px 0; font-size:15px; line-height:23px; }

.help-list{ display: flex; flex-wrap: wrap; margin-top:20px; margin-left:-20px; margin-bottom:30px; }
.help-list li{ width: calc(100% / 4 - 20px); margin-left:20px; margin-top:20px; background:#f5f5f5; padding:30px; overflow: hidden;}
.help-list li h3{ font-weight: normal; padding-bottom:12px; font-size:15px; }
.help-list li .text{ font-size:12px; line-height:22px; color:#555; }

.help-con{ display: flex; padding:40px 0; }
.help-con .help-left{ width:230px; background:#f5f5f5;}
.help-con .help-left li a{ display: flex; align-items: center; padding:15px 20px; color:#666; font-size:14px; }
.help-con .help-left li a img{ width:25px; margin-right:10px; }
.help-con .help-left li.on a{ background:#E6ECFF; }
.help-con .help-right { display: none; flex:1; margin-left:30px; background:#f5f5f5; padding:35px; }
.help-con .help-right .item{  }
.help-con .help-right h3{ font-size:18px; cursor: pointer; color:#4371f1; font-weight: normal;}
.help-con .help-right h3 span{ color:#333; }
.help-con .help-right .item h4{ cursor: pointer; font-weight: normal; font-size:15px; margin-top:16px; }
.help-con .help-right .item .text{ margin-top:20px; font-size:15px; line-height:22px; display: none;}

.about-con .note{ max-width:80%; margin:0 auto; font-size:18px; line-height:30px; }
.about-title{ padding:80px 0 30px 0; font-size:35px; font-weight: normal; text-align: center;}
.about-qywh{ display: flex; flex-wrap: wrap; max-width:90%; margin:0 auto; }
.about-qywh li{ width:calc(100% / 5); text-align: center; margin-bottom:30px; margin-top:12px; }
.about-qywh li img{ height:100px; }
.about-qywh li p{ font-size:16px; padding-top:10px; }

.contact-img{ max-width:80%; margin:0 auto; height:400px; position: relative; }
.contact-img .text{font-size:15px; position: absolute; left:30%; width:502px; top:0px; background:#4371ff; opacity:0.8; color:#fff; line-height:23px;  padding:25px; }

/***底部***/
.footer { background:#333; border-top:2px solid #2979ff; padding:50px 0; padding-top:65px;}
.footer .fl{ width:50%; float:none;}
.footer .fl .dbnav a{ font-size:15px; margin-right:30px; color:#999; }
.footer .fl .dbnav a:hover{ color:#fff;}
.footer .fl .copy{ margin-top:16px; color:#666; font-size:14px;}
.footer .fr{ display:flex; color#999; float:none;}
.footer .fr .footcon p{ margin-bottom:12px; font-size:14px; color:#999; }
.footer .fr .footcon p svg{ float:left; margin-right:12px;}
.footer .fr ul li{ width:120px; margin-left:30px; text-align:center; color:#999;}
.footer .fr ul li img{ display:block; margin-bottom:10px; background:#fff; padding:5px;}

/***咨询***/
.zhixun{ position:fixed; background:url(../img/kefu.png) no-repeat 0 -64px; z-index:222; right:0px; bottom:0%; width:62px; height:379px;}
.zhixun ul li{ position:relative; margin-bottom:1px; width:62px; height:64px;}
.zhixun ul li .zxc{ width:62px; height:64px; position:absolute; right:0px; top:0px; transition:all 0.3s ease;}
.zhixun ul li .zxc.ztel span{ display:block; background:#2979ff; height:62px; width:150px; text-align:center; font-family:'HelveticaNeueLTCom-LtEx'; overflow:hidden; float:right; color:#fff; font-size:14px; line-height:62px; font-weight:bold;}
.zhixun ul li .zxc.ztel { right:-150px;}
.zhixun ul li:hover .zxc.ztel{ right:62px; }
.zhixun ul li .zxc.zwx span{ position:absolute; right:62px; bottom:-62px; width:140px; height:140px; background:#fff; transition:all 0.3s ease; transform:scale(0); transform-origin:right center; padding:5px;  opacity:0;}
.zhixun ul li:hover .zxc.zwx span{ transform:scale(1); opacity:1;}

.link{ margin-top:20px; border:1px solid #eee; background:#fff; box-shadow:#f5f5f5 0 0 12px; padding:20px; padding-bottom:15px; margin-bottom:25px; border-radius:6px; overflow:hidden;}
.link h3{ font-size:16px;}
.link a{ float:left; margin:12px; margin-left:0; font-size:14px;}