.bg{

    width: 100%;

    position: absolute;

    z-index: -1;

}

.bg img{

    width: 100%;

}

.bg1{

    top: 20%;

}

.bg2{

    bottom: 10%;

}



.index-footer-container{

    padding: 50px 0;

}

.index-footer-container h4{

    color: #353839;

}

.index-footer-cate-list{

    text-align: center;

}

.index-footer-cate-list li{

    border: 1px solid #353839;

    margin: 10px auto;

    padding: 5px;

}

.index-footer-cate-list .name-cn{

    font-size: 10px;

    margin: 0 auto;

}

.index-footer-cate-list .name-en{

    font-size: 14px;

    margin: 0 auto;

    text-transform: uppercase;

}



.map-list{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.map-list a{

    width: 45%;

    display: block;

    margin: 20px auto;

}



.map-list a img{

    width: 100%;

}



.index-case1{

    width: 100%;

    color: #fff;

    display: flex;

    justify-content: space-around;

    border-bottom: 2px solid #fff;

    margin-bottom: 20px;

    padding-bottom: 20px;

}

.index-case1 ul{

    display: flex;

    justify-content: space-between;

}

.footer-info-contain{

    width: 100%;

}

.footer-wxqr-contain{

    width: 30%;

}

.fo-line{

    width: 1px;

    height: 100%;

    background: #fff;

}

.index-case2{

    width: 100%;

    color: #4e4e4e;

    display: flex;

    justify-content: space-around;

    align-items: center;

}

.index-case2 ul{

    display: flex;

    justify-content: space-around;

}

.footer-search-contain{

    border: 1px solid #fff;

    border-radius: 50px;

}

.footer-search-contain .search-contain{

    margin: 0;

}

.footer-cate-contain{

    width: 60%;

}

.index-case2 ul a{

    color: #fff;

}

.index-case2 p{

    margin: 20px auto;

}

.index-case3{

    text-align: center;

    width: 15%;

}









.wrap{

    width: 75%;

    margin: auto;

    overflow: hidden;

}

.mo-container{

    display: none;

}

.banner img,.mo-banner img,.foot-banner img{

    width: 100%;

}

.mo-banner{

    display: none;

}

.contact-conent{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-around;

}

.contact-conent img{

    max-width: 100%;

}

.pc-footer{

    background-image:url("../images/footer-bg.jpg?v=20");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow: hidden;

}

.top-footer{

    display: flex;

    justify-content: space-between;

    margin: 30px auto;

}

.top-footer a{

    color: #fff;

}

.footer-cate-header{

    font-weight: bold;

    margin: 20px auto;

    position: relative;

    font-size: 28px;

}

.footer-cate-header:after{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: #fff;

}

.footer-left{

    width: 50%;

    position: relative;

}

.footer-left:after{

    position: absolute;

    content: "";

    width: 1px;

    height: 80%;

    background: #fff;

    right: 0;

    top: 10%;

}

.footer-right{

    display: flex;

    align-items: center;

    justify-content: space-around;

    width: 50%;

    color: #fff;

}

.footer-right .info-title{

    font-size: 18px;

}

.footer-info-list{



}

.footer-info-list li{

    margin: 5px auto;

}

.footer-right .footer-cate{

    width: 60%;

    margin-left: 10%;

}



.footer-cate-list {

    display: flex;

    flex-flow: wrap;

    margin-top: 20px;

}



.footer-cate-list li{

    width: 20%;

    margin: 10px auto;

    text-align: center;

}

.wxqr-contain{

    width: 40%;

    display: flex;

    justify-content: space-around;

}



.footer-cate p{

    color: #fff;

}

.footer-cate .info-list{

    flex-flow: column;

}

.footer{

    color: #fff;

    text-align: center;

    border-top: 1px solid #fff;

}

.footer p{

    margin: 0;

    padding: 10px;

}

.footer a{

    color: #fff;

}

.footer-logo{

    margin: 20px auto;

}

.header-container{

    /* background: #3fc064; */

}

.header-contain{

    display: flex;

    justify-content: space-around;

    align-items: center;

    background: #fff;

    border: 0;

    position: relative;

    z-index: 2;

    /*padding: 10px 0;*/

    /*-webkit-box-shadow: inset 0 -1px 0 #fff, 0 2px 2px rgba(0,0,0,.25);*/

    /*-moz-box-shadow: inset 0 -1px 0 #fff,0 2px 2px rgba(0,0,0,.25);*/

    /*box-shadow: inset 0 -1px 0 #fff, 0 2px 2px rgba(0,0,0,.25);*/

}

.mo-header-contain{

    background: #fff;

    border: 0;

    position: relative;

    z-index: 2;

    -webkit-box-shadow: inset 0 -1px 0 #fff, 0 2px 2px rgba(0,0,0,.25);

    -moz-box-shadow: inset 0 -1px 0 #fff,0 2px 2px rgba(0,0,0,.25);

    box-shadow: inset 0 -1px 0 #fff, 0 2px 2px rgba(0,0,0,.25);

    display: none;

}

.wx-contain{

    display: none;

    position: absolute;

    top: 60px;

    left: 0;

    right: 0;

    margin: auto;

}

.container{

    display: flex;

    justify-content: space-around;

    align-items: center;

}

.top-header-contain{

    display: flex;

    align-items: center;

    justify-content: space-around;

    width: 100%;

}

.header-contain .navbar{

    width: 100%;

    height: 100%;

    /*background: -webkit-linear-gradient(#49a244, #9eca3a); !* Safari 5.1 - 6.0 *!*/

    /*background: -o-linear-gradient(#49a244, #9eca3a); !* Opera 11.1 - 12.0 *!*/

    /*background: -moz-linear-gradient(#49a244, #9eca3a); !* Firefox 3.6 - 15 *!*/

    /*background: linear-gradient(#49a244, #9eca3a); !* 标准的语法 *!*/

}

.btn-navbar{

    display: none;

}

.navbar-container{

    display: flex;

}

.navbar-container .nav-collapse{

    width: 100%;

}

.nav-collapse .nav{

    display: flex;

    justify-content: space-around;

    align-items: center;



}

.nav-collapse .nav li{

    text-align: center;

    position: relative;

    line-height: 80px;

    width: 15%;

}

.nav-contain{

    display: none;

    position: absolute;

    background-color: #212121;

    width: 100%;

    left: 0;

}

.nav .dropdown-menu{

    display: flex;

    justify-content: space-around;

}

.nav-collapse .dropdown-menu .megamenu-header{

    color: #9e9e9e;

}

.dropdown-menu .nav-list{

    display: flex;

    flex-flow: column;

}

.nav-collapse .nav-list .nav-item a{

    color: #fff;

    position: relative;

    height: 40px;

    line-height: 40px;

    text-align: left;

}

.nav-item a:after{

    content: "";

    width: 15px;

    height: 1px;

    background: #fff;

    position: absolute;

    top: 49%;

    left: -25px;

}

.nav-collapse .nav li a{

    display: block;

    color: #3fc064;

    position: relative;

}

.nav-collapse .nav li a p{

    margin: 0;

    color: #000;

}

.nav-collapse .nav li.cur p{

    color: #3fc064;

}



.nav-collapse .nav li .subnav{

    width: 200%;

    position: absolute;

    left: -50%;

    right: 0;

    margin: auto;

    background-color: #fff;

    z-index: 1000;

    list-style: none;

    visibility: hidden;

    opacity: 0;

    -webkit-transform: translate(0, 20px);

    -moz-transform: translate(0, 20px);

    -ms-transform: translate(0, 20px);

    -o-transform: translate(0, 20px);

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}

.nav-collapse .nav>li:hover>.subnav {

    visibility: visible;

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

}



.nav-collapse .nav li .subnav li{

    width: 100%;

    height: 60px;

    line-height: 60px;

}

.nav-collapse .nav li .subnav li{

    border-bottom: 1px solid #fff;

    padding: 0 5px;

}

.nav-collapse .nav li .subnav a{

    color: #000;

    height: 60px;

    line-height: 60px;

    font-size: 14px;

}

.nav-collapse .nav>li .subnav li a:hover {

    border-bottom: 1px solid rgba(9,45,136,1);

}

.nav-collapse .nav li.cur{

    background: #fff;

}

.nav-collapse .nav li.cur a{

    color: #000;

}

.nav-collapse .nav li:hover{

    background: #fff;

    transition: 0.35s ease-in-out;

}

.nav-collapse .nav li:hover a p{

    color: #000;

    transition: 0.35s ease-in-out;

}

.nav-collapse .nav li a:before{

    content: "";

    position: absolute;

    width: 0;

    height: 2px;

    background: #fff;

    bottom: -10px;

    left: 0;

    right: 0;

    margin:auto;

}

.nav-collapse .nav li:hover a:before{

    width: 100%;

    transition: 0.35s ease-in-out;

}

.nav-collapse .nav .cur a:before{

    content: "";

    position: absolute;

    width: 100%;

    height: 2px;

    background: #fff;

    bottom: -10px;

    left: 0;

    right: 0;

    margin:auto;

}

.index-pro-contain{

    padding: 100px 0;

}

.banner-list{

    position: absolute;

    margin: auto;

    display: flex;

}

.search-container{

    margin-top: 100px;

}

.search-container .index_input{

    border: 1px solid #ddd;

    border-radius: 5px;

    width: 80%;

    height: 40px;

    margin-bottom: 50px;

}

.search-contain .searchBtn{

    background-image: url(../images/search.png);

    background-repeat: no-repeat;

    background-size: 100%;

    width: 30px;

    height: 30px;

}

.cat-thumb img{

    width: 100%;

}

.catpos-nav{

    color: #666666;

    /*padding: 20px;*/

    background: #fff;

}

.catpos-nav .cate{

    margin: 0;

    background: #3fc064;

    color: #fff;

    padding: 20px;

}

.catpos-nav-contain{

    display: flex;

    align-items: center;

}

.catpos-nav-contain img{

    margin-right: 10px;

}

.pc-container{

    margin: 5% auto;

}

a{

    color:#000 ;

}

a:hover{

    color: #3fc064;

    transition: 0.35s ease-in-out;

}

.nav-left-contain{

    width: 22%;

    border: 1px solid #e7e7e7;

}

.nav-left-contain h3{

    color: #3fc064;

    border-bottom: 6px solid #3fc064;

    padding: 10px 20px;

    margin: 0;

}

.nav-left-contain .ul-parent{

    margin-top: 20px;

}

.nav-left-contain .ul-parent li:hover{

    background: #3fc064;

}

.nav-left-contain .ul-parent li:hover a{

    color: #fff;

}

.ul-parent .li-parent{

    border-bottom: 1px solid #fff;

    font-size: 18px;

    padding: 10px;



}

.ul-parent li{

    text-align: center;

    border-bottom: 1px solid #fff;

}

.ul-parent li:last-child{

    border-bottom: none;

}

.ul-parent img{

    width: 90%;

    margin: auto;

    padding: 10px;

}

.ul-parent .li-parent.cur{

    background: #3fc064;

    color: #000;

}

.ul-parent .li-parent.cur a{

    color: #fff;

}

.ul-parent .li-parent a{

    color: #fff;

}





.search-contain{

    margin-top: 20px;

}

.search-contain form{

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.search-input-contain .index_input{

    height: 30px;

    line-height: 30px;

    border: none;

    font-size: 14px;

}

.search-contain .searchBtn{

    background-image: url(../images/search.png);

    background-repeat: no-repeat;

    background-size: 100%;

    width: 15px;

    height: 15px;

    margin-right: 5px;

}

.search-contain select{

    background: #3fc064;

    color: #fff;

    padding: 5px 10px;

    border: none;

    outline: none;

    height: 30px;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}

.search-contain select option{

    background: #fff;

    color: #3fc064;

}

.search-contain .search-input-contain{

    background: #e8e8e8;

    display: flex;

    align-items: center;

    border-top-right-radius:5px;

    border-bottom-right-radius:5px;

}



.index-contact-container{display: none;}

.box-contain{min-height:500px;}

/*视频*/

.video-container{

    margin: 5% auto;

}

.line{

    width: 100%;

    height: 1px;

    position: relative;

    margin-bottom: 30px;

}

.line:before{

    content: "";

    position: absolute;

    width: 50px;

    height: 2px;

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

    background: #fff;

}

.video-list{

    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-flow: wrap;

}

.video-list .video-item{

    width: 22%;

    padding: 1%;

    border: 1px solid #e5e5e5;

    box-shadow: 5px 5px 5px #dfdfdf;

    position: relative;

    margin: 0 1%;

}

.video-item:after{

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background: #3fc064;

    width: 30%;

    height: 3px;

}

.video-thumb-contain{

    position: relative;

    margin: 10px auto;

}

.video-item .video-thumb{

    width: 100%;

    transform: scale(1);

    transition: 0.35s ease-in-out;

}

.video-item:hover .video-thumb{

    transform: scale(1.1);

    transition: 0.35s ease-in-out;

}

.video-item .play-icon{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    width: 40px;

}

.video-title{

    text-align: center;

    margin: 20px auto;

}

.video-info{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.video-info .video-num,.video-time{

    color: #b2b2b2;

}

.video-info .video-num img{

    margin: 0 5px;

}



/*协会动态*/

.new-container{

    display: flex;

    align-items: start;

    justify-content: space-between;

}

.new-container .new-contain{

    width: 65%;

}

.new-container .member-contain{

    width: 30%;

}

.new-contain .new-main,.member-contain .member-main{

    border: 1px solid #a0a0a0;

    border-top: 2px solid #3fc064;

    padding: 30px 20px;

    position: relative;

}

.new-contain .new-main-item,.member-contain .member-main-item{

    height: 350px;

}

.member-contain .member-main{

    padding: 30px 10px;

}

.new-container .member-contain{

    width: 30%;

}

.new-list .new-item,.member-list .member-item{

    border-bottom: 1px solid #dcdcdc;

    margin: 5px 0;

    font-size: 16px;

    line-height: 20px;

}

.new-list .new-item a{

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.new-item .new-title,.member-item .member-title{

    white-space:nowrap;

    text-overflow:ellipsis;

    -webkit-text-overflow:ellipsis;

    overflow:hidden;

    margin: 5px 0;

}



.new-item .new-time {

    min-width: 100px;

    text-align: right;

}



/*单页*/

.page-container img{

    max-width: 100%;

}

.page-container{

    display: flex;

    align-items: start;

    justify-content: space-between;

    margin: 5% auto;

    flex-flow: column;

}

.page-list-contain{

    width: 100%;

}

.page-list{

    display: flex;

    flex-flow: wrap;

    justify-content: space-between;

    align-items: center;

    width: 100%;

}

.page-list li{

    width: 45%;

    margin: 2% auto;

}

.page-list li img{

    width: 100%;

}

.index-about-container{

    padding: 5% 0;

    text-align: center;

    overflow: auto;

    background: #fff;

}

.index-new-container .cate-name-cn,.index-about-container .cate-name-cn{

    color: #3fc064;

    text-shadow: 2px 3px 1px #fff;

}

.about-container{

    margin: 5% auto;

    text-align: center;

    overflow: auto;

}

.about-contain{

    display: flex;

    align-items: center;

    justify-content: space-around;

    margin: 30px auto;

    color: #fff;

}

.about-contain img{

    width: 90%;

    margin: 20px auto;

}

.about-contain .about-left{

    width: 50%;

    text-align: left;

    color: #000;

}

.about-contain .about-left{

    line-height: 30px;

}

.about-contain .about-right{

    width: 45%;

    text-align: left;

}









.page-container .page-contain{

    width: 100%;

}

.pages-contain {

   display: flex;

}

.pages-contain a.cur {

    color: #fff;

    background: #3fc064;

}

.pages-contain a {

    display: block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: #3fc064;

    border: 1px solid #3fc064;

    margin-right: 10px;

}





/*新闻页*/

.article-list{

    margin-top: 50px;

}

.article-list li{

    margin-bottom: 5%;

    padding: 3%;

    background: #fff;

    box-shadow: 1px 10px 10px rgba(0, 0, 0, .2);

    /*border-bottom: 1px solid #e7e7e7;*/

}

.article-list li a{

    display: flex;

    justify-content: space-between;

}

.article-list .thumb{

    width: 30%;

}

.article-list .thumb img{

    width: 100%;

}

.article-list  .new-info{

    width: 65%;

    line-height: 30px;

    font-size: 16px;

    padding: 10px;

    color: #fff;

}

.article-list  .new-title{

    margin: 0;

    font-size: 22px;

    font-weight: bold;

    position: relative;

    color: #000;

}

.new-desc{

    color: #000;

}

.article-list  .new-title:before{

    /*content: "";*/

    /*position: absolute;*/

    /*left: -10px;*/

    /*width: 3px;*/

    /*height: 100%;*/

    /*background: #db2e1c;*/

}



.article-list .createtime{

    color: #b3b3b3;

}



.pro-case-contain{

    text-align: center;

    margin: 5% auto;

}

.cate-name-cn{

    font-size: 24px;

    margin-bottom: 15px;

    font-weight: bold;

    /*background-image:-webkit-linear-gradient(bottom,#fff,#fff,#fff);*/

    /*-webkit-background-clip:text;*/

    /*-webkit-text-fill-color:transparent;*/

    color: #fff;

    text-align: center;

    text-shadow:2px 3px 1px #61686b;

}

.page-name-cn{

    font-size: 36px;

    margin: 50px;

    /*background-image:-webkit-linear-gradient(bottom,#eb880e,#ef9f1b,#f8db3d);*/

    /*-webkit-background-clip:text;*/

    /*-webkit-text-fill-color:transparent;*/

    text-align: center;

    position: relative;

    color: #000;

}

.page-name-cn:before{

    content: "";

    position: absolute;

    width: 100px;

    height: 2px;

    background: #fff;

    left: 0;

    right: 0;

    margin: auto;

    bottom: -20px;

}





.line{

    width: 100px;

    margin: 10px auto;

}

.cate-desc{

    font-size: 16px;

    color: #fff;

}

.pro-case-list{

    display: flex;

    justify-content: center;

    margin: 30px 0;

}

.pro-case-list li{

    width: 26%;

    margin: 0 1%;

    border: 1px solid #c1ae88;

    background: #f4f4f4;

    padding: 1% 2%;

}

.pro-case-list li a img{

    width: 80%;

    max-width: 100%;

    margin:5%;

}

.pro-case-list li a{

    color: #c1ae88;

}

.pro-case-list li .name-cn{

    font-size: 24px;

}

.pro-case-list li p{

    font-size: 20px;

}

.pro-container{

    background: #f7f7f7;

}

.pro-contain-box{

    display: flex;

    justify-content: space-around;

    padding: 20px 0;

    align-items: start;

}

.pro-contain{

    width: 75%;

    text-align: center;

}

.ul-parent{

    width: 15%;

    border: 1px solid #fff;

    background: #3fc064;

}

.ul-parent li a{

    color: #fff;

}

.index-pro-contain{

    text-align: center;



    background:url("../images/pro-bg.jpg") no-repeat top right, -webkit-linear-gradient(#747474, #494949); /* Safari 5.1 - 6.0 */



    background:url("../images/pro-bg.jpg") no-repeat top right,  -o-linear-gradient(#747474, #494949); /* Opera 11.1 - 12.0 */



    background:url("../images/pro-bg.jpg") no-repeat top right, -moz-linear-gradient(#747474, #494949); /* Firefox 3.6 - 15 */



    background:url("../images/pro-bg.jpg") no-repeat top right,  linear-gradient(#747474, #494949); /* 标准的语法 */

}

.index-pro-contain .pro-list li{

    width: 24%;

}



.pro-list{

    display: flex;

    align-items: center;

    flex-flow: wrap;

    justify-content: space-around;

    margin: 20px auto;

}

.pro-list li{

    width: 32%;

    margin: 2% auto;

    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    text-align: left;

    background: #fff;

}

.pro-list li .pro-info{

    /*background: -webkit-linear-gradient(#ed9314, #f2b528); !* Safari 5.1 - 6.0 *!*/



    /*background: -o-linear-gradient(#ed9314, #f2b528); !* Opera 11.1 - 12.0 *!*/



    /*background: -moz-linear-gradient(#ed9314, #f2b528); !* Firefox 3.6 - 15 *!*/



    /*background: linear-gradient(#ed9314, #f2b528); !* 标准的语法 *!*/

    background: #3fc064;

}

.pro-list .start{

    width: 65px;

    margin-right: 5px;

}

.pro-start-contain{

    display: flex;

    align-items: center;

}

.pro-start-contain p{

    margin: 0;

}

.pro-list .cate-name{

    font-size: 14px;

}

.pro-list li a{

    background: #fff;

}

.pro-list li img{

    width: 100%;

    padding: 10px;

}

.pro-title{

    margin: 0;

    font-size: 20px;

    color: #fff;

    text-align: center;

    padding: 5px;

}

/*分页*/

.pages-contain{

    margin: 5% auto;

}

.pages-list{

    display: flex;

    align-items: center;

}

.pages-list li{

    width: 50px;

    height: 50px;

    border: 1px solid #3fc064;

    margin: 0 10px;

}

.pages-list li a{

    display: block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

}

.pages-list li a.cur{

    background:#3fc064;

    color: #fff;

}

.message-container{

    text-align: center;

}

.message-container{

    min-height: 500px;

}

.message-contain{

    display: flex;

    margin-top: 50px;

    min-height: 500px;

}

.message-title{

    width: 40%;

    display: flex;

    align-items: center;



}

.message-list{

    width: 100%;

}

.message-list span{

    display: inline-block;

    width: 100px;

}

.message-list li textarea{

    width: 50%;

}

.message-list li{

    /*display: flex;*/

    margin: 20px;

    color: #000;

}

.message-list li p{

    text-align: left;

}

.message-list li div{

    display: flex;

    align-items: center;

    width: 100%;

}

.message-list li input{

    border: 1px solid #dbe4e8;

    color: #000;

    background: #dbe4e8;

    width: 70%;

    height: 36px;

    line-height: 36px;

}

.submit-contain button{

    border: 1px solid #3fc064;

    padding: 5px 20px;

    background-color: #3fc064;

    color: #fff;

}

.contact-container{

    margin: 30px auto;

}

.contact-contain{



}

.contact-contain .title{

    color: #000000;

    font-size: 24px;

}

.e-nav-header{

    display: none;

}

.index-new-container{

    padding: 5% 0;

    text-align: center;

    background: #f5f5f5;

}

.new-contain{

    display: flex;

    justify-content: space-around;

}

.new-first img{

    width: 100%;

}

.new-contain .new-first .new-info{

    text-align: left;

    color: #fff;

}

.new-contain .new-first .new-info a{

    color: #fff;

}

.new-first .new-info h4{

    font-weight: normal;

}

.new-first .new-info p{

    color: #fff;

}

.new-first{

    width: 60%;

}

.index-new-list{

    width: 100%;

}

.index-new-list li a{

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #000;

}

.time-date{

    font-weight: bold;

    font-size: 24px;

    color: #000;

    font-family: Impact;

}

.new-time-contain{

    width: 10%;

}

.new-thumb-contain{

    width: 20%;

}

.new-thumb-contain img{

    width: 100%;

}

.new-info-box{

    width: 60%;

    text-align: left;

}

.new-info-box h4{

    font-weight: normal;

}

.new-info-box .new-desc{

    color: #000;

}





.book-container{

    text-align: center;

}

.book-contain img{

    width: 100%;

    margin: 5% auto;

}













.pics-list{

    display: none;

    position: fixed;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 50%;

    z-index: 140;

    text-align: center;

}

.pics-list img{

    max-width: 100%;

}

.shadow-contain{

    position: fixed;

    background: rgba(0,0,0,0.8);

    z-index: 130;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: none;

}

.pics-close{

    position: absolute;

    right: 10px;

    top: 10px;

}

.pics-close img{

    width: 32px;

}

@media (max-width: 1440px){

    .wrap{

        width: 90%;

    }

}



@media (max-width: 960px){

    .cat-thumb{

        margin-top: 50px;

    }

    .pc-container{

        display: none;

    }

    .mo-container{

        display: block;



    }

    .mo-header-contain{

        display: block;

    }

    .header-contain{

        display: none;

    }

    .mo-header-contain .container{

        justify-content: space-between;

    }

    .wrap{

        width: 90%;

    }

    .btn-navbar{

        display: flex;

        color: #000;

        align-items: center;

    }

    .btn-navbar img{

        width: 32px;

        margin-right: 5px;

    }

    .navbar-container{

        justify-content: flex-end;

    }

    .nav-collapse{

        position: fixed;

        top: 0;

        left: 0;

        background: #fff;

        display: none;

        height: 100%;

    }

    .nav-collapse .nav{

        flex-flow: column;

        border-top: 1px solid hsla(120,0%,20%,.1);

        border-bottom: 1px solid hsla(120,0%,20%,.1);

        background: hsla(0,0%,100%,.1);

    }

    .e-nav-header{

        display: flex;

        background: #fff;

        justify-content: space-between;

        padding: 5px;

        align-items: center;

    }

    .nav-collapse .nav li{

        width: 100%;

        text-align: left;

        text-indent: 20px;

        border-bottom: 1px solid hsla(120,0%,50%,1);

    }

    .nav-collapse .nav .cur a:before{

        width: 0;

    }

    .nav-collapse .nav-contain{

        position: relative;

    }

    .dropdown-menu{

        flex-flow: column;

    }

    .dropdown-menu .nav-list{

        display: none;

        margin-left: 30px;

    }

    .megamenu-header{

        pointer-events:none

    }

}

@media (max-width: 960px){

    header {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 50px;

        background-color: #fff;

        box-shadow: 0 0 30px rgba(0, 0, 0, .1);

        overflow: visible;

        z-index: 1000;

        background: #3fc064;

    }

    #nav_overlayer {

        position: fixed;

        display: none;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background-color: #000;

        opacity: 0;

        z-index: 900;

    }

    #nav>li>a{

        color: #999;

    }

    .trans {

        -webkit-transition: all .4s ease;

        transition: all .4s ease;

    }

    .header-top{

        display: flex;

        justify-content: space-between;

    }

    .lang_btn {

        width: 50px;

        height: 50px;

        line-height: 50px;

        margin-left: 0;

        font-size: 14px;

    }

    .lang_btn {

        display: block;

        float: right;

        margin-right: 10px;

        text-align: center;

        color: #999;

        overflow: hidden;

        font-family: "microsoft yahei";

    }

    .logo_img img{

        width: 100px;

    }

    nav .menu_btn span {

        top: 24px;

        left: 15px;

    }

    nav .menu_btn span:before {

        top: -6px;

    }

    nav .menu_btn span:after {

        top: 6px;

    }

    .top_logo {

        /*padding: 4px 10px;*/

    }

    .top_logo {

        float: left;

        height: 100%;

        width: auto;

        /*padding: 8px 10px;*/

        overflow: hidden;

        display: flex;

        align-items: center;

    }

    nav {

        display: block;

        float: right;

    }

    nav .menu_btn span:after, nav .menu_btn span:before {

        content: "";

        left: 0;

    }

    .nav-open nav .menu_btn span:before {

        background-color: #fff;

        -webkit-transform: translateY(6px) rotate(-45deg);

        -ms-transform: translateY(6px) rotate(-45deg);

        transform: translateY(6px) rotate(-45deg);

    }

    nav .menu_btn span, nav .menu_btn span:after, nav .menu_btn span:before {

        position: absolute;

        width: 20px;

        height: 2px;

        background-color:#fff;

        border-radius: 1px;

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-transition: all .4s ease;

        transition: all .4s ease;

    }

    button {

        background: 0 0;

        border: none;

        text-shadow: none;

        position: relative;

    }

    nav .menu_btn {

        position: relative;

        float: right;

        width: 60px;

        height: 60px;

        overflow: hidden;

        text-indent: 100%;

        white-space: nowrap;

        color: transparent;

        cursor: pointer;

    }

    nav .menu_btn {

        display: block;

        width: 50px;

        height: 50px;

    }

    .nav-open nav .menu_btn {

        background-color: #3fc064;

    }



    .nav-open nav .menu_btn span {

        background-color: transparent

    }



    .nav-open nav .menu_btn span:before {

        background-color: #fff;

        -webkit-transform: translateY(6px) rotate(-45deg);

        -ms-transform: translateY(6px) rotate(-45deg);

        transform: translateY(6px) rotate(-45deg)

    }



    .nav-open nav .menu_btn span:after {

        background-color: #fff;

        -webkit-transform: translateY(-6px) rotate(45deg);

        -ms-transform: translateY(-6px) rotate(45deg);

        transform: translateY(-6px) rotate(45deg)

    }

    #nav {

        position: absolute;

        background-color: #fff;

        width: 100%;

        right: 0;

        top: 50px;

        overflow-x: visible;

        -webkit-transition: all .4s cubic-bezier(1, 0, 0, 1);

        transition: all .4s cubic-bezier(1, 0, 0, 1);

    }

    #nav>li {

        width: 100%;

        height: 0;

    }

    #nav>li {

        display: inline-block;

        float: left;

        overflow: hidden;

    }

    .nav-open #nav>li {

        height: 50px;

        cursor: pointer;

    }

    #nav>li>a,

    .max_header #nav>li>a {

        line-height: 50px;

        padding: 0 20px;

        font-size: 14px;

    }

}

@media (max-width: 640px){

    .pc-banner{

        display: none;

    }

    .mo-banner{

        display: block;

        margin-top: 50px;

    }

}

@media (min-width: 640px){

    .pc-banner{

        display: block;

    }

    .mo-banner{

        display: none;

    }

    .pc-footer{

        display: block;

    }

    .mo-footer{

        display: none;

    }

}



@media (max-width: 960px){

    .pro-contain-box{

        flex-flow: column;

    }

    .index-contact-container{

        display: block;

    }

    .index-pro-contain{

        background: none;

        padding: 0;

    }

    .cate-name-cn{

        /*background: -webkit-linear-gradient(#ee9b19, #f8dd3e); !* Safari 5.1 - 6.0 *!*/

        /*background:-o-linear-gradient(#ee9b19, #f8dd3e); !* Opera 11.1 - 12.0 *!*/

        /*background:-moz-linear-gradient(#ee9b19, #f8dd3e); !* Firefox 3.6 - 15 *!*/

        /*background:linear-gradient(#ee9b19, #f8dd3e); !* 标准的语法 *!*/

        -webkit-text-fill-color: black;

        padding: 20px 0;

        color: #fff;

        text-shadow: none;

    }

    .line,.cate-desc{

        display: none;

    }

    .index-about-container{

        padding: 0;

    }

    .catpos-nav{

        display: none;

    }

    .about-contain .about-left{

        width: 100%;

    }

    .about-contain .about-right{

        width: 100%;

    }

    .new-thumb-contain{

        width: 35%;

    }

    .ul-parent{

        width: 100%;

    }

    .ul-parent li:first-child{

        display: none;

    }

    .ul-parent .li-parent{

        width: 100%;

    }

    .pro-contain{

        width: 100%;

    }

    .page-name-cn{

        font-size: 24px;

    }

    .message-list li{

        margin: 10px 0;

    }

    .message-list li input{

        width: 99%;

    }

    .message-list li textarea{

        width: 90%;

    }

    .contact-conent{

        flex-flow: column;

    }

    .index-contact-contain img{

        max-width: 100%;

    }

    .index-new-container{

        padding: 0;

        background: none;

        margin-bottom: 20px;

    }

    .index-new-list .new-time-contain{

        display: none;

    }

    .index-pro-contain .pro-list li{

        width: 48%;

    }

    .index-footer-container{

        display: none;

    }

    .pro-start-contain{

        flex-flow: column;

        align-items: start;

    }



    .pro-case-list li{

        width: 31%;

    }

    .pro-case-list li p{

        font-size: 14px;

    }

    .pro-list li{

        width: 48%;

    }

    .about-contain{

        flex-flow: column;

    }

    .about-contain .about-video{

        width: 100%;

    }

    .about-contain .about-desc{

        width: 100%;

        margin: 20px auto;

    }

    .new-contain{

        flex-flow: column;

    }

    .index-new-list{

        margin: 20px auto;

    }

    .new-first,.index-new-list{

        width: 100%;

    }

    .box-contain{min-height:600px;}

    .index-footer-container{

        flex-flow: column;

    }

    .message-list span{

        width: 105px;

    }

    .index-footer-container>div{

        width: 100%;

    }

    .mo-banner img{

        width: 100%;

    }

    .video-list .video-item{

        width: 48%;

    }

    .article-contain,.notice-contain{

        width: 100%;

        margin: 30px auto;

    }

    .article-list li a{

        flex-flow: column;

        align-items: start;

    }

    .article-list .thumb,.article-list .new-info,.article-list .createtime{

        width: 100%;

    }

    .article-list .createtime{

        padding-left: 10px;



    }

    .article-list .createtime p{margin:0;}

    .footer-cate-list{

        justify-content: space-around;

        margin: 0;

    }

    .footer-cate-list li{

        margin: 0;

    }

    .footer-cate-list img{

        width: 40px;

    }

    .footer-cate-list li a{

        color: #373737;

    }

    .page-container,.member-container{

        flex-flow: column;

        margin: 20px auto;

    }

    .nav-left-contain{

        border: none;

    }

    .nav-left-contain,.page-container .page-contain,.member-container .member-list{

        width: 100%;

    }

    .nav-left-contain h3{display: none;}

    .nav-left-contain .ul-parent{display: flex;align-items: center;flex-flow: wrap;margin: 0 auto;}

}