.one{background: url(../img/bj01.jpg)no-repeat center center;}
.one .title{ width: 284px; height: 152px; background: url(../img/bj01_logo.png) no-repeat; position: relative; top:-200px; margin: 0 auto;}
.one .content_1{ width: 589px; height: 40px; background: url(../img/bj01_w.png) no-repeat; position: relative; top:-300px; margin: 0 auto;}
.one .content_2{ width: 767px; height: 42px; background: url(../img/bj01_w1.png) no-repeat; position: relative; top:-300px; margin: 0 auto;}


.two{background: url(../img/bj02.jpg) no-repeat center center;}
.two .title{width: 721px; height: 68px; background: url(../img/bj02_w1.png) no-repeat;  position: relative;left:150px; top:320px;  opacity: 0;}
.two .content_1{width: 721px; height: 68px; background: url(../img/bj02_w2.png) no-repeat;position: relative; top:360px;left:150px;  opacity: 0;}
.two .content_2{width: 778px; height: 108px; background: url(../img/stuimg5_3.png) no-repeat; position: relative; top:300px; margin: 0 auto; opacity: 1;}
.three{background: url(../img/banner_2.jpg)no-repeat center center;}
.three .title{width: 308px; height: 49px; background: url(../img/stuimg2_1.png)no-repeat; position: relative; top:220px; left: 260px;opacity: 0;}
.three .content_1{width: 607px; height: 67px; background: url(../img/stuimg2_2.png) no-repeat; position: relative; top:260px; left:260px;opacity: 0;}
.three .content_2{width: 352px; height: 140px; background: url(../img/stuimg2_3.png)no-repeat; position: relative; top:300px; left: 260px;opacity: 0;}
.four{background: url(../img/banner_3.jpg)no-repeat center center;}
.four .title{width: 543px; height: 49px; background: url(../img/stuimg3_1.png) no-repeat; position: relative; top:220px; left:0px;opacity: 0;}
.four .content_1{width: 368px; height: 74px; background: url(../img/stuimg3_2.png)no-repeat; position: relative;top:290px; left: 260px;opacity: 0;}
.four .content_2{width: 277px; height: 80px; background: url(../img/stuimg3_3.png)no-repeat; position: relative; top:200px;left:740px;opacity: 0;}
.four .content_3{width: 674px;height: 32px; background: url(../img/stuimg3_4.png)no-repeat;position: relative; top:300px;left: 260px;opacity: 0;}
.five{ background: url(../img/banner_4.jpg)no-repeat center center;}
.five .title{width: 462px; height: 263px; background: url(../img/stuimg4_1.png)no-repeat; position: relative; top:260px;left: 0px;opacity: 0;}
.five .content_1{width: 445px; height: 511px; background: url(../img/stuimg4_2.png) no-repeat;position: relative; top:-60px;left:1000px;opacity: 0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}

h1,h2,h3,h4,h5,h6{font-size:100%;font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}
li{list-style:none}
a:link,a:visited{text-decoration:none}
img{display: block;}

.nav{
	width: 100%;height: 72px;
	background: #fff;
}
/*.nav:hover{background-color: #27303f;}*/
.logo{float: left;}
.nav_right{
	float: right;
	margin-right: 150px; margin-top: 30px;
}
.nav_right ul li{
	float: left;
	list-style: none;
	width: 100px;width: 112px;height: 25px;border-left: 2px solid #b3b5b5;
}
.nav_right ul li a{
	text-decoration: none;
	font-family: "微软雅黑";
	color: #333333;
	font-size: 16px;
	display: block;
	height: 25px;
	width: 67px;
	margin: 0 auto;
	text-align: center;
}
.nav_right ul li a:hover{border-bottom: 2px solid #025a9f;color: #025a9f;}


#shouye a:hover{border-bottom: 4px solid #3c8ef3;}
.xiala{
	position:absolute;top:60px;left:0px;width:100%;
}
.er{width:100%;margin:0;background:#344157;position:absolute;top:0px;}
.kuai_two{margin:auto;width:1500px;position:relative}
.er dl{float:left;margin:18px 80px 18px 0}
.kuai_two dl{margin:20px 50px 25px 30px}
.kuai_two dt{font:normal 16px "microsoft yahei";color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.kuai_two dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.kuai_two dd a:hover{color:#60aff6}

.san,.si,.wu,.liu,.qi{width: 150px;margin:0;background:#344157;position:absolute;top:0px;}
.kuai_three,.kuai_four,.kuai_five,.kuai_six,.kuai_seven{margin:auto;width:150px;position:relative}
.kuai_three dl,.kuai_four dl,.kuai_five dl,.kuai_six dl,.kuai_seven dl{height: 50px;}
.kuai_three dd a,.kuai_four dd a,.kuai_five dd a,.kuai_six dd a,.kuai_seven dd a{color:#fff;font:normal 14px/30px "microsoft yahei";line-height: 50px;text-align: center;display: block;}
.kuai_three dd a:hover,.kuai_four dd a:hover,.kuai_five dd a:hover,.kuai_six dd a:hover,.kuai_seven dd a:hover{color:#60aff6}

.san{right: 525px;}
.wu{right: 325px;}
.si{right: 425px;}
.liu{right: 225px;}
.qi{right: 125px;}

.nav_right .nav-up-selected{border-bottom: 4px solid #3c8ef3;}



/*第二页*/
.page2{background: url(../img/bj02.jpg) no-repeat center center;}
.page2 .title{position: relative; font: 70px  "微软雅黑"; color: #2d3685; margin: 300px 0 5px 340px;opacity:0;}
.Solution{overflow: hidden; margin:60px 0 5px 340px; position: relative;}
.Solution li{ float: left; position: relative; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; opacity: 0;}
@keyframes fadeInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.animated {
	font: 50px  "微软雅黑"; color: #2d3685; 
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

/*第三页*/
.page3{background: url(../img/banner11.jpg) no-repeat center center;}
.page3 .title{width: 522px; height: 122px; position: relative;margin: 330px auto 0px auto;   opacity:0;}


/*第四页*/
.page4{background:url(../img/bj04.jpg)no-repeat center center; background-size: cover;-webkit-background-size: cover;}
.page4 .title{ background:url(../img/bj04_logo.png); width:297px; height:95px;position: relative; margin:300px auto 0px auto;opacity:0;}

.Keyproducts{overflow: hidden; width: 990px;  margin: 0px auto; position: relative; top:130px;}
.Keyproducts li{ float: left; position: relative;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;transform: scale(0.3); -webkit-transform: scale(0.3);-moz-transform: scale(0.3); -o-transform: scale(0.3); opacity:0;}



.Keyproducts li:nth-of-type(1){transition:all 1s ease-in-out 0.1s !important;margin-right: 40px;}
.Keyproducts li:nth-of-type(2){transition:all 1s ease-in-out 0.3s!important;margin-right: 40px;}
.Keyproducts li:nth-of-type(3){transition:all 1s ease-in-out 0.5s!important;}
.Keyproducts li:nth-of-type(4){transition:all 1s ease-in-out 0.7s!important;}



  
.team-info {
    padding: 10px 0px 10px 0px;
  }
.team-info h1{font: 20px  "微软雅黑"; color: #0075d9; font-weight: bold; margin: 5px 0;}
.team-info p{font: 16px  "微软雅黑"; color: #636363; margin: 5px 0; line-height: 30px;}

/*第五页*/
.page5{background: url(../img/bj05.jpg) no-repeat center center;}
.page5 .title{position: relative; opacity:0; width:297px; height:95px; margin:230px auto 0px auto;}

.fytj{overflow: hidden; width: 697px; height: 155px; margin:70px auto 0px auto; position: relative;opacity: 0}
@keyframes fadeInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
/*footer*/
.width {
    width: 100%;
    margin: 0 auto;
}
footer{ font-family: "宋体"; background: #00A0D7;color: #fff; padding:30px 0px 20px}
.service dl{ float:left; line-height:2.2; width:100px;}    
.service dl dt{ font-size:18px; }
.service dl dt a{ font-size:18px;color: #fff; }
.service dl dd{ font-size:14px; color: #fff;}

h2 {
    font-size: 26px;
    font-weight: normal;
    color: #333;
    line-height: 46px;
}
.service .wei h2{ background: url(../img/phone_32px.png) left center no-repeat;color:#fff; padding-left:40px;}
.service .wei a{color:#fff;display: inline-block; height:32px; line-height:32px;}
.service .wei .r span{ background:url(../img/plat_icon.png) no-repeat; width:32px; height:32px; display: inline-block; float:left; margin-right:12px;}
.service .wei p:nth-of-type(2) span{ background-position:-32px 0px;}
.service .wei p:nth-of-type(3) span{ background-position:-64px 0px;}

.service .wei .l{position:relative;width: 152px;height: 132px; }
.service .wei .l>div{width: 132px;height: 132px;  border: 1px solid #dddddd; background-color: #fff; background: url(../img/plat_qrcode.png) no-repeat; position:absolute;
top:0px;}

.service .wei .l span{  border: 10px solid transparent;top: 12px;border-left: 10px solid #fff; position: absolute;right:0px; z-index: 10;}

.service p{font:22px '微软雅黑';text-align: center; margin: 15px 0;}
.service p:nth-child(2){margin-bottom: 40px;}

.service .wei .l .wei_img_1{ z-index:1;}
.service .wei .l .wei_img_2{ background-position:-132px 0px; z-index:0;}
.copyright{ text-align:center;  font-size:12px;border-top: 1px solid #4cc3ed; }
.copyright p{ margin-top: 10px;}
.clear:before, .clear:after {
    content: "";
    clear: both;
    display: block;
    line-height: 0px;
}
.clear:before, .clear:after {
    content: "";
    clear: both;
    display: block;
    line-height: 0px;}
.w120 {
    width:700px;
    margin: 0 auto;
}


.bott ul{width:320px;margin: 0 auto;height: 16px;margin-top: 0px;}
.bott ul li{float: left;list-style: none;width: 100px;border-left:2px solid #a6c4dd;height: 16px;}
.bott ul li a{color: #ffffff;font-size: 14px;text-align: center;display: block;text-decoration: none;height: 16px;}
.bott ul li a:hover{text-decoration: underline;}


.DB_tab25 {width:100%;height:540px;position:relative;overflow:hidden;cursor:pointer;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:540px;display:none;}
.DB_tab25 .DB_imgSet{position:absolute;width:988px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:0px;top:15px; margin: 0 352px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:0px;top:180px; margin: 0 200px;}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:0px;top:353px; margin: 0 108px;}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:280px;top:180px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:300px;top:280px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:90px;top:258px}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:0px;top:149px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:0px;top:228px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:406px;top:228px}
.DB_tab25 .DB_imgSet .DB_3_4{position:absolute;left:0px;top:339px}
.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:60px;top:162px}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:550px;top:118px}

.DB_tab25 .DB_menuWrap{position:absolute;width:988px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:500px;text-align:center;font-size:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_menuWrap .DB_menuSet li img{display:inline !important;}
.DB_tab25 .DB_prev{position:absolute;left:-10%;top:260px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-10%;top:260px;cursor:pointer;display:none}

.floor_bottom{height: 90px;background: url(../img/index_bottom.jpg) no-repeat top center;}