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

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

/*邮箱 btoe@btoe.cn*/

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

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

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



.swiperProDucts .swiper-slide{

    height: 0rem;

}

/* banner 开始 */

.fullSlide {

 width: 100%;

 position: relative;

 height: 640px;

 overflow: hidden;

}



.fullSlide .bd {

 height: 640px;

 margin: 0 auto;

 position: relative;

 z-index: 1;

 overflow: hidden;

}



.fullSlide .bd ul {

 width: 100% !important;

}



.fullSlide .bd li {

 width: 100% !important;

 height: 640px;

 overflow: hidden;

 text-align: center;

}



.fullSlide .bd li a {

 display: block;

 height: 640px;

}



.fullSlide .hd {

 width: 100%;

 position: absolute;

 z-index: 2;

 bottom: 0;

 left: 0;

 height: 35px;

 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: 0 10px;

border: 1px solid #fff;

 overflow: hidden;

 line-height: 99px;

 border-radius: 50%;

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

 transition: all .3s ease-out;

}



.fullSlide .hd ul .on {

 background: #fff;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

}



.fullSlide .prev, .fullSlide .next {

 width: 40px;

 height: 60px;

 position: absolute;

 top: 50%;

 margin-top: -30px;

 z-index: 2;

 background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

 filter: alpha(opacity=30);

 -moz-opacity: .3;

 opacity: .3;

 -webkit-transition: all .5s linear;

 transition: all .5s linear;

 cursor: pointer;

}



.fullSlide .prev {

 background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

 left: 10%;

}



.fullSlide .next {

 background-position: -6px -137px;

 right: 10%;

}



/* 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 */







/*d_tite*/



.d_tite {

 text-align: center;

}





.d_tite h3 {

 font-size: 26px;

 color: #444444;

 line-height: 1;

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

 padding-bottom: 15px;

}





.d_tite h4 {

 height: 20px;

 line-height: 20px;

 font-size: 16px;

 color: #666666;

 font-family: Arial;

 text-transform:uppercase;

 padding-top: 9px;

}









/*留言*/





.webq_bottom_bg{

 width: 100%;

 height: 322px;

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

 margin-top: 50px;

}





.webq_bottom_r {

 width: 1200px;

 margin: 0 auto;

 padding-top: 48px;

}





.webq_bottom_r3 {

 padding-top: 100px;

}





.webq_bottom_r3_1 {

 float: left;

 width: 260px;

 height: 40px;

 background: #fff;

 position: relative;

 border-radius: 20px;

}



.webq_bottom_r3_1 span{

 display: block;

 line-height: 40px;

 font-size: 16px;

 color: #666666;

 font-weight: bold;

 padding-left: 20px;

 position: absolute;

 left: 0;

 top: 0;

 opacity: 0;

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

 transition: all .3s ease-out;

}



.lqy_jia span{

opacity: 1;

 top: -43px;

}







.webq_bottom_r3_2 {

 float: left;

 width: 243px;

 height: 38px;

 padding: 0 20px 0 20px;

 box-sizing: border-box;

 border: 1px solid #dddddd;

}





.webq_bottom_ml {

 margin-left: 16px;

}







.webq_bottom_r4 {

 width: 96px;

 height: 40px;

 float: right;

 background: #12ceb2;

 border-radius: 20px;

}





.webq_bd_2 {

 width: 100%;

 height: 40px;

 line-height: 40px;

 border: 0;

 background: none;

 color: #333;

 padding: 0 20px;

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

}





.webq_bd_3 {

 width: 98px;

 height: 44px;

 line-height: 44px;

 border: 0;

 background: none;

 color: #333;

 padding-left: 20px;

 display: block;

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

 float: left;

}









.webq_bd_go {

 margin: 0;

 border: 0;

 line-height: 44px;

 background: none;

 cursor: pointer;

 color: #fff;

 font-size: 14px;

 width: 100%;

 height: 42px;

 overflow: hidden;

 outline: none;

}





.webq_bottom_withr {

 margin-left: 15px;

}





.webq_bottom_yzmtu {

 float: right;

 width: 90px;

 height: 40px;

 background: #12ceb2;

 border-radius: 0 20px 20px 0;

 overflow: hidden;

}





.webq_bottom_yzmtu img {

 width: 90px;

 height: 40px;

 display: block;

}





.webq_bottom_r input::-webkit-input-placeholder {

 color: #666666;

}



.webq_bottom_r input::-moz-placeholder {

 color: #666666;

}



.webq_bottom_r input:-moz-placeholder {

 color: #666666;

}



.webq_bottom_r input:-ms-input-placeholder {

 color: #666666;

}



.webq_bottom_r textarea::-webkit-input-placeholder {

 color: #666666;

}



.webq_bottom_r textarea::-moz-placeholder {

 color: #666666;

}



.webq_bottom_r textarea:-moz-placeholder {

 color: #666666;

}



.webq_bottom_r textarea:-ms-input-placeholder {

 color: #666666;

}





/*留言end*/







.a_tite_box{

 width: 1200px;

 margin: 0 auto;

 position: relative;

}





.a_tite {

 width: 450px;

 float: left;

}





.a_tite h3 {

 line-height:1;

 font-size: 26px;

 background:url(../images/in_x1.png) no-repeat 0 bottom;

 padding-bottom: 13px;

}



.a_tite h4{

 display: block;

 line-height: 20px;

 font-size: 14px;

 text-transform:uppercase;

 font-family: Arial;

 color: #808080;

 padding-top: 12px;

}











.a_tite_more {

 width: 103px;

 height: 30px;

 float: right;

 z-index: 5;

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

 transition: all .3s ease-out;

 margin-top: 20px;

}





.a_tite_more a{

 display: block;

 line-height: 30px;

 font-size: 14px;

 color: #666666;

 background:url(../images/more.png) no-repeat right;

}





.a_tite_more a:hover{

 background:url(../images/morea.png) no-repeat right;

 color: #12ceb2;

}







/*产品*/



.in_products_xx {

 width: 100%;

 height: auto;

 padding-top: 68px;

}







.in_products_r {

 width: 1200px;

 height: auto;

 margin: 0 auto;

 padding-top: 56px;

 overflow: hidden;

}





.in_products_r .tab_box {



}



.in_products_pro {

 position: relative;

 width: 105%;

}





.in_pro_2 {

 float: left;

 width: 300px;

 height: 680px;

 overflow: hidden;

 position: relative;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

 background: #f0f0f0;

}





.in_pro_2 .in_pro_1pic {

 width: 100%;

 height: 340px;

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

 transition: all .3s ease-out;

 overflow: hidden;

 position: absolute;

 left: 0;

 top: 0;

}





.in_pro_2 .in_pro_1pic img {

 width: 100%;

 height: 100%;

 transition: all 0.5s;

}





.in_pro_2:nth-child(2n+2) .in_pro_1pic{

 top: 340px;

}







.in_pro_txt {

 height: 340px;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

 position: absolute;

 left: 0;

 top: 340px;

 overflow: hidden;

}



.in_pro_2:nth-child(2n+2) .in_pro_txt{

 top: 0px;

}







.in_pro_txt h6{

 width: 100%;

 height: 30px;

 line-height: 30px;

 font-size: 16px;

 padding-top: 155px;

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

 transition: all .3s ease-out;

}



.in_pro_txt h6 a {

 color: #666666;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 padding: 0 30px 0 30px;

 text-align: center;

}





.in_pro_txt h5{

 width: 36px;

 height: 2px;

 background: #12ceb2;

 position: absolute;

 left: 132px;

 top: 129px;

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

 transition: all .3s ease-out;

}





.in_pro_txt h4{

    padding: 50px 30px 0 30px;



    color: #888888;

   

    line-height: 26px;

   

    opacity: 0;

   

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

   

    transition: all .3s ease-out;

   

    height: 124px;

    overflow: hidden;

    margin-bottom: 30px;

}







.in_pro_txt span {

 display: block;

 width: 100px;

 height: 38px;

 font-size: 14px;

 margin: 0 auto;

 margin-top: 10px !important;

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

 transition: all .3s ease-out;

 opacity: 0;

}





.in_pro_txt span a {

 color: #fff;

 display: block;

 line-height: 43px;

 text-align: center;

 background: #12ceb2;

 border-radius: 2px;

 margin-top: -15px !important;

}



.in_pro_txt span:hover {

 width: 120px;

}





.in_pro_2:hover{

 background: #fff;

}





.in_pro_2:hover .in_pro_txt h5{

 top: 99px;

}





.in_pro_2:hover .in_pro_txt h6 {

 padding-top: 55px;

}





.in_pro_2:hover .in_pro_txt h4 {

opacity: 1;

}



.in_pro_2:hover .in_pro_txt span {

 opacity: 1;

}



.in_pro_k{

 width: 280px;

 height: 660px;

 position: absolute;

 left: 10px;

 top: 10px;

 border: 1px solid #c9c9c9;

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

 pointer-events: none;

 opacity: 0;

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

 transition: all .3s ease-out;

}





.in_pro_2:hover .in_pro_k{

opacity: 1;

}





/*产品end*/





/*优势*/





.advantage {

 width: 100%;

 height: 796px;

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

 margin-top: 50px;

}





.advantage_p {

 width: 1200px;

 height: 796px;

 margin: 0 auto;

 position: relative;

}









.advantage_t2 {

 width: 198px;

 height: 40px;

 float: left;

 background:#12ceb2;

 position: absolute;

 left: 0px;

 top: 107px;

 border-radius: 2px;

}





.advantage_t2 h3 {

 line-height:40px;

 font-size: 30px;

color: #fff;

 text-align: center;

}







/*--*/







.advantage_p .advantage_cent{

 width: 100%;

 height: 530px;

 display: block;

 position: relative;

 padding-top: 58px;

}





.advantage_p .tab_box_2 {



}



.advantage_p .ys_aaa{

 width: 944px;

 height: 530px;

 overflow: hidden;

 position: absolute;

 left: 50%;

 bottom: 0;

 margin-left: 16px;

}





.advantage_p .ys_bbb{

 width: 560px;

 height: 350px;

 float: left;

 overflow: hidden;

 padding-top: 127px;

}





.youshi_pro_1_l {

 width: 944px;

 height: 530px;

 overflow: hidden;

}





.youshi_pro_1_l img {

 width: 944px;

 height: 530px;

 transition: all 0.5s;

 transform: scale(1);

}







.youshi_pro_2a {

 position: relative;

}



.youshi_pro_2shucc{

 height: 7px;

 background:url(../images/ys_line.png) no-repeat 0;

 margin-top: 14px;

}







.youshi_pro_2shu{

 line-height: 28px;

}





.youshi_pro_2shu i{

 font-size: 15px;

 text-transform:uppercase;

}



.youshi_pro_2shu span{

 font-size: 22px;

}





.youshi_pro_2_1 {

 line-height: 34px;

 color: #666666;

 font-size: 15px;

 margin-top: 28px;

}





.youshi_pro_l {

 background: url(../images/ys_l.png) no-repeat 0;

 display: block;

 width: 30px;

 height: 40px;

 cursor: pointer;

 position: absolute;

 left: 0px;

 bottom: 0px;

 z-index: 10;

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

 transition: all .3s ease-out;

}



.youshi_pro_l:hover{

 background: url(../images/ys_la.png) no-repeat 0;

}





.youshi_pro_r {

 background: url(../images/ys_r.png) no-repeat right;

 display: block;

 width: 30px;

 height: 40px;

 cursor: pointer;

 position: absolute;

 right: 0px;

 bottom: 0px;

 z-index: 10;

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

 transition: all .3s ease-out;

}





.youshi_pro_r:hover{

 background: url(../images/ys_ra.png) no-repeat right;

}





.youshi_en2{

 width: 68px;

 height: 40px;

 position: absolute;

 top: 495px;

 left: 0px;

 z-index: 3;

}



/*--*/





.advantage_p .hd {

 width: 1200px;

 height: 208px;

 position: absolute;

 left: 0px;

 bottom: 0px;

 z-index: 5;

 background: #f0f0f0;

}





.advantage_p .hd ul{



}





.advantage_p .hd ul li {

 float: left;

 cursor: pointer;

 width: 300px;

 height: 208px;

 text-align: center;

 position: relative;

 border-left: 1px solid #dbdbdb;

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

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

 transition: all .3s ease-out;

}



.advantage_p .hd ul li:nth-child(1){

 border-left: 0;

}



.advantage_p .hd ul li h5{

 font-size: 24px;

 line-height: 28px;

 padding-top: 25px;

 letter-spacing:9px;

 padding-left: 9px;

}



.advantage_p .hd ul li h4{

 font-size: 14px;

 text-transform:uppercase;

 line-height: 16px;

 padding-top: 12px;

}





.advantage_p .hd ul li h6{

 width: 68px;

 height: 68px;

 border: 1px solid #3d3d3d;

 border-radius: 50%;

 margin: 0 auto;

 margin-top: 29px;

}





.advantage_p .hd ul li i {

 display: block;

 width: 68px;

 height: 68px;

 margin: 0 auto;

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

 transition: all .3s ease-out;

}



.advantage_p .hd ul li.on{

 background: #12ceb2;

 color: #fff;

}



.advantage_p .hd ul li.on h5{



}



.advantage_p .hd ul li.on h6{

 border: 1px solid #fff;

}









.advantage_p .hd ul li i.d1{

 background:url(../images/ys_d1.png) no-repeat 0 0 ;

}



.advantage_p .hd ul li i.d2{

 background:url(../images/ys_d2.png) no-repeat 0 0;

}



.advantage_p .hd ul li i.d3{

 background:url(../images/ys_d3.png) no-repeat 0 0;

}



.advantage_p .hd ul li i.d4{

 background:url(../images/ys_d4.png) no-repeat 0 0;

}





.advantage_p .hd ul li.on i.d1{

 background:url(../images/ys_d1.png) no-repeat -68px 0 ;

}



.advantage_p .hd ul li.on i.d2{

 background:url(../images/ys_d2.png) no-repeat -68px 0;

}



.advantage_p .hd ul li.on i.d3{

 background:url(../images/ys_d3.png) no-repeat -68px 0;

}



.advantage_p .hd ul li.on i.d4{

 background:url(../images/ys_d4.png) no-repeat -68px 0;

}



/*----*/





/*优势end*/









/*案例*/





.case{

 padding-top: 78px;

}



.case_cont {

 width: 100%;

 margin-top: 65px;

}





.in_case_ss {

 width: 1200px;

 margin: 0 auto;

 position: relative;

}









.in_case {

 width: 105%;

 position: relative;

}





.in_case_li {

 float: left;

 width: 390px;

 height: 250px;

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

 transition: all .3s ease-out;

 position: relative;

 margin: 0 15px 15px 0;

 border-radius: 2px;

 overflow: hidden;

}





.in_case_txt {

 width: 100%;

 height: 40px;

 position: absolute;

 left: 0;

 bottom: 0;

 background-color:rgba(0,0,0,0.3);

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

 transition: all .3s ease-out;

}





.in_case_txt h6 {

 line-height: 40px;

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

 transition: all .3s ease-out;

}





.in_case_txt h6 a {

 color: #fff;

 font-size: 14px;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 padding: 0 10px;

 text-align: center;

}



.in_case_txt h5{

 width: 126px;

 height: 40px;

 position: absolute;

 right: 0;

 top: 15px;

 opacity: 0;

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

 transition: all .3s ease-out;

}



.in_case_txt h5 a{

 display: block;

 line-height: 40px;

 color: #fff;

 font-size: 14px;

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

 font-family: Arial;

}







.case_imgscale_x {

 width: 100%;

 height: 100%;

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

}





.case_imgscale {

 width: 100%;

 height: 100%;

 overflow: hidden;

 position: relative;

}





.case_imgscale img {

 width: 100%;

 height: 100%;

}





.in_case_li:hover .in_case_txt{

 background-color:rgba(42,209,187,0.4);

 height: 70px;

 bottom: 50%;

 margin-bottom: -35px;

}





.in_case_li:hover .in_case_txt h6 a{

padding: 0 135px 0 18px;

 text-align: left;

 line-height: 70px;

}





.in_case_li:hover .in_case_txt h5{

 opacity: 1;

}





/*----*/



.in_case_li:nth-child(1){

 height: 450px;

 margin-top: 15px;

}



.in_case_li:nth-child(3){

 height: 450px;

 margin-top: 15px;

}



.in_case_li:nth-child(5){

 height: 450px;

 margin-top: -215px;

}





/*案例end*/







/*简介*/





.in2_about {

 width: 100%;

 overflow: hidden;

 padding-top: 58px;

 margin-top: 50px;

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

}







.in2_about_1 {

 width: 1200px;

 margin: 0 auto;

 position: relative;

}





.about_ll{

 width: 1200px;

 height: 264px;

 margin: 40px 0 0 0;

 position: relative;

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

 transition: all .3s ease-out;

}







.about_ll img{

 display: block;

 width: 1200px;

 height: 264px;

 border-radius: 3px;

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

 transition: all .3s ease-out;

}









.about_ll_xk{

 width: 368px;

 height: 320px;

 position: absolute;

 right: 0;

 top: 0;

 z-index: 1;

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

 pointer-events: none;

}



.about_ll:hover{

 transform: translateY(-2px);

 box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.15);

}









.in2_about_3_t1{



}





.in2_about_3 {

 line-height: 34px;

 height: 102px;

 overflow: hidden;

 padding: 30px 102px 0 102px;

 color: #444444;

 font-size: 15px;

 text-align: center;

}





.in2_about_5 {

 height: auto;

}







.in2_about_more {

 width: 124px;

 height: 38px;

 margin: 0 auto;

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

 transition: all .3s ease-out;

 margin-top: -20px;

 position: relative;

 z-index: 3;

}





.in2_about_more a{

 display: block;

 line-height: 38px;

 font-size: 14px;

 color: #fff;

 padding-left: 10px;

 text-align: left;

 background:url(../images/ab_more.png) no-repeat 88px #12ceb2;

 font-family: Arial;

 border-radius: 2px;

}





.in2_about_more:hover{

transform: translateY(-5px);

}





/*---*/





.licheng{

 height: 145px;

 margin-top: 85px;

 position: relative;

}



.licheng .hd{

 width: 100%;

 height: 60px;

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

}



.licheng .hd ul{

 width: 1074px;

 margin: 0 auto;

}





.licheng .hd ul li{

 width: 179px;

 float: left;

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

}





.licheng .hd ul li h5{

 line-height: 18px;

 text-align: center;

 font-size: 14px;

 padding-top: 39px;

}



.licheng .hd ul li.on{

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

 color: #12ceb2;

}







.licheng_cent{

 padding-top: 49px;

 height: 28px;

 overflow: hidden;

}



.licheng_box{

 height: 28px;

 line-height: 28px;

 color: #333333;

 font-size: 24px;

 text-transform: uppercase;

 text-align: center;

}







.licheng_l {

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

 display: block;

 width: 26px;

 height: 26px;

 cursor: pointer;

 position: absolute;

 left: 0px;

 top: 13px;

 z-index: 10;

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

 transition: all .3s ease-out;

}





.licheng_l:hover{

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

}





.licheng_r {

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

 display: block;

 width: 26px;

 height: 26px;

 cursor: pointer;

 position: absolute;

 right: 0px;

 top: 13px;

 z-index: 10;

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

 transition: all .3s ease-out;

}





.licheng_r:hover{

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

}







/*新闻*/





.in_news_ss {

 width: 100%;

 margin: 0 auto;

 padding-top: 47px;

}



.in_news_pro {

 width: 1200px;

 margin: 0 auto;

 position: relative;

}









#tab_news {

 width: 100%;

 margin-top: 48px;

}



#tab_news .news_menu {

 height: 40px;

 text-align: center;

}



#tab_news .news_menu li {

 display: inline-block;

 width: 100px;

 height: 40px;

 line-height: 38px;

 color: #b2b2b2;

 font-size: 16px;

 cursor: pointer;

 margin: 0px 10px;

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

 text-align: center;

}





#tab_news .news_menu li a{

 color: #b2b2b2;

}





#tab_news .news_menu .on {

 color: #fff;

 cursor: pointer;

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

}





#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_four_a{

 width: 660px;

 height: 519px;

 margin-top: 50px;

 position: relative;

 float: right;

}





.in_newss_four_a:after{

 content: '';

 position: absolute;

 left: 5px;

 top: 0px;

 z-index: -1;

 width: 1px;

 height: 100%;

 background: #dddddd;

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

 transition: all .3s ease-out;

}





.in_nfourbox {

 position: relative;

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

 transition: all .3s ease-out;

 background:url(../images/news_q.png) no-repeat 0 24px;

 margin-bottom: 8px;

}





.in_nfourbox_2 {

 padding-top: 8px;

 height: 112px;

 margin-left: 36px;

}





.in_nfourbox_2:after{

 content: '';

 position: absolute;

 right: 0;

 bottom: 0;

 z-index: -1;

 width: 625px;

 height: 1px;

 background: #f0f0f0;

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

 transition: all .3s ease-out;

}





.in_nfourbox:hover .in_nfourbox_2:after{

 background: #12ceb2;

 bottom: 72px;

}







.in_nfourbox_2 h6 {

 height: 40px;

 line-height: 40px;

 overflow: hidden;

 font-size: 14px;

}





.in_nfourbox_2 h6 a {

 color: #333;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 font-size: 16px;

}



.in_nfourbox_2 h6 a:hover {

 color: #12ceb2;

 padding-left: 5px;

}



.in_nfourbox_2 h6 span{

 float: right;

 display: block;

 color: #cccccc;

}





.in_nfourbox_2 h4 {

 color: #888888;

 font-size: 14px;

 line-height: 24px;

 height: 24px;

 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

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

 transition: all .3s ease-out;

 margin-top: 6px;

}





.in_nfourbox_2 h5 {

 margin-top: 7px;

}





.in_nfourbox_2 h5 a{

 display: block;

 line-height: 22px;

 color: #cccccc;

 font-size: 14px;

}



.in_nfourbox_2 h5 a:hover{

 color: #12ceb2;

}





.in_nfourbox:hover .in_nfourbox_2 h6 a{

 color: #12ceb2;

}





.in_nfourbox:hover {

 background:url(../images/news_qa.png) no-repeat 0 24px;

}





/*---*/





.in_newss_4 {

 float: left;

 width: 500px;

 position: relative;

 overflow: hidden;

 margin-top: 50px;

}







.in_newss_4_1 {

 width: 100%;

 height: 260px;

 overflow: hidden;

}





.in_newss_4_1 img {

 width: 100%;

 height: 260px;

 transition: all 0.5s;

 transform: scale(1);

}





.in_newss_4_2 {



}





.in_newss_4_2 h6 {

 font-size: 16px;

 color: #333333;

 height: 30px;

 line-height: 30px;

 overflow: hidden;

 padding-top: 22px;

}



.in_newss_4_2 h6 a{

 display: block;

 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: 8px;

 position: relative;

}





.in_newss_4_2 span{

 width: 112px;

 height: 38px;

 display: block;

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

 transition: all .3s ease-out;

 margin-top: 24px;

}



.in_newss_4_2 span a{

 font-size: 14px;

 line-height: 36px;

 display: block;

 border: 1px solid #c9c9c9;

 padding-left: 4px;

 color: #888888;

 background:url(../images/more.png) no-repeat 81px;

}





.in_newss_4_2 span a:hover{

 border: 1px solid #12ceb2;

 color: #12ceb2;

 background:url(../images/morea.png) no-repeat 81px;

}





.in_newss_4_2 h6 a:hover{

 padding-left: 5px;

}



.in_newss_4_2 h5 {

 color: #888888;

 line-height: 27px;

 height: 54px;

 font-size: 14px;

 margin-top: 14px;

 overflow: hidden;

 border-top: 1px solid #f0f0f0;

 padding-top: 12px;

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

 transition: all .3s ease-out;

}



.in_newss_4:hover .in_newss_4_2 h6 a{

color: #12ceb2;

}



.in_newss_4:hover .in_newss_4_2 h5{

 border-top: 1px solid #12ceb2;

}



/*--*/