.fullSlide {

 width: 100%;

 position: relative;

 height: 500px;

 overflow: hidden;

}



.fullSlide .bd {

 height: 500px;

 margin: 0 auto;

 position: relative;

 z-index: 1;

 overflow: hidden;

}



.fullSlide .bd ul {

 width: 100% !important;

}



.fullSlide .bd li {

 width: 100% !important;

 height: 500px;

 overflow: hidden;

 text-align: center;

}



.fullSlide .bd li a {

 display: block;

 height: 500px;

}



.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: 7px;

 background-color: #bfbfbf;

 overflow: hidden;

 line-height: 99px;

 border-radius: 50%;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.fullSlide .hd ul .on {

 width: 40px;

 background: #be1417;

 border-radius: 6px;

 -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(../image/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;

}



.fullSlide .prev {

 background: url(../image/slider-arrow.png) -126px -137px #000 no-repeat;

 left: 10%;

}



.fullSlide .next {

 background-position: -6px -137px;

 right: 10%;

}













.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;

}















.a_tite {

 text-align: center;

 background: url(../image/in_x1.png) no-repeat center bottom;

 padding-bottom: 15px;

}



.a_tite h3 {

 line-height: 1;

 font-size: 30px;

 color: #333;

 font-weight: bold;

 padding-top: 8px;

}



.a_tite h5 {

 line-height: 30px;

 font-size: 30px;

 text-transform: uppercase;

 color: #666;

}











.b_tite {

 width: 1200px;

 margin: 0 auto;

}



.b_tite h3 {

 line-height: 1;

 font-size: 18px;

 color: #333;

 font-weight: bold;

 padding-top: 8px;

}



.b_tite h5 {

 line-height: 30px;

 font-size: 24px;

 text-transform: uppercase;

 color: #c3292c;

}











.in_products_xx {

 padding-top: 55px;

}





.in_products {

 width: 1200px;

 margin: 0 auto;

 position: relative;

 padding-top: 36px;

}





.pl_tel {

 height: 120px;

 background:url(../image/cp_t1.png) no-repeat center 21px;

}



.pl_tel h3 {

 color: #fff;

 font-size: 22px;

 padding-top: 78px;

 text-align: center;

}





.in_products_r {

 width: 1200px;

 height: 819px;

 overflow: hidden;

}





#tab {

 width: 260px;

 float: left;

 background: #be1417;

 padding-bottom: 7px;

}



#tab .tab_menu {

 margin: 0 7px;

 background: #fff;

 padding: 15px 12px 0 12px;

 height: 652px;

}





#tab .tab_menu li {

 height: 40px;

 line-height: 40px;

 font-size: 14px;

 cursor: pointer;

 color: #666666;

 border: 1px solid #dddddd;

 margin-bottom: 12px;

}



#tab .tab_menu li a{

 color: #666;

 padding-left: 38px;

 display: block;

}



#tab .tab_menu .on {

 color: #fff;

 cursor: pointer;

 background: #be1417;

 border: 1px solid #be1417;

}



#tab .tab_menu .on a{

 color: #fff;

}





.in_products_r .tab_box {

 float: right;

 width: 940px;

}



.in_products_r .tab_box .hide {

 display: none;

}





.in_products_pro {

 position: relative;

}



.in_pro_2 {

 float: left;

 width: 270px;

 margin: 0 0 25px 25px;

 overflow: hidden;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 position: relative;

 border: 1px solid #cccccc;

 padding: 8px;

}





.in_pro_2 .in_pro_1pic {

 width: 100%;

 height: 188px;

 overflow: hidden;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.in_pro_2 .in_pro_1pic img {

 width: 100%;

 height: 100%;

 transform: scale(1);

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_pro_txt {

 width: 100%;

 height: 42px;

 line-height: 42px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 background: #eeeeee;

}



.in_pro_txt h6 {

 font-size: 14px;

 height: 42px;

 line-height: 42px;

 text-align: center;

}



.in_pro_txt h6 a {

 color: #666;

 padding: 0 10px;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

}



.in_pro_2:hover{

 border: 1px solid #be1417;

}



.in_pro_2:hover .in_pro_txt{

 background: #be1417;

}



.in_pro_2:hover .in_pro_txt h6 a {

 color: #fff;

}

















.in_banner1 {

 width: 100%;

 height: 384px;

 background: url(../image/in_b1bg.jpg) no-repeat center top;

 margin-top: 35px;

}



.in_banner1_1 {

 width: 1200px;

 height: 384px;

 margin: 0 auto;

 position: relative;

}



.in_banner1_right {

 color: #fff;

 padding-left: 642px;

 padding-top: 56px;

}





.in_banner1_pic0 {

 width: 43px;

 height: 5px;

 background: #fff;

}



.in_banner1_pic {

 height: 20px;

 line-height: 20px;

 font-size: 18px;

 padding-top: 20px;

 color: #fff;

 text-transform: uppercase;

}



.in_banner1_pic2 {

 height: 36px;

 line-height: 36px;

 font-size: 30px;

 text-transform: uppercase;

 color: #fff;

 font-weight: bold;

 padding-top: 10px;

}



.in_banner1_pic3 {

 height: 30px;

 line-height: 30px;

 font-size: 16px;

 text-transform: uppercase;

 color: #fff;

 padding-top: 40px;

}



.in_banner1_pic4 {

 height: 60px;

 line-height: 30px;

 font-size: 12px;

 text-transform: uppercase;

 color: #fff;

 padding-top: 5px;

}



.in_banner1_2 {

 height: 34px;

 margin-top: 15px;



}



.in_banner1_3 {

 float: left;

 color: #fff;

 height: 34px;

 margin-left: 30px;

}



.in_banner1_3 span {

 float: left;

 display: block;

 line-height: 34px;

 font-size: 16px;

 color: #fff;

 padding-left: 35px;

}





.in_banner1_6 {

 float: left;

 width: 120px;

 height: 34px;

 font-size: 14px;

 text-align: center;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 margin-top: 3px;

}



.in_banner1_6 a {

 color: #666;

 display: block;

 line-height: 34px;

 background: #fff;

 border-radius: 17px;

}



.in_banner1_6 a:hover {

 background: #333;

 color: #fff;

}









.in_banner2 {

 width: 100%;

 height: 330px;

 background: url(../image/in_b2bg.jpg) no-repeat center top;

 margin-top: 40px;

}



.in_banner2_1 {

 width: 1200px;

 height: 330px;

 margin: 0 auto;

 position: relative;

}



.in_banner2_right {

 color: #fff;

 padding-left: 100px;

 padding-top: 70px;

}





.in_banner2_pic {

 height: 20px;

 line-height: 20px;

 font-size: 18px;

 padding-top: 20px;

 color: #666;

 text-transform: uppercase;

}



.in_banner2_pic2 {

 height: 36px;

 line-height: 36px;

 font-size: 30px;

 text-transform: uppercase;

 color: #333;

 font-weight: bold;

 padding-top: 10px;

}



.in_banner2_pic2 span{

 color: #be1417;

}



.in_banner2_pic3 {

 height: 30px;

 line-height: 30px;

 font-size: 16px;

 text-transform: uppercase;

 color: #666666;

 padding-top: 30px;

}



.in_banner2_pic4 {

 height: 60px;

 line-height: 30px;

 font-size: 12px;

 text-transform: uppercase;

 color: #666666;

}



.in_banner2_2 {

 height: 34px;

 width: 459px;

 position: absolute;

 top: 145px;

 right: 0;

}



.in_banner2_3 {

 color: #fff;

 height: 34px;

 background:url(../image/in_b2tel.png) no-repeat 0;

 margin-top: 15px;

 padding-left: 45px;

}



.in_banner2_3 span {

 display: block;

 line-height: 34px;

 font-size: 20px;

 color: #666;

}





.in_banner2_6 {

 width: 120px;

 height: 34px;

 font-size: 14px;

 text-align: center;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.in_banner2_6 a {

 color: #fff;

 display: block;

 line-height: 34px;

 background: #be1417;

 border-radius: 17px;

}



.in_banner2_6 a:hover {

 background: #333;

 color: #fff;

}















.case_bg {

 width: 100%;

 padding-top: 60px;

}



.in_case_cont {

 width: 1230px;

 margin: 0 auto;

 margin-top: 40px;

}



.in_case {



}



.in_case_li {

 float: left;

 width: 380px;

 height: 370px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 position: relative;

 margin: 0 15px 20px 15px;

}





.in_case_txt {

 width: 328px;

 height: 180px;

 background: #fff;

 position: absolute;

 left: 25px;

 bottom: 0;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}





.in_case_txt h6 {

 height: 30px;

 line-height: 30px;

 padding-top: 28px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.in_case_txt h6 a {

 color: #333;

 font-size: 18px;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 text-align: center;

 padding: 0 30px;

 font-weight: bold;

}



.in_case_txt h5 {

 height: 56px;

 line-height: 28px;

 font-size: 14px;

 padding: 15px 30px 0 30px;

 overflow: hidden;

 color: #666;

 text-align: center;

}





.in_case_txt h4 {

 height: 36px;

 line-height: 36px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 background:url(../image/al_d1.png) no-repeat center;

 margin-top: 14px;

 position: relative;

 z-index: 5;

 overflow: hidden;

}



.in_case_txt h4 a {

 color: #fff;

 font-size: 14px;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 text-align: center;

 opacity: 0;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.case_imgscale_x {

 width: 100%;

 height: 230px;

}



.case_imgscale {

 width: 100%;

 height: 100%;

 overflow: hidden;

}



.case_imgscale img {

 width: 100%;

 height: 100%;

}





.in_case_li:hover .in_case_txt h6 a {

 color: #be1417;

}



.in_case_li:hover .in_case_txt h4 a {

opacity: 1;

}







.in_case_txt h4:before, .in_case_txt h4:after {

 position: absolute;

 top: 50%;

 content: '';

 width: 10px;

 height: 10px;

 background: #be1417;

 border-radius: 50%;

 transition: 0.5s;

 z-index: -1;

}





.in_case_txt h4:before {

 left: -20px;

 -webkit-transform: translate(-50%, -50%);

 transform: translate(-50%, -50%);

}



.in_case_txt h4:after {

 right: -20px;

 -webkit-transform: translate(50%, -50%);

 transform: translate(50%, -50%);

}





@-webkit-keyframes criss-cross-left {

 0% {

  left: -20px;

 }

 50% {

  left: 50%;

  width: 10px;

  height: 10px;

 }

 100% {

  left: 50%;

  width: 328px;

  height: 90px;

  border-radius: 0;

 }

}



@keyframes criss-cross-left {

 0% {

  left: -20px;

 }

 50% {

  left: 50%;

  width: 10px;

  height: 10px;

 }

 100% {

  left: 50%;

  width: 328px;

  height: 90px;

  border-radius: 0;

 }

}



@-webkit-keyframes criss-cross-right {

 0% {

  right: -20px;

 }

 50% {

  right: 50%;

  width: 10px;

  height: 10px;

 }

 100% {

  right: 50%;

  width: 328px;

  height: 90px;

  border-radius: 0;

 }

}



@keyframes criss-cross-right {

 0% {

  right: -20px;

 }

 50% {

  right: 50%;

  width: 10px;

  height: 10px;

 }

 100% {

  right: 50%;

  width: 328px;

  height: 90px;

  border-radius: 0;

 }

}



.in_case_li:hover .in_case_txt h4:before {

 -webkit-animation: criss-cross-left 0.8s both;

 animation: criss-cross-left 0.8s both;

}



.in_case_li:hover .in_case_txt h4:after {

 -webkit-animation: criss-cross-right 0.8s both;

 animation: criss-cross-right 0.8s both;

}















.tedian {

 width: 100%;

 height: 844px;

 background:url(../image/td_bg.jpg) no-repeat center top;

 margin-top: 40px;

}





.tedian_t{

 text-align: center;

 padding-top: 55px;

 line-height: 1;

}



.tedian_t h3{

 font-size: 30px;

 font-weight: bold;

}



.tedian_t h4{

 font-size: 14px;

color: #666;

 padding-top: 20px;

}







.tedian_p {

 width: 1200px;

 height: 680px;

 margin: 0 auto;

 position: relative;

 padding-top: 10px;

}



.tedian_tb_1 {

 height: 486px;

 text-align: center;

 background:url(../image/td_tu2.png) no-repeat center top;

 margin-top: 52px;

 padding-top: 76px;

}



.tedian_tb_1 img{

 -webkit-transition: -webkit-transform 1s ease-out;

 -moz-transition: -moz-transform 1s ease-out;

 -o-transition: -o-transform 1s ease-out;

 -ms-transition: -ms-transform 1s ease-out;

}



.tedian_tb_1 img:hover {

 -webkit-transform: rotateZ(360deg);

 -moz-transform: rotateZ(360deg);

 -o-transform: rotateZ(360deg);

 -ms-transform: rotateZ(360deg);

 transform: rotateZ(360deg);

}







.tedian_txt_1 {

 position: absolute;

 color: #999;

 background:url(../image/td_d1.png) no-repeat 0 0px;

}



.tedian_txt_1 b{

 font-size: 66px;

 color: #cccccc;

 display: block;

 height: 70px;

 margin-left: 65px;

 text-transform:uppercase;

 line-height: 1;

 position: relative;

 overflow: hidden;

}





.tedian_txt_1 b span{

 width: 105px;

 height: 37px;

 position: absolute;

 left: 0px;

 top: 27px;

 font-size: 30px;

 color: #be1417;

 text-align: center;

}





.tedian_txt_1 h6{

 font-size: 14px;

 line-height: 24px;

 padding-top: 5px;

 color: #666;

}





.tedian_dw1{

 width: 320px;

 left: 0px;

 top: 70px;

 -webkit-transition: all .3s ease-out;

  transition: all .3s ease-out;

}



.tedian_dw1:hover{

	transform: translate(-30px, 0px);

	 -webkit-transform: translate(-30px, 0px);	

}



.tedian_dw1 b{

 background:url(../image/one.png) no-repeat 0 0px;

}





.tedian_dw2{

 left: 0;

 top: 316px;

 -webkit-transition: all .3s ease-out;

  transition: all .3s ease-out;

}



.tedian_dw2:hover{

	transform: translate(-30px, 0px);

	 -webkit-transform: translate(-30px, 0px);	

}





.tedian_dw2 b{

 background:url(../image/three.png) no-repeat 0 0px;

}



.tedian_dw2 b span{

 width: 159px;

}



.tedian_dw3{

 left: 365px;

 top: 566px;

 background:url(../image/td_d1.png) no-repeat 150px 0;

  -webkit-transition: all .3s ease-out;

  transition: all .3s ease-out;

}





.tedian_dw3:hover{

	transform: translate(0px, 30px);

	 -webkit-transform: translate(0px, 30px);	

}







.tedian_dw3 b{

 margin-left: 215px;

 background:url(../image/five.png) no-repeat 0 0px;

}



.tedian_dw3 b span{

 width: 104px;

}





.tedian_txt_2 {

 position: absolute;

 color: #999;

 background:url(../image/td_d1.png) no-repeat 0 0px;

}



.tedian_txt_2 b{

 font-size: 66px;

 color: #cccccc;

 display: block;

 height: 70px;

 margin-left: 65px;

 text-transform:uppercase;

 line-height: 1;

 position: relative;

 overflow: hidden;

}





.tedian_txt_2 b span{

 width: 115px;

 height: 37px;

 position: absolute;

 left: 0px;

 top: 27px;

 font-size: 30px;

 color: #be1417;

 text-align: center;

}



.tedian_txt_2 h6{

 font-size: 14px;

 line-height: 24px;

 padding-top: 5px;

 color: #666;

}





.tedian_dw4{

 width: 378px;

 right: 0px;

 top: 70px;

 -webkit-transition: all .3s ease-out;

  transition: all .3s ease-out;

}



.tedian_dw4:hover{

	transform: translate(30px, 0);

	 -webkit-transform: translate(30px, 0);	

}



.tedian_dw4 b{

 background:url(../image/two.png) no-repeat 0 0px;

}





.tedian_dw5{

 width: 322px;

 right: 0;

 top: 316px;

 -webkit-transition: all .3s ease-out;

  transition: all .3s ease-out;

}



.tedian_dw5:hover{

	transform: translate(30px, 0);

	 -webkit-transform: translate(30px, 0);	

}





.tedian_dw5 b{

 background:url(../image/four.png) no-repeat 0 0px;

}



.tedian_dw5 b span{

 width: 128px;

}

























.advantage {

 width: 100%;

 margin-top: 60px;

 overflow: hidden;

}



.advantage_p {

 width: 1200px;

 margin: 0 auto;

 position: relative;

}



.y_text_xx {

 width: 450px;

 text-align: right;

 height: 150px;

 position: absolute;

 right: 0;

 top: 0;

 line-height: 1;

}



.y_text_xx h6{

 width: 133px;

 height: 5px;

 background: #be1417;

 margin-top: 25px;

 margin-left: 318px;

}



.y_text_xx h5{

 font-size: 40px;

 font-weight: bold;

 margin-top: 18px;

}



.y_text_xx h4{

 font-size: 20px;

 color: #666;

 margin-top: 20px;

}







.advantage_txt1 {

 position: relative;

}



.advantage_tuys1{

 width: 600px;

 height: 600px;

 float: left;

 position: relative;

}



.advantage_tuys1 img{

 display: block;

 position: absolute;

 right: 0;

 top: 0;

}





.advantage_tuys1::before{

 content: '';

 position: absolute;

 right: 0;

 top: 0;

 width: 958px;

 height: 600px;

 z-index: 1;

 -webkit-transition: all 0.5s;

 -moz-transition: all 0.5s;

 -o-transition: all 0.5s;

 transition: all 0.5s;

 opacity: 1;



 border-bottom-width: 1px;

 border-bottom-style: solid;

 border-bottom-color: rgba(255,255,255,0.6);

 background-color: rgba(255,255,255,0.25);

 pointer-events: none;



 transform-origin: left bottom;      

 -webkit-transform-origin: left bottom;

 -moz-transform-origin: left bottom;



 transform: rotate(-90deg);   

 -webkit-transform: rotate(-90deg);

 -moz-transform: rotate(-90deg);

}



.advantage_tuys1:hover::before{

 opacity: 0;

 -webkit-transform: translate(0,0);

 transform: translate(0,0);

}







.advantage_tuys2{

 width: 600px;

 height: 364px;

 float: left;

 position: absolute;

 right: 0;

 bottom: 0px;

 overflow: hidden;

}



.advantage_tuys2 img{

 display: block;

}





.advantage_tuys2::before{

 content: '';

 position: absolute;

 right: 0;

 top: 0;

 width: 600px;

 height: 364px;

 z-index: 1;

 -webkit-transition: all 0.5s;

 -moz-transition: all 0.5s;

 -o-transition: all 0.5s;

 transition: all 0.5s;

 opacity: 1;



 border-bottom-width: 1px;

 border-bottom-style: solid;

 border-bottom-color: rgba(255,255,255,0.6);

 background-color: rgba(255,255,255,0.25);

 pointer-events: none;



 transform-origin: right bottom;      

 -webkit-transform-origin: right bottom;

 -moz-transform-origin: right bottom;



 transform: rotate(90deg);   

 -webkit-transform: rotate(90deg);

 -moz-transform: rotate(90deg);

}



.advantage_tuys2:hover::before{

 opacity: 0;

 -webkit-transform: translate(0,0);

 transform: translate(0,0);

}





.advantage_tuys3{

 width: 360px;

 height: 500px;

 position: absolute;

 left: 1200px;

bottom: 0;

 overflow: hidden;

}



.advantage_tuys3 img{

 display: block;

}





.advantage_tuys3::before{

 content: '';

 position: absolute;

 right: 0;

 top: 0;

 width: 360px;

 height: 500px;

 z-index: 1;

 -webkit-transition: all 0.5s;

 -moz-transition: all 0.5s;

 -o-transition: all 0.5s;

 transition: all 0.5s;

 opacity: 1;



 border-bottom-width: 1px;

 border-bottom-style: solid;

 border-bottom-color: rgba(255,255,255,0.6);

 background-color: rgba(255,255,255,0.25);

 pointer-events: none;



 transform-origin: left bottom;      

 -webkit-transform-origin: left bottom;

 -moz-transform-origin: left bottom;



 transform: rotate(-90deg);   

 -webkit-transform: rotate(-90deg);

 -moz-transform: rotate(-90deg);

}



.advantage_tuys3:hover::before{

 opacity: 0;

 -webkit-transform: translate(0,0);

 transform: translate(0,0);

}





.advantage_ys1 {

 width: 300px;

 height: 272px;

 float: left;

 background: #f8f8f8;

 margin-top: 236px;

 position: relative;

 z-index: 5;

 margin-bottom: 92px;

}





.advantage_ys1 .eng{

 width: 120px;

 height: 40px;

 line-height: 40px;

 position: absolute;

 left: 155px;

 top: 110px;

 background: #f8f8f8;

 font-size: 18px;

 text-transform:uppercase;

}





.advantage_ys1 h5{

 font-size: 108px;

 text-align: center;

 height: 110px;

 line-height: 110px;

 padding-top: 32px;

}



.advantage_ys1 .t1 {

 text-align: center;

 font-size: 18px;

 line-height: 40px;

}



.advantage_ys1 .t1 b{

 font-size: 24px;

 display: block;

 padding-top: 20px;

}





.advantage_txt1 .t3{

 height: 272px;

 position: absolute;

 width: 100%;

 left: 0;

 top: 0;

 z-index: 4;

 background-color:#be1417;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 opacity: 0;

 transform: scale(0.2);

}



.advantage_txt1 .t3 i{

 display: block;

 font-size: 200px;

 text-align: center;

 height: 272px;

 line-height: 272px;

 color: #c54142;

 position: absolute;

 width: 100%;

 left: 0;

 top: 0;

 z-index: 1;

}





.advantage_txt1 .t2{

 width: 100%;

 height: 100%;

 position: absolute;

 left: 0;

 top: 0;

 color: #fff;

 box-sizing: border-box;

 padding: 28px 35px 0 35px;

 z-index: 3;

}



.advantage_txt1 .t2 h6{

 height: 40px;

 line-height: 40px;

 font-size: 18px;

 font-weight: bold;

 padding-left: 46px;

}



.advantage_txt1 .t2 h4{

 font-size: 14px;

 line-height: 24px;

 padding-top: 12px;

}



.advantage_txt1 .t2 h6.ysd1{

 background:url(404.png) no-repeat 0;

}



.advantage_txt1 .t2 h6.ysd2{

 background:url(../image/ys_d2.png) no-repeat 0;

}



.advantage_txt1 .t2 h6.ysd3{

 background:url(404.png) no-repeat 0;

}



.advantage_txt1 .t2 h6.ysd4{

 background:url(404.png) no-repeat 0;

}





.advantage_ys2 {

 width: 300px;

 height: 272px;

 float: left;

 background: #be1417;

 position: relative;

 z-index: 5;

 margin-top: 236px;

 margin-bottom: 92px;

}





.advantage_ys2 .eng{

 width: 120px;

 height: 40px;

 line-height: 40px;

 position: absolute;

 left: 155px;

 top: 110px;

 background: #be1417;

 font-size: 18px;

 text-transform:uppercase;

 color: #fff;

}





.advantage_ys2 h5{

 font-size: 108px;

 text-align: center;

 height: 110px;

 line-height: 110px;

 padding-top: 32px;

 color: #fff;

}



.advantage_ys2 .t1 {

 text-align: center;

 font-size: 18px;

 line-height: 40px;

 color: #fff;

}



.advantage_ys2 .t1 b{

 font-size: 24px;

 display: block;

 padding-top: 20px;

 color: #fff;

}









.advantage_ys3 {

 width: 300px;

 height: 272px;

 float: left;

 background: #333;

 position: relative;

 z-index: 5;

}





.advantage_ys3 .eng{

 width: 120px;

 height: 40px;

 line-height: 40px;

 position: absolute;

 left: 155px;

 top: 110px;

 background: #333;

 font-size: 18px;

 text-transform:uppercase;

 color: #fff;

}





.advantage_ys3 h5{

 font-size: 108px;

 text-align: center;

 height: 110px;

 line-height: 110px;

 padding-top: 32px;

 color: #fff;

}



.advantage_ys3 .t1 {

 text-align: center;

 font-size: 18px;

 line-height: 40px;

 color: #fff;

}



.advantage_ys3 .t1 b{

 font-size: 24px;

 display: block;

 padding-top: 20px;

 color: #fff;

}









.advantage_ys4 {

 width: 300px;

 height: 272px;

 float: left;

 background: #be1417;

 position: relative;

 z-index: 5;

}





.advantage_ys4 .eng{

 width: 120px;

 height: 40px;

 line-height: 40px;

 position: absolute;

 left: 150px;

 top: 110px;

 background: #be1417;

 font-size: 18px;

 text-transform:uppercase;

 color: #fff;

}





.advantage_ys4 h5{

 font-size: 108px;

 text-align: center;

 height: 110px;

 line-height: 110px;

 padding-top: 32px;

 color: #fff;

}



.advantage_ys4 .t1 {

 text-align: center;

 font-size: 18px;

 line-height: 40px;

 color: #fff;

}



.advantage_ys4 .t1 b{

 font-size: 24px;

 display: block;

 padding-top: 20px;

 color: #fff;

}





.advantage_ys1:hover .t3{

 opacity: 1;

 transform: scale(1);

}



.advantage_ys2:hover .t3{

 opacity: 1;

 transform: scale(1);

}



.advantage_ys3:hover .t3{

 opacity: 1;

 transform: scale(1);

}





.advantage_ys4:hover .t3{

 opacity: 1;

 transform: scale(1);

}















.jz_bg {

 width: 100%;

 padding-top: 60px;

}





.in_jz_cont {

 width: 1216px;

 margin: 0 auto;

 margin-top: 40px;

 position: relative;

}





.in_jz_lefts {

 background: url(../image/jz_l.png) no-repeat left;

 display: block;

 width: 40px;

 height: 40px;

 position: absolute;

 top: 100px;

 left: -45px;

 cursor: pointer;

}



.in_jz_rights {

 background: url(../image/jz_r.png) no-repeat right;

 display: block;

 width: 40px;

 height: 40px;

 position: absolute;

 top: 100px;

 right: -45px;

 cursor: pointer;

}

.in_jz {



}



.in_jz_li {

 float: left;

 width: 290px;

 height: 300px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 position: relative;

 margin: 0 7px 20px 7px;

}





.in_jz_txt {

 width: 260px;

 height: 90px;

 background: #fff;

 position: absolute;

 left: 15px;

 bottom: 0;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

 border-bottom: 1px solid #cccccc;

 overflow: hidden;

 z-index: 4;

}





.in_jz_txt h6 {

 height: 30px;

 line-height: 30px;

 padding-top: 12px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.in_jz_txt h6 a {

 color: #333;

 font-size: 16px;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 text-align: center;

 padding: 0 30px;

}



.in_jz_txt h5 {

 height: 28px;

 line-height: 28px;

 font-size: 14px;

 padding: 4px 30px 0 30px;

 overflow: hidden;

 color: #666;

 text-align: center;

}







.jz_imgscale_x {

 width: 100%;

 height: 234px;

}



.jz_imgscale {

 width: 100%;

 height: 100%;

 overflow: hidden;

}



.jz_imgscale img {

 width: 100%;

 height: 100%;

}



.in_jz_li:hover .in_jz_txt{

 border-bottom: 1px solid #be1417;

}



.in_jz_li:hover .in_jz_txt h6 a {

 color: #fff;

}



.in_jz_li:hover .in_jz_txt h5 {

 color: #fff;

}





.in_jz_txt:before {

 position: absolute;

 content: '';

 bottom: 0;

 width: 100%;

 height: 0px;

 background: #be1417;

 z-index: -1;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_jz_li:hover .in_jz_txt:before {

 height: 90px;

}



















.in2_about {

 width: 100%;

 padding-top: 55px;

 background: #f8f8f8;

 margin-top: 60px;

 height: 480px;

}



.in2_about_1 {

 width: 1200px;

 margin: 0 auto;

 margin-top: 40px;

 position: relative;

 background: #fff;

 height: 320px;

}



.in2_about_2 {

 float: left;

 width: 600px;

 height: 320px;

}



.in2_about_2 .in_aimgscale {

 width: 600px;

 height: 320px;

 overflow: hidden;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in2_about_2 .in_aimgscale img {

 width: 600px;

 height: 320px;

}



.in2_about_2 .in_aimgscale:hover {

 transform: translate(-5px, -5px);

 -webkit-transform: translate(-5px, -5px);

 box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);

}





.in2_about_3x {

 float: right;

 width: 530px;

 height: 320px;

}



.in2_about_6 {

 padding: 55px 0 0 0;

}



.in2_about_4a{

  width: 32px;

 height: 5px;

 background: #be1417;

 margin-top: 20px;

}



.in2_about_4c {

 font-size: 20px;

 color: #333;

 line-height: 34px;

 height: 34px;

 font-weight: bold;

}







.in2_about_3 {

 line-height: 30px;

 height: 120px;

 overflow: hidden;

 padding: 15px 45px 0 0;

 font-size: 14px;

 color: #666;

}





.in2_about_5 {

 height: auto;

}





.about_more {

 width: 132px;

 height: 45px;

 font-size: 14px;

 margin-top: 38px;

 margin-left: 90px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 float: left;

}



.about_more a {

 color: #fff;

 display: block;

 line-height: 45px;

 text-align: center;

 text-transform:uppercase;

 background: #333;

 border-radius: 23px;

}



.about_more a:hover {

 background: #333;

 color: #fff;

 border-radius: 5px;

}





.about_more2 {

 width: 132px;

 height: 45px;

 font-size: 14px;

 margin-top: 38px;

 margin-left: 10px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 float: left;

}



.about_more2 a {

 color: #fff;

 display: block;

 line-height: 45px;

 text-align: center;

 text-transform:uppercase;

 background: #be1417;

 border-radius: 23px;

}



.about_more2 a:hover {

 background: #be1417;

 color: #fff;

 border-radius: 5px;

}



















.gs_news_x {

 background: #f8f8f8;

 padding-bottom: 44px;

}



.gs_news_2 {

 width: 1226px;

 height: 140px;

 margin: 0 auto;

 position: relative;

 padding-top: 40px;

}





.in_newss_6x {

 width: 1226px;

 margin: 0 auto;

}



.in_newss_7 {

 float: left;

 width: 380px;

 height: 120px;

 background: #fff;

 overflow: hidden;

 position: relative;

 margin: 0 13px 20px 13px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_news_5_1 {

 float: left;

 width: 107px;

 height: 120px;

 text-align: center;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.in_news_5_1 h5 {

 height: 40px;

 line-height: 40px;

 font-size: 38px;

 padding-top: 20px;

 color: #333333;

 font-weight: bold;

}



.in_news_5_1 h6 {

 line-height: 20px;

 font-size: 12px;

 color: #999;

}





.in_newss_7_2 {

 float: right;

 width: 273px;

 height: 120px;

}



.in_newss_7_2 h6 {

 height: 30px;

 line-height: 30px;

 overflow: hidden;

 font-size: 16px;

 padding-top: 18px;

 padding-right: 24px;

}



.in_newss_7_2 h6 a {

 height: 30px;

 line-height: 30px;

 color: #333;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

}



.in_newss_7_2 h4 {

 color: #666666;

 font-size: 14px;

 line-height: 28px;

 height: 28px;

 overflow: hidden;

 padding-right: 24px;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

}



.in_newss_7_2 i {

 display: block;

 height: 32px;

 margin-top: 11px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 border-top: 1px solid #cccccc;

 position: relative;

 z-index: 5;

}



.in_newss_7_2 i a{

 line-height: 32px;

 display: block;

 color: #666;

 background: url(../image/news_jt.png) no-repeat 0;

}



.in_newss_7_2 h6 a:hover {

 padding-left: 10px;

 color: #be1417;

}



.in_newss_7:hover .in_newss_7_2 i{

 border-top: 1px solid #be1417;

}





.in_newss_7:hover .in_newss_7_2 i a {

 background: url(../image/news_jt.png) no-repeat 208px;

 color: #fff;

 padding-left: 12px;

}





.in_newss_7_2 i:before {

 position: absolute;

 content: '';

 bottom: 0;

 width: 0;

 height: 32px;

 background: #be1417;

 z-index: -1;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_newss_7:hover .in_newss_7_2 i:before {

 width: 100%;

}

















.in_newsfaq_ss {

 padding-top: 60px;

 padding-bottom: 25px;

}



.in_newsfaq {

 width: 1200px;

 height: auto;

 margin: 0 auto;

 margin-top: 40px;

 background:url(../image/news_bg1.png) no-repeat 0 0;

}



.in_news_1 {

 float: left;

 width: 245px;

 overflow: hidden;

 position: relative;

 margin-left: 50px;

}





.in_newss_two {

 float: left;

 width: 280px;

 height: 375px;

 position: relative;

 overflow: hidden;

 margin: 22px 0 0 25px;

}





.in_newss_two_1 {

 width: 280px;

 height: 375px;

 overflow: hidden;

}



.in_newss_two_1 img {

 width: 280px;

 height: 375px;

 transition: all 0.5s;

 transform: scale(1);

}



.in_newss_two_1 a:hover img {

 transition: all 0.5s;

 transform: scale(1.06);

}



.in_newss_two_tit{

 width: 100%;

 height: 40px;

 background-color:rgba(0,0,0,0.8);

 position: absolute;

 left: 0;

 bottom: 0;

}





.in_newss_two_tit a{

 display: block;

 color: #fff;

 line-height: 40px;

 text-align: center;

 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

 padding: 0 20px;

 font-size: 16px;

}







.in_newss_4 {

 margin-top: 40px;

}



.in_newss_4_1 {

  width: 245px;

 height: 150px;

 overflow: hidden;

}



.in_newss_4_1 img {

 width: 245px;

 height: 150px;

 transition: all 0.5s;

 transform: scale(1);

}



.in_newss_4_1 a:hover img {

 transition: all 0.5s;

 transform: scale(1.06);

}





.in_newss_4_2 {

 color: #666;

 line-height: 30px;

 overflow: hidden;

}





.in_newss_4_2 h6 {

 font-size: 16px;

 color: #333;

 height: 30px;

 line-height: 30px;

 overflow: hidden;

 padding-top: 12px;

}



.in_newss_4_2 h6 a {

 color: #333;

}



.in_newss_4_2 h6 a:hover {

 color: #be1417;

 padding-left: 10px;

}





.in_newss_4_2 h4 {

 line-height: 30px;

 height: 90px;

 overflow: hidden;

 color: #666;

 padding-top: 5px;

}





.in_newss_4_more {

 width: 115px;

 height: 30px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 margin: 10px 0 0 0;

}



.in_newss_4_more a {

 display: block;

 line-height: 30px;

 color: #fff;

 font-size: 0px;

 text-align: center;

 background:url(../image/news_jt2.png) no-repeat 0;

}



.in_newss_4_more a:hover {

 background:url(../image/news_jt2.png) no-repeat 20px;

}











.in_faq{

 width: 510px;

 float: right;

}



.in_faq_t {

 height: 24px;

}



.in_faq_t ul li {

 float: left;

 width: 95px;

 height: 24px;

 line-height: 1;

 font-size: 20px;

 color: #333;

 cursor: pointer;

 font-weight: bold;

}





.in_newss_four {



}



.in_nfourbox {

 height: 88px;

 overflow: hidden;

 position: relative;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 margin-top: 40px;

}





.in_nfourbox_1 {

 float: left;

 width: 80px;

 height: 78px;

 text-align: center;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 border-right: 1px dashed #cccccc;

}



.in_nfourbox_1 h5 {

 height: 50px;

 line-height: 1;

 font-size: 44px;

 color: #333333;

 font-weight: bold;

}



.in_nfourbox_1 h6 {

 line-height: 14px;

 font-size: 12px;

 color: #999;

 padding-top: 15px;

}





.in_nfourbox_2 {

 float: right;

 width: 410px;

 height: 120px;

}



.in_nfourbox_2 h6 {

 height: 30px;

 line-height: 30px;

 overflow: hidden;

 font-size: 16px;

}



.in_nfourbox_2 h6 a {

 height: 30px;

 line-height: 20px;

 color: #333;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

}



.in_nfourbox_2 h6 a:hover{

 color: #be1417;

 padding-left: 10px;

}





.in_nfourbox_2 h4 {

 color: #666666;

 font-size: 14px;

 line-height: 24px;

 height: 48px;

 padding-right: 24px;

 overflow: hidden;

 padding-top: 5px;

}







.in_newss_7:hover .in_newss_7_2 i{

 border-top: 1px solid #be1417;

}





.in_newss_7:hover .in_newss_7_2 i a {

 background: url(../image/news_jt.png) no-repeat 208px;

 color: #fff;

 padding-left: 12px;

}



.in_nfourbox:hover .in_nfourbox_1 h5{

color: #be1417;

}





.in_nfourbox:hover{

	transform: translate(-5px, -5px); 

	-webkit-transform: translate(-5px, -5px); 

	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);

}
