html,body{background-color: #fff;height: 100%;width: 100%; font-family: Arial, "微软雅黑";margin: 0;padding: 0;}
.clear{clear: both;}
.clearfix{zoom:1;}
ul,li,ol,p,h1,h2,h3,h4,h5,h6{list-style: none; margin: 0; padding: 0;}
a{text-decoration: none!important;}

/*=====================================================*/
@media screen and (min-width: 320px) and (max-width: 767px){
}
/*=====================================================*/
/*@media screen and (min-width: 320px) and (max-width: 374px){*/
@media screen and (min-width: 320px) and (max-width: 569px){
	.navbar .container{
		padding: 0!important;
	}
	.logo{
		padding: 8px 0 0 25px!important;
	}
	.logo img{
		height: 40px!important;
	}
	.logo strong{
		font-size: 23px!important;
		letter-spacing: 2px!important;
	}
	.logo em{
		font-size: 9px!important;
		letter-spacing: 2px!important;
	}
	.affix-top,.affix{
		height: 58px!important;
	}
	.affix-top .container,.affix .container{
		padding-top: 0px!important;
		padding-bottom: 15px!important;
	}
	.affix .container{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar .navbar-toggle{
		height: 30px;
		margin-top: 20px;
		margin-right: 25px;
		padding: 0;
		width: 30px;
	}
	.navbar-toggle .icon-bar+.icon-bar{
		margin-top: 0px!important;
	}
	.collapsed .icon-l,.collapsed .icon-r{
		position: relative!important;
		margin: 5px 0!important;
	}
	.affix-top .nav-main,.affix .nav-main{
		height: 100px!important;
		position: relative!important;
		text-align: left!important;
		top: 0!important;
	}
	.affix.navbar .navbar-nav li .nav-main{background: #eee!important;}
	.affix-top .nav-main a,.affix .nav-main a{
		padding-left: 10%!important;
	}
	.affix .nav-main a{color: #333!important;}
	.affix .nav-main a:hover{color: #fff!important;}
	.affix-top li:hover .nav-main,.affix li:hover .nav-main{
		height: 100px!important;
	}

	.affix-top .navbar-toggle .icon-bar{
		background-color: #fff!important;
	}
	.affix-top .container{padding: 0!important;}
	.affix-top .navbar-collapse{background: rgba(0,0,0,0.7)!important;}
	.navbar .navbar-toggle .icon-bar{
		background-color: #000;
		transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
		-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
		position: absolute;
		width: 28px;
	}
	.navbar .navbar-toggle .icon-l{
		transform: translateZ(0) rotate(45deg);
		-webkit-transform: translateZ(0) rotate(45deg);
	}
	.navbar .navbar-toggle .icon-r{
		transform: translateZ(0) rotate(135deg);
		-webkit-transform: translateZ(0) rotate(135deg);
	}
	.navbar .collapsed .icon-l{
		transform: translateZ(0) rotate(180deg);
		-webkit-transform: translateZ(0) rotate(180deg);
	}
	.navbar .collapsed .icon-r{
		transform: translateZ(0) rotate(0deg);
		-webkit-transform: translateZ(0) rotate(0deg);
	}
	.navbar .container .navbar-collapse{
		box-shadow:0 6px 6px rgba(0, 0, 0, .2);
		margin-left: 0;
		margin-right: 0;
		margin-top: 0px;
		width: 100%;
	}
	.affix-top .navbar-collapse,.affix .navbar-collapse{
		background-color: #fff;
		transition: .3s;
	}
	.banner,.carousel-inner,.item,.carousel-inner .active{
		height: 500px!important;
		min-height: 500px!important;
	}
	.banner .carousel-control.left, .banner .carousel-control.right{
		display: none;
	}
	.banner .container{padding: 35% 0 0 10%!important;}
	.banner .container.ban-about-text{padding-left: 0!important;}
	.banner .item{overflow: hidden;}
	.banner .item .ban-img{height: 100%; width: auto!important;max-width: inherit!important; left: -50%!important;}
	.ban-text1,.caseban-main .text{font-size: 1.47em!important;}
	.ban-text2{font-size: 1.71em!important;}
	.caseban-main .title{font-size: 2em!important;}
	.ban-en,.caseban-main .en{font-size: 0.75em!important;}
	.caseban-main .link a{font-size: 1em!important;}
.banner .ban-3d{background-image: url(../img/ban-3d.jpg);}
.banner .ban-about{background-image: url(../img/ban-about.jpg);}
.banner .ban-web{background-image: url(../img/ban-web.jpg);}
.banner .ban-xcx{background-image: url(../img/ban-xcx.jpg);}
.banner .ban-ppyx{background-image: url(../img/ban-ppyx.jpg);}
.banner .ban-case{background-image: url(../img/ban-case.jpg);}
.banner .ban-newsl{background-image: url(../img/ban-l-news.jpg);}
.banner .ban-newsx{background-image: url(../img/ban-news.jpg);}



	.banner .carousel-indicators li{
		width: 30px!important;
	}
	.navbar-collapse .navbar-nav li a{
		color: #333;
		height: 50px!important;
		line-height: 50px!important;
	}
	.navbar-collapse .navbar-nav li a span:after{
		position:absolute;
		left:0;
		width:100%;
		color:#333;
		content:attr(data-title);
		font-weight: bold;
		transform:translateY(100%);
	}
	
	.i-product{
		padding: 30px 0;
	}
	.i-product .pr-list{
		margin: 0 1%;
		padding: 10px 0!important;
		width: 48%!important;
	}
	.i-product .pr-list .img{
		height: 60px!important;
		width: 60px!important;
	}
	.i-product .pr-list .img img{
		height: 100%;
		margin: 0 auto!important;
	}
	.i-product .pr-list .text{
		padding-top: 0!important;
	}
	.i-product .pr-list .title h2{
		font-size: 20px!important;
	}
	.i-product .pr-list .text strong{
		font-size: 12px!important;
		height: 75px!important;
		display: inline-block;
		position: relative;
		transition:all ease-out .3s;
		visibility: hidden;
}
	.i-product .pr-list .text strong:after{
		padding: 0 10%;
		position:absolute;
		left:0;
		height: 75px!important;
		width:100%;
		top: 0;
		color:#999;
		content:attr(data-title);
		text-indent: 0px;
		transform:translateY(-0%);
		transition: .3s;
		visibility: visible;
	}
	.i-product .pr-list:hover .text strong:after{
		color: #fff;
		transition: .3s;
	}
	.i-dt .i-title{
		font-size: 24px!important;
	}
	.i-dt .i-en{
		font-size: 12px!important;
	}
	.i-dt .i-text{
		font-size: 16px!important;
	}
	.i-case .i-case-dd{
		padding: 0;
	}
	.i-case-list{
		margin: 20px 1% 0px 1%!important;
		width: 48%!important;
	}
	.i-case-list .img{
		height: 100px!important;
	}
	.i-case-list .icon img{
		height: 30px!important;
	}
	.i-case-list .title a strong{
		font-size: 16px!important;
	}
	.i-case-list .title a em{
		font-size: 12px!important;
	}
	.i-data-bg{
		overflow: hidden;
	}
	.i-data-en{
		font-size: 30px!important;
		line-height: 30px!important;
		padding-left: 60px!important;
	}
	.i-data-en:before{
		top: 30px!important;
		width: 50px!important;
	}
	.i-data-title{
		font-size: 28px!important;
		line-height: 30px;
		padding-top: 10px;
	}
	.i-data-main{
		height: 290px!important;
		position: relative;
		width: 100%!important;
	}
	.i-data-main:after{
		background:#999;
		content: '';
		height: 2px;
		position: absolute;
		top: 145px;
		left: 0;
		width: 100%;
	}
	.i-data-main li{
		width: 50%!important;
	}
	.i-data-main li .data-digit{
		font-size: 50px!important;
		height: 90px!important;
		padding: 10px 0 0 0!important;
	}
	.i-data-main li::after{
		height: 156px!important;
		top: 0px!important;
	}
	.i-data-bg:before{
		left: 50px;
		top: 200px!important;
		width: 100%!important;
	}
	.i-data-bg::after{
		background-size: 100%;
		bottom: 0!important;
	}
	.i-news-blk{
		width: 100%!important;
	}
	.ty-cont-bg::before{
		display: none!important;
	}
	.ty-cont-bg:after{
		z-index: 1;
	}
	.ty-contact{
		position: relative;
		z-index: 2;
	}
	.ty-contact .title{
		font-size: 24px!important;
	}
	.ty-contact .main{
		width: 100%!important;
	}
	.ty-contact .main .l{
		float: none!important;
		margin: 0 auto;
	}
	.ty-contact .main .r{
		float: none!important;
		margin: 0 auto;
		padding: 10px;
		width: 150px!important;
	}
	.ty-contact .main .r button{
		border-radius: 10px;
	}
	.foot-logo{
		border-right: solid 1px #585858;
		border-bottom: none!important;
		float: left;
		margin: 20px 0!important;
		padding: 10px 0!important;
		width: 160px!important;
	}
	.foot-logo img{
		height: 35px!important;
	}
	.foot-logo strong{
		font-size: 24px!important;
		height: 24px!important;
		line-height: 24px!important;
	}
	.foot-logo em{
		font-size: 9px!important;
	}
	.foot-contact{
		float: right;
		font-size: 12px!important;
		line-height: 24px!important;
		padding: 10px 0 0 6px!important;
	}
	.foot-contact span{
		border: solid 1px #666!important;
		font-size: 10px!important;
		height: 20px!important;
		margin-right: 5px!important;
		width: 20px!important;
	}
	.foot-contact .tel{
		font-size: 15px!important;
	}
	.foot-right{
		padding: 0!important;
		width: 100%!important;
	}
	.foot-right dl{
		padding: 0!important;
	}
	.foot-right dt{
		font-size: 12px!important;
	}
	.foot-right dd{
		font-size: 12px!important;
	}
	.links{font-size: 12px!important;overflow: hidden;}
	.copy{font-size: 12px!important;}
	#scroll{background: #fff; right: 0px!important;box-shadow: 0 0 5px rgba(0,0,0,0.3);border-radius: 20px 0 0 20px!important;overflow: hidden;padding-top: 10px!important;}
	.sl-blk{background:none!important;border: none!important; height: 40px!important; width: 40px!important;}
	.sl-blk a{width: 40px!important;}
	.sl-blk a:hover,.sl-blk a:hover span{background: #fff!important;}
	.sl-blk span{height: 40px!important;width: 40px!important;padding-top: 0!important;}
	.sl-blk p{background: #fff; padding: 6px 0!important;height: 40px!important;width: 40px!important;}
	.sl-blk p img{width: 80%!important;}
	.sl-blk b{display: none;}
	.scrollItem{width: 40px!important;height: 20px!important;background: #fff!important;color: #333!important; border-radius: 0!important;line-height: 20px!important;}
	/*--------*/
	.about{background-image: url(../images/about-img.jpg); background-repeat: no-repeat; background-position: bottom; padding: 0px 10px 30px 10px!important;}
	.about .ab-pic{display: none!important}
	.about .ab-pic img{left: 0!important; top: auto!important;bottom: 0px;}
	.about .ab-main{
		background: rgba(255,255,255,0.9);
		padding: 0 20px;
		position: relative;
		width: 100%!important;
		z-index: 2;
	}
	.ab-process {padding: 0!important;}
	.ab-p-blk{
		margin: 5px 1.5%!important;
		position: relative;
		width: 47%!important;
	}
	.ab-p-dt{
		height: 95px!important;
	}
	.ab-p-dt .ab-p-title strong{
		font-size: 16px!important;
	}
	.ab-p-dt .ab-p-title strong::after{
		margin-top: 5px!important;
	}
	.ab-p-dt .ab-p-title em{
		font-size: 12px!important;
	}
	.ab-p-dt .ab-p-pic{
		height: 50px!important;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 50px!important;
	}
	.ab-p-dd{
		font-size: 12px!important;
		height: 82px!important;
		line-height: 20px!important;
	}
	.process-bg{
		background-size: 80%!important;
		padding: 0px 0 50px 0!important;
	}
	/*--------*/
	.standard .container{
		padding: 25px 0!important;
	}
	.standard-blk{
		margin: 5px 1.5%!important;
		width: 47%!important;
	}
	.standard-blk .title::after{
		margin: 10px auto!important;
	}
	.standard-blk .list{
		font-size: 12px!important;
	}
	.web-core-bg{
		height: auto!important;
	}
	.web-core-bg::before{
		left: -20%!important;
	}
	.web-core-blk{
		margin: 20px auto!important;
		padding: 10px 20px!important;
		width: 100%!important;
	}
	.web-core-blk .title{
		font-size: 18px!important;
	}
	.web-core-blk .text{
		font-size: 12px!important;
	}
	.ab-process {padding: 0!important;}
	.web-p-blk{
		margin: 5px 1.5%!important;
		position: relative;
		width: 47%!important;
	}
	.web-p-dt{
		height: 95px!important;
	}
	.web-p-dt .web-p-title strong{
		font-size: 16px!important;
	}
	.web-p-dt .web-p-title strong::after{
		margin-top: 5px!important;
	}
	.web-p-dt .web-p-title em{
		font-size: 12px!important;
	}
	.web-p-dt .web-p-pic{
		height: 50px!important;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 50px!important;
	}
	.web-p-dd{
		font-size: 12px!important;
		height: 82px!important;
		line-height: 20px!important;
	}
	.process-bg{
		background-size: 80%!important;
		padding: 0px 0 50px 0!important;
	}
	/*--------*/
	.applet-blk{
		margin: 5px 1.5%!important;
		width: 47%!important;
	}
	.applet-blk .pic{
		height: 60px!important;
		width: 60px!important;
	}
	.applet-blk .pic img{
		width: 90%;
	}
	.applet-blk .title{
		font-size: 16px!important;
		padding: 0!important;
	}
	.applet-blk .title::after{
		margin: 10px auto!important;
	}
	.applet-blk .text{
		font-size: 14px!important;
	}
	.support-blk{
		height: auto!important;
		margin: 10px 0!important;
		width: 100%!important;
	}
	.support-blk .img{
		background: none!important;
		border-right: solid 2px #efefef;
		border-radius: 0!important;
		height: 90px!important;
		text-align: center;
		width: 20%!important;
	}
	.support-blk .img img{
		width: 80%!important;
	}
	.support-blk .main{
		padding: 10px!important;
		width: 80%!important;
	}
	/*--------*/
	.swcore.container{
		padding: 20px 0!important;
	}
	.swcore-blk{
		margin: 5px 1.5%!important;
		width: 47%!important;
	}
	.swcore-blk .pic{
		height: 60px!important;
		width: 60px!important;
	}
	.swcore-blk .pic img{
		width: 90%;
	}
	.swcore-blk .title{
		font-size: 16px!important;
		padding: 0!important;
	}
	.swcore-blk .title::after{
		margin: 10px auto!important;
	}
	.swcore-blk .text{
		font-size: 12px!important;
	}
	.service-blk{
		margin: 30px 2.5%!important;
		padding: 0!important;
		width: 95%!important;
	}
	.service-blk .img{
		background: #fff!important;
		border: solid 1px #aaa;
		float: none!important;
		height: 80px!important;
		margin: -40px auto 0 auto!important;
		width: 80px!important;
	}
	.service-blk .img img{
		height: auto!important;
		width: 60%!important;
	}
	.service-blk .main{
		float: none!important;
		text-align: center;
		margin: 0 auto;
		padding: 0!important;
		width: 90%!important;
	}
	.service-blk .main .text{
		font-size: 14px!important;
	}
	.sw-p-blk{
		margin: 5px 1.5%!important;
		position: relative;
		width: 47%!important;
	}
	.sw-p-dt{
		height: 95px!important;
	}
	.sw-p-dt .sw-p-title strong{
		font-size: 16px!important;
	}
	.sw-p-dt .sw-p-title strong::after{
		margin-top: 5px!important;
	}
	.sw-p-dt .sw-p-title em{
		font-size: 12px!important;
	}
	.sw-p-dt .sw-p-pic{
		height: 50px!important;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 50px!important;
	}
	.sw-p-dd{
		font-size: 12px!important;
		height: 82px!important;
		line-height: 20px!important;
	}
	/*--------*/
	.core-blk{
		margin: 10px 0!important;
		width: 100%!important;
	}
	/*--------*/
	.enable-blk{
		margin: 10px 0 0 0!important;
		width: 100%!important;
	}
	.news-list{
	}
	.news-list li{
		height: auto!important;
		margin-top: 20px!important;
		padding-bottom: 20px!important;
	}
	.news-list .time{
		color: #999!important;
		margin: 0!important;
		width: 15%!important;
	}
	.news-list .main{
		margin: 0!important;
		width: 85%!important;
	}
	.news-list .main .title{
		text-overflow: ellipsis;
		overflow: hidden;
		padding-left: 10px;
		white-space: nowrap;
	}
	.news-list .main .text{
		height: 50px;
		padding-left: 10px;
		overflow: hidden;
	}
	.news-list .img{
		display: none;
	}
	/*--------*/
	.news-d-l{
		float: none!important;
		padding: 10px!important;
		width: 100%!important;
	}
	.news-d-l .else{
		height: auto!important;
		line-height: 20px!important;
		padding: 10px 0;
	}
	.news-d-r{
		float: none!important;
		margin-top: 20px;
		padding-bottom: 20px;
		width: 100%!important;
	}
	.news-d-r li{
		float: left;
		width: 50%;
	}
	.related li .img{
		height: 110px!important;
	}
	.case-main{text-align: center; padding: 10% 0!important;}
	.case-main img{
		width: 95%;
	}

}
@media screen and (min-width: 570px) and (max-width: 767px){
	.navbar .container{
		padding: 0!important;
	}
	.logo{
		padding: 8px 0 0 25px!important;
	}
	.logo img{
		height: 50px!important;
	}
	.logo strong{
		font-size: 29px!important;
		letter-spacing: 2px!important;
	}
	.logo em{
		font-size: 12px!important;
		letter-spacing: 2px!important;
	}
	.affix-top,.affix{
		height: 70px!important;
	}
	.affix-top .container,.affix .container{
		padding-top: 0px!important;
		padding-bottom: 15px!important;
	}
	.affix-top .nav-main,.affix .nav-main{
		height: 100px!important;
		position: relative!important;
		text-align: left!important;
		top: 0!important;
	}
	.affix.navbar .navbar-nav li .nav-main{background: #eee!important;}
	.affix-top .nav-main a,.affix .nav-main a{
		padding-left: 10%!important;
	}
	.affix .nav-main a{color: #333!important;}
	.affix .nav-main a:hover{color: #fff!important;}
	.affix-top li:hover .nav-main,.affix li:hover .nav-main{
		height: 100px!important;
	}

	.affix .container{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar .navbar-toggle{
		height: 30px;
		margin-top: 20px;
		margin-right: 25px;
		padding: 0;
		width: 30px;
	}
	.navbar-toggle .icon-bar+.icon-bar{
		margin-top: 0px!important;
	}
	.collapsed .icon-l,.collapsed .icon-r{
		position: relative!important;
		margin: 5px 0!important;
	}
	.affix-top .navbar-toggle .icon-bar{
		background-color: #fff!important;
	}
	.affix-top .container{padding: 0!important;}
	.affix-top .navbar-collapse{background: rgba(0,0,0,0.7)!important;}
	.navbar .navbar-toggle .icon-bar{
		background-color: #000;
		transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
		-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
		position: absolute;
		width: 28px;
	}
	.navbar .navbar-toggle .icon-l{
		transform: translateZ(0) rotate(45deg);
		-webkit-transform: translateZ(0) rotate(45deg);
	}
	.navbar .navbar-toggle .icon-r{
		transform: translateZ(0) rotate(135deg);
		-webkit-transform: translateZ(0) rotate(135deg);
	}
	.navbar .collapsed .icon-l{
		transform: translateZ(0) rotate(180deg);
		-webkit-transform: translateZ(0) rotate(180deg);
	}
	.navbar .collapsed .icon-r{
		transform: translateZ(0) rotate(0deg);
		-webkit-transform: translateZ(0) rotate(0deg);
	}
	.navbar .container .navbar-collapse{
		box-shadow:0 6px 6px rgba(0, 0, 0, .2);
		margin-left: 0;
		margin-right: 0;
		margin-top: 0px;
		width: 100%;
	}
	.affix-top .navbar-collapse,.affix .navbar-collapse{
		background-color: #fff;
		transition: .3s;
	}
	.navbar-collapse .navbar-nav li a{
		height: 50px!important;
		line-height: 50px!important;
	}
	.banner, .carousel-inner, .item, .carousel-inner .active{height: 500px!important;min-height: 500px!important;}
	.i-product .pr-list .text{
		padding-top: 0!important;
	}
	.i-product .pr-list .title h2{
		font-size: 22px!important;
	}
	.i-product .pr-list .text strong{
		font-size: 12px!important;
		height: auto!important;
		min-height:  75px;
		display: inline-block;
		position: relative;
		transition:all ease-out .3s;
		visibility: hidden;
}
	.i-product .pr-list .text strong:after{
		padding: 0 10%;
		position:absolute;
		left:0;
		height: 75px!important;
		width:100%;
		top: 0;
		color:#999;
		content:attr(data-title);
		text-indent: 0px;
		transform:translateY(-0%);
		transition: .3s;
		visibility: visible;
	}
	.i-product .pr-list:hover .text strong:after{
		color: #fff;
		transition: .3s;
	}
	.i-case-list{
		margin: 0px 1% 20px 1%!important;
	}
	.i-case-list .img{
		height: 140px!important;
	}
	.i-case-list .title a strong{
		font-size: 20px!important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 50%;
	}
	.i-case-list .title a em{
		font-size: 12px!important;
		overflow: hidden;
		width: 50%;
	}
	.i-data-bg::before{
		height: 260px!important;
		top: 180px!important;
		width: 60%!important;
	}
	.i-data-en{
		font-size: 40px!important;
		line-height: 40px!important;
	}
	.i-data-en::before{
		top: 38px!important;
	}
	.i-data-title{
		font-size: 25px!important;
		font-weight: bold;
	}
	.i-data-main{
		position: relative;
		z-index: 1;
	}
	.i-data-main li .data-digit{
		font-size: 50px!important;
	}
	.i-data-bg::after{
		bottom: 0!important;
	}
	.i-news-blk .img{
		height: 150px!important;
	}
	.i-news-blk .list li a{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.i-news-blk .list li a em{
		width: 100%!important;
	}
	.i-news-blk .list li a .time{
		display: none!important;
	}
	.ty-cont-bg::before{
		display: none!important;
	}
	
	.foot-left{width: 40%!important;}
	.foot-logo{margin: 0px!important;width: 170px!important;}
	.foot-logo a{width: auto!important;}
	.foot-logo img{height: 40px!important;}
	.foot-logo strong{font-size: 25px!important;}
	.foot-logo em{font-size: 10px!important;}
	.foot-contact{padding: 10px 0!important;}
	.foot-contact{font-size: 14px!important;}
	.foot-contact .tel{font-size: 18px!important;}
	.foot-right{width: 60%!important;}
	.foot-right dt{font-size: 13px!important;}
	.foot-right dd{font-size: 11px!important;}
	.links{font-size: 12px!important;overflow: hidden;}
	.copy{font-size: 12px!important;}
	
	#scroll{background: #fff; right: 0px!important;box-shadow: 0 0 5px rgba(0,0,0,0.3);border-radius: 20px 0 0 20px!important;overflow: hidden;padding-top: 10px!important;}
	.sl-blk{background:none!important;border: none!important; height: 40px!important; width: 40px!important;}
	.sl-blk a{width: 40px!important;}
	.sl-blk a:hover,.sl-blk a:hover span{background: #fff!important;}
	.sl-blk span{height: 40px!important;width: 40px!important;padding-top: 0!important;}
	.sl-blk p{background: #fff; padding: 6px 0!important;height: 40px!important;width: 40px!important;}
	.sl-blk p img{width: 80%!important;}
	.sl-blk b{display: none;}
	.scrollItem{width: 40px!important;height: 20px!important;background: #fff!important;color: #333!important; border-radius: 0!important;line-height: 20px!important;}
	
	/*-------*/
	.standard-blk{
		margin: 20px 1.5% 0 1.5%!important;
		width: 47%!important;
	}
	.web-core-bg{
		height: 560px!important;
	}
	.web-core-blk{
		margin: 20px 0!important;
		width: 100%!important;
	}
	.web-p-blk{
		margin: 5px 1.5%!important;
		position: relative;
		width: 47%!important;
	}
	.web-p-dt{
		height: 100px!important;
	}
	.web-p-dt .web-p-title strong{
		font-size: 18px!important;
		padding: 15px 0 10px 0!important;
	}
	.web-p-dt .web-p-title strong::after{
		margin-top: 10px!important;
	}
	.web-p-dt .web-p-title em{
		font-size: 13px!important;
	}
	.web-p-dt .web-p-pic{
		height: 80px!important;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 80px!important;
	}
	.web-p-dd{
		font-size: 15px!important;
		height: 82px!important;
		line-height: 20px!important;
	}
	.process-bg{
		background-size: 80%!important;
		padding: 0px 0 50px 0!important;
	}
	.applet-blk{
		margin: 5px 1.5%!important;
		width: 47%!important;
	}
	.applet-blk .pic{
		height: 60px!important;
		width: 60px!important;
	}
	.applet-blk .pic img{
		width: 90%;
	}
	.applet-blk .title{
		font-size: 16px!important;
		padding: 10px 0 0 0!important;
	}
	.applet-blk .title::after{
		margin: 10px auto!important;
	}
	.applet-blk .text{
		font-size: 14px!important;
	}
	.support-blk{
		height: auto!important;
		margin: 10px 0!important;
		width: 100%!important;
	}
	.support-blk .img{
		background: none!important;
		border-right: solid 2px #efefef;
		border-radius: 0!important;
		height: 90px!important;
		text-align: center;
		width: 20%!important;
	}
	.support-blk .img img{
		width: 60px!important;
	}
	.support-blk .main{
		padding: 10px!important;
		width: 80%!important;
	}
	.support-blk .main .title{
		font-size: 18px!important;
		padding-bottom: 5px!important;
	}
	/*--------*/
	.swcore.container{
		padding: 20px 0!important;
	}
	.swcore-blk{
		height: 200px!important;
		margin: 5px 1.5%!important;
		width: 47%!important;
	}
	.swcore-blk .pic{
		height: 60px!important;
		width: 60px!important;
	}
	.swcore-blk .pic img{
		width: 90%;
	}
	.swcore-blk .title{
		font-size: 18px!important;
		padding: 0!important;
	}
	.swcore-blk .title::after{
		margin: 10px auto!important;
	}
	.swcore-blk .text{
		font-size: 16px!important;
	}
	.service-blk{
		height: 190px!important;
		margin: 30px 2.5%!important;
		padding: 0!important;
		width: 45%!important;
	}
	.service-blk .img{
		background: #fff!important;
		border: solid 1px #aaa;
		float: none!important;
		height: 80px!important;
		margin: -40px auto 0 auto!important;
		width: 80px!important;
	}
	.service-blk .img img{
		height: auto!important;
		width: 60%!important;
	}
	.service-blk .main{
		float: none!important;
		text-align: center;
		margin: 0 auto;
		padding: 0!important;
		width: 90%!important;
	}
	.service-blk .main .text{
		font-size: 14px!important;
	}
	.sw-p-blk{
		margin: 5px 1.5%!important;
		position: relative;
		width: 47%!important;
	}
	.sw-p-dt{
		height: 90px!important;
	}
	.sw-p-dt .sw-p-title strong{
		font-size: 18px!important;
		padding: 15px 0 5px 0!important;
	}
	.sw-p-dt .sw-p-title strong::after{
		margin-top: 5px!important;
	}
	.sw-p-dt .sw-p-title em{
		font-size: 14px!important;
	}
	.sw-p-dt .sw-p-pic{
		height: 70px!important;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 70px!important;
	}
	.sw-p-dd{
		font-size: 15px!important;
		height: 60px!important;
		line-height: 20px!important;
	}
	/*--------*/
	.core-blk{
		margin: 10px 0!important;
		width: 100%!important;
	}
	.core-blk .core-main{
		float: left;
		width: 40%;
	}
	.core-blk .pic{
		float: left;
		height: 70px!important;
		text-align: center;
		width: 70px!important;
	}
	.core-blk .pic img{
		height: 80%!important;
		margin: 10% 0;
	}
	.core-blk .title{
		float: left;
		padding-left: 10px;
		text-align: left!important;
		width: 60%;
	}
	.core-blk .title:after{
		margin: 10px 0!important;
	}
	.core-blk .text{
		float: right;
		font-size: 16px!important;
		width: 60%;
	}
	.enable-blk{
		margin: 20px 0 0 0!important;
	}
	/*--------*/
	.news-list{
	}
	.news-list li{
		height: auto!important;
		margin-top: 20px!important;
		padding-bottom: 20px!important;
	}
	.news-list .time{
		color: #999!important;
		margin: 0!important;
		width: 15%!important;
	}
	.news-list .main{
		margin: 0!important;
		width: 60%!important;
	}
	.news-list .main .title{
		text-overflow: ellipsis;
		overflow: hidden;
		padding-left: 10px;
		white-space: nowrap;
	}
	.news-list .main .text{
		height: 50px;
		padding-left: 10px;
		overflow: hidden;
	}
	/*--------*/
	.news-d-l{
		float: none!important;
		padding: 10px!important;
		width: 100%!important;
	}
	.news-d-l .else{
		height: auto!important;
		line-height: 20px!important;
		padding: 10px 0;
	}
	.news-d-r{
		float: none!important;
		margin-top: 20px;
		padding-bottom: 20px;
		width: 100%!important;
	}
	.news-d-r li{
		float: left;
		width: 50%;
	}
	.related li .img{
		height: 180px!important;
	}
	.news-list .img{
	}

	.about .ab-pic::before{
		left: -40%!important;
	}
	.about .ab-pic img{
		height: 400px!important;
		left: -99%!important;
		width: auto!important;
	}
	.about .ab-main{
		background: rgba(255,255,255,0.90);
		position: relative;
		width: 70%!important;
		z-index: 2;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.logo{width: 220px!important;}
	.navbar .container{margin: 0 auto;padding: 0!important;}
	.navbar .navbar-collapse{float: right!important;}
	.navbar-collapse .navbar-nav li a{padding: 0 15px!important;}
	.banner, .carousel-inner, .item, .carousel-inner .active{height: 400px!important;min-height: 400px!important;}

	.i-product .pr-list .text{
		padding-top: 0!important;
	}
	.i-product .pr-list .title h2{
		font-size: 22px!important;
	}
	.i-product .pr-list .text strong{
		font-size: 14px!important;
		height: auto!important;
		min-height:  75px;
		display: inline-block;
		position: relative;
		transition:all ease-out .3s;
		visibility: hidden;
}
	.i-product .pr-list .text strong:after{
		padding: 0 10%;
		position:absolute;
		left:0;
		height: 75px!important;
		width:100%;
		top: 0;
		color:#999;
		content:attr(data-title);
		text-indent: 0px;
		transform:translateY(-0%);
		transition: .3s;
		visibility: visible;
	}
	.i-product .pr-list:hover .text strong:after{
		color: #fff;
		transition: .3s;
	}
	.i-case-list .img{height: 155px!important;}
	.i-data-bg::before{
		height: 260px!important;
		top: 180px!important;
		width: 60%!important;
	}
	.i-data-en{
		font-size: 40px!important;
		line-height: 40px!important;
	}
	.i-data-en::before{
		top: 38px!important;
	}
	.i-data-title{
		font-size: 30px!important;
		font-weight: bold;
	}
	.i-data-main{
		position: relative;
		z-index: 1;
	}
	.i-data-main li .data-digit{
		font-size: 50px!important;
	}
	.i-data-bg::after{
		bottom: 0!important;
	}
	.i-news-blk .img{
		height: 150px!important;
	}
	.i-news-blk .list li a{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.i-news-blk .list li a em{
		width: 100%!important;
	}
	.i-news-blk .list li a .time{
		display: none!important;
	}
	.ty-cont-bg::before{
		display: none!important;
	}
	
	.foot-left{width: 40%!important;}
	.foot-logo{margin: 0px!important;width: 170px!important;}
	.foot-logo a{width: auto!important;}
	.foot-logo img{height: 40px!important;}
	.foot-logo strong{font-size: 25px!important;}
	.foot-logo em{font-size: 10px!important;}
	.foot-contact{padding: 10px 0!important;}
	.foot-contact{font-size: 14px!important;}
	.foot-contact .tel{font-size: 18px!important;}
	.foot-right{width: 60%!important;}
	.foot-right dt{font-size: 14px!important;}
	.foot-right dd{font-size: 13px!important;}
	.links{font-size: 12px!important;overflow: hidden;}
	.copy{font-size: 12px!important;}

	.sl-blk{overflow: hidden!important;}
	.sl-blk a{color: #666!important;}
	.sl-blk a:hover{color: #fff!important;}
	/*-------------*/
	.standard-blk{
		margin: 20px 0.5% 0 0.5%!important;
		padding: 10px!important;
		width: 24%!important;
	}
	.standard-blk .title{
		font-size: 16px!important;
	}
	.standard-blk .title::after{
		margin: 10px auto!important;
	}
	.standard-blk .list li{font-size: 13px!important;}
	.web-core-bg{
		height: 560px!important;
	}
	.web-core-blk{
		margin: 20px 0!important;
		width:70%!important;
	}
	.web-p-blk{
		margin: 5px 0.5%!important;
		position: relative;
		width: 32.3%!important;
	}
	.web-p-dt{
		height: 100px!important;
	}
	.web-p-dt .web-p-title strong{
		font-size: 18px!important;
		padding: 15px 0 10px 0!important;
	}
	.web-p-dt .web-p-title strong::after{
		margin-top: 10px!important;
	}
	.web-p-dt .web-p-title em{
		font-size: 13px!important;
	}
	.web-p-dt .web-p-pic{
		height: 80px!important;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 80px!important;
	}
	.web-p-dd{
		font-size: 15px!important;
		height: 82px!important;
		line-height: 20px!important;
	}
	.process-bg{
		background-size: 40%!important;
		padding: 0px 0 50px 0!important;
	}
	/*------------*/
	.applet-blk{
		margin: 5px 0.5%!important;
		width: 24%!important;
	}
	.applet-blk .pic{
		height: 60px!important;
		width: 60px!important;
	}
	.applet-blk .pic img{
		width: 90%;
	}
	.applet-blk .title{
		font-size: 16px!important;
		padding: 10px 0 0 0!important;
	}
	.applet-blk .title::after{
		margin: 10px auto!important;
	}
	.applet-blk .text{
		font-size: 12px!important;
	}
	/*-----------*/
	.support-blk{
		height: auto!important;
		margin: 10px 0.5%!important;
		width: 49%!important;
	}
	.support-blk .img{
		background: none!important;
		border-right: solid 2px #efefef;
		border-radius: 0!important;
		height: 90px!important;
		text-align: center;
		width: 20%!important;
	}
	.support-blk .img img{
		width: 60px!important;
	}
	.support-blk .main{
		padding: 10px!important;
		width: 80%!important;
	}
	.support-blk .main .title{
		font-size: 18px!important;
		padding-bottom: 5px!important;
	}
	/*--------*/
	.swcore.container{
		padding: 20px 0!important;
	}
	.swcore-blk{
		height: 260px!important;
		margin: 5px 0.5%!important;
		width: 24%!important;
	}
	.swcore-blk .pic{
		height: 60px!important;
		width: 60px!important;
	}
	.swcore-blk .pic img{
		width: 90%;
	}
	.swcore-blk .title{
		font-size: 18px!important;
		padding: 0!important;
	}
	.swcore-blk .title::after{
		margin: 10px auto!important;
	}
	.swcore-blk .text{
		font-size: 14px!important;
	}
	.service-blk{
		height: 210px!important;
		margin: 30px 0.5%!important;
		padding: 0!important;
		width: 24%!important;
	}
	.service-blk .img{
		background: #fff!important;
		border: solid 1px #aaa;
		float: none!important;
		height: 80px!important;
		margin: -40px auto 0 auto!important;
		width: 80px!important;
	}
	.service-blk .img img{
		height: auto!important;
		width: 60%!important;
	}
	.service-blk .main{
		float: none!important;
		text-align: center;
		margin: 0 auto;
		padding: 0!important;
		width: 90%!important;
	}
	.service-blk .main .en{
		height: 40px!important;
	}
	.service-blk .main .text{
		font-size: 14px!important;
	}
	.sw-p-blk{
		margin: 5px 0.5%!important;
		position: relative;
		width: 32.3%!important;
	}
	.sw-p-dt{
		height: 90px!important;
	}
	.sw-p-dt .sw-p-title strong{
		font-size: 18px!important;
		padding: 15px 0 5px 0!important;
	}
	.sw-p-dt .sw-p-title strong::after{
		margin-top: 5px!important;
	}
	.sw-p-dt .sw-p-title em{
		font-size: 14px!important;
	}
	.sw-p-dt .sw-p-pic{
		height: 70px!important;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 70px!important;
	}
	.sw-p-dd{
		font-size: 15px!important;
		height: 60px!important;
		line-height: 20px!important;
	}
	/*--------*/
	.core-blk{
		margin: 10px 1.5%!important;
		width: 30.3%!important;
	}
	.core-blk .text{
		height: 120px!important;
	}

	/*--------*/
	.news-list{
	}
	.news-list li{
		height: auto!important;
		margin-top: 20px!important;
		padding-bottom: 20px!important;
	}
	.news-list .time{
		color: #999!important;
		margin: 0!important;
		width: 15%!important;
	}
	.news-list .main{
		margin: 0!important;
		width: 60%!important;
	}
	.news-list .main .title{
		text-overflow: ellipsis;
		overflow: hidden;
		padding-left: 10px;
		white-space: nowrap;
	}
	.news-list .main .text{
		height: 50px;
		padding-left: 10px;
		overflow: hidden;
	}
	.news-list .img{
	}
	/*--------*/
	.news-d-l{
		float: none!important;
		padding: 10px!important;
		width: 100%!important;
	}
	.news-d-l .else{
		height: auto!important;
		line-height: 20px!important;
		padding: 10px 0;
	}
	.news-d-r{
		float: none!important;
		margin-top: 20px;
		padding-bottom: 20px;
		width: 100%!important;
	}
	.news-d-r li{
		float: left;
		width: 25%;
	}
	.related li .img{
		height: 140px!important;
	}
	.news-list .img{
	}

}
@media screen and (min-width: 1025px) and (max-width: 1280px){
	.navbar .container{margin: 0 auto;padding: 0!important;}
	.navbar .navbar-collapse{float: right!important;}
	.navbar-collapse .navbar-nav li a{padding: 0 15px!important;}
	.banner, .carousel-inner, .item, .carousel-inner .active{height: 600px!important;min-height: 600px!important;}
	
	.i-news-blk .img{
		height: 150px!important;
	}
	.i-news-blk .list li a{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.i-news-blk .list li a em{
		width: 100%!important;
	}
	.i-news-blk .list li a .time{
		display: none!important;
	}
	.standard-blk{
		padding: 2%!important;
	}
	.support-blk .main{
		width: 250px!important;
	}
	.swcore-blk{
		padding: 2%!important;
	}
	.service-blk{
		margin: 20px 1.5%!important;
		padding: 2% 0 2% 2%!important;
		width: 47%!important;
	}
	.service-blk .main{
		float: left;
		padding: 0 0 0 15px!important;
		width: 320px;
	}
	/*--------*/
	.news-d-l{
		float: none!important;
		padding: 10px!important;
		width: 100%!important;
	}
	.news-d-l .else{
		height: auto!important;
		line-height: 20px!important;
		padding: 10px 0;
	}
	.news-d-r{
		float: none!important;
		margin-top: 20px;
		padding-bottom: 20px;
		width: 100%!important;
	}
	.news-d-r li{
		float: left;
		width: 25%;
	}
	.related li .img{
		height: 140px!important;
	}

}
@media screen and (min-width: 1281px) and (max-width: 1679px){
	.service-blk{padding: 1.5% 0 1% 5%!important;}
}
@media screen and (min-width: 1680px) and (max-width: 1920px){
	.container{
		width: 1580px!important;
	}
	.news-d-l{
		width: 1230px!important;
	}
	.about .ab-content{font-size: 20px!important; line-height: 45px!important;}
	.i-case-list .img{height: 300px!important;}

}

@media screen and (min-width: 1921px) and (max-width: 2560px){
.ban-text1{
	font-size: 2.37em;
}
.ban-text2{
	font-size: 3.31em;
}
.ban-en{
	font-size: 1.75em;
}
.ban-link a{
	font-size: 1.75em;
}

	.container{
		width: 1980px!important;
	}
	.news-d-l{
		width: 1600px!important;
	}
	.i-case-list .icon img{margin-top: 25%!important;height: 90px!important;}
	.i-case-list:hover .icon img{margin-top: 27%!important;height: 70px!important;}
	.i-case-list .img{height: 400px!important;}
	
	.i-news-blk .img{height: 350px!important;}
	
	.about .ab-content{font-size: 25px!important; line-height: 55px!important;}
}



.navbar{
	border-bottom: none;
	left: 0;
	position: fixed!important;
	top: 0;
	width: 100%;
	z-index: 999;	
}
.affix-top{
	background: rgba(0,0,0,0.30);
	box-shadow:0 2px 6px rgba(0, 0, 0, .0);
	height: 90px;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.affix-top .container{
	padding: 0 15px;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.affix{
	background: rgba(255,255,255,.99);
	box-shadow:0 2px 3px rgba(0, 0, 0, .1);
	height: 90px;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.affix .container{
	padding: 0px 15px;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.affix a,.affix .logo strong,.affix .logo em,.affix .navbar-collapse .navbar-nav li a,.affix .navbar-collapse .navbar-nav li a span:after{
	color: #000;
	transition: .3s;
}

.logo{
	padding: 20px;
}
.logo a{
	display: block;
	text-decoration: none;
	width: 300px;
}
.logo a:hover{
	text-decoration: none;
}
.logo img{
	float: left;
	height: 50px;
	margin-right: 10px;
}
.logo strong,.logo em{
	color: #fff;
	display: block;
	font-family:"思源黑体 Regular";
	font-style: normal;
	font-weight: normal;
	transition: .3s;
}
.logo strong{
	font-size: 30px;
	height: 30px;
	letter-spacing: 4px;
	line-height: 30px;
}
.logo em{
	font-size: 12px;
	letter-spacing: 3px;
}
.navbar-collapse{
	float: right;
	font-size: 14px;
}
.navbar-collapse .navbar-nav li{
}
.navbar-collapse .navbar-nav li a{
	position:relative;
	display:block;
	padding:0 30px;
	height:90px;
	color:#fff;
	font-weight:500;
	line-height:90px
}
.navbar-collapse .navbar-nav li a em{
	position:relative;
	display:inline-block;
	font-style: normal;
	transition:all ease-out .3s;
}
.navbar-collapse .navbar-nav li a em .glyphicon{
	margin-left: 5px;
	transition: .5s;
}
.navbar-collapse .navbar-nav li a em:before{
	background: #fff;
	bottom: 0;
	content: '';
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	transition-delay: .15s;
	transition-duration: 0.4s;
	width: 0%;
}
.affix .navbar-collapse .navbar-nav li a em:before{
	background: #f00;
}
.navbar-collapse .navbar-nav li a:hover em:before{
	left: 0%;
	transition-delay: .15s;
	transition-duration: 0.4s;
	width: 100%;
}

.navbar-collapse .navbar-nav li a.active em:before,.navbar-collapse .navbar-nav li:hover a em:before,#nav1 a.nav1 em:before,#nav2 a.nav2 em:before,#nav3 a.nav3 em:before,#nav4 a.nav4 em:before,#nav5 a.nav5 em:before,#nav6 a.nav6 em:before,#nav7 a.nav7 em:before{
	left: 0%;
	transition-delay: .45s;
	transition-duration: 0.4s;
	width: 100%;
}
#nav1 .affix .navbar-collapse .navbar-nav li a.nav1,
#nav2 .affix .navbar-collapse .navbar-nav li a.nav2,
#nav3 .affix .navbar-collapse .navbar-nav li a.nav3,
#nav4 .affix .navbar-collapse .navbar-nav li a.nav4,
#nav5 .affix .navbar-collapse .navbar-nav li a.nav5,
#nav6 .affix .navbar-collapse .navbar-nav li a.nav6,
#nav7 .affix .navbar-collapse .navbar-nav li a.nav7{
	color: #f00;
	font-weight: bold;
}
.navbar-collapse .navbar-nav li a:hover{
	background: none;
	color: #fff;
	font-weight: bold;
}
.affix .navbar-collapse .navbar-nav li a:hover{
	color: #f00;
	font-weight: bold;
}
.navbar .navbar-nav li .nav-main{
	background: rgba(0,0,0,0.50);
	font-size: 14px;
	height: 0px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	-webkit-transition: all .5s ease-in .3s;
	transition: all .5s ease-in .3s;
	top: 90px;
	width: 100%;
	z-index: 99;
}
.affix.navbar .navbar-nav li .nav-main{
	background: rgba(255,255,255,1.0);
}
.navbar .navbar-nav li:hover .nav2{
	font-weight: bold;
}

.affix .nav-main{
	position: relative!important;
	text-align: left!important;
	top: 0!important;
}
.affix .nav-main a{
	padding-left: 10%!important;
}
.affix li:hover .nav-main{
	height: 70px!important;
}
.navbar .navbar-nav li:hover .glyphicon{
	transform: rotatex(180deg);
	transition: .5s;
}
.affix.navbar .navbar-nav li:hover .nav2{
	color: #f00;
	font-weight: bold;
}
.navbar .navbar-nav li .nav-main strong a{
	color: #fff;
	height: 35px;
	line-height: 35px;
}
.navbar-nav li:hover .nav-main a{
	color: #fff;
}
.affix.navbar .navbar-nav li:hover .nav-main a{
	color: #333;
}
.navbar-nav li:hover .nav-main strong{
	font-weight: normal!important;
}
.navbar-nav li:hover .nav-main a:hover{
	background: rgba(0,0,0,0.50)!important;
	color: #fff;
	font-weight: bold;
}
.affix.navbar .navbar-nav li:hover .nav-main a:hover{
	background: #f00!important;
	color: #fff;
	font-weight: bold;
}
.navbar-nav li:hover .nav-main{
	height: 70px;
	transition: .3s;
}



.foot{
	background: #333;
}
.foot-left{
	float: left;
}
.foot-logo{
	border-bottom: solid 1px #585858;
	margin: 0 20px;
	padding: 20px 0;
	width: 200px;
}
.foot-logo a{
	display: block;
	text-decoration: none;
	width: 300px;
}
.foot-logo a:hover{
	text-decoration: none;
}
.foot-logo img{
	float: left;
	height: 50px;
	margin-right: 10px;
}
.foot-logo strong,.foot-logo em{
	color: #fff;
	display: block;
	font-family:"思源黑体 Regular";
	font-style: normal;
	font-weight: normal;
	transition: .3s;
}
.foot-logo strong{
	font-size: 30px;
	height: 30px;
	letter-spacing: 4px;
	line-height: 30px;
}
.foot-logo em{
	font-size: 12px;
	letter-spacing: 3px;
}
.foot-contact{
	color: #999;
	font-size: 16px;
	line-height: 30px;
	padding: 20px;
}
.foot-contact div{
	transition: .3s;
}
.foot-contact .tel{
	font-size: 20px;
	font-weight: bold;
}
.foot-contact .tel a{
	color: #999;
}
.foot-contact div:hover{
	color: #f2f2f2;
	transition: .3s;
}
.foot-contact div:hover span{
	border: solid 2px #f2f2f2;
	transition: .3s;
}
.foot-contact span{
	border: solid 2px #999;
	border-radius: 20px;
	display: inline-block;
	font-size: 10px;
	height: 22px;
	line-height: 17px;
	margin-right: 10px;
	text-align: center;
	transition: .3s;
	width: 22px;
}
.foot-right{
	float: right;
	width: 600px;
}
.foot-right dl{
	float: left;
	padding: 30px 0;
	text-align: right;
	width: 25%;
}
.foot-right dl:hover a{
	transition: .3s;
}
.foot-right dt{
	font-size: 16px;
	line-height: 40px;
}
.foot-right dt a{
	color: #f2f2f2;
	transition: .3s;
}
.foot-right dd{
	font-size: 14px;
	line-height: 30px;
}
.foot-right dd a{
	color: #a1a1a1;
	transition: .3s;
}
.foot-right dd a:hover{
	color: #fff;
	font-weight: bold;
	transition: .3s;
}

.links{
	background: #333;
	border-top: solid 1px #666;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
}
.links strong{
	color: #fff;
}
.links a{
	color: #999;
	margin-right: 20px;
	transition: .3s;
}
.links a:hover{
	color: #fff;
	transition: .3s;
}

.copy{
	background: #282728;
	color: #666;
	padding: 20px 0;
	text-align: center;
}
.copy strong{
	display: block;
	font-weight: normal;
}
.copy a{
	color: #666;
	margin: 0 0 0 10px;
}
 #scroll{position:fixed; bottom:150px; right:10px;z-index:999; transition: .3s;}
.sl-blk{
	background: #fff;
	border: solid 1px #eee;
	height: 100px;
	position: relative;
	text-align: center;
	width: 80px;
}
.sl-blk a{color: #666; display: block; position: absolute;right: 0; width: 80px;}
.sl-blk span{width: 80px;height: 100px; float: right; overflow: hidden;padding-top: 10px;display: block; z-index: 2;background: #fff;position: relative; transition: .1s;}
.sl-blk p{margin: 0 auto; padding: 10px 0; 	background: -webkit-linear-gradient(left, #fff , #fff);background: -o-linear-gradient( left, #fff, #fff);background: -moz-linear-gradient(left, #fff, #fff);background: linear-gradient(to right, #fff , #fff);height: 60px;width: 60px; border-radius: 100px;display: block;text-align: center;transition: .3s;}
.sl-blk a strong{color: #fff; font-size: 20px;position: absolute;right: -150px;top: 25px; transition: .3s;opacity: 0;}
.sl-blk a strong em{color: #fff;display: block;font-size: 12px;font-style: normal;font-weight: normal;}
.sl-blk a:hover {background: #f00;color: #fff; height: 100px; transition: .3s; width: 250px;}
.sl-blk.kefu a:hover {width: 80px;}
.sl-blk a:hover span{background: #f00; transition: .1s;}
.sl-blk a:hover p{
	background: -webkit-linear-gradient(top left, #ffffff , #fddbdb);
	background: -o-linear-gradient(top left, #ffffff, #fddbdb);
	background: -moz-linear-gradient(top left, #ffffff, #fddbdb);
	background: linear-gradient(to bottom right, #ffffff , #fddbdb);
	transition: .3s;
}
.sl-blk a:hover strong{right: 100px; transition: .3s;opacity: 1;}
.sl-blk b{display: block;}

.scrollItem {	background: -webkit-linear-gradient(bottom, #ff0000 , #be0000);
	background: -o-linear-gradient( bottom, #ff0000, #be0000);
	background: -moz-linear-gradient(bottom, #ff0000, #be0000);
	background: linear-gradient(to top, #ff0000 , #be0000);
 border-radius: 0 0 10px 10px; color: #fff; width:80px; height:20px; line-height: 20px!important; cursor: pointer; text-align: center;}

::-webkit-scrollbar-track-piece {width: 3px;background-color: #f0f0f0;}
::-webkit-scrollbar {width: 3px;background-color: #254987;}
::-webkit-scrollbar-thumb {width: 3px;background-color: #333;}
::-webkit-scrollbar-thumb:hover {width: 3px;background-color: #254987;}


.w-100{
	width: 100%;
}
.cf8f8f8{
	background: #f8f8f8;
}
.cfafafa{
	background: #fafafa;
}
.cf9f9f9{
	background: #f9f9f9;
}
.cf2f2f2{
	background: #f2f2f2;
}
.c666666{
	background: #666;
}


.newsxx_fy{
	border-top: solid 1px #eee;
	color: #666;
	float: right;
	margin: 10px 0 0 0;
	padding: 10px 0;
	width: 670px;
}
.newsxx_fy a{
	color: #337ab7;
}