
/*-----------------------------------------------------------*/
/*copyright by 动力无限  www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/


/* banner 开始 */
.fullSlide {
 width: 100%;
 position: relative;
 height: 910px;
 overflow: hidden;
}

.fullSlide .bd {
 height: 910px;
 margin: 0 auto;
 position: relative;
 z-index: 1;
 overflow: hidden;
}

.fullSlide .bd ul {
 width: 100% !important;
}

.fullSlide .bd li {
 width: 100% !important;
 height: 910px;
 overflow: hidden;
 text-align: center;
}

.fullSlide .bd li a {
 display: block;
 height: 910px;
}

.fullSlide .hd {
 width: 26px;
 position: absolute;
 z-index: 2;
 top: 193px;
 left: 50%;
 height: 330px;
 margin-left: 831px;
 text-align: center;
 background:url(../images/banner_ddline.png) no-repeat center top;
}


.fullSlide .hd ul {
 text-align: center;
 padding-top: 182px;
}

.fullSlide .hd ul li {
 cursor: pointer;
 zoom: 1;
 width: 26px;
 height: 26px;
 margin: 7px 0;
 overflow: hidden;
 line-height: 99px;
 border-radius: 50%;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 background:url(../images/banner_dd.png) no-repeat center #fff;
}


.fullSlide .hd ul .on {
 background:url(../images/banner_ddon.png) no-repeat center #fff;
 -webkit-transition: all .3s linear;
 transition: all .3s linear;
}



.fullSlide .prev, .fullSlide .next {
 width: 66px;
 height: 30px;
 position: absolute;
top: 511px;
 z-index: 4;
 -webkit-transition: all .3s linear;
 transition: all .3s linear;
 cursor: pointer;
 color: #fff;
}


.fullSlide .prev i, .fullSlide .next i{
 display: block;
 font-size: 12px;
 text-transform:uppercase;
 font-family: Arial;
}


.fullSlide .prev {
 left: 50%;
 margin-left: 762px;
 background: url(../images/banner_l.png) no-repeat 0;
}


.fullSlide .prev:hover {
 margin-left: 752px;
}


.fullSlide .next {
 left: 50%;
 margin-left: 872px;
 background: url(../images/banner_r.png) no-repeat center;
}


.fullSlide .next:hover {
 margin-left: 882px;
}



.top_telaa{
 width: 265px;
 height: 82px;
 line-height: 82px;
 padding-left: 76px;
 background:url(../images/t_tel2.png) no-repeat 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 font-size: 28px;
 color: #fff;
 font-weight: bold;
 position: absolute;
 left: 50%;
 top: 657px;
 z-index: 10;
 margin-left: 581px;
 font-family: Arial;
}

.top_zhuz{
 width: 361px;
 height: 139px;
 padding-right: 11px;
 background:url(../images/t_zhu.png) no-repeat 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 color: #fff;
 position: absolute;
 left: 50%;
 bottom: 9px;
 z-index: 10;
 margin-left: 484px;
 line-height: 1;
 text-align: right;
}

.top_zhuz h4{
 font-size: 20px;
 font-weight: bold;
 padding-top: 35px;
}

.top_zhuz h5{
 font-size: 28px;
 font-weight: bold;
 padding-top: 18px;
}

/* banner 结束 */


/* animated home */

.animated {
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both
}

.animated.infinite {
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite
}

.animated.hinge {
 -webkit-animation-duration: 2s;
 animation-duration: 2s
}

@-webkit-keyframes fadeInUp {
 0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
 }
 100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none
 }
}

@keyframes fadeInUp {
 0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
 }
 100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none
 }
}

.fadeInUp {
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp
}

.animated_1 {
 animation-delay: 0.3s;
}

.animated_2 {
 animation-delay: 0.6s;
}

.animated_3 {
 animation-delay: 0.9s;
}

.animated_4 {
 animation-delay: 1.2s;
}

.animated_5 {
 animation-delay: 1.5s;
}

.animated_6 {
 animation-delay: 1.8s;
}

.animated_7 {
 animation-delay: 2.1s;
}

.animated_8 {
 animation-delay: 2.4s;
}

.animated_9 {
 animation-delay: 2.7s;
}

.animated_10 {
 animation-delay: 3s;
}

.animated_11 {
 animation-delay: 3.3s;
}

.animated_12 {
 animation-delay: 3.6s;
}

/* animated end */



.search_box_bg {
 width: 1280px;
 height: 50px;
 margin: 0 auto;
 margin-top: 28px;
 position: relative;
}


.search_box {
 width: 905px;
 height: 50px;
 overflow: hidden;
 position: relative;
 border-radius: 25px;
background: #f3f3f3;
 float: right;
}


.swap_value {
 float: left;
 width: 220px;
 font-size: 14px;
 color: #333333;
 height: 50px;
 line-height: 50px;
 background: none;
 padding-left: 36px;
}


.swap_go {
 float: right;
 margin: 0;
 border: 0;
 width: 48px;
 height: 50px;
 background: url(../images/fdj.png) no-repeat 0;
 cursor: pointer;
 position: absolute;
 top: 0px;
 right: 0px;
}


.search_box input::-webkit-input-placeholder {
 color: #666666;
}

.search_box input::-moz-placeholder {
 color: #666666;
}

.search_box input:-moz-placeholder {
 color: #666666;
}

.search_box input:-ms-input-placeholder {
 color: #666666;
}




/*简介*/


.in2_about {
 width: 100%;
 overflow: hidden;
 margin-top: 55px;
}


.in2_about_1 {
 width: 1280px;
 height: 570px;
 margin: 0 auto;
 position: relative;
}



.about_ll{
 float: left;
 width: 476px;
 height: 516px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 overflow: hidden;
 border-radius: 15px;
}

.about_ll img{
 display: block;
 width: 476px;
 height: 516px;
}

.about_ll:hover{
 transform: translateY(-3px);
}



.in2_about_2_t {
 height: 40px;
 color: #d1d1d1;
 font-size: 36px;
 text-transform: uppercase;
}


.in2_about_3x {
 width: 606px;
 float: right;
}


.in2_about_3_t2 {
 line-height: 1;
 font-size: 38px;
 color: #333333;
 padding-top: 93px;
 background:url(../images/ABOUTUS.png) no-repeat 0 0;
}



.in2_about_6 {
 padding-top: 35px;
}


.in2_about_3 {
 line-height: 30px;
 height: 120px;
 overflow: hidden;
 padding: 38px 0 0 0;
 color: #666666;
}



.in2_about_5 {
 height: auto;
}


.in2_about_more {
 width: 94px;
 height: 30px;
 position: absolute;
 right: 0;
 top: 480px;
}


.in2_about_more span{
 display: block;
 width: 94px;
 height: 30px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}

.in2_about_more span a{
 display: block;
 font-size: 0px;
 line-height: 30px;
 background:url(../images/ab_more.png) no-repeat 0;
}


.in2_about_more span a:hover{
 background:url(../images/ab_more.png) no-repeat 5px;
}


/*---*/


.about_rong {
 position: absolute;
 left: 374px;
 top: 314px;
 width: 224px;
 height: 205px;
 background: #005395;
 padding: 10px 10px 0 10px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 border-radius: 15px;
 overflow: hidden;
}

.about_rongbox{

}


.about_rong_img {
 width: 224px;
 overflow: hidden;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.about_rong_pic{
 width: 100%;
 height: 160px;
 background: #fff;
 border-radius: 10px;
}

.about_rong_pic img{
 width: 100%;
 height: 100%;
 object-fit: scale-down;
}


.about_rong_img h6{
 height: 44px;
 line-height: 44px;
 font-size: 14px;
}

.about_rong_img h6 a{
 color: #fff;
 display: block;
 padding-left: 5px;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
 background:url(../images/ry_dd.png) no-repeat 186px;
}


.about_rong_img:hover h6 a{
 padding-left: 10px;
}


/*---*/


/*数字*/


.about_shubox{
 width: 100%;
 margin-top: 52px;
}


.about_shu {
 height: 78px;
 display: none;
}

.about_shualine{
 width: 156px;
 height: 78px;
 background:url(../images/ab_sdd.png) no-repeat center;
 float: left;
}


.about_shua {
 width: 86px;
 height: 80px;
 float: left;
}


.about_shua h4 {
 height: 32px;
 line-height: 32px;
 font-size: 30px;
 color: #3f3c40;
 font-family: Arial;
 font-weight: bold;
 text-align: center;
}

.about_shua h4 b {

}


.about_shua h5 {
 height: 20px;
 line-height: 1;
 color: #333333;
 font-size: 14px;
 padding-top: 15px;
 text-transform:uppercase;
 text-align: center;
}


.about_shua h6{
 height: 2px;
background: #a5a2a5;
 margin-top: 10px;
}


.about_shua:hover h4{
 color: #005395;
}


/*数字end*/



.a_tite_box{
 width: 1280px;
 height: 138px;
 margin: 0 auto;
 position: relative;
 background:url(../images/cp_tbg.png) no-repeat top;
}


.a_tite {

}


.a_tite h3 {
 line-height:1;
 font-size: 38px;
 float: left;
 width: 526px;
 padding-top: 85px;
}


.a_tite h4 {
 display: block;
 line-height: 49px;
 font-size: 16px;
 margin-top: 48px;
 float: left;
 letter-spacing:3px;
}

.a_tite h5 {
 display: block;
 line-height: 49px;
 font-size: 14px;
 margin-top: 48px;
 float: right;
 color: #999999;
 text-transform:uppercase;
}

.a_tite h5 a{
 display: block;
 color: #999999;
}

.a_tite h5 a:hover{
 color: #005395;
}



.a_tite_more {
 width: 40px;
 height: 40px;
 float: right;
 z-index: 5;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 position: absolute;
 right: 0;
 top: 0px;
}


.a_tite_more a{
 display: block;
 line-height: 40px;
 font-size: 0px;
 color: #666666;
 text-transform:uppercase;
 text-align: right;
 border-radius: 50%;
}

.a_tite_more a:hover{
 border-radius: 5px;
}


/*--*/


.b_tite_box{
 width: 1284px;
 height: 187px;
 margin: 0 auto;
 position: relative;
 background:url(../images/fw_tibg.png) no-repeat top;
}


.b_tite {

}


.b_tite h3 {
 line-height:1;
 font-size: 38px;
 float: left;
 width: 532px;
 padding-top: 92px;
}


.b_tite h4 {
 display: block;
 line-height: 49px;
 font-size: 16px;
 margin-top: 96px;
 float: left;
 letter-spacing:3px;
}

.b_tite h5 {
 display: block;
 line-height: 49px;
 font-size: 14px;
 margin-top: 96px;
 float: right;
 color: #999999;
 text-transform:uppercase;
}

.b_tite h5 a{
 display: block;
 color: #999999;
}

.b_tite h5 a:hover{
 color: #005395;
}


/*---*/


.c_tite_box{
 width: 1281px;
 height: 138px;
 margin: 0 auto;
 position: relative;
 background:url(../images/Case_tit.png) no-repeat top;
}


.c_tite {

}


.c_tite h3 {
 line-height:1;
 font-size: 38px;
 float: left;
 width: 318px;
 padding-top: 85px;
}


.c_tite h4 {
 display: block;
 line-height: 49px;
 font-size: 16px;
 margin-top: 48px;
 float: left;
 letter-spacing:3px;
}

.c_tite h5 {
 display: block;
 line-height: 49px;
 font-size: 14px;
 margin-top: 48px;
 float: right;
 color: #999999;
 text-transform:uppercase;
}

.c_tite h5 a{
 display: block;
 color: #999999;
}

.c_tite h5 a:hover{
 color: #005395;
}

/*---*/


.d_tite_box{
 width: 1280px;
 height: 181px;
 margin: 0 auto;
 position: relative;
 background:url(../images/fcc_tit.png) no-repeat top;
}


.d_tite {

}


.d_tite h3 {
 line-height:1;
 font-size: 38px;
 float: left;
 width: 840px;
 padding-top: 92px;
}


.d_tite h4 {
 display: block;
 line-height: 49px;
 font-size: 16px;
 margin-top: 92px;
 float: left;
 letter-spacing:3px;
}

.d_tite h5 {
 display: block;
 line-height: 49px;
 font-size: 14px;
 margin-top: 92px;
 float: right;
 color: #999999;
 text-transform:uppercase;
}

.d_tite h5 a{
 display: block;
 color: #999999;
}

.d_tite h5 a:hover{
 color: #005395;
}


/*---*/


.e_tite_box{
 width: 1281px;
 height: 138px;
 margin: 0 auto;
 position: relative;
 background:url(../images/news_tit.png) no-repeat top;
}


.e_tite {

}


.e_tite h3 {
 line-height:1;
 font-size: 38px;
 float: left;
 width: 498px;
 padding-top: 95px;
}


.e_tite h4 {
 display: block;
 line-height: 49px;
 font-size: 16px;
 margin-top: 48px;
 float: left;
 letter-spacing:3px;
}

.e_tite h5 {
 display: block;
 line-height: 49px;
 font-size: 14px;
 margin-top: 48px;
 float: right;
 color: #999999;
 text-transform:uppercase;
}

.e_tite h5 a{
 display: block;
 color: #999999;
}

.e_tite h5 a:hover{
 color: #005395;
}

/*---*/



/*--*/


.f_tite_box{
 width: 1280px;
 height: 154px;
 margin: 0 auto;
 position: relative;
 background:url(../images/links.png) no-repeat top;
 overflow: hidden;
}


.f_tite {

}


.f_tite h3 {
 line-height:1;
 font-size: 38px;
 float: left;
 width: 310px;
 padding-top: 92px;
}


.f_tite h4 {
 display: block;
 line-height: 49px;
 font-size: 16px;
 margin-top: 96px;
 float: left;
 letter-spacing:3px;
}

.f_tite h5 {
 display: block;
 line-height: 49px;
 font-size: 14px;
 margin-top: 96px;
 float: right;
 color: #999999;
 text-transform:uppercase;
}

.f_tite h5 a{
 display: block;
 color: #999999;
}

.f_tite h5 a:hover{
 color: #005395;
}






/*产品*/

.in_products_xx {
 width: 100%;
 height: 1175px;
 padding-top: 105px;
 background:url(../images/cp_bg.png) no-repeat center top;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}


.in_pfl_bg {
 width: 1340px;
 height: 38px;
margin: 0 auto;
 overflow: hidden;
 margin-top: 30px;
}

.in_pfl {
 height: 38px;
 text-align: right;
}


.in_pfl ul li {
 display: inline-block;
 height: 38px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_pfl ul li a {
 display: block;
 height: 38px;
 line-height: 38px;
 overflow: hidden;
 font-size: 16px;
 color: #333333;
 padding-left: 30px;
 padding-right: 30px;
}


.in_pfl ul li a:hover {
 color: #fff;
 background: #005395;
 border-radius: 19px;
}


.in_products_r {
 width: 1392px;
 height: auto;
 margin: 0 auto;
 padding-top: 28px;
}


.in_products_r .tab_box {

}

.in_products_pro {
 position: relative;
 width: 105%;
}


.in_pro_2 {
 float: left;
 width: 332px;
 margin: 0 21px 29px 0;
 overflow: hidden;
 position: relative;
 -webkit-transition: all .3s linear;
 transition: all .3s linear;
}


.in_pro_2 .in_pro_1pic {
 width: 100%;
 height: 286px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 overflow: hidden;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border: 1px solid #dadada;
 border-radius: 20px;
 padding: 8px;
}


.in_pro_2 .in_pro_1pic img {
 width: 100%;
 height: 100%;
 transition: all 0.5s;
 transform: scale(1);
 border-radius: 20px;
}


.in_pro_txt {
 width: 100%;
 height: 65px;
 -webkit-transition: all .3s linear;
 transition: all .3s linear;
 position: relative;
 background:url(../images/cp_jt.png) no-repeat bottom;
}


.in_pro_txt h6{
 height: 54px;
 line-height: 54px;
 font-size: 14px;
}


.in_pro_txt h6 a {
 color: #333333;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 padding: 0 40px 0 6px;
}


.in_pro_2:hover .in_pro_txt a {
 color: #005395;
 padding-left: 11px;
}


.in_pro_2:hover .in_pro_1pic {
border: 1px solid #005395;
}


/*产品end*/



/*优势*/


.advantage {
 width: 100%;
 height: 872px;
 background:url(../images/ys_bg.png) no-repeat center bottom;
 margin-top: 82px;
 overflow: hidden;
}


.advantage_p {
 width: 1280px;
 margin: 0 auto;
 position: relative;
}


.advantage_t{
 width: 1600px;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 1;
 line-height: 1;
 background:url(../images/ys_t1.png) no-repeat 0 0;
}

.advantage_t h3{
 font-size: 38px;
 padding-top: 99px;
}

.advantage_t1{
line-height: 20px;
 position: absolute;
 left: 0px;
 top: 240px;
 z-index: 1;
 color: #fff;
 font-size: 16px;
 letter-spacing:10px;
}

.advantage_p .advantage_cent{
 width: 1280px;
 height: 675px;
 overflow: hidden;
 display: block;
 position: relative;
}


.advantage_p .tab_box_2 {

}

.advantage_p .ys_aaa{
 width: 604px;
 height: 373px;
 position: absolute;
 left: 0;
 top: 296px;
}


.advantage_p .ys_bbb{
 width: 726px;
 height: 476px;
 float: right;
 background: #f2f2f2;
 border-radius: 20px;
 margin-top: 120px;
}



.youshi_pro_1_l {
 width: 604px;
 height: 373px;
 overflow: hidden;
 border-radius: 10px;
}

.youshi_pro_1_l img {
 width: 604px;
 height: 373px;
 transition: all 0.5s;
 transform: scale(1);
}



.youshi_pro_2a {
 padding-top: 82px;
 padding-left: 117px;
}


.youshi_pro_2a h5 {
 line-height: 1;
 font-size: 24px;
 font-weight: bold;
 padding-top: 38px;
}


.youshi_pro_2a h6{
 color: #d8d8d8;
 font-size: 60px;
 line-height: 1;
 text-transform:uppercase;
 font-weight: bold;
}

.youshi_pro_2a h4{
 width: 32px;
 height: 3px;
 background: #005395;
 margin-top: 39px;
}


.youshi_pro_2_1 {
 line-height: 24px;
 padding: 24px 285px 0 0;
 color: #666666;
 font-size: 16px;
}



.advantage_p .hd {
 width: 186px;
 height: 252px;
 position: absolute;
 right: -55px;
 top: 327px;
}


.advantage_p .hd ul{

}


.advantage_p .hd ul li {
 cursor: pointer;
 height: 20px;
 line-height: 20px;
 color: #fff;
 position: relative;
 margin-bottom: 36px;
}


.advantage_p .hd ul li span {
 display: block;
 width: 34px;
 font-size: 20px;
 color: #666666;
 float: left;
 font-family: Arial;
}


.advantage_p .hd ul li h4 {
 display: block;
 width: 0px;
 height: 3px;
 background: #01345c;
 float: left;
 margin-top: 9px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.advantage_p .hd ul li.on span{
 color: #01345c;
}

.advantage_p .hd ul li.on h4{
 width: 150px;
}


/*---*/



.ys_tel {
 color: #333333;
 height: 48px;
 background: url(../images/ys_tel.png) no-repeat 0;
 padding-left: 57px;
 position: absolute;
 left: 670px;
 top: 500px;
}


.ys_tel span {
 display: block;
 line-height: 20px;
 font-size: 14px;
 padding-top: 1px;
}

.ys_tel i {
 display: block;
 line-height: 24px;
 font-size: 22px;
 color: #333333;
 padding-top: 4px;
 font-family: Arial;
 font-weight: bold;
}


/*优势end*/

.ys_banner{
 height: 86px;
 line-height: 86px;
 background:url(../images/ys_q1.png) no-repeat 0;
 margin-top: 52px;
 color: #fff;
}

.ys_banner h4{
 float: left;
 font-size: 34px;
 color: #fff;
 font-weight: bold;
 padding-left: 54px;
 letter-spacing:6px;
}

.ys_banner h5{
 float: left;
 font-size: 20px;
 color: #fff;
 padding-left: 50px;
 letter-spacing:5px;
}



.ys_banner h6 {
 float: right;
 width: 162px;
 height: 42px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 margin-top: 17px;
 margin-right: 40px;
}

.ys_banner h6 a {
 color: #fff;
 display: block;
 line-height: 40px;
 text-align: center;
border: 1px solid #fff;
 border-radius: 21px;
 font-size: 16px;
}

.ys_banner h6 a:hover {
background: #fff;
 color: #005395;
}


.Service{
 width: 1280px;
 margin: 0 auto;
 margin-top: 67px;
}

.Service_cent{

}

.Service_ll{
 float: left;
 width: 662px;
 height: 350px;
 background: #005395;
border-radius: 175px 0 0 175px;
 margin-top: 55px;
}

.Service_lla{
 font-size: 18px;
 color: #fff;
 line-height: 61px;
 padding: 74px 0 0 116px;
}


.Service_rr{
 float: right;
 margin-top: 48px;
}

.Service_rr1{
 float: left;
 width: 170px;
 height: 356px;
 background:url(../images/fw_dd.png) no-repeat 90px top;
 padding: 52px 0 0 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 margin-left: 29px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}

.Service_rr1:hover{
 transform: translateY(-5px);
}


.Service_rr1 b{
 display: block;
 float: left;
 font-size: 24px;
 line-height: 1;
}

.Service_rr1 h4{
 display: block;
 float: left;
 font-size: 16px;
 line-height: 26px;
 color: #666666;
 width: 52px;
 writing-mode:horizontal-tb;
writing-mode:vertical-rl;
 margin-left: 18px;
}

.Service_rr1 h5{
 width: 10px;
 height: 100%;
 position: absolute;
 right: 0;
 top: 0;
 background:url(../images/fw_line.png) no-repeat right bottom;
}

.Service_rr1:hover b{
color: #005395;
}



/*案例*/


.case{
 padding-top: 127px;
 height: 878px;
 background:url(../images/al_bg.jpg) no-repeat center top;
 margin-top: 68px;
}



.casesbox {
 width: 1294px;
 margin: 0 auto;
 margin-top: 60px;
 position: relative;
 padding-bottom: 92px;
}


.cases_box1 {
 width: 1294px;
 margin: 0 auto;
}


/*--*/


/*----*/


.in_case_li {
 float: left;
 width: 301px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 position: relative;
 margin: 0 7px 20px 7px;
 border: 4px solid #fff;
 border-radius: 16px;
 background: #f4f4f4;
}


.in_case_txt {
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 height: 66px;
 position: relative;
}


.in_case_txt h6 {
 height: 66px;
 line-height: 66px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_case_txt h6 a {
 color: #333333;
 font-size: 16px;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 padding: 0 55px 0 22px;
 background:url(../images/al_d1.png) no-repeat 253px;
}


.case_imgscale_x {
 width: 100%;
 height: 274px;
 border-radius: 13px 13px 0 0;
 overflow: hidden;
}


.case_imgscale {
 width: 100%;
 height: 100%;
 overflow: hidden;
 position: relative;
}


.case_imgscale img {
 width: 100%;
 height: 100%;
}

.in_case_li:hover {
background: #005395;
}

.in_case_li:hover .in_case_txt h6 a{
 background:url(../images/al_d2.png) no-repeat 253px;
 color: #fff;
 padding-left: 28px;
}



.case_l {
 background: url(../images/al_l.png) no-repeat center;
 display: block;
 width: 126px;
 height: 40px;
 cursor: pointer;
 position: absolute;
 left: 510px;
 bottom: 0px;
 z-index: 10;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 border: 2px solid #005395;
 border-radius: 21px;
}


.case_l:hover{
 border-radius: 5px;
}


.case_r {
 background: url(../images/al_r.png) no-repeat center;
 display: block;
 width: 126px;
 height: 40px;
 cursor: pointer;
 position: absolute;
 right: 510px;
 bottom: 0px;
 z-index: 10;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 border: 2px solid #005395;
 border-radius: 21px;
}


.case_r:hover{
 border-radius: 5px;
}


/*案例end*/



/*企业相册*/

.fcc_bg {
 width: 100%;
 margin: 0 auto;
 position: relative;
 background:url(../images/fcc_bg.jpg) no-repeat center bottom;
 height: 900px;
 overflow: hidden;
}


#fcc_tab {
 width: 432px;
 height: 56px;
 margin: 0 auto;
 margin-top: 140px;
}



#fcc_tab ul{

}


#fcc_tab ul li {
 float: left;
 width: 200px;
 height: 56px;
 line-height: 56px;
 font-size: 24px;
 cursor: pointer;
 color: #333333;
 position: relative;
 background:url(../images/fcc_tb1.png) no-repeat center;
 margin: 0 8px;
}


#fcc_tab ul li i{
 display: block;
 padding-left: 39px;
 background:url(../images/fcc_td1.png) no-repeat 152px;
}


#fcc_tab ul li.on{
 color: #005395;
}






.in_fccbox {
 height: 350px;
 overflow: hidden;
 padding-top: 73px;
}


.in_fccbox .hide{
 display: none;
}


.in_fcc_cont {
 width: 1300px;
 margin: 0 auto;
}


.in_fcc {
 width: 105%;
 margin: 0 auto;
}


.in_fcc_li {
 float: left;
 width: 300px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 position: relative;
 margin: 0 33px 10px 0;
}


.fcc_imgscale_x {
 width: 100%;
 height: 260px;
 position: relative;
 overflow: hidden;
 margin: 0 auto;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 padding: 7px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
border: 1px solid #fff;
 border-radius: 20px;
}


.fcc_imgscale {
 width: 100%;
 height: 100%;
 overflow: hidden;
 box-sizing: border-box;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 border-radius: 20px;
}



.fcc_imgscale img {
 width: 100%;
 height: 100%;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_fcc_txt {
 width: 100%;
 height: 61px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 background:url(../images/fcc_d1.png) no-repeat bottom;
}


.in_fcc_li .in_fcc_txt a {
 color: #fff;
 line-height: 52px;
 font-size: 14px;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 padding: 0 52px 0 5px;
}


.in_fcc_li:hover .in_fcc_txt a{
 padding-left: 10px;
}


/*企业相册end*/





/*新闻*/


.in_news_ss {
 width: 100%;
 margin: 0 auto;
 padding-top: 47px;
}

.in_news_pro {
 width: 1280px;
 margin: 0 auto;
 position: relative;
}




#tab_news {
 float: left;
 width: 610px;
 margin-top: 54px;
}



#tab_news .news_menu {
 height: 49px;
 text-align: center;
}

#tab_news .news_menu li {
 float: left;
 width: 183px;
 height: 49px;
 line-height: 49px;
 color: #333333;
 font-size: 18px;
 cursor: pointer;
 margin: 0px 17px 0 0;
 background:#dcdcdc;
 text-align: center;
 border-radius: 25px;
}


#tab_news .news_menu li a{
 color: #333333;
}


#tab_news .news_menu .on {
 color: #fff;
 cursor: pointer;
 background:#005395;
}


#tab_news .news_menu .on a{
 color: #fff;
}


#tab_news .news_menu span {
 display: block;
}


#tab_news .news_menu i{
 display: block;
 width: 40px;
 height: 40px;
 float: left;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_news_ss .tab_box_news {
 width: 100%;
 clear: both;
}

.in_news_ss .tab_box_news .hide {
 display: none;
}

.in_news_1 {
 overflow: hidden;
}

.in_news_2 {
 width: 100%;
 overflow: hidden;
 position: relative;
}


/*---*/

/*---*/


.in_newss_4 {
 float: left;
 width: 700px;
 position: relative;
 overflow: hidden;
 margin-top: 80px;
}


.in_newss_4_1 {
 width: 100%;
 height: 312px;
 overflow: hidden;
}


.in_newss_4_1 img {
 width: 100%;
 min-height: 312px;
 transition: all 0.5s;
 transform: scale(1);
}


.in_newss_4_2 {

}


.in_newss_4_2 h6 {
 font-size: 16px;
 color: #444444;
 height: 30px;
 line-height: 30px;
 overflow: hidden;
 padding-top: 40px;
 width: 425px;
}

.in_newss_4_2 h6 a{
 display: block;
 color: #444444;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}


.in_newss_4_2 h4{
 font-size: 14px;
 display: block;
 color: #cccccc;
 height: 20px;
 line-height: 20px;
 margin-top: 5px;
 position: relative;
}


.in_newss_4_2 span{
 height: 30px;
 display: block;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 margin-top: 30px;
}

.in_newss_4_2 span a{
 font-size: 14px;
 line-height: 30px;
 display: block;
 color: #666666;
}

.in_newss_4_2 span a:hover{
 color: #005395;
}


.in_newss_4_2 h6 a:hover{
 padding-left: 5px;
}

.in_newss_4_2 h5 {
 width: 425px;
 color: #999999;
 line-height: 26px;
 height: 78px;
 font-size: 14px;
 margin-top: 24px;
 overflow: hidden;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 padding-right: 260px;
 background:url(../images/news_s1.png) no-repeat right top;
}


.in_newss_4:hover .in_newss_4_2 h6 a{
 color: #005395;
 padding-left: 5px;
}


/*--*/


.gs_news_2 {
 width: 520px;
 float: right;
 position: relative;
 margin-top: 80px;
}

.gs_news_2box{
 height: 536px;
 padding: 10px 0;
}


.in_newss_7 {
 height: 92px;
 position: relative;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 z-index: 4;
 padding-top: 42px;
}


.in_news_5_1 {
 float: left;
 width: 30px;
 height: 30px;
 line-height: 24px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 font-family: Arial;
 padding-left: 50px;
}


.in_news_5_1 h5 {
 line-height: 24px;
 font-size: 16px;
 color: #666666;
}


.in_newss_7_2 {
 width: 420px;
 float: right;
}


.in_newss_7_2 h6 {
 line-height: 24px;
 overflow: hidden;
 font-size: 18px;
}

.in_newss_7_2 h6 a {
 color: #333333;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.in_newss_7_2 h4 {
 color: #999999;
 font-size: 14px;
 line-height: 24px;
 height: 24px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 padding-top: 6px;
}

.in_newss_7:hover .in_newss_7_2 h6 a{
 color: #005395;
}

.in_newss_7:hover .in_newss_7_2 h6 a:hover{
 padding-left: 5px;
}

.in_newss_7:after{
 content: '';
 position: absolute;
 left: 0;
 top: 55px;
 z-index: 1;
 width: 0;
 height: 1px;
 background: #333;
 opacity: 0;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_newss_7:hover:after{
 width: 23px;
 opacity: 1;
}






.news_top {
 background: url(../images/news_top.png) no-repeat top;
 display: block;
 width: 30px;
 height: 30px;
 cursor: pointer;
 position: absolute;
 left: 205px;
 top: 0px;
 z-index: 10;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.news_bott {
 background: url(../images/news_bott.png) no-repeat bottom;
 display: block;
 width: 30px;
 height: 30px;
 cursor: pointer;
 position: absolute;
 left: 205px;
 bottom: 0px;
 z-index: 10;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


/*---*/

.news_tow{
 width: 1280px;
 height: 434px;
 margin: 0 auto;
 border: 2px solid #ededed;
 margin-top: 35px;
 border-right: 1px solid #ededed;
 position: relative;
}


.news_towbox{
 width: 1280px;
 height: 434px;
}


.in_news_box{
 padding-top: 55px;
}


.in_newss_thr {
 width: 255px;
 height: 434px;
 position: relative;
 float: left;
 border-right: 1px solid #ededed;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_newss_thr_data{
 color: #999999;
 padding-top: 38px;
 line-height: 1;
}

.in_newss_thr_data span{
 font-size: 18px;
 display: block;
 color: #999999;
 text-align: right;
}

.in_newss_thr_data i{
 font-size: 15px;
 display: block;
 color: #666666;
 padding-top: 85px;
}


.in_newss_thr_2 {
 padding: 0 30px;
}


.in_newss_thr_2 h6 {
 height: 60px;
 line-height: 30px;
 overflow: hidden;
 font-size: 16px;
 margin-top: 16px;
}

.in_newss_thr_2 h6 a {
 display: block;
 color: #444444;
 font-weight: bold;
}

.in_newss_thr_2 h6 a:hover{
 text-decoration: underline;
}


.in_newss_thr_2 h5{
 line-height: 26px;
 height: 78px;
 color: #868585;
 margin-top: 40px;
 font-size: 14px;
 overflow:hidden;
}

.in_newss_thr:hover{
 background: #f9f9f9;
}

.in_newss_thr:hover .in_newss_thr_data i {
 color: #005395;
}


.in_newss_thr:hover .in_newss_thr_2 h6 a{
 color: #005395;
}

/*---*/


.news_left {
 background: url(../images/news_l.png) no-repeat center;
 display: block;
 width: 30px;
 height: 30px;
 cursor: pointer;
 position: absolute;
 left: -35px;
 top: 204px;
 z-index: 10;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.news_right {
 background: url(../images/news_r.png) no-repeat center;
 display: block;
 width: 30px;
 height: 30px;
 cursor: pointer;
 position: absolute;
 right:-35px;
 top: 204px;
 z-index: 10;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


/*---*/


.yqlj{
 width: 100%;
 margin-top: 38px;
 padding-bottom: 11px;
}


.in_yqlj_2 {
 float: right;
 width: 930px;
 line-height: 24px;
 overflow: hidden;
 color: #666666;
}


.in_yqlj_2 a {
 display: inline-block;
 padding: 0 0 0 30px;
 color: #666666;
 line-height: 30px;
}

.in_yqlj_2 a:hover {
 text-decoration: underline;
 color: #005395;
}

















