@charset "utf-8";
/* CSS Document */

.content .header p.title { font-family: "PlusJakartaSans-Medium", "微软雅黑"; }
/*顶部导航居右 */



#header .content { padding-left: 40px; padding-right: 40px; }
#header ul#nav { float: right; }
/*顶部导航背景默认色 */



#header { border-bottom: 1px solid transparent; background: rgba(255,255,255,0); }
/*顶部导航背景滚动颜色与阴影 */



#header.mini { background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }
/*顶部导航背景默认色IPAD */



.lowB #header { background: #FFF; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #03d522; }
#indexPage a.more { color: #03d522; border-color: #ececec; }
#indexPage a.more:hover { color: #fff; border-color: #03d522; text-indent: 130px; background: #03d522 }
#indexPage #mpartner .slider_control a:hover { background-color: #03d522 }
#contactform p .inputsub { background-color: #03d522; }
#contactform .inputtxt.active { border-color: #03d522 }
#pages a.active, #pages a:hover { background: #03d522; }
.bx-wrapper .bx-controls-direction a:hover { background-color: #03d522 }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { border: #03d522 1px solid; background-color: #03d522; }
.serviceitem:hover .title { color: #03d522; }
#header ul li.navitem a { color: #999; }
.serviceitem div p.description { width: 100%; margin-top: 10px; }
/*导航下拉菜单 */







#header ul li.navitem ul.subnav li a { padding: 14px 30px; width: 150px; height: 20px; line-height: 20px; background: rgba(255, 255, 255, 1); display: block; font-size: 12px; transition: all 0.2s ease-out 0s; color: #999; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
#header ul li.navitem ul.subnav li a:hover { text-indent: 10px; background: #f4f4f4; color: #6c6c6c; }
#header ul li.navitem ul.subnav { border-top: #03d522 3px solid; border-radius: 2px; }
#header ul li.navitem ul.subnav li { border-bottom: 1px solid #FFF; }
#indexPage #mslider ul li a div{ display:none;}
/*幻灯左右切换按钮 */



.bx-wrapper .bx-controls-direction a { background: rgba(0, 0, 0, 0.2); }
/*副标题 */



.content .header p.subtitle { color: #ADADAD; font-size: 14px; }
/*首页案例背景颜色 */



#indexPage #mproject { background-color: #FFF; }
#category a { line-height: 16px; height: 16px; padding: 8px 40px; color: #898989; border: 1px solid #fff; margin-right: auto; display: inline-block; border-radius: 20px; transition: all 0.3s ease-out 0s; }
#category a.active, #category a:hover { background: #fff; border-color: #fff; color: #03d522; }
.nobanner #header { background: #fff; }
/*链接颜色 */



.postbody a { color: #03d522; }
/*案例1180 */



#mproject { padding-bottom: 80px }
#projectlist, #projectmore { margin: 0 auto; width: 1180px ; overflow:hidden; position:relative}
#projectlist .projectitem { width: 280px; margin-right: 20px; margin-bottom: 80px; }
#projectlist .wrapper { margin-right: -20px }
#projectmore { background: #fff; border: 1px solid #dfdfdf; font-family: "PlusJakartaSans-Medium"; border-radius: 30px; color: #03d522; display: block; font-size: 20px; height: 58px; line-height: 58px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 360px; margin-top: 20px; }
#projectmore:hover { background: #03d522; border: 1px solid #03d522; width: 360px; height: 58px; line-height: 58px; text-indent: 0 }
/*首页背景不平铺 */



#indexPage .module { background-size: auto; }
/*首页背景不加透明蒙层 */



#indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask { background-color: rgba(255, 255, 255, 0); }
/*首页服务背景层 */



#indexPage #mservice { background-color: #f9fafc; }
/*首页BANNER 文字位置*/



#indexPage #mslider ul li div { margin: 0px 380px auto auto; width: 350px; height: 400px; padding-top: 252px; }
#indexPage #mslider ul li p.subtitle { font-size: 14px; height: 20px; transition-delay: 0.2s; color: #8a8a8c; text-align: left; }
#indexPage #mslider ul li p.title { font-size: 60px; line-height: 70px; height: 70px; font-family: "PlusJakartaSans-Medium"; text-align: left; }
#projectlist .projectitem .project_info p.title { font-size: 14px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 120px; color: #333; }
#projectlist .projectitem a:hover .project_info p.title { margin-top: 128px; color: #03d522; font-size: 14px }
#projectlist .projectitem .project_info p.subtitle { margin-top: 0px; color: #999; }
#projectlist .projectitem a:hover .project_info p.subtitle { margin-top: -16px; color: transparent; }
#projectlist .projectitem a:hover .project_info { background: transparent }
/*首页团队*/



#indexPage #mteam .header p.title { color: #03d522; font-size: 24px; text-align: left; margin: 70px auto auto; }
#indexPage #mteam .header p.subtitle { font-size: 12px; color: #4B4B4B; text-align: left; margin: 0px auto; }
#indexPage #mteam .description { color: #808080; overflow: hidden; text-align: left; line-height: 24px; height: 50px; font-size: 13px; margin: 0px auto; width: 490px; }
#indexPage #mteam { height: 500px; background-color: #292a2e; }
#indexPage #mteam .slider_control a i { color: #666; }
#indexPage #mteam .slider_control a:hover i { color: #03d522 }
#indexPage .module .bgmask { background-color: transparent; }
#indexPage a.more:hover i { text-indent: 18px; color: #fff; }
/*首页联系 */	



#contactform p { padding-top: 5px; }
#contactform p .inputtxt { border: medium none; margin-bottom: 5px; background: transparent; border-bottom: 1px solid rgba(255,255,255,.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#contactform p .inputtxt:hover { border-bottom: 1px solid #03D522; }
#contactform p .inputsub { background-color: #03d522; margin-top: 10px; padding: 8px 0px; }
#contactinfo p { color: #717171; }
#indexPage #mcontact { height: 600px; background-color: rgb(31, 31, 35); }
#newslist .newsdate { width: 180px; float: right; margin: 0px 0px 0px 160px; padding-left: 40px; border-left: 1px solid rgb(230, 230, 230); }
#newslist .newsinfo { margin-left: 40px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); }
#newslist .newstitem:hover { background: #03d522 }
#newslist .newsinfo .md { color: #03D522; font-size: 50px; text-align: left; }
#newslist .newsinfo .year { text-align: left; }
#newslist .newstitem i { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #ECE4E4; }

/*chrome */

::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar {width:8px;background-color:#00d420;}
::-webkit-scrollbar-thumb {width:8px;background-color:#00d420;}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#3d3d3d;}
.teamitem a div.wrap { background: #03d522; }
/*1转4*/



/*新首页开始*/



#indexPage .module .content { position: inherit; top: 0px; }
#indexPage #mslider .content { margin: 0; height: 700px; }
#indexPage #mservice { height: 520px; }
#indexPage #mservice .content { margin: 0; height: 340px; padding-bottom: 100px; }
#indexPage #mproject .content { margin: 0; }
#indexPage #mpage .content { margin: 0; height: auto; }
#indexPage #mteam .content { margin: 0; height: 600px; }
#indexPage #mnews .content { margin: 0; height: auto; }
#indexPage #mcontact .content { margin: 0; height: 600px }
#indexPage #mpartner .content { margin: 0; height: 200px; }
/*幻灯切换按钮*/

#indexPage #mslider .bx-wrapper .bx-pager { bottom: 20px; }
/*案例*/

#indexPage #mproject .content .header { padding-top: 80px; }
#mproject #category { display: block; }
#indexPage #mproject .content { margin-right: -20px; }
#indexPage #mproject .content .wrapper { width: 1200px; }
#indexPage #projectlist .projectitem { width: 280px; margin-right: 20px; margin-bottom: 80px; }
#indexPage #projectlist .projectitem .project_info p.title { font-size: 14px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 120px; color: #333; }
#indexPage #projectlist .projectitem .project_info p.subtitle { margin-top: 0px; color: #999; }
#indexPage #projectlist .projectitem a:hover .project_info p.title { margin-top: 128px; color: #03d522; font-size: 14px; }
#indexPage #projectlist .projectitem a:hover .project_info p.subtitle { margin-top: -16px; color: transparent; }
#indexPage #mproject a.more { font-family: "PlusJakartaSans-Medium", "微软雅黑"; }
/*服务*/

#indexPage #mservice .content .header { padding-top: 80px; }
#indexPage #servicelist .serviceitem { margin-right: 80px; }
#servicelist .serviceitem:hover .title { color: #03d522; }
#servicelist .serviceitem div p.description { color: #A5A5A5; }
/*团队*/

#indexPage #mteam .fw { width: 1060px; }
#mteam .content .summary { padding: 80px 0 50px; }
#indexPage #mteam .summary p { text-align: left; }
#indexPage #mteam .summary p.title { margin-top: 70px; font-size: 24px; }
#indexPage #mteam .summary p.title a { color: #03d522; }
#indexPage #mteam .header img { float: left; margin: 140px 50px 80px 330px; border-radius: 0px; }
#mteam .bx-wrapper .bx-controls-direction a.bx-prev { left: -72px }
#mteam .bx-wrapper .bx-controls-direction a.bx-next { right: -72px; }
#mteam .bx-wrapper .bx-controls-direction a { background: none; }
#mteam .bx-wrapper .bx-controls-direction a:hover { background: none; }
#mteam .bx-wrapper .bx-controls-direction a i { color: #666; font-size: 36px; }
#mteam .bx-wrapper .bx-controls-direction a:hover i { color: #03d522; }
/*关于*/

#mpage .content .header { padding-top: 80px; }
#indexPage #mpage .slider_wrapper li .fimg { height: 400px; }
/*新闻*/

#mnews .content .header { padding-top: 120px; padding-bottom: 80px; }
#indexPage #mnews .content .header { display: block; }
#newslist .newstitem .news_wrapper { position: inherit; }
#newslist .newstitem { height: 160px; position: relative }
#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { padding: inherit; }
#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding: inherit; }
#newslist .news_wrapper { background: none; border-bottom: rgba(0,0,0,0.05) 1px solid; }
#newslist .newstitem a.newscontent:hover .news_wrapper, #newslist .news_wrapper { width: 100%; }
#newslist .separator { display: none; }
#newslist .newsbody { width: auto; text-align: left; padding-top: 40px; position: relative; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); }
#newslist .newsbody .title { width: 460px; height: 20px; line-height: 20px; font-size: 16px; color: #464646; padding-right: 380px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
#newslist .newsbody .description {float: left; width: 530px; height: 42px; line-height: 22px; font-size: 12px; color: #9c9c9c; text-align: left; margin-top: 16px; overflow: hidden;  }
#newslist .newsbody .date { width: 180px; float: right; margin: 0px 0px 0px 160px; padding-left: 40px; border-left: 1px solid rgba(228, 228, 228, 0.5); font-family: "PlusJakartaSans-Medium", Arial; position: absolute; font-weight: 100; height: 70px; right: 0; }
#newslist .newsbody .md { color: #bdbdbd; font-size: 16px; display: block; position: absolute; top: 50px; }
#newslist .newsbody .md span { display: none; }
#newslist .newsbody .year { font-size: 50px; color: #03D522; text-align: left; display: block; position: absolute; top: -5px; }
#newslist .newstitem:hover .news_wrapper { background: #03d522 }
#newslist .newstitem:hover .md, #newslist .newstitem:hover .year, #newslist .newstitem:hover .description, #newslist .newstitem:hover .title { color: #fff; }
#newslist .newstitem:hover .newsbody { transform: translate3d(-50px, 0, 0); -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); }
#newslist .newstitem a.details { display: block; z-index: 2; position: absolute; top: 16px; width: 150px; left: 50%; margin-left: 405px; text-indent: -230px; overflow: hidden; height: 36px; line-height: 36px; border: none; }
#newslist .newstitem:hover a.details { text-indent: -220px; }
#newslist .newstitem a.details i { font-size: 36px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #ECE4E4; padding-left: 200px; }
#newslist .newstitem:hover a.details i { text-align: 40px; color: #fff; }
#newslist .newstitem a.details:hover { text-indent: -220px; }
#mnews a.more { display: block; margin-top: 50px; }
/*合作伙伴*/

#indexPage #mpartner .content .header { display: none; }
#indexPage #mpartner .module-content { padding: 60px 0; height: 80px; }
#indexPage #mpartner .wrapper { height: auto; }
#indexPage #mpartner .wrapper ul li { height: 80px; }
#indexPage #mpartner .wrapper ul li a { width: 112px; height: auto; margin-right: 10px; }
#indexPage #mpartner .bx-wrapper .bx-pager { display: none; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction { display: block; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled { display: block; }
#mpartner .bx-wrapper .bx-controls-direction a { background: none; }
#mpartner .bx-wrapper .bx-controls-direction a:hover { background: none; }
#indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; display: none; }
#indexPage #mpartner .bx-wrapper .bx-next { right: -58px; display: none; }
/*联系我们*/

#indexPage #mcontact .content .header { padding-top: 80px; }
#footer a path { fill: rgb(148, 148, 148); }
/*案例内页*/

.npagePage #projectlist .wrapper { width: 1200px; }
.npagePage #projectlist .projectitem { width: 280px; margin-right: 20px; margin-bottom: 80px; }
.npagePage #projectlist .projectitem .project_info p.title { font-size: 14px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 120px; color: #333; }
.npagePage #projectlist .projectitem .project_info p.subtitle { margin-top: 0px; color: #999; }
.npagePage #projectlist .projectitem a:hover .project_info p.title { margin-top: 128px; color: #03d522; font-size: 14px; }
.npagePage #projectlist .projectitem a:hover .project_info p.subtitle { margin-top: -16px; color: transparent; }
/*团队内页*/

.npagePage .teamitem .title a { color: #000; }
#shares a#gotop{ margin-top:0;}
#shares a#sshare{ display:none;}
#online_open{bottom: 160px;}
#indexPage .module {z-index: auto;}


#indexPage #mservice .wrapper{ width:auto; margin-right:-80px}
#servicelist .serviceitem a img{ width:320px;}
#servicelist .serviceitem{ width:320px; margin-right: 80px;}
#servicelist .wrap{margin-right:-80px}


/* 2019-09-10 yyq 4-5 */
/* 处理分类 */
.bodyindex #indexPage #category .more,
.bodyindex #indexPage #category a:first-child,
.bodylist #category .more {
    display: none;
}

.bodyindex #indexPage #category a.more {
    position: static;
    width: auto;
    height: auto;
    text-indent: 0;
    display: none;
    line-height: 16px;
    height: 16px;
    font-size: 13px;
    color: #7b7b7b;
    background-color: #EAEAEA;
    margin-left: 0;
    border: none;
}

/* 处理图片 */
#projectlist .projectitem .project_img,
#mservice .serviceitem .service_img,
#mteam .content_list li .header a,
#mpartner .content_list li .par_img,
#servicelist .serviceitem .service_img,
#teamlist .teamitem .teamimg,
#videomlist .videom_item .image,
#videomlist .videom_item .image {
    position: relative;
    display: block;
    overflow: hidden;
}
#projectlist .projectitem .project_img img,
#mservice .serviceitem .service_img img,
#mteam .content_list li .header a img,
#mpartner .content_list li .par_img img,
#servicelist .serviceitem .service_img img,
#teamlist .teamitem .teamimg img,
#videomlist .videom_item .image img,
#videomlist .videom_item .image img {
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#projectlist .projectitem .project_img {
    padding-top: 64%;
}
#mservice .serviceitem .service_img,
#servicelist .serviceitem .service_img {
    padding-top: 37.5%;
}
#mteam .content_list li .header a {
    padding-top: 17%;
    width: 180px;
    margin: 140px 50px 80px 330px;
    float: left;
}
#mpartner .content_list li .par_img {
    padding-top: 50%;
}
#teamlist .teamitem .teamimg {
    padding-top: 100%;
}
#videomlist .videom_item .image {
    padding-top: 69%;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
#indexPage #mservice .serviceitem:nth-child(n+3) {
    display: none;
}
#indexPage #mteam .header img {
    margin: 0;
}
.Pageteam #teamlist .teamitem a {
    height: 100%;
}
.module.mcounter.mm ul.content_list li p.number .counterDX {
    color: rgba(60, 60, 60, 1);
}
.module.mcounter.mm ul.content_list li {
    width: 33.333333%;
}
.module.mcounter.mm ul.content_list li:last-child {
    display: none;
}
.module.mcounter.mm ul.content_list li:first-child div {
    border: none;
}
.module.mcounter ul.content_list li div {
    border-left: rgba(0,0,0,.08) 1px solid;
    border-right: none;
}
.module.mcounter.mm ul.content_list {
    padding-top: 55px;
    padding-bottom: 55px;
}
.module.mcounter.mm {
    background: #fff;
}
#indexPage #mslider ul li p.title {
    text-align: inherit;
}
#indexPage #mslider ul li .description {
    display: table-cell;
}
#indexPage #mslider ul li div {
    height: auto;
    padding: 0;

}
#indexPage #mpartner .content,
#indexPage #mpartner .module-content,
#indexPage #mpartner .wrapper ul li {
    height: auto;
}
#indexPage #mpartner .wrapper ul li a {
    margin-bottom: 0;
}
.content_editor {
    padding-top: 81px;
}
/* 2019-09-10 yyq 4-5 */