/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/





/*banner*/

.fullSlide {

    width: 100%;

    position: relative;

    height: 911px;

    background: #FFF;

    overflow: hidden;

  }

  

  .fullSlide .bd {

    height: 911px;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    overflow: hidden;

  }

  

  .fullSlide .bd ul {

    width: 100% !important;

  }

  

  .fullSlide .bd li {

    width: 100% !important;

    height: 911px;

    overflow: hidden;

    text-align: center;

  }

  

  .fullSlide .bd li a {

    display: block;

    height: 911px;

  }

  

  .fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 2;

    bottom: 0;

    left: 0;

    height: 30px;

    text-align: center;

  }

  

  .fullSlide .hd ul {

    text-align: center;

  }

  

  .fullSlide .hd ul li {

    cursor: pointer;

    display: inline-block;

    zoom: 1;

    width: 12px;

    height: 12px;

    margin: 7px;

    background-color: #fff;

    overflow: hidden;

    line-height: 99px;

    border-radius: 50%;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

  }

  

  .fullSlide .hd ul .on {

    width: 20px;

    background: #0075c2;

    border-radius: 6px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

  }

  

  

  .fullSlide .next {

    width: 29px;

    height: 56px;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    z-index: 2;

    background: url(../images/bannerR.png) no-repeat center;

    filter: alpha(opacity=30);

    -moz-opacity: .3;

    opacity: .3;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    right: 10%;

  }

  

  .fullSlide .prev {

    width: 29px;

    height: 56px;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    z-index: 2;

    background: url(../images/bannerL.png) no-repeat center;

    filter: alpha(opacity=30);

    -moz-opacity: .3;

    opacity: .3;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    left: 10%;

  }



  .banner_box {

    width: 100%;

    position: relative;

    height: 911px;

    overflow: hidden;

    top: -131px;

  }



  .banner_box .trait{

    width: 1300px;

    margin: 0 auto;

    height: 243px;

    position: relative;

    top: -243px;

  }



  .banner_box .trait .trait_nr{

    width: 313px;

    height: 243px;

    position: absolute;

    left: 0;

    bottom: 0px;

    background: url(../images/trait_bg.png) no-repeat center;

    z-index: 9;

  }



  .banner_box .trait .trait_nr h5{

    font-size: 16px;

    color: #fff;

    line-height: 32px;

    margin: 37px 0 0 30px;

  }



  .banner_box .trait .trait_nr .tel{

    background: url(../images/tel.png) no-repeat center;

    margin: 50px auto 0 auto;

    width: 190px;

    height: 74px;

    padding-left: 100px;

  }



  .banner_box .trait .trait_nr .tel span{

    display: block;

    font-size: 14px;

    color: #333;

    padding-top: 13px;

  }



  .banner_box .trait .trait_nr .tel p{

    font-size: 24px;

    color: #333;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

  } 

 



/*title*/



.title{

  width: 1300px;

  margin: 0 auto;

  text-align: center;

}



.title h3{

  font-size: 36px;

  color: #0075c2;

  font-weight: bold;



}



.title h3 a{

  font-size: 36px;

  color: #0075c2;

  font-weight: bold;

}



.title p{

  font-size: 14px;

  color: #999;

  text-transform: uppercase;

  margin-top: 10px;

}



/*about*/



.about{

  width: 1300px;

  margin: -70px auto 0 auto;

}



.about .title p{

  background: url(../images/ab_t.png) no-repeat center;

}



.about .ab_box{

  width: 1300px;

  margin: 70px auto 0 auto;

  height: 370px;

}



.about .ab_box .ab_img{

  float: left;

  width: 519px;

  height: 370px;

  background: url(../images/ab_img.jpg) no-repeat left top;

}



.about .ab_box .ab_img img{

  width: 505px;

  height: 355px;

  margin: 15px 0 0 15px;

}

 

.about .ab_box .ab_txt{

  float: left;

  width: 425px;

  margin-left: 85px;

}



.about .ab_box .ab_txt h5 {

  font-size: 24px;

  color: #333;

  font-weight: bold;

  display: block;

  margin-top: -5px;

}



.about .ab_box .ab_txt span{

  font-size: 12px;

  color: #cccccc;

  text-transform: uppercase;

  display: block;

  margin: 15px 0 20px 0;



}



.about .ab_box .ab_txt i{

  display: block;

  width: 66px;

  height: 2px;

  background: #333333;

}



.about .ab_box .ab_txt p{

  font-size: 14px;

  color: #666;

  line-height: 30px;

  height: 150px;

  overflow: hidden;

  margin-top: 30px;

}



.about .ab_box .ab_txt h6{

  margin-top: 50px;

  background: url(../images/ab_buttom.png) no-repeat  left center;

  padding-left: 60px;

  font-size: 20px;

  color: #333;

  font-weight: bold;

}



.about .ab_box .ab_txt h6 em{

  display: block;

  font-size: 12px;

  color: #cccccc;

  font-weight: normal;

  font-family: Arial, Helvetica, sans-serif;

  text-transform: uppercase;

  margin-top: 3px;

}



.about .ab_box .txt_r{

  float: right;

  width: 230px;

  margin-top: -20px;

} 



.about .ab_box .txt_r h5{

  font-size: 38px;

  color: #f2f2f2;

  font-weight: bold;

  text-transform: uppercase;

  background: url(../images/ab_t1.png) no-repeat  center;

  width: 213px;

  height: 75px;

}



.about .ab_box .txt_r .honor{

  width: 228px;

  height: 163px;

  border: 1px solid #cccccc;

  margin-top: 60px;



}



.about .ab_box .txt_r .honor img{

  width: 220px;

  height: 155px;

  margin: 4px;

}



.about .ab_box .txt_r .more{

  margin-top: 40px;

  width: 121px;

  height: 47px;

  background: url(../images/ab_more.png) no-repeat  center;

  float: right;

}



.about .ab_box .txt_r .more a{

  display: block;

  font-size: 14px;

  color: #fff;

  text-align: center;

  padding: 15px 0 0 12px;

}



.about .ab_list{

  width: 1300px;

  margin: 40px auto 0 auto;

}



.about .ab_list .ab1{

  float: left;

  background: url(../images/ab_list1.jpg) no-repeat  center;

  width: 631px;

  height: 215px;

}



.about .ab_list .ab1 .txt{

  float: left;

  padding-left: 275px;

}



.about .ab_list .ab1 .txt a{

  display: block;

  font-size: 24px;

  color: #fff;

  font-weight: bold;

  margin-top: 115px;

}



.about .ab_list .ab1 .txt a i{

  display: block;

  font-size: 14px;

  color: #fff;

  font-weight: normal;

  text-transform: uppercase;

  margin-top: 10px;



}



.about .ab_list .ab1 .more a{

  display: block;

  width: 68px;

  height: 12px;

  background: url(../images/more1.png) no-repeat  center;

  float: right;

  margin: 140px 50px 0 0;

}

 



.about .ab_list .ab2{

  float: right;

  background: url(../images/ab_list2.jpg) no-repeat  center;

  width: 631px;

  height: 215px;

}



.about .ab_list .ab2 .txt{

  float: left;

  padding-left: 290px;

}



.about .ab_list .ab2 .txt a{

  display: block;

  font-size: 24px;

  color: #333;

  font-weight: bold;

  margin-top: 115px;

}



.about .ab_list .ab2 .txt a i{

  display: block;

  font-size: 14px;

  color: #333;

  font-weight: normal;

  text-transform: uppercase;

  margin-top: 10px;



}



.about .ab_list .ab2 .more a{

  display: block;

  width: 68px;

  height: 12px;

  background: url(../images/more2.png) no-repeat  center;

  float: right;

  margin: 140px 65px 0 0;

}





/*honor*/



.honor{

  width: 1300px;

  margin: 70px auto 0 auto;

}



.honor .title p{

  background: url(../images/ry_t.png) no-repeat  center;

}



.honor .honor_box{

  width: 1300px;

  margin: 70px auto 0 auto;

}



.honor .honor_box .bd{

  width: 1300px;

  margin: 0px auto 0 auto;

  height: 332px;

  overflow: hidden;

}





.honor .honor_box .bd ul li{

  width: 226px;

  height: 330px;

  float: left;

  border: 1px solid #e6e6e6;

  margin: 0 16px;


position:relative;
}



.honor .honor_box .bd ul li .pic{

  width: 226px;

  height: 330px;

}

.honor .honor_box .bd ul li .pic img{

  width: 226px;

  height: 330px;

}


.honor .honor_box .bd ul li .honor_box_a{
	width:206px;
	display:block;
	height:35px;
	line-height:35px;
	background:#0075c2;
	color:#fff;
	transition:0.3s;
	position:absolute;
	bottom:-36px;
text-align:center;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding:0 10px;
}

.honor .honor_box .bd ul li:hover .honor_box_a{
	bottom:0;
}




.honor .honor_box .hd{

  margin: 50px auto 0 auto;

  width: 185px;

  height: 33px;

}



.honor .honor_box .hd .next{

  float: left;

  background: url(../images/left.jpg) no-repeat  center;

  width: 84px;

  height: 33px;

  cursor: pointer;

}



.honor .honor_box .hd .prev{

  float: right;

  background: url(../images/right.jpg) no-repeat  center;

  width: 84px;

  height: 33px;

  cursor: pointer;

}



/*product*/



.pro_bg{

  width: 100%;

  height: 922px;

  margin: 60px auto 0 auto;

  background: url(../images/pro_bg.jpg) no-repeat  center;

}



.pro_bg .product{

  width: 1300px;

  margin: 0 auto;

  padding-top: 35px;

}



.pro_bg .product .title p{

  background: url(../images/pro_t.png) no-repeat  center;

}



.pro_bg .product .pro_box{

  margin: 60px auto 0 auto;

  position: relative;

  height: 669px;

} 



.pro_bg .product .pro_box ul li{

  width: 420px;

  height: 317px;

  position: relative;

}



.pro_bg .product .pro_box ul li .pic{

  width: 420px;

  height: 317px;

  position: relative;

}



.pro_bg .product .pro_box ul li .pic img{

  width: 420px;

  height: 317px;

  position: relative;

}



.pro_bg .product .pro_box ul li .txt{

  position: absolute;

  background: url(../images/pro_list.png) no-repeat  center;

  width: 311px;

  height: 268px;

  left: 24px;

  top: 24px;

  padding: 0 30px;

} 



.pro_bg .product .pro_box ul li .txt h5 a{

  display: block;

  text-align: center;

  margin: 80px auto 0 auto;

  font-size: 20px;

  color: #333;

  font-weight: bold;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.pro_bg .product .pro_box ul li .txt h5 a img{

  display: block;

  width: 59px;

  height: 57px;

  margin: 0 auto 20px auto;

}



.pro_bg .product .pro_box ul li.pro1{

  position: absolute;

  left: 0;

  top: 0;

}



.pro_bg .product .pro_box ul li.pro2{

  position: absolute;

  left: 0;

  bottom: 0;

}



.pro_bg .product .pro_box ul li.pro3{

  position: absolute;

  left: 453px;

  top: 0;

  width: 391px;

  height: 669px;

}



.pro_bg .product .pro_box ul li.pro4{

  position: absolute;

  right: 0;

  top: 0;

}



.pro_bg .product .pro_box ul li.pro5{

  position: absolute;

  right: 0;

  bottom: 0;

}



.pro_bg .product .pro_box ul li.pro3 .pic{

  width: 391px;

  height: 669px;

  position: relative;

}



.pro_bg .product .pro_box ul li.pro3 .pic img{

  width: 391px;

  height: 669px;

  position: relative;

}



.pro_bg .product .pro_box ul li.pro3 .txt{

  background: url(../images/pro_nr.jpg) no-repeat  center;

  width: 269px;

  height: 620px;

  position: absolute;

  left: 21px;

  top: 24px;

  padding: 0 40px;

} 



.pro_bg .product .pro_box ul li.pro3 .txt h5 a{

  color: #fff;

  margin: 70px auto 0 auto;

}



.pro_bg .product .pro_box ul li.pro3 .txt i{

  display: block;

  margin: 28px auto 0 auto;

  width: 45px;

  height: 1px;

  background: #cae4f6;

}



.pro_bg .product .pro_box ul li.pro3 .txt p{

  margin: 75px auto 0 auto;

  color: #cae4f6;

  font-size: 14px;

  line-height: 30px;

  height: 120px;

  overflow: hidden;

}



.pro_bg .product .pro_box ul li.pro3 .txt .more{

  display: block;

  margin: 100px auto 0 auto;

  width: 212px;

  height: 44px;

  line-height: 44px;

  background: #fff;

  display: block;

  text-align: center;

  color: #0075c2;

  font-size: 14px;

}



.pro_bg .product .pro_box ul li:hover .txt h5 a{

  transform: translateY(-5px);

  -webkit-transform: translateY(-5px);

  -o-transform: translateY(-5px);

}







/*fw*/



.fw_bg{

  width: 100%;

  height: 683px;

  margin: 0 auto;

  background: url(../images/te_bg.jpg) no-repeat  center;

}



.fw_bg .fw{

  width: 1300px;

  margin: 0 auto;

  padding-top: 80px;

}



.fw_bg .fw .title p{

  background: url(../images/te_t.png) no-repeat  center;

}



.fw_bg .fw .fw_box{

  width: 1300px;

  margin: 65px auto 0 auto;

}



.fw_bg .fw .fw_box ul li{

  float: left;

  width: 240px;

  margin: 0 42px;

  position: relative;

  text-align: center;

  z-index: 5;

}



.fw_bg .fw .fw_box ul li.fw2,.fw_bg .fw .fw_box ul li.fw4{

  margin-top: 30px;

}



.fw_bg .fw .fw_box ul li h5{

  font-size: 18px;

  color: #fff;

  font-weight: bold;

  background: url(../images/te_list1.png) no-repeat  center;

  width: 121px;

  height: 121px;

  line-height: 121px;

  margin: 23px auto 5px auto;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.fw_bg .fw .fw_box ul li p{

  font-size: 14px;

  color: #666;

  line-height: 30px;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.fw_bg .fw .fw_box ul li i{

  display: block;

  margin: 20px auto 0 auto;

  background: url(../images/te_xt1.png) no-repeat  center;

  width: 11px;

  height: 107px;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.fw_bg .fw .fw_box ul li span{

  display: block;

  position: absolute;

  left: 0;

  top: 0px;

  width: 240px;

  height: 0px;

  background: #0075c2;

  border-radius: 8px;

  z-index: -1;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.fw_bg .fw .fw_box ul li:hover span{

  height: 327px;

}



.fw_bg .fw .fw_box ul li:hover h5{

  color: #0075c2;

  background: url(../images/te_list2.png) no-repeat  center;

}



.fw_bg .fw .fw_box ul li:hover p{

  color: #fff;

}



.fw_bg .fw .fw_box ul li:hover i{

  background: url(../images/te_xt2.png) no-repeat  center;

}





/*banner_1*/



.banner_1{

  width: 100%;

  height: 212px;

  margin: 0 auto;

  background: url(../images/banner_1.jpg) no-repeat  center;

}



.banner_1 .cont{

  width: 1300px;

  margin: 0 auto;

}



.banner_1 .cont .logo{

  float: left;

  width: 194px;

  height: 48px;

  margin-top: 82px;

  margin-left: 10px;

}



.banner_1 .cont .logo img{

  width: 194px;

  height: 48px;

}



.banner_1 .cont .txt{

  float: left;

  margin-left: 150px;

  margin-top: 60px;

} 



.banner_1 .cont .txt p{

  font-size: 24px;

  color: #fff;



}



.banner_1 .cont .txt span{

  display: block;

  font-size: 14px;

  color: #fff;

  font-family: Arial, Helvetica, sans-serif;

  text-transform: uppercase;

  line-height: 30px;

  margin-top: 10px;

}



.banner_1 .cont .tel{

  float: right;

  padding-left: 65px;

  font-size: 12px;

  color: #333;

  background: url(../images/tel1.png) no-repeat left  center;

  height: 57px;

  margin-top: 80px;

}



.banner_1 .cont .tel p{

  font-size: 32px;

  color: #333;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;

}





/*case*/



.case_bg{

  width: 100%;

  height: 842px;

  margin: 0 auto;

  background: url(../images/case_bg.jpg) no-repeat  center;

}



.case_bg .case{

  width: 1300px;

  margin: 0 auto;

  padding-top: 80px;

}



.case_bg .case .title p{

  background: url(../images/case_t.png) no-repeat  center;

}



.case_bg .case .case_list{

  margin: 40px auto 0 auto;

  height: 40px;

}



.case_bg .case .case_list ul{

  text-align: center;

}



.case_bg .case .case_list ul li{

  display: inline-block;

  width: 164px;

  height: 40px;

  line-height: 40px;

  background: #efefef;

  margin: 0 20px;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  border-radius: 36px;
  
}



.case_bg .case .case_list ul li a{

  display: block;

  text-align: center;

  font-size: 16px;

  color: #666;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.case_bg .case .case_list ul li.casehover{

  background: #0075c2;

}



.case_bg .case .case_list ul li.casehover a{

  color: #fff;

}



.case_bg .case .case_box{

  margin: 50px auto 0 auto;

}



.case_bg .case .case_box .case_l{

  float: left;

  width: 580px;

  height: 450px;

  border: 1px solid  #cccccc;

}



.case_bg .case .case_box .case_l img{

  width: 564px;

  height: 434px;

  margin: 8px;

}



.case_bg .case .case_box .case_r{

  float: right;

  width: 685px;

  margin-top: 10px;

} 



.case_bg .case .case_box .case_r .txt{

  height: 155px;



}



.case_bg .case .case_box .case_r .txt h5 a{

  font-size: 20px;

  color: #333;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.case_bg .case .case_box .case_r .txt p{

  font-size: 14px;

  color: #999;

  line-height: 30px;

  height: 60px;

  overflow: hidden;

  margin: 10px 0 23px 0;

}



.case_bg .case .case_box .case_r .txt .more{

  display: block;

  width: 132px;

  height: 31px;

  line-height: 31px;

  background: #0075c2;

  text-align: center;

  font-size: 14px;

  color: #fff;

}



.case_bg .case .case_box .case_r .list{

  margin-top: 68px;

}



.case_bg .case .case_box .case_r .list ul li{

  float: left;

  width: 330px;

  height: 220px;

  position: relative;

  margin-right: 12px;

}



.case_bg .case .case_box .case_r .list ul li .pic{

  width: 328px;

  height: 218px;

  border: 1px solid #cccccc;

}



.case_bg .case .case_box .case_r .list ul li .pic img{

  width: 320px;

  height: 210px;

  margin: 4px;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.case_bg .case .case_box .case_r .list ul li .nr{

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 330px;

  height: 40px;

  line-height: 40px;

  background: #0075c2;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  overflow: hidden;

} 



.case_bg .case .case_box .case_r .list ul li .nr h5 a{

  text-align: center;

  font-size: 16px;

  color: #fff;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  text-align: center;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  padding: 0 5px;

}



.case_bg .case .case_box .case_r .list ul li .nr .more{

  display: block;

  margin: 15px auto 0 auto;

  width: 45px;

  height: 45px;

  background: url(../images/more3.png) no-repeat  center;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  opacity: 0;

}



.case_bg .case .case_box .case_r .list ul li:hover .nr{

  height: 100%;

  background: rgba(255, 224, 51, 0.9);

}



.case_bg .case .case_box .case_r .list ul li:hover .pic img{

  width: 328px;

  height: 218px;

  margin: 0;

}



.case_bg .case .case_box .case_r .list ul li:hover .nr h5 a{

  font-size: 16px;

  color: #333;

  font-weight: bold;

  margin: 70px auto 0 auto;

}



.case_bg .case .case_box .case_r .list ul li:hover .nr .more{

  opacity: 1;

}





/*ys*/



.ys_bg{

  width: 100%;

  height: 716px;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

}



.ys_bg .ys{

  width: 100%;

  height: 716px;

  margin: 0 auto;

  position: relative;

}



.ys_bg .ys .bd{

  width: 100%;

  height: 716px;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

}



.ys_bg .ys .bd ul li{

  width: 100%;

  height: 716px;

  margin: 0 auto;

  float: left;

}



.ys_bg .ys .bd ul li img{

  width: 100%;

  height: 716px;

  margin: 0 auto;

}



.ys_bg .ys .hd{

  width: 1300px;

  margin: 0 auto;

  position: relative;

  top: -630px;

} 





.ys_bg .ys ul li{

  float: left;

  width: 337px;

  height: 542px;

  position: relative;

  margin: 0 48px;

}



.ys_bg .ys ul li .ys_ico{

  margin: 0 auto;

  width: 128px;

  height: 128px;

  position: relative;

  z-index: 5;

}



.ys_bg .ys ul li .ys_ico img{

  width: 128px;

  height: 128px;

}



.ys_bg .ys ul li .ys_list{

  width: 337px;

  height: 462px;

  position: relative;

  background: #fff;

  margin-top: -48px;

  border-radius: 10px;

}  



.ys_bg .ys ul li .ys_list .ys_img{

  position: absolute;

  left: 0;

  top: 0;

  width: 337px;

  height: 462px;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ys_bg .ys ul li .ys_list .ys_img img{

  width: 337px;

  height: 462px;

  border-radius: 10px;

}



.ys_bg .ys ul li .ys_list .txt{

  position: absolute;

  left: 0;

  top: 0;

  width: 267px;

  height: 462px;

  padding: 0 35px;

} 



.ys_bg .ys ul li .ys_list .txt h5{

  text-align: center;

  margin-top: 85px;

  font-size: 22px;

  color: #333;

}



.ys_bg .ys ul li .ys_list .txt i{

  display: block;

  margin: 15px auto 70px auto;

  width: 26px;

  height: 2px;

  background: #0068ad;

  opacity: 0;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ys_bg .ys ul li .ys_list .txt p{

  font-size: 12px;

  color: #666;

  line-height: 22px;

  position: relative;

  opacity: 0;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ys_bg .ys ul li .ys_list .txt p span{

  font-size: 12px;

  color: #666;

  font-weight: bold;

  line-height: 24px;

  text-decoration:underline;

}



.ys_bg .ys ul li .ys_list .txt p em{

  font-size: 12px;

  color: #0075c2;

  font-weight: bold;

  position: relative;

}



.ys_bg .ys ul li .ys_list .txt p em::after{

  position: absolute;

  content: "";

  left: -15px;

  top: 7px;

  background: url(../images/ys_buttom.jpg) no-repeat  left center;

  width: 4px;

  height: 4px;

}



.ys_bg .ys ul li:hover .ys_list .ys_img{

  opacity: 0;



}



.ys_bg .ys ul li:hover .ys_list .txt i{

  opacity: 1;

}



.ys_bg .ys ul li:hover .ys_list .txt p{

  opacity: 1;

}



.ys_bg .ys ul li.on .ys_list .ys_img{

  opacity: 0;



}



.ys_bg .ys ul li.on .ys_list .txt i{

  opacity: 1;

}



.ys_bg .ys ul li.on .ys_list .txt p{

  opacity: 1;

}



.ys_bg .ys ul li:nth-child(2) .ys_list .txt i{

  margin: 15px auto 10px auto;

}



.ys_bg .ys ul li:last-child .ys_list .txt i{

  margin: 15px auto 20px auto;

}







/*hz*/



.hz_bg{

  width: 100%;

  height: 554px;

  margin: 0 auto;

  background: url(../images/hz_bg.jpg) no-repeat  center;

}



.hz_bg .hz{

  width: 1300px;

  margin: 0 auto;

  padding-top: 75px;

}



.hz_bg .hz .title p{

  background: url(../images/ry_t.png) no-repeat  center;

}



.hz_bg .hz .hz_box{

  width: 1300px;

  margin: 60px auto 0 auto;

}



.hz_bg .hz .hz_box ul li{

  float: left;

  width: 237px;

  height: 108px;

  background: #eeeeee;

  margin: 0 12px 30px 11px;

  position: relative;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.hz_bg .hz .hz_box ul li:hover{

  background: #0075c2;

  -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .08);

  box-shadow: 0 0 8px 6px rgba(0, 0, 0, .08);

}



.hz_bg .hz .hz_box ul li .pic{

  width: 229px;

  height: 100px;

  margin: 4px;

}



.hz_bg .hz .hz_box ul li .pic img{

  width: 229px;

  height: 100px;

}



.hz_bg .hz .hz_box ul li .txt{

  height: 30px;

  line-height: 30px;

} 



.hz_bg .hz .hz_box ul li .txt a{

  font-size: 14px;

  color: #333333;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  text-align: center;

  display: none;

}





/*news*/



.news{

  width: 1300px;

  margin: 80px auto 0 auto;

}



.news .title p{

  background: url(../images/news_t.png) no-repeat  center;

}



.news .news_list{

  margin: 65px auto 0 auto;

  width: 1300px;

}



.news .news_list ul{

  text-align: center;

}



.news .news_list ul li{

  display: inline-block;

  width: 119px;

  height: 35px;

  line-height: 35px;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  margin: 0 8px;

}



.news .news_list ul li:hover{

  background: #0075c2;

}



.news .news_list ul li.on{

  background: #0075c2;

}



.news .news_list ul li a{

  display: block;

  text-align: center;

  font-size: 18px;

  color: #333;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.news .news_list ul li.on a{

  color: #fff;

}



.news .news_box{

  margin: 55px auto 0 auto;

  height: 470px;

}



.news .news_box .news_l{

  float: left;

  width: 650px;

  height: 469px;

  position: relative;

}



.news .news_box .news_l .bd{

  width: 650px;

  height: 469px;

  overflow: hidden;

}



.news .news_box .news_l ul li{

  float: left;

  width: 608px;

  height: 469px;

  position: relative;

}



.news .news_box .news_l ul li .news_img{

  width: 608px;

  height: 469px;

  position: relative;

}



.news .news_box .news_l ul li .news_img img{

  width: 608px;

  height: 469px;

}



.news .news_box .news_l ul li .txt{

  position: absolute;

  left: 25px;

  bottom: 25px;

  width: 540px;

  height: 45px;

  line-height: 45px;

  background: #0075c2;

} 



.news .news_box .news_l ul li .txt a{

  float: left;

  margin-left: 30px;

  width: 260px;

  font-size: 16px;

  color: #fff;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  background: url(../images/buttom1.png) no-repeat left  center;

  padding-left: 20px;

}



.news .news_box .news_l ul li .txt span{

  float: right;

  margin-right: 110px;

  font-size: 16px;

  color: #fff;

}



.news .news_box .news_l .next{

  cursor: pointer;

  position: absolute;

  right: 43px;

  bottom: 25px;

  background: url(../images/left1.png) no-repeat  center;

  width: 43px;

  height: 45px;

}



.news .news_box .news_l .prev{

  cursor: pointer;

  position: absolute;

  right: 0;

  bottom: 25px;

  background: url(../images/right1.png) no-repeat  center;

  width: 43px;

  height: 45px;

}



.news .news_box .pageState{

  background: #333333;

  width: 43px;

  height: 45px;

  line-height: 45px;

  position: absolute;

  right: 43px;

  bottom: 70px;

  font-size: 16px;

  color: #fff;

  text-align: center;



}



.news .news_box .news_r{

  float: right;

  width: 620px;

}



.news .news_box .news_r .news_top{

  height: 195px;

  border-bottom: 1px solid #ececec;

}



.news .news_box .news_r .news_top a{

  font-size: 20px;

  color: #333333;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.news .news_box .news_r .news_top span{

  display: block;

  padding-left: 27px;

  font-size: 16px;

  color: #d0d0d0;

  background: url(../images/buttom3.png) no-repeat  left center;

  margin-top: 15px;

}



.news .news_box .news_r .news_top p{

  font-size: 14px;

  color: #999;

  line-height: 28px;

  height: 84px;

  overflow: hidden;

  margin-top: 15px;





}



.news .news_box .news_r .news_top a:hover{

  color: #0075c2;

}





.news .news_box .news_r .list{

  margin-top: 23px;

}



.news .news_box .news_r .list ul li{

  height: 41px;

  line-height: 41px;

  border-bottom: 1px dashed #e2e2e2;

}



.news .news_box .news_r .list ul li a{

  float: left;

  width: 435px;

  padding-left: 18px;

  font-size: 14px;

  color: #666;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  background: url(../images/buttom2.png) no-repeat left  center;

}



.news .news_box .news_r .list ul li span{

  float: right;

  font-size: 14px;

  color: #cccccc;

  margin-right: 20px;

}



.news .news_box .news_r .list ul li:hover a{

  margin-left: 5px;

  color: #0075c2;

}



/*message*/



.message_bg{

  width: 100%;

  height: 485px;

  margin: 95px auto 0 auto;

  background: url(../images/message_bg.jpg) no-repeat  center;

}



.message_bg .message{

  width: 1300px;

  margin: 0 auto;

  padding-top: 80px;

}



.message_bg .message .m_l{

  float: left;

  margin-left: 340px;

  margin-top: 20px;

}



.message_bg .message .m_l h5{

  font-size: 36px;

  color: #333;



}



.message_bg .message .m_l h5 span{

  display: block;

  font-size: 14px;

  color: #333;

  text-transform: uppercase;

}



.message_bg .message .m_l i{

  display: block;

  width: 33px;

  height: 3px;

  background: #0075c2;

  margin-top: 25px;

}



.message_bg .message .m_l p{

  font-size: 14px;

  color: #999;

  margin-top: 40px;

}



.message_bg .message .m_l p em{

  display: block;

  font-size: 12px;

  color: #d8d8d8;

  text-transform: uppercase;

  margin-top: 10px;

}







.message_bg .message .m_r{

  float: right;

  width: 636px;

} 



.message_bg .message .m_r .m_nr{

  height: 52px;

  margin-bottom: 20px;

}



.message_bg .message .m_r .m_nr .form-group1{

  width: 230px;

  height: 52px;

  background: #fff;

  float: left;

}



.message_bg .message .m_r .m_nr .form-group1 input{

  width: 230px;

  height: 52px;

  font-size: 14px;

  color: #c1c1c1;

  text-indent: 53px;

  background: url(../images/m1.png) no-repeat  12px center;

}





.message_bg .message .m_r .m_nr .form-group2{

  width: 366px;

  height: 52px;

  background: #fff;

  float: right;

}



.message_bg .message .m_r .m_nr .form-group2 input{

  width: 366px;

  height: 52px;

  font-size: 14px;

  color: #c1c1c1;

  text-indent: 53px;

  background: url(../images/m2.png) no-repeat  12px center;

}



.message_bg .message .m_r .form-group3{

  width: 636px;

  height: 196px;

  background: #fff;

  margin-bottom: 20px;

}



.message_bg .message .m_r  .form-group3 textarea{

  width: 583px;

  height: 186px;

  font-size: 14px;

  color: #c1c1c1;

  background: url(../images/m3.png) no-repeat  12px 12px;

  padding: 10px 0 0 53px;

}



.message_bg .message .m_r .form-group4{

  width: 240px;

  height: 52px;

  float: left;

}



.message_bg .message .m_r .form-group4 input{

  width: 109px;

  height: 53px;

  font-size: 14px;

  color: #c1c1c1;

  text-indent: 13px;

}



.message_bg .message .m_r .form-group4 .imgcode{

  float: left;

  width: 109px;

  height: 53px;

  margin-right: 20px;

}



.message_bg .message .m_r .anniu{

  float: left;

  margin-left: 20px;

  width: 187px;

  height: 53px;

}



.message_bg .message .m_r .anniu button{

  cursor: pointer;

  border: none;

  width: 187px;

  height: 53px;

  background: #0075c2;

  font-size: 18px;

  color: #fefefe;

}











/*links*/



.links_bg{

  width: 100%;

  height: 142px;

  margin: 0 auto;

  background: #ffe033;

}



.links_bg .links{

  width: 1300px;

  margin: 0 auto;

  height: 100px;

  padding-top: 42px;

}



.links_bg .links .links_t{

  width: 115px;

  padding-left: 30px;

  background: url(../images/links.png) no-repeat top left;

  float: left;

}



.links_bg .links .links_t h3{

  font-size: 24px;

  color: #333;

  text-transform: uppercase;

  margin-top: 13px;



}



.links_bg .links .links_t span{

  display: block;

  font-size: 14px;

  color: #333;

}



.links_bg .links .yq{

  float: right;

  width: 1120px;

  margin-top: 20px;

} 



.links_bg .links .yq a{

  font-size: 14px;

  color: #333;

  margin-right: 15px;

}