.index{}
.i_about{padding:60px 0px; background:#f3f3f3; overflow:hidden;}
.i_a_img{ float:left; width:650px;}
.i_a_info{ float:right; width:500px;}
.i_a_info h2{ font-weight:bold; font-size:32px; line-height:1em; padding-top:40px;}
.i_a_info span{ display:block; font-size:16px; color:#2789e4; line-height:1em; margin-top:20px;}
.i_a_info p{ line-height:22px; padding-top:30px; color:#666; text-align:justify;}
.i_a_info a{ display:block; margin-top:30px; width:140px; height:40px; line-height:40px; border-radius:2px; background:#eba621; text-align:center; color:#fff;}
.i_a_info a:hover{ box-shadow:#999 0px 0px 20px;}

.i_pro{  padding:60px 0px 50px 0px; overflow:hidden;}
.i_pro_tree{ float:left; width:240px; background:#f3f3f3;}
.i_protree_tit{ font-weight:bold; font-size:20px; background:#2789e4; height:60px; color:#fff; line-height:60px; text-align:center;}
.i_pro_menu{ padding:10px 0px;}
.i_pro_menu ul li{ display:block; padding:0px 20px;}
.i_pro_menu ul li a{ display:block; line-height:20px; padding:10px 0px 10px 25px; border-bottom:1px dashed #ddd; position:relative; }
.i_pro_menu ul li a:after{font-family: "iconfont" !important;  font-size: 16px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\e69b"; position:absolute; left:0px; top:10px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.i_pro_menu ul li a:hover:after{ left:5px;}
.i_pro_infos{ float:right; width:920px;}
.i_pro_tit{ text-align:center; font-weight:bold; font-size:32px; line-height:1em; padding-bottom:30px;}
.i_pro_tit span{ display:block; font-size:14px; color:#999; padding:0px 160px;  line-height:20px; font-weight:normal; padding-top:20px;}
.i_pro_list{ margin-left:-40px;}
.i_pro_list ul li{ float:left; width:270px; background:#fff; margin:15px 0px; margin-left:40px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all; border:1px solid #eee;}
.i_pro_list ul li:hover{ box-shadow:#999 0px 0px 10px;}
.i_p_img{ width:270px; height:194px; overflow:hidden; position:relative;}
.i_p_img a p{ position:absolute; left:0px; top:0px; width:270px; height:194px; background:rgba(0,0,0,.6);transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all; opacity:0;}
.i_p_img a:hover p{ opacity:1;}
.i_p_img a p span{ line-height:20px; padding:15px 30px; margin-top:72px;  color:#fff; text-align:center; display:block; position:relative;}
.i_p_img a p span:after{ content:""; position:absolute; left:50%; top:0px; height:1px; width:80px; margin-left:-40px; background:#fff;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.i_p_img a p span:before{ content:""; position:absolute; left:50%; bottom:0px; height:1px; width:80px; margin-left:-40px; background:#fff;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all; }
.i_p_img a:hover p span:after{ content:""; position:absolute; left:50%; top:0px; height:1px; width:20px; margin-left:-10px; background:#fff;}
.i_p_img a:hover p span:before{ content:""; position:absolute; left:50%; bottom:0px; height:1px; width:20px; margin-left:-10px; background:#fff;}
.i_p_img img{width:270px; height:194px;}
.i_p_tit{ overflow:hidden; margin:12px 20px; line-height:30px; height:30px; overflow:hidden;}
.i_p_more{ border-top:1px solid #eee; margin:0px 20px; position:relative; }
.i_p_more a{ display:block; position:relative;line-height:45px;}
.i_p_more a span{ position:absolute; right:0px; top:0px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.i_p_more a:hover span{ color:#eba621; right:5px;}

.i_dz{ background:#2789e4 url(../images/dz_bg.jpg) no-repeat; padding:60px 0px; overflow:hidden;}
.i_dz_tit{text-align:center; font-weight:bold; font-size:32px; line-height:1em; padding-bottom:30px; color:#fff;}
.i_dz_list{}
.i_dz_list ul li{ float:left; width:590px;margin-top:20px; height:300px;}
.i_dz_list ul li#dz2,.i_dz_list ul li#dz4{ float:right;}
.i_dz_list ul li#dz1{ background:#fff url(../images/dz_01.jpg) no-repeat right bottom;}
.i_dz_list ul li#dz2{ background:#fff url(../images/dz_02.jpg) no-repeat left bottom;}
.i_dz_list ul li#dz3{ background:#fff url(../images/dz_03.jpg) no-repeat right bottom;}
.i_dz_list ul li#dz4{ background:#fff url(../images/dz_04.jpg) no-repeat left bottom;}
.i_dz_list ul li h4{display:block;font-weight:bold; font-size:20px; padding:20px 0px;}
.i_dz_list ul li span{display:block; width:240px; color:#999;}
.i_dz_list ul li#dz1 h4,.i_dz_list ul li#dz3 h4{  padding-left:70px;}
.i_dz_list ul li#dz1 span,.i_dz_list ul li#dz3 span{padding-left:70px;}
.i_dz_list ul li#dz1 i,.i_dz_list ul li#dz3 i{padding-left:70px;display:block;}

.i_dz_list ul li#dz2 h4,.i_dz_list ul li#dz4 h4{  padding-left:300px;}
.i_dz_list ul li#dz2 span,.i_dz_list ul li#dz4 span{padding-left:300px;}
.i_dz_list ul li#dz2 i,.i_dz_list ul li#dz4 i{padding-left:300px;display:block;}
.i_dz_list ul li i{ padding-top:60px;}
.i_dz_list ul li#dz1 i,.i_dz_list ul li#dz2 i,.i_dz_list ul li#dz3 i,.i_dz_list ul li#dz4 i{ font-size:50px; display:block; line-height:1em; color:#2789e4;}


.i_project{  padding:60px 0px; overflow:hidden;}
.i_pjt_tit{text-align:center; font-weight:bold; font-size:32px; line-height:1em;}
.i_pjt_tit span{ display:block; font-size:14px; color:#999; font-weight:normal; padding-top:10px;}

.i_pjt_list{ padding-top:30px; height:auto;}
.i_pjt_list .swiper-container,.i_pjt_list .swiper-wrapper{height:auto;}
.i_pjt_list a:hover span{ color:#3762a6;}
.i_pjt_list .swiper-button-next, .i_pjt_list .swiper-container-rtl .swiper-button-prev{ right:-50px;}
.i_pjt_list .swiper-button-prev, .i_pjt_list .swiper-container-rtl .swiper-button-next{ left:-50px;}
.i_pjt_list .swiper-button-next, .i_pjt_list .swiper-button-prev{ top:136px; margin-top:0px;}
.i_pjt_list .swiper-button-next, .i_pjt_list .swiper-button-prev{background-size:20px 44px;}
.i_pjt_list .swiper-pagination-bullet{ background:#333;}
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  color:#fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-wrapper{ padding-bottom:50px;}
.swiper-slide img{ width:100%; height:auto;}
.swiper-slide span{ display:block; padding-top:15px;}



.i_news{ padding:60px 0px; overflow:hidden; border-top:1px solid #eee;}
.i_news .i_tit,.i_news .i_tit span{text-align:center; font-weight:bold; font-size:32px; line-height:1em;}
.i_news_list{ padding-top:50px;}
.i_news_left{ float:left; width:570px;}
.i_bnews_img{ position:relative;}
.i_bnews_img img{ width:570px; height:240px;}
.i_bnews_date{ position:absolute; left:0px; top:0px; padding:6px 10px; text-align:center; background:rgba(39,137,228,0.8); color:#fff;font-family:'CenturyGothic';}
.i_bnews_date span{ display:block; font-size:30px; line-height:1em; padding:10px 0px;font-family:'CenturyGothic';}
.i_bnews_tit{ font-weight:bold; padding:10px 0px;}
.i_bnews_tit a:hover{ color:#2789e4;}
.i_bnews_small{ line-height:20px; height:40px; overflow:hidden;}
.i_bnews_more a{ display:block; margin-top:20px; width:140px; height:40px; line-height:40px; border-radius:2px; background:#eba621; text-align:center; color:#fff;}
.i_bnews_more a:hover{ box-shadow:#999 0px 0px 20px; background:#eba621;}
.i_news_right{ float:right; width:570px;}
.i_news_right ul li a{ border-bottom:1px solid #eee; display:block; padding:12px 0px; position:relative;}
.i_news_right ul li a:before{ content:""; position:absolute; left:0px; bottom:-1px; width:0%; height:1px; background:#2789e4;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.i_news_date{ float:left; width:80px; text-align:center; }
.i_news_date span{font-family:'CenturyGothic'; display:block; font-size:30px;line-height:1em; padding-top:10px;}
.i_news_para{ float:right; width:470px;}
.i_news_tit{ font-weight:bold;}
.i_news_small{ color:#999; line-height:22px; height:44px; overflow:hidden;}
.i_news_right ul li a:hover .i_news_tit,.i_news_right ul li a:hover .i_news_date{ color:#2789e4;}
.i_news_right ul li a:hover:before{ width:100%;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}

