@charset "UTF-8";
/* CSS Document */

*{background: none; margin: 0; padding: 0; }	
a{text-decoration: none}
img{border: none}
li{list-style: none;}
body{background: #FFF;}
body{-webkit-text-size-adjust: 100% !important;}
::selection{ 
  background-color:#01a46c; 
  color:#FFF; 
}


.box{width: 100%; height: 4190px; background:url(-index.jpg) no-repeat center top ;}

/*top*/
.top_warp{width: 100%; height: 90px;position:absolute; top: 0; left: 0; z-index: 999999;}
.top_box{width: 1100px; height:86px; margin: 0 auto; padding-top: 4px;  z-index: 999; position: relative;}
.top{}
.top_line{width: 100%; height: 4px; background:url(../images/top_line.jpg) repeat-y #00b3ec; position: absolute; left: 0; top: 0;background-size:100% 100%;  }
.top_bg{width: 100%; height: 90px; background: #000; opacity: 0.4; position:absolute; top: 0; left: 0; z-index: -1;}
.top_btn{float: right; margin-top: 22px;}
.top_btn a{display: block; border-radius: 5px; background: #01a46c; width:115px ; height:35px ;color: #FFF; font-size: 16px; text-align: center; line-height: 35px;}
.top_btn a:hover{background: #00b3ec; transition:background 0.2s linear;}
.logo{float: left; width: 200px; margin-top: 12px;}
.logo img{width: 177px;}
#nav_warp{width: 600px; float: left; height: 86px; line-height: 86px; margin-left: 68px;}
#nav_warp li{float: left;}
#nav_warp li a{display: block;  height: 86px; line-height: 86px;width: 116px; text-align: center; color: #FFF; font-size: 18px;}
#nav_warp li a:hover,#nav_warp li a.in{color: #00b3ec; transition:color 0.2s linear;}
#fuwu_nav img{float: left;width: 11px; margin: 40px 0 0 5px;}
#fuwu_nav{overflow:hidden;}
#fuwu_nav b{font-weight: normal; float: left; margin-left: 13px;}
#fuwu_nav_text{width: 540px;  background-color:rgba(0,0,0,0.8);overflow: hidden; position: absolute; top: 90px; left: 270px; padding:20px 0px 20px 60px; display: none;}
#fuwu_nav_text li{float:left; line-height: 46px; width: 180px;}
#fuwu_nav_text li a{color: #FFF;}
#fuwu_nav_text li a:hover{color: #00b3ec; transition:color 0.2s linear;}



/* slide */
.slide-main{height:598px;position:relative; background: #09152b;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:1%;}
.next{right:1%;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:560px;left:0;text-align:center;}
.item a{display:inline-block;width:30px;height:8px;margin-right:11px;background:#FFF; border-radius: 5px;}
.item a.cur{background:#06b3e3;  background:url(../images/top_line.jpg)repeat-y #00b3ec; background-size:100% 100%; border-radius: 5px; }
.slide-box,.slide{display:block;width:100%;height:598px;overflow:hidden;}
.slide-box{position:relative;}


#bgstylea{background:url(../images/banner2.jpg) no-repeat center #09152b;}
#bgstyleb{background:url(../images/banner3.jpg) no-repeat center #0a0e1a;}
#bgstylec{background:url(../images/banner1.jpg) no-repeat center #0e1629;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}

.obj-d{width: 1100px; margin:185px auto 0 auto; position: relative; z-index:9;left:0px;}
.slide-box h3{font-size: 51px; font-weight: bold; color: #FFF;}
.slide-box p{font-size: 22px;  color: #FFF;}

.banner_btn{display: block; border-radius: 5px; background: #01a46c; width:156px; height:48px ;color: #FFF; font-size: 20px; text-align: center; line-height: 48px; margin-top: 45px;}
.banner_btn:hover{background: #00b3ec;transition:background 0.2s linear;}

.banAnimate .obj-d{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.5s linear 0s normal none;-moz-animation:saAnid 0.5s linear 0s normal none;animation:saAnid 0.5s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:10%;} to{opacity:1;left:0%;} }
@-moz-keyframes saAnid{from{opacity:0;left:10%;} to{opacity:1;left:0%;} }
@keyframes saAnid{from{opacity:0;left:10%;} to{opacity:1;left:0%;} }




.line{width: 34px; height:4px; background:url(../images/top_line.jpg) repeat-y #00b3ec; background-size:100% 100%; border-radius: 5px; margin:50px auto 25px auto; }
.title_text{font-size: 30px; color: #333; text-align: center; line-height: 58px;}


.fuwu_list{width: 1100px; margin: 0 auto;}
.fuwu_list ul{overflow: hidden;}
.fuwu_list li{float: left; text-align: center; width: 20%; margin-bottom: 40px;}
.fuwu_list li a{color: #333; font-size: 18px;}
.fuwu_list li a img{width: 115px; display: block; margin:20px auto 0 auto;}
.fuwu_list li a p{display: block;}
.fuwu_list li a:hover img{margin-top: 15px;  transition:margin-top 0.2s linear;}
.fuwu_list li a:hover p{margin-top: 5px; color: #00b3ec;  transition:all 0.2s linear;}


.about_text_warp{width:100%; height: 275px; background: url(../images/about_text_bg.jpg) no-repeat center #f8f9fb; padding-top: 15px;  margin-top: 40px;}
.about_warp{margin-bottom: 15px;}
.about_p{text-align: center; color: #333; font-size: 16px; line-height: 40px;}

.about_number{width: 1100px; margin: 0 auto; overflow: hidden; height: 175px; margin-top: 70px;}
.about_number li{float: left; width: 20%; text-align: center}
.about_number li b{font-size: 43px; color: #00b3ec; font-weight: normal; line-height: 68px;}
.about_number li p{font-size: 16px; color: #333;}

.about_dl{width: 1100px; margin:0 auto 30px auto; height: 500px; overflow: hidden;}
.about_dt{float:left; width: 500px;}
.about_dd{float: right; width: 600px;}
.about_dd h5{font-size: 20px; color: #333;  padding-bottom: 10px;}
.about_dd p{font-size: 16px; color: #666; line-height: 32px; padding-bottom: 20px;}
.about_dd b{color: #333;}


.youshi_warp{width:100%; height: 783px; background: url(../images/youshi_bg.jpg) no-repeat center #f8f9fb; padding-top: 15px; margin-top: 100px;}
.youshi_text{width: 1100px; margin:0 auto 30px auto; height: 600px; overflow: hidden;}
.youshi_text li{float: left; width: 340px; margin-right: 40px; margin-top: 40px; text-align: center; text-align: 48px;}
.youshi_img{width: 340px; height: 211px; overflow:hidden; margin-bottom: 15px;}
.youshi_text li img{width: 340px; margin-bottom: 10px;}
.youshi_text li a:hover img{transform:scale(1.1,1.1); transition:transform 0.2s linear; }
.youshi_text li a:hover p{color:#00b3ec ;  transition:color 0.2s linear;}
.youshi_text li a{font-size: 18px; color: #333;}
.youshi_text li.no_margin{margin-right: 0;}

.hezuo_text_warp{width: 1100px; margin:100px auto 110px auto; }
.hezuohuoban{margin-top: 50px;}


.foot_line{width: 100%; height: 4px; background:url(../images/top_line.jpg) repeat-y #00b3ec; background-size:100% 100%;  }
.foot_warp{background: #222; padding-top: 50px;}
.foot{width: 1100px; margin: 0 auto; overflow:hidden;}
.foot a:hover{color: #FFF;  transition:color 0.2s linear;}
.foot_nav{float:left; width: 550px; overflow: hidden;}
.foot_nav a{color: #9d9ea3; font-size: 16px;}
.foot_nav_1{float: left; width: 120px;}
.foot_nav_1 li{margin-bottom: 40px; padding-bottom: 13px;}
.foot_nav_2{float: right; width: 390px;}
.foot_nav_2 dt{color: #9d9ea3; padding-bottom: 15px; border-bottom: 1px solid #3b3b3c; font-size: 16px; }
.foot_nav_2 dd li{width:160px;  float: left; margin-top: 20px;}
.foot_nav_2 dd{ overflow:hidden;}
.foot_text h6{font-size: 18px; color:#9d9ea3; padding-bottom: 25px; }
.foot_text p{font-size: 14px; color:#9d9ea3; line-height: 38px;}

.foot_text{float: 430px; float: right;}

.copy_warp{background: #1c1c1c; text-align: center; color: #9d9ea3; font-size: 14px; line-height: 40px; height: 40px;}
.copy_warp a{color:#9d9ea3;}


.neirong_warp{width: 100%; height: 220px; padding-top: 180px; background: url(../images/neirong_bg.jpg) no-repeat #0f1726; text-align: center;}
.neirong_warp h3{font-size: 42px; color: #FFF; padding-bottom: 15px; letter-spacing:4px;}
.neirong_warp h6{font-size: 22px; color: #FFF; font-weight: normal; letter-spacing:2px;}

.conter_warp{width: 1100px; margin: 0 auto; padding-top: 35px; overflow: hidden;}
.conter_p{padding-bottom: 20px; color:#333; font-size: 16px; line-height: 36px;}
.conter{padding-bottom: 80px;}
.conter_warp h2{font-size: 22px; padding-bottom: 10px; font-weight: normal;}
.about_wenhua_warp{width:100%; background: url(../images/about_text_bg.jpg) no-repeat center #f8f9fb; padding-top: 55px;  margin-top: 40px; height: 255px}
.conter_warp h2{font-size: 22px; padding-bottom: 10px; font-weight: normal;}
p.wenhua_p{font-size: 18px;}


.lianxi_list{border-top: 1px solid #ccc; padding-top: 20px;}
.lianxi_list p{line-height: 36px;}
.ditu{height: 370px; overflow: hidden; padding-bottom: 110px;}
.ditu div{width: 49%; float: left;}
.ditu div p{font-size: 16px; line-height: 36px; padding-bottom: 10px;}

.youshi_center{overflow: hidden; padding-bottom: 40px; }
.youshi_center dt{float: left; width: 28%; padding-top: 0px;}
.youshi_center dt img{width: 100%;}
.youshi_center dd{float: right; width: 69%;}
.youshi_center dd h2{font-size: 18px; font-weight: bold; color: #333}
.youshi_center dd b{ padding-top: 8px; color: #333;}
.youshi_center dd p{color: #666;}


.fuwu_left_nav_bg_warp{background: url(../images/fuwu_nav_left_bg.jpg) left repeat-y;}
.fuwu_left_nav{float: left;width: 210px; padding-bottom: 80px;}
.fuwu_left_nav li{text-indent: 20px; padding:2px 0;}
.fuwu_left_nav li a{display: block; color: #333; font-size: 16px; line-height: 48px; }
.fuwu_left_nav li a.in,.fuwu_left_nav li a.in:hover{color: #FFF; background: #1a2232;}
.fuwu_left_nav li a:hover{background: #ddd;}

.fuwu_text_warp{width: 860px; float: right; padding-bottom: 100px;}
.fuwu_text_warp dt{float: left; width: 260px;}
.fuwu_text_warp dt img{width: 260px; margin-bottom: 20px}
.fuwu_text_warp dd{width: 580px; float: right;}
.fuwu_text_warp h3{font-size: 24px; line-height: 48px; font-weight: normal; color: #333;  padding-bottom: 10px;}
.fuwu_text_warp p{font-size: 16px; line-height: 38px; padding-bottom: 0px;}
.fuwu_text_warp dd p b{}
.fuwu_p p{padding-bottom:20px;}
.fuwu_p b{display: block;}