body {
    margin: 0 auto;
    padding: 0;
    background: #ffffff;
    font-family: "Arial";
}

div {
    box-sizing: border-box;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

img {
    border: 0;
    max-width: 100%;
}

a img {
    border: 0;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

.bg_gray {
    background: #eeeff0;
}

.bg_white {
    background: #ffffff;
}

/* 1200 以上分辨率*/
body {
    font-size: .14rem;
    line-height: .4rem;
}
/* 头部 */
.header {
    width: 12rem;
    height: 1.06rem;
    margin: .32rem  auto 0;
}

.header .logo {
    width: 3.25rem;
    height: .80rem;
    float: left
}

.header .right {
    float: right;
    margin-right: .2rem;
    height: .8rem;
}

.header .right .text{
    font-size: .2rem;
    color: #1f84e0;
    line-height: .35rem;
    text-align: right;
    padding-top:.15rem;
}

.header .right .m {
    float: right;
    height: 100%;
    padding-top: .2rem;
}

.header .right .m img {
    margin-top: .07rem;
}

.header .right .m .right_txt {
    float: right;
    margin-left: .09rem;
    height: 100%;
    width: 1.6rem;
}

.header .right .m .right_txt .top_txt {
    float: left;
    width: 100%;
    font-size: .14rem;
    color: #1f84e0;
    display: inline-block;
    height: .22rem;
    line-height: .22rem;
}

.header .right .m .right_txt .bo_txt {
    float: left;
    width: 100%;
    font-size: .14rem;
    color: #000000;
    display: inline-block;
    height: .22rem;
    line-height: .22rem;
}

/*导航*/
.nav_bj {
    width: 100%;
    background: #1f84e0;
}

.nav_bj .nav {
    width: 12rem;
    margin: 0 auto;
}

.nav_bj .nav ul li {
    width: 2rem;
    float: left;
    text-align: center;
    line-height: .4rem;
    height: .4rem;
}

.nav_bj .nav ul li, .nav_bj .nav ul li a {
    font-size: .14rem;
    color: #ffffff;
    font-weight: 700;
}

.nav_bj .nav ul li.on, .nav_bj .nav ul li.on a {
    color: #ffffff;
}
.nav_bj .nav ul li ul.children{ display:none; position: absolute; top: 1.78rem; width:1.7rem; background: rgba(1,95,182,0.8); float: left; z-index: 9999; box-shadow: #d2daff 0 0 .12rem; }
.nav_bj .nav ul li ul.children li{ width:1.7rem; height: .4rem; padding:0px; display: inline-block; font-size: .14rem;text-align: center;}
.nav_bj .nav ul li ul.children li { display: block;}
.nav_bj .nav ul li ul.children li a{ width:1.7rem; height: .4rem; line-height: .4rem; overflow: hidden; display: block; float: left; color: #fff; text-align: center; text-decoration: none; font-size: .14rem; }
.nav_bj .nav ul li ul.children li a:hover{ width: 1.7rem; line-height: .4rem; background: rgba(255,255,255,0.8); color: #015fb6;}



.header .category {
    display: none;
}

/*轮播图*/
.banner {
    width: 100%;
    min-width: 12rem;
}

.box_100 {
    width: 100%;
}

.main {
    width: 12rem;
    margin: 0 auto;
}

/*产品*/
.main .screen_title {
    text-align: center;
    padding: .5rem;
    font-weight: bold;
}

.main .screen_title .top_txt {
    font-size: .35rem;
    height: .6rem;
    line-height: .6rem;
}

.main .screen_title .top_txt .yw {
    color: #202325;
}

.main .screen_title .top_txt .zw {
    color: #1f84e0;
}

.main .screen_title .intro_txt {
    font-size: .14rem;
    color: #202325;
    width: 5.15rem;
    margin: 0 auto;
    line-height: .2rem;
    height: .4rem;
    overflow: hidden;
}
.screen_title .nav_home a{
    display: inline-block;
    padding: 0 .1rem;
    color: #1f84e0;
    font-size: .16rem;
    
}
.screen_title .nav_home{
    width: .68rem;
    height: .28rem;
    line-height: .28rem;
    float: left;
    border: .01rem solid #1f84e0;
    margin-top: .15rem; 
}

.main .screen_title .line {
    height: .04rem;
    width: 1rem;
    border: .01rem solid #1f84e0;
    background: #1f84e0;
    -moz-border-radius: .15rem;
      /* Gecko browsers */
    -webkit-border-radius: .15rem;
   /* Webkit browsers */
    border-radius: .15rem;
    margin: .06rem auto;
}

.list {
    padding: 0 .17rem .38rem;
}

.list ul.content {
    width: 100%;
}

.list ul.content li {
    float: left;
    width: 25%;
    
}
.list ul.content li .item{width: 95%; margin: 0 auto;}

.list ul.content li.last {
    margin-right: 0;
}

.list ul.content li .item .portfolio-img {
    background: #ffffff;
    text-align: center;
    margin-bottom: .16rem;
    padding: .2rem 0 .25rem;
    overflow: hidden;
}

.list ul.content li .item img {
    width: 2.29rem;
    height: 2.41rem;
}

.list ul.content li .item img:hover {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.list ul.content li .item .portfolio-title {
    text-align: center;
    padding: 0 .32rem;
    font-weight: bold;
}

.list ul.content li .item .portfolio-title span {
    color: #202325;
    font-size: .14rem;
    height: 0.3rem;
    line-height: .15rem;
    margin-bottom: .25rem;
    overflow: hidden;
    display: inline-block;
}

.about {
    padding: .3rem .22rem;
}

.about .left {
    float: left;
    width: 45%;
}

.about .left .screen_title {
    text-align: left;
    padding: 0;
}

.about .left .screen_title .line {
    margin: .1rem 0 .2rem;
}

.about .left .intro {
    height: 2.2rem;
    line-height: .3rem;
    color: #515252;
    font-size: .14rem;
    overflow: hidden;
    margin-bottom: .3rem;
    font-weight: bold;
    text-indent: .3rem;
}

.about .left .more a,.about .left .more {
    display: inline-block;
    ; width: 1.5rem;
    height: .41rem;
    color: #ffffff;
    font-weight: bold;
    font-size: .14rem;
    background: #1f84e0;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
   /* Webkit browsers */
    border-radius: .25rem;
    text-align: center;
    margin-bottom: .3rem; 
}

.about .right {
    float: right;
    width: 50%;
}

.about .right img {
    width: 100%;
    height: 100%;
}

/*内容*/

.show{ width: 12rem;margin: 0 auto; clear: both; padding: .1rem; }
.show .title{ font-size: .26rem; font-weight: bold; color: #000000; text-align: center; }
.show .hit{ font-size: .14rem; color: #686868; text-align: center; }
.main .width_nav  .location{ line-height: 0.65rem; text-align: right; }
.main .width_nav a{color: #000000;}

.show .content{ font-size: .14rem; line-height: .25rem; color: #686868; }
.show .content a{ color: #62afe8; }
.show .content video{ width: 6.8rem; height: 4.8rem; }
.show .content table{width: 100%;}



.service {
    padding-bottom: .4rem;
}

.service ul li {
    float: left;
    width: 25%;
}

.service ul li .m {
    width: 2.5rem;
    margin: 0 auto;
}

.service ul li .m .ico {
    text-align: center;
}

.service ul li .m .text {
    text-align: center;
    color: #0088ff;
    font-size: .14rem;
    font-weight: bold;
    margin: .1rem 0;
}

.service ul li .m .dec {
    color: #515252;
    font-size: .14rem;
    line-height: .24rem;
    height: .96rem;
    overflow: hidden;
}

/*分页*/
/* 分页 */
.page_info{ width: 12rem; text-align:center; line-height:.4rem; margin: .4rem auto .8rem; }
.page { display: inline-block; padding-left: 0; border-radius: .04rem; }
.page > li{ display: inline; }
.page > li > a{ color:#686868; }
.page > .current > a, .page > .current > span { z-index: 2; color: #ffffff; cursor: default; background-color: #1F84E0; border-color: #1F84E0;}
.page > li > a, .page > li > span { position: relative; float: left; padding: .06rem .12rem; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #e5e5e5; }


/*底部*/
.long_img img {
    width: 100%;
    height: 100%;
}

.footer {
    background: #1f84e0;
    width: 100%;
    height: 5rem;
}

.footer .left {
    height: 4.98rem;
    width: 4rem;
    margin-top: .02rem;
    float: left;
    background: #ffffff;
    text-align: center;
}

.footer .left .bottom_logo {
    margin-top: .6rem;
    font-size: .35rem;
    line-height: 1.2rem;
    font-weight: bold;
    color: #1f84e0;
}

.footer .left .text{
    margin-top: .25rem;
    font-size: .14rem;
    color: #626566;
    line-height: .28rem;
    margin-bottom: .25rem;
}

.footer .left ul li {
    height: .4rem;
    padding: .1rem 0;
    width: 100%
}

.footer .left ul li .left_ico {
    float: left;

}
.footer .left ul li .left_ico img{
    width: .4rem;
}

.footer .left ul li .right_text {
    float: left;
    color: #1f84e0;
    font-size: .2rem;
    margin-left: .2rem;
    width: 3rem;
    overflow: hidden;
}

.footer .right {
    float: left;
    width: 6.9rem;
    height: 5rem;
    margin-left: .9rem;
    font-weight: bold;
}

.footer .right .module {
    padding-top: .56rem;
}

.footer .right .module .right_title {
    font-size: .24rem;
    color: #ffffff;
    line-height: .6rem;
    height: .6rem;
}

.footer .right .module .line {
    width: .6rem;
    height: .03rem;
    background: #a5cef3;
    margin-left: .01rem;
    margin-bottom: .1rem;
}

.footer .right .module ul li {
    float: left;
    width: 50%;
    font-size: .2rem;
    height: .6rem;
    line-height: .6rem;
}

.footer .right .module ul li a {
    color: #bcd3f3;
}

.footer .right .module .product_case_img {
    margin-top: .2rem;
}

@media (max-width: 767px){

    .header{ width: 7.5rem; height: .9rem; margin: .1rem auto 0; }
    .header .category {
        display: none;
    }
    .header .logo {
        width: 3.25rem;
        height: .8rem;
        margin-left: .2rem;
    }
    .header .category {
        display: block;
        float: right;
    }
    .header .category img {
        width: .64rem;
        height: .64rem;
        margin-top: .2rem;
        margin-right: .3rem;
    }
    .header .right {
        display: none;
    }

    .nav_bj .nav{ width: 7.5rem; float: none; display: none; position: absolute; top: 1rem; z-index: 9999; padding-top: 0; background: rgba(1,95,182,0.8); }
    .nav_bj .nav ul li{ width: 7.5rem; height: auto; float: none; border-top: 1px #CCC solid; }
    .nav_bj .nav ul li, .nav_bj .nav ul li a{ font-size: .3rem; color: #ffffff; line-height: .6rem; }
    .nav_bj .nav ul li.on, .nav_bj .nav ul li.on a{ color: #ffffff; }
    .nav_bj .nav ul li ul.children{ display: none; position: static; width: 7.5rem; }
    .nav_bj .nav ul li ul.children li{ width: 7.5rem; padding:0px; }
    .nav_bj .nav ul li ul.children li a{ width: 7.5rem; float: none; font-size: .3rem; }
    .nav_bj .nav ul li ul.children li a:hover{ width: 7.5rem; background: none; color: #ffffff; }

    #companyAboutShow .kinMaxShow_button{widows: 70%;}
    


    .banner {
        /*width: 7.5rem;*/
       
        width: auto;
        height: auto;
         min-width: 320px;
         display: none;
    }

    .box_100 .main {
        width: 7.5rem;.footer .left ul li .left_ico
    }   

    .screen_title .nav_home{
        display: none;
    }
    
    .list ul.content li {
        width: 100%;
    }
    .home_list ul.content li:nth-of-type(n+5){
        display: none;
    }
    .list ul.content li .item .portfolio-title span{
        height: 0.48rem;
        line-height: .48rem; 
        font-size: .24rem;

    }
    .list ul.content li .item img{
         width: 4.29rem;
        height: 4.51rem;
    }
    .about .left .screen_title{
        margin-top: .2rem;
    }
    .main .screen_title {
        padding: .5rem .5rem 0 .5rem;
    }
    .main .width_nav{display: none;}
    .main .screen_title .intro_txt{
        font-size: .22rem;
        line-height: .22rem;
        height: .88rem;
        color: #666666;
        font-weight: normal;
        margin: .2rem auto;
    }
    
    .about .right,.about .left {
        width: 100%;
    }
    .about .left .intro{
        height: 2.05rem;
        font-size: .16rem;
    }
.about .left .intro p{
    padding: 0;
    margin: 0;
}
    .about .left .more{
        margin-bottom: .3rem;
    }

    .about .left .more a, .about .left .more{
        width: 2.1rem;
        height: .5rem;
        line-height: .5rem;
    }
    
    /*内容*/
    /*.show .title {
    font-size: .3rem;
    line-height: .6rem;
    }*/
    .show {
        width: 7.5rem;
        padding: .2rem;
    }
    .show .content {
        font-size: .22rem;
        line-height: .44rem;
    }
    .show .title{
        margin-top: .6rem;
    }



    /*我们的服务*/
    .service ul li{
        width: 50%;
        margin-bottom: 0.2rem;
    }
    .service ul li .m{
        width: 3.4rem;
    }
    .service ul li .m .text{
        font-size: .3rem;
    }
    .service ul li .m .dec{
       display: none;
    }

    /* 分页 */
    .page_info{ width: 7.5rem; }

    
    /*底部*/
    .long_img{display: none;   }
    .footer{ background: #ffffff; }
    .footer .main{width: 100%;}
    .footer .main .left{width: 100%; height: auto; }
    .footer .left .text{ margin-bottom: 1rem;  }
    .footer .main .right{display: none;}
    /*.footer .left ul li{width: 50%;float: left;}*/
    footer .left ul li{width: 100%;}
    .footer .left ul li .right_text{font-size: .3rem;width:80%;}
}