/******
布局
******/
html {height: 100%;}
body {min-width: 320px; max-width: 1920px; line-height: 1.6; margin: auto; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease;}


.nobbo {
  background: none;
  border: none;
  outline: none;
}

/*content*/
.content{width: 100%;}

/*banner*/
.da-slider { width: 100%; height: 659px; position: relative; margin: 0 auto; overflow: hidden; background: transparent url(../img/banner-bg.png) no-repeat; background-size: 100% 100%; -webkit-transition: background-position 1.4s ease-in-out 0.3s; -moz-transition: background-position 1.4s ease-in-out 0.3s; -o-transition: background-position 1.4s ease-in-out 0.3s; -ms-transition: background-position 1.4s ease-in-out 0.3s; transition: background-position 1.4s ease-in-out 0.3s; }
.da-slide { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; text-align: left; }
.da-slide-current { z-index: 777; }
.da-slider-fb .da-slide { left: 100%; }
.da-slider-fb .da-slide.da-slide-current { left: 0px; }
.da-slide .da-img { position: absolute; opacity: 0; left: 0%; }
.da-slider-fb .da-slide .da-img { left: 0; opacity: 1; }
.da-slide .da-img { text-align: center; width: 100%; top: 20px; }
.da-slide .da-img1{top: -20px;}
.da-slide .da-img2{top: 30px;}
.da-dots { width: 100%; position: absolute; text-align: center; left: 0px; bottom: 0; z-index: 888; -moz-user-select: none; -webkit-user-select: none; }
.da-dots span { display: inline-block; position: relative; width: 15px; height: 15px; border-radius: 50%; background: #060e15; margin: 3px; cursor: pointer; }
.da-dots span.da-dots-current:after { content: ''; width: 15px; height: 15px; position: absolute; top: 0; left: 0; border-radius: 50%; background:#198EDE;}
.da-arrows { -moz-user-select: none; -webkit-user-select: none; }
.da-arrows span { position: absolute; top: 40%; height: 54px; width: 54px; border-radius: 50%;  cursor: pointer; z-index: 888; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out 0.2s; -moz-transition: opacity 0.4s ease-in-out 0.2s; -o-transition: opacity 0.4s ease-in-out 0.2s; -ms-transition: opacity 0.4s ease-in-out 0.2s; transition: opacity 0.4s ease-in-out 0.2s; }
.da-slider:hover .da-arrows span { opacity: 1; }
.da-arrows span:hover:after { box-shadow: 1px 1px 4px rgba(0,0,0,0.3); }
.da-arrows span:active:after { box-shadow: 1px 1px 1px rgba(255,255,255,0.1); }
.da-arrows span.da-arrows-next:after { background-position: top right; }
.da-arrows span.da-arrows-prev { left: 15px; background: url(../img/left.png) center no-repeat; background-size: 100%; }
.da-arrows span.da-arrows-next { right: 15px;  background: url(../img/right.png) center no-repeat; background-size: 100%;}
.da-slide-current .da-link { left: 10%; opacity: 1; }
.da-slide-current .da-img { left: 0; opacity: 1; }
@media screen and (max-width: 1240px) and (min-width: 1001px) {
    .da-slider{height: 559px;}  
    .da-arrows span{width: 44px; height: 44px;} 
}
@media screen and (max-width: 1000px) {
	  .da-slider{height: 459px;}
	  .da-arrows span{width: 34px; height: 34px;}
}
@media screen and (max-width: 768px) {
		.da-slider{height: 359px;}
		.da-arrows span{width: 24px; height: 24px;}
		.da-slide .da-img{top: 0;}
}
@media screen and (max-width: 600px) { 
    .da-slider{height: 210px;}
    .da-dots span,.da-dots span.da-dots-current:after{width: 12px; height: 12px;}
}


/* Slide in from the right*/
.da-slide-fromright .da-img { -webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both; -moz-animation: fromRightAnim4 0.6s ease-in 0.8s both; -o-animation: fromRightAnim4 0.6s ease-in 0.8s both; -ms-animation: fromRightAnim4 0.6s ease-in 0.8s both; animation: fromRightAnim4 0.6s ease-in 0.8s both; }
@-webkit-keyframes fromRightAnim1 {  
		0% {left: 110%;opacity: 0;}
		100% {left: 10%;opacity: 1;}
}

@-webkit-keyframes fromRightAnim4 {  
		0% {left: 110%;opacity: 0;}
		100% {left: 0%;opacity: 1;}
}
 
@-moz-keyframes fromRightAnim4 {  
		0% {left: 110%;opacity: 0;}
		100% {left: 0%;opacity: 1;}
}
 
@-o-keyframes fromRightAnim4 {  
		0% {left: 110%;opacity: 0;}
		100% {left: 0%;opacity: 1;}
}

@-ms-keyframes fromRightAnim4 {  
		0% {left: 110%;opacity: 0;}
		100% {left: 0%;opacity: 1;}
}
 
@keyframes fromRightAnim4 {  
		0% {left: 110%;opacity: 0;}
		100% {left: 0%;opacity: 1;}
}
/* Slide in from the left*/
.da-slide-fromleft .da-img { -webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -o-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both; animation: fromLeftAnim4 0.6s ease-in 0.6s both; }

@-webkit-keyframes fromLeftAnim4 {  
		0% {left: -110%;opacity: 0;}
		100% {left: 0%;opacity: 1;}
}
 
@-moz-keyframes fromLeftAnim4 {  
		0% {left: -110%;opacity: 0;}
		100% {left: 0%;opacity: 1;}
}

@-o-keyframes fromLeftAnim4 {  
		0% {left: -110%;opacity: 0;}
		100% {left: 0%;opacity: 1;}
}
 
@-ms-keyframes fromLeftAnim4 {  
		0% {left: -110%;opacity: 0;}
		100% {left: 0%;opacity: 1;}
}
 
@keyframes fromLeftAnim4 {  
		0% {left: -110%;opacity: 0;}
		100% {left: 0%;opacity: 1;}
}
/* Slide out to the right */
.da-slide-toright .da-img { -webkit-animation: toRightAnim4 0.6s ease-in both; -moz-animation: toRightAnim4 0.6s ease-in both; -o-animation: toRightAnim4 0.6s ease-in both; -ms-animation: toRightAnim4 0.6s ease-in both; animation: toRightAnim4 0.6s ease-in both; }

@-webkit-keyframes toRightAnim4 {  
		0% {left: 0%;opacity: 1;}
		30% {left: 55%;opacity: 1;}
		100% {left: 100%;opacity: 0;}
}
 
@-moz-keyframes toRightAnim4 {  
		0% {left: 0%;opacity: 1;}
		30% {left: 55%;opacity: 1;}
		100% {left: 100%;opacity: 0;}
}
 
@-o-keyframes toRightAnim4 {  
		0% {left: 0%;opacity: 1;}
		30% {left: 55%;opacity: 1;}
		100% {left: 100%;opacity: 0;}
}
 
@-ms-keyframes toRightAnim4 {  
0% {left: 0%;opacity: 1;}
30% {left: 55%;opacity: 1;}
100% {left: 100%;opacity: 0;}
}

@keyframes toRightAnim4 {  
		0% {left: 0%;opacity: 1;}
		30% {left: 55%;opacity: 1;}
		100% {left: 100%;opacity: 0;}
}
/* Slide out to the left*/
.da-slide-toleft .da-img { -webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both; -moz-animation: toLeftAnim4 0.6s ease-in 0.6s both; -o-animation: toLeftAnim4 0.6s ease-in 0.6s both; -ms-animation: toLeftAnim4 0.6s ease-in 0.6s both; animation: toLeftAnim4 0.6s ease-in 0.6s both; }

@-webkit-keyframes toLeftAnim4 {  
		0% {left: 0%;opacity: 1;}
		40% {left: 70%;opacity: 1;}
		90% {left: 0%;opacity: 0;}
		100% {left: -50%;opacity: 0;}
}
 
@-moz-keyframes toLeftAnim4 {  
		0% {left: 0%;opacity: 1;}
		40% {left: 70%;opacity: 1;}
		90% {left: 0%;opacity: 0;}
		100% {left: -50%;opacity: 0;}
}

@-o-keyframes toLeftAnim4 {  
		0% {left: 0%;opacity: 1;}
		40% {left: 70%;opacity: 1;}
		90% {left: 0%;opacity: 0;}
		100% {left: -50%;opacity: 0;}
}
@-ms-keyframes toLeftAnim4 {  
		0% {left: 0%;opacity: 1;}
		40% {left: 70%;opacity: 1;}
		90% {left: 0%;opacity: 0;}
		100% {left: -50%;opacity: 0;}
}

@keyframes toLeftAnim4 {  
		0% {left: 0%;opacity: 1;}
		40% {left: 70%;opacity: 1;}
		90% {left: 0%;opacity: 0;}
		100% {left: -50%;opacity: 0;}
}

/*wcantdo*/
.wcantdo{width: 100%; background-color: #fff;}
.wcantdo .content{width: 1200px; margin: 50px auto;}
.wcan-tit{width: 525px; height: 50px; margin: 0 auto; border: 1px solid #1891e3; border-bottom: none; position: relative;}
.wcan-tit span{ display: inline-block; font-size: 24px; width: 200px; top: -25px; left: 162px; text-align: center; height: 40px; line-height: 40px; color: #1891e3; background-color: #fff; position: absolute;}
.wcantdo .content .list{width: 33.333%; float: left; cursor: pointer; text-align: center; margin-top: 40px;}
.wcantdo .content .list .tit,.wcantdo .content .list .nr{width: 80%; margin: 0 auto;}
.wcantdo .content .list .tit{font-size: 18px; color: #333333;}
.wcantdo .content .list .nr{font-size: 14px; color: #1891e3; color: #333333;}

.icon1,.icon2,.icon3{margin: 0 auto 10px;background-repeat: no-repeat;background-size: 100%; transition: background .2s;}
.icon1{background-image: url(../img/icon1.png); width: 85px;height: 85px;line-height: 85px;}
.icon2{background-image: url(../img/icon2.png); width: 101px;height: 85px;line-height: 85px;}
.icon3{background-image: url(../img/icon3.png); width: 91px;height: 85px;line-height: 85px;}
.wcantdo .content .list:hover .icon1{background-image: url(../img/icon1-1.png);}
.wcantdo .content .list:hover .icon2{background-image: url(../img/icon2-2.png);}
.wcantdo .content .list:hover .icon3{background-image: url(../img/icon3-3.png);}
.wcantdo .content .list:hover .tit,.wcantdo .content .list:hover .nr{ color: #1891e3;}
.wcantdo .content .list .nr{margin-top: 10px;}

.wcan-btn{width: 100%; text-align: center; margin-top: 90px;}
.wcan-btn a{display: block; width: 160px; height: 35px; margin: 0 auto; text-align: center; line-height: 35px; _line-height: 35px; *line-height: 35px; border: 2px solid #1891e3; font-weight: bold; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; color: #1891e3; font-size: 14px;}
.wcan-btn a:hover{background-color: #1891E3; color: #fff;}
@media screen and (max-width: 1240px) and (min-width: 1001px) {
    .wcantdo .content{width: 100%;}
}
@media screen and (max-width: 1000px) {
	  .wcantdo .content{width: 100%; margin: 40px auto;}
	  .wcan-tit{width: 68%;}
	  .wcan-tit span{width: 40%; left: 30%; font-size: 20px;}
	  .wcan-btn{margin-top: 70px;}
}
@media screen and (max-width: 768px) {
		.wcantdo .content{width: 100%; margin: 30px auto;}
		.wcan-tit{height: 30px;}
		.wcan-tit span{width: 50%; left: 25%; top: -20px; font-size: 16px;}
		.wcantdo .content .list{width: 50%;}
		.wcantdo .content .list-last{float: none; margin: 30px auto;}
		.wcantdo .content .list .tit,.wcantdo .content .list .nr{width: 90%; margin: 0 auto;}
		.wcantdo .content .list .tit{font-size: 14px;}
		.wcantdo .content .list .nr{font-size: 12px;}
		.wcan-btn{margin-top: 50px;}
}
@media screen and (max-width: 600px) { 
    .wcantdo .content{width: 100%; margin: 20px auto;}
    .wcan-tit{height: 25px;}
    .wcan-tit span{width: 50%; left: 25%; top: -20px; font-size: 14px;}
    .wcantdo .content .list{width: 80%; margin: 30px auto; float: none;}
    .wcantdo .content .list .tit,.wcantdo .content .list .nr{width: 100%; margin: 0 auto;}
    .wcan-btn{margin-top: 10px;}
}

/*product*/
.product{width: 100%; background-color: #fff;}
.product .content{width: 1200px; margin: 40px auto;}

.home-case {overflow: hidden; margin-top: 50px;}
.home-case>.inner { margin: 0 -23px 0 0; font-size: 0;}
.home-case .item-wrp { display: inline-block; vertical-align: top; width: 296px; margin: 10px 5px 0 0;}
.home-case .item { position: relative; display: block; overflow: hidden;}
.home-case .pic { display: block; width: 100%;} 
.home-case .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; text-align: center; background: url(../img/opa65-000.png); opacity: 0; filter:alpha(opacity=0);  transform: scale(1.2);  transition: all .2s;}
.home-case .mask img { display: inline-block; vertical-align: middle; width: 50%; margin-top: 50px;}
.home-case .txt { position: absolute; overflow: hidden; bottom: -60px; left: 0; z-index: 2; width: 100%; height: 60px; padding: 20px 22px 0 22px; color: #fff; background-color: #00a1e9; transition: all .2s;}
.home-case .tit { position: relative; font-size: 16px; line-height: 22px;}
.home-case .icon { position: absolute; top: 0; right: 0; height: 100%; width: 90px; line-height: 90px; text-align: center; border-left: 1px solid #21adec;}
.home-case .iconfont { font-size: 36px;}
.home-case .meta { font-size: 12px;}
.home-case .meta span { margin-left: 5px;}
.home-case .meta span:first-child{ margin-left: 0;}
.home-case .item:hover .txt { bottom: 0;}
.home-case .item:hover .mask { opacity: 1; filter:alpha(opacity=100); transform: scale(1);}


@media screen and (max-width: 1240px) {  
	.product .content{width: 100%; margin: 0 auto;}
  .home-company .company {width: 30%;}
  .home-case>.inner { margin: 0 -20px 0 0;}
  .home-case .item-wrp { width: 33.33333333%; margin-right: 0; padding: 0 10px 0 0;}
  .home-intro-box { float: none; margin: 0 100px; width: auto;}
  .home-intro-banner { height: auto;}
  .home-news-box { margin: auto;  }
}
@media screen and (max-width: 1000px) {
	.product .content{width: 100%; margin: 20px auto;}
  .home-company .desc { opacity: 1; filter:alpha(opacity=1);}
  .home-case .icon { display: none;}
  .home-case .item-wrp { width: 50%;}
  .home-case .mask { display: none;}
  .home-case .txt { position: static; padding: 10px; display: block;}
}
@media screen and (max-width: 768px) {
	.product .content{width: 100%; margin: 20px auto;}
  .banner .item { -webkit-background-size: auto 100%; background-size: auto 100%;}
  .home-company .company { width: auto; margin: 10px auto;}
  .home-intro-box {margin: 0;}
  .home-news-box .figure { display: none; position: static;}
  .home-news-txt { margin-left: 0;}
  .home-news-item {position: relative; height: auto;}
  .home-news-item .tit { white-space: normal;}
  .home-news-item .date { position: absolute;}
  .home-news-item .date:before {display: none;}
  .home-news-item .txt {height: auto; margin-bottom: 10px;}
  .wcan-btn1{margin-top: 30px;}
}
@media screen and (max-width: 480px) {
	.product .content{width: 100%; margin: 20px auto;}
	.home-company .company { min-height: 0; width: 50%; padding: 0 10px;}
  .home-company .brand { width: 80px; height: 80px; line-height: 80px;}
  .home-company .brand .icon { width: 30px; height: 30px; background-size: 100%;}
  .home-case .txt { height: 45px;}
  .home-case .tit {font-size: 14px;}
  .home-case .meta { display: none;}
  .wcan-btn1{margin-top: 30px;}
}


/*team*/
.team{width: 100%; background-color: #131a21;}
.team .content{width: 1200px; margin: 0 auto; padding-bottom: 100px; position: relative;}
.team-tit{position: absolute; left: 180px; top: 0;}
.team-tit1{width: 100%; text-align: center; height: 60px; line-height: 60px; color: #fff; font-size: 34px; font-family: arial; margin-top: 50px; display: none;}
.scrollBox{ width:1200px;padding:10px 0; position:relative; margin-top: 100px; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:1200px;left:380px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:right; display:inline; width:760px;}
.scrollBox .piclist .left{width: 182px; height: 182px; float: left;}
.scrollBox .piclist .right{width: 470px; float: left; margin-left: 30px;}
.scrollBox .piclist .right .name{font-size: 24px; color: #1891e3; font-family: "微软雅黑"; margin-top: 15px;}
.scrollBox .piclist .right .zhiwei{font-size: 18px; color: #1891e3; font-family: "微软雅黑"; margin-top: 10px;}
.scrollBox .piclist .right .jianjie{font-size: 14px; color: #d1d1d1; font-family: "微软雅黑"; margin-top: 10px;}
.scrollBox .pageBtn span{ display:block;width:54px;height:54px;position:absolute;top:80px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{background: url(../img/left1.png) no-repeat; left: 0;}
.scrollBox .pageBtn .next{background: url(../img/right1.png) no-repeat; right: 0;}
@media screen and (max-width: 1240px) and (min-width: 1001px) {
    .team .content,.scrollBox,.scrollBox .ohbox{width: 100%;}
    .scrollBox .piclist li{width: 65%;}
    .scrollBox .piclist .left{width: 20%;}
    .scrollBox .piclist .right{width: 60%;}
}
@media screen and (max-width: 1000px) {
	  .team .content,.scrollBox,.scrollBox .ohbox{width: 100%;}
	  .team-tit{display: none;}
	  .team-tit1{display: block;}
	  .scrollBox{margin-top: 50px;}
	  .scrollBox .ohbox{left: 10%;}
	  .scrollBox .piclist li{width: 80%;}
	  .scrollBox .piclist .left{width: 30%;}
    .scrollBox .piclist .right{width: 65%; margin-left: 2%;}
    .scrollBox .piclist .right .name{margin-top: 0;}
		.scrollBox .piclist .right .zhiwei{margin-top: 5px;}
		.scrollBox .piclist .right .jianjie{margin-top: 5px;}
}
@media screen and (max-width: 600px) { 
		.team .content{padding-bottom: 30px;}
		.scrollBox .ohbox{left: 15%;}
    .scrollBox .piclist li{width: 70%;}
	  .scrollBox .piclist .left{width: 100%; text-align: center;}
    .scrollBox .piclist .right{width: 96%; text-align: center; margin-top: 10px;}
    .scrollBox .piclist .right .name{font-size: 20px;}
		.scrollBox .piclist .right .zhiwei{font-size: 14px;}
		.scrollBox .piclist .right .jianjie{font-size: 12px;}
}

/*about*/
.about{width: 100%; background-color: #fff; padding: 100px 0 50px 0;}
.about .about-list{width: 1200px; margin: 0 auto;}
.about .about-list .top{width: 825px; text-align: center; margin: 40px auto; color: #333333; font-size: 14px;}
.about .about-list .bottom{width: 825px; text-align: center; margin: 0 auto;}

@media screen and (max-width: 1240px) and (min-width: 1001px) {
    .about .about-list{width: 100%;}
    .about .about-list .top,.about .about-list .bottom{width: 68.75%;}
}
@media screen and (max-width: 1000px) {
	  .about .about-list{width: 100%;}
    .about .about-list .top,.about .about-list .bottom{width: 94%;} 
}

/*new*/
.new{width: 100%; background-color: #e1e1e1; padding-bottom: 40px; border-top: 1px dashed #bcbcbc;}
.new .content{width: 1200px; margin: 0 auto;}
.new-tit{font-size: 16px; color: #333333; height: 40px; line-height: 40px; margin: 10px auto;}
.new-tit span{color: #1891e3; margin-left: 10px;}
.new .new-list{width: 805px; margin: 20px auto;}
.new .new-list .left{width: 180px; color: #1891e3; float: left; font-size: 65px; font-family: arial;}
.new .new-list .right{width: 575px; float: right;}
.new .new-list .right .bt{font-size: 16px; color: #1891e3;}
.new .new-list .right .nr{font-size: 14px; color: #333333; margin-top: 10px;}
.wcan-btn1{margin-top: 20px;}

@media screen and (max-width: 1240px) and (min-width: 1001px) {
    .new .content{width: 100%;}
    .new .new-list{width: 67.0833%;}
    .new .new-list .left{width:22.3602%; font-size: 50px;}
    .new .new-list .right{width: 71.4285%;}
}
@media screen and (max-width: 1000px) {
		.new .content{width: 100%;}
		.new-tit{width: 90%;}
	  .new .new-list{width: 90%; margin: 5px auto;}
    .new .new-list .left{width:20%; font-size: 45px;}
    .new .new-list .right{width: 75%;}
}
@media screen and (max-width: 768px) {
		.new .content{width: 100%;}
	  .new .new-list{width: 94%; margin: 5px auto;}
    .new .new-list .left{width:100%; font-size: 35px;}
    .new .new-list .right{width: 100%;}
}

/*contact*/
.contact{width: 100%; background-color: #131a21;}
.contact .content{width: 1200px; margin: 0 auto; padding-bottom: 30px;}
.contact .content .left{width: 600px; float: left; margin-top: 30px;}
.contact .content .right{width: 420px; float: left; margin-top: 30px;}
.contact-tit{font-family: arial; color: #fff; text-align: center; width: 100%; font-size: 34px; margin-top: 25px;}
.contact-tit span{color: #2295e3;}
.contact .content .left .list span{margin-right: 15px;}
.contact .content .left .name{font-size: 24px; color: #e1e1e1; margin-bottom: 15px;}
.contact .content .left .add{font-size: 14px; color: #e1e1e1; margin-bottom: 12px;}
.contact .content .right ul li{width: 100%; float: left; margin-bottom: 15px;}
.contact .content .right .bt{width: 50px; height: 40px; line-height: 40px; _line-height: 40px; *line-height: 40px; text-align: left; font-size: 14px; color: #e1e1e1;}
.contact .content .right .text{width: 350px; border: none; background-color: #333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #e1e1e1; text-indent: 1em; height: 40px; line-height: 40px; _line-height: 40px; *line-height: 40px;}
.contact .content .right .text1{width: 350px; overflow:hidden; border: none; background-color: #333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #e1e1e1; text-indent: 1em;}
.contact .content .right .btn{border: none; width: 120px; height: 40px; line-height: 40px; _line-height: 40px; *line-height: 40px; background-color: #198EDE; color: #fff; font-family: "微软雅黑"; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; font-size: 14px;}

@media screen and (max-width: 1240px) and (min-width: 1001px) {
		.contact-tit{font-size: 30px;}		
    .contact .content{width: 90%; margin: 0 auto;}
    .contact .content .left{width: 50%;}
    .contact .content .right{width: 45%;}
    .contact .content .right .bt{width: 11.9047%;}
    .contact .content .right .text,.contact .content .right .text1{width: 83.333%;}
}
@media screen and (max-width: 1000px) {
		.contact-tit{font-size: 26px;}
		.contact .content .left .name{font-size: 20px;}
		.contact .content{width: 90%; margin: 0 auto;}
    .contact .content .left{width: 45%;}
    .contact .content .right{width: 55%;}
    .contact .content .right .bt{width: 11.9047%;}
    .contact .content .right .text,.contact .content .right .text1{width: 83.333%;}
}
@media screen and (max-width: 768px) {
		.contact .content .left .name{font-size: 16px;}
		.contact .content .left .add{font-size: 12px;}
		.contact-tit{font-size: 20px;}
		.contact .content{width: 90%; margin: 0 auto;}
    .contact .content .left{width: 100%;}
    .contact .content .right{width: 100%;}
    .contact .content .right .bt{width: 20%;}
    .contact .content .right .text,.contact .content .right .text1{width: 80%;}    
}


/*business*/
.header1{width: 100%; height: 50px; z-index: 999; position: fixed; top: 0; left: 0;}
.header1 .header-bg{display: block; background-color: #000; width: 100%; height: 50px; position: fixed; top: 0; left: 0;}
.header1 .content{width: 1200px; position: relative; margin: 0 auto; height: 50px;}
.header1 .content .right{height: 50px; line-height: 50px; _line-height: 50px; *line-height: 50px;}
.icon7,.icon8,.icon9{display: block; margin-right: 5px;}
.header1 .content .right a{display: block; background: url(../img/back1.png) center left no-repeat; padding-left: 20px; margin-left: 20px; text-decoration: underline;}
@media screen and (max-width: 1240px) and (min-width: 1001px) {
		.header1 .content{width: 100%;}
}
@media screen and (max-width: 1000px) {
		.header1 .content{width: 96%; margin: 0 auto;}
}

/*banner1*/
.banner1{width: 100%; padding-top: 60px; background-image: url(../img/banner1.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.banner1 .content{width: 1200px; position: relative; z-index: 99;  margin:50px auto 0 auto; padding-bottom: 40px;}
.banner1 .content .left{width: 543px; float: left;animation:mygift 0.6s linear 1s  both;-webkit-animation:mygift 0.6s linear 1s  both;}
.banner1 .content .right{width: 440px; animation:foactive 0.6s linear 1s both;-webkit-animation:foactive 0.6s linear 1s  both; margin-right: 70px; float: right;}
.banner1 .content .right .tit{margin-top: 100px;}
.banner1 .content .right .nr{font-size: 16px; color: #fff; margin-top: 20px;}
.banner1 .content .right .tel{font-size: 28px; color: #fde517; margin-top: 20px; padding-left: 30px; background: url(../img/tel2.png) left center no-repeat;}

@keyframes mygift{
0%{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); 
opacity: 0;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 0); filter: alpha(opacity = 0); -moz-opacity: 0; -khtml-opacity: 0;}
30%{ opacity: .4;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 40); filter: alpha(opacity = 20); -moz-opacity: .4; -khtml-opacity: .4;},
50%{opacity: .6;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 60); filter: alpha(opacity = 60); -moz-opacity: .6; -khtml-opacity: .6;},
70%{opacity: .8;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 80); filter: alpha(opacity = 80); -moz-opacity: .8; -khtml-opacity: .8;},
100%{
	-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);
	opacity: 1;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 100); filter: alpha(opacity = 100); -moz-opacity: 1; -khtml-opacity: 1;
	}
}
@-webkit-keyframes mygift{
0%{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); 
opacity: 0;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 0); filter: alpha(opacity = 0); -moz-opacity: 0; -khtml-opacity: 0;}
30%{ opacity: .4;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 40); filter: alpha(opacity = 20); -moz-opacity: .4; -khtml-opacity: .4;},
50%{opacity: .6;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 60); filter: alpha(opacity = 60); -moz-opacity: .6; -khtml-opacity: .6;},
70%{opacity: .8;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 80); filter: alpha(opacity = 80); -moz-opacity: .8; -khtml-opacity: .8;},
100%{
	-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);
	opacity: 1;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 100); filter: alpha(opacity = 100); -moz-opacity: 1; -khtml-opacity: 1;
	}
}

@keyframes foactive{
0%{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); 
opacity: 0;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 0); filter: alpha(opacity = 0); -moz-opacity: 0; -khtml-opacity: 0;}
30%{ opacity: .4;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 40); filter: alpha(opacity = 20); -moz-opacity: .4; -khtml-opacity: .4;},
50%{opacity: .6;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 60); filter: alpha(opacity = 60); -moz-opacity: .6; -khtml-opacity: .6;},
70%{opacity: .8;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 80); filter: alpha(opacity = 80); -moz-opacity: .8; -khtml-opacity: .8;},
100%{
	-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);
	opacity: 1;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 100); filter: alpha(opacity = 100); -moz-opacity: 1; -khtml-opacity: 1;
	}
}
@-webkit-keyframes foactive{
0%{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); 
opacity: 0;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 0); filter: alpha(opacity = 0); -moz-opacity: 0; -khtml-opacity: 0;}
30%{ opacity: .4;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 40); filter: alpha(opacity = 20); -moz-opacity: .4; -khtml-opacity: .4;},
50%{opacity: .6;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 60); filter: alpha(opacity = 60); -moz-opacity: .6; -khtml-opacity: .6;},
70%{opacity: .8;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 80); filter: alpha(opacity = 80); -moz-opacity: .8; -khtml-opacity: .8;},
100%{
	-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);
	opacity: 1;-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 100); filter: alpha(opacity = 100); -moz-opacity: 1; -khtml-opacity: 1;
	}
}

@media screen and (max-width: 1240px) and (min-width: 1001px) {
		.banner1 .content{width: 100%;}
		.banner1 .content .left{width: 50%;}
		.banner1 .content .right{width: 40%; margin-right: 5%;}
		.banner1{padding-top: 30px;}
}
@media screen and (max-width: 1000px) {
		.banner1 .content{width: 96%; margin:0 auto; padding-top: 30px;}
		.banner1 .content .left{width: 50%;}
		.banner1 .content .right{width: 40%; margin-right: 5%;}
		.banner1 .content .right .tit{margin-top: 10%;}
		.banner1{padding-top: 30px;}
}
@media screen and (max-width: 768px) {
		.banner1 .content{width: 96%; margin:0 auto; padding-top: 30px;} 
		.banner1 .content .right .nr{font-size: 12px; margin-top: 10px;}
		.banner1 .content .right .tel{font-size: 16px; margin-top: 10px;}
}
@media screen and (max-width: 480px) {
		.banner1{background-image: none; background-color: #1b9fe9;}
		.banner1 .content{width: 96%; margin:0 auto; padding-top: 30px;} 		
		.banner1 .content .left,.banner1 .content .right{width: 90%; margin: 0 auto; float: none;}
}

.b-first{width: 100%; background-color: #fff; padding: 50px 0;}
.b-first .content{width: 1200px; margin: 0 auto; overflow: hidden;}
.b-first .content .left{width: 560px; float: left; animation:zhong 3s linear 1s both;-webkit-animation:zhong 3s linear 1s  both;}
.b-first .content .right{width: 350px; animation:myactive 3s linear 2s both;-webkit-animation:myactive 3s linear 2s  both; float: right; margin-right: 70px; margin-top: 100px;}
.b-first .content .right .tit{font-size: 24px; color: #333333;}
.b-first .content .right .nr{font-size: 16px; color: #333333; margin-top: 15px;}

@keyframes myactive{0%{-webkit-transform: translate3d(600px,0,0);transform: translate3d(600px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}
@-webkit-keyframes myactive{0%{-webkit-transform: translate3d(600px,0,0);transform: translate3d(600px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}

@keyframes zhong{
0%{-webkit-transform: translate3d(-600px,0,0);transform: translate3d(-600px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}
@-webkit-keyframes zhong{0%{-webkit-transform: translate3d(-600px,0,0);transform: translate3d(-600px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}

@media screen and (max-width: 1240px) and (min-width: 1001px) {
		.b-first .content{width: 100%;}
}
@media screen and (max-width: 1000px) {
		.b-first{padding: 30px 0;}
		.b-first .content{width: 100%;}
		.b-first .content .left{width: 46.6666%;}
		.b-first .content .right{width: 29.1666%; margin-top: 50px;}
}
@media screen and (max-width: 768px) {
		.b-first .content .left{width: 40%;}
		.b-first .content .right{width: 45%; margin-top: 20px; margin-right: 5%;}
		.b-first .content .right .tit{font-size: 16px;}
		.b-first .content .right .nr{font-size: 14px; margin-top: 10px;}
}
@media screen and (max-width: 480px) {
		.b-first .content .left{width: 90%; float: none; margin: 0 auto;}
		.b-first .content .right{width: 90%;float: none; margin: 0 auto; margin-top: 20px; margin-top: 20px;}
		.b-first .content .right .tit{font-size: 14px;}
		.b-first .content .right .nr{font-size: 12px;}
}

.b-two{width: 100%; background-color: #cee9f4; padding: 50px 0;}
.b-two .content{width: 1200px; margin: 0 auto; overflow: hidden;}
.b-two .content .left{width: 644px;  animation:myactive 3s linear 3s both;-webkit-animation:myactive 3s linear 3s  both; float: right;}
.b-two .content .right{width: 340px; margin-left: 70px; animation:zhong 3s linear 4s both;-webkit-animation:zhong 3s linear 4s  both; float: left;  margin-top: 100px;}
.b-two .content .right .tit{font-size: 24px; color: #333333;}
.b-two .content .right .nr{font-size: 16px; color: #333333; margin-top: 15px;}

@keyframes myactive{0%{-webkit-transform: translate3d(800px,0,0);transform: translate3d(800px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}
@-webkit-keyframes myactive{0%{-webkit-transform: translate3d(800px,0,0);transform: translate3d(800px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}

@keyframes zhong{
0%{-webkit-transform: translate3d(-700px,0,0);transform: translate3d(-700px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}
@-webkit-keyframes zhong{0%{-webkit-transform: translate3d(-700px,0,0);transform: translate3d(-700px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}

@media screen and (max-width: 1240px) and (min-width: 1001px) {
		.b-two .content{width: 100%;}
}
@media screen and (max-width: 1000px) {
		.b-two{padding: 30px 0;}
		.b-two .content{width: 100%;}
		.b-two .content .left{width: 40%; margin-top: 30px;}
		.b-two .content .right{width: 29%; margin-top: 30px;}
}
@media screen and (max-width: 768px) {
		.b-two .content .left{width: 35%; margin-top: 20px;}
		.b-two .content .right{width: 28%; margin-top: 20px;}
		.b-two .content .right .tit{font-size: 16px;}
		.b-two .content .right .nr{font-size: 14px; margin-top: 10px;}
}
@media screen and (max-width: 600px) {
		.b-two .content .left{width: 35%; margin-top: 20px; margin-right: 5%;}
		.b-two .content .right{width: 30%; margin-top: 20px; margin-left: 5%;}
		.b-two .content .right .tit{font-size: 14px;}
		.b-two .content .right .nr{font-size: 12px;}
}
@media screen and (max-width: 480px) {
		.b-two .content .left{width: 90%; float: none; margin: 0 auto;}
		.b-two .content .right{width: 90%;float: none; margin: 0 auto; margin-top: 20px; margin-top: 20px;}
		.b-two .content .right .tit{font-size: 14px;}
		.b-two .content .right .nr{font-size: 12px;}
}

.b-three{width: 100%; background-color: #fff; padding: 50px 0;}
.b-three .content{width: 1200px; margin: 0 auto; overflow: hidden;}
.b-three .content .left{width: 560px; float: left; animation:zhong 3s linear 5s both;-webkit-animation:zhong 3s linear 5s  both;}
.b-three .content .right{width: 350px; animation:myactive 3s linear 6s both;-webkit-animation:myactive 3s linear 6s  both; float: right; margin-right: 70px; margin-top: 100px;}
.b-three .content .right .tit{font-size: 24px; color: #333333;}
.b-three .content .right .nr{font-size: 16px; color: #333333; margin-top: 15px;}

@keyframes myactive{0%{-webkit-transform: translate3d(600px,0,0);transform: translate3d(600px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}
@-webkit-keyframes myactive{0%{-webkit-transform: translate3d(600px,0,0);transform: translate3d(600px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}

@keyframes zhong{
0%{-webkit-transform: translate3d(-600px,0,0);transform: translate3d(-600px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}
@-webkit-keyframes zhong{0%{-webkit-transform: translate3d(-600px,0,0);transform: translate3d(-600px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}

@media screen and (max-width: 1240px) and (min-width: 1001px) {
		.b-three .content{width: 100%;}
}
@media screen and (max-width: 1000px) {
		.b-three{padding: 30px 0;}
		.b-three .content{width: 100%;}
		.b-three .content .left{width: 46.6666%;}
		.b-three .content .right{width: 29.1666%; margin-top: 50px;}
}
@media screen and (max-width: 768px) {
		.b-three .content .left{width: 40%;}
		.b-three .content .right{width: 45%; margin-top: 20px; margin-right: 5%;}
		.b-three .content .right .tit{font-size: 16px;}
		.b-three .content .right .nr{font-size: 14px; margin-top: 10px;}
}
@media screen and (max-width: 480px) {
		.b-three .content .left{width: 90%; float: none; margin: 0 auto;}
		.b-three .content .right{width: 90%;float: none; margin: 0 auto; margin-top: 20px; margin-top: 20px;}
		.b-three .content .right .tit{font-size: 14px;}
		.b-three .content .right .nr{font-size: 12px;}
}

.b-four{width: 100%; background-color: #cee9f4; padding: 50px 0;}
.b-four .content{width: 1200px; margin: 0 auto; overflow: hidden;}
.b-four .content .left{width: 644px;  animation:myactive 3s linear 7s both;-webkit-animation:myactive 3s linear 7s  both; float: right;}
.b-four .content .right{width: 340px; margin-left: 70px; animation:zhong 3s linear 8s both;-webkit-animation:zhong 3s linear 8s  both; float: left;  margin-top: 100px;}
.b-four .content .right .tit{font-size: 24px; color: #333333;}
.b-four .content .right .nr{font-size: 16px; color: #333333; margin-top: 15px;}

@keyframes myactive{0%{-webkit-transform: translate3d(800px,0,0);transform: translate3d(800px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}
@-webkit-keyframes myactive{0%{-webkit-transform: translate3d(800px,0,0);transform: translate3d(800px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}

@keyframes zhong{
0%{-webkit-transform: translate3d(-700px,0,0);transform: translate3d(-700px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}
@-webkit-keyframes zhong{0%{-webkit-transform: translate3d(-700px,0,0);transform: translate3d(-700px,0,0);}30%,50%,70%,100%{-webkit-transform: anslate3d(0,0,0);transform: translate3d(0,0,0);}}

@media screen and (max-width: 1240px) and (min-width: 1001px) {
		.b-four .content{width: 100%;}
}
@media screen and (max-width: 1000px) {
		.b-four{padding: 30px 0;}
		.b-four .content{width: 100%;}
		.b-four .content .left{width: 40%; margin-top: 30px;}
		.b-four .content .right{width: 29%; margin-top: 30px;}
}
@media screen and (max-width: 768px) {
		.b-four .content .left{width: 35%; margin-top: 20px;}
		.b-four .content .right{width: 28%; margin-top: 20px;}
		.b-four .content .right .tit{font-size: 16px;}
		.b-four .content .right .nr{font-size: 14px; margin-top: 10px;}
}
@media screen and (max-width: 600px) {
		.b-four .content .left{width: 35%; margin-top: 20px; margin-right: 5%;}
		.b-four .content .right{width: 30%; margin-top: 20px; margin-left: 5%;}
		.b-four .content .right .tit{font-size: 14px;}
		.b-four .content .right .nr{font-size: 12px;}
}
@media screen and (max-width: 480px) {
		.b-four .content .left{width: 90%; float: none; margin: 0 auto;}
		.b-four .content .right{width: 90%;float: none; margin: 0 auto; margin-top: 20px; margin-top: 20px;}
		.b-four .content .right .tit{font-size: 14px;}
		.b-four .content .right .nr{font-size: 12px;}
}