/*公共的css*/
/*初始化的css*/
*{margin:0; padding:0; font-family:微软雅黑,Arial, Helvetica, sans-serif;letter-spacing:1px; }
a{ color:#333; text-decoration:none;}
a:hover{text-decoration: none}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;}
.container{ margin:0 auto; position:relative;}
.w1220{width:1220px; margin:0 auto; }
.clear{clear:both;}
body{ overflow-x:hidden;}
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select{outline:medium;}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}

@media (min-width: 1200px){
    .container {
        width: 1470px;
    }
}

body {
    padding-top: 110px;
}


/*pc端页头中的导航*/
.headerNav{
    padding: 0 0 0 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*background:url(../images/coopig_01.jpg) repeat-y;*/border-top:solid 10px #399b4a;background: #fff;
    z-index: 1000000;
    box-shadow: 0px 0px 5px #333;
}

.headerNav.active .container .navRight ul.navbar>li>ul,
.headerNav.active {
    background: #333;
    box-shadow: 0 0 5px #636363;
}

.headerNav.active .container .navRight ul.navbar>li:hover>ul{
    border:1px #c1c1c1 solid;
}

.headerNav .container{
    padding: 0;
    width: 1740px;
}
.headerNav .container .core{
    height: 110px;
    padding: 10px 0 0 0;
}

.headerNav .logo{
     width:300px;
}
.headerNav .navLeft{
    margin: 0;
    padding: 0;
    float: left;
    height: 85px;margin-top: 10px;
}
.headerNav .navbar-right{float:right;font-size:15px;margin-top:20px}
.headerNav .navbar-right a{color:#333;font-size:15px}
.headerNav .container .navRight.navbar-right{margin: 0;padding: 0;height: 60px;float:left}
.headerNav .container .navRight ul.navbar{display: inline-block; margin: auto; padding:10px 0 0 0;border: none;}
.headerNav .container .navRight ul.navbar>li{
    display:inline-block;
    float: left;
    position: relative;
    z-index: 10000;
    margin: 0 20px;

}

.headerNav .container .navRight ul.navbar>li>a{
    padding: 6px 3px;
    display: inline-block;
    border-radius: 8px;
    color:#333;
    font-size: 16px;
    font-size: 18px;
    /*height: 100%;*/
    line-height: 24px;
}

.headerNav .container .navRight ul.navbar>li:hover>a,
.headerNav .container .navRight ul.navbar>li.active>a{
    color: #333;
}


.headerNav .container .navRight ul.navbar>li>ul{
    opacity: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    background: rgb(54 134 81 / 80%);
    box-shadow: 1px 1px 1px #d2d2d2;
    position: absolute;
    top: 36px;
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    z-index: 100;
    left: -17px;
    width: 120px;
    text-align: center;
}

.headerNav .container .navRight ul.navbar>li>ul>li{
    width: 16.2%;
    overflow: hidden;
    display: inline-block;
    vertical-align: text-top;
}
.headerNav .container .navRight ul.navbar>li>ul li{
    width: 100%;
    display: block;padding:10px 0;
}
.headerNav .container .navRight ul.navbar>li:hover>ul{
    opacity: 1;
    padding: 16px 40px;
    height: auto;
    border: 1px #e5e5e5 solid;
}
.headerNav .container .navRight ul.navbar>li:hover>ul {
    padding:0;
}



.headerNav .container .navRight ul.navbar>li>ul>li>a{
    display: block;
    line-height: 40px;
    font-weight: normal;
    color: #fff;
    font-size: 15px;
    padding: 0 0px;
    letter-spacing: 0.5px;
}
.headerNav .container .navRight ul.navbar>li>ul>li>a.activeOn{
    color: #ffffff;

}

.headerNav .container .navRight ul.navbar>li>ul>li>a:hover{
    color: #ffffff;
    text-decoration: underline;
}


.headerNav .borderB {
    width: 64px;
    display: inline-block;
    height: 3px;
    background: #399b4a;
    position: fixed;
    top: 85px;
    left: -100px;
    z-index: 1000;
}



.headerNav .container .navRight .SoSo{
    display: inline-block;
    float: right;
    max-width: 220px;
    position: relative;margin-top: 10px;
}

.headerNav .container .navRight .SoSo form input{
    width: 100%;
    display: block;
    font-size: 12px;
    padding: 4px 60px 4px 30px;
    border: none;
    border-radius: 3px;
    margin: 0;
    line-height: 22px;
    color: #333333;
    box-sizing: border-box;
    background: url(../images/coopig_22.png) 4% center  no-repeat #fff;
    background-size: 15px;
}
.SoSo form input:-ms-input-placeholder,
.SoSo form input:-moz-placeholder,
.SoSo form input:-ms-input-placeholder,
.SoSo form input:-moz-placeholder,
.SoSo form input::-webkit-input-placeholder{
    color: #d0d0d0;
}    /* 使用webkit内核的浏览器 */

.headerNav .container .navRight .SoSo form button{
    width: 60px;
    line-height: 30px;
    display: inline-block;
    background: #f9bc01;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    border-radius: 1px;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}



/*手机端顶部导航*/
.xf{ background:#fff; border-top:1px solid #e6e6e6; position:fixed; width:100%; bottom:0; left:0;z-index:9999;padding: 10px 0 0 0;}
.xf li{ float:left; width:33.3333%; text-align:center; }
.xf li img{ width: 20%}
.xf li span{ display:inline-block; width: 100%; overflow:hidden;}
.xf li p{ text-align:center; color:#666; font-size: 12px;    margin: 0;}
.xf li:last-child p{ color:#b99567;}


#mobile.header {
    height: 56px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;border-top: solid 8px #399b4a;
    box-shadow: 0 0 10px rgba(0,0,0,.15);background-color: #fff;
}
#mobile.header.bg { background: #124a59; }
#mobile.header .title {
    float: left;
    height: 40px;
    line-height: 40px;
    color: #fff;
    width: 100%;
    text-align: center;
}
#mobile.header select{
    border: none;
    background: transparent;
    color: #fff;
    font-size: 14px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select-icon.png) no-repeat center right;
    letter-spacing: 0.04rem;
    padding: 0 13px;
    background-size: 8px;
    height: 100%;
}
#mobile.header select option{background: transparent;}

#mobile .nav-btn {
    width: 56px;
    height: 56px;
    text-align: center;
    position: absolute;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
    top: 0;
    right: 0;
    z-index: 9999;
    padding: 12px 0 0 0;
}
#mobile .nav-btn>img{width: 30px}
#mobile .nav-btn:hover { cursor: pointer; }
#mobile .nav-btn span { position: absolute; left: calc((100% - 0.55rem) / 2); top: calc((100% - 4px) / 2); width: 0.6rem; height: 0.05rem; background-color: #fff; }
#mobile .nav-btn span:nth-child(1) { transform: translateY(0.2rem) rotate(0deg); }
#mobile .nav-btn span:nth-child(2) { transform: translateY(0px) rotate(0deg); }
#mobile .nav-btn span:nth-child(3) { transform: translateY(-0.2rem) rotate(0deg); }
#mobile .nav-active span { background: #666; }
#mobile .nav-active span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; }
#mobile .nav-active span:nth-child(2) { display: none; }
#mobile .nav-active span:nth-child(3) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; }

.nav {
    position: fixed;
    width:80%;
    z-index: 999;
    top: 0;
    right:-100%;
    height: 100%;
    opacity:0;
    background:#399b4a;
    background-size: 100% 100%;
    border-top: 1px solid #b6b6b9;
    transition: all 0.3s linear 0s;
}
.nav.on{
    right: 0;
    opacity: 1;
    z-index: 20000;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
    padding: 0 0 60px 0;
}
.nav.on img{
    width: 30px;
    display: inline-block;
    float: right;
}


.mobileNavLeftBtnClose{
    margin: 8px 8px 0 0;
}
.nav .logo{ margin:40px 6px 16px 16px; overflow:hidden;}
.nav .logo img{  width: 70%; float: left;}

#mobile.header .navlogo{
    height: 100%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding: 0  0 0 10px;

}
#mobile.header .navlogo a img{
    height:45px;
    display: inline-block;
    width: auto;
    margin-top:0;
    padding: 0px 0 0  0;
}


.nav-list{
    padding: 0 20px;
    height: calc(100vh - 200px);
    overflow: hidden;
}
.nav-list li a{
    font-size: 16px;
    color: #ffffff;
    line-height: 45px;
    text-decoration: none;
    font-weight: 900;

}
.nav-list li{
    border-bottom: 1px #ffffff8a solid;
}
.nav-list li dl{
    overflow:hidden;
    margin:0 0 0 0px;
}
.nav-list li dl dd{
    float: left;
    margin: 0 20px 0 0;
}


.nav-list li dl dd a{font-weight:normal; font-size:14px;line-height: 30px; color: rgba(255, 255, 255, .8);}
.nav-list li dl dd.active a{color: #4767aa;}


/*置顶按钮*/
#topBTN{
    padding: 4px;
    display: inline-block;
    position: fixed;
    bottom: 12%;
    right: 10px;
    background: rgba(0,0,0,0.7);
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    z-index: 100;
}
#topBTN img{
    width: 36px;
}




/*手机端的搜索按钮样式*/
.seachBox{
    width: 100%;
    height: 24px;
    display: inline-block;
    position: absolute;
    bottom: 32px;
    right: 0px;
    padding: 0 10px;
    /*display: none;*/
}
.seachBox input{
    width: 100%;
    line-height: 32px;
    
    color: #666;
    font-size: 12px;
    padding: 0 24px 0 12px;
    border:1px #e6e6e6 solid;
    background: rgba(255,255,255,0.8);
}
.nav.on .seachBox img{
    width: 18px;
    position: absolute;
    top: 9px;
    right: 15px;
}




/*banner区域*/
.container-fluid#banner,
.container-fluid.banner{
    padding: 0;
}
.container-fluid#banner{
    position: relative;
}
.container-fluid#banner .text{
    width: 500px;
    height: 260px;
    display: inline-block;
    position: absolute;
    top: 56%;
    left: 50%;
    margin: -130px 0 0 -250px;
}
.container-fluid#banner .text img{
    max-width: 100%;
}



/*图片缩放*/
div.bigimgbox{ /*display: inline-block;*/overflow: hidden;}
div.bigimgbox img.bigimg{transition: all 0.3s;}
div.bigimgbox img.bigimg:hover{transform: scale(1.13)}




/*特殊盒子*/
.container1470{
    display: block;
    margin: 0 auto;
    /*max-width: 1740px;*/
    max-width: 1460px
}
.displayrow{
    display: block;
    overflow: hidden;
}

.linkbox{display: block;background:#399b4a;color: #ffffff;padding:20px 0;border-bottom: solid 1px rgba(255,255,255,0.6);}
.linkbox .container{max-width: 1740px;display: block;overflow: hidden;margin: 0 auto;padding: 0;}
.linkbox .container h3{font-size: 17px;margin: 0 0 12px 0;line-height: 24px;font-weight: 700;float:left}
.linkbox .linksele{float:Right;width: 80%}
.linkbox .friend-links{width:21%;float:left;margin:0 2%;color: #fff;background: #399b4a;border: solid 1px #fff;padding: 5px 0;border-radius: 5px;}
.linkbox .friend-links option{padding: 5px 0}

/*页脚区域*/
.footerbox{
    display: block;
    background:#399b4a;
    color: #ffffff;
    padding:70px 0 20px 0;
}
.footerbox .container{
    max-width: 1740px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}
.footerbox .container .footerdome{
    display: inline-block;
    float: left;
}
.footerbox .container .footerdome.foooterlogo{
    padding: 0 64px 0 0;
}
.footerbox .container .footerdome.foooterlogo img{max-width:195px}
.footerbox .container .footerdome.foooterlogo p{
    font-size: 17px;
    color: #ffffff;
    margin: 44px 0 0 0;
    letter-spacing: -0.5px;
}



.footerbox .container .footerdome.foooterallla{
    border-left: 2px #ffffff9c solid;
    border-right: 2px #ffffff9c solid;
    padding: 0 60px;
    max-width: 460px;
}

.footerbox .container .footerdome h3{
    font-size: 17px;
    margin: 0 0 12px 0;
    line-height: 24px;
    font-weight: 700;
}
.footerbox .container .footerdome h3 i{
    width: 30px;
    display: block;
    height: 2px;
    border-radius: 2px;
    margin: 10px 0 0 0 ;
    background: #ffffff;
}

.footerbox .container .footerdome ul{
    display: block;
    overflow: hidden;
    margin-bottom: 0;
}
.footerbox .container .footerdome ul li{
    display: inline-block;
    width: 25%;
    margin-top: 10px;
    float: left;
}
.footerbox .container .footerdome ul li a{
    display: inline-block;
    font-size: 15px;
    color: #ffffffc2;
    line-height: 14px;
}
.footerbox .container .footerdome ul li a:hover{
    text-decoration: underline;
    color: #ffffff;
}

.footerbox .container .footerdome.foooterwx{
    padding: 0;
    width: 50%;
}
.footerbox .container .footerdome.foooterwx h3 {
    margin: 0 0 24px 0;
}
.footerbox .container .footerdome.foooterwx img {width:10rem}
.footerbox .container .footerdome.foooterwx p.icon{
    font-size: 15px;
    line-height: 22px;
    margin: revert;
    color: #ffffffc2;
}
.footerbox .container .footerdome.foooterwx p.icon em{
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/coopig_05.png) no-repeat center;
    background-size: 16px;
    vertical-align: middle;
    margin: -2px 1px 0 0;
}

.footerbox .container .footerdome.foooterwx p.tel em{
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/coopig_06.png) no-repeat center;
    background-size: 16px;
    vertical-align: middle;
    margin: -2px 1px 0 0;
}

.footerbox .container .footerdome.foooterwx p.email em{
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/coopig_07.png) no-repeat center;
    background-size: 16px;
    vertical-align: middle;
    margin: -2px 1px 0 0;
}

.footerbox .container .footerdome.foooterwx p.daohang a{background:#fff;color:#399b4a;padding:3px 10px;border-radius:5px;font-size: 13px}
.footerbox .container .footerdome.foooterwx p.daohang em{
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/coopig_04.png) no-repeat center;
    background-size: 16px;
    vertical-align: middle;
    margin: -2px 1px 0 0;
}


.footerbox .container .footerdome.foooterwx p.icon:nth-child(1) em{
    background: url(../images/icon8.png) no-repeat center;
    background-size: 12px;
}
.footerbox .container .footerdome.foooterwx .wximg p{
    text-align: center;
    margin: 3px 0 0 0;
    font-size: 12px;
    color: rgba(255,255,255,0.6);
}
.footerbox .IPCP{
    display: block;
    overflow: auto;
    border-top: 1px rgba(255,255,255,0.4) solid;
    text-align: center;
    font-size: 15px;
    margin: 40px 0 0 0;
    padding: 22px 0 0 0;
    color: rgba(255,255,255,0.6);
}
.footerbox .IPCP a{
    color: rgba(255,255,255,0.6);
}



@media screen and (max-width: 1740px) {
    body {
        padding-top: 100px;
    }
   .headerNav .container{
       width: 100%;
       padding: 0 10px;
    }
    .headerNav .container .navRight ul.navbar{
        margin: 0;
    }

    .headerNav .container .navRight ul.navbar>li {
        margin: 0 16px;
    }

    .headerNav .container .core{
        height: 100px;
    }


}


@media screen and (max-width: 1600px) {
   .headerNav .logo{
       height: 60px;width:auto;
   }


    /*特殊盒子*/
    .container1470{
        max-width: 1400px;
    }
    .headerNav .container .navRight ul.navbar>li>a {
        font-size: 17px;
    }
    .headerNav .container .core {
        padding: 18px 10px 0 10px;
    }

}

@media screen and (max-width: 1500px) {

    .headerNav .container .navRight ul.navbar>li>a {
        font-size: 17px;
    }
    .headerNav .container .navRight .SoSo {
        max-width: 200px;
    }
    .headerNav .container .navRight ul.navbar>li {
        margin: 0 14px;
    }

}

@media screen and (max-width: 1440px) {

    /*特殊盒子*/
    .container1470{
        max-width: 1300px;
    }


}





@media screen and (max-width: 1400px) {

    /*特殊盒子*/
    .container1470{
        max-width: 1200px;
    }


    .headerNav .container .navRight ul.navbar {
        margin: 0;
    }
    .headerNav .container .navRight ul.navbar>li {
        margin: 0 12px;
    }
    .headerNav .container .navRight ul.navbar>li>a {
        font-size: 16px;
    }
    .headerNav .container .navRight ul.navbar>li>ul>li>a {
        font-size: 14px;
    }
    .headerNav .container .navRight .SoSo {
        max-width: 180px;
    }





    .footerbox .container .footerdome ul li a {
        font-size: 14px;
    }
    .footerbox .container .footerdome.foooterlogo p {
        font-size: 15px;
    }
    .footerbox .container .footerdome.foooterlogo {
        padding: 0 40px 0 0;
    }
	
    .footerbox .container .footerdome.foooterallla {
        padding: 0 40px;
        max-width: 460px;
    }
    .footerbox .container .footerdome.foooterwx {
        padding: 0 0 0 40px;
        width: 40%;
    }
    .footerbox .container .footerdome.foooterwx p.icon {
        font-size: 14px;
    }



}


@media screen and (max-width: 1400px) and (min-width: 1200px) {
    .container{
        width: 1200px;
    }



}


@media screen and (max-width: 1300px) {

    .headerNav .container .navRight .SoSo {
        float:right;
    }
    .headerNav .container .navRight ul.navbar {
        float: left;
    }

    .footerbox {
       padding: 60px 20px 30px  20px;
   }
    .footerbox .container .footerdome.foooterallla {
        max-width: 31%;
    }

    .footerbox .container .footerdome.foooterlogo p {
        font-size: 13px;
    }
    .footerbox .IPCP {
        font-size: 14px;
        margin: 34px 0 0 0;
        padding: 20px 0 0 0;
    }
}





@media screen and (max-width: 1200px) {
    .container{
        width: 100%;
    }


    .headerNav .container .navRight ul.navbar>li {
        margin: 0 12px;
    }





    .footerbox .container .footerdome.foooterlogo {
        padding: 0 30px 0 0;
    }
    .footerbox .container .footerdome.foooterallla {
        padding: 0 30px;
    }
    .footerbox .container .footerdome.foooterwx {
        padding: 0 0 0 30px;
    }
    .footerbox .container .footerdome ul li a {
        font-size: 13px;
    }
    .footerbox .IPCP {
        font-size: 13px;
        margin: 20px 0 0 0;
        padding: 14px 0 0 0;
    }


}


@media screen and (max-width: 1200px) {
    .headerNav .container .navRight ul.navbar>li {
        margin: 0 7px;
    }
    .headerNav .container .navRight ul.navbar>li>a {
        font-size: 15px;
    }
}


@media screen and (max-width: 1000px) {

    .nav .logo img{
        width: 220px;
    }


    .footerbox {
        padding: 60px 30px 30px 30px;
    }
    .footerbox .container .footerdome.foooterlogo {
        padding: 0 20px 0 0;
    }
    .footerbox .container .footerdome.foooterallla {
        padding: 0 20px;
        max-width: 33%;
    }

    .footerbox .container .footerdome ul li a {
        font-size: 13px;
        line-height: 13px;
    }
    .footerbox .container .footerdome.foooterlogo p {
        font-size: 14px;

    }
    .footerbox .container .footerdome.foooterwx {
        padding: 0 0 0 20px;
        width: auto;
    }
    .footerbox .container .footerdome.foooterwx p.icon {
        font-size: 12px;
        line-height: 20px;
    }
    .footerbox .container .footerdome.foooterwx .wximg img{
        margin:  0 0 0 10px;
    }
    .footerbox .IPCP{
        border-top: 1px rgba(255,255,255,0.4) solid;
        font-size: 13px;
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }

}

@media screen and (max-width: 990px) {

body {
    padding-top: 56px;
}
}


@media screen and (max-width: 900px) {

    .linkbox {padding: 5px 0;border: none;}
    .linkbox .container{display:none}

    .footerbox {
        padding: 20px 20px;
    }
    .footerbox .container .footerdome.foooterlogo p {
        margin: 10px  0;
    }
    .footerbox .container .footerdome.foooterallla {
        border: none;
        border-top: 1px rgba(255,255,255,0.4) solid;
        border-bottom: 1px rgba(255,255,255,0.4) solid;
        padding: 12px 0px;
        max-width: 100%;
        width: 100%;
    }
    .footerbox .container .footerdome h3 {
        font-size: 15px;
        margin:0px 0 12px 0;
    }
    .footerbox .container .footerdome h3 i {
        width: 16px;
        height: 2px;
        margin: 4px 0 0 0;
    }
    .footerbox .container .footerdome ul li {
        width: auto;
        margin: 2px 10px 0 0px;
        float: left;
    }

    .footerbox .container .footerdome.foooterwx {
        padding:  0;
        width: 100%;
    }
    .footerbox .container .footerdome.foooterwx h3 {
        margin: 0 0 10px 0;
    }
    .footerbox .container .footerdome.foooterwx .navbar-left{
        width: 64%;
        float: left;
    }
    .footerbox .container .footerdome.foooterwx .wximg{
        float: right;
        padding: 10px 0 0 0;
        text-align: left;
        margin: 0;
    }
	.footerbox .container .footerdome.foooterwx .wximg p{text-align:left}
    .footerbox .container .footerdome.foooterwx .wximg img {margin: 5px;width: 70px;}
    .footerbox .IPCP{
        margin: 0px 0 0 0;
        padding: 10px 0 0 0;
        font-size: 12px;text-align: center;
    }
	.footerbox .IPCP a{width:100%;float:left}


}

@media screen and (max-width: 800px) {
    body{
        padding-top: 56px;
    }

    a.moreBtn {
        font-size: 12px;
        padding: 8px 20px;
    }
	
	.container-fluid#banner, .container-fluid.banner img{height: auto;
    object-fit: cover;}


}