
/*-----------------------------------------------------------*/
/*copyright by 动力无限  www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/


/* banner 开始 */
.fullSlide {
 width: 100%;
 position: relative;
 height: 710px;
 overflow: hidden;
}

.fullSlide .bd {
 height: 710px;
 margin: 0 auto;
 position: relative;
 z-index: 1;
 overflow: hidden;
}

.fullSlide .bd ul {
 width: 100% !important;
}

.fullSlide .bd li {
 width: 100% !important;
 height: 710px;
 overflow: hidden;
 text-align: center;
}

.fullSlide .bd li a {
 display: block;
 height: 710px;
}


.fullSlide .hd {
 width: 200px;
 position: absolute;
 z-index: 2;
 bottom: 0;
 left: 50%;
 height: 70px;
 text-align: center;
 margin-left: -414px;
}


.fullSlide .hd ul {
 text-align: center;
}

.fullSlide .hd ul li {
 cursor: pointer;
 display: block;
 float: left;
 zoom: 1;
 width: 12px;
 height: 12px;
 margin: 0 14px;
 line-height: 99px;
 font-size: 0px;
 border-radius: 50%;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 opacity: 0.5;
 background: #fff;
 position: relative;
}


.fullSlide .hd ul li:before{
 content: '';
 display: block;
 position: absolute;
 left: -20px;
 top: 5px;
 z-index: 1;
 width: 0px;
 height: 1px;
 background: #fff;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.fullSlide .hd ul li.on{
 opacity: 1;
}

.fullSlide .hd ul li.on:before {
 width: 15px;
 opacity: 1;
}



.fullSlide .prev, .fullSlide .next {
 width: 40px;
 height: 60px;
 position: absolute;
 top: 50%;
 margin-top: -30px;
 z-index: 2;
 background: url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTxWrJyODDk9FExqrEE1RJ1L.jpg) -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(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTxWrJyODDk9FExqrEE1RJ1L.jpg) -126px -137px #000 no-repeat;
 left: 10%;
}

.fullSlide .next {
 background-position: -6px -137px;
 right: 10%;
}

/* banner 结束 */



.banner_tel {
 width: 500px;
 height: 52px;
 position: absolute;
 left: 50%;
 bottom: 195px;
 z-index: 5;
 margin-left: -672px;
}


.banner_telaa {
 color: #fff;
 height: 52px;
 padding-left: 63px;
 background: url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTxIgM1SMU0WqHj.jpg) no-repeat 0;
}

.banner_telaa span{
 display: block;
 font-size: 14px;
}

.banner_telaa i {
 font-size: 24px;
 display: block;
 line-height: 26px;
 text-transform:uppercase;
 padding-top: 4px;
}

.banner_telline{
 width: 1px;
 height: 177px;
 background-color:rgba(255,255,255,0.5);
 position: absolute;
 z-index: 3;
 left: 50%;
 bottom: 0;
 margin-left: -648px;
}



/* 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 */



/*留言*/


.webq_lybg{
 width: 100%;
 height: 260px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTy1YoSMFU0WqHj.jpg) no-repeat center;
 margin-top: 50px;
}


.webq_bottom_r {
 width: 1360px;
 margin: 0 auto;
 overflow: hidden;
}


.webq_bottom_ati{
 float: left;
 width: 475px;
 height: 260px;
 line-height: 1;
}


.webq_bottom_ati h3{
 font-size: 24px;
 display: block;
 font-weight: 100;
 line-height: 1;
 padding-top: 54px;
}


.webq_bottom_ati h4{
 font-size: 16px;
 display: block;
 font-weight: 100;
 line-height: 1;
 padding-top: 17px;
}


.ly_tel {
 color: #444444;
 height: 50px;
 background: url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTy1YoRODKEkQJyV.jpg) no-repeat 0;
 padding-left: 60px;
 margin-top: 37px;
}


.ly_tel span {
 display: block;
 line-height: 20px;
 font-size: 14px;
 padding-top: 2px;
 font-weight: 100;
}

.ly_tel i {
 display: block;
 line-height: 1;
 font-size: 24px;
 color: #548fef;
font-family: Arial;
 padding-top: 4px;
 font-weight: bold;
}







.webq_bottom_r3 {
 float: right;
 width: 870px;
 height: auto;
 padding-top: 56px;
}


.webq_bottom_r3_1 {
 width: 280px;
 height: 50px;
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 float: left;
 border: 1px solid #dddddd;
}


.webq_bottom_r3_wi{
 width: 270px;
 float: left;
}


.webq_bottom_ml {
 margin-left: 14px;
}


.webq_bottom_mt {
 width: 370px;
}


.webq_bottom_r1 {
 width: 650px;
 height: 77px;
 margin-top: 18px;
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 float: left;
 border: 1px solid #dddddd;
}


.webq_bd_1 {
 width: 100%;
 height: 75px;
 background: none;
 line-height: 30px;
 color: #333333;
 padding: 5px 12px 5px 12px;
 box-sizing: border-box;
 display: block;
 text-transform:uppercase;
}


.webq_bd_2 {
 width: 100%;
 height: 48px;
 line-height: 48px;
 background: none;
 color: #333333;
 box-sizing: border-box;
 padding: 0 12px 0 12px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 display: block;
 text-transform:uppercase;
}


.webq_bd_3 {
 width: 100%;
 height: 42px;
 line-height: 42px;
 background: none;
 color: #333333;
 box-sizing: border-box;
 padding: 0 10px 0 10px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 display: block;
 text-transform:uppercase;
}


.webq_bd_yz {
 width: 100%;
 height: 40px;
 line-height: 40px;
 background: none;
 color: #333333;
 box-sizing: border-box;
 padding: 0 10px 0 12px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 display: block;
 border: 1px solid #dedede;
}


.webq_bd_go {
 margin: 0;
 width: 207px;
 height: 77px;
 background: #548fef;
 cursor: pointer;
 color: #fff;
 line-height: 30px;
 font-size: 16px;
 border: 0;
 outline: none;
 float: left;
 margin-left: 13px;
 margin-top: 18px;
}



.webq_bottom_yzmtu {
 width: 90px;
 height: 40px;
 background: #548fef;
 position: absolute;
 top: 4px;
 right: 4px;
}


.webq_bottom_yzmtu img {
 width: 90px;
 height: 40px;
 display: block;
}





/*定义input的初始颜色home*/

.webq_bottom_r input::-webkit-input-placeholder {
 color: #999999;
}

.webq_bottom_r input::-moz-placeholder {
 color: #999999;
}

.webq_bottom_r input:-moz-placeholder {
 color: #999999;
}

.webq_bottom_r input:-ms-input-placeholder {
 color: #999999;
}

.webq_bottom_r textarea::-webkit-input-placeholder {
 color: #999999;
}

.webq_bottom_r textarea::-moz-placeholder {
 color: #999999;
}

.webq_bottom_r textarea:-moz-placeholder {
 color: #999999;
}

.webq_bottom_r textarea:-ms-input-placeholder {
 color: #999999;
}

/*定义input的初始颜色end*/


/*留言end*/


.a_tite_box{
 width: 1360px;
 margin: 0 auto;
}


.a_tite {
 width: 400px;
 height: 194px;
 float: left;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyWPoROSU0WqHj.jpg) no-repeat 0;
}


.zz_tite {
height: 192px;
 padding-top: 6px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTycnJH5JU0WqHj.jpg) no-repeat 0;
}


.a_tite h3 {
 line-height:1;
 font-size: 30px;
 color: #000000;
 margin-top: 48px;
 font-weight: 100;
}

.a_tite h4{
line-height: 1;
 color: #999999;
 font-size: 14px;
 padding-top: 22px;
}




.a_tite_more {
 width: 130px;
 height: 30px;
 float: right;
 z-index: 5;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 margin-top: 66px;
}


.a_tite_more a{
 display: block;
 line-height: 30px;
 font-size: 14px;
 color: #888888;
 text-transform:uppercase;
 text-align: right;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTygVoSynD1pqESgJ.jpg) no-repeat 0;
}

.a_tite_more a:hover{
 color: #4885e7;
}





/*产品*/

.in_products_xx {
 width: 100%;
 height: auto;
 padding-top: 58px;
}



.in_pfl_bg {
 width: 732px;
 height: 80px;
 float: right;
 margin-top: 44px;
}


.in_pfl {
 height: 80px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyWPoSWMJSkJTxIsID.jpg) no-repeat center 8px;
}


.in_pfl ul li {
 float: left;
 width: 122px;
 height: 80px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyWPoSWENOkQJyV.jpg) no-repeat center top;
 position: relative;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_pfl ul li a {
 display: block;
 line-height: 22px;
 overflow: hidden;
 font-size: 15px;
 color: #333333;
 text-align: center;
 padding-top: 46px;
}


.in_pfl ul li a:hover {
 color: #548fef;
 padding-top: 56px;
}

.in_pfl ul li:after{
 content: '';
 position: absolute;
 left: 49%;
 top: 25px;
 z-index: -1;
 width: 1px;
 height: 10px;
 background: #a2a2a2;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_pfl ul li:hover:after{
 top: 35px;
}

.in_pfl ul li:hover{
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyWPoSWENkkQJyV.jpg) no-repeat center top;
}








.in_products_r {
 width: 1360px;
 height: auto;
 margin: 0 auto;
}


.in_products_r .tab_box {

}

.in_products_pro {
 position: relative;
 width: 105%;
}


.in_pro_2 {
 float: left;
 width: 315px;
 margin: 0 33px 37px 0;
 overflow: hidden;
 position: relative;
 -webkit-transition: all .3s linear;
 transition: all .3s linear;
}



.in_pro_2 .in_pro_1pic {
 width: 100%;
 height: 260px;
 -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;
 padding: 5px;
 border: 1px solid #f0f0f0;
}


.in_pro_2 .in_pro_1pic img {
 width: 100%;
 height: 100%;
 transition: all 0.5s;
 transform: scale(1);
}


.in_pro_txt {
 height: 68px;
 -webkit-transition: all .3s linear;
 transition: all .3s linear;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyWPoSNRU0WqHj.jpg) no-repeat right;
 padding-right: 75px;
 margin-top: 4px;
 position: relative;
}

.in_pro_txt:before{
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 1px;
 background: #f0f0f0;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_pro_txt:after{
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 width: 65px;
 height: 1px;
 background: #000000;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_pro_2:hover .in_pro_txt:after{
 width: 100%;
 background: #548fef;
}


.in_pro_txt h6{
 height: 68px;
 line-height: 68px;
 font-size: 16px;
}

.in_pro_txt h6 a {
 color: #666666;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}


.in_pro_txt h6 a:hover{
 padding-left: 5px;
}

.in_pro_2:hover .in_pro_1pic{
padding: 4px;
 border: 2px solid #548fef;
}


.in_pro_2:hover .in_pro_txt a {
 color: #548fef;
}


.in_pro_2:nth-child(2) .in_pro_1pic {
 height: 335px;
}

.in_pro_2:nth-child(4) .in_pro_1pic {
 height: 335px;
}

.in_pro_2:nth-child(5){
 transform: translateY(-73px);
}

.in_pro_2:nth-child(5) .in_pro_1pic {
 height: 335px;
}

.in_pro_2:nth-child(7){
 transform: translateY(-73px);
}

.in_pro_2:nth-child(7) .in_pro_1pic {
 height: 335px;
}


/*产品end*/




/*优势*/


.advantage {
 width: 100%;
 height: 750px;
 margin-top: 0px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTxuOoSMFU1uQHj.jpg) no-repeat center;
}


.advantage_p {
 width: 1360px;
 height: 628px;
 margin: 0 auto;
 position: relative;
}



.advantage_t2 {
 position: absolute;
 left: 0;
 top: 114px;
}


.advantage_t2 h3 {
 line-height:1;
 font-size: 30px;
 color: #fff;
 font-weight: 100;
}

.advantage_t2 h4{
 line-height: 1;
 color: #fff;
 font-size: 14px;
 padding-top: 22px;
}

.advantage_t2 h5{
 height: 4px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTxuOoSOEU0WqHj.jpg) no-repeat 0;
 margin-top: 16px;
}




.advantage_p .advantage_cent{
 width: 100%;
 height: 630px;
 overflow: hidden;
 display: block;
 position: relative;
}


.advantage_p .tab_box_2 {

}


.advantage_p .ys_aaa{
 width: 700px;
 height: 500px;
 overflow: hidden;
 float: right;
 margin: 119px 76px 0 0;
}


.advantage_p .ys_bbb{
 width: 355px;
 height: 320px;
 float: left;
 margin-left: 20px;
 padding-top: 250px;
}


.youshi_pro_1_l {
 width: 700px;
 height: 500px;
 overflow: hidden;
 border-radius: 0 100px;
}

.youshi_pro_1_l img {
 width: 700px;
 height: 500px;
 transition: all 0.5s;
 transform: scale(1);
}



.youshi_pro_2a {

}


.youshi_pro_2a h5 {
 width: 46px;
 height: 1px;
 position: relative;
 z-index: 5;
 background:#cccccc;
 margin-top: 15px;
}


.youshi_pro_2a span{
 display: block;
 font-size: 36px;
 color: #dbe5fb;
 line-height: 30px;
 text-transform:uppercase;
 font-family: Constantia;
}


.youshi_pro_2a i{
 line-height: 1;
 display: block;
 font-size: 24px;
 color: #fff;
 padding-top: 19px;
}


.youshi_pro_2_1 {
 line-height: 42px;
 padding: 42px 0 0 0;
 color: #fff;
 font-size: 15px;
}




.advantage_p .hd {
 width: 95px;
 height: 375px;
 position: absolute;
 left: 479px;
 top: 194px;
 z-index: 5;
}


.advantage_p .hd ul{

}


.advantage_p .hd ul li {
 cursor: pointer;
 width: 95px;
 height: 80px;
 position: relative;
 margin-bottom: 10px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 background: #000000;
}


.advantage_p .hd ul li h6{
 width: 95px;
 height: 80px;
}

.advantage_p .hd ul li h6 img{
 width: 95px;
 height: 80px;
 opacity: 0.6;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.advantage_p .hd ul li span {
display: block;
 border: 2px solid #fff;
 width: 95px;
 height: 80px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: absolute;
 left: 0;
 top: 0;
 opacity: 0;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.advantage_p .hd ul li.on{

}

.advantage_p .hd ul li.on span{
 opacity: 1;
}


.advantage_p .hd ul li.on h6 img{
 opacity: 1;
}



.ys_tel{
 width: 225px;
 height: 58px;
 position: absolute;
 left: 20px;
 top: 600px;
 background: #fff;
 border-radius: 0 20px;
 padding: 5px;
 -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;
}


.ys_tel span{
 height: 48px;
 display: block;
 font-size: 14px;
 border: 1px solid #dee8fa;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 0 20px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.ys_tel span a{
 color: #548fef;
 font-size: 16px;
 display: block;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTxuOoRIRU0WqHj.jpg) no-repeat 50px;
 padding-left: 86px;
line-height: 46px;
}


.ys_tel:hover{
border-radius: 20px 0;
}

.ys_tel:hover span{
 border-radius: 20px 0;
}


/*优势end*/


/*简介*/


.in2_about {
 width: 100%;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyODoSMFU0WqHj.jpg) no-repeat center 45px;
 overflow: hidden;
 margin-top: 79px;
}


.in2_about_1 {
 width: 1360px;
 margin: 0 auto;
 position: relative;
}



.in2_about_2_t {
 height: 40px;
 color: #d1d1d1;
 font-size: 36px;
 text-transform: uppercase;
}


.in2_about_3x {
 width: 465px;
 float: left;
}



.in2_about_3_t1 {
 padding-top: 93px;
}


.in2_about_3_t1 h3 {
 line-height:1;
 font-size: 30px;
 color: #000;
 font-weight: 100;
}

.in2_about_3_t1 h4{
 line-height: 1;
 color: #999999;
 font-size: 14px;
 padding-top: 22px;
}

.in2_about_3_t1 h5{
 height: 4px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyODoSOEU0WqHj.jpg) no-repeat 0;
 margin-top: 16px;
}





.in2_about_6 {

}


.in2_about_3 {
 line-height: 36px;
 height: 180px;
 overflow: hidden;
 padding: 38px 0 0 0;
 color: #888888;
 font-size: 15px;
}





.in2_about_5 {
 height: auto;
}


.in2_about_more {
 width: 116px;
 height: 40px;
 margin-top: 38px;
 position: relative;
}


.in2_about_more span{
 display: block;
}

.in2_about_more span a{
 display: block;
 font-size: 16px;
 color: #333333;
 line-height: 40px;
 text-transform:uppercase;
}


.in2_about_more span a:hover{
 color: #4885e7;
 padding-left: 5px;
}


.in2_about_more:after{
 content: '';
 display: block;
 position: absolute;
 right: 0;
 bottom: 0;
 width: 70px;
 height: 2px;
 background: #000000;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}

.in2_about_more:hover:after{
 width: 100%;
background: #4885e7;
}



/*---*/



.about_rr {
 float: right;
 width: 800px;
 height: 470px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 margin-top: 46px;
}


.about_rr_img {
 width: 800px;
 height: 470px;
 overflow: hidden;
}

.about_rr_img img{
 width: 800px;
 height: 470px;
}


.about_rr:hover{
 transform: translateY(-5px);
}

.about_aa{
 width: 600px;
 height: 80px;
 background: #fff;
 position: absolute;
 right: 0;
 bottom: 0;
 line-height: 1;
}

.about_aa h4{
 color: #666666;
 font-size: 14px;
 padding: 23px 0 0 32px;
}

.about_aa h5{
 color: #999999;
 font-size: 12px;
 text-transform:uppercase;
 padding: 13px 0 0 32px;
}


.about_cc{
 width: 223px;
 height: 280px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyANHycEDxMpExjsDy1G.jpg) no-repeat center;
 position: absolute;
 right: 50px;
 top: 0;
 line-height: 1;
}

.about_cc span{
 display: block;
 color: #fff;
 font-size: 24px;
 font-weight: bold;
 line-height: 1;
 padding-top: 196px;
}


/*简介end*/



/*荣誉*/


.rong_cont {
 margin-top: 120px;
}

.in_rong_ss {
 width: 1360px;
 margin: 0 auto;
 position: relative;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTayqKIgUU0WqHj.jpg) no-repeat 0 10px;
}


.in_rong_right {
 width: 100%;
 position: relative;
 overflow: hidden;
}


.in_rong_cont {
 width: 100%;
 margin: 0 auto;
 position: relative;
}

.in_rong {
 padding-left: 76px;
}


.in_rong_li {
 float: left;
 width: 290px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 position: relative;
 margin: 0 0px 10px 31px;
}


.rong_imgscale_x {
 width: 100%;
 height: 310px;
 position: relative;
 overflow: hidden;
 padding: 9px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border: 1px solid #f0f0f0;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}



.rong_imgscale {
 width: 100%;
 height: 100%;
}


.rong_imgscale img {
 width: 100%;
 height: 100%;
}


.in_rong_txt{
 height: 40px;
 line-height: 40px;
 margin-top: 16px;
 border-bottom: 1px solid #f0f0f0;
 position: relative;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}

.in_rong_txt h6{
 height: 40px;
}

.in_rong_txt h6 a{
 display: block;
 color: #666666;
 font-size: 15px;
 padding: 0 70px 0 8px;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.in_rong_txt h6 a:hover{
 color: #4885e7;
 padding-left: 13px;
}


.in_rong_txt h5{
 width: 65px;
 height: 40px;
 position: absolute;
 right: 0;
 top: 0;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTxAYoSupK1pqESgJ.jpg) no-repeat 40px;
}

.in_rong_txt h5 a{
 display: block;
 color: #999999;
 font-size: 14px;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
 text-transform:uppercase;
}


.in_rong_txt h5 a:hover{
 color: #4885e7;
}


.in_rong_li:hover .in_rong_txt{
 border-bottom: 1px solid #4885e7;
}


.in_rong_li:hover .rong_imgscale_x{
 border: 1px solid #4885e7;
}

.fill {object-fit: fill;}
.contain {object-fit: contain;}
.cover {object-fit: cover;}
.scale-down {object-fit: scale-down;}
.none {object-fit: none;}


/*荣誉end*/



/*案例*/


.case{
 width: 100%;
 margin: 0 auto;
 height: 650px;
 position: relative;
 overflow: hidden;
 margin-top: 70px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyOroSMFU0WqHj.jpg) no-repeat center;
}


.case_aa{
 width: 1360px;
 margin: 0 auto;
 position: relative;
 padding-top: 87px;
}

.case_aatit{
 position: absolute;
 left: 780px;
 top: 0px;
}



.case_box {
 width: 1360px;
}


.case_box .hide{
 display: none;
}



.case_pro{
 height: 468px;
 position: relative;
}


.case_cent{
 width: 1360px;
 height: 468px;
 overflow: hidden;
 position: relative;
}


.case_centleft{
 width: 698px;
 height: 468px;
 float: left;
}

.case_centleft img{
 width: 698px;
 height: 468px;
}



.case_centright{
 width: 580px;
 float: right;
 position: relative;
}


.case_centrightxt {
 padding-top: 145px;
}


.case_centrightxt h6 {
 font-size: 18px;
 height: 40px;
 line-height: 1;
 border-bottom: 1px solid #dddddd;
}

.case_centrightxt h6 a{
 display: block;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.case_centrightxt h6 a:hover{
 padding-left: 5px;
}


.case_centrightxt h4{
 color: #999999;
 font-size: 14px;
 line-height: 30px;
 height: 60px;
 overflow: hidden;
 padding-top: 20px;
}



.in_anli_cont {
 width: 765px;
 height: 120px;
 position: absolute;
 right: 0;
 bottom: 30px;
 background: #fff;
}


.in_anli {
 width: 765px;
 margin: 0 auto;
 padding-top: 18px;
}

.in_anli ul{
 padding-left: 27px;
}

.in_anli ul li {
 float: left;
 width: 125px;
 height: 85px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 position: relative;
 margin: 0 9px 0 9px;
}

.in_anli ul li:after{
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 width: 125px;
 height: 85px;
border: 2px solid #4885e7;
 opacity: 0;
 -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;
 pointer-events: none;
}


.in_anli ul li.on:after{
 opacity: 1;
}


.anli_imgscale_x {
 width: 100%;
 height: 85px;
 overflow: hidden;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 background: #084789;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}


.anli_imgscale {
 width: 100%;
 height: 100%;
 overflow: hidden;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}

.anli_imgscale img {
 width: 100%;
 height: 100%;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


/*案例end*/



/*in_banner1*/

.in_banner1 {
 width: 100%;
 height: 160px;
 background: #548fef;
}


.in_banner1_1 {
 width: 1360px;
 height: 160px;
 margin: 0 auto;
 position: relative;
}

.in_banner1_cc{
 position: absolute;
 left: -266px;
 top: 77px;
 width: 247px;
 height: 204px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyupoSLRH1ILTxIsID.jpg) no-repeat center;
}


.in_banner1_right {
 color: #fff;
 padding: 39px 0 0 0;
 width: 635px;
 float: left;
 line-height: 1;
}


.in_banner1_pic2 {
 font-size: 30px;
 font-weight: 100;
}

.in_banner1_pic5{
 font-size: 22px;
 padding-top: 23px;
 font-weight: 100;
}


.in_banner1_2 {
 width: 725px;
 height: 70px;
 float: right;
 margin-top: 48px;
}


.in_banner1_3 {
 color: #fff;
 float: left;
 height: 70px;
 padding-left: 85px;
 background: url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyupoSLREIqsTxIsID.jpg) no-repeat 0;
}

.in_banner1_3 span{
 display: block;
 font-size: 16px;
 font-weight: 100;
 padding-top: 4px;
}

.in_banner1_3 i {
 font-size: 24px;
 display: block;
 line-height: 26px;
 text-transform:uppercase;
 font-weight: 100;
 padding-top: 7px;
}



.in_banner1_6 {
 float: right;
 width: 215px;
 height: 48px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 margin-top: 13px;
}


.in_banner1_6 a {
 color: #4885e7;
 display: block;
 font-size: 16px;
 font-weight: bold;
 line-height: 48px;
 padding-left: 92px;
 border-radius: 0px 20px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTyupoSLRDRZqESgJ.jpg) no-repeat 57px #fff;
}


.in_banner1_6 a:hover {
 border-radius: 20px 0;
}



/*见证*/


.zheng_xx {
 width: 100%;
 padding-top: 66px;
}


.zheng_box {
 width: 1360px;
 margin: 0 auto;
 position: relative;
}

.zheng_por {
 width: 1400px;
 margin: 0 auto;
}


/*---*/


.in_zheng_thr {
 float: left;
 width: 660px;
 height: 280px;
 margin: 0 40px 40px 0;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 background: #fbfbfb;
 position: relative;
 z-index: 5;
}

.in_zheng_thr_q{
 width: 190px;
 height: 190px;
 border-radius: 50%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: absolute;
 top: 44px;
 left: 40px;
 z-index: -1;
 border: 1px solid #dddddd;
}


.in_zheng_thr_1 {
 float: left;
 width: 190px;
 height: 190px;
 overflow: hidden;
 border-radius: 50%;
 margin: 44px 0 0 30px;
}


.in_zheng_thr_1 img {
 width: 190px;
 height: 190px;
 transition: all 0.5s;
 transform: scale(1);
}


.in_zheng_thr_2 {
 float: left;
 width: 350px;
 overflow: hidden;
 margin-left: 38px;
 position: relative;
}


.in_zheng_thr_2 h6 {
 font-size: 18px;
 font-weight: normal;
 color: #333333;
 height: 30px;
 line-height: 30px;
 overflow: hidden;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 padding-top: 43px;
}


.in_zheng_thr_2 h6 a {
 color: #333333;
 display: block;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}


.in_zheng_thr_2 h6 a:hover {
 padding-left: 5px;
}


.in_zheng_thr_2 h5{
 width: 32px;
 height: 1px;
 background: #a8a8a8;
 margin-top: 15px;
}


.in_zheng_thr_2 h4 {
 color: #999999;
 font-size: 14px;
 line-height: 32px;
 height: 96px;
 overflow: hidden;
 padding-top: 20px;
}


.in_zheng_thr_2 h5{
 width: 117px;
 height: 1px;
 background: #dddddd;
}




.in2_about_more {
 width: 116px;
 height: 40px;
 margin-top: 38px;
 position: relative;
}


.in2_about_more span{
 display: block;
}

.in2_about_more span a{
 display: block;
 font-size: 16px;
 color: #333333;
 line-height: 40px;
 text-transform:uppercase;
}


.in2_about_more span a:hover{
 color: #4885e7;
 padding-left: 5px;
}


.in2_about_more:after{
 content: '';
 display: block;
 position: absolute;
 right: 0;
 bottom: 0;
 width: 70px;
 height: 2px;
 background: #000000;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}

.in2_about_more:hover:after{
 width: 100%;
 background: #4885e7;
}



.in_zheng_thr_2 i{
 display: block;
 height: 30px;
 margin-top: 10px;
}


.in_zheng_thr_2 i span{
 display: block;
 width: 110px;
 height: 30px;
 position: relative;
 float: right;
}

.in_zheng_thr_2 i span a{
 display: block;
 font-size: 14px;
 color: #333333;
 line-height: 30px;
 text-transform:uppercase;
}


.in_zheng_thr_2 i span a:hover{
 color: #4885e7;
 padding-left: 5px;
}


.in_zheng_thr_2 i span:after{
 content: '';
 display: block;
 position: absolute;
 right: 0;
 bottom: 0;
 width: 70px;
 height: 2px;
 background: #000000;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_zheng_thr_2 i span:hover:after{
 width: 100%;
}


.in_zheng_thr:hover{
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTygVoSMFNkkQJyV.jpg) no-repeat center #4885e7;
}

.in_zheng_thr:hover .in_zheng_thr_2 h6 a{
 color: #fff;
}

.in_zheng_thr:hover .in_zheng_thr_2 h4{
 color: #fff;
}

.in_zheng_thr:hover .in_zheng_thr_2 i a{
 color: #fff;
}

.in_zheng_thr:hover .in_zheng_thr_2 i span:after{
 background: #fff;
}


.in_zheng_thr:hover .in_zheng_thr_q {
border: 2px solid #fff;
}


/*见证end*/


/*新闻*/


.in_news_ss {
 width: 100%;
 padding-top: 90px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTy9KERqdH1HqESgJ.jpg) no-repeat center top #fbfbfb;
 margin-top: 65px;
 overflow: hidden;
 padding-bottom: 30px;
}


.in_news_pro {
 width: 1360px;
 margin: 0 auto;
 position: relative;
}


.in_news_tit{
 position: absolute;
 left: 0;
 top: 0;
 width: 500px;
}

.in_news_tit h3 {
 line-height:1;
 font-size: 30px;
 color: #000000;
 font-weight: 100;
}

.in_news_tit h4{
 line-height: 1;
 color: #999999;
 font-size: 14px;
 padding-top: 22px;
}



#tab_news {
 width: 100%;
 margin-top: 10px;
}

#tab_news .news_menu {
 height: 45px;
 margin-left: 814px;
}


#tab_news .news_menu li {
 float: left;
 width: 160px;
 height: 45px;
 line-height: 45px;
 color: #fff;
 font-size: 16px;
 cursor: pointer;
 margin-left: 22px;
 background: #102540;
 border-radius: 0px 20px;
 text-align: center;
}


#tab_news .news_menu li a{
 color: #fff;
}


#tab_news .news_menu .on {
 cursor: pointer;
 background: #4885e7;
}



#tab_news .news_menu span {
 display: block;
}



.in_news_ss .tab_box_news {
 width: 100%;
 clear: both;
 margin-top: 0px;
}

.in_news_ss .tab_box_news .hide {
 display: none;
}

.in_news_1 {

}

.in_news_2 {
 width: 100%;
 position: relative;
 padding-top: 58px;
}


/*---*/


/*---*/
.in_newss_4box{
 width: 1360px;
 overflow: hidden;
 height: 374px;
 border-bottom: 1px solid #dddddd;
 position: relative;
}


.in_newss_4line1{
 width: 1px;
 height: 310px;
 border-left: 1px solid #dddddd;
 position: absolute;
 left: 297px;
 top: 0;
 z-index: 1;
}


.in_newss_4line2{
 width: 1px;
 height: 310px;
 border-left: 1px solid #dddddd;
 position: absolute;
 left: 680px;
 top: 0;
 z-index: 1;
}

.in_newss_4line3{
 width: 1px;
 height: 310px;
 border-left: 1px solid #dddddd;
 position: absolute;
 left: 1060px;
 top: 0;
 z-index: 1;
}


/*---*/


.in_newss_four_a{
 width: 120%;
 position: relative;
}


.in_nfourbox {
 position: relative;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 width: 215px;
 float: left;
 margin-right: 166px;
 margin-bottom: 34px;
}


.in_nfourbox_1{
 width: 100%;
 height: 150px;
 overflow: hidden;
 }

.in_nfourbox_1 img{
 width: 100%;
 min-height: 150px;
}


.in_nfourbox_2 {
 padding-top: 22px;
}


.in_nfourbox_2 h6 {
 height: 30px;
 line-height: 30px;
 overflow: hidden;
 font-size: 16px;
}


.in_nfourbox_2 h6 a {
 color: #333;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.in_nfourbox_2 h6 a:hover {
 color: #4885e7;
 padding-left: 5px;
}


.in_nfourbox_2 h4 {
 color: #999999;
 font-size: 14px;
 line-height: 24px;
 height: 48px;
 overflow: hidden;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 margin-top: 7px;
}

.in_nfourbox:hover .in_nfourbox_2 h6 a{
 color: #4885e7;
}



.news_mm {
 width: 100px;
 height: 36px;
 margin-top: 15px;
 position: relative;
}


.news_mm span{
 display: block;
}

.news_mm span a{
 display: block;
 font-size: 14px;
 color: #333333;
 line-height: 36px;
 text-transform:uppercase;
}


.news_mm span a:hover{
 color: #4885e7;
 padding-left: 5px;
}


.news_mm:after{
 content: '';
 display: block;
 position: absolute;
 right: 0;
 bottom: 0;
 width: 60px;
 height: 2px;
 background: #000000;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}

.news_mm:hover:after{
 width: 100%;
 background: #4885e7;
}




/*---*/


.gs_news_box{
 width: 100%;
 padding-top: 45px;
}

.gs_news_2 {
 width: 800px;
 float: right;
 position: relative;
}


.in_newss_7 {
 height: 130px;
 position: relative;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 margin-bottom: 24px;
 z-index: 4;
}

.gs_news_line{
 width: 1px;
 height: 154px;
 border-left: 1px solid #dddddd;
 position: absolute;
 left: 90px;
 top: 0;
 z-index: 2;
}

.in_newss_7:after{
 content: '';
 position: absolute;
 left: 0;
 top: 50%;
 z-index: -1;
 width: 1080px;
 height: 0;
 background: #fff;
 opacity: 0;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_newss_7:hover:after{
 opacity: 1;
 top: 0;
 height: 100%;
}


.in_news_5_1 {
 float: left;
 width: 83px;
 height: 45px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 padding-right: 8px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTy9KERqdKIgqHDpsDy1G.jpg) no-repeat right 2px;
 text-align: right;
 margin-top: 25px;
 font-family: Arial;
 position: relative;
 z-index: 4;
}


.in_news_5_1 h5 {
 line-height:19px;
 font-size: 24px;
 color: #a6a3a3;
}


.in_news_5_1 h6 {
 line-height: 20px;
 font-size: 14px;
 color: #000;
 padding-top: 5px;
}


.in_newss_7_2 {
 width: 698px;
 float: right;
 margin-top: 26px;
}

.in_newss_7_2 h6 {
 line-height: 1;
 overflow: hidden;
 font-size: 16px;
}


.in_newss_7_2 h6 a {
 color: #333;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}


.in_newss_7_2 h4 {
 color: #999999;
 font-size: 14px;
 line-height: 30px;
 height: 60px;
 overflow: hidden;
 padding-top: 12px;
}


.in_newss_7:hover .in_newss_7_2 h6 a:hover{
 padding-left: 5px;
 color: #4885e7;
}


.in_newss_7:nth-child(1) .gs_news_line{
 top: 27px;
}

.in_newss_7:nth-child(3) .gs_news_line{
 top: 0px;
 height: 108px;
}


/*---*/



.in_newss_4 {
 width: 510px;
 position: relative;
 overflow: hidden;
 float: left;
 margin-top: 25px;
}


.in_newss_4_1 {
 width: 510px;
 height: 270px;
 overflow: hidden;
}

.in_newss_4_1 img {
 width: 100%;
 height: 100%;
 transition: all 0.5s;
 transform: scale(1);
}


.in_newss_4_2 {

}


.in_newss_4_2ll {
 float: left;
 width: 70px;
 height: 45px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 padding-right: 8px;
 background:url(/EIqrESyDEyMUTxSEoRAsIIbpKIuDIIMUTy9KERqdKIgqHDpsDy1G.jpg) no-repeat right 2px;
 text-align: right;
 margin-top: 31px;
 font-family: Arial;
 position: relative;
 z-index: 4;
}


.in_newss_4_2ll h5 {
 line-height:19px;
 font-size: 24px;
 color: #a6a3a3;
}


.in_newss_4_2ll h6 {
 line-height: 20px;
 font-size: 14px;
 color: #000;
 padding-top: 5px;
}




.in_newss_4_2rr{
 width: 420px;
 float: right;
 padding-top: 25px;
}


.in_newss_4_2 h6{
}

.in_newss_4_2 h6 a {
 color: #333;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 font-size: 16px;
 height: 30px;
 line-height: 30px;
}

.in_newss_4_2 h6 a:hover{
 padding-left: 5px;
 color: #005197;
}


.in_newss_4_2 h4{
 color: #999999;
 font-size: 14px;
 line-height: 30px;
 height: 60px;
 overflow: hidden;
 padding-top: 5px;
}







<!--耗时0.00040507316589355秒-->