/*首页滚屏盒子！！！！！*/
#full{width:100%; overflow: hidden;}
#full_abc{width:100%; height:400%; position:absolute; top:0; left:0;}
#full_a{width:100%;  overflow:hidden;}
/*首页滚屏盒子！！！！！*/
#roll{position:fixed; top:50%; right:20px; margin-top:-114px; z-index:9; width:16px;}
#roll li{width:16px; height:16px; margin-top:30px; float:left; position:relative; border-radius:50%; background:#999; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#roll li:hover, #roll li.cur{ background:#008cd6;}
#roll li i{opacity:0; position:absolute; left:-90px; top:50%; margin-top:-22px; width:100px; height:44px; line-height:44px; padding-left:10px; background:#f5f5f5; z-index:-1; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s; display:block; color:#008cd6;}
#roll li:hover i, #roll li.cur i{color:#008cd6; opacity:1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#banner_box{width:100%; hegith:460px; overflow:hidden; position:relative;}
#banner{width:100%; height:100%;height:460px;}
#banner li{display:none; float:left; width:100%; height:460px; background-position:center; background-size:100%; background-repeat:no-repeat;}
#banner li a{width:100%;display:block; height:460px;}

#indicator { position: absolute; bottom:30px; right: 20%; z-index:5; height: 40px;}
#indicator li {float: left;width: 10px;height: 10px;margin: 0 8px;border-radius: 50%;border: 1px solid #fff;overflow: hidden;cursor: pointer;}
#indicator li b {display: block;width: 100%;height: 100%;border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.3s;  transition: 0.3s;}
#indicator li.act b, #indicator li:hover b { background: #fff; -webkit-transform: scale(1); transform:scale(1);}

#index_news{width:100%; height:60px; line-height:60px; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.7); +background:#000; z-index:1;}
#index_news .left{float:left; font-size:16px; color:#fff; width:600px;}
#index_news .left a,#index_news .left span{color:#fff; float:left;}
#index_news .left aside{font-size:14px; width:100px; overflow:hidden; float:right;}
#index_news .right{float:right;}
#index_news .right a:hover{-webkit-transform:scale(0.95); -moz-transform:scale(0.95); transform:scale(0.95);}
#index_news .right .bdsharebuttonbox{}
#index_news .right .bdsharebuttonbox a{height:29px; width:29px; padding:0; background:url(../img/hot.png) no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; display:block; margin:15px 10px 0 0; float:left;}
#index_news .right .bdsharebuttonbox a.bds_weixin{background-position:0 0;}
#index_news .right .bdsharebuttonbox a.bds_sqq{background-position:-40px 0; position:relative;}
#index_news .right .bdsharebuttonbox a.bds_tsina{ background-position:-79px 0;}
 

#project{background:#f5f5f5; position:relative; overflow:hidden;}
#project ul{width:1100px; margin:30px auto 50px; overflow:hidden;}
#project ul li{position:relative; float:left; width:341px; height:169px; margin-right:38px;}
#project ul li:last-of-type{margin:0;}
#project ul li a{position:absolute; top:0; left:0; opacity:0; padding-top:110px; width:100%; height:60px; text-align:center; font-size:16px; color:#fff; background-color:rgba(0,140,214,0.7); +background:#008cd6; background-image:url(../img/search2.png); background-repeat:no-repeat; background-position: center 40px; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s;}
#project ul li:hover a{ opacity:1;}

#next{position:absolute; bottom:0; left:50%; margin-left:-30px; width:59px; height:30px; background:url(../img/next.png) no-repeat; }
#next:hover{background:url(../img/next2.png) no-repeat}
#next2{position:absolute; bottom:0; left:50%; margin-left:-30px; width:59px; height:30px; background:url(../img/next2.png) no-repeat; }
#next2:hover{background:url(../img/next2.png) no-repeat}
#next3{position:absolute; bottom:0; left:50%; margin-left:-30px; width:59px; height:30px; background:url(../img/next.png) no-repeat; }


#full_b{width:100%; position:relative; overflow:hidden;}
#full_b h2{margin:40px 0 40px; text-align:center; color:#008cd6; font-size:30px;}
#full_b ul{width:976px; margin:0 auto; overflow:hidden;padding-bottom:5px;}
#full_b ul li{position:relative; float:left; width:121px; height:40px; text-align:center; line-height:40px; background:#f5f5f5; margin-right:1px; cursor:pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_b ul li:hover,#full_b ul li.cur{background:#008cd6; color:#fff;}
#full_b ul li.cur:after{content:''; position:absolute; bottom:-5px; left:50%; margin-left:-2.5px; border-top:5px solid #008cd6; border-left:5px solid transparent; border-right:5px solid transparent; width:0; height:0;}
#full_b ol{width:100%; margin:30px auto; overflow: hidden;}
#full_b ol li{position:relative; float:left; width:341px; margin:0 38px 20px 0; background:#f7f7f7; text-align:center; font-size:16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_b ol li:nth-of-type(3n){margin:0;}
#full_b ol li:hover{background:#008cd6;}
#full_b ol li img{width:341px; height:341px;}
#full_b ol li p{height:34px; line-height:34px;}
#full_b ol li a{display:block;}
#full_b ol li a:hover{color:#fff;}
#full_b ol li a:hover:after{content:''; position:absolute; top:0; left:0; width:341px; height:144px; background-color:rgba(0,140,214,0.7); +background:#008cd6; background-image:url(../img/index08.png); background-repeat:no-repeat; background-position:center;}


#full_c{width:100%; position:relative; background-color:#008cd6; background-image:url(../img/index09.jpg); background-repeat:no-repeat; background-position:center; overflow:hidden;}
#full_c h2{margin:70px 0 40px; text-align:center; color:#fff; font-size:30px;}
#full_c ul{width:1100px; margin:0 auto; overflow:hidden; padding:5px 0; background:#fff; text-align:center;}
#full_c ul li{display:inline-block; position:relative; width:121px; height:40px; text-align:center; line-height:40px; background:#f5f5f5; margin-right:1px; cursor:pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_c ul li:hover,#full_c ul li.cur{background:#008cd6; color:#fff;}
#full_c ul li.cur:after{content:''; position:absolute; bottom:-5px; left:50%; margin-left:-2.5px; border-top:5px solid #008cd6; border-left:5px solid transparent; border-right:5px solid transparent; width:0; height:0;}

#full_c .fixed{width:1300px;}
#full_c .full_c_box{width:1100px; height:378px; margin:40px auto; position:relative;}
#full_c .full_c_cut{width:1099px; height:378px; overflow:hidden; position:relative;}
#full_c ol{width:100%; position:absolute; left:0; top:0;}
#full_c ol li{position:relative; float:left; width:341px; height:378px; margin:30px 38px 0 0; background:#fff; font-size:16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_c ol li:nth-of-type(3n){margin:30px 0 0 ;}
#full_c ol li:hover{background:#333;}
#full_c ol li a img{width:341px; height:191px;}
#full_c ol li a p{position:relative; padding:20px; color:#008cd6; overflow: hidden;
  white-space: nowrap; text-overflow: ellipsis;}
#full_c ol li a p:after{content:''; position:absolute; left:20px; bottom:5px; width:30px; border-top:2px solid #ccc;}
#full_c ol li a aside{padding:20px; font-size:12px; overflow: hidden;
  white-space: nowrap; text-overflow: ellipsis;}
#full_c ol li a{display:block; width:100%; height:100%;}
#full_c ol li a:hover,#full_c ol li a:hover p{color:#fff;}
#full_c ol li a:hover:after{content:''; position:absolute; top:0; left:0; width:341px; height:191px; background-color:rgba(0,140,214,0.7); +background:#008cd6; background-image:url(../img/index08.png); background-repeat:no-repeat; background-position:center;}
#full_c .full_c_box .prev{position:absolute; top:220px; left:50%; margin-left:-640px; border:0; background:url(../img/index13.png) no-repeat; width:46px; height:46px;}
#full_c .full_c_box .prev:hover{background:url(../img/index14.png) no-repeat;}
#full_c .full_c_box .next{position:absolute; top:220px; right:50%; margin-right:-640px; border:0; background:url(../img/index15.png) no-repeat; width:46px; height:46px;}
#full_c .full_c_box .next:hover{background:url(../img/index16.png) no-repeat;}


#full_d{width:100%; height:25%; position:relative; overflow:hidden; background-image:url(../img/index17.jpg); background-repeat:no-repeat; background-position:center;}
#full_d h2{margin:140px 0 100px; text-align:center; color:#008cd6; font-size:30px;}
#full_d ul{width:1100px; margin:0 auto; overflow:hidden;}
#full_d ul li{position:relative; float:left; width:196px; height:174px; background:#fff; padding:174px 0 0; margin-right:18px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_d ul li:hover{background:#008cd6; color:#fff;}
#full_d ul li:after{content:''; position:absolute; top:25px; left:50%; margin-left:-63px; width:126px; height:126px; border-radius:50%; background-color:#008cd6; background-image:url(../img/index18.png); background-repeat:no-repeat; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_d ul li:hover:after{background-color:#fff; background-position:0 -126px;}
#full_d ul li:last-of-type{margin-right:0;}
#full_d ul li div{border-top:1px solid #f5f5f5; padding:35px 34px 0;}
#full_d ul li div h1{text-align:center; padding-bottom:15px;}
#full_d ul li div p{width:100%; float: left;}
#full_d ul li div a{width:89px; float:left; text-align:center; margin-bottom:10px;}
#full_d ul li div a:hover{ text-decoration:underline;color:#fff;}
#full_d ul li:hover div a{color:#fff;}
#full_d ul .full_d_1:after{background-position:-126px 0;}
#full_d ul .full_d_1:hover:after{background-color:#fff; background-position:-126px -126px;}
#full_d ul .full_d_2:after{background-position:-252px 0;}
#full_d ul .full_d_2:hover:after{background-color:#fff; background-position:-252px -126px;}
#full_d ul .full_d_3:after{background-position:-378px 0;}
#full_d ul .full_d_3:hover:after{background-color:#fff; background-position:-378px -126px;}
#full_d ul .full_d_4:after{background-position:-504px 0;}
#full_d ul .full_d_4:hover:after{background-color:#fff; background-position:-504px -126px;}




#full_e{width:100%; position:relative; overflow:hidden;}
#full_e h2{margin:40px 0; text-align:center; color:#008cd6; font-size:30px;}
#full_e .w{width:1120px;overflow:hidden;margin:0 auto;}
#full_e .news_left{width:540px;float:left;margin-right:20px;}
#full_e .news_left h3{width:538px;line-height:50px;color:#008cd6;background:#d0d0d0; text-indent:20px;overflow:hidden;}
#full_e .news_left h3 span{float:right;}
#full_e .news_left ul{margin:10px 0;padding:0;list-style:none;}
#full_e .news_left ul .first{overflow:hidden;clear:both;padding:10px 0;}
#full_e .news_left ul .first .pic{width:200px;margin-right:20px;float:left;}
#full_e .news_left ul .first .pic img{width:200px;height:120px;float:left;}
#full_e .news_left ul .first .txt{width:320px;float:left;}
#full_e .news_left ul .first .txt h4{font-size:15px;padding-bottom:5px;margin:0;overflow:hidden;}
#full_e .news_left ul .first .txt p{line-height:25px;}
#full_e .news_left ul li{line-height:40px;border-bottom:1px dotted #ccc;overflow:hidden;}