.wrap1400{width: 1400px;margin: 0 auto;}
.visible-xs{display: none;}
.text-center{text-align: center;}
.banners img{width: 100%;}
.languages{    float: right;margin-right: 100px;color: #000;font-size: 18px;line-height: 82px;}
.language{float: right;font-size: 18px;padding: 20px;display: inline-block;padding: 15px;}
a.language{color: #000;}
.copyright{padding: 10px 0px}
.copyright a{color: #929292;}
.btncategory{display: none}
#mpage{margin-top: 36px}
.video_iframe {       width: 844px;height: 531px;display: block;margin: 0 auto}
#header ul li.navitem ul.subnav li a{line-height: initial;height: auto}
#indexPage #mslider .bx-wrapper{position: relative}
#indexPage #projectlist .projectitem{width:calc(100%/3 - 21px);margin: 10px;}
#indexPage #mproject .content .wrapper{width: 100%;}
#indexPage #mpage .tit h4 {font-size: 14px;color: #000000;text-align: center;font-weight: 500;margin-bottom:36px;}
#indexPage #mpage .tit h4
#indexPage #mpage .content a.more,
#indexPage #mpage .content .header,
#indexPage #mpage .content .des-wrap {left: 10%}
#indexPage #mpage .content .des-wrap{padding: 0px;background: none}
#indexPage #mpage .content .slider{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#indexPage #mpage .content .slider .one{margin-bottom: 40px;position: relative}
#indexPage #mpage .content .slider .one:after{position: absolute;content: '';width: 300px;border-bottom: 1px solid #fff;}
#indexPage #mpage .wrapper li{padding-left: 19%;text-align: left;}
#indexPage #mpage .wrapper li .title{font-size: 20px;color: #fff;margin: 40px 0px}
#indexPage #mpage .wrapper li .title:nth-of-type(2){font-size: 38px;font-weight: bolder;}
#indexPage #mpage .content {border: none;    padding: 800px 0 0px;}
#indexPage #mpage .content .slider .two p{color: #fff;padding: 40px 0px;}
#indexPage #mpage .tit{background: #fff;}
#indexPage #mpage .tit h3{font-size: 24px;color: #000000;text-align: center;font-weight: 500;margin-bottom: 18px;}
#indexPage #mproject .tit h3{font-size: 24px;color: #000000;text-align: center;font-weight: 500; margin: 36px 0px 20px;}
#indexPage #mproject .tit h4{font-size: 14px;color: #000000;text-align: center;font-weight: 500;margin-bottom: 26px;}

.projectSubList{margin-bottom: 0px}
#indexPage #mproject .content{padding-bottom: 0px;}


#linian .tit h3{    font-size: 24px;color: #000000;text-align: center;font-weight: 500;margin: 26px 0px 20px;}
#linian .tit h4{font-size: 14px;color: #000000;text-align: center;font-weight: 500;margin-bottom: 26px;}
#linian .content .slider{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 35px 0px 15px}


#linian .content .slider .one .title{font-size: 24px;color:#feecbc;text-align: center;margin-bottom: 0px;}
#linian .content .slider .one .date{font-size:60px;color:#feecbc;text-align: center;margin-bottom: 30px;}
#linian .content .slider .two{    width: 53%;margin: 0 auto;}
#linian .content .slider .two p{text-align: center;color: #feecbc;line-height: 24px;font-size: 14px;}
#linian .content a.more{font-size: 12px;color: #feecbc;text-align: center;margin: 15px auto 0px;}
#linian .vieo{margin-top: 10px;}

.en  #linian .content .slider .two p{width: 50%;margin: 0 auto}


#newslist .newsbody .pic{display: inline-block}
#prolist{background: #f7f7f7;padding: 36px 0px;}
#prolist #prolist-demo {width: 1200px;margin-left: auto;margin-right: auto;}
#prolist  #prolist-demo .item {       display: block;margin: 10px;background: #fff;padding: 30px 20px;float: left;width: 20%;height: 372px;}
#prolist  #prolist-demo img {display: block;width: 100%;}
#prolist  #prolist-demo .pic{display: inline-block}
#prolist #prolist-demo .tit{    padding-top: 30px;text-align: center;color: #000;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#prolist #prolist-demo .futitle{text-align: center;font-size: 12px;color: #808080;    padding-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#prolist #prolist-demo  a{display: block;margin-top: 20px;margin: 0 auto;text-align: center;color: #bd2615;margin-top: 20px;}
.en #prolist #prolist-demo .tit {font-size: 14px;}
#newlist{padding: 36px 0px;}
#newlist  #newlist-demo {width: 1200px;margin-left: auto;margin-right: auto;}
#newlist  #newlist-demo .item { display: block;margin: 10px;background: #fff;}
#newlist  #newlist-demo img {display: block;width: 100%;height:251px;}
#newlist  #newlist-demo .pic{display: inline-block}
#newlist  #newlist-demo .tit{    overflow: hidden;padding: 15px 0px; text-overflow: ellipsis;white-space: nowrap;}
#newlist .title h3,#prolist .title h3{font-size: 24px;color: #000000;text-align: center;font-weight: 500;    margin-bottom: 26px;}
#newlist .title h4,#prolist .title h4{font-size: 14px;color: #000000;text-align: center;font-weight: 500;    margin-bottom: 26px;}
#newlist .title h4 a,#prolist .title h4 a{color: #000}
#help {padding: 155px 0px;background-attachment: fixed;background-size: 100%;}
#help .slider .one{text-align: center;}
#help .slider .two {text-align: center;}
#help .slider .three{text-align: center;}
#help .slider .one .title{font-size: 30px;color: #fff}
#help .slider .two p{font-size: 14px;color: #fff;padding: 20px 0px;}
#help .slider .three p{font-size: 14px;color: #fff}
footer{padding: 40px 0px 0px;}
footer .nav{width:1500px; padding: 50px 0px;border-top: 1px solid #000;border-bottom: 1px solid #000;display: flex;justify-content: space-around;align-items: flex-start;margin: 0 auto;}
footer .nav ul li:first-of-type{font-size: 14px;color: #000;font-weight: bolder;}
footer .nav ul li{line-height: 30px;font-size: 14px;}
footer .nav ul li a{color: #999}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #dd2b38;}
#category{padding: 40px 0px;}
.content .header{padding: 20px 0px}
.form{ width: 60%;margin: 0  auto;}
.form input[type=text]{     display: block;margin: 10px 0px;border: 1px solid;padding: 10px 0px;width: 100%;    padding: 10px;    box-sizing: border-box;}
.form textarea{     width: 100%;border: 1px solid #000;padding: 10px;box-sizing: border-box;}
.form input[type=submit]{ width: 100%;border: 1px solid #000;margin: 10px 0px;padding: 5px 0px;cursor: pointer;}
/*手机端 <768px*/
@media screen and (min-width:320px) and (max-width:768px) {
    .visible-xs{display: block}
    .hidden-xs{display: none}
    .main img{width: 100%;}
    .form{ width: 95%;}

    .video_iframe {    width: 90%;height: 191px;display: block;margin: 0 auto}
    .banners{position: relative;z-index: 1;float: none;font-size: 0px;    padding-top: 50px;}
    #mslider{position: relative;z-index: 1;float: none;font-size: 0px;}
    #linian{padding: 0px}
    .wrap1400{width: 95%;margin: 0 auto;}
    #category a{margin: 0px;display: block;border: none}
    #category li{display: block;width: 100%}
    #category{padding: 0px;}
    .btncategory{display: block   ; background:#d7000f;color: #fff;padding: 5px 0px;text-align: center;margin: 10px 0px;}
    .projectitem a .project_info div{padding: 0 20px;}
    .en #linian .content .slider .two p{width: 95%;margin: 0 auto;}
    #help {background-size:cover}
    #mpage{margin-top: 5px}
    #indexPage #mproject{margin: 5px 0px}
    #indexPage #mpage .wrapper li .title{font-size: 14px;margin: 9px 0px}
    #indexPage #mpage .content .slider .one{margin-bottom: 40px;}
    #indexPage #mpage .content .slider .two p{    padding: 20px 0px;}
    #linian .tit h3{    padding-top: 10px;margin-bottom: 10px;margin-top: 0px;font-size: 20px;}
    #header #logo {
        width: 180px;
        height: 30px;
        padding: 10px 0;
        display: block;
        margin: 0 auto;
    }

    #header #logo img {
        height: 30px;
        max-width: 180px;
        display: block;
        margin: 0 auto;
        float: none
    }
    body.open #sitecontent {
        transform: translate3d(260px, 0, 0);
        -webkit-transform: translate3d(260px, 0, 0);
    }
    body.open .banners{
        transform: translate3d(260px, 0, 0);
        -webkit-transform: translate3d(260px, 0, 0);
    }
    #header {
        display: flex;
        width: 100%;
        height: auto;
        background: #191a20;
        height: 50px;
        padding-top: 0px;
    }

    .lcbody {
        width: 30px;
        height: 30px;
        position: relative;
        transform: translateZ(0px) rotate(0deg);
        transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99)
    }

    .lcitem {
        position: absolute;
        left: 0;
        top: 0;
        transform: translateZ(0px) rotate(0deg);
        transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
        -webkit-transform: translateZ(0px) rotate(0deg);
        -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
        width: 25px;
        height: 30px;
    }

    .lcitem .rect {
        width: 25px;
        height: 2px;
        background: #000;
        position: absolute;
        left: 0;
        top: 14px;
        transition: transform 0.2s ease 0.2s;
        -webkit-transition: -webkit-transform 0.2s ease 0.2s;
    }

    .lcitem .rect.top {
        transform: translate3d(0px, -6px, 0px);
        -webkit-transform: translate3d(0px, -6px, 0px);
    }

    .lcitem .rect.bottom {
        transform: translate3d(0px, 6px, 0px);
        -webkit-transform: translate3d(0px, 6px, 0px);
    }

    body.open .lcbody {
        transform: translateZ(0px) rotate(90deg);
        -webkit-transform: translateZ(0px) rotate(90deg);
    }

    body.open .lcitem {
        transform: translateZ(0px) rotate(45deg);
        transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
        -webkit-transform: translateZ(0px) rotate(45deg);
        -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    }

    body.open .lcitem.bottom {
        transform: translateZ(0px) rotate(-45deg);
        -webkit-transform: translateZ(0px) rotate(-45deg);
    }

    body.open .lcitem .rect {
        transition: transform 0.2s ease 0s;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transition: -webkit-transform 0.2s ease 0s;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    #sitecontent {
        background: #fff;
        z-index: 1;
        position: relative;
        box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.6);
    }

    .transform {
        transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    }
    #sitecontent {
        min-height: 661px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    }
    #header .btn {
        padding: 10px 15px;
        background: rgba(0,0,0,0);
    }
    #leftcontrol {
        width: 260px;
        height: 100%;
        background: #fff;
        position: fixed;
        top: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }
    #leftcontrol.vhidden {
        visibility: hidden
    }

    #leftcontrol > ul {
        padding-top: 0px;
    }

    #leftcontrol ul li {
        display: block;
        min-height: 49px;
        border-top: 1px solid #f2f2f2;
        font-size: 1.3rem;
        width: 100%;
    }

    #leftcontrol ul li .subnav {
        display: none;
        overflow: hidden;
    }

    #leftcontrol ul li a {
        display: block;
        color: #1a1a1a;
        padding: 0 25px;
        height: 49px;
        overflow: hidden;
        line-height: 49px;
    }

    #leftcontrol ul li.active a.hassub {
        background: #222324
    }

    #leftcontrol ul li a span {
        display: inline-block
    }

    #leftcontrol ul li a span.circle {
        width: 0px;
        height: 0px;
        border: #474747 1px solid;
        border-radius: 5px;
        margin-right: 20px
    }

    #leftcontrol ul li.active a span.circle {
        border-color: #00c0ff;
        background-color: #00c0ff
    }

    #leftcontrol ul.subnav li a i {
        margin-right: 20px;
        font-size: 1.5rem
    }

    #leftcontrol ul.subnav li.active a {
        background: #060606
    }

    #leftcontrol ul li a span.more {
        width: 60px;
        height: 20px;
        position: relative;
        float: right;
        top: 15px
    }

    #leftcontrol ul li a span.more span {
        position: absolute;
        width: 100%;
        top: 0px;
        height: 20px;
        text-align: right;
        line-height: 20px;
        color: #1a1a1a ;
    }

    #leftcontrol ul li a span.more span.h {
        width: 12px;
        height: 2px;
        transform: translate3d(0, 5px, 0);
        -webkit-transform: translate3d(0, 5px, 0)
    }

    #leftcontrol ul li a span.more span.v {
        transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0);
        -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0);
    }

    #leftcontrol ul li.active a span.more span.v {
        transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0);
        -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0);
    }
    #indexPage #mslider .bx-wrapper .bx-pager{bottom: 14px;}
    #indexPage .bx-wrapper .bx-pager.bx-default-pager a:hover, #indexPage .bx-wrapper .bx-pager.bx-default-pager a.active{border: 1px solid #fff;}
    #indexPage .bx-wrapper .bx-pager-item{color: #fff;background: #fff;}
    #indexPage .bx-wrapper .bx-pager.bx-default-pager a{top: -6px;left: -11px;}
    #indexPage #mpage .content{    padding: 86px 0;}
    #indexPage #mpage {background-position: right -100px center;margin-top: 15px;}
    #indexPage #mproject .tit h3{padding-top: 10px;margin-bottom: 10px;margin-top:0px;font-size: 20px;}
    #indexPage #mpage .tit h4{margin-bottom: 15px;}
    #indexPage #mpage .wrapper li .title:nth-of-type(2){font-size: 17px;}
    #indexPage #mproject .tit h4{margin-bottom: 15px}
    #indexPage #mpage .tit h3{padding-top: 20px;margin-bottom: 10px;font-size: 20px;}
    #indexPage #mpage .content .slider .one:after{bottom: -29px;width: 139px}
    #indexPage #projectlist .projectitem{width: calc(33.33%);margin: 0px 0px 5px 0px;}
    #projectlist .projectitem a .project_info p.title{color: #fff;text-align: center;font-size: 16px}
    #projectlist .projectitem a .project_info div{padding: 0px}
    #projectlist .projectitem a .project_info p.subtitle{color: #fff;}
    #indexPage #mproject .content .wrapper{margin-bottom: 0px}
    #linian .tit h4{margin-bottom: 15px;}

    #prolist #prolist-demo{width: 100%;}
    .owl-theme .owl-controls {margin-top: 0px}
    #prolist{padding:0px}
    #newlist #newlist-demo{width: 100%;}
    #newlist{padding:0px;}
    footer .nav{display: none}
    footer{padding-top: 20px;background: #Fff;position: relative;z-index: 1;    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
    body.open footer{    transform: translate3d(260px, 0, 0);-webkit-transform: translate3d(260px, 0, 0);}
    #plheader{padding: 20px 0px;background: #fff}
    .npagePage #projectlist .projectitem{width: 100%;}
    #pages{padding: 10px 0px;}
    #sitecontent .npagePage4 #projectlist .projectitem{width: 100%}
    #category{padding-bottom: 20px;display:none;}
    #newsPage #newslist,.npagePage.Pagenews .content{width: 95%;margin: 0 auto;}
    .Pagenews #newslist .newstitem .newsimg{width: 100%;}
    #newslist .newstitem .newsimg, #newslist .newstitem .news_wrapper{position: relative;}
    .Pagenews #newslist .newsbody{width:100%;padding-left: 0px;}
    #newsPage #newslist .newstitem{height: auto}
    #newslist .newsbody .date{display: none}
    #newslist .newsbody .description{display: none}
    #newslist .newstitem .newsimg{float: none}
    #newsPage #newslist .newstitem  {    margin-bottom: 0px;padding-bottom:20px;border-bottom: 1px dotted #ececec;}
    .postbody,.fw{width: 95%;margin:0 auto;}
    .content .header p.title{font-size: 16px;}
    .content .header p.subtitle{padding: 10px 0px;}
    #mproject.Pageanli .content .header{padding:20px 0px}
    .Pageanli #category{float: none;width: 95%;text-align: left;margin: 0 auto}
    #newlist .title h3, #prolist .title h3{padding-top: 20px;    margin-bottom: 10px;font-size: 20px}
   #newlist-demo.owl-theme .owl-controls .owl-pagination{bottom: 21px;display: none}
   #prolist-demo.owl-theme .owl-controls .owl-pagination{bottom: 21px;}
    #prolist #prolist-demo a{display: none}
    #prolist #prolist-demo .pic a{display: block;margin-top: 0px}
    #prolist #prolist-demo .tit{padding-top: 10px;font-size: 16px;}
    #prolist #prolist-demo img{height: 168px}
    #prolist #prolist-demo .item{display: block;background: #fff;padding: 10px;float: left;width: 50%;height: auto;box-sizing: border-box;margin: 0px;}
    .logo img{width: 70px;display: inline-block;}
    .lowB #header{display: flex;justify-content: space-between;align-items: center;}
    #newlist #newlist-demo .tit{ color: #808080;text-align: center;padding: 5px 0px}
    .copyright {background: #bf2c1a;color: #ffff;}
    .copyright a{color: #fff}
    #linian .content .slider .two{width: 100%;}
    #newlist .title h4, #prolist .title h4{margin-bottom: 15px;}
    #linian .content .slider .one .title{margin-bottom: 0px;}
    #linian .content .slider .one .date{margin-bottom: 10px;font-size: 50px}
}