/* CSS Document */

/*导航*/

#header {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background: #fff;
}

#header.mini ul#nav {
    padding: 0px 20px 0px 20px;
}

.nobanner #header {
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
}

#header ul#nav {
    float: right;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 100%;
}

#header ul li.navitem a.active, #header ul li.navitem:hover a {
    color: #333;
}

#header.mini ul li.navitem a::before {
    margin-top: 50px;
}

#header.mini {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    background: transparent;
}

#header ul li.navitem ul.subnav li a {
    background: #fff;
    height: 32px;
    line-height: 32px;
}

#header ul li.navitem ul.subnav {
    border-top: 0;
}

#header ul li.navitem ul.subnav li a:hover {
    background: rgb(105, 105, 105);
}

#header ul li.navitem ul.subnav li a::before {
    position: absolute;
    content: "";
    width: 0%;
    height: 0px;
}

#header ul li.navitem ul.subnav li a.active::before {
    content: "";
    width: 0;
    height: 0;
}

/*导航结束*/

/*导航*/

body.ipusher.open #header #headSHBtn {
    left: calc(100% - 70px);
    position: absolute;
}

/*body.ipusher.open #header #headSHBtn:hover {
    background-color: #262626;
}*/

body.ipusher.open #header #headSHBtn i::before {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

body.ipusher #header #headSHBtn i {
    font-size: 28px;
    /*margin-top: 17px;*/
    /*transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;*/
}

body.ipusher #header #headSHBtn:hover i {
  /*  color: #fff;*/
   /* transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);*/
}

body.ipusher.open #header #headSHBtn:hover i {
    color: #000;
   /* transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);*/
}

#headSHBtn {
    display: block;
    left: -110px;
    top: 16px;
    color: #333;
    background: transparent;
    width: 50px;
    height: 50px;
    /*transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;*/
}

/*#headSHBtn:hover {
    background-color: #4b4b4b;
}*/

body.ipusher #header ul li.navitem ul.subnav {
   /* height: 1000px;
    overflow: hidden;*/
    left: 0;
    z-index: 1;
    /*left: 50%;*/
    /*margin-left: 20px;*/
    width: 100%;
    display: none;

}

body.ipusher #header ul li.navitem ul.subnav li {
    height: 60px;
}

body.ipusher #header .content {
    padding-top: 80px;
    background-color: #dfdfdf;
    padding-bottom: 1000px;
    box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1);
}

#logoClone img {
    margin: 20px 30px 20px 60px;
}

/*#logoClone::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .15);
    top: 70px;
    left: 0;
}*/

body.ipusher #header {
    width: 400px;
    left: auto;
    background-color: #FFF;
    right: -400px;
    position: fixed;
    z-index: 999999;
}

body.ipusher.open #header {
    transform: translate3d(-400px, 0, 0);
    -webkit-transform: translate3d(-400px, 0, 0);
    -moz-transform: translate3d(-400px, 0, 0);
    -o-transform: translate3d(-400px, 0, 0);
    /*width: 100%;*/
    width:250px;
}

body.ipusher #header #logo {
    margin: 0 auto 40px;
}

body.ipusher #header #logo img {
    height: 40px;
}

body.ipusher #header ul li.navitem {
    text-align: center;
    border-top: 1px solid #F5F5F5;
    height: 60px;
    line-height: 60px;
}

body.ipusher #header ul li.navitem:hover {
    background: #f8f8f8;
    cursor: pointer;
}

body.ipusher #header ul li.navitem:hover a {
    color: #000;
}

#header ul li.navitem a {
    color: #666;
    font-size: 14px;
}

#header ul li.navitem a.active, #header ul li.navitem:hover a {
    color: #666
}

#header ul li.navitem ul.subnav li a {
    background: transparent;
}

body.ipusher #header ul li.navitem ul.subnav li a {
    color: #777;
}

body.ipusher #header ul li.navitem ul.subnav li a:hover {
    background: transparent;
    color: #333;
}

#header ul li.navitem ul.subnav li {
    border-bottom: 1px solid rgba(0, 0, 0, .02);
}

#header ul li.navitem ul.subnav li:last-child {
    border-bottom: none;
}

/*首页头部导航*/

#headSHBtn i {
    /*display: none;*/
}

/*#headSHBtn:after {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #999;
    position: absolute;
    top: 28px;
    left: 15px;
    transition: all 0.3s ease-out 0s
}

#headSHBtn:before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #999;
    position: absolute;
    top: 18px;
    left: 15px;
    transition: all 0.3s ease-out 0s
}
*//*
#headSHBtn:hover::after {
    transform: rotate(45deg);
    top: 25px;
    /*background: #fff;
}
/*
#headSHBtn:hover::before {
    transform: rotate(-45deg);
    top: 25px;
    background: #fff;
}*/

body.ipusher.open #headSHBtn {
    background-color: #dfdfdf;
}
/*
body.ipusher.open #headSHBtn:after {
    transform: rotate(45deg);
    top: 25px;
    background: #fff
}

body.ipusher.open #headSHBtn:before {
    transform: rotate(-45deg);
    top: 25px;
    background: #fff
}
*/
#header ul li.navitem ul.subnav li a i {
    margin-top: 10px;
}

/*首页幻灯*/

.bx-wrapper .bx-controls-direction a {
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: transparent;
    border-radius: 0px;
}

.bx-wrapper .bx-controls-direction a i {
    color: #eaeaea;
    font-size: 32px;
    margin-top: 12px;
    margin-left: 23px;
    margin-top: 13px;
}

.bx-wrapper .bx-controls-direction a:hover {
    background-color: rgba(0, 0, 0, .6);
}

.bx-wrapper .bx-controls-direction a.bx-next i {
    margin-left: 25px;
}

bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a.active {
    display: none;
}

#mslider .bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a {
    display: none;
}

.content .header {
    padding-top: 70px;
}

/*项目*/

#indexPage #projectlist .projectitem {
    width: 24%;
    margin-right: 1%;
    margin-bottom: 1%;
}

#indexPage #projectlist .projectitem::before {
    content: '';
    position: absolute;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .25);
    height: 100%;
    opacity: 0;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

#indexPage #projectlist .projectitem:hover::before {
    opacity: 1;
    animation-name: zoomIn;
}

.Pageanli .content .header {
    padding-top: 50px;
}

#indexPage #mproject {
    background: #fff;
}

#indexPage #mproject .content .wrapper {
    width: calc(100% - 120px);
    margin: 0 auto;
}

#indexPage #mproject .content .header p.title, #indexPage #mproject .content .header p.subtitle {
    margin-left: 0;
}

.content .header p.title {
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    text-align: left;
    margin-left: 60px;
    font-size: 22px;
}

#projectlist .bx-viewport {
    padding-bottom: 90px;
}

#projectlist .projectitem a:hover .project_info {
    background: rgba(0, 0, 0, .3);
    position: absolute;
}

.content .header p.subtitle {
    text-align: left;
    margin-left: 60px;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    margin-top: 5px;
    margin-bottom:10px;
    font-size: 14px;
}

#indexPage #projectlist .projectitem a .project_info div {
    height: auto;
    width: 100%;
    background: transparent;
    transition: all 0.3s ease-out 0s;
    display: none;
}

#indexPage #projectlist .projectitem:hover a .project_info div {
    opacity: 1;
}

#projectlist .projectitem a .project_info div {
    top: 100%;
    margin-top: 0;
}

#projectlist .projectitem a .project_info div::after {
    width: 32px;
    height: 30px;
    position: absolute;
    content: "";
    top: 0;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-top: 30px;
    right: 0px;
    background: none;
    opacity: 0;
}

#projectlist .projectitem a:hover .project_info div::after {
    right: 25px;
    background: none;
    opacity: 1;
}

#projectlist .projectitem a .project_info p.title {
    margin: 0 20px;
    color: #565656;
    padding: 20px 0px 5px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
}

#indexPage #projectlist .projectitem a .project_info p.title {
    font-size: 15px;
    padding-left: 0;
}

.Pageanli #projectlist .projectitem a .project_info p.title {
    color: #565656;
    margin: 0;
}

#projectlist .projectitem a .project_info p.subtitle {
    color: #929292;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    font-size: 14px;
}

#indexPage #projectlist .projectitem a .project_info p.subtitle {
    margin-top: 0;
}

.Pageanli #projectlist .projectitem a .project_info p.subtitle {
    color: #929292;
    padding: 0px 0px 5px;
    margin: 0
}

#projectlist .projectitem a:hover .project_info p.title {
    color: #4A4A4A;
}



/*横向导航*/

.nav-heng{
    width:100%;
    height;50px;
    text-align:center;
    line-height:50px;
    font-size:14px;
    font-color:#929292;
}
.nav-heng a{
    /*margin-right:30px;*/
    font-color:#929292;
}


.nav-heng a:link {color: #929292;} /*普通的、 未访问的链接 */

.nav-heng a:visited {color: #929292;} /* 已访问的链接 */

.nav-heng a:hover {color: #383838;} /* 当有鼠标悬停在链接上或鼠标指针位于链接的上方 */



/*.nav_logo a:link{color:black;}*/
/*#nav_logo a:visited{color:deeppink;}*/
/*#nav_logo a:hover{color:#f4b864;}*/
/*#nav_logo a:active{color:green;}*/


.nav_az{border-right:1px solid #c1c1c1; padding-right:25px; padding-left:25px;}
.nav_logo {border-right:1px solid #c1c1c1; padding-right:25px; }

/*搜索框*/


.nav-heng input {
    width: 18%;
    height: 32px;
    border: 1px solid #929292;
    border-radius: 4px 0 0 4px;
    outline: none;
    color: #929292;
    border-right:none;
    text-indent:1rem;
    margin-left:25px;
}
.nav-heng button {
    position: absolute;
    /*top: 0;*/
    /*right:405px;*/
    margin-top:8px;
    width: 34px;
    height: 34px;
    border: none;
    background: #c1c1c1;
    border-radius: 0 4px 4px 0;
    outline:none;
    cursor: pointer;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:#d1d1d1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#d1d1d1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#d1d1d1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#d1d1d1;
}


.nav-heng button:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    color: #FFFFFF;
}




/*字母筛选*/


.screen-az{width:100%; height:30px; }
.screen-az ul{text-align:center; list-style-type:none; line-height:30px;  display:flex; justify-content:center; }
.screen-az ul li{

    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    /*display:inline;*/
    font:14px;
    color:#2886cd;
    /*margin:12px;*/
    text-decoration:none;

     }

.screen-az ul li:hover {
     background:#dedede;
}
.screen-az ul li:hover a{
    color:#fff

}
.screen-az ul li a{text-decoration:none; color:#2886cd;}



/*产品详情页1*/

.cont_right right{
    width:60%;
    float:right;


}

/*.guoyun-case .case-bank .content-case-bank {*/
    /*position: relative;*/
    /*width: 1200px;*/
    /*margin: 0 auto:;*/
    /*padding: 75px 0 40px 0; }*/
/*.guoyun-case .case-bank .content-case-bank .title {*/
    /*font-size: 30px;*/
    /*margin-bottom: 23px; }*/
/*.guoyun-case .case-bank .content-case-bank .initial {*/
    /*position: relative;*/
    /*width: 100%;*/
    /*padding-bottom: 30px; }*/
/*.guoyun-case .case-bank .content-case-bank .initial li:hover {*/
    /*color: #ffffff;*/
    /*background-color: #3388ff; }*/
/*.guoyun-case .case-bank .content-case-bank .initial li {*/
    /*font-size: 16px;*/
    /*border: 1px #e5e5e5 solid;*/
    /*color: #3388ff;*/
    /*padding: 2px 9px;*/
    /*display: inline-block;*/
    /*margin-right: 8px;*/
    /*cursor: pointer;*/
    /*border-radius: 4px; }*/
/*.guoyun-case .case-bank .content-case-bank .initial li.cur {*/
    /*background-color: #3388ff;*/
    /*color: #fff; }*/
/*.guoyun-case .case-bank .content-case-bank .initial li:nth-last-child(1) {*/
    /*margin-right: 0; }*/
/*.guoyun-case .case-bank .content-case-bank .case-table {*/
    /*position: relative;*/
    /*width: 100%;*/
    /*color: #3388ff;*/
    /*font-size: 16px; }*/
/*.guoyun-case .case-bank .content-case-bank .case-table .case-list {*/
    /*position: relative;*/
    /*border: 1px #e5e5e5 solid;*/
    /*box-sizing: border-box;*/
    /*width: 400px;*/
    /*display: table-cell;*/
    /*line-height: 2em;*/
    /*padding-bottom: 50px; }*/
/*.guoyun-case .case-bank .content-case-bank .case-table .case-list a {*/
    /*display: block;*/
    /*padding: 0 30px;*/
    /*cursor: pointer;*/
    /*color:#3388ff; }*/
/*.guoyun-case .case-bank .content-case-bank .case-table .case-list a:hover {*/
    /*color: #ffffff;*/
    /*background-color: #3388ff; }*/
/*.guoyun-case .case-bank .content-case-bank .case-table .case-list .type-title {*/
    /*margin-top: 50px; }*/


/*.guoyun-case .case-bank .content-case-bank .initial {*/
    /*position: relative;*/
    /*width: 100%;*/
    /*padding-bottom: 30px; }*/
/*.guoyun-case .case-bank .content-case-bank .initial li:hover {*/
    /*color: #ffffff;*/
    /*background-color: #3388ff; }*/
/*.guoyun-case .case-bank .content-case-bank .initial li {*/
    /*font-size: 16px;*/
    /*border: 1px #e5e5e5 solid;*/
    /*color: #3388ff;*/
    /*padding: 2px 9px;*/
    /*display: inline-block;*/
    /*margin-right: 8px;*/
    /*cursor: pointer;*/
    /*border-radius: 4px; }*/
/*.guoyun-case .case-bank .content-case-bank .initial li.cur {*/
    /*background-color: #3388ff;*/
    /*color: #fff; }*/
/*.guoyun-case .case-bank .content-case-bank .initial li:nth-last-child(1) {*/
    /*margin-right: 0; }*/




.clear{clear:both;}




/*导航目录*/

#category a {
    padding: 17px 45px;
    border: 0;
}

#indexPage #category {
    text-align: left;
    padding-left: 60px;
    float:left;
}

#indexPage #category a {
    display: block;
    height: 36px;
    line-height: 36px;
    padding-left: 0;
}
#indexPage #category a:nth-child(2) {
    line-height: 20px;
}

#indexPage #mproject #category a:last-child::after {
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
}

#newsPage #category a:last-child::after {
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
}

#indexPage #mproject #category {
    display: block;
    animation-name: fadeInUp;
    float: left
}

#category a::before {
    position: absolute;
    content: "";
    text-align: left;
    margin-left: 0px;
    margin-top: 23px;
    background-color: #818181;
    width: 0px;
    height: 1px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#indexPage #mproject #category a::before {
    margin-top: 33px;
}

#category a:hover::before {
    width: 30px;
}

#category a {
    font-size: 14px;
    color: #999;
    border: 0;
}

#category a.active, #category a:hover {
    background: transparent;
    color: #333;
    border-color: transparent;
}

#category .hua{ display:none;}
        #category .hua li {
            padding: 0px;
            margin: 5px 0;
            float: left;
            font-size: 14px;
            width: 70%;
            text-align: right;
            cursor: pointer;
        }
        
         #category .hua li:hover{
            color: #2e91db!important;
            font-weight: bold!important;
         }
       #category .active{
            color: #2e91db!important;
            font-weight: bold!important;
        }
.click{
        color: #4dabe3!important;
    font-weight: bold!important;
}










/*导航目录*/

#category a {
    padding: 17px 60px;
    border: 0;
}

#indexPage #category {
    text-align: left;
    padding-left: 60px;
}

#indexPage #category a {
    display: block;
    height: 36px;
    line-height: 36px;
    padding-left: 0;
}

#indexPage #mproject #category a:last-child::after {
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
}

#newsPage #category a:last-child::after {
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
}

#indexPage #mproject #category {
    display: block;
    animation-name: fadeInUp;
    float: left
}

#category a::before {
    position: absolute;
    content: "";
    text-align: left;
    margin-left: 0px;
    margin-top: 23px;
    background-color: #818181;
    width: 0px;
    height: 1px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#indexPage #mproject #category a::before {
    margin-top: 33px;
}

#category a:hover::before {
    width: 30px;
}


#newsPage .content #category a {
    font-size: 14px;
    color: #999;
    border: 0;
    width: auto;
    text-align: left;
}
#category a {
    font-size: 14px;
    color: #999;
    border: 0;
    width: 77%;
    text-align: left;
}
#category a.active, #category a:hover {
    background: transparent;
    color: #333;
    border-color: transparent;
}













#indexPage #projectlist {
    width: calc(100% - 300px);
    float: right;
    margin-top: -95px;
    height: 100%;
}

#indexPage #mproject .content {
    height: 100%;
    margin-top: -17%;
}

#projectlist .projectitem {
    margin-bottom: 35px;
    background: #fff;
}

#projectlist .projectitem:nth-child(4n) {
    margin-right: 0;
}

/*#projectlist .projectitem a::after { content: '+'; width: 64px; height: 64px; line-height: 64px; margin: 0 auto; margin-left: -32px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; border-radius: 50px; border: 2px solid #fff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; color: #fff; font-size: 40px; text-align: center; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }

*/

#projectlist .projectitem:hover a::after {
    margin-left: -32px;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}

#indexPage #mproject .bx-wrapper .bx-controls-direction {
    display: inline;
}

#indexPage #mproject .bx-wrapper .bx-controls-direction a {
    top: 114%;
    margin-top: 0px;
    width: 60px;
    height: 30px;
    background: transparent;
    border-radius: 0px;
}

#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 50%;
    margin-left: -60px;
    border-right: 1px solid #e9e9e9;
    background: url(../image/icon.png) -60px -250px no-repeat;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-prev:hover {
    border-right: 1px solid #e9e9e9;
    background: url(../image/icon.png) -60px -220px no-repeat;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next {
    right: 50%;
    margin-right: -60px;
    background: url(../image/icon.png) 0 -250px no-repeat;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next:hover {
    background: url(../image/icon.png) 0 -220px no-repeat;
}

#indexPage #mproject .bx-wrapper .bx-controls-direction a i {
    color: #dadada;
    font-size: 24px;
    margin-top: 2px;
    margin-left: 26px;
}

#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover i {
    color: #535353;
}

#indexPage #mproject a.more {
    display: none;
}

#category {
    text-align: right;
    padding-bottom: 40px;
}
.ipusher2 #category{text-align: center !important;}

#indexPage #mproject .fa-angle-right::before {
    content: "";
}

#indexPage #mproject .fa-angle-left::before {
    content: "";
}




/*横向导航*/

.Pageanli #category1 {
    text-align: center;
    top: 0;
    margin: 0 auto;
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
    margin-bottom: 10px;
    display:block;
    float:left;
    margin-top:15px;
}







/*竖向导航*/
.Pageanli #category {
    text-align: center;
    top: 0;
    margin: 0 auto;
    width: 15%;
    /*padding-left: 3%;*/
    /*padding-right: 3%;*/
    margin-bottom: 10px;
    display:block;
    float:left;
    margin-top:15px;   
}

.Pageanli #category a{ font-weight: bold;}
#category .hua li{
    line-height: 28px;
}
@media (min-width:1200px){
    .Pageanli #category a{font-size: 18px !important;}
    #category .hua li{font-size: 16px !important;}
}
/*案例详情页*/

.npagePage4 #projectlist .projectitem a .project_info {
    background: #fff;
}

/*服务*/

#indexPage #mservice #servicelist .bx-wrapper {
    max-width: 100%;
}

#indexPage #mservice .content {
    height: 100%;
    margin-top: 0;
    top: 50px;
}

#indexPage #mservice #servicelist {
    width: 100%;
    margin: 0 auto;
}

#indexPage #mservice .wrapper {
    height: 100%;
    margin: 0 auto;
}

#indexPage #mservice .wrapper .bx-wrapper .bx-viewport {
    height: 100%;
}

#indexPage #mservice .content .header {
    width: 100%;
    position: relative;
    top: 80px;
    left:60px;
}

#indexPage #mservice .content .header p.title {
    margin-left: 0;
    color: #fff;
}

#indexPage #mservice .content .header p.subtitle {
    margin-left: 0;
}

#mservice .content .header p.title {
    text-align: left;
}

#mservice .content .header p.subtitle {
    text-align: left;
}

#indexPage a.more {
    display: none;
}

#indexPage #servicelist .serviceitem {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    height: 530px;
}

#servicelist .serviceitem div {
    margin-top: 25px;
    padding: 0 25px;
    overflow: hidden;
}

#servicelist .serviceitem div p.title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px;
}

#servicelist .serviceitem:hover .title {
    color: #fff;
}

#servicelist .serviceitem div p.description {
    line-height: 28px;
    width: 90%;
}

#indexPage #servicelist .serviceitem:hover::before {
    font-size: 180px;
    top: -10px;
    margin-left: 94px;
}

#servicelist .serviceitem a {
    padding-top: 21%;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    height: 460px;
}

#indexPage #servicelist .serviceitem a.details {
    display: block;
    height: 40px;
    padding-top: 0;
    text-indent: 0;
    border-radius: 0px;
    bottom: 0;
    position: absolute;
    border-color: transparent;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    left: 50%;
    margin-left: -180px;
    line-height: 40px;
}

#indexPage #servicelist .serviceitem a.details i {
    font-size: 20px;
    position: relative;
    top: 2px;
}

#indexPage #servicelist .serviceitem a.details:hover i {
    color: #fff;
    text-indent: 10px;
}

#indexPage #servicelist .serviceitem:hover a.details i {
    color: #fff;
    text-indent: 10px;
}

#indexPage #servicelist .serviceitem a.details::before {
    content: '';
    position: absolute;
    left: 180px;
    width: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#indexPage #servicelist .serviceitem:hover a.details::before {
    width: 160px;
    background: rgba(255, 255, 255, .6);
    left: 100px;
}

#indexPage #servicelist .serviceitem a.details::after {
    content: '';
    position: absolute;
    left: 180px;
    width: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    bottom: 0;
}

#indexPage #servicelist .serviceitem:hover a.details::after {
    width: 160px;
    background: rgba(255, 255, 255, .6);
    left: 100px;
}

.Pageservice #servicelist .serviceitem a {
    padding-top: 10px;
}

#servicelist .serviceitem a:hover {
    padding-top: 17%;
}

#indexPage #servicelist .serviceitem div::before {
    background: rgba(255, 255, 255, .3);
}

#indexPage #mservice #servicelist .serviceitem a:hover div::before {
    background: rgba(255, 255, 255, .4);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    width: 20px;
}

#servicelist .serviceitem:hover a img {
    float: none;
    height: auto;
    margin: 0 auto;
    opacity: 01;
}

/*首页关于我们*/

#indexPage #mpage .wrapper li .fimg {
    width: 50%;
    height: 1024px;
    background-size: cover;
}

#mpage .content .header {
    width: 50%;
    float: right;
    padding-top: 13%;
    padding-bottom: 3%;
}

#indexPage #mpage a.more {
    width: 12%;
    margin-top: 4%;
    float: right;
    margin-left: 7%;
    margin-right: 31%;
    line-height: 40px;
    height: 40px;
    border-radius: 0px;
    text-align: center;
    text-indent: 0px;
    display: block;
    font-family: "HELVETICANEUELTPRO-THEX";
    background-color: #6e6e6e;
    border: #6e6e6e 1px solid;
    color: #fff;
    font-size: 16px;
}

#indexPage #mpage a.more:hover i {
    color: #fff;
}

#indexPage #mpage a.more::before {
    position: absolute;
    display: block;
    content: "";
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
    width: 36%;
    float: right;
    margin-top: -1px;
}

#indexPage a.more i {
    font-size: 20px;
    position: relative;
    top: 1px;
}

#indexPage #mpage .content, #indexPage #mpage .module-content, #indexPage #mpage .wrapper, #indexPage #mpage .slider, #indexPage #mpage .wrapper li, #indexPage #mpage .wrapper li .fimg {
    height: 100%;
}

#mpage .module-content .description {
    max-height: 160px;
    height: auto;
    line-height: 28px;
    padding-right: 7.1%;
    padding-left: 7.1%;
    float: right;
    width: 36%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.title a:visited{color:#444444;}


#mpage .content .header p.title {
    text-align: left;
    margin-left: 14%;
    font-size: 22px;
}

#mpage .content .header p.subtitle {
    text-align: left;
    margin-left: 14%;
}

#indexPage #mpage .content {
    margin-top: 0;
    top: 0;
}

/*新闻*/
#indexPage #mnews .content .header p.title {
    margin-left: 0;
}

#indexPage #mnews .content .header p.subtitle {
    margin-left: 0;
}

#indexPage #mnews .content .header {
    display: block;
    padding-bottom: 0px;
    top: 80px;
    /*top:0px;*/
    position: relative;
    margin-left: 60px;
}

#indexPage #mnews .content {
    top: 50%;
    margin-top: -300px;
}

#indexPage #newslist .newstitem {
    height: 510px;
    width: 100%;
    float: left;
}

#indexPage .newstitem.left .newsbody {
    padding-top: 30px;
}

#indexPage .newstitem .newsbody {
    display: block;
    vertical-align: auto;
    width: calc(100% - 70px);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    padding: 0 35px
}

#indexPage #newsitem_0 .newsbody {
    padding-left: 1px;
    width: calc(100% - 50px);
}

#indexPage .newstitem.right .newsbody {
    position: relative;
    top: 300px;
}

#newslist .newstitem .newsbody .date {
    font-weight: inherit;
    font-family: HELVETICANEUELTPRO-THEX;
    color: #C0C0C0;
    margin-bottom: 0;
    display: inline-block;
    padding: 0 22px;
    float: left;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#indexPage #mnews #newslist .newstitem .newsbody .date {
    padding-left: 0;
    font-size: 20px;
}

#indexPage #mnews #newslist .newstitem .newsbody .date .year {
    transition: all 0.3s ease-out 0s;
}

#indexPage #mnews #newslist .newstitem:hover .newsbody .date .year {
    color: #333;
    margin-left: 10px;
}

#indexPage #mnews #newslist .newstitem .newsbody .date .md {
    display: none;
}

#indexPage #mnews #newslist .newstitem.left a.newscontent {
    overflow: hidden;
}

#indexPage #mnews #newslist .newstitem .newsimg {
    width: 100%;
    height: auto;
    min-height: 255px;
    position: relative;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    overflow: hidden;
    background-size: auto;
}

#indexPage #mnews #newslist .newstitem:hover .newsimg {
    background-size: transform: scale(0.96, 0.96);
    -moz-transform: scale(0.96, 0.96);
    -webkit-transform: scale(0.96, 0.96);
    -o-transform: scale(0.96, 0.96);
}

#indexPage #mnews #newslist .newstitem.left .newsimg {
    position: absolute;
    margin-top: 255px;
}

#indexPage #mnews #newslist .newstitem .newsimg::before {
    content: '';
    position: absolute;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    top: 0px;
    left: 0px;
    border: 1px solid rgba(255, 255, 255, .0);
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    top: 6px;
    left: 6px;
}

#indexPage #mnews #newslist .newstitem:hover .newsimg::before {
    border: 1px solid rgba(255, 255, 255, 1);
    animation-name: zoomIn;
    top: 6px;
    left: 6px;
}

#indexPage #mnews #newslist .newstitem .newsbody .title {
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 20px;
}

#newslist .newstitem .newsbody .title {
    font-size: 16px;
    color: #666;
    display: inline-block;
    line-height: 30px;
    width: 280px;
    overflow: hidden;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent {
    padding: 0;
    text-align: left
}

#newslist .newstitem.left a.newscontent:hover .title, #newslist .newstitem.right a.newscontent:hover .title {
    color: #000;
}

#newslist .news_wrapper {
    background-color: transparent;
    width: 100%;
}

#indexPage #mnews #newslist .newstitem.left .news_wrapper {
    position: absolute;
    height: 100%;
    min-height: 255px;
}

#newslist .newstitem a.newscontent:hover .news_wrapper {
    background-color: transparent;
    width: 100%;
}

#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover {
    padding: 0;
}

#newslist .newstitem.right a.newscontent .newsimg {
    left: 0
}

#newslist .news_wrapper::before {
    height: 0
}

#newsPage #newslist .newstitem .newsimg {
    display: block;
    width: 300px;
    height: auto;
}

#newsPage #newslist .newstitem .news_wrapper {
    width: 400px;
    height: 200px;
    left: 30px;
    top: 266px;
}

#indexPage #newslist .newsitem .newsbody .title, #newsPage #newslist .newstitem .newsbody .title {
    font-size: 18px;
    display: block;
    width: 100%;
    float: none;
    position: relative;
}

#indexPage #newslist .newstitem p.description {
    text-align: left;
    color: #999;
    line-height: 25px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin-left: 0;
}

#indexPage #newslist .newstitem:hover p.description {
    margin-left: 10px;
}

#indexPage #newslist .newstitem:hover .newsbody p.title {
    margin-left: 10px;
}

#indexPage #mnews .content_list, #indexPage #mnews .bx-viewport {
    height: 510px !important;
}

#indexPage #newslist .wrapper {
    width: calc(100% - 380px);
    margin: 0 auto;
    float: right;
    height: 540px;
    margin-top: -8px;
    -webkit-margin-before: -5px;
    margin-right: 80px;
}

#indexPage #newslist .separator {
    display: none;
}

#newsPage #newslist .newstitem .newsbody::after {
    content: 'MORE';
    width: 105px;
    height: 40px;
    padding-left: 45px;
    line-height: 40px;
    display: block;
    text-align: left;
    margin-top: 50px;

    color: #727272;
    border-top: 1px solid rgba(0, 0, 0, .12);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    font-size: 16px;
    font-family: "HELVETICANEUELTPRO-THEX";

    background: url(../image/icon.png) -165px 0 no-repeat;
}

/*#indexPage #mnews::after{ position: absolute;content: "";width: 1000px;height: 100%;margin: 0 auto;left: 0;right: 0;border-left: 1px solid rgba(255,255,255,.08);}*/


/*  

资讯动态  后面分割线

*/
/*#indexPage #mnews::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #e6e5e5;
    top: 50%;
}*/

#newsPage #newslist .newstitem a:hover .newsbody .description::after {
    width: 123px;
}

.newstitem {
    animation-name: fadeInUp;
    animation-delay: 0.1s;
}

/*合作伙伴*/

#mpartner .content > .header {
    width: 100%;
    position: relative;
    top: 50px;
}

#indexPage #mpartner .wrapper ul li {
    height: 380px;
}

#indexPage #mpartner .wrapper ul li a:hover {
    margin-top: -10px;
    margin-bottom: 30px;
}

#indexPage #mpartner .wrapper ul li a {
    transition: all 0.3s ease-out 0s;
}

#indexPage #mpartner .wrapper ul li a::after {
    width: 1px;
    height: 90px;
    position: absolute;
    content: "";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-color: #eaeaea;

    margin-top: 38px;
    margin-left: 10px;
}

#indexPage #mpartner .wrapper ul li a:nth-child(4n)::after {
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
}

#indexPage #mpartner .wrapper ul li a:last-child::after {
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
}

/*分享*/

#shares a#sshare {
    color: transparent;
    background-image: url(/Themes/images/fenxiang.png);
    background-repeat: no-repeat;
}

#shares {
    height: 35px;
    right: 66px;
    bottom: -3px;
}

#shares a#gotop {
    margin-top: 6px;
    background: none;
    color: #5f5f5f;
}

#shares a i {
   /* border-right: 1px solid rgba(167, 167, 167, 0.3);*/
    padding: 0 10px;
}

#shares a i.fa-share-alt {
    padding: 0 16px;
}

#shares a i.fa-weixin {
    color: transparent;
    background-image: url(../image/shoujih.png);
    background-repeat: no-repeat;
    font-size: 16px;
    height: 16px;
    margin: 0 0 0 26px;
    padding: 0 8px;
}

#shares a i.fa-wx {
    color: transparent;
    background: url(../image/wx.png) center center no-repeat;
    font-size: 16px;
    height: 16px;
    margin: 0 0 0 26px;
    padding: 0 8px;
}

#online_open i {
    margin-top: 5px;
}

#shares a i.fa-share-alt {
    padding: 0 16px;
}

#online_open {
    margin: 0 10px 0 0;
    background: none;
    bottom: 0px;
    color: #515151;
}

#footer #footer-text {
    position: fixed;
    bottom: 0;
    background: transparent;
    padding: 8px 230px;
    right: 0px;
    width: 100%;
}

#footer.mini #footer-text {
    padding: 8px 250px;
    right: 0px;
}

#shares a {
    color: #515151;
    background-color: transparent;
    display: inline-block;
    height: 22px;
    width: auto;
}

#shares a#sweibo {
    background-color: transparent;
    transition: all 0.3s ease-out 0s;
}

#shares a#sweibo:hover {
    background: transparent;
}

#shares a#sweixin {
    background-color: transparent;
    transition: all 0.3s ease-out 0s;
}

#shares a#sweixin:hover {
    background-color: transparent;
}

#online_lx {
    border-radius: 0px;
    bottom: 36px;
    margin-right: -10px;
}

#olx_head {
    background: #595959;
    border-radius: 0;
}

#olx_tel div {
    line-height: 0;
    height: 0;
    margin-bottom: 0px;
    font-size: 0;
}

#olx_tel div i {
    font-size: 0;
}

#olx_tel div {
    color: #898989;
}

#olx_qq li a i {
    color: #868686;
}

#olx_qq li a:hover i {
    color: #545454;
}

#olx_qq li a {
    border-left: 3px solid transparent;
    color: #808080;
}

#olx_qq li a:hover {
    color: #454545;
    background: #E3E3E3 none repeat scroll 0% 0%;
    border-left: 3px solid #424242;
}

#olx_head i {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#olx_head i:hover {
    color: #fff;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-transform: rotate(90deg); /* Safari 和 Chrome */
    -o-transform: rotate(90deg); /* Opera */
}

#footer a path {
    fill: #808080;
}

/*分享结束*/

/*快捷菜单*/

#moduleControl a.moduleCItem {
    margin-bottom: 20px;
    border-radius: 10px;
    width: 11px;
    height: 11px;
    position: relative;
}

#moduleControl a.moduleCItem:hover span, #moduleControl a.moduleCItem.active span {
    width: 70px;
    height: 24px;
    position: absolute;
    top: -6px;
    text-indent: initial;
    color: #959595;
    overflow: hidden;
    font-size: 0px;
    line-height: 24px;
    right: -2px;
    text-align: right;
    padding-right: 25px;
}

/*#moduleControl a.moduleCItem span::after { content:""; position:absolute; top:11px; right:12px; width:0px; height:1px; background:rgba(0,0,0,0);}*/

/*#moduleControl a.moduleCItem:hover span::after, #moduleControl a.moduleCItem.active span::after { content:""; position:absolute; top:11px; right:12px; width:15px; height:1px; background:rgba(0,0,0,.2);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}*/

#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active {
    background-color: transparent;
    border: 2px solid #5a5a5a;
}

#moduleControl a.moduleCItem:hover::before, #moduleControl a.moduleCItem.active::before {
    position: absolute;
    content: "";
    background: transparent;
    right: 20px;
}

#moduleControl a.moduleCItem {
    border: 2px solid transparent;
}

#moduleControl a.moduleCItem::before {
    position: absolute;
    content: "";
    height: 3px;
    background: #a8a8a8;
    width: 3px;
    left: 0px;
    margin: 4px 0 0 4px;
    border-radius: 3px;
}

#moduleControl a.moduleCItem::after {
    position: absolute;
    content: "";
    height: 24px;
    background: rgba(155, 155, 155, .2);
    width: 1px;
    left: 0px;
    margin: 11px 0 0 5px;
}

#moduleControl a.moduleCItem:last-child::after {
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
}

#indexPage .module.bgShow .bgmask {
    background-color: transparent;
}

#indexPage #mservice .bgmask {
    background: url(../image/dot2.png) repeat;
    opacity: 1;
}

/*新*/

.content_list {
    height: 100%;
    width: 100%;
}

#indexPage #mservice .wrapper .bx-wrapper .bx-prev {
    left: 0px;
    background: url(../image/icon.png) -60px -40px no-repeat;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin-top: 60px;
}

#indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover {
    background: url(../image/icon.png) -60px -100px no-repeat;
}

#indexPage #mservice .wrapper .bx-wrapper .bx-next {
    right: 0px;
    background: url(../image/icon.png) 0 -40px no-repeat;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin-top: 60px;
}

#indexPage #mservice .wrapper .bx-wrapper .bx-next:hover {
    background: url(../image/icon.png) 0 -100px no-repeat;
}

#indexPage #mservice .wrapper .bx-wrapper .bx-next i.fa-angle-right::before {
    content: "";
}

#indexPage #mservice .wrapper .bx-wrapper .bx-prev i.fa-angle-left::before {
    content: "";
}

#indexPage #mslider i.fa-angle-left::before, #indexPage #mslider i.fa-angle-right::before {
    content: '';
}

#indexPage #mslider .bx-wrapper .bx-controls-direction a {
    width: 80px;
    height: 40px;
    display: block;
    background: url(../image/icon.png) 0 -160px no-repeat;
}

#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next {
    background-position: -13px -160px;
}

#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next:hover {
    background-position: -13px -200px;
}

#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next::before {
    content: '';
    position: absolute;
    width: 67px;
    height: 1px;
    background: rgba(255, 255, 255, .1);
    margin-top: -6px;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
}

#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next:hover::before {
    width: 67px;
    opacity: 1;
    margin-top: 4px;
    background: rgba(255, 255, 255, .6);
}

#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background-position: -0px -200px;
}

#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-prev::before {
    content: '';
    position: absolute;
    width: 67px;
    height: 1px;
    background: rgba(255, 255, 255, .1);
    margin-top: -6px;

    transition: all 0.3s ease-out 0s;
    opacity: 0;
    left: 5px;
}

#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-prev:hover::before {
    width: 67px;
    opacity: 1;
    margin-top: 4px;
    background: rgba(255, 255, 255, .6);
}

/*团队*/

#indexPage #mteam .content {
    margin-top: -274px;
}

#indexPage #mteam .content .header p.title, #indexPage #mteam .content .header p.subtitle {
    margin-left: 0;
}

#indexPage #mteam li:hover .header a::before {
    border-color: #383838;
    height: 304px;
}

#indexPage #mteam li:nth-of-type(even) .header a::before {
    top: 0px;
    -webkit-margin-before: 0px;
}

#indexPage #mteam li:nth-of-type(even):hover .header a::before {
    top: 40px;
}

#indexPage #mteam .summary p.subtitle {
    margin-bottom: 20px;
    font-size: 13px;
}

#indexPage #mteam .summary p {
    text-align: center;
    width: 100%;
}

#indexPage #mteam li .summary p.description {
    height: 70px;
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
}

#indexPage #mteam li:hover .summary p.description {
    color: #777;
}

#indexPage #mteam .content > .header {
    display: block;
}

#indexPage #mteam .header img {
    transition: all 0.3s ease-out 0s;
    margin: 10px auto 20px;
}

#indexPage #mteam li:hover .header a img {
    margin-top: -10px;
}

#indexPage #mslider {
    height: calc(100% - 70px);
}

#indexPage #mslider .bx-wrapper .bx-pager {
    bottom: 0;
}

#indexPage #mslider .bx-wrapper {
    position: relative;
    height: calc(100% - 40px);
}

#indexPage #mslider ul li div.fa-angle-down::before {
    content: "";
}

#indexPage #mslider ul li p.title {
    font-family: "LANEUP", 'HELVETICANEUELTPRO-THEX';
    font-size: 60px;
    line-height: 80px;
}

#indexPage #mslider ul li p.subtitle {
    font-size: 34px;
    font-family: 'HELVETICANEUELTPRO-THEX', '微软雅黑';
    color: rgba(255, 255, 255, .92);
}

#indexPage #mslider ul li div {
    position: relative;
    top: -25px;
}

#indexPage #mslider ul li div.mask {
    background: url(../image/dot.png) repeat;
}

#indexPage #mteam .summary p.title {
    color: #383838;
    font-size: 22px;
    margin-bottom: 6px;
}

#indexPage #mslider ul li div.fa-angle-down::before {
    content: "";
}

#teamitem_0 {
    animation-name: fadeInUp;
    animation-delay: 0s;
}

#teamitem_1 {
    animation-name: fadeInUp;
    animation-delay: 0.1s;
}

#indexPage #mpartner .content {
    margin-top: -270px;
}

#indexPage #mcontact {
    background: #fff;
}

#indexPage #mcontact .header p.title {
    color: #fff;
    margin-left: 0;
    margin-left: 60px;
}

#indexPage #mcontact .content {
    margin-top: -230px;
}

#mcontact .content > .header {
    width: 100%;
}

#indexPage #mcontact .content .fw {
    width: 100%;
}

#indexPage #mcontact .header p.subtitle {
    text-align: left;
    margin-left: 0px;
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    margin-top: 5px;
    margin-left: 60px;
}

#indexPage #mcontact #contactlist {
    background: #fff;
    height: 100%;
    padding-bottom: 10%;
    position: absolute;
    margin-top: 8%;
}

#mcontact .content #contactinfo {
    width: 40%;
    margin-left: 60px;
    padding-top: 3%;
}

#contactinfo div {
    position: relative;
    top: -263px;
    left: 280px;
}

#contactinfo p {
    margin-bottom: 5px;
}

#contactinfo h3 {
    margin-bottom: 45px;
    color: #999;
}

#contactinfo div a {
    background: transparent;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#contactinfo div a:hover {
    background: rgba(255, 255, 255, .15)
}

#contactinfo div a i {
    color: #b1b1b1;
}

#contactinfo div a:hover i {
    color: #7a7a7a;
}

#mcontact .content #contactform {
    width: 50%;
    margin-right: 5%;
    padding-top: 2%;
}

/*#contactform p:nth-child(5) .name {
    position: relative;
    top: 180px;
}*/

#contactform p img {
    cursor: pointer;
    float:none;
   /* position: relative;
    top: 140px;
    left: 200px;*/
}
@media (min-width: 1700px){
    #contactform p img {
    cursor: pointer;
    position: relative;
 /*   top: 210px!important;
    left: 288px!important;*/

    }
}
#contactform p .inputtxt {
    width: 200px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #cfcfcf;
   /* width: 100%;*/
    padding: 20px 0px 20px 0;
    color: #666;
}

#mcontact .content #contactform p {
    float: left;
    margin-right: 20px;
    width: 30%;
}
#mcontact .content #contactform p:nth-child(4),#mcontact .content #contactform p:nth-child(5){
    width:100%;
}
#contactform p textarea.inputtxt {
    width: calc(300% + 40px);
    width: -moz-calc(300% + 40px);
    width: -webkit-calc(300% + 40px);
}

#contactform p .inputsub {
    width: 100px;
    background-color: #383838;
    color: #cfcfcf;
    font-size: 15px;
    padding: 5px 0;
    display: block;
   /* float: left;*/
  /*  position: relative;
    top: 130px;*/
    height: 40px;
  /*  left: calc(-100% - 20px);
    left: -moz-calc(-100% - 20px);
    left: -webkit-calc(-100% - 20px);*/
    border: 1px solid #383838;
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

        /* vertical-align: text-bottom; */
    position: relative;
    /* top: 20px; */
    margin-right: 15%;
    display: inline-block;
        margin-top: 30px;
        position: relative;
    top: 12px;
    
}


#contactform p .inputsub:hover {
    background-color: rgba(0, 0, 0, .9);
    border: 1px solid rgba(0, 0, 0, .9);
    color: #fff;
}

#sitecontent .npagePage .content .serviceitem a img {
    opacity: 1;
    background: rgba(0, 0, 0, .15);
}

#sitecontent .npagePage .content .header p.title {
    text-align: center;
    margin-left: 0;
}

#sitecontent .npagePage .content .header p.subtitle {
    text-align: center;
    margin-left: 0;
}

#teamlist {
    width: 1200px;
}

.Pageteam .content .header, .Pageservice .content .header {
    padding-bottom: 60px;
    padding-top: 80px;
}

.teamitem {
    margin-right: 10px;
    background: #fff;
    width: 290px;
    height: 520px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border: 1px solid transparent;
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.Pageteam .teamitem {
    height: 510px;
}

.teamitem:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
    margin-top: -10px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    cursor: pointer;
    border-top: none;
    margin-bottom: 60px;
}

.teamitem a {
    width: 290px;
    height: auto;
    overflow: hidden;
    max-height: 290px;
}

.teamitem a img {
    width: 290px;
    height: auto;
}

.teamitem .teaminfo .description {
    line-height: 24px;
    height: 55px;
    margin-top: 40px;
}

.Pageteam .teamitem .teaminfo .description {
    margin-top: 25px;
    height: 70px;
}

.teamitem .teaminfo {
    padding: 0 25px;
    margin-top: 30px;
}

.Pageteam .teamitem .teaminfo {
    text-align: left;
}

.teamitem .teaminfo .subtitle {
    font-size: 13px;
}

.teamitem a div.wrap {
    background: #404040;
}

#sitecontent #newsPage #newslist {
    width: 1200px;
    padding-top: 30px;
}

#sitecontent #newsPage #newslist .newstitem {
    width: 100%;
    height: 190px;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    margin-bottom: 25px;
    padding-bottom: 25px;
}

#sitecontent #newsPage #newslist .newstitem .newsbody .date {
    /*left: 327px;*/
}

#sitecontent #newsPage #newslist .newstitem .newsbody .date .year {
    font-size: 16px;
    margin-left: -90px;
}

#sitecontent #newsPage #newslist .newstitem .newsbody .date .year::after {
    content: "/";
    position: absolute;
    margin: 0 5px;
    color: #B1B1B1;
}

#sitecontent #newsPage #newslist .newstitem .newsbody .date .md {
    margin-top: 0;
    margin-left: 94px;
}

#sitecontent #newsPage #newslist .newstitem .newsbody .date .md span {
    display: none;
}

#teamlist .teamitem:last-child, #teamlist .teamitem:nth-child(4n) {
    margin-right: 0;
}

#sitecontent .npagePage #servicelist {
    top: -40px;
}

#sitecontent .npagePage #newslist .newstitem .news_wrapper {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

#newsPage .npagePage #newslist .newstitem .newsimg {
    float: left;
    left: 0;
}

#sitecontent .npagePage #newslist .newsbody {
    width: 830px;
    float: left;
    padding-top: 20px;
    margin-left: 360px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#sitecontent .npagePage #newslist .newstitem .newsbody .description::after {
    content: "";
    width: 0;
}

#sitecontent .npagePage #newslist .newstitem a:hover .newsbody .description::after {
    width: 0;
}

#sitecontent .npagePage #newslist .newstitem .newsbody::after {
    content: 'MORE';
    width: 105px;
    height: 40px;
    padding-left: 45px;
    line-height: 40px;
    display: block;
    text-align: left;

    margin-top: -43px;
    color: #bcbcbc;
    border-left: 1px solid rgba(0, 0, 0, .08);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    font-size: 16px;
    font-family: "HELVETICANEUELTPRO-THEX";

    background: url(../image/icon.png) -165px 0 no-repeat;
    float: right;
    border-top: none;
}

#sitecontent .npagePage #newslist .newstitem a:hover .newsbody::after {
    color: #000;
}

#sitecontent .npagePage #newslist #newsitem_0.newstitem .newsbody .date, #sitecontent .npagePage #newslist .newstitem .newsbody .date {
    padding: 0;
    position: absolute;
    /*top: 140px;*/
    right: 50px;
    left: 70%;
    color: #6a6a6a;
}

#sitecontent #newsPage #newslist .newstitem:last-child {
    border-bottom: none;
}

#sitecontent .npagePage #newslist .newstitem .newsbody p.title {
    color: #555;
}

#sitecontent .npagePage #newslist .newstitem .newsbody .description {
    width: 75%;
    height: 50px;
}

#sitecontent .npagePage #newslist .newstitem:hover .newsbody {
    margin-left: 370px;
}

#sitecontent #newsPage #newslist .newstitem:hover .newsbody::after {

    background: url(../image/icon.png) -165px 0 no-repeat;

}

#pages a.active {
    background: #3F3F3F;
}

#sitecontent .npagePage #projectwrap {
    width: 100%;
    padding-top: 0;
}

#sitecontent .npagePage #projectwrap #projectbody {
    width: 77%;
    background: #f8f8f8;
    padding-top: 60px;
}

#sitecontent .npagePage #projectwrap #projectbody #projectimages {
    background: #f8f8f8;
}

#sitecontent .npagePage #projectwrap #projectinfo {
    margin-top: 60px;
    float: left;
    margin-left: 3%;
    width: 20%;
}

#sitecontent .npagePage .content #projectih .header p.title {
    text-align: left;
}

#sitecontent .npagePage .content #projectih .header p.subtitle {
    text-align: left;
}

#sitecontent .npagePage #projectwrap #projecttags {
    margin-top: 35px;
    margin-left: 3%;
    width: 20%;
    display: block;
    left: 77%;
}

#sitecontent .npagePage #servicelist .serviceitem div p.title::before {
    content: "";
    width: 0;
    height: 0;
}

#servicelist .serviceitem div::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background: rgba(0, 0, 0, .2);
    margin-top: 50px;
    margin-left: -15px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#sitecontent .npagePage #servicelist .serviceitem {
    height: 340px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 60px;
}

#sitecontent .npagePage #servicelist .serviceitem:hover {
    border-bottom: 1px solid rgba(0, 0, 0, .3);
}

#sitecontent .npagePage #servicelist .serviceitem a:hover {
    padding-top: 0;
}

#sitecontent .npagePage #servicelist .serviceitem:hover .title {
    color: #000;
}

#header ul li.navitem:hover ul.subnav {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#indexPage #mpartner .wrapper ul li a {
    cursor: pointer;
    margin: 0 10px;
    margin-bottom: 20px;
}

/*右侧导航*/

#sitecontent .npagePage #category1 li:last-child a::after {
    content: "";
}

#category1 li.hasmore div ul {
    padding-top: 15px;
    border-top: rgba(0, 0, 0, .08) 1px solid;
}

#category1 li.hasmore div ul a:hover {
    background: transparent;
    color: #000;
}

#category1 li.hasmore div ul a:hover::before {
    content: "";
    width: 0;
    height: 0;
}

#category1 li.hasmore div ul a.active {
    background: transparent;
    color: #000;



/*左侧导航*/

#sitecontent .npagePage #category li:last-child a::after {
    content: "";
}

#category li.hasmore div ul {
    padding-top: 15px;
    border-top: rgba(0, 0, 0, .08) 1px solid;
}

#category li.hasmore div ul a:hover {
    background: transparent;
    color: #000;
}

#category li.hasmore div ul a:hover::before {
    content: "";
    width: 0;
    height: 0;
}

#category li.hasmore div ul a.active {
    background: transparent;
    color: #000;
}

.postbody img {
    max-width: 1180px;
}

#projectinfo .header .description a {
    background: #474747;
    transition: all ease .3s;

    color: #fff;
}

#projectinfo .header .description a:hover {
    background: #000;
}

#projectib .projectitem a .project_info p.title {
    line-height: 22px;
    color: #666;
}

#projectib .projectitem a:hover .project_info p.title {
    color: #000;
}

#projectib .projectitem a .project_info p.subtitle {
    margin-top: 2px;
}

#projectib .projectitem {
    margin-bottom: 25px;
}

#projecttags a {
    transition: all 0.3s ease-out 0s;
}

#projecttags a:hover {
    background: #636363;
    color: #fff;
}

#projectib .projectitem a {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    overflow: hidden;
}

#projectib {
    width: 20%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    left: 77%;
    margin-left: 3%;
}

#footer a {
    margin-right: 20px;
}
#footer>a{
    position: absolute;
     color: #8e8e8e; 
    bottom: 0;
    left: 58px;
}

#moduleControl {
    display: none;
}

.npagePage #banner {
    height: 360px;
}

#post_slider li {
    height: 650px;
}

#post_slider, #post_slider .bx-wrapper, #post_slider .bx-viewport {
    height: 650px;
}

#projectinfo4 .header {
    padding-top: 20px;
    float: left;
    width: 100%;
    position: relative;
}

#projectinfo4 .header .title-warp {
    width: 50%;
    float: left;
}

#projectinfo4 .description {
    width: 50%;
    float: right;
    position: relative;
    right: 0px;
    top: 0px;
}

#projectinfo4 .header p {
    line-height: 24px;
    font-size: 13px;
}

#sitecontent .npagePage .content #projectinfo4 .header p.title {
    width: 92%;
    text-align: left;
    font-size: 22px;
    padding-right: 8%;
}

#sitecontent .npagePage .content #projectinfo4 .header p.subtitle {
    width: 92%;
    text-align: left;
    padding-right: 8%;
}

#npagePage #projectlist .projectitem a .project_info p.title {
    color: #565656;
    font-size: 14px;
    padding: 15px 0 2px;
    margin: 0;
}

#npagePage #projectlist .projectitem a .project_info p.subtitle {
    color: #929292;
    font-size: 13px;
    margin: 0;
    padding-left: 0;
}

#projectshow4 #projectib4 #projectlist .projectitem {
    margin-bottom: 20px;
}

.npagePage4 #projectwrap4 #projectinfo4 {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

#projectshow4 {
    margin-top: 20px;
}

#projectinfo4 .description a {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    color: #555;
}

#projectinfo4 .description a:hover {
    background-color: #383838;
    color: #fff;
    border: 1px solid #383838;
}

.npagePage #banner div {
    height: 360px;
}

/*横向导航*/

/*.Pagenews #category1 {*/
    /*text-align: center;*/
/*}*/

#category1 li.hasmore div {
    width: 98%;
    left: 1%;
    margin: 0 auto;
}






/*左侧导航*/

.Pagenews #category {
    text-align: center;
}

#category li.hasmore div {
    width: 98%;
    left: 1%;
    margin: 0 auto;
}

#projectshow4 #projectib4 #projectlist .wrapper {
    margin-left: 0;
}

#projecttags4 a {
    padding: 5px 18px;
    margin-right: 8px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#projecttags4 a:hover {
    background: #383838;
    color: #fff;
}

#indexPage #mslider .bx-wrapper .bx-controls-direction a {
    margin-top: 15px;
    margin-left: 5px;
}

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

#indexPage #mnews a.details {
    display: block;
    position: absolute;
    top: -7px;
    border-radius: 0;
    width: 45px;
    right: 20px;
    height: 20px;
    text-indent: 0;
    font-size: 0px;
    line-height: 20px;
    text-align: center;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, .0);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#indexPage #newslist .newstitem.right a.details {
    margin-top: 310px;
}

#indexPage #newslist .newstitem:hover a.details {
    border-left: 1px solid rgba(0, 0, 0, .1);
}

#indexPage #mnews a.details i {
    width: 21px;
    height: 9px;
    background: url(../image/icon.png) 0 -100px no-repeat;
    margin-top: 5px;
    opacity: 0;
}

#indexPage #newslist .newstitem:hover a.details i {
    background-position: 0 -119px;
    opacity: 1;
}

#newslist .separator {
    display: none;
}

#indexPage #servicelist .serviceitem a img {
    width: 360px;
}

#indexPage #mteam .summary p.title a {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#indexPage #projectlist .projectitem a .project_info div {
    position: absolute;
    background: transparent;
    display: block;
    margin-top: 0;
    opacity: 0;
}

#indexPage #projectlist .projectitem:hover a .project_info div {
    margin-top: 50px;
    opacity: 1;
    animation-name: fadeInUp;
}

#indexPage #projectlist .projectitem a .project_info {
    position: absolute;
}

#projectlist .projectitem a .project_info {
    position: relative;
    background: #fff;
    z-index: 8;
    height: auto;
}

#indexPage #mproject #projectlist .projectitem a .project_img {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

#indexPage #mproject #projectlist .projectitem:hover a .project_img {
    animation-name: zoomOut;
}

#projectlist .projectitem a .project_img {
    overflow: hidden
}

#projectlist .projectitem a .project_info {
    transition: all ease-out 0s;
}

#projectlist .projectitem a .project_img:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#projectlist .projectitem a:hover .project_img:after {
    background: rgba(255, 255, 255, .3);
}

.Pageanli #projectlist .projectitem a:hover .project_img:after {
    background: rgba(0, 0, 0, .0);
}

#projectlist .projectitem a:hover .project_info {
    position: inherit;
    background: rgba(0, 0, 0, 0)
}

#indexPage .module.bgShow {
    background-position: center top !important;
    background-attachment: initial
}

#indexPage #servicelist .serviceitem div p.title {
    color: #fff;
}

#indexPage #servicelist .serviceitem div p.description {
    color: rgba(255, 255, 255, .8);
}

#indexPage .content > .header {
    padding-left: 60px;
    float: left;
    width: 100%;
}

#indexPage #mservice {
    background-color: #333;
}

#indexPage #mservice .wrapper .bx-wrapper a {
    margin-top: 0;
}

#indexPage #mteam .module-content {
    max-width: 1400px;
    width: 1400px;
}

#indexPage #mteam .bx-wrapper .content_list {
    padding-top: 10px;
}

#indexPage #mteam a.details {
    display: block;
    width: 150px;
    text-indent: 0;
    text-align: center;
    height: 40px;
    border-radius: 0;
    line-height: 40px;
    border: none;
    font-size: 14px;
}

#indexPage #mteam a.details:hover {
    color: #333;
}

#indexPage #mteam li a.details i {
    font-size: 20px;
    position: relative;
    top: 2px;
}

#indexPage #mteam li:hover a.details i {
    text-indent: 10px;
    color: #707070;
}

#indexPage #mteam li a.details:before {
    content: '';
    width: 100px;
    height: 1px;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.3s ease-out 0s;
}

#indexPage #mteam li a.details:after {
    content: '';
    width: 100px;
    height: 1px;
    background: rgba(0, 0, 0, .0);
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 50px;
    transition: all 0.3s ease-out 0s;
}

#indexPage #mteam li:hover a.details:before, #indexPage #mteam li:hover a.details:after {
    width: 140px;
    background: rgab(0, 0, 0, .3);
    margin-left: -70px;
    background: rgba(0, 0, 0, .2);
}

#indexPage #mteam .bx-controls-direction {
    display: none;
}

#indexPage #mteam .bx-pager {
    display: block;
    position: relative;
    margin-top: 40px;
}

#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a.active, #indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a {
    display: block
}

#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px;
    border: #ababab 1px solid;
}

#mslider .bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    width: 7px;
    height: 7px;
}

#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a:hover, #indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a.active, #indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background-color: #fff;
    border: 1px solid #fff;
}

#indexPage #mnews .bx-controls {
    display: block;
}

#indexPage #mnews .bx-controls-direction {
    display: none;
}

#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a.active, #indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a {
    display: block
}

#indexPage #mnews .bx-wrapper .bx-pager {
    margin-left: -110px;
    position: relative;
    top: 60px;
}

#indexPage #mservice .wrapper .bx-wrapper .bx-controls-direction {
    display: none;
}

#indexPage #mservice .wrapper .bx-wrapper .bx-pager {
    display: block;
    position: relative;
    margin-top: 100px;
}

#indexPage #mservice .wrapper .bx-wrapper a.active, #indexPage #mservice .bx-wrapper .bx-pager.bx-default-pager a:hover {
    display: block;
    background-color: #fff;
    border: 1px solid #fff;
}

#indexPage #mservice .bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
}

#indexPage #mnews {
    background-color: #fff;
}


/*default style */
* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

body {
    font-size: 14px;
    font-family: "Roboto", "Noto Sans CJK SC", "Nato Sans CJK TC", "Nato Sans CJK JP", "Nato Sans CJK KR", -apple-system, ".SFNSText-Regular", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Zen Hei", Arial, sans-serif;
    background: #fff
}

button {
    cursor: pointer;
    outline: none
}

textarea {
    resize: none;
}

em {
    font-style: normal;
}

/* IE6 BUG */
img {
    border: none;
}

br {
    height: 0;
}

body {
    overflow-x: hidden;
    text-align: justify;
    text-justify: inter-ideograph;
}

/*common style*/

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.none {
    display: none
}

.no-mar {
    margin-right: 0px !important;
}

.no-mal {
    margin-left: 0px !important;
}

.no-bdr {
    border-right: none !important;
}

.noborder {
    border: none !important;
}

.nopadding {
    padding: 0 !important;
}

.erocolo {
    color: #e51c23;
    display: none;
    padding-left: 18px;
}

.header {
    position: relative;
}

.header .header_top {
    height: 40px;
    width: 100%;
    min-width: 1220px;
    background: #575757;
    border: 1px solid #444;
    font-size: 14px;
}

.header .header_top .header_top_cont {
    width: 1220px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
}

.header .header_top .header_top_cont .top_left .now_comp {
    color: #b0b0b0;
    width: 168px;
    text-align: center;
    background: #575757;
    cursor: pointer;
    font-size: 13px;
}

.header .header_top .header_top_cont .top_left .now_comp:hover {
    background: #454545;
}

.header .header_top .header_top_cont .top_left .now_comp img {
    vertical-align: middle;
    margin-left: 10px;
}

.header .header_top .header_top_cont .top_left .now_compen {
    color: #fff;
    width: 280px;
    text-align: center;
    background-color: #454545;
    cursor: pointer;
}

.header .header_top .header_top_cont .top_left .now_compen img {
    vertical-align: middle;
}

.header .header_top .header_top_cont .top_right {
    color: #b0b0b0;
}

.top_right .lagua, .top_right .topcat, .top_right .logusty {
    float: left;
    margin: 0 10px;
}

.top_right .logusty {
    padding-left: 26px;
    position: relative;
    cursor: pointer;
    padding-right: 18px;
}

.top_right .logusty .userselis {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 160px;
    display: none;
    z-index: 50
}

.top_right .logusty .userselis .sellist {
    height: 60px;
    line-height: 60px;
    background-color: #292929;
    border-left: 6px solid #292929;
}

.top_right .logusty .userselis .sellist a {
    display: block;
    font-size: 12px;
    color: #b0b0b0;
}

.userselis .sellist a img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 16px;
    margin-left: 19px;
}

.top_right .logusty .userselis .sellist:hover {
    background-color: rgba(4, 102, 42, 0.9);
    border-left: 6px solid #04d719;
}

.top_right .logusty .userselis .sellist:hover a {
    color: #fff;
}

.top_right .topcat {
    margin-left: 0px;
    line-height: 40px;
    display: inline-block;
    height: 40px;
    text-align: center;
}

.top_right .hasprocat {
    background-color: #63b55b;
}

.top_right .hasprocat:hover {
    background-color: #6cc763;
}

.top_right .hasprocat a {
    color: #fff;
}

.top_right a {
    color: #b0b0b0;
}

.top_right a:hover {
    color: #fff;
}

.top_right .selinofu {
    margin-left: 10px;
    cursor: pointer;
}

.top_right .selinofup {
    margin-left: 10px;
    cursor: pointer;
    display: none;
}

.header .header_top .header_top_cont {
    position: relative;
}

.header .header_top .header_top_cont .top_right .selaro {
    vertical-align: middle;
    margin-right: 8px;
}

.header .header_top .select_comp {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
    display: none
}

.header .header_bottom {
    width: 1220px;
    margin: 0 auto;
    height: 99px;
}

.header .header_bottom .bottom_center .navul {
    margin-top: 35px;
}

.header .header_bottom .bottom_center .navul li {
    float: left;
    margin: 0px 23px;
    padding: 0px 10px;
}

.header .header_bottom .bottom_center .navul li a {
    display: inline-block;
}

.header .header_bottom .bottom_center .navul li:hover a {
    color: #2baf2b;
    border-bottom: 3px solid #259b24;
}

.header .header_bottom .bottom_center .navul .actnav a {
    color: #2baf2b;
    border-bottom: 3px solid #2baf2b;
}

.header .header_bottom .bottom_center .navul li a {
    display: inline-block;
    font-size: 17px;
    color: #333;
    height: 61px;
}

.header .header_bottom .bottom_left {
    width: 168px;
    height: 99px;
    overflow: hidden;
}

.header .header_bottom .bottom_left a {
    display: block;
}

.header .header_bottom .bottom_left a img {
    width: 100%;
    margin-top: -12px;
}

.footer {
    background-color: #e8e8e8;
}

.footer .footer_top {
    min-width: 1220px;
    width: 100%;
}

.footer .footer_top .footer_top_cont {
    width: 1220px;
    margin: 0 auto;
    margin-bottom: 25px
}

.footer .footer_top .footer_top_cont .dl_list {
    width: 18%;
    float: left;
    text-align: left;
    padding-left: 3%
}

.footer .footer_top .footer_top_cont .dl_list dt {
    color: #696969;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    margin-top: 30px;
}

.footer .footer_top .footer_top_cont .dl_list dd {
    line-height: 40px
}

.footer .footer_top .footer_top_cont .dl_list dd a {
    color: #696969;
}

.footer .footer_top .footer_top_cont .dl_list dd a:hover {
    color: #009c44;
}

.footer .footer_top .footer_top_cont .dl_list .qimmg {
    margin-top: 15px;
}

.footer .footer_bottom {
    background: #696969;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 12px
}

.loginbg {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 8;
    display: none;
}

.logincl {
    position: fixed;
    left: 50%;
    top: 25%;
    margin-left: -195px;
    z-index: 9;
    width: 390px;
    height: 420px;
    background-color: #fff;
    display: none;
}

.logincl .logininfo {
    width: 320px;
    margin: 63px auto 0px;
    position: relative;
}

.logincl .logininfo .logi {
    font-size: 18px;
    color: #333332;
    margin-bottom: 40px;
}

.logincl .logininfo em {
    font-size: 22px;
    font-weight: bold;
    color: #333332;
}

.logincl .logininfo .loginp {
    margin-bottom: 12px;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 3px;
}

.logincl .logininfo .loginp em {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 14px;
    margin-left: 15px;
}

.logincl .logininfo .loginp em img {
    width: 100%;
}

.logincl .logininfo .loginp input {
    width: 260px;
    height: 48px;
    border: none;
    padding-left: 15px;
    font-size: 14px;
    outline: none;
}

.logincl .logininfo .logsel {
    margin-bottom: 19px;
    overflow: hidden;
    margin-top: 25px;
}

/*.logincl .logininfo .logsel .remen{float: left;}
.logincl .logininfo .logsel .remen input{float: left;margin-top: 4px; margin-right: 5px;}
.logincl .logininfo .logsel .remen label{float: left;}*/
.logincl .logininfo .logselzc a {
    font-size: 12px;
    color: #7d8696;
}

.logincl .logininfo .logselzc a:first-child {
    margin-left: 21px;
}

.logincl .logininfo .logselzc .forget {
    display: block;
    float: right;
}

.logincl .logininfo .logsel .logbtn {
    width: 100%;
    height: 48px;
    margin: 0 auto;
    background-color: #64b65c;
    border-radius: 2px;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    border: none;
}

.logincl .logininfo .logsel .logbtn:hover {
    background: #009c44
}

.logincl .logininfo .logselzc .regnow {
    display: block;
    float: right;
}

.logincl .logininfo .cloes {
    width: 26px;
    height: 26px;
    position: absolute;
    top: -58px;
    right: -30px;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

.logincl .logininfo .cloes img {
    width: 100%;
}

.loginshow {
    cursor: pointer;
}

.searchh {
    width: 22px;
    text-align: center;
    float: right;
    margin: 35px 62px 0px 32px;
    cursor: pointer;
}

.searchh img {
    width: 100%;
}

.navul {
    float: right;
}

#emp_name, #emp_pwd {
    min-height: 25px;
    color: #e51c23;
    font-size: 12px;
    display: none;
}

/*网站切换*/
.chengenet {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 168px;
    height: 142px;
    z-index: 20;
}

.chengenet .new-now {
    line-height: 45px;
    color: #fff;
    padding-left: 17px;
    background: #292929 url("/Themes/images/selarowup.png") no-repeat 130px center;
    cursor: pointer;
}

.chengenet .new-now > img {
    margin-left: 10px;
    cursor: pointer;
}

.chengenet .sele-net {
    display: block;
    background-color: #292929;
    color: #fff;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    padding-left: 11px;
    border-left: 6px solid #292929;
}

.chengenet .sele-net:hover {
    background-color: rgba(4, 102, 42, 0.9);
    border-left: 6px solid #04d719;
}

/*.chengenet .now-sel{color: #fff;background-color: #575757;}*/

.chengeneten {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 280px;
    height: 142px;
    background-color: #fff;
    box-shadow: 0 0 4px #aaaaaa;
}

.chengeneten .new-now {
    width: 253px;
    border-bottom: 1px solid #259b24;
    line-height: 45px;
    color: #259b24;
    margin-left: 12px;
    background: url("/Themes/images/arrowwg.png") no-repeat 200px center;
    margin-bottom: 18px;
}

.chengeneten .sele-net {
    display: block;
    text-indent: 12px;
    color: #b0b0b0;
    font-size: 13px;
    line-height: 30px;
}

.chengeneten .now-sel {
    color: #259b24;
    background: url("/Themes/images/gouxuan.png") no-repeat 206px center;
}

/*验证密码*/
.codimg {
    float: left;
    margin-top: 4px;
}

/*搜索*/
.searchbox {
    width: 741px;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    right: 36px;
    top: 35px;
    z-index: 50;
    height: auto;
    box-shadow: 0px 6px 20px -6px #afafaf;
    padding-bottom: 15px;
}

.searchbox .searchinp {
    width: 676px;
    height: 44px;
    padding-top: 20px;
    margin: 0 auto;
    border-bottom: 1px solid #259b24;
}

.searchbox .searchinp .seachico {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 12px;
    cursor: pointer;
}

.searchbox .searchinp .seachword {
    float: left;
    width: 605px;
    height: 35px;
    font-size: 16px;
    color: #696969;
    border: none;
    outline: none;
    padding-left: 15px;
}

.searchbox .searchinp .closico {
    float: right;
    width: 18px;
    height: 18px;
    margin-top: 12px;
    cursor: pointer;
}

.searchbox .sresult {
    width: 570px;
    margin: 10px auto 0;
}

.searchbox .sresult > li {
    font-size: 14px;
    color: #bababa;
    line-height: 35px;
}

.searchbox .sresult > li a {
    font-size: 14px;
    color: #bababa;
    display: inline-block;
    padding-left: 15px;
}

.searchbox .sresult > li a:hover {
    color: #259b24;
}

.searchbox .sresult > li img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.hamsg {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #ff5722;
    border-radius: 100%;
    margin-bottom: 12px;
}

.hamsgm {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #ff5722;
    border-radius: 100%;
    margin-bottom: 12px;
}

.showfu {
    display: inline-block;
}

.showfu:hover {
    color: #fff;
}

/*引导页*/
.pageload {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #F0F0F2;
    text-align: center;
}

.pageload .welbgimg {
    text-align: center;
}

.pageload .welogo {
    position: absolute;
    top: 130px;
    left: 48%;
    width: 470px;
    margin-left: -235px;
}

.pageload .website_link {
    position: absolute;
    top: 437px;
    left: 50%;
    margin-left: -286px;
}

.pageload .website_link a {
    display: inline-block;
    width: 241px;
    height: 52px;
    line-height: 52px;
    float: left;
    background-color: rgba(108, 189, 101, 0.9);
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
}

.pageload .website_link a:hover {
    background-color: #6cbd65;
}

.pageload .website_link em {
    display: inline-block;
    width: 1px;
    height: 44px;
    background-color: #6cbd65;
    float: left;
    margin: 5px 45px 0;
}

#cnzz_stat_icon_1271298087 {
    position: relative;
    top: 3px;
    margin-left: 11px;
}