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


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

/*content*/
.content{
	width: 100%;
	/*margin-top:75px;*/
}

/*banner*/
.da-slider {width: 100%; height: 659px; position: relative; margin: 0 auto; overflow: hidden; background: transparent url(../homePage/banner-bg.png) no-repeat; background-size: 100% 100%; -webkit-transition: background-position 1.4s ease-in 1s; -moz-transition: background-position 1.4s ease-in 1s; -o-transition: background-position 1.4s ease-in 1s; -ms-transition: background-position 1.4s ease-in 1s; transition: background-position 1.4s ease-in 1s; }
.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.4s; -moz-transition: opacity 0.4s ease-in-out 0.4s; -o-transition: opacity 0.4s ease-in-out 0.4s; -ms-transition: opacity 0.4s ease-in-out 0.4s; transition: opacity 0.4s ease-in-out 0.4s; }
.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(../homePage/left.png) center no-repeat; background-size: 100%; }
.da-arrows span.da-arrows-next { right: 15px;  background: url(../homePage/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: 30px auto;}
.wcan-tit{width: 525px; height: 50px; margin: 0 auto; border: 1px solid #10649c; 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: #fff; background-color: #10649c; position: absolute;}
.wcantdo .content .list{width: 33.333%; float: left; cursor: pointer; text-align: center; margin-top: 30px;}
.wcantdo .content .list .tit,.wcantdo .content .list .nr{width: 80%; margin: 0 auto;}
.wcantdo .content .list .tit{font-size: 18px; color: #333333;padding-top: 15px;}
.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(../homePage/icon1.png); width: 85px;height: 85px;line-height: 85px;}
.icon2{background-image: url(../homePage/icon2.png); width: 101px;height: 85px;line-height: 85px;}
.icon3{background-image: url(../homePage/icon3.png); width: 91px;height: 85px;line-height: 85px;}
.wcantdo .content .list:hover .icon1{background-image: url(../homePage/icon1-1.png);}
.wcantdo .content .list:hover .icon2{background-image: url(../homePage/icon2-2.png);}
.wcantdo .content .list:hover .icon3{background-image: url(../homePage/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 #fff; font-weight: bold; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; color: #fff; font-size: 14px;}
.wcan-btn a:hover{background-color: #10649c; 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(../homePage/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: #e1e1e1;}
.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: #1891e3; 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:left; display:inline; width:786px;}
.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: #000; font-family: MS Gothic ; margin-top: 15px;}
.scrollBox .piclist .right .zhiwei{font-size: 14px; color: #000;font-family: MS Gothic ; margin-top: 10px;}
.scrollBox .piclist .right .jianjie{font-size: 14px; color: #000; font-family: MS Gothic ; 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(../homePage/left1.png) no-repeat; left: 0;}
.scrollBox .pageBtn .next{background: url(../homePage/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: 50px 0 50px 0;}
.about .about-list{width: 1200px; margin: 0 auto;}
.about .about-list .top{width: 1010px; text-align: left; margin: 40px auto; color: #333333; font-size: 14px;}
.about .about-list .top p{width: 1070px;font-size: 17px;line-height: 28px;}
.about .about-list .top img{float:left;margin-right: 20px;  }
.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; }
.new .content{width: 1200px; margin: 0 auto;}
.new-tit{font-size: 22px; color: white; height: 40px; margin: 10px auto;text-align: center;}
.new-tit span{color: #10649c; margin-left: 10px;}
.new .new-list{width: 805px; margin: 20px auto;}
.new .new-list .left{width: 180px; color: #10649c; float: left; font-size: 65px; font-family: arial;margin-top: 20px;}
.new .new-list .right{width: 575px; float: right;}
.new .new-list .right .bt{font-size: 16px; color: #10649c;}
.new .new-list .right .nr{font-size: 14px; color: #333333; margin-top: 10px;}
.new-list{width: 805px; margin: 20px auto;}
.new-list .left{width: 180px; color: white; float: left; font-size: 65px; font-family: arial;margin-top: 20px;}
/*.new-list .right{width: 575px; float: right;}*/
.new-list .right .bt{font-size: 15px; color: white;line-height:28px;text-align: left;}
.new-list .right .nr{font-size: 14px; color: white; 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%;}
	.new-list{width: 67.0833%;}
	.new-list .left{width:22.3602%; font-size: 50px;}
	.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%;}
	.new-list{width: 90%; margin: 5px auto;}
	.new-list .left{width:20%; font-size: 45px;}
	.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%;}
	.new-list{width: 94%; margin: 5px auto;}
	.new-list .left{width:100%; font-size: 35px;}
	.new-list .right{width: 100%;}
}

/*partner*/
.partner{width: 100%; background-color: #fff;}
.partner .content{width: 1200px; margin: 0 auto; padding-bottom: 30px;}
.partner .content .logo{width: 100%; display:flex;padding-bottom: 10px;}
.partner .content .logo .row{margin-left:20px;margin-right:20px;}
.partner .content .logo .row img{margin-left:0px;margin-right:0px;width:260px;height:60px;}
.partner .content .left{width: 700px; float: left; margin-top: 30px;}
.partner .content .right{width: 420px; float: left; margin-top: 30px;}
.partner-tit{font-family: arial; color: #000; text-align: center; width: 100%; font-size: 30px; margin-top: 50px; margin-bottom: 15px;font-weight: 600}
.wallfont{font-family: MS Gothic ;}
.partner-tit span{color: #10649c;}
.partner .content .left .list span{margin-right: 15px;}
.partner .content .left .name{font-size: 30px; color: #e1e1e1; margin-bottom: 15px;}
.partner .content .left .add{width:300px;font-size: 14px; color: #e1e1e1; margin-bottom: 12px;}
.partner .content .right ul li{width: 100%; float: left; margin-bottom: 15px;}
.partner .content .right .bt{width: 50px; height: 40px; line-height: 40px; _line-height: 40px; *line-height: 40px; text-align: left; font-size: 14px; color: #e1e1e1;}
.partner .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;}
.partner .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;}
.partner .content .right .btn{border: none; width: 120px; height: 40px; line-height: 40px; _line-height: 40px; *line-height: 40px; background-color: #10649c; color: #fff; font-family: MS Gothic ;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) {
	.partner-tit{font-size: 30px;}
	.partner .content{width: 90%; margin: 0 auto;}
	.partner .content .left{width: 50%;}
	.partner .content .right{width: 45%;}
	.partner .content .right .bt{width: 11.9047%;}
	.partner .content .right .text,.partner .content .right .text1{width: 83.333%;}
}
@media screen and (max-width: 1000px) {
	.partner-tit{font-size: 26px;}
	.partner .content .left .name{font-size: 20px;}
	.partner .content{width: 90%; margin: 0 auto;}
	.partner .content .left{width: 45%;}
	.partner .content .right{width: 55%;}
	.partner .content .right .bt{width: 11.9047%;}
	.partner .content .right .text,.partner .content .right .text1{width: 83.333%;}
}
@media screen and (max-width: 768px) {
	.partner .content .left .name{font-size: 16px;}
	.partner .content .left .add{font-size: 12px;}
	.partner-tit{font-size: 20px;}
	.partner .content{width: 90%; margin: 0 auto;}
	.partner .content .left{width: 100%;}
	.partner .content .right{width: 100%;}
	.partner .content .right .bt{width: 20%;}
	.partner .content .right .text,.partner .content .right .text1{width: 80%;}
}

/*contact*/
.contact{width: 100%; background-color: #131a21;}
.contact .content{width: 1200px; margin: 0 auto; padding-bottom: 30px;}
.contact .content .left{width: 700px; float: left; margin-top: 30px;}
.contact .content .right{width: 420px; float: left; margin-top: 30px;float: right;}
.contact-tit{font-family: arial; color: #fff; text-align: center; width: 100%; font-size: 34px; margin-top: 25px;}
.contact-tit span{color: #10649c;}
.contact .content .left .list span{margin-right: 15px;}
.contact .content .left .name{font-size: 30px; color: #e1e1e1; margin-bottom: 15px;}
.contact .content .left .add{width:300px;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: MS Gothic ;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(../homePage/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(../homePage/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(../homePage/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: #10649c;}
	.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;}
}
.top_img img{
	width: 100%;
	height: 385px;
}