.bdimgshare-bg,
.bdimgshare-content,
.bdselect_share_head,
.bdselect_share_content,
.bdselect_share_box,
.triangle-inset,
.selectshare-mod-triangle,
.triangle-border,
.sr-bdimgshare{display: none !important;opacity: 0;left: 0 !important;transform: scale(0.0);
    -webkit-transform: scale(0.0);}


.loadingBg { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #f5f5f5; z-index: 9999;}
.loading { width: 164px; height: 67px; position: fixed; top: 50%; left: 50%; margin-left: -82px; margin-top: -33.5px; z-index: 999;}
.m-black, .m-red { position: absolute; bottom: 0px; left: 0; width: 164px; }
.m-black { background: url(../image/loding1.png) no-repeat left top; height: 67px; }
.m-red { 
	background: url(../image/loding2.png) no-repeat left bottom; 
	-moz-animation-name: fill 3s linear infinite;
	animation:fill 3s linear infinite;
	-webkit-animation:fill 3s linear infinite;
	height: 67px; 
}

@-moz-keyframes fill {
    0% { height: 0px; }
    25% { height: 17px; }
    50% { height: 34px; }
    75% { height: 51px; }
    99% { height: 67px; }
    100% { height:0px; }
}

@-webkit-keyframes fill {
    0% { height: 0px; }
    25% { height: 17px; }
    50% { height: 34px; }
    75% { height: 51px; }
    99% { height: 67px; }
    100% { height:0px; }
}

@keyframes fill {
    0% { height: 0px; }
    25% { height: 17px; }
    50% { height: 34px; }
    75% { height: 51px; }
    99% { height: 68px; }
    100% { height:0px; }
}
.a{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
@media (min-width:320px){
	.header,.pc-nav-tit,.pc-nav-tit{display: none}
	.mod-header{
		position: fixed;
		height: 0.9rem;
		background-color: #fff;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 21;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.05)
	}
	.mod-header .logo{
		width: 2rem;
		display: block;
		float: left;
		margin-left: 0.3rem;
		position: relative;
		top: 48%;
		transform:translateY(-48%);
	}
	.mod-header .logo img,
	.header .mian .logo img{
		width: 100%;
	}
	.mod-header .line{
		float: right;
		width: 0.9rem;
		position: relative;
		height: 0.9rem;
		border-left: 1px solid #e5e5e5;
	}
	.mod-header .line .point{
		position: absolute;
		left: calc(50% - 0.15rem);
		top: 50%;
		transform:translateY(-50%);
		width: 0.4rem;
		height: 0.34rem;
	}
	.mod-header .line .point p{
	    width:100%;
	    height:2px;
	    background-color: #191919;
	    position: absolute;
	    left: 0;
	    -webkit-transition: all 0.8s;
	            transition: all 0.8s;
	}
	.mod-header .line .point p:nth-child(1){
	    top: 0px;
	        -webkit-transform-origin: left top;
	            -ms-transform-origin: left top;
	                transform-origin: left top;
	        -webkit-transform: rotateZ(0deg);
	            -ms-transform: rotateZ(0deg);
	                transform: rotateZ(0deg);
	            -webkit-transition: all 0.5s;
	                -ms-transition: all 0.5s;
	                    transition: all 0.5s;
	}
	.mod-header .line .point.cur p:nth-child(1) {
	    -webkit-transform: rotateZ(45deg);
	            transform: rotateZ(45deg);
	}
	.mod-header .line .point p:nth-child(2){
	    top:0.14rem;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	}
	.mod-header .line .point.cur p:nth-child(2) {
	    opacity: 0;
	}
	.mod-header .line .point p:nth-child(3){
	    top: 0.28rem;
	        -webkit-transform-origin: left bottom;
	            -ms-transform-origin: left bottom;
	                transform-origin: left bottom;
	        -webkit-transform: rotateZ(0deg);
	            -ms-transform: rotateZ(0deg);
	                transform: rotateZ(0deg);
	            -webkit-transition: all 0.5s;
	                -ms-transition: all 0.5s;
	                    transition: all 0.5s;
	}
	.mod-header .line .point.cur p:nth-child(3){
	        -webkit-transform: rotateZ(-45deg);
	                transform: rotateZ(-45deg);
	}
	.mod-header .share,
	.mod-header .mao,
	.mod-header .search{
		height: 0.5rem;
		line-height:0.5rem;
		width: 0.5rem;
		float: right;
		position: relative;
		top: 50%;
		transform:translateY(-50%);
		margin-right: 0.2rem;
	}
	.mod-header .share{
		background: url(../image/share.1.png) center/0.29rem no-repeat;
		display: none;
	}
	.mod-header .mao{
		width: 1.2rem;
		font-size:14px;		
	}
	.mod-header .mao a{ color:#333;}
	.mod-header .search{
		background: url(../image/serch.1.png) center/0.29rem no-repeat;
	}
	.mod-header .share .mbox{
		background-color: #fff;
		position: fixed;
		top:1rem;
		right: 3px;
		display: none;
		padding: 0.5rem;
		width: 96px;
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	}
	.mod-header .share .mbox:before{
		display: block;
		content: '';
		width: 0;
		height: 0;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		border-bottom: 8px solid #fff;
		position: absolute;
		top: -7px;
		right: 0px;
		box-shadow: 0 -10px 20px 0 rgba(0,0,0,0.2);
	}
	.mod-header .share .mbox a{
		margin: 0px 10px 0px 0;
	}
	.mod-header .share .mbox a:last-child{
		margin-right: 0
	}
	.tip-bg{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		display: none;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
		z-index: 19;
	}
	.mod-nav{
		width: 100%;
		padding: 0.2rem 0.3rem 0;
		background-color: #fff;
		position: fixed;
		top: 0.9rem;
		left: 0;
		display: none;
		z-index: 20;
		border-top: 1px solid #e5e5e5;
	}
	.mod-nav li .title{
		height: 0.75rem;
		line-height: 0.75rem;
		font-size: 0.28rem;
		color: #333;
		position: relative;
		border-bottom: 1px solid rgba(0,0,0,0.05);
		background:url(../image/arr-right.png) no-repeat right center;
		background-size:10px;
	}
	.mod-nav li .title:before{
		content: '';
		position: absolute;
		left: 0;
		height: 2px;
		bottom: -1px;
		background-color: #333333;
		width: 0;
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
	}
	.mod-nav li.on .title:before{
		width: .3rem;
	}
	.mod-nav li .child{
		width: 100%;
		display: none;
		padding: 0.2rem 0;
		border-bottom: 1px solid rgba(0,0,0,0.05);
	}
	.mod-nav li .child .tit{
		height: .6rem;
		line-height: .6rem;
		font-size: .26rem;
		color: #555;
	}
	.search-box{
		width: 100%;
		position: fixed;
		z-index: 25;
		top: 0%;
		left: 0%;
		display: none;
		height: 100%;
		background-color: rgba(0,0,0,0.9);
	}
	.search-box .point{
		display: block;
		width: .4rem;
		height: .4rem;
		position: fixed;
		right: 10%;
		top: 5%;
	}
	.search-box .point:before{
		content: "\2715";
		color: #fff;
		font-size: 0.5rem;
	}
	.search-box .box{
		width: 80%;
		height: 0.8rem;
		line-height: .8rem;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		position: absolute;
		left: 10%;
		top: 25%;
	}
	.search-box .box .txt{
		width: 75%;
		float: left;
		height: 0.8rem;
		line-height: 0.8rem;
		color: #fff;
		border: 0;
		font-size: 0.26rem;
		padding: 0 .2rem;
		font-size: .26rem;
		background-color: transparent;
	}
	.search-box .box .btn{
		width: 0.8rem;
		height: 0.8rem;
		float: right;
		border: 0;
		background: url(../image/serch.2.png) center/0.26rem no-repeat;
	}

	.footer{
		background:#1c1c1c url(../image/foot-bg.png) repeat left top;
		padding: 0.6rem 0 0;
	}
	.footer .mian ._top,
	.footer .mian .nav{
		display: none;
	}
	.footer .mian .fenx{
		width: 5.2rem;
		margin: 0 auto;
		text-align: center;
	}
	.footer .mian .fenx .tit{
		font-size: 0.3rem;
		color: #fff;
		line-height: 1.4;
		margin-bottom: 0.35rem;
		display: block;
	}
	.footer .mian .fenx .box .mbox{
		width: 2.4rem;
		float: left;
		margin: 0 0.1rem;
	}
	.footer .mian .fenx .box .mbox img{
		width: 100%;
	}
	.footer .mian .fenx .box .mbox .tt{
		font-size: 0.22rem;
		color: #fff;
		line-height: 1.6;
		margin-top: 0.2rem;
	}
	.footer .botbg{
		background: url(../image/foot-pre.jpg) repeat-x left top;
    	padding-top: 3px;
		overflow:hidden;
		}
	.footer .botcont{
		background: url(../image/footer-bg.png);
	}
	.footer .bot{
		padding: 0.4rem 0.3rem;
		
	}
	.footer .bot div{
		font-size: 0.24rem;
		color: #666666;
		text-align: center;
		line-height: 1.66;
	}
	.footer .bot div span{
		display: block;
	}
	.footer .bot div a{
		color: #666666;
	}
	

	/*侧边导航*/
	.mod-nav-tit{
		width: 0.97rem;
		height: 0.97rem;
		position: fixed;
		background-color: #fff;
		border-radius: 50%;
		border: 0.04rem solid #dcdcdc;
		box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
		right: 0.3rem;
		top: 50%;
		font-size: 0.24rem;
		color: #333333;
		text-align: center;
		line-height: 1.3;
		z-index: 12;
		-webkit-transition: all 0.4s;
      	transition: all 0.4s;
      	overflow: hidden;
      	opacity: 1;
      	-webkit-transform: scale3d(1,1,1);
  		-moz-transform:scale3d(1,1,1)
  		transform: scale3d(1,1,1);
	}
	.mod-nav-tit.on{
		-webkit-transform: scale3d(0,0,1);
  		-moz-transform:scale3d(0,0,1)
  		transform: scale3d(0,0,1);
		right: -1rem;
		opacity: 0;
	}

	.mod-nav-tit .center-point{
		position: relative;
		top: 50%;
		transform:translateY(-50%);
	}
	.mod-nav-list{
		position:fixed;
		z-index: 20;
		right: 0.3rem;
		top: 50%;
		display: none;
		width: 22px;
		transform:translateY(-50%);
	}
	.mod-nav-bg{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height:100%;
		display: none;
		z-index: 12;
		background-color: rgba(0,0,0,0.7);
	}
	.mod-nav-list .close{
		width: 20px;
		height: 20px;
		background: url(../image/img34.png) center/cover no-repeat;
	}
	.mod-nav-list li{
		width: 20px;
		height: 20px;
		position: relative;
		margin-top: 12px;
	}
	.mod-nav-list li .point{
		width: 100%;
		height: 100%;
		box-sizing:border-box;
		border: 2px solid #fff;
		border-radius: 50%;
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
      	position: relative;
      	left: 0;
      	z-index: 5;
	}
	.mod-nav-list li.on .point{
		-webkit-transform: scale3d(1.5,1.5,1);
  		-moz-transform:scale3d(1.5,1.5,1)
  		transform: scale3d(1.5,1.5,1);
	}
	.mod-nav-list li.f0c7c9 .point{
		background-color: #f0c7c9
	}
	.mod-nav-list li.fce2de .point{
		background-color: #fce2de
	}
	.mod-nav-list li.cce3db .point{
		background-color: #cce3db
	}
	.mod-nav-list li.add9d8 .point{
		background-color: #add9d8
	}
	.mod-nav-list li.f5e0c9 .point{
		background-color: #f5e0c9
	}
	.mod-nav-list li.edc9b7 .point{
		background-color: #edc9b7
	}
	.mod-nav-list li.cfabde .point{
		background-color: #cfabde
	}
	.mod-nav-list li.c9c9c9 .point{
		background-color: #c9c9c9
	}
	.mod-nav-list li a{
		display: block;
		position: absolute;
		right: 75px;
		top: 50%;
		transform:translateY(-50%);
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
	}
	.mod-nav-list li a i{
		display: block;
		height: 0;
		width:0px;
		content: '';
		border-bottom: 1px dashed #add9d8;
		position: absolute;
		right: -55px;
		top: 50%;
		transform:translateY(-50%);
	}
	.mod-nav-list li.child1 a i{
		border-bottom: 1px dashed #f0c7c9;
	}
	.mod-nav-list li.child2 a i{
		border-bottom: 1px dashed #fce2de
	}
	.mod-nav-list li.child3 a i{
		border-bottom: 1px dashed #cce3db
	}
	.mod-nav-list li.child4 a i{
		border-bottom: 1px dashed #add9d8
	}
	.mod-nav-list li.child5 a i{
		border-bottom: 1px dashed #f5e0c9
	}
	.mod-nav-list li.child6 a i{
		border-bottom: 1px dashed #edc9b7
	}
	.mod-nav-list li.child7 a i{
		border-bottom: 1px dashed #cfabde
	}
	.mod-nav-list li.child8 a i{
		border-bottom: 1px dashed #c9c9c9
	}
	.mod-nav-list li a img{
		display: none;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		opacity: 0;
		position: relative;
		left: 5px;
	}
	.mod-nav-list li.child1 a img{
		border:2px solid #f0c7c9;
	}
	.mod-nav-list li.child2 a img{
		border:2px solid #fce2de;
	}
	.mod-nav-list li.child3 a img{
		border:2px solid #cce3db
	}
	.mod-nav-list li.child4 a img{
		border:2px solid #add9d8
	}
	.mod-nav-list li.child5 a img{
		border:2px solid #f5e0c9
	}
	.mod-nav-list li.child6 a img{
		border:2px solid #edc9b7
	}
	.mod-nav-list li.child7 a img{
		border:2px solid #cfabde
	}
	.mod-nav-list li.child8 a img{
		border:2px solid #c9c9c9
	}
	.mod-nav-list li a .fa{
		font-size: 0.24rem;
		color: #fff;
		line-height:15px;
		text-align: center;
		position: absolute;
		bottom: -18px;
		left: 5px;
		opacity: 0;
		display: none;
		width: 100%;
	}

}
@media (min-width:768px){
	.mod-header{
		height: 70px;
	}
	.mod-header .logo{
		width: 148px;
	}
	.mod-header .share, .mod-header .mao, .mod-header .search {
	    height: 50px;
	    width: 40px;
	    margin-right: 15px;
	}
	.mod-header .search {
	    background: url(../image/serch.png) center/19px no-repeat;
	}
	.mod-header .mao {
		width:80px;
		line-height:50px;
		margin:0 15px 0 10px;
	}
	.mod-header .mao a{ font-size:15px; color:#333;}
	.mod-header .share {
	    background: url(../image/share.png) center/21px no-repeat;
	}
	.mod-header .line .point {
	    left: calc(50% - 15px);
	    width: 30px;
	    height: 24px;
	}
	.mod-header .line .point p:nth-child(2) {
	    top: 10.5px;
	}
	.mod-header .line .point p:nth-child(3) {
	    top: 21px;
	}
	.mod-header .line {
	    width: 70px;
	    height: 70px;
	}
	.mod-nav{
		top: 70px;
		padding: 15px 0.3rem 0;
	}
	.mod-nav li .title {
	    height: 50px;
	    line-height: 50px;
	    font-size: 16px;
	}
	.mod-nav li .child{
		padding: 10px 0;
	}
	.mod-nav li .child .tit {
	    height: 36px;
	    line-height: 36px;
	    font-size: 14px;
	}
	.mod-nav li.on .title:before{
		width: 25px;
	}

	.footer {
	    padding: 60px 0 0;
	}
	.footer .mian .fenx {
	    width: 400px;
	}
	.footer .mian .fenx .tit {
	    font-size: 20px;
	    margin-bottom: 40px;
	}
	.footer .mian .fenx .box .mbox {
	    width: 180px;
	    margin: 0 10px;
	}
	.footer .mian .fenx .box .mbox .tt {
	    font-size: 14px;
	    margin-top: 20px;
	}
	.footer .bot {
	    padding: 40px 0;		
		text-align:center;
	}
	.footer .bot div{
		font-size: 14px;
	}
	.mod-header .share .mbox{
		padding: 30px;
		top: 80px;
	}
	.footer .botbg{ margin:30px 0 0;}
	.footer .bot a {
		color: #666666;
		float:none;
		font-size:14px;
	}

	.mod-nav-list {
	    right:4%;
	    width: 30px;
	}
	.mod-nav-tit{
		width: 75px;
		font-size: 18px;
		right: 4%;
		height: 75px;
		border: 3px solid #dcdcdc;
	}
	.mod-nav-list .close {
	    width: 26px;
	    height: 26px;
	    margin: 0 auto;
	}
	.mod-nav-list li {
	    width: 26px;
	    height: 26px;
	    margin: 20px auto 0;
	}
	.mod-nav-list li a img {
	    width: 70px;
	    height: 70px;
	}
	.mod-nav-list li a .fa {
	    font-size: 16px;
	    bottom: -22px;
	}
}
@media (min-width:992px){

}
@media (min-width:1100px){
	.mod-header,
	.mod-header .share .mbox{
		display: none;
	}
	.header{
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		display: block;
		width: 100%;
		box-sizing:border-box;
		height: 90px;
		position: fixed;
		top: 0;
		left: 0%;
		z-index: 30;
		background-color: #fff;
		border-bottom: 1px solid rgba(0,0,0,0.05);
		box-shadow: 0px 6px 7px -7px rgba(0,0,0,0.03)
	}
	.header .mian{
		width: 1400px;
		margin: 0 auto;
		max-width: 96%;
		height: 90px;
	}
	.header .mian .logo{
		display: block;
		float: left;
		width: 188px;
		position: relative;
		top: 50%;
		transform:translateY(-50%);
	}
	.header .mian .share,
	.header .mian .mao,
	.header .mian .search{
		width: 21px;
		float: right;
		height: 50px;
		line-height:50px;
		position: relative;
		z-index: 5;
		top: 50%;
		transform:translateY(-50%);
		margin-left: 40px;
		cursor: pointer;
	}
	.header .mian .share{
		z-index: 10;
		background: url(../image/share.png) center no-repeat;
	}
	.header .mian .mao{
		width:75px;
		font-size:16px;
		color:#222;
	}
	.header .mian .mao a{ color:#222;}
	.header .mian .mao a:hover{ color:#00a2e9;}
	.header .mian .share .mbox{
		padding: 25px 30px;
		background-color: #fff;
	    position: fixed;
	    top: 50px;
	    right: 0px;
	    display: none;
	    width: 96px;
	    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	}
	.header .mian .search .mbox{
		height: 40px;
		width: 0px;
		min-width: 40px;
		position: absolute;
		right: -12px;
		top: 5px;
		overflow: hidden;
		z-index: 10;
		border: 1px solid #fff;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.header .mian .search .mbox .txt{
		width: 175px;
		float: left;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		background-color: #fff;
		color: #666;
		padding: 0 8px;
		border: 0;
	}
	.header .mian .search .mbox .submit{
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 5;
		position: absolute;
		background:#fff url(../image/serch.png) center no-repeat;
		right: 0;
		top: 0;
		float: right;
		padding: 0;
		border: 0;
	}
	.header .mian .search:hover .mbox{
		width: 240px;
		border: 1px solid #dfdfdf;
	}

	.header .mian .nav{
		/*position: relative;*/
		/*left: 50%;*/
		height: 90px;
		width: auto;
		margin-left: 6vw;
		float: left;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
		/*transform:translateX(-50%);*/
	}
	.header .mian .nav ._li{
		height: 90px;
		float: left;
		line-height: 90px;
		margin-left: 3.2vw;
		position: relative;
	}
	.header .mian .nav ._li .child{
		position: absolute;
		left: 50%;
		transform:translateX(-50%);
		top: 100%;
		width: 160px;
		display: none;
		padding: 20px 0;
		background-color: #fff;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1)
	}
	.header .mian .nav ._li .child .tt{
		line-height: 2;
		font-size: 14px;
		text-align: center;
		margin-top: 5px;
		position: relative;
	}
	.header .mian .nav ._li .child .tt span{
		display: inline-block;
		position: relative;
	}
	.header .mian .nav ._li .child .tt span:before{
		display: block;
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		background-color: #0d1438;
		height: 2px;
		width: 0%;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.header .mian .nav ._li .child .tt span:hover:before{
		width: 100%;
		left: 0;
	}
	.header .mian .nav ._li .child .tt a{
		color: #666;
		line-height: 1;
		display: inline-block;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.header .mian .nav ._li .child .tt span a:hover{
		color: #0d1438
	}
	.header .mian .nav ._li .child .btn a{
		display: block;
		width: 85px;
		height: 32px;
		margin: 25px auto 10px;
		line-height: 32px;
		border-radius: 3px;
		color: #fff;
		font-size: 14px;
		text-align: center;
		background-color: #0d1438;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.header .mian .nav ._li .child .btn a:hover{
		background-color: rgba(13,20,56,0.7);
	}

	.header .mian .nav ._li:first-child{
		margin-left: 0
	}
	.header .mian .nav ._li:hover {
	    z-index: 2;
	}
	.header .mian .nav ._li .title{
		font-size: 16px;
		color: #222;
		position: relative;
		height: 20px;
		line-height: 20px;
		margin-top: 35px;
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
      	padding-right: 20px;
      	background: url(../image/arr.png) right center no-repeat;
	}

	.header .mian .nav ._li .title:hover,
	.header .mian .nav ._li.on .title{
		color: #00a2e9;
	}
	.header .mian .nav ._li .title:hover,
	.header .mian .nav ._li.on .title{
		background: url(../image/arr.1.png) right center no-repeat;
	}
	.pc-nav-box{
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		position: fixed;
		top: 90px;
		z-index: 40;
		display: none;
		box-sizing:border-box;
		overflow: hidden;
		left:0;
		width: 100%;
		background-color: #242424;
	}
	.pc-nav-box .mian{
		width: 1400px;
		max-width: 96.36%;
		margin: 0 auto;
		padding:22px 0 88px;
		position: relative;
		height: 100%;
	}
	.pc-nav-box .mian ._nav{
		width: 15.3%;
		position: absolute;
		left: 0;
		top:45px;
		box-sizing:border-box;
		height: calc(100% - 45px);
	}
	.pc-nav-box .mian ._nav li{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: none;
	}
	.pc-nav-box .mian ._nav li .tit{
		font-size: 22px;
		line-height: 1.2;
		margin-bottom: 20px;
	}
	.pc-nav-box .mian ._nav li .tit a{
		color: #fff;
	}
	.pc-nav-box .mian ._nav li .tt{
		font-size: 16px;
		line-height: 1.4;
		/*margin-bottom: 18px;*/
		margin-bottom: 13px;
	}
	.pc-nav-box .mian ._nav li .tt a{
		color: rgba(255,255,255,0.8);
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
      	position: relative;
	}
	.pc-nav-box .mian ._nav li .tt a:before{
		content: '';
		position: absolute;
		left: 0;
		bottom: -3px;
		height: 1px;
		background-color: #fff;
		width: 0%;
		-webkit-transition: all ease-out 0.3s;
      	transition: all ease-out 0.3s;
	}
	.pc-nav-box .mian ._nav li .tt a:hover:before{
		width: 100%;
	}
	.pc-nav-box .mian ._nav li .tt a:hover{
		color: #fff;
	}
	.pc-nav-box .mian ._nav li.on{
		display: block;
	}
	.pc-nav-box .mian ._nav li .btn{
		margin-top: 45px;
	}
	.pc-nav-box .mian ._nav li .btn a{
		display: block;
		text-align: center;
		border: 2px solid rgba(255,255,255,0.8);
		border-radius: 30px;
		color: rgba(255,255,255,0.8);
		width: 115px;
	    height: 36px;
	    line-height: 36px;
	    font-size: 16px;
	    -webkit-transition: all 0.3s;
      	transition: all 0.3s;
	}
	.pc-nav-box .mian ._nav li .btn a:hover{
		background-color: #fff;
		border: 2px solid rgba(255,255,255,1);
		color: #333;
	}

	.pc-nav-box .mian .right{
		width: calc(100% - 15.3%);
		float: right;
		text-align: center;
	}
	.pc-nav-box .mian .right img{
		width: 100%;
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
      	transform-origin:center; 
      	-webkit-transform-origin:center; 
      	-webkit-transform: scale3d(1.01,1.01,1);
  		-moz-transform:scale3d(1.01,1.01,1);
  		transform: scale3d(1.01,1.01,1);
	}
	.pc-nav-box .mian .right img:hover{
		-webkit-transform: scale3d(1.1,1.1,1);
  		-moz-transform:scale3d(1.1,1.1,1);
  		transform: scale3d(1.1,1.1,1);
	}
	.pc-nav-box .mian .right .max-box{
		width: 38.8%;
		float:left;
		position: relative;
	}
	.pc-nav-box .mian .right .max-box .mbox{
		overflow: hidden;
	}
	.pc-nav-box .mian .right .max-box .title{
		font-size: 18px;
		color: #dfdfdf;
		line-height: 1.4;
		margin-top: 15px;
		position: absolute;
		bottom: -40px;
		left: 0;
		width: 100%;
	}
	.pc-nav-box .mian .right .list-box{
		width: calc(100% - 40.3%);
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		overflow: hidden;
	}
	.pc-nav-box .mian .right .list-box ul{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.pc-nav-box .mian .right .list-box li{
		width: 31%;
	    height: 47%;
	    float: left;
	    position: relative;
	    margin: 0 3.5% 3.8% 0;
	    overflow: hidden;
	}
	.pc-nav-box .mian .right .list-box li:nth-child(3n){
		margin-right: 0
	}
	.pc-nav-box .mian .right .list-box li:nth-child(4),
	.pc-nav-box .mian .right .list-box li:nth-child(5),
	.pc-nav-box .mian .right .list-box li:nth-child(6){
		margin-bottom: 0
	}
	.pc-nav-box .mian .right .list-box li .title{
		position: absolute;
		left: 0;
		width: 100%;
		bottom: 1%;
		font-size: 18px;
		color:#dfdfdf;
		line-height: 1.4;
		text-transform: uppercase;
	}
	.pc-nav-box .mian .right .list-box li .mbox{
		position: relative;
		width: 100%;
		top: 50%;
		transform:translateY(-50%);		
	}
	.pc-nav-box .mian .right .list-box li .mbox .img{
		width: 37px;
		height: 37px;
	}
	.pc-nav-box .mian .right .list-box li .mbox .tit{
		font-size: 20px;
		color: #fff;
		text-align: center;
		line-height: 1.4;
		margin-top: 15px;
	}
	.pc-nav-box .mian .right .list-box li.serch-box{
		border: 2px solid #2e2e2e;
    	box-sizing: border-box;
	}

	.footer{
		padding: 60px 0rem 0;
	}
	.footer .mian{
		width: 1400px;
		max-width: 96.46%;
		margin: 0 auto;
		padding:0 0 60px;
	}
	.footer .mian ._top{
		display: block;
		width: 30px;
		float: left;
	}
	.footer .mian ._top span{
		display: block;
		width: 30px;
		height: 30px;
		cursor: pointer;
		border-radius: 50%;
		background-color: #fff;
		position: relative;
		overflow: hidden;
	}
	.footer .mian ._top span i{
		display: block;
		width: 30px;
		height: 21px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: url(../image/img17.png) center no-repeat;
	}
	.footer .mian ._top span:hover i{
		animation: downico 1.2s ease-out infinite;
	}
	@keyframes downico{
        0%{bottom: 0; opacity: 1;}
        35%{bottom: 30%; opacity: 0;}
        65%{bottom: -30%;opacity: 0;}
        100%{bottom: 0;opacity: 1;}
    }
	.footer .mian ._top div{
		font-size: 16px;
		font-family: AlibabaSans-Medium;
		text-align: center;
		color: #fff;
		line-height: 1;
		margin-top: 13px;
	}
	.footer .mian .nav{
		display: block;
		float: left;
		width: 60%;
	}
	.footer .mian .nav li{
		width: 20%;
		float: left;
	}
	.footer .mian .nav li p{
		font-size: 14px;
		line-height: 1.4;
		margin-bottom: 9px
	}
	.footer .mian .nav li .tit{
		margin-bottom: 30px;
		font-size: 18px;
	}
	.footer .mian .nav li .tit a{
		color: #fff;
	}
	.footer .mian .nav li .tt a{
		color: #bdbdbd;
	}
	.footer .mian .nav li .tt a,
	.footer .bot div a:hover{
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
	}
	.footer .mian .nav li .tt a:hover,
	.footer .bot div a:hover{
		color: #fff;
	}
	.footer .mian .fenx {
	    width: 315px;
	    float: right;
	}
	.footer .mian .fenx .tit {
	    font-size: 18px;
	    margin-bottom: 30px;
	    text-align: left;
	}
	.footer .mian .fenx .box .mbox {
	    width: 150px;
	    margin: 0;
	}
	.footer .mian .fenx .box .mbox:last-child{
		margin-left: 15px;
	}
	.footer .mian .fenx .box .mbox .tt{
		margin-top: 10px;
		color: #b3b3b3;
	}
	.footer .bot{
		width: 1400px;
		margin: 0 auto;
		max-width: 96.46%;
	    padding: 25px 0;
	}
	.footer .bot div{
		display: inline;
		float: left;
	}
	.footer .bot div span{
		display: inline;
	}
	.footer .bot .desgin{
		display: block;
		float: right;
		font-size: 14px;
		line-height: 1.4;
		color:#666;
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
	}
	.footer .bot .desgin:hover{
		opacity: 0.7;
	}
	
	.mod-nav-tit{
		display: none;
	}


}


.pc{ display:block;}
.wap{ display:none;}

.f_text{ float:left; width:310px;}
.footer .mian .nav li .f_text p{ line-height:36px; color:#838383; font-size:14px;}
.f_text .service_tel{ background:url(../image/icon_tel.png) no-repeat left center; padding-left:42px; margin-bottom:10px;}
.f_text .service_fax{ background:url(../image/icon_fax.png) no-repeat left center; padding-left:42px; margin-bottom:10px;}
.f_text .service_email{ background:url(../image/icon_email.png) no-repeat left center; padding-left:42px; margin-bottom:10px;}
.f_text .service_address{ background:url(../image/icon_address.png) no-repeat left top; line-height:20px; padding-left:42px;}

.right_side{ position: absolute; right: 0; top: 35%; width: 60px; height: 245px; z-index: 80000; }
.right_side ul{}
.right_side ul li{ width: 60px; height: 60px; border-bottom: 1px solid #3197f0; background: #2c88d8 url(../image/right_ico.png) no-repeat; cursor: pointer; position:relative;-webkit-transition:  background 0.5s ease-out ; -moz-transform:background 0.5s ease-out; transition: background 0.5s ease-out ; }
.right_side ul li:hover{ background:#FFFFFF url(../image/right_hover_ico.png) no-repeat; }

.right_side ul li.qq{  background-position: center 17px;    }
.right_side ul li.qq div{ display: none; background-color: #f9f9f9; position: absolute; right: 60px; width: 180px; height: 180px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; overflow: hidden; -moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); box-shadow:-7px 0px 10px rgba(0,0,0,0.2); }
.right_side ul li.qq div dt{ text-align: center; height: 60px; line-height: 60px; background-color: #ffffff; }
.right_side ul li.qq div dd{height: 60px; line-height: 60px; color: #666666; margin: 0 auto; width: 160px; font-size: 16px; text-indent: 80px; background: url(../image/qqbg.gif) no-repeat 30px 17px;}
.right_side ul li.qq div dd a{ display: block;}
.right_side ul li.qq div dd a:hover{ color: #556c9c;}

.right_side ul li.tel{ background-position: center -44px; }
.right_side ul li.tel div{ display: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;  position: absolute;  right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); height: 60px; line-height: 60px; padding: 0 20px; font-size: 24px; font-weight: bold; color: #217cc8; background-color: #fff; white-space: nowrap }
.right_side ul li.wx{  background-position: center -105px; border-top-left-radius: 5px;}
.right_side ul li.wx div{ border-radius: 5px; display: none; position: absolute; top: -45px; right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); overflow: hidden; }
.right_side ul li.topback{ background-position: center -166px; border: none; border-bottom-left-radius: 5px; }
.right_side ul li:hover div{ display: block;}
.right_side ul li.qq:hover{ border-radius: 0;}
.right_side ul li img{ max-width:none;}
.right_side #returnTop a{ width:60px; height:60px; display:block; text-indent:-9999px;}

.bannerli{ height:380px; margin-top:90px;}
.bannerli .note{ width:1400px; height:380px; margin:0 auto; position:relative;}
.bannerli .note p{ color:#fff; font-size:72px; line-height:72px; font-family: AlibabaSans-Medium; position:absolute; right:0; bottom:130px;}
.bannerli .note span{ color:#fff; font-size:36px; line-height:36px; position:absolute; right:0; bottom:80px;}

.bannerli1{ height:380px; margin-top:90px;}
.bannerli1 .note{ width:1400px; height:380px; margin:0 auto; position:relative;}
.bannerli1 .note p{ color:#fff; font-size:72px; line-height:72px; font-family: AlibabaSans-Medium; position:absolute; left:140px; bottom:130px;}
.bannerli1 .note span{ color:#fff; font-size:36px; line-height:36px; position:absolute; left:140px; bottom:80px;}

.bannerli8{ height:880px; margin-top:90px; position:relative;}
.bannerli8 .note{ width:1400px; text-align:center; position:absolute; bottom:25%; left:50%; margin:-40px 0 0 -700px;}
.bannerli8 .note p{ color:#fff; font-size:72px; line-height:72px; font-family: AlibabaSans-Medium;}
.bannerli8 .note span{ color:#fff; font-size:50px; line-height:56px; font-weight:lighter;}
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #1e50ae;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

@media (max-width:1440px){
	.bannerli .note{ width:90%;}
	.bannerli8 .note{ width:90%;}
}
@media (max-width:1380px){
	.header .mian .nav{ margin-left:5vw;}
}
@media (max-width:1220px){
	.header .mian .mao{ display:none;}	
}
@media (max-width:1100px){
	.bannerli{ margin-top:70px;}
	.bannerli1{ margin-top:70px;}
	.bannerli8{ margin-top:70px;}
	.product-container .box{ margin-top:70px;}
}

@media (max-width:767px){
.pc{ display:none;}
.wap{ display:block;}
.right_side,.side_gray{ display:none}

.product-container .box{ margin-top:0.9rem;}

.bannerli2{ margin-top:0.9rem; position:relative;}
.bannerli2 img{ width:100%;}
.bannerli2 p{ color:#fff; font-size:40px; line-height:40px; font-family: AlibabaSans-Medium; position:absolute; right:20px; bottom:50px;}
.bannerli2 span{ color:#fff; font-size:18px; line-height:18px; position:absolute; right:20px; bottom:30px;}

.bannerli3{ margin-top:0.9rem; position:relative;}
.bannerli3 img{ width:100%;}
.bannerli3 p{ color:#fff; font-size:40px; line-height:40px; font-family: AlibabaSans-Medium; position:absolute; left:20px; bottom:50px;}
.bannerli3 span{ color:#fff; font-size:18px; line-height:18px; position:absolute; left:20px; bottom:30px;}
	
.footer .mian{ padding:0 0 30px;}
.footer .bot{ text-align:center;}
.footer .bot a{ color:#666666; float:none; font-size:14px;}
}

.footer .nav ul li p:nth-child(n+10) {display: none;}