/*补充样式*/
@font-face {font-family: "yahei";

  src: url('yahei/yahei.eot'); /* IE9*/

  src: url('yahei/yahei.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('yahei/yahei.woff') format('woff'), /* chrome, firefox */

  url('yahei/yahei.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

  url('yahei/yahei.svg#iconfont') format('svg'); /* iOS 4.1- */

}

.logo-container {
    width: 26%;
}

.giikin-code {
    float: right;
    color: #fff;
    border-left: 2px solid #fff;
    font-size: .2rem;
    margin: 5px 0 0 5px;
    padding-left: 8px;
}

.banner-item-container {
    background-size: 100%;
}

.introduction-title {
    padding: 0 0 0.1rem;
}

.read-more {
    color: #ffc446;
    cursor: pointer;
}

.introduction-trail {
    margin-top: 0;
}



.line-coment {
    color: #4166AD !important;
}

.img-contanier {
    overflow: hidden;
    padding: .5rem 0 .9rem 0;
}

.img-contanier ul li {
    float: left;
    display: inline-block;
    text-align: center;
    margin-right: .1rem;
}
.img-contanier ul li img{width:280px;height:280px; margin-bottom:10px;}

.footer-container {
    background: #2c3f53;
}

.nav-content {
    overflow: hidden;
    margin: 0 3%;
}

.nav-content .footernav {
    display: block;
    float: left;
    width: 60%;
}

.footernav h5 a {
    color: #f3994b;
}

.contact-us {
    float: right;
    width: 37%;
    margin: .65rem 0 0 0;
    padding-left: .4rem;
	font-size:14px;
}

.contact-us h4 {
    padding-bottom: .2rem;
	font-size:.2rem; font-weight:normal;
}

.net-certificate {
    text-align: center;
    margin: .3rem .3rem .1rem;
}

.net-certificate img {
    width: 35%;
    display: none;
}

.footer-text {
    background: #25374b;
    height: .7rem;
    line-height: .7rem;
    font-size: .14rem;
}

.footer-text img {
    width: .15rem;
    height: auto;
    position: relative;
    top: 3px;
}

.zp-content {
    /*margin: 10px 10%;*/
    position: relative;
    text-align: center;
}

.zp-content a {
    display: block;
    position: fixed;
    top: 2%;
    left: 8%;
    color: #141d3a;
}

.zp-content img {
    width: 100%;
    height: 100%;
    display: block;
}

.procategory-box {
}

.procategory-list {
    width: 80%;
    margin: 0.2rem auto 0;
    overflow: hidden;
}

.procategory-list .swiper-slide {
    width: 25%;
    height: 3.4rem;
    float: left;
    text-align: center;
}
.a1{ background-color: #11c4ed;}
.a2{ background-color: #4d64f6;}
.a3{ background-color: #8359ba;}
.a4{ background-color: #d7386e;}
.a5{ background-color: #ffaa25;}
.procategory-list .swiper-slide .img { 
    width: 0.7rem;
    color: #fff;
    font-size: 0.4rem;
    border-radius: 50%;

    display: inline-block;
    text-align: center;
    height: 0.7rem;
    padding: 0.2rem;
	 line-height:.7rem;

    
    margin-top: 0.65rem;
    transition: all 0.5s ease-out;
}


.procategory-list .swiper-slide .img:hover {
    transform: scale(1.4) rotate(360deg);
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer;
}

.procategory-list .swiper-slide .icon-c {
    width: 100%;
    position: relative;
    height: 2.1rem;
}

.swiper-pagination-bullet-active{
    background:#11c4ed;
}

@media screen and ( max-width:565px ){
    .logo-container{
        width:55%;
        margin-top:5px;
    }
    .logo-container img{
        width: 1.2rem;
        vertical-align: top;
        margin-top:.15rem;
    }
    .giikin-code{
        font-size: .12rem;
        margin: 0 0 0 5px;
        border-left: 1px solid #eee;
    }
    .banner-container{
        height: auto;
    }
    #banner .bulletClass{
        width:.8rem;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom:0;
    }
    .introduction-container{
        padding-top:.3rem;
    }
    .icon-title{
        font-size: 0.2rem;
    }

    .procategory-list .swiper-slide .img{
        width:0.4rem;
        height:.4rem;
        font-size: 0.4rem; line-height:.4rem;

    }

    .procategory-list{
        padding: 0 .1rem;
    }

    .procategory-list .swiper-slide .icon-c{
        height:1.8rem;
    }
    .procategory-list .swiper-slide{
        height:2.8rem;
    }
    .swiper-button-next, .swiper-button-prev{
        width:20px;
        height:30px;
        top:58%;
        background-size: 20px 44px;
    }
   #procategory{
        position: static;
    }
    .product-container{
        position: relative;
    }
    .nav-content{
        margin:0;
    }
    .nav-content .footernav{
        width: 52%;
        padding: 2% 0 7%; display:none
    }
    .contact-us{
        width: 100%;
        margin: .46rem 0 0 0;
        border-left: 1px solid #8a8d8f;
        padding-left: .2rem;
		 padding:0 .4rem; display:block;box-sizing: border-box

    }
	

    .zp-content>div{display: none;}
}