﻿/*导航头部*/
.nav-header{
	position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
  background: #fff;
  box-shadow: 1px 1px 1px #e8e8e8;
  z-index: 999;
}
.nav-header .logo{
	width: 30%;
}
.nav-header .logo a{
	line-height: 3rem;
}
.nav-header .nav-body{position:relative;}
.nav-header .nav-body .nav-buttom{
	width: 3rem;
  border-radius: 3px;
  margin: 1.2rem auto;
  background: #fff;
}
.nav-header .nav-body .nav-buttom span{
	display: block;
  width: 1.5rem;
  height: 0.1rem;
  margin: 0.4rem auto;
  background: #444;
}
.nav-header .nav-body .close-nav{
  position: absolute;
  top: 15px;
  right: 0;
}
.nav-header .nav-body .nav-main{
	width: 70%;
}
a.buy{
	background-color: #fd583a;
    padding: 5px 13px !important;
    border-radius: 5px;
    color: #fff !important;
}
.nav-header .nav-body .nav-item{
	float: left;
	width: 14%;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
}
.nav-header .nav-body .nav-item a{
	padding:0px 10px 18px; 
}
.nav-header .nav-body .nav-item:hover >  a{
	color:#3091f2;	
	border-bottom:2px solid;
}
.nav-header .nav-body .nav-item:hover .child-nav-div{
	display: block;
}
.nav-header .nav-body .nav-item a{
	color: #2b2b2b;
}
.nav-header .nav-body .nav-item .child-nav-div{
	display: none;
	position: absolute;
  width: 100%;
  left: 0;
  top: 3rem;
  padding: 20px 0;
  background: #fff;
  border:1px solid #e8e8e8;
}
.nav-header .nav-body .nav-item .child-nav-div a{
	font-size: 14px;
    color: #494d5c;
    padding: 20px 6px 3px;
    cursor: pointer;
    text-align:left;
    line-height: 20px;
    position: relative;
}
.nav-header .nav-body .nav-item .child-nav-div a:hover{
	color: #3091f2;
}
.nav-header .nav-body .nav-item .child-nav-div p{
	font-size: 15px;
    color: #303445;
    line-height: 30px;
    font-weight: 600;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    padding-left:6px;
}
.child-nav li{
	width:75%;
	line-height:2.5rem;
}
.nav-header .nav-body .nav-item .child-nav-div p.grap{
	margin: 1rem 0;
  border-top: 1px solid #454545;
}
.nav-header .nav-body .nav-item .child-nav-div .child-nav{
	width: 85%;
	margin: 0 auto;
	text-align: left;
}
.nav-header .nav-body .nav-item .child-nav-div .child-nav .member-nav a{
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}
.nav-header .nav-body .nav-item .child-nav-div .child-nav .member-nav{
	width: 22%;
}
.nav-header .nav-body .nav-item .child-nav-div .child-nav .member-nav img{
	width: 15px;
	margin-right: 5px;
}
.nav_logo{width: 20px; height: 20px; display: inline-block; text-align: center; background-color: #0191ff; line-height: 20px; border-radius:2px; }
/*.child-nav{overflow:hidden;}*/
.soft-div{width:24%;float:left;}
.soft-div a{display:block;}
.soft-div.weixin{width:28%;position:relative;}
.soft-div.weixin:before{content:'';width:1px;background-color:#e8e8e8;position:absolute;height:100%;top:0%;left:-6%;}
.soft-div.weixin a{width:37%;float:left;}
.soft-div.weixin a:nth-child(2n+1){width:62%;}
.child-nav .soft-div.weixin li{width: 100%; margin-left: 10%;}

.soft-div .logo_bg img{width: 15px;}
.soft-div .logo_bg{width:20px;display:inline-block;height:20px;text-align:center;background-color:#0191ff;border-radius:2px;}
.soft-div:nth-child(4n+1) a:nth-child(11n)   .logo_bg{background-color:#ed407e;}
.soft-div:nth-child(4n+1) a:nth-child(11n+1) .logo_bg{background-color:#059fc9;}
.soft-div:nth-child(4n+1) a:nth-child(11n+2) .logo_bg{background-color:#ff813c;}
.soft-div:nth-child(4n+1) a:nth-child(11n+3) .logo_bg{background-color:#af48dd;}
.soft-div:nth-child(4n+1) a:nth-child(11n+4) .logo_bg{background-color:#fd583a;}
.soft-div:nth-child(4n+1) a:nth-child(11n+5) .logo_bg{background-color:#02c374;}
.soft-div:nth-child(4n+1) a:nth-child(11n+6) .logo_bg{background-color:#ec2e2e;}
.soft-div:nth-child(4n+1) a:nth-child(11n+7) .logo_bg{background-color:#fd583a;}
.soft-div:nth-child(4n+1) a:nth-child(11n+8) .logo_bg{background-color:#705cc9;}
.soft-div:nth-child(4n+1) a:nth-child(11n+9) .logo_bg{background-color:#5cc9b6;}
.soft-div:nth-child(4n+1) a:nth-child(11n+10) .logo_bg{background-color:#c9c35c;}

.soft-div:nth-child(4n+2) a:nth-child(11n+5) .logo_bg{background-color:#ed407e;}
.soft-div:nth-child(4n+2) a:nth-child(11n+7) .logo_bg{background-color:#059fc9;}
.soft-div:nth-child(4n+2) a:nth-child(11n+9) .logo_bg{background-color:#ff813c;}
.soft-div:nth-child(4n+2) a:nth-child(11n+1) .logo_bg{background-color:#af48dd;}
.soft-div:nth-child(4n+2) a:nth-child(11n+3) .logo_bg{background-color:#fd583a;}
.soft-div:nth-child(4n+2) a:nth-child(11n+6) .logo_bg{background-color:#02c374;}
.soft-div:nth-child(4n+2) a:nth-child(11n+8) .logo_bg{background-color:#ec2e2e;}
.soft-div:nth-child(4n+2) a:nth-child(11n+10) .logo_bg{background-color:#fd583a;}
.soft-div:nth-child(4n+2) a:nth-child(11n) .logo_bg{background-color:#705cc9;}
.soft-div:nth-child(4n+2) a:nth-child(11n+4) .logo_bg{background-color:#5cc9b6;}
.soft-div:nth-child(4n+2) a:nth-child(11n+2) .logo_bg{background-color:#c9c35c;}

.soft-div:nth-child(4n+3) a:nth-child(11n+8) .logo_bg{background-color:#ed407e;}
.soft-div:nth-child(4n+3) a:nth-child(11n+9) .logo_bg{background-color:#059fc9;}
.soft-div:nth-child(4n+3) a:nth-child(11n+7) .logo_bg{background-color:#ff813c;}
.soft-div:nth-child(4n+3) a:nth-child(11n+10) .logo_bg{background-color:#af48dd;}
.soft-div:nth-child(4n+3) a:nth-child(11n+5) .logo_bg{background-color:#fd583a;}
.soft-div:nth-child(4n+3) a:nth-child(11n+4) .logo_bg{background-color:#02c374;}
.soft-div:nth-child(4n+3) a:nth-child(11n+6) .logo_bg{background-color:#ec2e2e;}
.soft-div:nth-child(4n+3) a:nth-child(11n+2) .logo_bg{background-color:#fd583a;}
.soft-div:nth-child(4n+3) a:nth-child(11n+1) .logo_bg{background-color:#705cc9;}
.soft-div:nth-child(4n+3) a:nth-child(11n+3) .logo_bg{background-color:#5cc9b6;}
.soft-div:nth-child(4n+3) a:nth-child(11n) .logo_bg{background-color:#c9c35c;}

.soft-div:nth-child(4n) a:nth-child(11n+10) .logo_bg{background-color:#ed407e;}
.soft-div:nth-child(4n) a:nth-child(11n+3) .logo_bg{background-color:#059fc9;}
.soft-div:nth-child(4n) a:nth-child(11n+4) .logo_bg{background-color:#ff813c;}
.soft-div:nth-child(4n) a:nth-child(11n+2) .logo_bg{background-color:#af48dd;}
.soft-div:nth-child(4n) a:nth-child(11n+7) .logo_bg{background-color:#fd583a;}
.soft-div:nth-child(4n) a:nth-child(11n+5) .logo_bg{background-color:#02c374;}
.soft-div:nth-child(4n) a:nth-child(11n+9) .logo_bg{background-color:#ec2e2e;}
.soft-div:nth-child(4n) a:nth-child(11n+1) .logo_bg{background-color:#fd583a;}
.soft-div:nth-child(4n) a:nth-child(11n+6) .logo_bg{background-color:#705cc9;}
.soft-div:nth-child(4n) a:nth-child(11n) .logo_bg{background-color:#5cc9b6;}
.soft-div:nth-child(4n) a:nth-child(11n+8) .logo_bg{background-color:#c9c35c;}
/*底部导航*/
.footer{
	background: #101010;
	font-size: 13px;
}
.footer .footer-bot{
	background-color:#000;
	padding: 12px;
}
.footer .footer-body{
	padding: 2rem 0 1rem;
}
.footer .footer-body ul{
	width: 15.5%;
}
.footer .footer-body ul li{
	line-height: 1.5rem;
  color: #7E7E7E;
}
.footer .footer-body ul .title{
	font-size: 0.75rem;
   font-weight: bold;
}
.footer .footer-body ul li a{
	color: #7E7E7E;
}
.footer .footer-body ul li a:hover{
	color: #fff;
}
.footer .desc{
	text-align: center;
  color: #ccc;
  line-height: 1.5rem;
}
.footer .desc a{
	color: #0000df;
}
.foot-img{
	margin-right: 8%;
}
.foot-img > div{
	border: 2px solid #0a73c3;
    color: #0191ff;
    text-align: center;
    padding: 20px 10px 10px;
    position: relative;
}
.foot-img p{
	margin-top:13px;
}
.foot-img h3{
  font-size: 14px;
    color: #fff;
    background-color: #111;
    position: absolute;
    top: -7px;
    margin: auto;
    width: 96px;
    left: 0;
    right: 0;
}
.footer .footer-body ul.foot-info{
	margin-left: 5%;
    text-align: center;
    border-left: 1px dashed;
    padding-left: 4%;
    width: 25%;
}
.kefu-btn{    
	width: 160px;
    background-color: #0A73C7;
    display: block;
    text-align: center;
    color: #fff !important;
    border-radius: 23px;
    margin-bottom: 12px;
    height: 35px;
    line-height: 35px;
    margin: 10px auto 20px;
}
/*左侧快速导航栏*/
.leftFixed{
	position: fixed;
	top: 50%;
	left: 3%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	font-size: 13px;
}
.leftFixed li{
  width: 35px;
  text-align: center;
  padding: 10px 2px;
  background: #CCCCCC;
  border-bottom: 1px dotted #fff;
}
.leftFixed li:hover{
	background: #78adfd;
}
.leftFixed li a{
	color: #fff;
}
/*右侧辅助栏*/
.rightFixed{
	position: fixed;
	top: 50%;
	right: 1%;
  width: 100px;
  height: 420px;
  margin-top: -210px;
}
.rightFixed li a{
	display: table-cell;
	width: 100px;
  height: 100px;
	vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.rightFixed li a img{
	padding-bottom: 3px;
}
.rightFixed .qq img{
	width: 50px;
}
.rightFixed .qq, .rightFixed .back-top{
	background: #78adfd;
}
.rightFixed .wechat{
	padding: 10px 0;
	background: #666666;
}
.rightFixed .down{
	background: #999999;
}
/*底部辅助栏*/
.bottom-fixed{
	position: fixed;
	bottom: 0;
	width: 100%;
	line-height: 40px;
	background: #fff;
}
.bottom-fixed a{
	width: 32.5%;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.bottom-fixed a img{
	width: 20px;
	margin-right: 5px;
}
.bottom-fixed .qq{
	background: #2ea3eb;
}
.bottom-fixed .wechat{
	background: #78adfd;
	margin: 0 1%;
}
.bottom-fixed .phone{
	background: #FF6600;
}
/*微信二维码弹框*/
.wechat-kf-shade{
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 999;
}
.wechat-kf-shade .kf-body{
	position: fixed;
	top: 35%;
	left: 25%;
	width: 50%;
	text-align: center;
}
.wechat-kf-shade .kf-body p{
	color: #fff;
	font-size: 1rem;
	margin-bottom: 15px;
}
.wechat-kf-shade .kf-body img{
	/*width: 100%;*/
}
.footer-bot li{width:auto;display:inline-block;color:#fff;text-align:center;}
.footer-bot li > img{width:90px;margin-left:10px;}
/*移动端导航显示*/
.nav-header .nav-body .app-nav-show{
		position: relative;
    width: 100%;
    height: 500px;
    background: #fff;
    overflow-y: auto;
    margin-top: -58px;
    padding: 10px 0 20px;
    -webkit-overflow-scrolling: touch;
	}
.nav-header .nav-body .app-nav-show .nav-item{
	float: none;
	width: auto;
	height: auto;
	text-align: left;
}
.nav-header .nav-body .app-nav-show .nav-item .child-nav-div{
	position: static;
	display: block;
}
.nav-header .nav-body .app-nav-show .nav-item .child-nav-div li{
	line-height: 30px;
}

@media only screen and (max-width: 640px){
	.child-nav li a{width: auto;display: inline-block;}
    .child-nav{width:100% !important;overflow:hidden;}
    .child-nav img{display:none;}
    .soft-div,.soft-div.weixin{width:100%;}
    .child-nav .soft-div.weixin li{
    	margin-left:0;
    }
    .soft-div .logo_bg{display:none;}
	.child-nav-div{border-top:none !important;background: #f7f7f7  !important;padding: 10px 0 !important;}
	.child-nav-div p{width:100%;border:none !important;padding-bottom: 0px !important;}
	a.buy{display:none;}
}
@media only screen and (min-width: 1200px) {
	.nav-header .nav-body .nav-item .child-nav-div .child-nav{
		width: 1000px;
	}
	.leftFixed{
		left: 50%;
		margin-left: -590px;
	}
}
@media only screen and (min-width: 1466px){
	.leftFixed{
			left: 50%;
			margin-left: -620px;
	}
}
@media only screen and (min-width: 1688px){
	.leftFixed{
		left: 50%;
		margin-left: -660px;
	}
}


@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1540780887618'); /* IE9*/
  src: url('iconfont.eot?t=1540780887618#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAP8AAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9Qki+Y21hcAAAAYAAAABLAAABcOf0uA5nbHlmAAABzAAAAEgAAABIZMYnt2hlYWQAAAIUAAAALQAAADYTF2v/aGhlYQAAAkQAAAAcAAAAJAfeA4NobXR4AAACYAAAAAgAAAAICAAAAGxvY2EAAAJoAAAABgAAAAYAJAAAbWF4cAAAAnAAAAAeAAAAIAENAB1uYW1lAAACkAAAAUUAAAJtPlT+fXBvc3QAAAPYAAAAIwAAADRSUNDqeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByenXl2hrnhfwNDDHMDQwNQmBEkBwD9BQ17eJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf3bm/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwAb4AyZAAABAAAAAAPiAlQAEAAAJQE+ASYiBwkBJiIGFBcBFjICCAHUBQELDwb+Ov47Bg4MBgHSBQ9iAcwGDgwG/kEBxQYMDgb+LgUAAHicY2BkYGAA4rrNv23i+W2+MnCzMIDA9T9TwpFpFgamECDFwcAE4gEAO0kJ+QAAAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAJAAAeJxjYGRgYGBiEGQA0SAWAwMXEDIw/AfzGQAKQAErAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYGrIjMxKzMxryS/lIEBACLqBFwA') format('woff'),
  url('iconfont.ttf?t=1540780887618') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1540780887618#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:14px;
  font-weight: 600;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xiajiantou:before { content: "\e6cc"; }
/*å¤´éƒ¨æ–°æ ·å¼*/
.drop_blo{
	display: flex;
	justify-content: center;
}
.drop_left{
	/*flex:5;*/
	/*background:#008B8B;*/
	/*border-right:1px solid rgba(216,216,216,1);*/
	/*padding-right:20px;*/
	/*box-sizing: border-box;*/
}

.drop_right{
	/*flex:5;*/
	/*background:#008800;*/
	padding-left:20px;
	box-sizing: border-box;
}