@charset "utf-8";
/*3转4*/

/*新首页开始*/
.head_tt{padding-top:15px;}
.head_tt h5{font-size:16px;}


#indexPage .module .content { position: inherit; top: 0px; }
#indexPage #mslider .content { margin: 0; height: 750px; }
#indexPage #mservice { height: 750px; }
#indexPage #mservice .content { margin: 0; height: auto; padding-bottom: 100px; }
#indexPage #mproject .content { margin: 0; background: #f5f5f5; height: 100%; padding-bottom: 50px; }
#indexPage #mpage .content { margin: 0; height: 620px; }
#indexPage #mteam .content { margin: 0; height: 550px; }
#indexPage #mnews .content { margin: 0; height: 550px;margin-bottom:15px; }
#indexPage #mcontact .content { margin: 0; }
#indexPage #mpartner .content { margin: 0; height: 300px; }
/*首页头部导航*/





#header { background: #fff; padding-top: 10px;}
#header #logo { margin-left: 0; margin-top: 10px; }
#header .content { padding: 0px;width:100%;float:left}
#header ul#nav { }
#header ul li.navitem { transition: all 0.4s ease-out 0s; padding: 10px 26px; }
#header ul li.navitem a { color: #fff; display:block; }

#header.mini { background-color: rgba(255,255,255,1); padding-top: 0px; border-bottom: 1px solid #f3f3f3; }
#header ul li.navitem ul.subnav { width: 192px; background: #fff; border: 0; box-shadow: 0 6px 10px rgba(0, 0, 0, .1); }
#header ul li.navitem ul.subnav li { border-bottom: 1px solid rgba(0,0,0,.08); }
#header ul li.navitem ul.subnav li a { text-align: center; color: #666; width: 100%; padding: 14px 0; background: none; }
#header ul li.navitem ul.subnav li a i { display: none; }
#header ul li.navitem ul.subnav li a:hover { background: #fff; color: #000; text-indent: inherit; }
#header ul li.navitem ul.subnav li a:hover::after, #header ul li.navitem ul.subnav li a:after { display: none; }
#header ul li.navitem ul.subnav li a:hover { background-color: #f5f5f5; }
#header .content:first-of-type{
    padding-bottom:25px;
}
#header .content:last-of-type{
    background: #1e50ae;
}
#header .content .ulnav{
    width:1200px;
    margin:0 auto;
}
#header .content .ulnav img.lxtop{
    margin-top:10px;
    float:right;
}
#header .content ul{
    width:1200px;
    margin:0 auto;
}
#header ul li.navitem{
    padding:0;
    line-height:50px;
}
#header ul li.navitem a{
    padding: 0 94px;
    font-size:14px;
}
#header ul li.navitem a:hover{
    background: #55a2fc;
    color:#fff;
}
/*内页头部导航*/















.nobanner #header { border-bottom: 1px solid #f3f3f3 }
/*幻灯*/















#mslider .bx-wrapper .bx-controls-direction { display: none; }
#indexPage #mslider ul li div { display: none; }
#indexPage #mslider .bx-wrapper .bx-pager { bottom: 2px; }
#mslider .bx-wrapper .bx-pager-item { width: 6px; height: 6px; background: rgba(0,0,0,.3); margin-bottom: 20px; border-radius: 4px; position: relative; cursor: pointer; margin-left: 18px; }
#mslider .bx-wrapper .bx-pager.bx-default-pager a { width: 16px; height: 16px; display: block; position: absolute; top: -5px; left: -10px; border-radius: 8px; border: 0; background: rgba(0, 0, 0, 0.21); opacity: 0; }
#mslider .bx-wrapper .bx-pager.bx-default-pager a.active { opacity: 1; }
#mslider .bx-wrapper .bx-pager.bx-default-pager a.active:after { content: ''; height: 6px; width: 6px; background: #fff; display: block; position: absolute; top: 5px; left: 5px; border-radius: 10px; }

#indexPage #mservice #servicelist { padding-top:20px; }
/*内页服务*/


#servicelist { width: 1199px; overflow: hidden; padding-top: 70px; }
#servicelist .serviceitem a img { width: 360px; height: 200px; margin-left: 20px; overflow: hidden; transition: all 0.3s ease-out 0s }
#servicelist .serviceitem { width: 399px; float: left; border-right: 1px solid rgba(0,0,0,.06); min-height: 460px; margin-bottom: 60px; padding-bottom: 20px; margin: 0; }
#servicelist .serviceitem div p { padding: 0 30px; }
#servicelist .serviceitem div { position: relative; margin: 0; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; margin-bottom: 60px; }
#servicelist .serviceitem a { height: 345px; margin-bottom: 60px; }
#servicelist .serviceitem div:after { position: absolute; content: ""; left: 50%; width: 35px; height: 1px; background: rgba(0,0,0,.15); margin-left: -17px; top: 52px; transition: all 0.3s ease-out 0s; }
#servicelist .serviceitem div p.title { font-size: 18px; margin-top: 20px; }
#servicelist .serviceitem div p.description { width: auto; margin-top: 30px; }
#servicelist .serviceitem:hover a img { margin-top: -10px; }
#servicelist .serviceitem:hover div { margin-top: 0px; }
#servicelist .serviceitem:hover p.title { color: #444; }
#servicelist .serviceitem:hover div:after { background: #9B9B9B }
#sitecontent .serviceitem a.details { width: 35px; height: 35px; text-align: center; display: block; border-radius: 0; border: 1px solid transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; margin: 0 auto; overflow: hidden; position: relative; }


#sitecontent .serviceitem a.details:after { content: ''; width: 15px; height: 9px; background: url(../images/icon.png) no-repeat -110px -11px; display: block; margin: 13px 0 0 11px; position: absolute; top: 0px; left: 0px; }
#servicelist .serviceitem:hover .details { margin-top: -15px; border-color: #b6b6b6; text-indent: 130px; }
#servicelist .serviceitem .details:hover { border: 1px solid transparent; text-align: inherit; }
/*案例*/















#indexPage #mproject .content .header { padding-top: 60px; padding-bottom: 40px; }
#indexPage #mproject #projectlist { width: 1200px; margin: 0 auto; }
#indexPage #mproject .content .wrapper { width: 1200px; }
#indexPage #mproject .content .wrapper ul{width:100%; display:flex; justify-content: space-between;flex-wrap: wrap}

#indexPage #mproject #projectlist .projectitem { width: 32%; margin-bottom: 25px; height: auto; background: none; transition: all .3s ease-out 0s; position:relative; overflow:hidden; }
#indexPage #mproject #projectlist .projectitem:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
#projectlist .projectitem a:hover .project_info { background: none }
#projectlist .projectitem a:hover img { transform: scale(1.1, 1.1); }
#indexPage #mproject #projectlist .projectitem a .project_info div { height: 70px; border-top: 1px solid rgba(0,0,0,.08); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; bottom: 0px; top: auto; width: 100%; background: #1e50ae; }
#indexPage #mproject #projectlist .projectitem a .project_info p { width: auto; text-align: left; }
#indexPage #mproject #projectlist .projectitem a .project_info .title { font-size: 16px; color: #fff; white-space: nowrap; text-overflow: ellipsis; height: 28px; line-height: 40px; margin: 0px; padding: 10px 70px 0px 30px;text-align:center; }
#indexPage #mproject #projectlist .projectitem a .project_info .subtitle { color: #fff; display: block; height: 20px; line-height: 20px; overflow: hidden; margin: 0px; padding: 0px 70px 0px 30px; }
#indexPage #mproject #projectlist .projectitem a img { }
#indexPage #mproject #projectlist .projectitem a .project_info div:after { content: ''; width: 37px; height: 20px; display: block; position: absolute; top: 50%; right: 30px; background: transparent url(../images/icon.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top: -10px; border-left: 1px solid rgba(0,0,0,0); }
#indexPage #mproject #projectlist .projectitem:hover a .project_info div { padding: 10px 0; }
#indexPage #mproject #projectlist .projectitem:hover a .project_info div:after { background: url(../images/icon.png) no-repeat 16px -66px; border-left: 1px solid #fff; }
#indexPage #mproject a.more { animation-name: fadeInRight; animation-delay: 0.3s; }
/*内页案例*/
#indexPage #mproject #projectlist .projectitem .project_img{
    margin-bottom: 11px;
}
ul.content_list:after{
    display:none;
}














#projectlist { text-align: center; }
.npagePage #projectlist .wrapper { text-align: center; }
#sitecontent .npagePage #projectlist .projectitem { width: 440px; margin: 0 15px 25px 0; height: auto; background: none; display: inline-block; float: none; transition: all 0.3s ease-out 0s; }
#projectlist .projectitem a:hover .project_info { background: none }
.npagePage #projectlist .projectitem a .project_info div { height: 60px; border-top: 1px solid rgba(0,0,0,.08); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; bottom: 0px; top: auto; width: 100%; background: #1e50ae; }
.npagePage #projectlist .projectitem a .project_info p { width: auto; text-align: left; }
.npagePage #projectlist .projectitem a .project_info .title { font-size: 16px; color: #fff; text-align:center; white-space: nowrap; text-overflow: ellipsis; height: 28px; line-height: 50px; margin: 0px; padding: 5px 70px 0px 30px; }
.npagePage #projectlist .projectitem a .project_info .subtitle { color: #fff; display: block; height: 20px; line-height: 20px; overflow: hidden; margin: 0px; padding: 0px 70px 0px 30px; }
.npagePage #projectlist .projectitem a .project_info div:after { content: ''; width: 37px; height: 20px; display: block; position: absolute; top: 50%; right: 30px; background: transparent url(../images/icon.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top: -10px; }
.npagePage #projectlist .projectitem:hover a .project_info div { padding: 10px 0; }
.npagePage #projectlist .projectitem:hover a .project_info div:after { background: url(../images/icon.png) no-repeat 16px -66px; border-left: 1px solid #fff; }
#projectlist .projectitem a:hover .project_info p.title { color: #fff; }
#sitecontent .npagePage #projectlist .projectitem:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.npagePage #plheader, .Pageservice .header, .Pageteam .header, .Pagenews .header { display: none; }
.npagePage #category { text-align: left; margin-top: 26px; margin-left: 30px; padding-bottom: 15px; }
.npagePage #category a { border: 0px; background: none; color: #666; font-size: 13px; position: relative; }
.npagePage #category a.active { color: #333 }
.npagePage #category a.active:after { content: ''; width: 25px; height: 1px; background: #AAA; transition: all 0.3s ease-out 0s; position: absolute; padding-left: 10px; z-index: 1; top: 25px; left: 16px }
/*more效果*/















#indexPage #mproject a.more, #indexPage #mnews a.more { width: 150px; height: 45px; border-bottom: 1px solid rgba(0,0,0,0); border-top: 1px solid rgba(0,0,0,0); position: relative; border: 0px; border-radius: 0px; text-indent: -9999px; }
#indexPage #mproject a.more { margin-top: 60px; }
#indexPage #mproject a.more i, #indexPage #mnews a.more i { width: 34px; height: 14px; display: block; background: url(../images/icon.png) no-repeat 0 -22px; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -17px; z-index: 3 }
#indexPage #mproject a.more i.fa-angle-right:before, #indexPage #mnews a.more i.fa-angle-right:before { display: none; }
#indexPage #mproject a.more:before, #indexPage #mnews a.more:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; z-index: 1; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid rgba(0,0,0,.4); border-top: 1px solid rgba(0,0,0,.4); -webkit-transform: scale(0.1, 1); transform: scale(0.1, 1); display: block; }
#indexPage #mproject a.more:after, #indexPage #mnews a.more:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); background-color: rgba(0,0,0,.6); opacity: 1; }
#indexPage #mproject a.more:hover, #indexPage #mnews a.more:hover { background: transparent; border: inherit; }
#indexPage #mproject a.more:hover::before, #indexPage #mnews a.more:hover::before { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
#indexPage #mproject a.more:hover::after, #indexPage #mnews a.more:hover::after { webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1); opacity: 0; }
#indexPage #mproject a.more:hover i, #indexPage #mnews a.more:hover i { background: url(../images/icon.png) no-repeat 0 -38px; }
/*关于*/















#indexPage #mpage.module.bgShow .bgmask { display: none; }
#mpage .module-content .header { padding-top: 30px; padding-bottom: 30px; }
#mpage .content .header p.title, #mpage .content .header p.subtitle, #mpage .content p.description { color: #fff; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; line-height:33px;}
#indexPage #mpage a.more { width: 40px; height: 18px; overflow: hidden; border-radius: 0; border: 0px; background: url(../images/icon.png) no-repeat 0 -20px; }
#indexPage #mpage a.more:hover { background: url(../images/icon.png) no-repeat 0 -34px; }
.module-content .description { width: 850px; }
/*新闻*/















#indexPage #mnews .content .header { display: block; padding: 30px 0 30px; }
#newslist .newstitem.left a.newscontent, #newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent, #newslist .newstitem.right a.newscontent:hover { padding: 0px; }
#newslist .newstitem .newsimg { display: none; }
#newslist .newstitem { float: left; width: 560px; height: 130px; margin: 0 5px 20px 25px; margin-bottom: 0;border-bottom: 1px solid #eee;background: rgba(255,255,255,0.8);}
#newslist .news_wrapper, #newslist .newstitem a.newscontent:hover .news_wrapper { width: 100%; }
#mnews #newslist { width: 1200px;padding-bottom：20px;}
#newslist .newsbody { width: 100%; position: relative; max-width: 100%; height: 100%; }
#newslist .newsbody:after { content: ''; width: 25px; height: 10px; background: url(../images/icon.png) no-repeat 0 -71px; position: absolute; left: 100px; bottom: 44px; opacity: 0; transition: all 0.3s ease-out 0s }
#newslist .newsbody .title { width: 375px; height: 54px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size: 16px; color: #575757; line-height: 32px; text-align: left; position: absolute; top: 15px; right: 50px; text-indent: 0px; }
#newslist .separator { display: none; }
#newslist .newsbody .description { width: 375px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all 0.3s ease-out 0s; margin-top: 0; color: #999; line-height: 26px; text-align: left; position: absolute; top: 58px; right: 50px }
#newslist .newsbody .date { width: 70px; height: 88px; background: transparent; position: relative; top: 12px; left: 0px; padding: 20px 30px 0 40px; font-weight: 100; text-align: left; }
#newslist .newsbody .date:after { content: ''; width: 35px; height: 1px; background: rgba(0,0,0,.25); display: block; position: relative; top: -25px; left: -40px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist .newsbody .date .md { color: #adadad; position: relative; top: 40px; transition: all 0.3s ease-out 0s; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; display: block; line-height: 20px; width: 100%; }
#newslist .newsbody .date .md span { display: none; }
#newslist .newsbody .date .year { font-size: 22px; float: left; color: #696969; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; display: block; line-height: 46px; position: relative; top: -20px; width: 100%; }
#newslist li.newstitem:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.06); transition: all .3s ease-out 0s; }
#newslist li.newstitem:hover .date:after { left: 85px; }
#newslist li.newstitem:hover .newsbody .title { text-indent: 36px; }
#newslist li.newstitem:hover .newsbody .description { top: 38px; }
#newslist li.newstitem:hover .newsbody:after { opacity: 1; bottom: 25px; left: 135px; }
#mnews a.more { display: block; margin-bottom: 80px; }
#indexPage #mnews a.more { animation-name: fadeInRight; animation-delay: 0.3s; }
/*内页新闻*/
#indexPage #mnews .content .header p.subtitle{
    color:#c1c1c1;
}




.Pagenews .content { text-align: center; }
.Pagenews #category { width: 1200px; margin-left: 0px; display: inline-block; margin-top: 52px; }
.Pagenews #category a.active:after { top: 1px; }
.Pagenews #newslist { width: 1200px; margin: 0 auto; }
.Pagenews #newslist .newstitem {  margin: 0;width:100%; border-top: 1px solid rgba(0,0,0,.06); border-bottom: none;}
.Pagenews #newslist .newstitem:first-of-type{border-top:none;}
.Pagenews #newslist .wrapper .news_wrapper { width: 600px; float: left; position: inherit; }
.Pagenews #newslist .newstitem .newsimg { display: block; float: right; position: inherit; width: 200px; height: 130px; margin: 32px 15px 32px; }
.Pagenews #newslist .news_wrapper, .Pagenews #newslist .newstitem a.newscontent:hover .news_wrapper { width: 600px; }
.Pagenews #newslist .newsbody .date { padding: 20px 70px 0 0px; }
.Pagenews #newslist .newsbody .date .year { color: #999; top: -14px; }
.Pagenews #newslist .newsbody .date .md { display: none; }
.Pagenews #newslist .newsbody .date:after { left: 90px; top: 8px; }
.Pagenews #newslist .newsbody .title { left: 155px; width: 500px; margin-top: -10px; line-height: 24px; height: 24px;top:36px; }
.Pagenews #newslist .newsbody .description { left: 155px; width: 500px; top: 65px; margin-top: -12px; height: 52px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Pagenews #newslist .newstitem:hover .newsbody .title, .Pagenews #newslist .newstitem:hover .newsbody .description { left: 175px }
.Pagenews #newslist .newstitem:hover .newsbody .date:after { width: 60px; background: #7D7D7D; }
.Pagenews #newslist .newstitem:hover .title { color: #333 }
.Pagenews #newslist .newstitem:hover .date .year { color: #333; }
.Pagenews #newslist .newstitem a.details { width: 35px; height: 35px; text-align: center; margin: 0 auto; overflow: hidden;  margin: 0px; top: -68px; z-index: 3; top: -96px; left: 0px; }
.Pagenews #newslist .newstitem a.details:after { content: ''; width: 15px; height: 9px; ; display: block; margin: 13px 0 0 11px; position: absolute; top: 0px; left: 0px; }
.Pagenews #newslist .newstitem:hover .details {  text-indent: 130px;  }
@media only screen and (max-width:415px) and (min-width:320px){
    .Pagenews #newslist .newstitem:hover .details { border:none;background:none; }
}
.Pagenews #newslist .newstitem:hover .details:after { background: url(../images/icon.png) no-repeat 0px -71px; }
.Pagenews #newslist .newstitem .details:hover { border: 1px solid transparent; text-align: inherit; }
/*内页团队*/















#teamlist { width: 1200px; padding-top: 100px; }
#teamlist .teamitem .wrap { display: none; }
#teamlist .teamitem { width: 560px; height: 260px; border-top: 1px solid rgba(0,0,0,.06); border-bottom: 1px solid rgba(0,0,0,0); margin: 0 40px 20px 0; transition: all 0.3s ease-out 0s; }
#teamlist .teamitem a { float: left; width: 180px; height: 160px; overflow: hidden; transition: all 0.3s ease-out 0s; }
#teamlist .teamitem a img { width: 100%; height: 100%; }
#teamlist .teamitem .teaminfo { float: right; width: 308px; height: 140px; transition: all .6s cubic-bezier(.215, .61, .355, 1); padding: 30px 15px 10px; margin: 0px; text-align: left; }
#teamlist .teamitem .title a { float: none; color: #333; }
#teamlist .teamitem .title { display: inline-block; padding-right: 12px; }
#teamlist .teamitem .subtitle { display: inline-block; max-width: 202px; font-size: 13px; color: #999; }
#teamlist .teamitem .description { font-size: 13px; line-height: 26px; height: 52px; overflow: hidden; color: #757575; }
#teamlist .teamitem a.details { display: block; border-radius: 0px; width: 37px; height: 20px; text-indent: -9999px; position: relative; border: none; border-left: 1px solid #dfdfdf; left: 328px; top: -4px; transition: all 0.3s ease-out 0s; opacity: 0 }
#teamlist .teamitem a.details:after { content: ''; width: 37px; height: 20px; display: block; position: absolute; top: 0px; left: 0px; background: transparent url(../images/icon.png) no-repeat -20px -66px; transition: all 0.3s ease-out 0s; }
#teamlist .teamitem:hover { border-top: 1px solid #A1A1A1; }
#teamlist .teamitem:hover a { margin-top: 20px; }
#teamlist .teamitem:hover .teaminfo { padding-top: 40px; }
#teamlist .teamitem:hover a.details { opacity: 1; margin-top: 48px; }
/*合作伙伴*/















#indexPage #mpartner .content .header { padding-top:50px;padding-bottom:0; }
#indexPage #mpartner .module-content { padding: 60px 0; height: 80px; }
#indexPage #mpartner .wrapper { height: auto; }
#indexPage #mpartner .wrapper ul li { height: 60px; padding-top: 20px; }
#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 i { color: #c3c6ca; }
#mpartner .bx-wrapper .bx-controls-direction a:hover { background: #5d5d5d; }
#mpartner .bx-wrapper .bx-controls-direction a:hover i { color: #fff; }
#indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; }
#indexPage #mpartner .bx-wrapper .bx-next { right: -58px; }
/*联系*/














.footer_content{margin-left:15px;}
#mcontact { background-color: #f3f3f3 }
#mcontact .content { width: 1200px; margin: 0 auto; padding: 30px 0 20px;; height: auto; }
#mcontact .content:after { content: ''; display: block; clear: both; }
#mcontact .content .header { width: 480px; float: left; }
#mcontact .content .header p.title { color: #666; text-align: left; }
#mcontact .content .header .subtitle { text-align: left; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; }
#mcontact .content #contactlist { width: 720px; float: left; }
#mcontact .content #contactform { display: none; }
#mcontact .content #contactinfo { width: 720px; float: left; position: relative; }
#mcontact .content #contactinfo p { float: left; width: 290px; padding-right: 60px; margin-top: 14px; height: auto; color: #666; font-size: 12px; line-height: inherit; }
#mcontact .content #contactinfo h3 { color: #9c9c9c; }
#mcontact #contactinfo div { position: absolute; top: 35px; left: -250px; }

#mcontact #contactinfo div a {color: #9b9b9b; font-size: 16px;width:34px;height:34px;border-radius: 0; }
#mcontact #contactinfo div a.weibo{
    background:url(../images/shareicon.png) no-repeat;
}
#mcontact #contactinfo div a.qq{
    background:url(../images/shareicon.png) no-repeat -34px top;
}
#mcontact #contactinfo div a.wechat{
    background:url(../images/shareicon.png) no-repeat -68px top;
}
#mcontact #contactinfo div a:hover {
    background-color: #737373;
    background-position-y: -34px;
    border-radius: 5px;
}
/*footer*/















#indexPage .module.bgShow .bgmask { display: none; }
#footer {float: left}
#footer a path { fill: rgb(148, 148, 148); }
#footer p { width: 1200px; margin: 0 auto; height: auto; line-height: 26px; padding: 0; text-align: left; padding-left:25px;}
#footer p a { width:auto; color:#fff;}

#footer p span{
    margin-right:10px;
}
/*内页banner*/

#pages{padding: 4px 0 80px;}
#pages a.active, #pages a:hover {background-color: #545454;}

.npagePage #banner div img{
    float: none;
    width:100%;
    vertical-align:middle;
}
.npagePage #banner, .npagePage #banner div {  position: inherit; text-align: center; background: #fff;}
#projectitem_0 { animation-name: fadeInUp; animation-delay: 0.1s; }
#projectitem_1 { animation-name: fadeInUp; animation-delay: 0.2s; }
#projectitem_2 { animation-name: fadeInUp; animation-delay: 0.3s; }
#projectitem_3 { animation-name: fadeInUp; animation-delay: 0.1s; }
#projectitem_4 { animation-name: fadeInUp; animation-delay: 0.2s; }
#projectitem_5 { animation-name: fadeInUp; animation-delay: 0.3s; }
#projectitem_6 { animation-name: fadeInUp; animation-delay: 0.1s; }
#projectitem_7 { animation-name: fadeInUp; animation-delay: 0.2s; }
#projectitem_8 { animation-name: fadeInUp; animation-delay: 0.3s; }
#projectitem_9 { animation-name: fadeInUp; animation-delay: 0.1s; }
#projectitem_10 { animation-name: fadeInUp; animation-delay: 0.2s; }
#projectitem_11 { animation-name: fadeInUp; animation-delay: 0.3s; }
#newsitem_0 { animation-name: fadeInUp; animation-delay: 0.1s; }
#newsitem_1 { animation-name: fadeInUp; animation-delay: 0.2s; }
#newsitem_2 { animation-name: fadeInUp; animation-delay: 0.1s; }
#newsitem_3 { animation-name: fadeInUp; animation-delay: 0.2s; }
#newsitem_4 { animation-name: fadeInUp; animation-delay: 0.1s; }
#newsitem_5 { animation-name: fadeInUp; animation-delay: 0.2s; }
#mpage .module-content .description { animation-delay: 0.1s; animation-name: fadeInLeft; }
#mpage .module-content .fimg { animation-delay: 0.3s; animation-name: fadeInRight; }
#indexPage .module { z-index: auto; }
/*首页团队*/







#indexPage #mteam { background: #424242 }
#indexPage #mteam .content .fw { width: 700px; padding-top: 220px; height: 100%; position: relative; }
#indexPage #mteam .content .fw:after { content: ''; display: block; width: 1px; background: rgba(255,255,255,.1); height: 100%; position: absolute; top: 0px; left: 180px; }
#indexPage #mteam .content_list .header { float: left; }
#indexPage #mteam .content_list .header img { border-radius: 0px; margin: 0; }
#indexPage #mteam .content_list .header a { width: 180px; height: 160px; margin-left: 22px; border-radius: 0; display: block; margin: 0px auto; overflow: hidden }
#indexPage #mteam .summary { float: left; margin-left: 50px; height: 160px }
#indexPage #mteam .summary p { text-align: left; }
#indexPage #mteam .content_list .summary .title { text-align: left; padding: 0 7px 25px 0; line-height: 24px; border-bottom: 1px solid rgba(234, 234, 234,.2); margin-top: 22px; }
#indexPage #mteam .summary p.title a { color: #fff; }
#indexPage #mteam .content_list .summary .subtitle { display: none; }
#indexPage #mteam .content_list .summary .description { width: 340px; margin-top: 24px; }
#indexPage #mteam .bx-wrapper .bx-controls-direction { display: none; }
#indexPage #mteam .bx-pager { display: block; left: -224px; top: 65px; }
#indexPage #mteam .bx-wrapper .bx-pager-item { width: 20px; height: 1px; background: rgba(255, 255, 255, .3); position: relative; display: block; margin: 10px 0; }
#indexPage #mteam .bx-wrapper .bx-pager-item a { position: absolute; top: -4px; margin: 0px; width: 20px; border-radius: 0px; border: 1px solid transparent; background: none; }
#indexPage #mteam .bx-wrapper .bx-pager-item a:after { content: ''; width: 100%; height: 1px; background: #fff; display: block; position: relative; top: 3px; transition: all 0.3s ease-out 0s; opacity: 0; }
#indexPage #mteam .bx-wrapper .bx-pager-item a.active:after, #indexPage #mteam .bx-wrapper .bx-pager-item a:hover::after { width: 40px; height: 1px; background: #fff; opacity: 1; }
/*分享块*/



#shares { right: 0 }
#shares a#sshare { display: none; }
#shares { height: 140px; }
#shares a { width: 40px; height: 40px; }
#shares a i { margin-top: 13px; }
#shares a i.fa-weixin { margin: 12px 0 0 15px; }
#shares a#gotop { margin-top: 0 }
#shares a#gotop i { margin-top: 14px; }
#online_open { width: 40px; height: 40px; bottom: 180px; margin-right: -10px; background: #4d4d4d; transition: 0.3s;}
#online_open i { margin-top: 11px; }
#olx_head { background: #4D4D4D; border-radius: 0px; }
#olx_qq li a:hover i { color: #fff; background: #565656; }
#online_lx { border-radius: 0px; margin-right: -10px; bottom: 180px; transition: 0.6s;}
#olx_qq li a i {
    width:16px;
    height:16px;
    transition: all 0.3s ease-out 0s;
}
#olx_qq li a i.fa-qq{
    background:url(../images/shareicon1.png) no-repeat;
}
#olx_qq li a:hover i.fa-qq{
    background-position-y: -16px;
}
#olx_tel div i.fa-phone{
    width:16px;
    height:16px;
    background:url(../images/shareicon1.png) no-repeat -16px top;
}

#sweibo i{
    width:16px;
    height:16px;
    background:url(../images/shareicon1.png) no-repeat -48px -16px;
}
#sweixin i{
    width:16px;
    height:16px;
    background:url(../images/shareicon1.png) no-repeat -32px -16px!important;
    margin-left:0!important;
}
#shares a#gotop i{
    width:22px;
    height:16px;
    background: url(../images/totop.png) no-repeat;
}

/*二级产品列表*/

.npagePage #projectlist { text-align: left; }
#category li.hasmore div ul { text-align: left; padding-left: 30px; padding-top: 10px; }
#category li.hasmore div ul a { color: #999; }
#category li.hasmore div ul a:hover { background: transparent; color: #666; }
#sitecontent { padding-top: 136px; }
/*二级页面关于*/



#page_none .content .header { display: none; }
#page_none.Pageyemian .fw.postbody { width: 1200px; padding: 70px 0 126px 0; }
.postbody { padding-top: 70px; }
/*三级页面--新闻*/



.newsl .content .header { padding: 0; padding-top: 30px; padding-bottom:13px; border-bottom:1px solid #eee; }
.Pagenews #newslist { padding: 2px 0 60px; }
.newsl .content .header p.title { width: 800px; font-size: 18px; color: #333; padding-bottom: 6px; margin: 0 auto; text-align: center; }
.newsl .content .header p.subtitle { width: 320px; margin: 0 auto; color: #999; height: 18px; line-height: 18px; font-size: 12px;}
.newsl .postbody { width: 974px; padding: 36px 14px 0 12px; border-top: 1px dotted rgba(0,0,0,.2); margin-top: 30px; }

#sitecontent .newsl .pagefw{border-top:none;}
/*三级页面--团队*/



#teampost #teambody { margin-left: 470px; }
#teampost { position: relative; padding: 130px 0 15%; width: 1100px; }
#teampost:after { content: ''; display: block; width: 1px; height: 100%; padding-top: 80px; background-color: #e6e6e6; position: absolute; top: -80px; left: 408px; }
#teambody .theader .title { font-size: 20px; display: block; height: 34px; color: #333; position: relative; }
#teambody .theader .postbody { padding-top: 0; margin-top: 30px; }
#teambody .theader p.title:after { content: ''; width: 48px; height: 1px; background: #e6e6e6; position: absolute; top: 14px; left: -62px; }
.nobanner .npagePage { padding-top: 0px; }
.fw.postbody { width: 1200px; padding-top: 50px; padding-bottom: 60px; }
.npagePage.default .content .header { padding: 0; padding-top: 20px; }
.npagePage.default .header p.title { font-size: 18px; color: #444; text-align: center; padding: 30px 50px; margin-bottom: 30px; margin: 0 auto; }
.npagePage.default .content .header:after { content: ''; width: 30px; height: 1px; display: block; background: rgba(0,0,0,.15); margin: 0 auto; margin-top: -15px; }
/*三级页面--产品*/



#npagePage.npagePage { padding-top: 0px; }
#npagePage.npagePage #pageswitch { display: none; width: 76%; }
#projectwrap { width: 1200px; padding-top: 0px; margin-bottom: 30px; }
#projectbody { width: 100%; background: #f5f5f5; padding: 10px 0 10px; }
#projectbody .postbody { padding: 20px; }
#projectimages { background: #f5f5f5; margin-top:1px;float: left;width:100%;padding:0 1%;box-sizing: border-box}
#projectimages img{
    float: none;
    max-width: 100%;
}
#projectimages p{
    display:block;
    padding:5px 5px;
    float: left;
    width:100%;
    box-sizing:border-box;
}
#projectinfo { width:50%; float: right; margin: 0; }
#projectshow { width: 100%; float: left; margin: 0; }
#projectinfo .header { float: left; width: auto; z-index: 10; position: relative; margin-left: 0px; padding-right: 8%; padding-left: 10px; border-color: transparent; }
#projectinfo .header p { font-size: 20px; color: #333; margin-bottom: 15px; }
#projectinfo .header p.subtitle { color: #B9B9B9; text-align: left; font-size: 16px; margin-bottom: 5px; }
#projectinfo .header p.subtitle_td{
    margin-bottom: 5px;
    font-size: 16px;
    color: #686868;
    margin-top:15px;
}
#projectinfo .header p.contactbtn{
    display:block;
}
#projectinfo .header .description { margin: 0px; }
#projecttags a { padding: 5px 15px; border-radius: 0; background: #28489f; color: #fff; transition: all 0.3s ease-out 0s; float: none;display:inline-block; }
#projecttags a:hover { background: #565656; transition: all 0.3s ease-out 0s; color: #fff; }
#projectib .projectitem { border-bottom: 1px solid rgba(0,0,0,0); padding-bottom: 10px; overflow: hidden; width: 140px; }
#projectib .projectitem a .project_info p.title { font-size: 14px; line-height: 24px; display: block; margin-top: 10px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #686868;text-align:center; }
#projectib .projectitem img { transition: all 0.3s ease-out 0s; }
#projectib .projectitem a .project_info p.subtitle { color: #aaa; font-size: 13px; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#projectib .projectitem a .project_info { height: auto; }
#pageswitch a.next:after { content: ''; width: 35px; height: 38px; border: 1px solid rgba(255,255,255,.1); display: block; background: url(../images/icon-img09.png) no-repeat -4px 0px; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; position: absolute; top: 50%; margin-top: -18px; right: 44px; }
#pageswitch a.prev:after { content: ''; width: 35px; height: 38px; border: 1px solid rgba(255,255,255,.1); display: block; background: url(../images/icon-img09.png) no-repeat -43px 0px; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; position: absolute; top: 50%; margin-top: -18px; left: 44px; }
#pageswitch .prev div { margin-left: 100px; }
#pageswitch .next div { margin-right: 100px; }
#pageswitch a.next:hover::after { background: url(../images/icon-img09.png) no-repeat -4px -41px; }
#pageswitch a.prev:hover::after { background: url(../images/icon-img09.png) no-repeat -43px -41px; }
#projectib .projectitem:hover a .project_info p.title { color: #1e50ae; }
#projectib .projectitem:hover { border-bottom: 1px solid #1e50ae; }
#pageswitch a .title { font-size: 16px; color: #595959; width: 440px; height: 26px; overflow: hidden; line-height: 26px; transition: all .3s ease-out 0s; font-weight: 300; margin-top: 5px; }
#pageswitch a .subtitle { top: 58px; left: 100px; color: #999; opacity: .5; filter: alpha(opacity=50); height: 16px; line-height: 16px; overflow: hidden; text-align: left; }
#pageswitch a { padding: 30px 0 10px 0; height: 72px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#pageswitch a.prev { float:left;}
#pageswitch a.next { float:right;}
#pageswitch a.next .title { width: 100%; text-align: right; }
#pageswitch a.next .subtitle { text-align: right; }
#pageswitch a:hover { background: #414141; }
#pageswitch a:hover .title { color: #fff; }
#pageswitch a:hover .subtitle { color: #fff; }
#projectimages li { margin: 20px 0; padding: 0 20px; }







#indexPage #servicelist .serviceitem:last-child,#indexPage #servicelist .serviceitem:nth-child(3n) { border-right:none;}
#indexPage #mservice a.more { display:none;}

#indexPage #mservice .content > .header { padding-top:80px;}

#indexPage #mservice .serviceitem a.details { margin-top:-15px;}
#indexPage #mservice #servicelist .serviceitem:hover .details { margin-top:-35px;}

.npagePage #projectlist .wrapper{ width:1200px; margin:0 auto;}
.npagePage #projectlist .wrapper .content_list{ width:100%; margin:0 auto;}
.npagePage #projectlist{ padding:25px 0;background:#f5f5f5;min-height: 655px;float:left;width:100%;}
.npagePage #projectlist .projectitem{width: 31% !important;}
.postbody a {color: #565656;}
#indexPage #mslider .bx-wrapper { position:inherit;}

#sitecontent .npagePage #projectlist .projectitem .project_img{
    margin-bottom:35px;
}

.pagesproduct{
    background: #f5f5f5;
}

#mpage{
    background-image: url(../images/1466572381980.jpg);
}
#indexPage #mpage .wrapper li .fimg{
    background-image: url(../images/1466572776489.png);
}

#mnews{
    background-image:url(../images/14665757484.jpg)
}

/*index*/
@media only screen and (max-width:1200px) and (min-width:320px){
    #indexPage #mproject #projectlist{
        width:100%;
        padding:0 5px;
        box-sizing: border-box;
    }
    #indexPage #mproject .content .wrapper{
        width:100%;
    }
    #mnews #newslist{
        width:100%;
    }

    #indexPage #mnews .content_list{
        width:100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #indexPage #mnews .content_list .newstitem{
        width:48%;
        margin-left:1%;
        margin-right:1%;
    }

    #newslist .newsbody .description{
        right:20px;
    }
    #newslist .newsbody .title{
        right:20px;
    }
    #newslist .newsbody .date{
        padding-left:10px;
    }
    #newslist .newsbody .date:after{
        display: none;
    }

    .owl-nav{
        display: none;
    }

    #mcontact .content{
        width:100%;
        padding-left:5px;
        padding-right:5px;
        box-sizing: border-box;
    }
    #footer p{
        width:100%;
    }
    #mcontact .content #contactlist{
        width:100%;
    }
    #mcontact .content #contactinfo{
        width:100%;
        padding:0 10px;
        box-sizing: border-box;
    }
    #mcontact .content .header{
        display: none;
    }
    #mcontact .content #contactinfo p{
        width:50%;
        padding:0;
    }
    #mcontact #contactinfo div{
        display: none;
    }
}


.navbar-toggle{
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 13px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display:none;
    border-color: #ddd;
}
.navbar-toggle span{
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #888;
    margin-top:4px;
}


.navbar-toggle span:first-of-type{
    margin-top:0;
}

.m_footer{
    display: none;
    height: 50px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0px;
    z-index: 999;
    background: #112761;
    box-sizing: border-box;
}
.m_footer .m_foot_btn {
    width: 33.3333%;
    float: left;
    height: 50px;
    display: block;
    text-align: center;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}
.m_footer .m_foot_btn:last-child{
    border-right:none;
}

.m_footer a.m_foot_btn img {
    max-width: 100%;
    width: 26px;
    margin: 2px;
    vertical-align: middle;
    float: none;
}
.m_footer a {
    font-size: 0;
}
.m_foot_btn span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
@media only screen and (max-width:1000px) and (min-width:320px){
    #indexPage #mnews .content_list .newstitem{
        width:98%;
    }
}

@media only screen and (max-width:769px) and (min-width:320px){
    .m_footer{
        display: block;
    }
    #footer{
        margin-bottom: 50px;
    }

    #indexPage #mpartner .module-content{
        width:100%;
    }
    #indexPage #mpartner .wrapper{
        width:100%;
    }
    #indexPage #mpartner .wrapper ul li{
        width:100%;
    }

    /*header*/
    #header{
        height:70px;
    }
    #header ul#nav{

    }
    .navbar-toggle{
        display: block;
    }
    #header .content{
        position: relative;
    }
    #header ul#nav{
        width:100%;
        top:80px;
        background:#1e50ae;
    }
   #nav{background: #1e50ae;}
    #header ul li.navitem{
        width:32.5%;
        padding:0;
        text-align: center;
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,0.6);
        line-height: 50px;
        background: #1e50ae;
        margin:0px 0.4px;
    }
#header .content:last-of-type {
    background: #f3f3f3;
}
    #header ul li.navitem a{
        color: #fff;
        display: block;
    }
    #header ul li.navitem:hover a:after{
        border-bottom:none;
    }
    #header ul li.navitem a:after{
        display: none;
    }
    
    #newslist .newsbody .title{
        width:70%;
    }
    #newslist .newsbody .description{
        width:70%;
    }
    #newslist .newsbody .date{
        padding-left:8%;
    }

    .module-content .description{
        width:100%;
        padding:0 10px;
        box-sizing: border-box;
    }
}

@media only screen and (max-width:415px) and (min-width:320px){
    #online_open{
        display: none;
    }
    #online_lx{
        display: none;
    }

    #mpartner{
        display: none;
    }
    #mcontact .content #contactinfo p{
        width:100%;
    }
    #category a{
        margin-bottom: 5px;
    }
    #newslist .newsbody .date{
        padding-left:4%;
    }
    #indexPage #mpage .wrapper li .fimg{
        display: none;
    }
    #indexPage #mpage .content{
        height:auto;
    }
    #indexPage #mproject #projectlist .projectitem{
        width:49%;
        margin-bottom: 10px;
    }

    #indexPage #mproject .content .header{
        padding-top:30px;
        padding-bottom: 30px;
    }
    #category{
        padding-bottom: 25px;
    }
    #indexPage #mproject .content{
        padding-bottom: 0;
    }
    #indexPage #mproject a.more{
        margin-top:20px;
    }
    .owl-dots{
        bottom:0!important;
    }
    #mpage .module-content .header{
        padding-top:50px;
        padding-bottom: 30px;
    }

    #indexPage #mnews .content .header{
        padding-top:10px;
        padding-bottom: 30px;
    }
    #indexPage #mnews a.more{
        margin-bottom: 40px;
    }

    #mcontact .content{
        padding-top:30px;
        padding-bottom: 30px;
    }

    #contactinfo h3{
        margin-bottom: 0;
    }
    #newslist .newsbody .title{
        width:75%;
        right:10px;
        padding:0 10px;
        box-sizing: border-box;
    }
    #newslist .newsbody .description{
        width:75%;
        right:10px;
    }
    #header #logo{
        margin-right:15px;
    }
}
@media only screen and (max-width:325px) and (min-width:320px){
    #footer p{
        height:auto;
        line-height: 20px;
    }
}



/*lxwm*/
#sitecontent .newsl .pagefw .container{
    width:100%;
    padding:0 15px;
    box-sizing:border-box;
}
#sitecontent .newsl .pagefw .container .contact_box{
    display: block;
    padding: 20px 0;
    box-sizing: border-box;
}
#sitecontent .newsl .pagefw .container .contact_box .contact_se1 {
    display: block;
    margin-bottom: 30px;
    box-shadow: 0 0 20px 0 #ddd;
}
#sitecontent .newsl .pagefw .container .contact_box .contact_se1 h3 {
    font-size: 24px;
    padding: 20px 0;
    color: #6f6e6e;
    text-align: center;
}
.contact_se1 ul li {
    display: block;
    width: 25%;
    float: left;
    border-right: 1px solid #e6e6e6;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 20px 0;
    box-sizing: border-box;
}
.contact_se1 ul li:last-of-type{
    border-right:none;
}
.contact_se1 ul li::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: #eee;
    z-index: -1;
    transition: .8s;
}
.contact_se1 ul li:hover::before {
    left: 0;
}
.contact_se1 ul li span {
    display: inline-block;
    margin: 0 0 20px 0;
}
.contact_se1 ul li span i {
    font-size: 0;
    transition: .8s;
    display: inline-block;
    width:36px;
    height:36px;
}

.contact_se1 ul li:nth-of-type(1) span i{
    background: url(../images/iconfont01.png) no-repeat;
}
.contact_se1 ul li:nth-of-type(2) span i{
    background: url(../images/iconfont02.png) no-repeat;
}
.contact_se1 ul li:nth-of-type(3) span i{
    background: url(../images/iconfont03.png) no-repeat;
}
.contact_se1 ul li:nth-of-type(4) span i{
    background: url(../images/iconfont04.png) no-repeat;
}

.contact_se1 ul li h5 {
    font-size: 16px;
    color: #6f6e6e;
    transition: .8s;
    line-height: 1;
    margin-bottom: 10px;
}
.contact_se1 ul li p {
    transition: .8s;
    font-size: 16px;
    color: #6f6e6e;
    line-height: 1;
    height:16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.contact_se1_bottom {
    display: none;
    margin-top: 30px;
    height: 67px;
    background: #f5f5f5;
    padding: 0 30px;

}
.contact_se1_info {
    display: block;
    width: 50%;
    float: left;
}
.contact_se1_info font {
    display: inline-block;
    padding: 0 15px;
    line-height: 67px;
    font-size: 20px;
    color: #fff;
    background: #696969;
    margin-right: 10px;
}
.contact_se1_info span {
    display: inline-block;
    font-size: 20px;
    color: #696969;
    font-weight: bold;
}
.contact_se1 h3 {
    font-size: 24px;
    padding: 20px 0;
    color: #6f6e6e;
    text-align: center;
}
.contact_se1 {
    display: block;
    margin-bottom: 30px;
    box-shadow: 0 0 20px 0 #ddd;
}


.contact_se2 {
    display: block;
    margin-bottom: 30px;
}
.contact_se2 ul{
    display: flex;
    justify-content: space-between;
}
.contact_se2 ul li {
    display: block;
    width: 100%;
    float: left;
    padding: 10px 80px;
    background: #f5f5f5;
    box-sizing: border-box;
}
.contact_se2 ul li h5 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.contact_se2 ul li:nth-of-type(1) h5 {
    color: #31a0e1;
}

.contact_se2 ul li h5 i{
    font-size: 0;
    display: inline-block;
    width:20px;
    height:20px;
    position: relative;
    top:-17px;
}
.contact_se2 ul li:nth-of-type(1) h5 i{
    background: url(../images/iconfont05.png) no-repeat;
}
.contact_se2 ul li:nth-of-type(2) h5 i{
    background: url(../images/iconfont06.png) no-repeat;
}
.contact_se2 ul li:nth-of-type(3) h5 i{
    background: url(../images/iconfont07.png) no-repeat;
}

.contact_se2 ul li p {
    font-size: 16px;
    color: #565656;
    word-break: break-word;
  line-height: 40px;
}
.contact_se2 ul li:nth-of-type(2) h5 {
    color: #9ac047;
}
.contact_se2 ul li:nth-of-type(3) h5 {
    color: #3bbd87;
}
.contact_se2 ul{width:100%;}
.contact_se2{background: #f5f5f5;width:100%;}
.map_box{
    display: block;
    text-align: center;
}
.map_box img{
    max-width:100%;
}
.map_box img:hover{
    cursor:pointer;
}


@media only screen and (max-width:1200px) and (min-width:320px){
    #projectwrap{
        width:100%;
    }
}
@media only screen and (max-width:415px) and (min-width:320px){
    .contact_se1 ul li{
        width:50%;
        margin-bottom:10px;
    }
    .contact_se1 ul li p{
        height:32px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 2%;
    }

    .contact_se1_bottom{
        height:auto;
    }
    .contact_se1_info{
        width:100%;
        margin-top:5px;
    }
    .contact_se1_info font{
        padding:0 10px;
        font-size:16px;
        line-height:58px;
    }

    .contact_se2 ul{
        flex-wrap: wrap;
    }
    .contact_se2 ul li{
        width:100%;
        margin-top:1px;
        padding:10px 20px;
    }
    .contact_se2{
        margin-bottom: 20px;
    }
    #sitecontent .newsl .pagefw .container{
        padding:0;
    }
    .fw.postbody{
        padding-bottom: 20px;
    }

}
@media only screen and (max-width:325px) and (min-width:320px){
    .contact_se1_bottom{
        padding:0 10px;
    }
}

#category{
    width:100%;
    float: left;
}
#category ul{
    width:1200px;
    margin:0 auto;
    text-align: center;
}
#category ul li {
    overflow: hidden;
    margin-bottom:5px;
    width:190px;
}
#category ul li div{
    width: 171px;
    height: 171px;
    border-radius: 86px;
    overflow: hidden;
    transition: 0.6s;
}
#category ul li div img{
    width:100%;
    transition: 0.6s;
}
#category ul li div:hover img{
    transform: scale(1.3);
}
#category ul li div:hover{
    border-radius: 30px;
}
#category ul li em{
    width: 171px;
    overflow: hidden;
    display: block;
    text-align: center;
    padding-top: 25px;
    font-size: 20px;
    font-style: normal;
    color: #3a3a3a;
}


/*list_product*/
.tui_left{
    width:20%;
    float: left;
    margin-bottom: 30px;
}
#tjnews{
    display:inline-block;
    width:100%;
    float: left;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    padding-bottom: 20px;
    margin-top:15px;
    background: #fff;
}

#productnav{
    display:inline-block;
    width:100%;
    float: left;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    padding-bottom: 4px;
    margin-top:15px;
    background: #fff;
}
#productnav p{
    font-size: 20px;
    padding: 15px 0;
    color: #fff;
    background: url(../images/about_15.jpg) no-repeat #1e50ae 90% center;
    margin-bottom: 5px;
    text-align: center;
    text-indent: -30px;
}
#productnav li{
    display: inline-block;
    width: 99%;
    margin: 0 1%;
    padding: 10px 35px;
    box-sizing:border-box;
    background: #f1f1f1;
    margin-top:3px;
    text-align: center;
}


#productnav li a{
    font-size: 14px;
    color: #555;
    display: block;
}
#productnav li:hover{
    background: #1e50ae;
}
#productnav li:hover a{
    color: #fff;
}



.npagePage #projectlist .wrapper .content_list{
    display: inline-block;
    width:76%;
    margin-left:4%;
    text-align: left;
}
#sitecontent .npagePage #projectlist .projectitem{
    margin:0 ;
    margin-top:15px;
    margin-right:2%;
}

#projecttags{
    margin-top:10px;
}
#projectbody{
    width:76%;
    margin-left:4%;
    padding-top:20px;
    margin-top:15px;
    margin-bottom:25px;
}

#thumbnail{
    width:48%;
    margin-left:2%;
}
#thumbnail img{
    width:100%;
    padding:2%;
    border: 1px solid #e4e4e4;
}

#projectib{
    width:100%;
    margin:0;
    padding:10px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-star;
    flex-wrap: wrap;
}
#projectib .projectitem{
    width:24%;
    box-sizing: border-box;
    margin-right:0;
    margin-right:1%;
}
#projectshow h2{
    font-weight: normal;
    margin-top:1px;
   background: #1e50ae;
    color: #fff;
    text-align:center;
font-size:18px;
line-height:35px;
    
}

#projectimages h2{
    text-align: center;
    line-height: 40px;
    margin-top:15px;
    font-size: 18px;
    color: #929292;
    font-weight: bold;
}

#category_news{
    text-align: center;
    height:60px;
}
#category_news a{
    font-size:16px;
    padding:7px 25px;
    border:1px solid #848484;
    margin-right:5px;
    color:#848484;
    transition: 0.6s;
}
#category_news a:hover{
    background: #848484;
    color: #fff;
}


/*导航*/
.navigation{
    width:100%;
    float: left;
    background: #eeeeee;
}
.navigation .navigation-con{
    width:1200px;
    margin:0 auto;
    line-height: 50px;
    padding-left:20px;
    color: #737373;
}
.navigation .navigation-con a{
    color: #737373;
}
#tjcontact{
    display: inline-block;
    width: 100%;
    float: left;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    padding-bottom: 35px;
    margin-top: 15px;
    background: #fff;
    text-align:left;
}
#tjcontact li {
    padding: 7px 15px;
    height: 38px;
    line-height:30px;
    transition: 0.6s;
    box-sizing: border-box;
    border-bottom: 1px #f1f1f1 solid;
    color: #333333;
    cursor: pointer;
 
}
#tjcontact p {
    font-size: 20px;
    padding: 15px 0;
    color: #fff;
    background: url(../images/about_15.jpg) no-repeat #1e50ae 90% center;
    margin-bottom: 5px;
    text-align: center;
    text-indent: -30px;
}

#tjnews{
    display:inline-block;
    width:100%;
    float: left;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    padding-bottom: 20px;
    margin-top:15px;
    background: #fff;
}
#tjnews p{
    font-size: 20px;
    padding: 15px 0;
    color: #fff;
    background: url(../images/about_15.jpg) no-repeat #1e50ae 90% center;
    margin-bottom: 5px;
    text-align: center;
    text-indent: -30px;
}
#tjnews li{
    padding: 7px 0;
    height: 36px;
    transition: 0.6s;
    box-sizing: border-box;
    border-bottom: 1px #f1f1f1 solid;
    color: #333333;
    cursor: pointer;
}
#tjnews li a{
    display: inline-block;
    float: left;
    margin-top: 4px;
    width:100%;
    padding-left:35px;
    overflow: hidden;
    box-sizing: border-box;
    color: #555;
    text-align: left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
	font-size:13px;
}
#tjnews li:nth-of-type(1) a {
    background: url(../images/1.png) no-repeat 10px 0;
}
#tjnews li:nth-of-type(2) a {
    background: url(../images/2.png) no-repeat 10px 0;
}
#tjnews li:nth-of-type(3) a {
    background: url(../images/3.png) no-repeat 10px 0;
}
#tjnews li:nth-of-type(4) a {
    background: url(../images/4.png) no-repeat 10px 0;
}
#tjnews li:nth-of-type(5) a {
    background: url(../images/5.png) no-repeat 10px 0;
}#tjnews li:nth-of-type(6) a {
     background: url(../images/6.png) no-repeat 10px 0;
 }
#tjnews li:nth-of-type(7) a {
    background: url(../images/7.png) no-repeat 10px 0;
}
#tjnews li a:hover{
    color: #1e50ae ;
}


/*list_article*/
#newsPage #newslist .wrapper{
    width:76%;
    float: left;
    margin-left:4%;
    padding-top:15px;
}


/*info_article*/
.infonews{
    width:1200px;
    margin:0 auto;
}
.infonews .fw{
    display:inline-block;
    width:76%;
    margin-left:4%;
    box-sizing:border-box;
    padding-top:20px;
    padding-bottom:30px;
}
.infonews .fw img{
    float:none;
    max-width:100%;
}
.infonews .fw a{
    color:#333;
}

.contactbtn{
    width:100%;
    margin-top:30px;
}
.contactbtn a{
    padding: 14px;
    font-size: 14px;
    color: #fff;
    background: #ff9e22;
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #ffae47;
    display:inline-block;
    float:left;
}
.contactbtn span{
    padding: 14px;
    font-size: 14px;
    color: #fff;
    background: #1b479a;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    border-left: 1px solid #19356d;
    display:inline-block;
    float:left;
    white-space:nowrap;
}
.contactbtn a:hover{
    background: #ffae47;
}

/*以下是右对联*/
.ImTable *{padding:0px;margin:0px}
.Imbody img{
    float: none;
    vertical-align: middle;
}
.ImTable{
}
.ImTable td{
    border:none;
}
.ImTable h2{font-size:14px;margin-top:5px;color:#333}
.ImHeader{
    text-align: center;
}
#kefubtn{
    position: fixed;
    right:0;
}
.online{
    line-height: 40px;
    background: url(../images/weixin.gif)/*weixin.gif*/ no-repeat 18px;
    margin-bottom: 10px;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    background-color: #fff;
}
.online span{
    margin-left: 30px;
    padding: 5px 0px;
    display: block;
    line-height: 40px;
    font-weight: bold;
    font-size:18px;
    color: #666;
    text-align: center;
}
.Imbody{
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    background-color: #fff;
    padding-bottom: 10px;
}
.Imbody h2{
    text-align: center;
    padding: 5px;
    margin: 5px;
    min-height: 40px;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    font-weight: normal;
}
.Imbody h2 img{
    float:left; margin-top:5px;
}
.Imbody h2 span{
    font-size:16px;color: #666;margin-left: 5px; font-family:微软雅黑;
}

.ImRow0{background:#fff;line-height:34px;}
.ImRow1{background:#fff;line-height:34px;}
a.im,a:hover.im{text-decoration:none; color:#333; font-size: 13px;}
.ImFooter{
    text-algin:center;
}
.ImFooter img{
    margin:0 auto;
    margin-top:15px;
}
.ImFooter span{
    display:block;
    margin:0 auto;
    text-align: center;
    margin-top:0px;
    color: #666;
    font-weight: bold;
}
/*以上是右对联*/
#fixed_weixin .fixed-container div img{
    max-width:100%;
}
/*网站地图*/
.content_map{
    width:1200px;
    margin:0 auto;
    margin-top:50px;
    padding-bottom: 30px;
}
.npagePage .content_map:last-of-type{
    padding-bottom: 120px;
}
@media only screen and (max-width:1200px) and (min-width:320px){
    .content_map{
        width:100%;
        padding:0 2%;
        box-sizing: border-box;
    }
    #footer{
        padding:0 2%;
        box-sizing: border-box;
    }
}
.content_map p{
    line-height: 56px;
    font-size: 18px;
    color: #484848;
    border-bottom: 1px solid #bfbfbf;
    text-align: center;
}
.content_map ul{
    width:100%;
    float: left;
    margin-top:20px;
    text-align: center;
}
.content_map ul li{
    display: inline-block;
}

.content_map ul li a{
    display: block;
    font-size: 14px;
    padding: 7px 25px;
    border: 1px solid #848484;
    margin-right: 5px;
    color: #848484;
    transition: 0.6s;
}
.content_map ul li a:hover{
    background: #848484;
    color: #fff;
}


/*list_product*/
.m_navlist{
    display: none;
    width:100%;
    padding:10px 2%;
    box-sizing: border-box;
    float: left;
    background: #fff;
    overflow: scroll;
    white-space: nowrap;
    border-bottom: 1px solid #f5f5f5;
}
.m_navlist a{
    font-size: 14px;
    color: #737373;
    padding:6px 20px;
    margin-right:10px;
    display: inline-block;
    border: 1px solid #737373;
    border-radius: 6px;
}

@media only screen and (max-width:1200px) and (min-width:320px){
    .npagePage #projectlist .wrapper{
        width:100%;
    }
    .npagePage #projectlist .wrapper .content_list{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding:0 2%;
        box-sizing: border-box;
    }
    #sitecontent .npagePage #projectlist .projectitem{
        margin-left:0;
        margin-right:0;
    }
    #pages{
        padding-bottom:40px;
        padding-top:20px;
    }
    .Pagenews #newslist{
        padding-bottom: 0;
    }

}
@media only screen and (max-width:769px) and (min-width:320px){
    .m_navlist{
        display: none;
    }
    #newsPage #newslist .wrapper{
        width:100%;
        margin-left:0;
    }
}

@media only screen and (max-width:415px) and (min-width:320px){

    #sitecontent .npagePage #projectlist .projectitem{
        width:49%!important;
        margin-bottom: 10px;
    }
    .npagePage #category{
        padding-left:5px;
        box-sizing: border-box;
    }
    .npagePage #category{
        margin-left:0;
    }
    #sitecontent .newsl .pagefw table{
        width:100%!important;
        overflow: scroll;
    }

}

/*list_article*/
@media only screen and (max-width:1200px) and (min-width:320px){
    .Pagenews #category{
        width:100%;
    }
    .Pagenews #newslist{
        width:100%;
        padding-left:2%;
        padding-right:2%;
        box-sizing: border-box;
    }
    .Pagenews #newslist .wrapper .news_wrapper{
        width:70%;
    }
    .Pagenews #newslist .newsbody .title{
        width:80%;
    }
    .Pagenews #newslist .newsbody .description{
        width:80%;
    }
    .Pagenews #newslist .newstitem .newsimg{
        width:24%;
        margin-left:2%;
        margin-right:2%;
    }
}

@media only screen and (max-width:769px) and (min-width:320px){
    .Pagenews #newslist .newsbody .title{
        left:20%;
    }
    .Pagenews #newslist .newsbody .description{
        left:20%;
    }
}
@media only screen and (max-width:415px) and (min-width:320px){
    .Pagenews #newslist .newsbody .description{
        top:60px;
    }
    .Pagenews #newslist .newstitem{
        height:140px;
    }
    .Pagenews #newslist .newstitem .newsimg{
        height:80px;
    }
    #newslist .newsbody .date .year{
        font-size: 18px;
    }
    .Pagenews #newslist .newstitem:hover .newsbody .title, .Pagenews #newslist .newstitem:hover .newsbody .description {
        left: 20%;
    }
}

/*page*/
@media only screen and (max-width:1200px) and (min-width:320px){
    .fw.postbody{
        width:100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .fw.postbody img{
        max-width:100%;
    }

}
@media only screen and (max-width:415px) and (min-width:320px){
    .npagePage #pagebanner div{
        height:180px;
    }
    .npagePage #lxwmbanner div{
        height:180px;
    }
}


/*info_product*/
@media only screen and (max-width:1200px) and (min-width:320px){
    #projectimages img{
        max-width:100%;
    }
    #projectih{
        width:100%;
    }
    #projectinfo .header{
        width:100%;
        box-sizing: border-box;
        padding-left:20px;
    }
    #projecttags{
        width:100%;
        box-sizing: border-box;
        margin-left:0;
        padding-left:5%;
    }
    #projectib{
        width:100%;
        box-sizing: border-box;
        margin-left:0 ;
        padding-left:1%;
        padding-right:1%;
    }
}
@media only screen and (max-width:769px) and (min-width:320px){
    #projectbody{
        width:100%;
        margin-left:0;
    }
}

@media only screen and (max-width:415px) and (min-width:320px){
    #thumbnail{
        width:92%;
    }
    #projectbody{
        width:100%;
        padding-top:10px;
        padding-bottom: 20px;
    }
    #projectinfo{
        width:100%;
    }
    #projectshow{
        width:100%;
    }
    #projectinfo .header{
        padding-top:25px;
    }
    #projecttags{
        margin-top:0;
    }
    #projectib .projectitem{
        width:49%;
    }
    #projectib .projectitem:nth-child(n+5){
        display: none;
    }
    #projectwrap{
        margin-bottom:30px;
    }
    .Pagenews #newslist .newstitem a.newscontent:hover .news_wrapper { width: 70%; }

}

/*info_article*/
@media only screen and (max-width:1200px) and (min-width:320px){
    .fw{
        width:100%;
    }
    .newsl .content .header p.title{
        width:100%;
        padding-left:2%;
        padding-right:2%;
        box-sizing: border-box;
    }
    .newsl .content .header{
        padding-top:40px;
    }
    .newsl .postbody{
        margin-top:20px;
    }
    .infonews{
        width:100%;
    }
    .newsbody{
        padding:0 1%;
        box-sizing:border-box;
    }
}
@media only screen and (max-width:769px) and (min-width:320px){
    .infonews .fw{
        width:100%;
        margin-left:0;
    }
}
@media only screen and (max-width:415px) and (min-width:320px){
    .newsl .content .header{
        padding-top:25px;
    }
    .infonews .fw{
        padding-top:20px;
    }
    .newsl .content .header p.title{
        padding-bottom: 8px;
    }
}

/*8.1*/

@media only screen and (max-width:1200px) and (min-width:320px){
    #category ul{
        width:100%;
        height:auto;
        padding:0 2%;
        box-sizing: border-box;
        white-space:nowrap;
        overflow:scroll;
    }
    .navigation .navigation-con{
        width:100%;
        box-sizing: border-box;
    }
}

#header #logo.wap{
    display:none;
}
@media only screen and (max-width:1000px) and (min-width:320px){
    #divOranIm{
        display: none;
    }
}

@media only screen and (max-width:769px) and (min-width:320px){

    .tui_left{
        display: none;
    }
    .npagePage #projectlist .wrapper .content_list{
        width:100%;
        margin-left:0;
    }

    #header #logo.wap{
        display:block;
        font-size:36px;
        font-weight:bold;
        color: #28489f;
        margin-top:5px;
        letter-spacing:2px;
    }
  
}
#my-carousell{
    display: none;
}
.zt{
    margin-top:15px;
    float: left;
}
@media only screen and (max-width:415px) and (min-width:320px){
    .zt{
        margin-top:0;
    }
    #category ul{
        height:auto;
    }

    #category ul li div{
        width:100px;
        height:100px;
        border-radius: 50px;
    }
    #category ul li em{
        width:100px;
    }
    #footer p.link{
        display:none;
    }
    #indexPage #mproject #projectlist .projectitem a .project_info .title{
        padding:0;
        text-align:center;
        line-height:35px;
    }
    #indexPage #mproject #projectlist .projectitem a .project_info div{
        height:35px;
    }
    #indexPage #mproject #projectlist .projectitem .project_img{
        margin-bottom:35px;
    }
    #indexPage #mproject #projectlist .projectitem a .project_info .subtitle{
        display:none;
    }
    #indexPage #mproject #projectlist .projectitem a .project_info div:after{
        display:none;
    }
    .npagePage #projectlist{
        padding-top:0;
    }

    .npagePage #projectlist .projectitem a .project_info div{
        height:35px;

    }
    .npagePage #projectlist .projectitem a .project_info .title{
        padding:0;
        text-align:center;
        line-height:35px;
    }
    .npagePage #projectlist .projectitem a .project_info .subtitle{
        display:none;
    }
    .npagePage #projectlist .projectitem a .project_info div:after{
        display:none;
    }
    #sitecontent .npagePage #projectlist .projectitem .project_img{
        margin-bottom:35px;
    }
    .Pagenews #newslist{
        padding-top:0;
    }

    #pages a.active{
        padding:0 15px;
        line-height: 36px;
    }
    #pages a{
        padding:0 5px;
    }
    #pages a:hover{
        background: none;
        color:#a9a9a9;
    }
    .Pagenews #newslist .newstitem:hover .newsbody .description{

    }
    #newsPage #newslist .wrapper .newstitem:nth-child(2n){
        background: #f7f7f7;
    }

    #indexPage #mnews .content_list li{
        background: rgba(255,255,255,0.7);
    }
    #indexPage #mnews .content_list li:nth-child(2n){
        background: rgba(240,240,240,0.7);
    }


    #mcontact{
        background-color: #28489f;
        border-radius: 4px;
    }
    #mcontact .content #contactinfo h3{
        color:#fff;
        font-size:20px;
        font-weight: 900;
    }
    #mcontact .content #contactinfo p{
        color:#bcc3d4;
    }
    #indexPage #mproject a.more{
        width:120px;
        height:40px;
    }
    #indexPage #mnews a.more{
        width:120px;
        height:40px;
    }
    .fw.postbody{
        padding-top:28px;
    }


    .postbody p{
        margin: 0!important;
    }
    .postbody p>span{
        font-size: 14px!important;
    }
    .postbody p span strong span{
        font-size: 20px!important;
    }

    /*轮播切换*/
    #my-carousell{
    
    }
    #my-carousel{
  
    }
}


/*tag*/
.tagpage ul{
    margin-top:10px;
    margin-bottom: 10px;
}
.tagpage ul li{
    display: inline-block;
    line-height: 40px;
}
.tagpage ul li a{
    font-size: 16px;
    padding:5px 20px;
    border: 1px solid #848484;
    margin-right: 5px;
    color: #848484;
    transition: 0.6s;
}
.tagpage ul li a:hover{
    background: #848484;
    color: #fff;
}

/*return to top*/
.returnTop {
    position: fixed;
    right: 15px;
    bottom: 60px;
    z-index: 99998;
    cursor: pointer;
    width: 40px;
    height: 37px!important;
    text-align: center;
    white-space: normal;
    font-size: 14px;
    line-height: 17px;
    padding-top: 3px;
    color: #fff;
    opacity: 1;
    display: inline-block;
}

/*index p 导航*/
#category ul li a{
    width: 150px;;
    height: 43px;
    overflow: hidden;
    border-radius: 6px;
    display: inline-block;
    background: #1e50ae;
    color: #fff;
    line-height: 43px;
    margin-right: 12px;
    margin-bottom: 12px;
    padding-right: 10px;
    white-space: nowrap;
    font-size:16px;
}
#category ul li a:hover{
    background:#3c3c3c;
}
#category ul li a span{
    width: 48px;
    overflow: hidden;
    display: block;
    float: left;
}
#category ul li a span img{
    max-width:100%;
}
.postbody p span{
    line-height: 24px;
}

@media only screen and (max-width:415px) and (min-width:320px){
    #category ul{
        white-space:normal;
    }
    #category ul li a{
        height:34px;
        line-height:34px;
        margin-right:3px;
        margin-bottom:0;
        display:block;
    }
#category ul li {
    overflow: hidden;
    margin-bottom: 5px;
    width:150px;
}

#category ul li a {
    width: 110px;
    height: 43px;
    overflow: hidden;
    border-radius: 6px;
    display: inline-block;
    background: #1e50ae;
    color: #fff;
    line-height: 43px;  
    white-space: nowrap;
    font-size: 14px;
}
    #category ul li a span{
        width:36px;
    }

}

@media only screen and (max-width:1200px) and (min-width:320px){
    #header .content .ulnav{
        width:100%;
    }
    #header .content .ul{
        width:100%;
    }
    #header #logo{
        margin-left:2%;
    }
    #header .content .ulnav img.lxtop{
        margin-right:2%;
    }
    #header ul li.navitem a{
        padding: 0 30px;
    }
}
@media only screen and (max-width:769px) and (min-width:320px){
    #header .content .ulnav img.lxtop{
        display:none;
    }
    #sitecontent{
        padding-top:0;
    }
}
@media only screen and (max-width:360px) and (min-width:320px){
    #category ul li a{
        font-size:12px;
        height:30px;
        line-height:30px;
        margin-right:0;
    }
    #category ul li a span{
        width:30px;
    }
    #category_news a{
        padding:7px 15px;
    }
}
@media only screen and (max-width:1000px) and (min-width:769px){
    .contactbtn a{padding:4px;}
    .contactbtn span{padding:4px;}
}

#indexPage #mpartner{
    display:none;
}

#mcontact {
    background-color: #2848a0;
}
#mcontact .content .header p.title{
    color:#fff;
}
.content .header p.subtitle{
    color:#fff;
}
#mcontact #contactinfo div:after{
    color:#fff;
}
#mcontact .content #contactinfo h3{
    color:#fff;
}
#mcontact .content #contactinfo p{
    color:#fff;
}
#mcontact #contactinfo div a.weibo{
    background-position-y: -34px;
}
#mcontact #contactinfo div a.qq{
    background-position-y: -34px;
}
#mcontact #contactinfo div a:hover{
    background-position-y: 0;
    background-color:rgba(0,0,0,0);
}

@media only screen and (max-width:415px) and (min-width:320px){
    #mcontact{
        background: #fff;
    }
    #mcontact .content{
        background: #2848a0;
    }
}

#indexPage #mproject .content .header p.subtitle{
    color: #c1c1c1;
}

/*产品特点*/
.showpic{
    width:100%;
}
.showpic .content{
    width:100%;
    text-align:center;
    padding-bottom: 40px;
}
#indexPage .showpic .content .header{
    padding-top: 60px;
    padding-bottom: 40px;
}
.showpic .content .header .title{
    color: #444;
    font-size: 26px;
}
.showpic .content .header .subtitle{
    font-size:16px;
    color: #c1c1c1;
}
#indexPage .showpic .content ul{
    width:100%;
    padding:0 1%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
#indexPage .showpic .content ul li{
    display: inline-block;
    width:19%;
    border-radius: 8px;
    overflow: hidden;
}
#indexPage .showpic .content ul li img{
    max-width:100%;
}

@media only screen and (max-width:415px) and (min-width:320px){
    #indexPage .showpic .content div.showul{
        width:100%;
        overflow: scroll;
    }
    #indexPage .showpic .content ul{
        width:305%;
    }
    #indexPage .showpic .content ul li{
        display: inline;
        width:60%;
        margin-right:1%;
    }
}

/*以下是购买流程*/
#process{
    width:100%;
}
#indexPage #process .content{
    width:1200px;
    margin:0 auto;
}
#indexPage #process .content .header{
    padding-top: 60px;
    padding-bottom: 40px;
}
#indexPage #process .content .header .title{
    color: #444;
    font-size: 26px;
}
#indexPage #process .content .header .subtitle{
    font-size:16px;
    color: #c1c1c1;
}
#indexPage #process .content .module-content{
    width:100%;
    text-align: center;
    padding-bottom: 80px;
    margin-top:10px;
}
#indexPage #process .content .module-content ul{
    padding-left:11%;
}
#indexPage #process .content .module-content ul li{
    display: inline-block;
    text-align:center;
    padding-right:108px;
    background: url(../images/arrow.png) no-repeat right 45px ;
    width: 145px;
}
#indexPage #process .content .module-content ul li:nth-child(2){
    background: url(../images/arrow02.png) no-repeat right top ;
}

#indexPage #process .content .module-content ul li:nth-child(2n){
    position: relative;
    top:30px;
}
#indexPage #process .content .module-content ul li:nth-child(4){
    background: none;
}
#indexPage #process .content .module-content ul li:nth-child(3){
	position:relative;
	top:30px;
}
#indexPage #process .content .module-content ul li>span{
    display: inline-block;
    width:60px;
    height:60px;
    border-radius: 30px;
}
#indexPage #process .content .module-content ul li:nth-child(1)>span{
    background: url(../images/process01.png) no-repeat center #2848a0;
}
#indexPage #process .content .module-content ul li:nth-child(2)>span{
    background: url(../images/process02.png) no-repeat center #2848a0;
}
#indexPage #process .content .module-content ul li:nth-child(3)>span{
    background: url(../images/process03.png) no-repeat center #2848a0;
}
#indexPage #process .content .module-content ul li:nth-child(4)>span{
    background: url(../images/process04.png) no-repeat center #2848a0;
}


#indexPage #process .content .module-content ul li p{
    color: #444;
    line-height: 26px;
    padding:0 10px;
    margin-top:16px;
    font-size: 16px;
}

@media only screen and (max-width:1200px) and (min-width: 320px) {
    #indexPage #process .content{
        width:100%;
    }

    #indexPage #process .content .module-content ul{
        padding:0 2%;
    }
}
@media only screen and (max-width:1200px) and (min-width: 320px){
    #indexPage #process .content .module-content ul li{
        background: none;
        padding-right: 0;
        width:auto;
    }
    #indexPage #process .content .module-content ul li:nth-child(2n){
        background: none;
        top:0;
    }
}

@media only screen and (max-width:415px) and (min-width:320px) {
    #indexPage #process .content .module-content ul li{
        width:50%;
        float: left;
        margin:0;
        margin-bottom: 20px;
    }
 	#indexPage #process .content .module-content ul li:nth-child(3){
		top:0;
	}
    #indexPage #process .content .module-content ul li p{
        margin-top:10px;
    }
    #indexPage #process .content .header{
        padding-top:30px;
        padding-bottom: 30px;
    }
    #indexPage #process .content .module-content{
        margin-top:0;
    }
    .content .header p.title{
        font-size: 22px;
    }
    .content .header p.subtitle{
        font-size: 14px;
    }
    .showpic .content .header .title{
        font-size: 22px;
    }
    .showpic .content .header .subtitle{
        font-size: 14px;
    }
    #indexPage .showpic .content .header{
        padding-bottom: 30px;
        padding-top:30px;
    }
    #indexPage #process .content .header .title{
        font-size: 22px;
    }
    #indexPage #process .content .header .subtitle{
        font-size: 14px;
    }
   .head_tt{display:none;}
   #newslist .wrapper{
    max-height: 75%;
    width: 100%;
    overflow: hidden;
}
   #indexPage #mnews .content {
    margin: 0;
    height: 500px;
}
 #sitecontent { padding-top: 118px; }
#projectinfo h2{text-align:center;}
 .contact_se2 ul li:nth-last-of-type(1){display: none;}
 #logo img{width:90%;}
}