@charset "utf-8";







html,body,dl,dt,dd,ol,ul,li,p,span,em,cite,del,a,img,h1,h2,h3,h4,h5,h6,object,pre,code,form,fieldset,legend,pre,input,select,textarea,blockquote,q,table,caption,thead,tbody,tfoot,th,td,button {margin:0;padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); background:transparent; }	



html , body{  width:100%; word-wrap:break-word  }
tpsj-1122


body { font-size:13px; color:#383838; background:none; min-height:40vh ;   }

html , body{ font-family:"微软雅黑";}



.body-box{ background:#fff;}



table { border-collapse:collapse; border-spacing:0;}

img, fieldset, abbr, acronym { border:none; vertical-align:top}

a img { border:none; padding:0; margin:0;}   


blockquote,q { quotes:none;}



p{



     -webkit-text-size-adjust:none; 



}



a { color:#333;  text-decoration:none; cursor:pointer;}





address,caption,cite,code,dfn,em,th,var { margin:0;padding:0; font-style:normal;font-weight:normal;}



*{ margin:0 auto; padding:0px; }



/* ----End Reset---- */



input , textarea , select , option{ border:none; background:none; outline:none; font-family:"siyuan";}



textarea{ resize:none}



select::-ms-expand{ display: none; }

video{ border:none}

/*---- Patchs---- */



.fl { float:left;}		



.fr { float:right;}		



.fn { float:none;}



.cl { clear:left;}



.cr { clear:right;}



.cb { clear:both;}



.tl { text-align:left;} 



.tr { text-align:right;}



.tc { text-align:center;}



li{ list-style:none; vertical-align:bottom}

.phone-box{ display:none;}
.phone-box1{ display:none;}




.car-nav{
    width: 100%;
    height: 90px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 999;

}


.container{
    width: 1200px;
    margin: 0 auto;
}
.car-container{
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
.car-logo{
    line-height: 90px; float:left; margin-left:0
}
.car-logo img{
    width: 163px;
    height: 47px;
    margin-right: 10px;
    vertical-align: middle;
}
.car-logo span{
    font-size: 15px;
    color: #666;
    padding-left: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 1px solid #ccc;
}

.car-nav-ul{
    padding-left: 100px;
}
.car-nav-ul li{
    float: left;
    position: relative;
}
.car-nav-ul li>a, .car-nav-ul li>span{
    display: block;
    padding: 34px 20px;
    font-size: 16px;
    color: #333;
    box-sizing: border-box;
}

.car-nav-ul li::after{
    content: '';
    width: 0px;
    height: 2px;
    position: absolute;
    bottom: 26px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #1091fe;

}
.car-nav-ul li.active::after{
     width: calc(100% - 40px);
}
.car-nav-ul li.active>a:not(.nav-btn){
    color: #1091fe;
}
.car-nav-ul li:hover>a:not(.nav-btn){
    color: #1091fe;
}
.car-nav-ul li:hover span{
    color: #1091fe;
}

.car-nav-li:hover::after{
     width: calc(100% - 40px);
}

.car-nav-li span{
    background: url(../images/back.png) center right no-repeat;
    background-size: 14px 7px;
}

.car-nav-fixed .car-nav-li span{
    background: url(../images/back1.png) center right no-repeat;
    background-size: 14px 7px;
}



.car-nav-fixed .car-nav-li span{
    background: url(../images/back1.png) center right no-repeat;
    background-size: 14px 7px;
}


.nav-second{
    background: #fff;
    padding: 10px 0;
    position: absolute;
    left: -10px;
    z-index: 99;
    box-shadow: 0px 1px 4px 0px rgba(13, 19, 40, 0.1);
    display: none;
}
.nav-second-list{
    min-width: 120px;
    text-align: center;
}
.nav-second-list a{
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 34px;
    background: #fff;
}
.nav-second-list a:hover{
    background-color: rgba(3,115,217,0.1);
    color: #1091fe;
}
.nav-second-list.active a{
    color: #1091fe;
    background-color: rgba(3,115,217,0.1);
}


/* .car-nav-phone{
    margin-left: auto;
    font-size: 18px;
    color: #242632;
    font-weight: 600; float:right; margin-right:0
} */
.car-nav-phone p{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
/*.car-nav-phone img{
    width: 17px;
    height: 20px;
    margin-right: 5px;
}*/
/*.car-nav-phone span{
    font-size: 14px;
    color: #242632;
    font-weight: normal;
    padding-left: 22px;
}*/
.car-nav .car-logo img:nth-child(2){
    display: none;
}
.car-nav-fixed .car-logo img:first-child{
    display: none;
}
.car-nav-fixed .car-logo img:nth-child(2){
    display: inline-block;
}
.car-nav-fixed{
    background: #000;
    height: 70px;
}
.car-nav-fixed .car-nav-ul li>a, .car-nav-fixed .car-nav-ul li>span{
    color: #fff;
}
.car-nav-fixed .nav-second{
    top: 79px;
}
.car-nav-fixed .car-logo span{
    color: #fff;
    opacity: 0.8;
}
.car-nav-fixed .car-nav-phone{
    color: #fff;
}
.car-nav-fixed .car-nav-phone span{
    color: #fff;
    opacity: 0.8;
}

.nav-second{
    background: #fff;
    padding: 10px 0;
    position: absolute;
    left: -10px;
    z-index: 99;
    box-shadow: 0px 1px 4px 0px rgba(13, 19, 40, 0.1);
    display: none;
}
.nav-second-list{
    min-width: 120px;
    text-align: center;
}
.nav-second-list a{
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 34px;
    background: #fff;
}
.nav-second-list a:hover{
    background-color: rgba(3,115,217,0.1);
    color: #1091fe;
}
.nav-second-list.active a{
    color: #1091fe;
    background-color: rgba(3,115,217,0.1);
}


.car-nav-phone{
    margin: 0;
    margin-left: auto;
    font-size: 18px;
    color: #242632;
    font-weight: 600; vertical-align:top;
}
.car-nav-phone p{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.top-box1{ width:32px; height:32px; display:inline-block; vertical-align:top; margin-top:5px; position:relative;}
.top-box1 span{ display:block; width:32px; height:32px; overflow:hidden; }
.top-box1 span img{ width:100%; height:100%;}
.top-box1 p{ width:90px; height:90px; position:absolute; top:36px; left:0; z-index:9; display:none;}
.top-box1 p img{ width:100%; height:100%;}
.top-box1:hover p{ display:block}

.top-box2{ width:32px; height:32px; display:inline-block; margin-left:12px;  vertical-align:top; margin-top:5px; margin-right:3px;}
.top-box2 img{ width:32px; }
.top-box3{ display:inline-block; width:116px; height:auto; line-height:20px; font-size:15px; font-weight:600; }
.top-box3 font{ display:block;}


/*.car-nav-phone img{
    width: 17px;
    height: 20px;
    margin-right: 5px;
}
.car-nav-phone span{
    font-size: 14px;
    color: #242632;
    font-weight: normal;
    padding-left: 42px;
}*/
.car-nav .car-logo img:nth-child(2){
    display: none;
}
.car-nav-fixed .car-logo img:first-child{
    display: none;
}
.car-nav-fixed .car-logo img:nth-child(2){
    display: inline-block;
}
.car-nav-fixed{
    background: #000;
    height: 70px;
}
.car-nav-fixed .car-nav-ul li>a, .car-nav-fixed .car-nav-ul li>span{
    color: #fff;
}
.car-nav-fixed .nav-second{
    top: 79px;
}
.car-nav-fixed .car-logo span{
    color: #fff;
    opacity: 0.8;
}
.car-nav-fixed .car-nav-phone{
    color: #fff;
}
.car-nav-fixed .car-nav-phone span{
    color: #fff;
    opacity: 0.8;
}

.banenr{ width:100%; height:700px; overflow:hidden; background:url(../images/banner.jpg) center center no-repeat;}
.banner-1{ width:1200px; height:auto;}
.banner-11{ width:520px; height:auto; overflow:hidden; float:left}
.banner-111{ width:100%; height:auto; line-height:86px; overflow:hidden; font-size:46px; color:#ffffff; padding-top:194px;}
.banner-112{ width:100%; height:auto; line-height:66px; overflow:hidden; font-size:30px; color:#b9f5f9; letter-spacing:6px}

.banner-113{ width:260px; height:68px; overflow:hidden; margin-top:44px;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative;
background: #fff; margin-left:0;

}
.banner-1131{ width:4px; height:4px; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:32px auto 0; background:rgba(0,0,0,0.15);  -webkit-animation:fxtop2 1.1s 0.5s linear infinite;}
.banner-1132{ width:100%; height:100%;height:68px; line-height:68px; text-align:center; font-size:26px; color:#8301e4; overflow:hidden; position:absolute; left:0; top:0; z-index:9; cursor:pointer;}
.banner-1132 a{ color:#8301e4; display:block; width:100%; height:100%;}
.banner-12{ width:696px; height:553px; overflow:hidden; float:right; margin-top:132px; margin-right:-24px;}

  @-webkit-keyframes fxtop2 
    {  
        0%{  
       
            transform: scale(1); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; opacity: 1;
				
        }  

/*        50%{  

           transform: scale(1.2);
				
        } */
				80%{  

            transform: scale(65); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;  opacity: 0;
					
        } 
				
				100%{  

            transform: scale(65); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;  opacity: 0;
					
        }  
    }  
		
.index-1max{ width:100%; height:576px; overflow:hidden; background: #fff;}
.index-btbox{ width:1200px; height:auto; overflow:hidden; padding-top:84px; margin:0 auto;}
.index-bt1{ width:100%; height:auto; overflow:hidden; line-height:64px; font-size:44px; overflow:hidden; text-align:center; color:#333;}
.index-bt2{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:18px; overflow:hidden; text-align:center; color:#999;  text-transform:Uppercase;}

.index-1{ width:1200px; height:auto;  padding-top:53px; padding-bottom:30px;}
.index-11{ width:234px; height:266px; overflow:hidden; float:left; margin-right:88px; border-radius:26px;}
.index-1 .index-11:nth-child(4n){ margin-right:0;}
.index-111{ width:170px; height:170px; margin:12px auto 0; background:#36abfb;  border-radius:50%; overflow:hidden;  -webkit-transition: all 0.3s;}
.index-111 img{ width:82px; height:70px; display:block; margin:50px auto 0;  -webkit-transition: all 0.3s;}
.index-112{ width:100%; height:44px; line-height:44px; font-size:26px; overflow:hidden; text-align:center; color:#333333; padding-top:26px;  -webkit-transition: all 0.3s;}
.index-113{ width:100%; height:72px; line-height:24px; font-size:15px; overflow:hidden; text-align:center; color:#666; margin-top:16px;  -webkit-transition: all 0.3s;}
.index-1 .index-11:nth-child(2) .index-111{ background:#fba627; }
.index-1 .index-11:nth-child(3) .index-111{ background:#11cb87; }
.index-1 .index-11:nth-child(4) .index-111{ background:#aa5bdb; }

.index-11:hover{-moz-box-shadow:1px 1px 5px 10px rgba(68,93,127,0.2); -webkit-box-shadow:1px 1px 5px 10px rgba(68,93,127,0.2); box-shadow:1px 1px 20px 10px rgba(68,93,127,0.15); -webkit-transition: all 0.3s;}
.index-11:hover .index-111{ width:100%; height:120px; border-radius:0; -webkit-transition: all 0.3s;  margin:0px auto 0;}
.index-11:hover .index-111 img{ margin:25px auto 0; -webkit-transition: all 0.3s;}
.index-11:hover .index-112{ padding-top:10px;  -webkit-transition: all 0.3s;  height:40px; line-height:40px; font-size:20px; }
.index-11:hover .index-113{ margin:3px auto 0; -webkit-transition: all 0.3s;}

.index-2max{ width:100%; height:1860px; overflow:hidden; background:url(../images/index-bj2.png) center center no-repeat;}
.index-2box{ width:1200px; height:auto; overflow:hidden; padding-top:80px;}
.index-21{ width:100%; height:auto; overflow:hidden; padding-bottom:90px;}
.index-211{ width:520px; height:auto; overflow:hidden; float:left;}
.index-211 img{ width:100%;}
.index-212{ width:435px; height:auto;  float:right; padding-bottom:30px;}
.index-2121{ width:100%; height:auto; line-height:58px; font-size:40px; color:#2d333f; overflow:hidden; padding-top:80px;}
.index-2122{ width:100%; height:auto; line-height:30px; font-size:17px; color:#999999; overflow:hidden; padding-top:24px;}

.index-2123{
    width: 180px;
    height: 56px;
    border-radius: 4px;
    background-image: -moz-linear-gradient( 45deg, rgb(55,187,255) 0%, rgb(79,141,254) 100%);
    background-image: -webkit-linear-gradient( 45deg, rgb(55,187,255) 0%, rgb(79,141,254) 100%);
    background-image: -ms-linear-gradient( 45deg, rgb(55,187,255) 0%, rgb(79,141,254) 100%);
    box-shadow: 0px 8px 13.44px 2.56px rgba(79, 141, 254, 0.3);
    margin-top: 53px; margin-left:0;
    font-size: 16px;
    color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.index-2123 img{
    width: 16px;
    height: 10px;
    margin-left: 10px;
    transition: 0.5s;
}
.index-2123:hover img{
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.index-2box .index-21:nth-child(2n) .index-211{ float:right; margin-right:30px;}
.index-2box .index-21:nth-child(2n) .index-212{ float:left; margin-left:60px;}

.index-3max{ width:100%; height:900px; overflow:hidden; background:url(../images/index-3bj.jpg) center center no-repeat;}

.tp-31{ width:1200px; height:auto; overflow:hidden; margin:40px auto 0;}
.tp-311{ width:384px; height:280px; overflow:hidden; position:relative; float:left; margin-right:24px; margin-bottom:21px}
.tp-31 .tp-311:nth-child(3n){ margin-right:0}
.tp-31 .tp-311:nth-child(6){ cursor:pointer;}
/*.tp-31 .tp-311:nth-child(5){ width:792px; margin-right:0}*/
.tp-3111{ width:100%; height:100%; overflow:hidden;}
.tp-3111 img{ width:100%; height:100%; transition: all 2s ease 0s;}
.tp-3112{ width:100%; height:60px; overflow:hidden; position:absolute; bottom:0; left:0; z-index:1; background: rgba(0,0,0,0.7);}
.tp-3112 p{ width:100%;  height:60px; line-height:60px; overflow:hidden; font-size:24px; color:#ffffff; text-align:center;}
.tp-31 .tp-311:nth-child(6) .tp-3112{ height:100%;}
.tp-31 .tp-311:nth-child(6) .tp-3112 p{ margin-top:102px;}
.tp-31 .tp-311:nth-child(6) .tp-3112 span{ display:block; width:140px; height:4px; margin:0 auto; background: rgba(255,255,255,0.7)}
.tp-311:hover .tp-3111 img{transform: scale(1.2);}



.car-content3{
    width: 100%;
    height: 818px;
    background: url(../images/img-content3-bg.jpg) center center no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
}
.car-content3-bg{
    position: absolute;
    z-index: 7;
    top: 50%;
    left: 50%;
    width: 1780px;
    height: 1780px;
    margin: -890px 0 0 -890px;
    border-radius: 50%;
    border: 1px dashed #3a3c49;
    animation: circleRotate 120s linear infinite;
    -webkit-animation: circleRotate 120s linear infinite;
}
.car-title{ width:100%; height:auto; line-height:102px; padding-top:53px; text-align:center; font-size:44px; color:#ffbb29; font-weight:normal}
.car-content3-bg img{
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: left top;
    /* background: #131416; */
}
.car-content3-bg img:first-child{
    transform: rotate(0deg) translate(855px, 50%);
}
.car-content3-bg img:nth-child(2){
    transform: rotate(51.4286deg) translate(855px, 50%);
}
.car-content3-bg img:nth-child(3){
    transform: rotate(102.857deg) translate(855px, 50%);
}
.car-content3-bg img:nth-child(4){
    transform: rotate(154.286deg) translate(855px, 50%);
}
.car-content3-bg img:nth-child(5){
    transform: rotate(205.714deg) translate(855px, 50%);
}
.car-content3-bg img:nth-child(6){
    transform: rotate(257.143deg) translate(855px, 50%);
}
.car-content3-bg img:nth-child(7){
    transform: rotate(308.571deg) translate(855px, 50%);
}


@keyframes bgScale {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.02);
    }
    100%{
        transform: scale(1);
    }
}


.car-content3-list{
    width: 465px;
    height: 465px;
    border-radius: 50%;
    border: 1px dashed #99c1eb;
    margin: 77px auto 0 auto;
    display: flex;
    justify-content: center;
    background-color: rgba(0, 134, 255, 0.078);
    position: relative;
}

.content3-container{
    position: relative;
}
.car-content3-ul, .tp-411-wrap{
    position: absolute;
    left: 0;
    top: 225px;
    width: 100%;
    z-index: 10;
}
.tp-411-wrap{
    position: absolute;
    left: 0;
    top: 65px;
    width: 100%;
    z-index: 10;
}
.car-content3-ul li{
/*    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    margin-bottom: 100px;*/ position:absolute; z-index:9;
}
.car-content3-ul li:nth-child(1){ right:0; width:500px; top:0px; }
.car-content3-ul li:nth-child(1) .img-adv-wrap{ float:left; margin-right:0}
.car-content3-ul li:nth-child(1) .car-content3-msg{ float:right;}

.car-content3-ul li:nth-child(2){ left:0; width:520px; top:0px; }
.car-content3-ul li:nth-child(2) .img-adv-wrap{ float:right}
.car-content3-ul li:nth-child(2) .car-content3-msg{ float:left;}


.car-content3-ul li:nth-child(3){ right:0; width:390px; top:210px; }
.car-content3-ul li:nth-child(3) .img-adv-wrap{ float:left; margin-left:0}
.car-content3-ul li:nth-child(3) .car-content3-msg{ float:right;}

.car-content3-ul li:nth-child(4){ left:0; width:390px; top:210px; }
.car-content3-ul li:nth-child(4) .img-adv-wrap{ float:right}
.car-content3-ul li:nth-child(4) .car-content3-msg{ float:left;}


.car-content3-ul li:nth-child(5){ right:0; width:510px; top:412px; }
.car-content3-ul li:nth-child(5) .img-adv-wrap{ float:left; margin-left:0}
.car-content3-ul li:nth-child(5) .car-content3-msg{ float:right;}

.car-content3-ul li:nth-child(6){ left:0; width:510px; top:412px; }
.car-content3-ul li:nth-child(6) .img-adv-wrap{ float:right}
.car-content3-ul li:nth-child(6) .car-content3-msg{ float:left;}

.car-content3-desc{ width:calc(100% - 44px); }

.img-adv-wrap{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    line-height: 56px;
    margin-right: 10px;
    margin-top: 10px; overflow:hidden;
}
.img-adv-wrap img{
    width: 36px;
    height: 36px;
    margin-top: 10px; vertical-align:top;
}
.img-adv-wrap img:nth-child(2){ display:none;}

.car-content3-ul li.active .img-adv-wrap{
    background: #1091fe;
}
.car-content3-msg{
    flex: 1; width:calc(100% - 86px); 
    padding: 15px 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0px 3px 16px 0px rgba(197, 197, 198, 0.05);
}
.car-content3-ul li.active .car-content3-msg{
    background: #1091fe;
}

.car-content3-msg img{
    width: 34px;
    height: 22px;
    margin-right: 10px;
}
.car-content3-desc h4{
    font-size: 15px;
    color: #fff;
    padding-bottom: 6px;
    font-weight: 600;
}
.car-content3-desc p{
    font-size: 13px;
    color: #d0d0d0;
    line-height: 1.6;
}

.fr{
    float: right;
}
.car-content3-ul li:nth-child(2n){
    text-align: right;
}
.car-content3-ul li:nth-child(2n) .img-adv-wrap{
    margin-left: 10px;
    margin-right: 0;
}
.car-content3-ul li:nth-child(2n) .car-content3-msg img{
    margin-right: 0;
    margin-left: 10px;
}

/*.car-content3-ul li:nth-child(3) .car-content3-msg, .car-content3-ul li:nth-child(4) .car-content3-msg{
    width: 300px;
}*/

.car-content3-circle{
    width: 360px;
    height: 360px;
    background: url(../images/img-content3-circle.png) center center no-repeat;
    background-size: cover;
    margin: 51px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: circleRotate 30s linear infinite forwards;
}
.car-content3-circle1{
    width: 200px;
    height: 200px;
    background: url(../images/img-content3-circle-sm.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 132px;
}


.car-content3-circle2{
    width: 360px;
    height: 360px;
    background: url(../images/img-content3-circle2.png) center center no-repeat;
    background-size: cover;
    margin: 51px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: circleRotate 30s linear infinite forwards;
}

.car-content3-circle11{
    width: 200px;
    height: 200px;
    background: url(../images/img-content3-circle-sm1.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 132px;
}

.img-logo{
    width: 96px;

    display: block;
    margin: 36px auto 0;
}
.car-content3-circle1 p{ width:100%; height:48px; line-height:48px; text-align:center; font-size:20px; color:#fff; margin-top:0px;}
.car-content3-circle1 p img{ width:86px; height:21px; margin-top:0}

@keyframes circleRotate {
    0% {
        transform: rotateZ(0);
    }
    12.5% {
        transform: rotateZ(45deg);
    }
    25% {
        transform: rotateZ(90deg);
    }
    37.5% {
        transform: rotateZ(135deg);
    }
    50% {
        transform: rotateZ(180deg);
    }
    62.5% {
        transform: rotateZ(215deg);
    }
    75% {
        transform: rotateZ(260deg);
    }
    87.5% {
        transform: rotateZ(305deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

.car-content3-ul li:hover .img-adv-wrap{ background:#1091fe;}
.car-content3-ul li:hover .img-adv-wrap img:nth-child(1){ display:none;}
.car-content3-ul li:hover .img-adv-wrap img:nth-child(2){ display:block; margin:10px auto 0;}
.car-content3-ul li:hover .car-content3-msg{ background:#1091fe;}


.index-aboutmax{ width:100%; height:auto; overflow:hidden;}
.index-aboutbt{ width:1200px; height:auto; overflow:hidden; padding-top:70px;}
.index-aboutbt1{ width:660px; height:auto; overflow:hidden; float:left;}
.index-aboutbt11{ width:100%; height:auto; line-height:64px; font-size:44px; color:#333333; overflow:hidden;}
.index-aboutbt11 h1{ font-weight:normal;  line-height:64px; font-size:44px; }
.index-aboutbt12{ width:100%; height:auto; line-height:44px; font-size:18px; color:#999999; overflow:hidden;}

.index-aboutbt2{ width:480px; height:auto; overflow:hidden; float:right; text-align:right; padding-top:51px;}

.index-xx1{ width:126px; height:42px; overflow:hidden; display:inline-block; margin-left:20px; border:2px solid #dddddd; border-radius:2px; text-align:center; line-height:42px; font-size:16px; color:#333333; cursor:pointer}
.index-xx1on{ background:#1091fe; border:2px solid #1091fe; color:#fff;}

.index-aboutbox{ width:1200px; height:auto; overflow:hidden; padding-bottom:30px;}
.index-xxnr{ display:none;}
.index-xxnron{ display:block}
.index-5{ width:100%; height:auto; overflow:hidden; padding-top:62px;}

.index-51{ width:590px; height:auto; overflow:hidden; float:left;}
.index-511{ width:100%; height:auto; line-height:38px; font-size:30px; color:#1091fe; font-weight:bold;}
.index-512{ width:100%; height:auto; line-height:28px; font-size:18px; color:#999999; text-transform:Uppercase; padding-bottom:16px;}
.index-513{ width:100%; height:auto; line-height:30px; font-size:16px; color:#333333; margin-bottom:30px;}
.index-513 font{ color:#d31b1b}
.index-52{ width:489px; height:auto; overflow:hidden; float:right; margin-top:4px; margin-right:36px;}
.index-52 img{ width:100%;}

.index-6{ width:1200px; height:auto; overflow:hidden; padding-bottom:20px;}
.index-6box{ width:100%; height:auto; overflow:hidden; padding-top:40px;}
.index-61{ width:228px; height:auto; overflow:hidden; float:left; margin-right:15px; }
.index-6box .index-61:nth-child(5n){ margin-right:0}
.index-611{ width:206px; height:280px; overflow:hidden; padding:10px; border:1px solid #dddddd;}
.index-6111{ width:100%; height:100%; overflow:hidden;}
.index-6111 img{ width:100%; height:100%;  transition: all 2s ease 0s;}
.index-612{ width:100%; height:32px; line-height:32px; text-align:center; font-size:14px; padding-top:6px; overflow:hidden;}
.index-61:hover .index-6111 img{transform: scale(1.1);}

.index-7box{ width:1200px; height:auto; overflow:hidden; padding-top:30px;}
.index-71{ width:216px; height:96px; border:2px solid #c0cbde; overflow:hidden; float:left; margin-right:25px; margin-bottom:30px;}
.index-7box .index-71:nth-child(5n){ margin-right:0}
.index-71 img{ width:100%; height:100%; transition: all 2s ease 0s;}
.index-71:hover img{transform: scale(1.1);}

.about-btbox{ width:1200px; height:auto; overflow:hidden; padding-top:60px; margin:0 auto;}
.about-bt1{ width:100%; height:auto; overflow:hidden; line-height:38px; font-size:30px; overflow:hidden; text-align:center; color:#333;}
.about-bt2{ width:100%; height:auto; overflow:hidden; line-height:28px; font-size:17px; overflow:hidden; text-align:center; color:#bbb;  text-transform:Uppercase;}


.cy-box5{ width:100%; height:80px; overflow:hidden; background:url(../images/tonglan.jpg) center center no-repeat;}
.cy-51{ width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.cy-511{ display:inline-block; width:383px; height:auto; overflow:hidden; margin-top:25px; vertical-align:top; }
.cy-5110{ width:619px; margin-left:0;}
.cy-511 img{ width:100%;}

.cy-512{ display:inline-block; width:130px; height:38px; overflow:hidden; margin-top:21px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative; margin-left:95px;
background: #fff; 
}
.cy-5121{ width:4px; height:4px; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:17px auto 0; background:rgba(0,0,0,0.15);  -webkit-animation:fxtop2 1.1s 0.5s linear infinite;}
.cy-5122{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:9;  height:38px; line-height:38px; text-align:center; font-size:16px; color:#ff7200; cursor:pointer;}
.cy-5122 a{ display:block; width:100%; height:38px; line-height:38px; text-align:center; font-size:16px; color:#ff7200; overflow:hidden;}

.yuncpa-botmax1{ width:100%; height:auto; overflow:hidden; background:#131326; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:20px;}
.yuncpa-bot1{ width:1200px; height:auto; overflow:hidden;}
.yuncpa-bot11{ width:250px; height:auto; overflow:hidden; float:left; padding-top:38px;}
.yuncpa-bot11 img{ width:210px; height:auto;margin: 0 4px;}
.yuncpa-bot11 strong{ font-weight:normal; width:100%; display:inline-block; height:auto; line-height:20px; font-size:13px; overflow:hidden; color:rgba(255,255,255,0.5); padding-top:15px;}

.yuncpa-bot12{ width:400px; height:auto; overflow:hidden; float:left; margin-left:140px; padding-top:38px;}
.yuncpa-bot121{ width:100%; height:auto; line-height:20px; overflow:hidden; font-size:15px; color:#ffffff; margin-bottom:17px;}
.yuncpa-bot121 img{ width:20px; height:20px; margin-right:7px;}

.yuncpa-bot13{ width:270px; height:auto; overflow:hidden; float:right; margin-top:33px;}
.yuncpa-bot131{ width:90px; height:90px; overflow:hidden; float:left;}
.yuncpa-bot131 img{ width:100%; height:100%;}
.yuncpa-bot132{ width:150px; height:auto; overflow:hidden; float:right;}
.yuncpa-bot1321{ width:100%; height:30px; line-height:30px; font-size:16px; overflow:hidden; color:#ffffff;}

.yuncpa-bot1322{ width:100%; height:34px; line-height:34px; color:#333; font-size:16px; background:#fff; margin-top:18px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-indent:11px;}
.yuncpa-bot1322 img{ width:19px; height:19px; display:inline-block; margin-top:8px; margin-right:8px;}
.yuncpa-bot1322 p{ display:inline-block;}
.yuncpa-bot1322 strong{ font-weight:normal}

.yuncpa-botmax2{ width:100%; height:72px; line-height:71px; text-align:center; font-size:14px; color:rgba(255,255,255,0.7); background:#131326;}
.yuncpa-botmax2 a{ color:rgba(255,255,255,0.7);}


.mask{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1000;
    display: none;
}
.popup-car{
    width: 334px;
    height: 461px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-230px);
    -moz-transform: translateY(-230px);
    -ms-transform: translateY(-230px);
    -o-transform: translateY(-230px);
    transform: translateY(-230px);
    text-align: center;
}
.popup-car img{
    width: 100%;
    height: 100%;
}

img.img-popup-close{
    width: 30px;
    height: 30px;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;
}

/* 新增2022-9-14 */
.index-content3{
    width: 100%;
    background: #f6faff;
}
.index-w1200{
    width: 1200px;
    margin: 0 auto;
}
.index-content3-ul{
    padding-top: 30px;
    overflow: hidden;
}
.index-content3-ul li{
    float: left;
    width: 379px;
    margin-right: 30px;
}
.index-content3-ul li img{
    width: 100%;
    height: 290px;
    border-radius: 10px;
}
.index-content3-ul li p{
    font-size: 20px;
    color: #333;
    text-align: center;
    padding: 30px 0 12px 0;
    position: relative;
}
.index-content3-ul li p::after{
    content: '';
    width: 103px;
    height: 3px;
    background: #fda135;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.index-content3-ul li:nth-child(3){
    margin-right: 0;
}
.index-content3-ul li:hover{
    transform: translateY(-15px);
    transition: all 0.2s ease;
}
.index-content3-ul li:hover p::after{
    background: #1091fe;
}
.img-dec{
    display: block;
    margin: -30px auto 0 auto;
}
.index-content4{
    width: 100%;
    background: #f6faff;
    padding-bottom: 100px;
    position: relative;
}
.index-content4 .index-btbox{
    padding-top: 0;
    margin-top: -20px;
}

.index-content4-phone{
    display: inline-block;
    width: 244px;
    height: 492px;
    background: url(../images/img-phone-bg.png) top left no-repeat;
    background-size: cover;
    margin: 0;
    margin: 50px 10px 0 100px;
}
.index-content4-phone video{
    width: 100%;
    display: block;
}
.video-wrap{
    width: 90%;
    height: 95.5%;
    margin-top: 12px;
    background: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
}
.index-content4-msg{
    display: inline-block;
    width: 651px;
    height: 469px;
    background: url(../images/img-content4-bg.png) center center no-repeat;
    background-size: cover;
    vertical-align: top;
    padding: 50px;
    box-sizing: border-box;
    margin: 60px 0px 0 25px;
}
.index-content4-msg h3{
    font-size: 28px;
    color: #fda135;
    font-weight: normal;
    padding-bottom: 25px;
}
.index-content4-msg p{
    font-size: 17px;
    color: #333;
    line-height: 2;
}
.img-arrow{
    margin-top: 90px;
}
.img-content4-dec{
    position: absolute;
    bottom: -140px;
    left: 96px;
}




@media screen and (max-width: 750px){
	.pc-box{ display:none}
	.phone-box{ display:block}
/*手机头部开始*/
.phone-top1{ width:100%; height:49px;}
.phone-top{ width:100%; height:49px; position:fixed; top:0; left:0; z-index:9999; }
.sp_header{height:50px;background:#fff;width:100%; position:relative;border-bottom: 1px solid #e9eaed;background: #fff;}
.sp_logo{ width:90px; height:26px; overflow:hidden; position:absolute; left:15px; top:12px; z-index:9999; }
.sp_logo img{  width:100%; height:26px; padding-right:5px; }
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#333333;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:5px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:15px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.nav-sj1{ width:100%; height:0; position:fixed; left:0; top:50px; z-index:999;}
.nav-sj{ width:100%; height:0; position:relative;}
.sjj_nav{position:absolute; z-index:99999999;background:#fff; width:100%;height:0;font-size:14px;line-height:40px;top:0;right:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
/* .sjj_nav ul{ width:100%; height:auto; overflow:hidden;} */
.nav_show{top:0px; height:calc(100vh - 49px); padding-bottom:10px; background-color:rgba(0,0,0,0.8);}
.sjj_nav ul li{border-top:1px #ddd solid; width:100%; padding:0 4%; background:#fff;position:relative;line-height:40px;font-size:14px; text-indent:5px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{ display:block; width:100%; height:100%;color:#666;}



.meng{
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left:  0;
    z-index: 222;
    background: rgba(0,0,0,.3);
}
.menu{
    width:60%;
    right: 0;
    position: fixed;
    top: 0;
    right:  0;
    z-index: 222;
    background: rgba(0,0,0,.6);
    background: #363636;
    padding: 50px  0 0 0;
    height: auto;
    height: 100vh;
    /*height:-webkit-calc(100vh - 1.86rem);*/
    /*height:-moz-calc(100vh - 1.86rem);*/
    /*height:calc(100vh - 1.86rem);*/
    -webkit-animation:menuXian 0.5s ease 0.2s 1 both;
    -moz-animation:menuXian 0.5s ease 0.2s 1 both;
    -ms-animation:menuXian 0.5s ease 0.2s 1 both;
    -o-animation:menuXian 0.5s ease 0.2s 1 both;
    animation: menuXian 0.5s ease 0.2s 1 both;
}
.menu li {
    padding: 0 0 0 10%;
    line-height: 50px;
    border-top: 1px solid #414141;
}
.menu li a {
    display: block;
    font-size: 14px;
    color: #d5d5d5;
    width: 100%;
    text-align: left;
}
.menu_erji{
    display: block;
    font-size: 14px;
    padding-left: 10%;
    margin-left: -10%;
    color: #d5d5d5;
    text-align: left;
    background: url(../images/nav_Tright.png) right center no-repeat;
    background-size: auto 14px;
}

.menu_erji_box{
    display: none;
}
.menu_erji_box a{
    width: 110%;
    padding-left: 10%;
    margin-left: -10%;
    line-height: 40px;
    border-top: 1px solid #414141;
    color: #999!important;
}
.popup-car{
    width: 240px;
    height: auto;
}
img.img-popup-close{
    width: 26px;
    height: 26px;
}

.app-none{
    display: none;
}
.none{
    display: block;
}

/*手机头部结束*/
.banner-sj{ width:100%; height:auto; overflow:hidden}
.banner-sj img{ width:100%; height:auto;}

.tpsj-box1{ width:100%; height:auto; overflow:hidden;}
.tpsj-btbox{ width:92%; height:auto; line-height:25px; font-size:19px; color:#333333; text-align:center; overflow:hidden; padding-top:20px;}
.tpsj-bt3{ width:92%; height:auto; line-height:20px; font-size:12px; color:#999999; text-align:center; overflow:hidden; text-transform:uppercase;}

.tpsj-1{ width:100%; height:auto; overflow:hidden; padding-top:15px; margin:0 auto; padding-bottom:27px;}
.tpsj-11{ width:25%; height:auto; float:left; overflow:hidden;  }
.tpsj-111{ width:64px; height:64px; overflow:hidden;  border-radius:50%; margin:0px auto 0; }
.tpsj-111 img{ width:31px; height:27px; overflow:hidden; display:block; margin:19px auto 0; }
.tpsj-112{ width:100%; height:auto; overflow:hidden; }
.tpsj-1121{ width:100%; height:auto; line-height:18px; font-size:14px; color:#333333; margin:7px auto 0; text-align:center; }
.tpsj-1122{ width:92%; height:auto; line-height:15px; font-size:10px;  color:#999999; margin:6px auto 0; text-align:center; }
.tpsj-1 .tpsj-11:nth-child(1) .tpsj-111{background:#36abfb;}
.tpsj-1 .tpsj-11:nth-child(2) .tpsj-111{background:#feb241;}
.tpsj-1 .tpsj-11:nth-child(3) .tpsj-111{background:#11cb87;}
.tpsj-1 .tpsj-11:nth-child(4) .tpsj-111{background:#aa5bdb;}

.index-2max{ width:100%; height:auto; overflow:hidden; background:#f0f5fb; padding-bottom:10px;}

.index-2box{ width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);  height:auto; overflow:hidden; padding-top:15px;}
.index-21{ width:100%; height:auto; overflow:hidden; padding-bottom:15px;}
.index-211{ width:45%; height:auto; overflow:hidden; float:left; margin-top:10px;}
.index-211 img{ width:100%;}
.index-212{ width:50%; height:auto;  float:right; padding-bottom:15px;}
.index-2121{ width:100%; height:auto; line-height:26px; font-size:16px; color:#2d333f; overflow:hidden; padding-top:0px;}
.index-2122{ width:100%; height:auto; line-height:18px; font-size:13px; color:#999999; overflow:hidden; padding-top:5px;}

.index-2123{
    width: 80px;
    height: 28px;
    border-radius: 2px;
    background-image: -moz-linear-gradient( 45deg, rgb(55,187,255) 0%, rgb(79,141,254) 100%);
    background-image: -webkit-linear-gradient( 45deg, rgb(55,187,255) 0%, rgb(79,141,254) 100%);
    background-image: -ms-linear-gradient( 45deg, rgb(55,187,255) 0%, rgb(79,141,254) 100%);
    box-shadow: 0px 8px 13.44px 2.56px rgba(79, 141, 254, 0.3);
    margin-top: 10px; margin-left:0;
    font-size: 13px;
    color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.index-2123 a{    width: 80px;
    height: 28px;

    font-size: 13px;
    color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;}

.index-2123 img{
    width: 8px;
    height: 5px;
    margin-left: 5px;
    transition: 0.5s;
}
.index-2123:hover img{
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.index-2box .index-21:nth-child(2n) .index-211{ float:right; margin-right:0px;}
.index-2box .index-21:nth-child(2n) .index-212{ float:left; margin-left:10px;}


.tpsj-box3{ width:100%; height:auto; overflow:hidden;}
.conton-21{
    width:-webkit-calc(100% - 30px); 
    width:-moz-calc(100% - 30px); 
    width:calc(100% - 30px);
    padding:0 15px 15px;
    margin-top: 10px;
}
.conton-21 ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.conton-21 ul li{
    width:-webkit-calc(58% - 0px); 
    width:-moz-calc(58% - 0px); 
    width:calc(58% - 0px);
    float: left;
    position: relative;
    margin-bottom: 13px;
}
.conton-21 ul li .conton-21img{
    width: 100%;

}
.conton-21 ul li .conton-21img img{
    width: 100%;
}
.conton-21 ul li:nth-child(2){
    width:-webkit-calc(38.4% - 0px); 
    width:-moz-calc(38.4% - 0px); 
    width:calc(38.4% - 0px);
    float: right;
}
.conton-21 ul li:nth-child(3){
    width:-webkit-calc(38.4% - 0px); 
    width:-moz-calc(38.4% - 0px); 
    width:calc(38.4% - 0px);
    float: left;
}
.conton-21 ul li:nth-child(4){
    width:-webkit-calc(58% - 0px); 
    width:-moz-calc(58% - 0px); 
    width:calc(58% - 0px);
    float: right;
}
.conton-21 ul li:nth-child(5){
    width:-webkit-calc(100% - 0px); 
    width:-moz-calc(100% - 0px); 
    width:calc(100% - 0px);
    float: right;
}
.conton-21meng{
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7)
}
.conton-21meng p{
    color: #fff;
    display: block;
    line-height: 37px;
    text-align: center;
    font-size: 15px;
}

.tpsj-box4{ width:100%; height:auto; overflow:hidden; background:#f8f8f8;}
.sj-qc3{ width:100%; height:auto; overflow:hidden; padding-top:10px; padding-bottom:15px;}
.sj-qc31{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);  height:85px; overflow:hidden; background:url(../images/qc-sjbj11.png) center center no-repeat; background-size:100% 100%; margin:0 auto 10px;  box-shadow:1px 1px 10px 5px rgba(68,93,127,0.05);  }
.sj-qc311{width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); height:auto; line-height:27px; margin:5px auto 0;  color:#4f8fff; overflow:hidden;}
.sj-qc3111{ display:inline-block; float:left; height:27px; line-height:27px; font-size:16px; overflow:hidden;}
.sj-qc3111 img{ width:16px; height:16px; vertical-align:top; margin-top:6px; margin-right:5px;}
.sj-qc3112{ display:inline-block; float:right;  height:27px; line-height:27px; font-size:15px;  overflow:hidden;}
.sj-qc312{width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); height:auto; line-height:20px; font-size:15px; margin:3px auto 0; overflow:hidden; color:#333;}

.sj-qc3 .sj-qc31:nth-child(2){ background:url(../images/qc-sjbj12.png) center center no-repeat;  background-size:100% 100%; }
.sj-qc3 .sj-qc31:nth-child(2) .sj-qc311{ color:#2bcc6f}

.sj-qc3 .sj-qc31:nth-child(3){ background:url(../images/qc-sjbj13.png) center center no-repeat;  background-size:100% 100%; }
.sj-qc3 .sj-qc31:nth-child(3) .sj-qc311{ color:#ffa243}

.sj-qc3 .sj-qc31:nth-child(4){ background:url(../images/qc-sjbj14.png) center center no-repeat;  background-size:100% 100%; }
.sj-qc3 .sj-qc31:nth-child(4) .sj-qc311{ color:#1b98f8}

.sj-qc3 .sj-qc31:nth-child(5){ background:url(../images/qc-sjbj15.png) center center no-repeat;  background-size:100% 100%; }
.sj-qc3 .sj-qc31:nth-child(5) .sj-qc311{ color:#608aee}

.sj-qc3 .sj-qc31:nth-child(6){ background:url(../images/qc-sjbj16.png) center center no-repeat;  background-size:100% 100%; }
.sj-qc3 .sj-qc31:nth-child(6) .sj-qc311{ color:#f8c021}

.index-sjxxbox{ width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);  height:auto; overflow:hidden; padding-top:10px;}

.index-sjxx{ width:-webkit-calc(32% - 2px); width:-moz-calc(32% - 2px); width:calc(32% - 2px);  height:36px; overflow:hidden; float:left; margin-right:2%; border:1px solid #dddddd; border-radius:2px; text-align:center; line-height:36px; font-size:14px; color:#333333; cursor:pointer}
.index-sjxxbox .index-sjxx:nth-child(3n){ margin-right:0}
.index-sjxxon{ background:#1091fe; border:1px solid #1091fe; color:#fff;}

.index-sjabout{ width:100%; height:auto; overflow:hidden;}

.index-sjxxa{ display:none;}
.index-sjabon{ display:block}
.index-sjab1{ width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);  height:auto; overflow:hidden;}

.aboutsj-1{ width:100%; height:auto; overflow:hidden;}
.aboutsj-11{ width:100%; height:auto; line-height:30px; font-size:18px; color:#1091fe; font-weight:bold; padding-top:15px;}
.aboutsj-12{ width:100%; height:auto; line-height:20px; font-size:13px; color:#999999; text-transform:Uppercase; padding-bottom:8px;}
.aboutsj-13{ width:100%; height:auto; line-height:22px; font-size:14px; color:#333333; margin-bottom:8px;}
.aboutsj-13 font{ color:#d31b1b}
.aboutsj-2{ width:100%; height:auto; overflow:hidden;}
.aboutsj-2 img{ width:100%;}

.xy-lbbox{
      width:-webkit-calc(100% - 30px); 
      width:-moz-calc(100% - 30px); 
      width:calc(100% - 30px); 
      height:auto;
      overflow:hidden;
      margin:20px auto 0px;
  }
.xy-left{
    width:100%; 
    height:auto; 
    overflow:hidden; margin-bottom: 25px;
}
.xy-left ul{
    float:left;
}
.xy-left li{
    float:left; 
    width:180px;
    margin:0 8px;
    display:inline;
    height:auto;
}
.xy-left li img{ 
    width:100%; 
    height:245px;
}

.conton-81{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    /*border: 1px solid #eaf3ff;*/
   

}
.xy-left li .conton-81 p{ 
    width:100%; 
    height:40px; 
    line-height:40px; 
    text-align:center; 
    font-size:14px; 
    color:#333; 
}
.conton-82{
    width: 100%;
    min-height: 141px;
}
.conton-82 img{
        width: 100%;
    height: 104px;
}

.sj-qc51{ width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);  height:auto; overflow:hidden; padding-top:20px; margin:0 auto; padding-bottom:8px;}
.sj-qc511{  width:-webkit-calc(33.33% - 4px); width:-moz-calc(33.33% - 4px); width:calc(33.33% - 4px); height:auto; overflow:hidden; float:left; margin-right:3px; border:1px solid #1b1b1b; margin-bottom:3px;}
.sj-qc51 .sj-qc511:nth-child(3n){ margin-right:0}
.sj-qc511 img{ width:100%; padding:0; height:50px;}


.qc-sjbot2{ width:100%; height:193px; overflow:hidden;  background:url(../images/qc-sjbotbj1.png) center center no-repeat; background-size:100% 100%; margin-top:32px;}

.qc-sjbot21{ width:225px; height:auto; margin-left:20px; overflow:hidden; float:left; margin-top:48px;}
.qc-sjbot211{ width:100%; height:auto; line-height:22px; font-size:13px; color:#fff; overflow:hidden; margin-bottom:8px;}
.qc-sjbot211 a{ color:#fff;}
.qc-sjbot22{ width:100px; height:auto;  float:right; margin-top:41px; margin-right:15px;}
.qc-sjbot221{ width:100%; height:84px; overflow:hidden; border-radius:5px; background:rgba(255,255,255,0.3)}
.qc-sjbot2211{ width:72px; height:72px; overflow:hidden; float:left; margin-top:6px; margin-left:6px; border-radius:5px;}
.qc-sjbot2211 img{ width:100%; height:100%;}
.qc-sjbot2212{ width:20px; height:auto; line-height:13px; overflow:hidden; text-align:center; font-size:11px; text-align:center; color:#fff; float:right; margin-top:16px;}
.qc-sjbot222{ width:100%; height:32px;line-height:32px; text-align:center; font-size:15px; color:#fff;  overflow:hidden; margin-top:8px; background:url(../images/sj-botan.png) center center no-repeat; background-size:100% 100%;  box-shadow: 0px 0px 20px 0px rgba(0, 60, 113, 0.12);}
.qc-sjbot222 a{ display:block; width:100%; height:32px; line-height:30px; text-align:center; font-size:15px; color:#fff; overflow:hidden;}
}


.kefu-box{ width:60px; height:auto; position:fixed; right:0; z-index:99999; top:180px;}
.kefu-fd1{ width:60px; height:70px; position:relative;  margin-bottom:3px; cursor:pointer;}
.kefu-fd01{ width:60px; height:70px; overflow:hidden; background:#2dccbb; transform: translate(0px,0px); 
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;}
.kefu-fd111{ width:100%; height:auto; overflow:hidden; margin-top:9px}
.kefu-fd111 img{ width:34px; height:28px; display:block; margin:0 auto;}
.kefu-fd112{ width:100%; height:auto; line-height:22px; margin-top:6px; font-size:12px; text-align:center; color:#fff;}

.kefu-fd12{ width:130px; height:70px; overflow:hidden; position:absolute; right:0px; top:0; z-index:99999; background:#2dccbb;  box-sizing: border-box; border:1px solid #fff; transform: translate(130px,0px); 
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;}
.kefu-fd12 p{ width:110px; height:48px; line-height:24px; overflow:hidden; padding:11px 10px; font-size:14px; color:#fff; text-align:center;}

.kefu-fd1:hover .kefu-fd01{
 transform: translate(60px,0px);  transition: all 1s;
-webkit-transition: all 1s;}

.kefu-fd1:hover .kefu-fd12{
 transform: translate(0px,0px);  transition: all 1s;
-webkit-transition: all 1s;}

.kefu-fd02{ width:60px; height:70px; overflow:hidden; background:#fe9a4d;}
.kefu-fd13{ width:120px; height:auto; overflow:hidden; position:absolute; top:0; right:63px; background:#fff; z-index:999999;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;transform: scale(0.01); transform-origin: 100% 0 0; opacity: 0;}
.kefu-fd131{ width:100%; height:120px; overflow:hidden; background:#fff;}
.kefu-fd131 img{ width:100%; height:100%;} 
.kefu-fd132{ width:100%; height:auto; line-height:17px; font-size:13px; padding:0px 0 8px; color:#333; text-align:center;}

.kefu-fd1:hover .kefu-fd13{transform: scale(1); transform-origin: 100% 0 0;  opacity: 1; }

.kefu-fd03{ width:60px; height:70px; overflow:hidden; background:#1f8ceb;}
.kefu-fd1:hover .kefu-fd03{ background:#1091fe}
@media screen and (max-width: 750px){
	.kefu-box{ width:40px; height:auto; position:fixed; right:0; z-index:99999; top:300px;}
.kefu-fd1{ width:40px; height:40px; position:relative;  margin-bottom:3px; cursor:pointer;}
.kefu-fd01{ width:40px; height:40px; overflow:hidden; background:#2dccbb; transform: translate(0px,0px); 
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;}
.kefu-fd111{ width:100%; height:auto; overflow:hidden; margin-top:6px}
.kefu-fd111 img{ width:20px; height:16px; display:block; margin:0 auto;}
.kefu-fd112{ width:200%; height:auto; line-height:18px; margin-top:3px; font-size:18px; text-align:center; color:#fff;  transform: scale(0.5); transform-origin: 0% 0% 0; }

.kefu-fd12{ width:110px; height:40px; overflow:hidden; position:absolute; right:0px; top:0; background:#2dccbb; box-sizing: border-box; border:1px solid #fff; transform: translate(130px,0px); 
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;}
.kefu-fd12 p{ width:94px; height:40px; line-height:18px; overflow:hidden; padding:2px 8px; font-size:10px; color:#fff; text-align:center; }

.kefu-fd1:hover .kefu-fd01{
 transform: translate(60px,0px);  transition: all 1s;
-webkit-transition: all 1s;}

.kefu-fd1:hover .kefu-fd12{
 transform: translate(0px,0px);  transition: all 1s;  border:1px solid #fff; 
-webkit-transition: all 1s;}

.kefu-fd02{ width:40px; height:40px; overflow:hidden; background:#fe9a4d;}
.kefu-fd13{ width:100px; height:auto; overflow:hidden; position:absolute; top:0; right:43px; background:#fff; 
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;transform: scale(0.01); transform-origin: 100% 0 0; opacity: 0;}
.kefu-fd131{ width:100%; height:100px; overflow:hidden; background:#fff;}
.kefu-fd131 img{ width:100%; height:100%;} 
.kefu-fd132{ width:100%; height:auto; line-height:15px; font-size:11px; padding:0px 0 8px; color:#333; text-align:center;}

.kefu-fd1:hover .kefu-fd13{transform: scale(1); transform-origin: 100% 0 0;  opacity: 1; }

.kefu-fd03{ width:40px; height:40px; overflow:hidden; background:#1f8ceb;}
.kefu-fd1:hover .kefu-fd03{ background:#1091fe}

/* 新增2022-09-14 */
.index-w1200{
    width: 100%;
}
.img-dec{
    width: 100%;
    margin: 0 auto;
}
.img-content4-dec{
    display: none;
}
.index-btbox{
    width: 100%;
    padding-top: 20px;
}

.index-bt1{
    width: 92%;
    height: auto;
    line-height: 25px;
    font-size: 19px;
    color: #333333;
    text-align: center;
    overflow: hidden;
    padding-top: 10px;
}
.index-bt2{
    width: 92%;
    height: auto;
    line-height: 20px;
    font-size: 12px;
    color: #999999;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase;
}
.index-content3-ul{
    padding-top: 15px;
    white-space: nowrap;
    overflow-x: auto;
}
.index-content3-ul::-webkit-scrollbar{
    display: none;
}
.index-content3-ul li{
    width: 260px;
    padding-left: 15px;
    display: inline-block;
    float: none;
    margin-right: 0;
}
.index-content3-ul li:nth-child(3){
    margin-right: 15px;
}
.index-content3-ul li img{
    height: 200px;
}
.index-content3-ul li p{
    padding: 12px 0 8px 0;
    font-size: 18px;
}
.index-content4{
    padding: 20px 0;
}
.index-content4-phone{
    margin: 0 auto;
    display: block;
}
.img-arrow{
    display: none;
}
.video-wrap{
    height: 97.5%;
}
.index-content4-msg{
    display: block;
    width: 100%;
    height: auto;
    padding: 20px 20px 10px 20px;
    margin: 10px auto 0 auto;
    background: transparent;
}
.index-content4-msg h3{
    font-size: 18px;
    padding-bottom: 8px;
}
.index-content4-msg p{
    font-size: 13px;
    line-height: 1.8;
}
.index-content4-msg .index-2123{
    text-align: center;
    margin: 20px auto 0 auto;
}
.index-content3-ul li:hover{
    transform: translateY(0px);
}

}