.wrap{
    width:1200px;
    margin:0 auto;
}
.wrap1{
width:1400px;
    margin:0 auto;
}
.tel_top{

}

.header{
    height:100px;
    border-bottom:1px solid rgba(247,247,247,1);
    display:flex;
    justify-content:center;
    align-items:center;
}
.header .fl img{
    max-height: 70px;
}

.phoneheader,.mobile-container{
    display:none;
}
.header img.logo{
    max-width:300px;
}
.header p.tel{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    font-style:italic;
    color:rgba(37,135,238,1);
    line-height:30px;
}
.header p.tel2{
    font-size:30px;
    font-family:CTBiaoSongSJ;
    font-weight:400;
    font-style:italic;
    color:rgba(37,135,238,1);
    

}
.header p.tel img{
    margin-right:7px;
}


.nav{
    height:44px;
    line-height:44px;
}

.nav>ul>li{
    float:left;
    position: relative;
}
.nav>ul>li .submenu{
    position: absolute;
    top:45px;
    left:0;
    width:100%;
    background:#fff;
    z-index:999;
    display:none;
}
.nav>ul>li:hover .submenu{
    display:block;
}
.nav>ul>li .submenu li{
    height:30px;;
    line-height:30px;
}
.nav>ul>li .submenu li a{
    text-align:center;
    margin:0;
    display:block;
}
.nav>ul>li .submenu li a:hover{
    color:rgba(0,102,179,1);
}
.nav>ul>li>a{
    font-size:19px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(51,51,51,1);
    margin:0 37px;
    font-weight: bold;
}
.nav li a:hover,.nav li a.active{
    color:rgba(0,102,179,1);
}

.banner{
    width:100%;
}
.banner .swiper-pagination{
    bottom:30px !important;
}
.banner .swiper-pagination-bullet-active{
    background:url(../img/circle.png) no-repeat center center !important;
}
.banner .swiper-pagination span{
    width:14px;
    height:14px;
    background:rgba(255,255,255,0);
    border:1px solid rgba(255,255,255,1);
    border-radius:50%;
}


.scroll{
 
  
    box-sizing: border-box;
    height:60px;
    overflow: hidden;}
.scroll li{line-height:60px;padding-left:15px}

#scroll_div {height:60px;overflow: hidden;white-space: nowrap;width:60%;line-height:60px;}
#scroll_begin,#scroll_end {display: inline;}
.scroll .search form{
    display:flex;
    width:319px;
height:32px;
background:rgba(255,255,255,1);
border:1px solid rgba(238,238,238,1);
margin-top:14px;
}
.scroll .search form input{
    width:250px;
    height:32px;
    padding-left:40px;
    box-sizing:border-box;
    background:url(../img/search.png) no-repeat left 13px center;
}
.scroll .search form  button{
    width:69px;
    height:32px;
    background:rgba(37,135,238,1);
    line-height:32px;
    text-align:center;
    color:#fff;
}

.scroll  img{
  margin:20px 10px 0 0;
}
.scroll  span.fl{
    font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
margin-right:40px;
height:60px;
line-height:60px;
}



.commonbox{
    background:#f5f7fa;
    padding:27px 0 96px;
}
.commonbox .leftnav{
    width:250px;
}
.commonbox .fr{
    width:930px;
}
.commonbox .leftnav>span{
    width:100%;
    height:50px;
    background:rgba(37,135,238,1);
    color:#fff;
    font-size:18px;
    display:block;
    text-align:center;
line-height:50px;
margin-bottom:10px;
}
.commonbox .fl li{
    width:100%;
    height:50px;
background:rgba(255,255,255,1);
line-height:50px;
box-sizing:border-box;
margin-bottom:10px;
}
.commonbox .fl li a{
    display:block;
    width:100%;
    font-size:14px;
font-family:Source Han Sans CN;
font-weight:300;
color:rgba(51,51,51,1);
text-align:center;
}
.commonbox .fl li a.active{
    background:rgba(238,238,238,1);
    border:1px solid rgba(229,229,229,1);
}
.commonbox .fl li:hover{
    background:rgba(238,238,238,1);
    border:1px solid rgba(229,229,229,1);
}
.commonbox  .menu{
    height:50px;
    line-height:50px;
    text-align:right;
    padding-right:20px;
    background:#fff;
}
.commonbox  .menu a{
    font-size:14px;
font-family:Source Han Sans CN;
font-weight:300;
color:rgba(102,102,102,1);

}

.commonbox  .list{
    padding:10px 20px 67px 30px;
    background:#fff;
    margin-top:10px;
}
.commonbox  .list li{
    height:40px;
    line-height:40px;
    border-bottom:1px dashed #cccc;
    background:url(../img/circle2.png) no-repeat left center;
}
.commonbox  .list li span.fl{
    padding-left:20px;
    width:85%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}
.commonbox  .list li span.fr{
    width:10%;
}
.commonbox  .list ul{
    margin-bottom:62px;
}
.page form{text-align: center;display:flex;align-items:center;justify-content: center;}
.page a{display:inline-block;padding:5px 12px;border:1px solid #999;margin-right:8px;color:#666;}
.page a:hover,.page a.active{color:#666;background:rgba(238,238,238,1);border:1px solid transparent}
.page .tz{width:122px;height:30px;line-height:30px;border:1px solid #999;}
.page input.yema{width:50px;height:30px;line-height:30px;border:1px solid #999;text-align:center;margin-right:5px;background:none;}
.page button{width:80px;box-sizing: border-box;color:#999;height:45px;line-height:45px;background: none;border-left:none;cursor:pointer;}


.footer .wrap{
    padding:55px 0 44px;
}
.footer .wrap .fl:first-child{width:46%;border-right:1px solid rgba(216,216,216,1);}

.footer .wrap>div>span{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:23px;
    display:block;
    margin-bottom:30px;
}
.footer .wrap>div.fr{
    padding-left:34px;
	width:25%;
}
.footer .wrap>div.fl:nth-of-type(2){
    border-right:1px solid rgba(216,216,216,1);
    padding:0 34px;
	width:20%;
}
.footer .wrap>div.fr img{
	max-width: 100%;
}

.footer .wrap .fl:first-child p{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:23px;
}
.footer .wrap .fl:first-child p span{
    color:#666;
    margin-right:10px;
}
.footer .wrap .fl:first-child p  a{
    display:inline-block;
    margin-right:10px;
}
.footer .wrap .fl:first-child p a:hover{
    text-decoration: underline;
    color:#2587EE
}
.footer .wrap .fl .codebox{
    display:flex;
    align-items:center;
    justify-content: center;
}
.footer .wrap .fl .codebox div{
    border:1px solid rgba(221, 221, 221, 1);
    width:118px;
    height:118px;
    display:flex;
    align-items:center;
    justify-content: center;
    margin-right:10px;
}
.footer .wrap .fl .codebox div img{
    width:100px;
    height:100px;
}

.footer .wrap .fr p{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:23px;
}
.footer  ul{
    display:flex;
    align-items:center;
    justify-content: center;
    padding-bottom:18px;
}
.footer  ul a{
    padding:0 10px;
    border-right:1px solid #999999;
    font-size:14px;
    color:#999;
}
.footer li:last-child a{
    border-right:none;
}

.footer .copy{
    text-align:center;
    height:30px;
    line-height:30px;
    border-top:1px solid #999;
}
.footer .copy p,.footer .copy a{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    
}


.detailtext{
    margin-top:10px;
    background:#fff;
    padding:0 20px 0  25px;
}

.detailtext .item{
    border-bottom:1px solid rgba(238,238,238,1);
    padding:35px 0 10px;
}
.detailtext .item p{
    text-align: center;
    font-size:24px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
line-height:36px;
margin-bottom:10px;
}
.detailtext .item span{
    display:block;
    font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
line-height:23px;
    text-align:center;
}

.detailtext .texts{
    padding:30px 0 100px;
    overflow: hidden;
}

.detailtext .texts p{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:23px;
    margin-bottom:20px;
}

.chapter{
    padding:28px 0 44px;
    border-top:1px solid rgba(238,238,238,1);
}
.chapter .fl a{
    display:block;
    font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
margin-bottom:10px;
color:#333;

}
.chapter .fl a:hover{
    color:#1b6eeb;
    text-decoration: underline; 
}
.chapter .fr{
    width:auto;
}
.chapter .fr a{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:30px;
}

.detailtext p.title{
    padding:38px 0 48px;
    font-size:24px;
font-family:Source Han Sans CN;
font-weight:400;
color:rgba(37,35,39,1);
text-align:center;
}

.detailtext .recurit .tab>p{
    height:52px;
    line-height:52px;
    background:url(../img/menu2.png) no-repeat right 10px center;
    border-bottom:1px dashed rgba(229,229,229,1);
}
.detailtext .recurit .tab>p.active{
    background:url(../img/menu1.png) no-repeat right 10px center;
}
.detailtext .recurit .recuritdetails{
    padding-bottom:18px;
    display:none;
}
.recurit{
    padding-bottom:96px;
}
.detailtext .recurit .recuritdetails span{
    font-size:16px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(51,51,51,1);
line-height:28px;
display:block;
padding:15px 0;
}

.detailtext .recurit .recuritdetails p{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(51,51,51,1);
    line-height:28px;
}

.detailtext .recurit .tab.active{
    background:rgba(247,250,255,1);
}
.detailtext .recurit .tab{
    padding:0 14px;
}

.commonbox .fr  .contact{
    padding:30px 0 65px;
}
.detailtext .texts img{
    max-width:100%;
}
.commonbox .fr .contact p.title{
    font-size:18px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:28px;
    text-align:left;
    padding:0;
    margin-bottom:20px;
}
.commonbox .fr  .contact p{
    font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
line-height:28px;
}
.commonbox .fr  .ditucontainer{
    margin-top:35px;
}
.commonbox .fr .ditucontainer img,.commonbox .fr .ditucontainer iframe{
    width:100%;
}
.commonbox .fr .honor{
    padding:40px 0 75px;
}
.commonbox .fr .honor li{
    float:left;
    width:280px;
    margin:0 22px 46px 0;
}
.commonbox .fr .honor li:nth-of-type(3n){
    margin-right:0;
}
.commonbox .fr .honor li img{
    width:100%;
    height:190px;
}
.commonbox .fr .honor li  p{
    text-align:center;
    font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(37,35,39,1);
line-height:28px;
margin-top:10px;
}

.newslist {background:#fff;margin-top:10px;padding-bottom:55px;}
.newslist .page{margin-top:50px;}
.newslist .lists li .data{width:12%;text-align: center;display:flex;align-items:center;justify-content: center;padding:30px 0;}
.newslist .lists li >.right{width:88%;border-bottom:1px solid #ccc;padding:30px 25px 30px 0;
box-sizing:border-box;}
.newslist .lists li .data .left span{display: block;font-size:56px;color:#595454;margin-top:-10px;}
.newslist .lists li .data .right span:first-child{font-size:16px;color:#595454;display: block;}
.newslist .lists li .data .right span:last-child{font-size:22px;color:#595454;display: block;}
.newslist .lists li .photo{width:19%}
.newslist .lists li .photo img{width:100%;height:110px;}
.newslist .lists li .text{width:77%}
.newslist .lists li .text p.item{font-size:18px;color:#333;margin-bottom:20px;}
.newslist .lists li .text p.text{font-size:14px;color:#999;width:100%}
.newslist .lists li .text a{float:right;width:55px;height:30px;line-height:30px;
color:#5dcaff;border:1px solid #5dcaff;text-align: center;border-radius:5px;margin-top:20px;}
.newslist .lists li .text a:hover{background:#5dcaff ;color:#fff}

.commonbox .caselist{background:#fff;padding:22px 22px 52px;box-sizing:border-box;
margin-top:10px;}


.commonbox .caselist li{
    border:1px solid rgba(238,238,238,1);
    border-radius:5px 5px 5px 5px;
    margin-bottom:9px;
    padding:30px 0 30px 30px;
    box-sizing:border-box;
}
.commonbox .caselist li img{
    width:186px;
height:112px;
}

.commonbox .caselist li .fr{
    width:635px;
}
.commonbox .caselist li .fr p.title{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(35,34,34,1);
    line-height:24px;
}
.commonbox .caselist li .fr span.time{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
 
    display:block;
    margin:10px 0 18px;
}

.commonbox .caselist li .fr p{
    font-size:12px;
    font-family:SimSun;
    font-weight:400;
    color:rgba(35,34,34,1);
    line-height:24px;
}
.commonbox .caselist li .fr p span{
    color:#DB3033
}
.commonbox .caselist .page{
    margin-top:50px;
}

.commonbox .solution{
    background:#fff;
    margin-top:10px;
    padding:26px 0 80px;
}
.commonbox .solution li{
    display:inline-block;
    width:33%;
    vertical-align: top;
    padding:26px 0;
}
.commonbox .solution li img{
    display:block;
    margin:0 auto;
    max-width:40%;
}
.commonbox .solution li  span{
    display:block;
    text-align:center;
    font-size:18px;
font-family:Alibaba PuHuiTi;
font-weight:500;
color:rgba(51,51,51,1);
line-height:20px;
margin:30px 0 15px;
}

.commonbox .solution li p{
    font-size:14px;
    font-family:Alibaba PuHuiTi;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:20px;
    width:80%;
    margin:0 auto;
    text-align: center;
}
.commonbox .down{
    padding:18px 25px 50px;
    background:#fff;
    margin-top:10px;
    box-sizing:border-box;
}
.commonbox .down ul{
    border:1px solid #eee;
}
.commonbox .down li{
    height:42px;
    line-height:42px;
    border-bottom:1px solid #eee;
}
.commonbox .down li span.item{
    width:40%;
    padding-left:5px;
    box-sizing:border-box;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:inline-block;
    height:40px;
    white-space: nowrap;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
}
.commonbox .down li span.time{
    width:45%;
    font-size:12px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);

}
.commonbox .down li .fr {
  display:inline-block;
  
    width:83px;
height:31px;
line-height:31px;
margin-top:5px;
background-color:rgba(255,255,255,1);
border:1px solid rgba(254,209,86,1);
border-radius:15px;
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(248,191,34,1);
text-align:center;
margin-right:20px;
background:url(../img/down.png) no-repeat right 10px center;
}
.commonbox .down li .fr.sy{
    border:1px solid rgba(37,135,238,1);
    color:rgba(37,135,238,1);
    background:url(../img/sy.png) no-repeat right 10px center;
}
.commonbox .down li:nth-of-type(even){
    background:#fafafa
}
.commonbox .down .page{
    margin-top:40px;
}

.commonbox .trial{
    background:#fff;
    padding:40px 72px 80px;
    box-sizing:border-box;
    margin-top:10px; 
}
.commonbox .trial p.item{
    font-size:20px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(37,35,39,1);
line-height:36px;
text-align:center;
}
.commonbox .trial p.right{
    text-align:right;
    font-size:14px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(37,35,39,1);
line-height:36px;
}
.commonbox .trial .info {
   
    margin-bottom:20px;
}
.commonbox .trial .info span.fl{
    width:110px;
    text-align:right;
}
.commonbox .trial .info .right{
    width:610px;
    margin-left:15px;
 
}
.commonbox .trial .info .right select,.commonbox .trial .info .right input[type="text"]{
    width:530px;
    height:34px;
    line-height:34px;
    border:1px solid rgba(229,229,229,1);
    padding-left:10px;
    box-sizing:border-box;
}
.commonbox .trial .info .right select{
    background:url(../img/xl2.png) no-repeat right center;
}
.commonbox .trial .info  input[type="radio"]{margin:0 10px 0 15px;}
.commonbox .trial .info  input[type="radio"]:first-child{margin-left:0;}
.commonbox .trial .info textarea{
    width:530px;
    border:1px solid rgba(229,229,229,1);
    padding-left:10px;
    box-sizing:border-box;
    height:152px;
    float:left;
    margin-left: 15px;
    resize: none;
}
.commonbox .trial button{
    width:100px;
height:34px;
background:rgba(37,135,238,1);
text-align:center;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,254,255,1);
line-height:34px;
display:block;
margin-left:560px;
}
.commonbox .trial .info span.fl:last-child,.commonbox .trial .info .right span{
    width:10px;
    color:#FF3434
}
.commonbox .trial .info .right2{
    width:530px;
}

.indexproduct{
    padding:20px 0 60px;
    background:rgba(245,247,250,1);
   background:url(../img/bg3.png)  no-repeat top center/cover;
}
.commontitle{
    margin-bottom:40px;
}
.indexproduct .togglecontent ul{
    display:none;
}
.indexproduct .togglecontent ul:first-of-type{
    display:block;
}
.commontitle span.num{
    font-size:80px;
font-family:Microsoft YaHei;
font-weight:400;
font-style:italic;
color:rgba(236,239,242,1);
display:block;
text-align:center;
}
.commontitle span.item{
    font-size:30px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(55,61,65,1);
display:block;
text-align:center;
font-style:normal;
margin-top:-90px;
}
.commontitle span.line{
    width:40px;
height:2px;
background:rgba(55,61,65,1);
display:block;
margin:5px auto;
}
.commontitle span.en{
    font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
line-height:20px;
display:block;
text-align:center;
}

.toggleitem span{
    width:130px;
height:30px;
background:rgba(255,255,255,0);
border:1px solid rgba(181,181,181,1);
border-radius:15px;
display:inline-block;
font-size:14px;
line-height:30px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(102,102,102,1);
text-align:center;
margin-right:18px;
cursor:pointer;
}
.toggleitem span:hover,.toggleitem span.active{
    background:rgba(37,135,238,1);
    color:#fff;
    border:1px solid transparent;
}
.toggleitem{
    display:flex;
    align-items:center;
    justify-content: center;
    margin-bottom:52px;
}
.indexproduct .togglecontent li{
    float:left;
    width:380px;
    line-height:98px;
    padding:0 28px 0 40px;
    box-sizing:border-box;
 border-radius:15px;
height:98px;

margin-right:24px;
margin-bottom:30px;
background:url(../img/more1.png) no-repeat right 28px center;
background-color:rgba(255,255,255,1);
}




.indexproduct .togglecontent li:nth-of-type(3n){
    margin-right:0;
}
.indexproduct .togglecontent li span.fr{
    padding-right:20px;
    font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(204,204,204,1);

}
.indexproduct .togglecontent li a>img{
    max-width:60%;
}
.indexproduct .togglecontent li span.fl{
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
   
}
/* /*.indexproduct .togglecontent li:hover{
/*box-shadow:0px 3px 15px 0px rgba(0, 0, 0, 0.1);*/

background:url(../img/bg2.png) no-repeat  bottom center/100%,url(../img/more2.png) no-repeat right 28px center;}
background-color:rgba(37,135,238,1);*/

*/
/* .indexproduct .togglecontent li:hover span{
    color:#fff;
} */ 



.indexcase .fl li i{
    display:inline-block;
    width:30px;
    height:30px;
    margin-right:30px;
}
.indexcase .fl li{
    width:240px;
    height:90px;
    background:#e4e6eec2;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content: center;
    font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);

}
.indexcase .fl li:nth-of-type(1) i{
  
    background:url(../img/p1.png) no-repeat center center;
  
}
.indexcase .fl li:nth-of-type(2) i{
  
    background:url(../img/p2.png) no-repeat center center;
  
}
.indexcase .fl li:nth-of-type(3) i{
  
    background:url(../img/p3.png) no-repeat center center;
  
}
.indexcase .fl li:nth-of-type(4) i{
  
    background:url(../img/p4.png) no-repeat center center;
  
}
.indexcase .fl li:nth-of-type(5) i{
  
    background:url(../img/p5.png) no-repeat center center;
  
}
.indexcase .fl li:nth-of-type(6) i{
  
    background:url(../img/p6.png) no-repeat center center;
  
}
.indexcase .fl li:nth-of-type(7) i{
  
    background:url(../img/p7.png) no-repeat center center;
  
}
.indexcase .fl li:nth-of-type(1):hover i,.indexcase .fl li:nth-of-type(1).active i{
    background:url(../img/p1.1.png) no-repeat center center;
   
}
.indexcase .fl li:nth-of-type(2):hover i,.indexcase .fl li:nth-of-type(2).active i{
    background:url(../img/p2.1.png) no-repeat center center;
   
}
.indexcase .fl li:nth-of-type(3):hover i,.indexcase .fl li:nth-of-type(3).active i{
    background:url(../img/p3.1.png) no-repeat center center;
   
}
.indexcase .fl li:nth-of-type(4):hover i,.indexcase .fl li:nth-of-type(4).active i{
    background:url(../img/p4.1.png) no-repeat center center;
   
}
.indexcase .fl li:nth-of-type(5):hover i,.indexcase .fl li:nth-of-type(5).active i{
    background:url(../img/p5.1.png) no-repeat center center;
   
}
.indexcase .fl li:nth-of-type(6):hover i,.indexcase .fl li:nth-of-type(6).active i{
    background:url(../img/p6.1.png) no-repeat center center;
   
}
.indexcase .fl li:nth-of-type(7):hover i,.indexcase .fl li:nth-of-type(7).active i{
    background:url(../img/p7.1.png) no-repeat center center;
   
}
.indexcase .fl li:hover,.indexcase .fl li.active{
    background-color:rgba(37,135,238,1);
    color:#fff;
}
.indexcase .right{
    width:925px;
    padding:40px 0 30px;
}
.indexcase .right .rightbox{
    display:none;
}
.indexcase .right li img{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.indexcase .right li:hover img{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.indexcase .right .rightbox:first-of-type{
    display:block;
}
.indexcase  .right  span.fl{
    font-size:30px;
font-family:Alibaba PuHuiTi;
font-weight:500;
color:rgba(51,51,51,1);

} 
.indexcase .right .caselist li img{
    max-width:100%;
    max-height:100%;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    overflow:hidden;
}
.indexcase .right .caselist li:hover img{
    transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
}

.indexcase  .right  a.fr{
    font-size:16px;
    font-family:Alibaba PuHuiTi;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:24px;
    display:inline-block;
    margin-top:15px;
}

.indexcase  .right  p.text{
    font-size:16px;
    font-family:Alibaba PuHuiTi;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:24px;
    margin:20px 0 30px;
}
.indexcase  .right li{
    float:left;
    width:15%;
    margin-right:2%;
}
.indexcase  .right li i{
    display:flex;
    align-items:center;
    justify-content: center;
    width:80px;
height:80px;
background:rgba(232,241,249,1);
border-radius:50%;
margin:0 auto;

}
.indexcase  .right li:last-child{
    margin-right:0;
}

.indexcase  .right li span{
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:20px;
    display:block;
    text-align:center;
    margin:10px 0;
}
.indexcase  .right li p{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:20px;
}
.indexcase  .right .caselist span{
    display:block;
    font-size:30px;
font-family:Alibaba PuHuiTi;
font-weight:400;
color:rgba(51,51,51,1);
margin:40px 0 20px;
}
.indexcase  .right .caselist li{
    width:150px;
    height:130px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(229,229,229,1);
    border-radius:3px;
    display:flex;
    align-items:center;
    justify-content: center;
    overflow:hidden;
}


.indexsolution{
    background:rgba(245,247,250,1);
    padding:45px 0 40px;
}
.indexsolution li{
    display:inline-block;
    vertical-align: top;
    width:24.4%;
    margin-bottom:50px;
}
.indexsolution .togglecontent ul{
    display:none;
}
.indexsolution .togglecontent ul:first-of-type{
    display:block;
}
.indexsolution li a img{
    display:block;
    margin:0 auto;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.indexsolution li:hover a img{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.indexsolution li:hover a span,.indexsolution li:hover a p{
    color:rgba(37,135,238,1);
}
.indexsolution li a span{
    font-size:18px;
font-family:Alibaba PuHuiTi;
font-weight:500;
color:rgba(51,51,51,1);
line-height:20px;
display:block;
text-align:center;
margin:20px 0 15px;
}
.indexsolution li a p{
    font-size:14px;
    font-family:Alibaba PuHuiTi;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:20px;
    text-align:center;
    margin:0 5%;
}
.indexsolution .wrap>a{
    width:130px;
    height:30px;
    background:rgba(255,255,255,0);
    border:1px solid rgba(210,210,210,1);
    border-radius:15px;
    display:block;
    margin:0 auto;
    font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
line-height:30px;
text-align:center;
}
.indexsolution .wrap>a:hover{
    background: rgba(37,135,238,1);
    color: #fff;
    border: 1px solid transparent;
}


.indexnews  .swiper-slide{background:rgba(247,247,247,1);}
.indexnews{padding:35px 0 80px;}
.indexnews  .swiper-container{width:1200px;margin:0 auto;}
.indexnews  .swiper-slide img{width:100%;height:200px;     transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;overflow:hidden;}
    .indexnews  .swiper-slide:hover img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        overflow:hidden;
    }
.indexnews  .swiper-slide span.item{width:100%;overflow: hidden;text-overflow: ellipsis;white-space:norwap;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:20px;
padding:20px 0 12px;
border-bottom:1px solid rgba(238,238,238,1);
display:inline-block}
.indexnews  .swiper-slide  p{font-size:.14rem;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:20px;
    margin-top:15px;
}
.indexnews  .swiper-slide span.time{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:20px;
    display:block;
    margin-top:15px;

}
.indexnews .swiper-slide .text{
    padding:0px 12px 14px;
    width:100%;
    box-sizing:border-box;
}
.indexnews .swiper-slide .photo{
    height:200px;
    overflow:hidden;
}
.indexnews .swiper-button-prev{background:url(../img/left1.png) no-repeat center center;left:15%;}
.indexnews .swiper-button-next{background:url(../img/right1.png) no-repeat center center;right:15%;}
.swiper-father{
    position: relative;
}

.indexcontact{
    background:rgba(37,135,238,1);
    padding:42px 0;
}
.indexcontact p.item{
    font-size:36px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
text-align:center;
}
.indexcontact p.text{
    font-size:18px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(244,244,244,1);
line-height:20px;
margin:30px 0 40px;
text-align:center;
}

.indexcontact input{
    width:260px;
    height:44px;
    background:rgba(255,255,255,1);
    border-radius:3px;
    margin-right:40px;
    padding-left:10px;
    box-sizing:border-box;
}
.indexcontact form{
    display:flex;
    align-items:center;
    justify-content: center;
}
.indexcontact button{
    width:140px;
height:44px;
line-height:44px;
background:rgba(0,204,254,1);
border-radius:3px;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(244,244,244,1);
text-align:center;
}
.indexcontact a{
    width:140px;
height:44px;
line-height:44px;
text-align:center;
display:inline-block;
background:rgba(255,255,255,0);
border:1px solid rgba(255,255,255,1);
border-radius:3px;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(244,244,244,1);
margin-left:40px;
}

.indexcontact p.tel{
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    text-align:center;
    margin-top:30px;
}


.sidebar{position:fixed;right:35px;top:30%;z-index:999;}
.sidebar li{position:relative;width:50px;
    height:50px;
    background:rgba(37,135,238,1);margin-bottom:2px;display:flex;
align-items:center;justify-content: center;}
.sidebar li div{position:absolute;left:-120px;top:0;width:100px;height:100px;opacity: 0}
.sidebar li div img{width:100px;height:100px;}
.sidebar li div.phone{background:#fff;color:#333;text-align:center;height:80px;
border:1px solid rgba(37,135,238,1);display:flex;
align-items:center;justify-content: center;word-break: break-all;
}

.sidebar li:hover div{opacity:1;}



/*最新产品页面*/
.new_pro {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #f5f5f5;
}
.new_pro h2{
    width: 100%;
    margin: 0 auto;
    margin-top:60px;
    margin-bottom: 45px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}
.new_pro .new_pro_tt{
width: 100%;
display: flex;
text-align: center;
margin-bottom: 50px;
justify-content: center;
}
.new_pro .new_pro_tt a{
   display: inline-block;
    width: 320px;
    height: 76px;
    line-height: 80px;
    text-align: center;
    color: #212423;
    font-size: 22px;
    background-color: #e1edfa;
}
.new_pro .new_pro_tt a.active{
    color: #FFFFFF;
    background-color: #2587ee;
}


.summer .summer_title {
    width: 100%;
display: flex;
text-align: center;
margin-bottom: 60px;
justify-content: center;
}

.summer .summer_title li {
    display: inline-block;
    margin: 0 40px;
    font-size: 20px;
    color: #333333;
    cursor: pointer;
    padding: 9px 5px;
    cursor: pointer;
}


.summer .summer_title .active {
    color: #FFFFFF;
    background-color:#2587ee;
    border-radius:20px;
    padding: 9px 5px;
}
.summer .summer_title .active a{
    color: #FFFFFF;
}
.summer .sum_bgcolor{
    background-color: #f5f7fa;
    position: relative;
    padding: 60px 0;
}
.summer .sum_box {
    width: 100%;
    margin: 0 auto;
    display: none;
}
.summer .sum_box ul{
    position: relative;
}
.summer .sum_box li{
    width: 18%;
    position: relative;
    height: auto;
    display: inline-block;
    transition: .5s;
    margin-right: 2%;
    margin-bottom: 30px;
    vertical-align: top;
    background-color: #FFFFFF;
    padding: 30px;
    transition: .5s;
    vertical-align: top;
}

.summer .sum_box li:nth-of-type(4n) {
    margin-right: 0%;
}

.summer .sum_box li .sum_img {
    display: block;
    width: 100%;
    min-height: 96px;
    vertical-align: middle;
    border-radius: 8px;
    background-color: #d7dee4;
    transition: .5s;
}
.summer .sum_box li .sum_img img{
    max-width: 100%;
}
.summer .sum_box li p {
    height: 50px;
    width: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    margin: 20px auto;
    overflow: hidden;
    color: #212423;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}

.summer .sum_box li a.new_pro_more{
    display: block;
    padding: 10px 20px;
    margin: 0 auto;
    width: 60px;
    border: 1px solid #2587ee;
    color: #2587ee;
    font-size: 14px;
    border-radius:20px;
    transition: .5s;
}

.summer .sum_box li:hover .sum_img{
    transition: .5s;
    background-color: rgba(37,135,238,0.3);
    
}
.summer .sum_box li:hover .new_pro_more{
    color: #FFFFFF;
    border: 1px solid #2587ee;
    background-color: #2587ee;
}

.new_pro_list{
    display: none;
}
.summer .ma_bot{
    margin-bottom: 0;
}
.summer .sum_top{
    padding-top: 30px;
    padding-bottom: 0px;
}
