body
{
  font-family:"Microsoft YaHei",Helvetica,Arial,Tahoma,"PingFang SC","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
  font-size:14px;
  min-width:1200px;
  overflow-x:scroll;
}
*{
    margin:0;
    padding:0;
}
li{
    list-style:none;
}
a{
    text-decoration:none;
}
.left{
    float:left;
}
.right{
    float:right;
}
.clearfix::after{
    content: " ";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
h1,h2,h3,h4,h5{
    font-weight:normal;
}

.main_container{
    width:1200px;
    margin:auto;
    padding:0 30px;
    box-sizing:border-box;
}
/*---------模块文字开始---------*/
.text_box .title{
    font-size:32px;
    color:#232323;
    line-height:72px;
}
.text_box .e_title{
    font-size:24px;
    color:#666666;
    font-family:Arial;
    text-transform:uppercase;
}
.text_box .line{
    display:inline-block;
    width:64px;
    height:2px;
    background:#959595;
    margin:30px 0;
}
.text_box .text_content{
    font-size:14px;
    color:#666666;
    line-height:30px;
}
/*---------模块文字结束---------*/
.top{
    /*height:700px;*/
    
}
.header_wrap{
	position:fixed;
	top:0;
	width:100%;
	z-index:1;
}
.white_header{
	background:#579fe8;
}
.header{
    padding:24px 30px;
	margin:auto;
}
.nav li{
    float:left;
    margin-right:60px;
    position:relative;
}
.nav li.active a{
    color:rgba(255,255,255,1);
}
.nav li.active::after{
    position:absolute;
    background:#fff;
    content:"";
    height:3px;
    border-radius:3px;
    width:100%;
    left:0;
    bottom:8px;
}
.nav li a{
    color:rgba(255,255,255,0.5);
    font-size:16px;
    line-height:52px;
}
.nav li a:hover{
    color:rgba(255,255,255,1);
}
.banner{
    text-align:center;
    color:#fff;
    margin-top:150px;
}
.banner h1{
    font-size:60px;
    margin-bottom:50px;
}
.banner p{
    font-size:18px;
}
.pro_ser{
    background:url("./images/pro.png") no-repeat left bottom;
}
.pro_ser .text_box,
.aboutus .text_box{
    width:50%;
    padding-left:135px;
    box-sizing: border-box;
    margin-top:290px;
}
.pro_ser .content_box{
    width:50%;
    margin:140px 0 326px;
}
.item_box,
.item_box_right{
    width:50%;
}
.item_box_right{
     margin-top:140px;
}
.pro_ser .content_item{
    display:block;
    margin:20px;
    padding:20px;
    float:left;
    background:#fff;
    border-radius:16px;
    box-shadow:0 30px 68px 0px rgba(149,184,219,0.24);
    height:280px;
    box-sizing:border-box;
}
.pro_ser .ht{
    color:#fff;
    background:#579fe8;
}
 .content_item h4{
    font-size:18px;
    color:#232323;
    line-height:48px;
}
  .content_item p{
    color:#999;
}
.pro_ser .ht h4,
.pro_ser .ht p{
    color:#fff;
}
.pro_ser .content_item img{
    height:58px;
    width:54px;
    margin:10px 0 20px;
}
.customer{
    padding-top:80px;
}
.customer .content_box{
    margin-top:170px;
}
.customer .content_box  .content_item {
    float:left;
    border-radius:20px;
    width:340px;
    padding-bottom: 20px;
}
.customer .content_box  .content_item:hover{
     background:#fff;
     box-shadow:0 7px 80px 0px rgba(149,184,219,0.24);
}
.customer .content_box  .active{
     background:#fff;
     box-shadow:0 7px 80px 0px rgba(149,184,219,0.24);
}
.customer .content_item h4,
.customer .content_item p{
    padding:10px 20px 0;
}
.customer .content_item p{
    line-height:30px;
}
.marginlr{
    margin:0 60px;
}
.aboutus{
    position:relative;
    background:url("./images/about1.png") no-repeat right top;
    padding: 100px 0 180px;
}
.aboutus .content_box img{
    position:absolute;
    left:0;
    top: 30%;
    width: 50%;
}
.aboutus .text_box{
    margin-bottom:278px;
}
.aboutus .text_box .title,
.aboutus .text_box .e_title,
.aboutus .text_box .text_content {
    color: #fff;
}
.aboutus .text_box .line{
    background:#fff;
}
.contact .text_box{
    text-align:center;
}
.contact  .content_box {
    margin:130px 0 110px;
}
.contact .content_item{
    float:left;
    background:url("./images/contact1.png") no-repeat center top;
    text-align :center;
    width:33.33%;
    padding-top:12px;
}
.contact .content_item h4{
    color:#58a2e7;
    margin:8px 0 30px;
}
.contact .content_item p{
    color:#232323;
}
.footer{
    background:url("./images/footer.png") no-repeat center bottom;
    padding:268px 0 20px;
    text-align:center;
}
.footer .footer_nav{
    margin:92px auto;
    display:inline-block;
}
.footer .footer_nav .content_item{
    float:left;
    margin:0 50px;
}
.footer .footer_nav .content_item a{
    color:#fff;
    font-size:18px;
}
.footer_logo {
    position:relative;
}
.footer_logo span{
    display:inline-block;
    height:1px;
    background:rgba(255,255,255,0.2);
    width:40%;
    margin-top:24px;
}
.footer_logo .back_top{
    display:block;
    width:64px;
    height:64px;
    border-radius:64px;
    position:absolute;
    right:120px;
    top: -6px;
    background:#fff url("./images/arrow.png") no-repeat center center;
}
.copyright{
    font-size:16px;
    color:#fff;
    margin:40px 0;
}

.bx-wrapper {
    margin-bottom: 0px;
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{
    bottom:50px;
}
.bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{
    background:#fff;
    height:7px;
    width:7px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active{
    width:50px;
}
@media (min-width:1200px){
   .header{
       width:1200px;
   }
}