@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:none; border-radius:0; outline:none;}
a{ text-decoration:none; color:#929292;}
dl,dd,dt,ol,ul,li{ list-style:none;}

.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none; }
.clear{ clear:both;}
body,html{ width:100%; height:100%; color:#929292; font:12px Arial, "微软雅黑";}
input{ -webkit-appearance:none;}
select{ -webkit-appearance:none;}
textarea{ -webkit-appearance:none;}

/*header*/
#header{
    width:100%;
    height:auto;
    position:fixed;
    padding-top:20px;
    font-size:14px;
    transition:all ease .3s;
    z-index:99;
    transition-property:padding, background;
    background:#fff;
    padding-top:0px;
}
#header.mini {
    background-color: rgba(255, 255, 255, 1);
    padding-top: 0px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}
#header .content{
    text-align:center;
    width:1200px;
    margin:0 auto;
    height:80px;
    position:relative;
}
#header #logo{
    width:auto;
    height:40px;
    display:block;
    float:left;
    margin-right:50px;
    margin-top:12px;
}
#header #logo img{
    transform:scale(1, 1);
    transition:all 0.3s ease-out 0s;
    transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width:107px;
    height:55px;
}
#header ul#nav{
    float:right;
}
#header ul li.navitem{
}
#header ul li.navitem{
    transition:all 0.4s ease-out 0s;
    padding:0px 1px 0px 0px;
    line-height:40px;
    width:auto;
    height:50px;
    float:left;
    position:relative;
}
#header ul li.navitem a{
    transition:none ease-out .3s;
    transition-property:color, background, text-indent, opacity;
    color:#4b4b4b;
    display:inline-block;
    padding:20px 26px;
}
#header ul li.navitem a.active, #header ul li.navitem:hover a{
    color:#fff;
    background-color:#305dc3;
    display:inline-block;
    padding:20px 26px;
}
#header ul li.navitem ul.subnav{
    transition:all 0.3s ease-out 0s;
    position:absolute;
    border-top:#838383 3px solid;
    opacity:0;
    visibility:hidden;
    transform:translate3d(0px, 10px, 0px);
    -moz-transform:translate3d(0px, 10px, 0px);
    -webkit-transform:translate3d(0px, 10px, 0px);
    width:192px;
    background:#fff;
    border:0;
    box-shadow:0 6px 10px rgba(0, 0, 0, .1);
    top:68px !important;
	left:-41.5px;
    z-index:2;
}
#header ul li.navitem ul.subnav li{ border-bottom:1px solid rgba(0, 0, 0, .08);}
#header ul li.navitem ul.subnav li a{
    height:20px;
    line-height:20px;
    display:block;
    font-size:12px;    
	text-align:center;
    color:#666;
    width:100%;
    padding:14px 0;
    background:none;
}
.fa{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform:translate(0, 0);
}
#header ul li.navitem ul.subnav li a i{ float:right;
    margin-top:5px;
    transition:all ease-out .2s;
    opacity:0;
	display:none;
}
#header ul li.navitem ul.subnav li a:hover{ background-color:#f5f5f5; color:#000; text-indent:inherit;}
#header ul li.navitem ul.subnav li a:hover i{ opacity:1}
#header ul li.navitem:hover ul.subnav{ opacity:1; visibility:visible; transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px);}

/*banner*/
#sitecontent{ height:auto; min-height:1000px;}
#indexPage .module{ background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; z-index:2; height:100%;}
#indexPage #mslider{ padding-top:80px; height:100%; width:100%; position:relative; overflow:hidden;}

#banner{ width:100%; overflow:hidden; margin:auto; position:relative;}
#banner img{ width:100%;}
#banner li{ float:left;}
#banner .hd{ display:none;}
.banner_btn{ position:absolute; z-index:10; height:100%; width:5%; top:0;background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
#banner .prev{ left:0; background-image:url(../images/prev.png);}
#banner .next{ right:0; background-image:url(../images/next.png);}
#indexPage #mslider ul li{
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#indexPage #mslider ul li a{
    width: 100%;
    height: 100%;
    display: table;
}
#banner img{ width: 100%;}

/*pro*/

.title {
    color: #ffffff;
    text-shadow: none;
	padding: 10px 15px;
	height:30px; 
	line-height:30px;
	font-size:20px;
}
#indexPage .module{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;
    height: 100%;
}
#indexPage .module .bgmask {
    background-color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0%;
    display: block;
}
#indexPage .module .content {
    position: relative;
    top: 50%;
    width: 100%;
}
#indexPage #mproject .content {
    margin: 0;
    background: #f7f7f7;
    height: 100%;
    padding-bottom: 60px;
}
#indexPage #mproject .content .header {
    padding-top: 60px;
    padding-bottom: 30px;
    margin: 0 auto;
    width: 1200px;
    text-align: center;
}
.content .header p.title {
    font-size: 26px;
    color: #444;
    margin-bottom: 8px;
}
.content .header p {
    text-align: center;
}
.content .header p.subtitle {
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
}
#category {
    text-align: center;
    padding-bottom: 50px;
}

#mproject .content > .header {
    animation-name: fadeInUp;
}
#indexPage .content .header {
    padding-top: 0;
}
.content .header {
    padding-bottom: 50px;
    padding-top: 80px;
}
.projectSubList {
    margin-bottom: 20px;
}
#indexPage #mproject .content .subtitle{display: block;  width: 478px;     color: rgba(191, 191, 191, 0.91);font-size: 14px;margin: 0 auto; border-bottom: 1px #ececec solid;padding-bottom: 10px;margin: 0 auto;}
#indexPage #mproject .content .subtitle::after{ content:''; background-color:rgba(44, 102, 204, 0.82);width: 9px; height: 9px;display: block;    border-left: 7px #F7F7F7 solid;    border-right: 7px #F7F7F7 solid;
position: relative;top: 15px; left: 228px;}
#indexPage #mproject .content #projectSubList_ .projectSubHeader .subtitle{display: none;}

#projectlist .projectitem {
    animation-name: fadeInUp;
}
#projectlist .projectitem {
    animation-name: slideInUp;
}
#projectlist .projectitem {
    width: 24%;
    height: auto;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
    position: relative;
    background: #000;
}
#indexPage #projectlist .projectitem {
    margin: 0;
}
#projectlist .projectitem a {
    display: block;
    overflow: hidden;
}
#projectlist .projectitem a img {
    float: none;
    width: 100%;
    height: auto;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#projectlist .projectitem a img{position: relative;perspective:150;-webkit-perspective:150;}   
#projectlist .projectitem a:hover img { transform: scale(1.08, 1.08);}
#indexPage #mproject .content .header { padding-top:60px; padding-bottom:30px;margin:0 auto; width: 1200px;text-align: center;}
#indexPage #mproject #projectlist { width:1260px; }
#indexPage #mproject #projectlist { width:100%; margin:0 auto;margin-top:-15px }
#indexPage #mproject .content .wrapper { width:1200px; margin: 0 auto;padding-left: 0px;overflow: hidden;}
#indexPage #mproject #projectlist .projectitem { transition: all ease-out .3s;width:380px;  height:360px; background:none; margin: 0 30px 25px 0; }
#indexPage #mproject #projectlist .projectitem a::after{conter'';display:block;clear: both;}
#indexPage #mproject #projectlist .projectitem:hover {box-shadow: 0px 7px 17px #dedede;}
#indexPage #mproject #projectlist .projectitem:nth-child(3n){margin-right: 0px;}
#projectlist .projectitem a:hover .project_info { background:none }
#indexPage #mproject #projectlist .projectitem a .project_info div {margin-bottom:35px;height:170px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; bottom:0px; top:auto; width:100%; background:#fff; }
#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: #3C3C3C;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 32px;line-height: 32px;text-align: center;margin:0px;padding-top:32px;margin: 0 auto;width: 50%;}
#indexPage #mproject #projectlist .projectitem a .project_info .subtitle {border:0px red solid; transition: all ease-out .3s;-webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; transform-origin: center bottom; opacity: 1; -webkit-transform: rotateX(0deg);  position:absolute;left:19%;top:-40px;color:#FFFFFF; width:60%; height:40px; line-height: 40px;overflow: hidden; font-size: 15px;text-align: center;padding:0px; background: rgba(48, 93, 195, 0.87);
transform: rotateX(90deg);-webkit-transform: rotateX(90deg);margin: 0px;padding: 0 1%;}
#indexPage #mproject #projectlist .projectitem:hover a .project_info .subtitle{opacity: 1;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);}
#indexPage #mproject #projectlist .projectitem a img {overflow:hidden;}
#indexPage #mproject #projectlist .projectitem a .project_info div:after { content:''; width:37px; height:20px; display:none; position:absolute; top:50%; right:2px; background: transparent url(../images/icon.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top:-11px; border-left: 1px solid rgba(0, 0, 0, .0);width: calc(100% - 198px);
height: 60px;overflow: hidden; }



#indexPage #mnews a.more{box-shadow: 0 2px 12px #e2e2e2;border: #ddd 0px solid;background: rgba(255,255,255,.0); width: 150px;height: 37px;display: block; margin: 40px auto 50px;line-height:37px;font-size: 14px;color: #aba8a8;text-indent: 36px;border-radius: 0px;transition: all ease-out .3s; background-color: #fff;}
#indexPage #mnews a.more:hover{color: #525252;text-indent:36px;box-shadow: 0px 7px 15px #dedede;}
#mnews a.more::after{transition: all 0.4s ease-out 0s;content: ' ';width: 37px;display: block; float: right;height: 37px;background: url(../Images/jiantou2.png) no-repeat -55px -63px;background-color: #101010;}
#indexPage #mnews a.more:hover::after{ background-color: #305dc3;}
#indexPage #mproject a.more {
    animation-name: fadeInUp;
    animation-delay: 0.5s;
	text-align:center;
}
#indexPage #projectlist a.more{box-shadow: 0 2px 12px #e2e2e2; 
    border: #ddd 0px solid;
    background: rgba(255,255,255,.0);
    width: 150px;
    height: 37px;
    display: block;
    margin: 40px auto 50px;
    line-height: 37px;
    font-size: 14px;
    color: #aba8a8;;
    text-indent: 9px;
    border-radius: 0px;
    transition: all ease-out .3s;background-color: #fff;}
#indexPage #projectlist a.more:hover::after{background-color: #305DC3;}

#indexPage #projectlist a.more:hover{ color: #525252;box-shadow: 0px 7px 15px #dedede;}
#projectlist a.more::after{ transition: all 0.4s ease-out 0s;content: ' ';width: 37px;display: block; float: right;height: 37px;background: url(../images/jiantou2.png) no-repeat -55px -63px;background-color: #383838;}

/*合作伙伴*/
#indexPage #mpartner {
    background-color: #fff;
}
#indexPage .module {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;
    height: 100%;
}
/*#indexPage #mpartner {
    border-top: 1px solid rgba(0, 0, 0, .05);
    margin-top: 100px;
}*/
#indexPage .module .bgmask {
    background-color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0%;
    display: block;
}
#indexPage .module .content {
    top: 50%;
    width: 100%;
    position: relative;
}
#indexPage #mpartner .content {
    margin: 0;
    height: 140px;
}
.content .header {
    padding-bottom: 50px;
}
#indexPage .content .header {
    padding-top: 0;
   padding-top: 80px;
}
#mpartner .content > .header {
    animation-name: slideInUp;
    animation-delay: 0.1s;
}
#indexPage #mpartner .content .header {
    display: none;
}
.fw {
    margin: 0 auto;
    width: 1180px;
}
.content .header p.title {
    font-size: 26px;
    color: #444;
    margin-bottom: 8px;
}
#indexPage .content .header p.subtitle {
    display: block;
}
#indexPage #mpartner .module-content {
    padding: 30px 0;
    height: 80px;
}
#indexPage #mpartner .module-content {
    width: 980px;
}
#indexPage #mpartner .wrapper ul li {
    height: 60px;
    padding-top: 20px;
	border-bottom:none !important;
}
#indexPage #mpartner .wrapper {
    height: auto;
    width: 980px;
}
#indexPage #mpartner .wrapper ul li a {
    width: 225px;
    height: 168px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
#indexPage #mpartner .wrapper ul li a {
    width: 112px;
    height: auto;
    margin-right: 10px;
}
#indexPage #mpartner .wrapper ul li a img {
    width: 100%;
    height: 100%;
}
ul.content_list:after {
    content: '';
    display: block;
    clear: both;
}
.animated {animation-name: fadeInUp; animation-delay: 0s;}

/*联系我们*/
#indexPage .module:last-child {
    border: none;
}
#indexPage .module {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;
    height: 100%;
}
#indexPage #mcontact {
    background-color: #f3f3f3;
}
#indexPage #mcontact .content .header {
    padding-top: 0;
}
#indexPage #mcontact .content .header {
    width: 480px;
    float: left;
}
#indexPage #mcontact .content:after {
    content: '';
    display: block;
    clear: both;
}
#indexPage #mcontact .content {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0 68px;
    height: auto;
}
#indexPage #mcontact .content .header p.title {
    color: #666;
	padding:0;
    text-align: left;
}
.content .header p.title {
    font-size: 26px;
    margin-bottom: 8px;
}
#indexPage #mcontact .content .header .subtitle {
    text-align: left;
    font-family: "Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑";
}
#indexPage #mcontact .header p.subtitle {
    color: #c1c1c1;
}
#indexPage .content .header p.subtitle {
    display: block;
}
#indexPage #mcontact .content #contactlist {
    width: 720px;
    float: left;
}
#mcontact .content #contactinfo {
    animation-name: fadeInLeft;
    animation-delay: 0.2s;
}
#contactinfo {
    width: 540px;
}
#mcontact .content #contactinfo {
    width: 720px;
    float: left;
    position: relative;
}
#contactinfo h3 {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 25px;
    font-weight: 100;
}
#mcontact .content #contactinfo h3 {
    color: #696969;
}
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
#mcontact .content #contactinfo p {
    float: left;
    width: 290px;
    padding-right: 60px;
    margin-top: 14px;
    height: auto;
    color: #999;
    font-size: 12px;
    line-height: inherit;
}
#mcontact #contactinfo div {
    position: absolute;
    top: 35px;
    left: -250px;
}
#contactinfo div {
    margin-top: 24px;
}
#contactinfo div a {
    color: #fff;
    width: 30px;
    height: 30px;
    display: block;
    font-size: 16px;
    background-color: #2e2f2f;
    margin-right: 10px;
    text-align: center;
    border-radius: 15px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#mcontact #contactinfo div a {
    background-color: rgba(255, 255, 255, 0);
    color: #9b9b9b;
    border-radius: 4px;
    font-size: 16px;
    border: 2px solid rgba(0, 0, 0, 0);
}
#shares a i, #contactinfo div a i, #online_open i, #olx_qq li a i, #olx_tel div i {
    margin-left: 0px;
}
#contactinfo div a i {
    margin-top: 7px;
    font-size: 16px;
}
.fa-weibo::before {
    color: #999;
}
.fa-weibo:before {
    content: "\f18a";
}
#mcontact .content #contactform {
    animation-name: fadeInRight;
    animation-delay: 0.2s;
}
#mcontact .content #contactform {
    animation-name: fadeInRight;
    animation-delay: 0.2s;
}
#mcontact .content #contactform {
    display: none;
}
#contactform p .inputtxt {
    width: 320px;
    height: 20px;
    line-height: 20px;
    padding: 10px 20px;
    color: #bcbcbc;
    background-color: #000;
    border: #3f3f3f 1px solid;
    margin-bottom: 10px;
    transition: all 0.3s ease-out 0s;
}
input, textarea {
    font-family: Arial, "微软雅黑";
    outline: 0;
    font-size: 14px;
    -webkit-appearance: none;
}

/*foot*/
#footer {
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 2;
}
#footer p {
    text-align: right;
    padding: 20px;
    font-size: 12px;
    color: #8e8e8e;
    height: 20px;
    line-height: 20px;
}
#footer p {
    width: 1200px;
    margin: 0 auto;
    height: 44px;
    line-height: 44px;
    padding: 0;
    text-align: left;
}
#footer a {
    display: inline-block;
    width: 50px;
    height: 20px;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 40px;
}
#footer p a {
    margin-top: 15px;
}

/*share*/
#shares {
    height: 120px;
    position: fixed;
    right: 10px;
    bottom: 40px;
    z-index: 99;
}
#shares a#sshare {
    display: none;
}
#shares a#sshare {
    cursor: default;
}
#shares a {
    width: 40px;
    height: 40px;
}
#shares a {
    display: block;
    background: #8b8b8b;
    background-color: rgba(31,31,31,.6);
    color: #fff;
    font-size: 16px;
    text-align: center;
}
#shares a i {
    margin-top: 11px;
}
#shares a i, #contactinfo div a i, #online_open i, #olx_qq li a i, #olx_tel div i {
    margin-left: 0px;
}
#shares a#sweibo, #shares a#sweixin {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    width: 38px;
    height: 39px;
    border-bottom: none;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    position: fixed;
    bottom: 120px;
    right: 10px;
}
#shares a#sweixin {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    height: 38px;
    position: fixed;
    bottom: 80px;
}
#shares a i.fa-weixin {
    margin: 11px 0 0 14px;
    background-image: url(../images/shouji-.png);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;    
	background-repeat: no-repeat;
    font-size: 23px;
}
.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7";
}
#shares a#gotop {
    background-color: #666666;
    background-color: rgba(0,0,0,.6);
    margin-top: 20px;
    font-size: 22px;
}
#shares a#gotop {
    margin-top: 0;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    bottom: 40px;
    position: fixed;
    right: 10px;
}
#shares a#gotop i {
    margin-top: 8px;
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-weibo::before {
    color: #999;
}
.fa-weibo:before {
    content: "\f18a";
}

.fixed {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.6);
    overflow-y: auto;
    z-index: 100;
    display: none;
}
#fixed_weixin .fixed-container {
    width: 220px;
    height: auto;
    padding: 20px 20px 0 20px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -140px;
}
#fixed_weixin .fixed-container div {
    height: 220px;
}
#fixed_weixin .fixed-container p {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #000;
}

#online_open {
    width: 30px;
    height: 30px;
    background: #00d420;
    cursor: pointer;
    position: fixed;
    right: -40px;
    bottom: 190px;
    z-index: 99999;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}
#online_open {
    background: none;
    bottom: 0px;
    color: #515151;
    bottom: 160px;
    color: #999;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    width: 38px;
    height: 39px;
    border-bottom: none;
}
#online_open i {
    margin-top: 10px;
}
.fa-comments-o:before {
    content: "\f0e6";
}

#online_lx {
    width: 180px;
    height: auto;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);
    box-shadow: 0 5px 9px rgba(4,0,0,.17);
    position: fixed;
    right: 10px;
    bottom: 160px;
    z-index: 99999;
}
#online_lx {
    border-radius: 0px;
    bottom: 160px;
    margin-right: -10px;
}
#olx_head {
    padding: 20px;
    line-height: 16px;
    height: 16px;
    background: #00d420;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 14px;
}
#olx_head {
    background: #305DC3;
    border-radius: 0px;
}
#olx_head i {
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}

#olx_qq li a {
    padding: 12px 30px;
    height: 18px;
    line-height: 18px;
    background: #f5f5f5;
    color: #353434;
    display: block;
    border-bottom: #fff 1px solid;
    transition: all ease-out .3s;
    font-size: 12px;
}
#olx_qq li a i {
    color: #504f4f;
}
#olx_qq li a i {
    color: #5e5e5e;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 18px;
    transition: all ease-out .3s;
}
.fa-qq:before {
    content: "\f1d6";
}
#olx_tel {
    padding: 20px 30px;
}

#olx_tel div {
    color: #898989;
    line-height: 14px;
    height: 14px;
    margin-bottom: 10px;
}
#olx_tel div i {
    font-size: 18px;
    margin-right: 20px;
    vertical-align: middle;
}
#olx_tel p {
    line-height: 18px;
    font-family: HELVETICANEUELTPRO-THEX;
    font-size: 16px;
}

.show {
    display: block;
}

/*内页*/
.npagePage #banner {
    width: 100%;
    height: 200px;
    position: relative;
	overflow:hidden;
}
.npagePage #banner div {
    height: 200px;
    position: relative;
	background-color: #39383E;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.npagePage .content {
    background-color: #fff;
    position: relative;
    z-index: 1;
	width: 1200px;
    margin: 0 auto;
}
.npagePage .content img{ max-width:100%;}
.npagePage .content .header {
    padding-bottom: 40px;
    padding-top: 70px;
}
.content .header p.title {
    font-size: 26px;
    color: #444;
    margin-bottom: 8px;
}
.content .header p {
    text-align: center;
}
.content .header p.subtitle {
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
}
.content .header p.subtitle {
    color: #c1c1c1;
    font-size: 16px;
}

/*联系我们*/
.npagePage .postbody {
    width: 1200px;
	margin:auto;
}
.postbody {
    line-height: 24px;
    font-size: 13px;
    color: #6a6a6a;
}
.postbody p {
    word-wrap: break-word;
    word-break: normal;
}

#pages {
    padding: 40px 0 80px;
    height: 36px;
    text-align: center;
}
#pages {
    width: 960px;
    margin-left: 220px;
}
.postbody hr {
    height: 1px;
    border: none;
    border-top: 1px dotted rgb(211, 211, 211);
    margin-top: 20px;
    margin-bottom: 20px;
}

/*新闻*/
.Pagenews .content .header {
    padding-bottom: 40px;
    width: 220px;
    background-color: #264EA7;
    position: relative;
    top: -70px;
    height: 70px;
    padding-top: 40px !important;
    border-radius: 3px 3px 0px 0px;
}
.Pagenews .content .header p.title {
    text-align: left;
    margin-left: 31px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 8px;
    margin-top: -5px;
    width: 158px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    letter-spacing: 1px;
    color: #fff;
}
.Pagenews .content .header p.subtitle {
    float: right;
    letter-spacing: 1px;
    font-size: 15px;
    display: inline-block;
    color: #EAEAEA;
    margin-top: 0px;
    margin-right: 31px;
    width: 150px;
    overflow: hidden;
    text-align: right;
}

.npagePage #category {
    padding-top: 15px;
    margin-left: 0px;
    padding-bottom: 30px;
    width: 205px;
    float: left;
    padding-left: 15px;
    text-align: left;
    margin-top: -70px;
    background-color: #305DC3;
    border-radius: 0px 0px 3px 3px;
}
.npagePage #category a {
    border: 0px;
    background: none;
    color: #CFDCF9;
    font-size: 14px;
    position: relative;
    padding: 0;
    line-height: 42px;
    height: 42px;
}
.Pagenews #category a {
    border-bottom: 1px solid rgba(0,0,0,.08);
    float: none;
    display: block;
    height: 43px;
    margin-top: 1px;
    margin-bottom: 1px;
    line-height: 43px;
    padding-left: 15px;
    margin-right: 16px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.Pagenews #category a:hover {
    padding-left: 30px;
    background-color: #2249A0;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.Pagenews #newslist {
    width: 960px;
    float: right;
    padding-top: 0px;
    margin-top: -95px;
}
#newslist, #newslist .wrapper, #indexPage #mnews .content_list {
    height: 100%;
    width: 100%;
}
.Pagenews #newslist .newstitem {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 936px;
    margin: 0;
    height: 150px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    margin-left: 25px;
}
.Pagenews #newslist .newstitem:nth-of-type(2n+1) {
    border-right: none;
}
#newslist .newstitem a.newscontent {
    z-index: 7;
}
#newslist .newstitem a.newscontent {
    height: 100%;
    display: block;
    text-align: center;
    position: relative;
}
.Pagenews #newslist .wrapper .news_wrapper {
    width: 800px;
    float: left;
    position: relative;
    margin-left: 110px;
	height: 100%;
    z-index: 1;
    transition: all 0.25s ease 0s;
}
#newslist .newsbody {
    overflow: hidden;
    margin-left: 100px;
    float: left;
}
#newslist .newsbody {
    display: inline-block;
    max-width: 99%;
    vertical-align: middle;
    width: 330px;
}
#newslist .newsbody .title {
    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: #06090e;
    line-height: 32px;
    text-align: left;
    position: absolute;
    text-indent: 0px;
}
.Pagenews #newslist .newsbody .title {
    width: 360px;
    margin-top: 8px;
    line-height: 24px;
    height: 24px;
    padding-bottom: 8px;
    margin-bottom: 0px;
    overflow: hidden;
}
#newslist .separator {
    background: #000 none repeat scroll 0 0;
    border-radius: 3px;
    color: transparent;
    font: 0px/0;
    height: 6px;
    margin: 15px auto 20px;
    position: relative;
    text-decoration: none;
    width: 6px;
}
#newslist .separator {
    display: none;
    color: transparent;
    font: 0px/0;
    height: 6px;
    text-decoration: none;
    background-color: #E2E2E2;
    content: "";
    height: 1px;
    position: absolute;
    top: 23%;
    width: 33px;
}
#newslist .newsbody .description {
    height: 78px;
    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: #909090;
    line-height: 26px;
    text-align: left;
    position: absolute;
    top: 108px;
}
.Pagenews #newslist .newsbody .description {
    width: 620px;
    top: 55px;
    margin-top: 0px;
    height: 50px;
    font-size: 13px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #B5B5B5;
}

.Pagenews #newslist .newstitem .newsimg {
    display: block;
    width: 180px;
    height: 110px;
    margin-top: 5px;
}
#newslist .newstitem .newsimg, #newslist .newstitem .news_wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	background-position: center;
    background-size: cover;
}
.Pagenews #newslist .newstitem a.details {
    display: none;
}

/*新闻内页*/
.npagePage {
    padding-top: 80px;
}
.npagePage .content .header {
    padding-bottom: 30px;
    padding-top: 60px;
}
.npagePage .postbody {
    width: 1200px;
}
.postbody {
    line-height: 24px;
    font-size: 13px;
    color: #6a6a6a;
}

/*产品*/
#pages a {
    width: 36px;
    height: 36px;
    background-color: #fff;
    display: inline-block;
    color: #a9a9a9;
    line-height: 36px;
    text-align: center;
    font-family: Arial;
    margin-right: 5px;
    transition: background-color 0.2s ease-out;
}
#pages a.active, #pages a:hover { background-color: #6b6b6b;}
.Pagenews #pages a{background-color: rgba(214, 214, 214, 0.37);color: #969494;transition: background-color 0.2s ease-out;}
.Pagenews #pages a:nth-child(1){color:#fff;background-color: #305dc3; }
.Pagenews #pages a:hover{background-color: #305dc3; color: #fff;}
.Pagenews #pages a{margin-right: 6px;}
.Pageanli #pages a{background-color: rgba(214, 214, 214, 0.37);color: #969494;transition: background-color 0.2s ease-out;}
.Pageanli #pages a:hover{background-color: #305dc3; color: #fff;}

.Pageanli #pages a:nth-child(1){color:#fff;background-color: #305dc3; }


#mproject .content > .header {
    animation-name: fadeInUp;
}
.Pageanli #plheader {
    padding-bottom: 40px;
    width: 220px;
    background-color: #264EA7;
    position: relative;
    top: -80px;
    height: 70px;
    padding-top: 40px !important;
    border-radius: 3px 3px 0px 0px;
}
.Pageanli .content .header p.title {
    text-align: left;
    margin-left: 31px;
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 8px;
    margin-top: 0px;
    width: 158px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    letter-spacing: 1px;
    color: #fff;
}
.Pageanli .content .header p.subtitle {
    letter-spacing: 1px;
    font-size: 15px;
    display: inline-block;
    padding-top: 0px;
    color: #EAEAEA;
    margin-top: 0px;
    margin-right: 31px;
    float: right;
    overflow: hidden;
    width: 150px;
    text-align: right;
}
.npagePage #category {
    padding-top: 15px;
    margin-left: 0px;
    padding-bottom: 30px;
    width: 205px;
    float: left;
    padding-left: 15px;
    text-align: left;
    margin-top: -120px;
    background-color: #305DC3;
    border-radius: 0px 0px 3px 3px;
}
.npagePage #category a {
    border: 0px;
    background: none;
    color: #CFDCF9;
    font-size: 14px;
    position: relative;
    padding: 0;
    line-height: 42px;
    height: 42px;
}
.npagePage #category a {
    border-bottom: 1px solid rgba(0,0,0,.08);
    float: none;
    display: block;
    height: 43px;
    margin-top: 1px;
    margin-bottom: 1px;
    line-height: 43px;
    padding-left: 15px;
    margin-right: 16px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.npagePage #category a:hover {
    padding-left: 30px;
    background-color: #2249A0;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#mproject{ padding-top:0;}
.Pageanli .content > .header{
border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 40px;
}

.Pageanli #projectlist {
    text-align: left;
    padding-top: 0px;
    margin-top: -140px;
    background-color: #fff;
}
#projectlist {
    float: right;
    width: 960px;
}
.npagePage #projectlist .wrapper {
    margin-left: 20px;
    display: inline-block;
    width: auto;
}
#sitecontent .Pageanli #projectlist .projectitem {
    width: 300px;
    margin: 0 20px 53px 0;
    height: 318px;
    background: none;
    display: inline-block;
    transition: all 0.3s ease-out 0s;
	padding:0 !important;
}
#sitecontent .Pageanli #projectlist .projectitem {
    margin: 0 20px 36px 0;
    height: 309px;
}
#sitecontent .npagePage #projectlist .projectitem {
    float: left;
    position: relative;
}
#projectlist .projectitem {
    animation-name: fadeInUp;
}
#projectlist .projectitem a {
    display: block;
    overflow: hidden;
}
#projectlist .projectitem a img {
    position: relative;
    perspective: 150;
    -webkit-perspective: 150;
}
#projectlist .projectitem a img {
    float: none;
    width: 100%;
    height: auto;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#projectlist .projectitem a:hover img { transform: scale(1.08, 1.08);}
#projectlist .projectitem a .project_info {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-out .3s;
}
.Pageanli #projectlist .projectitem a .project_info {
    top: 22px;
}
#projectlist .projectitem a .project_info div {
    position: relative;
    top: 50%;
    margin-top: -15px;
}
.npagePage #projectlist .projectitem a .project_info div {
    border-bottom: 1px rgba(109, 109, 109, 0.22) solid;
    height: 146px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #fff;
}
.npagePage4 #projectlist .projectitem a .project_info div{ height: 131px;}
.npagePage #projectlist .projectitem a .project_info p { width:auto; text-align:left; }
.npagePage #projectlist .projectitem a .project_info .title { font-size: 16px;
    color: #06090e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 32px;
    line-height: 32px;
    text-align: left;
        padding-top: 25px;
    padding-left: 14px;
    margin: 0px;
    padding-right: 14px;}


.npagePage #projectlist .projectitem a .project_info .subtitle {  -webkit-transform-origin: center bottom;border: 0px red solid;display: block; overflow: hidden; margin:0px; padding:0px 70px 0px 0px;  -moz-transform-origin: center bottom;overflow: hidden;line-height: 40px;transform-origin: center bottom;  opacity: 1;-webkit-transform: rotateX(0deg); height: 40px; position: absolute;left: 20%; top: -40px;color: #FFFFFF;width: 60%; font-size: 15px;height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 15px;
    text-align: center;
    padding: 0px;
    background: rgba(48, 93, 195, 0.87);
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    margin: 0px;}

#sitecontent .Pageanli #projectlist .projectitem:hover{box-shadow: 0px 7px 17px #dedede;}
#projectlist .projectitem a .project_info p.description.hide{display: block;color: #afafaf;font-size: 13px;padding-top: 20px;text-align: center !important;line-height: 22px;height: 40px;padding-top: 16px;overflow: hidden;}
.Pageanli #projectlist .projectitem a .project_info p.description.hide{padding-left:15px;padding-right: 15px;text-align: left !important;padding-top: 13px;}
.npagePage #projectlist .projectitem a .project_info p.description.hide {
    text-align: left !important;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px 14px;
}
#sitecontent .npagePage #projectlist .projectitem:nth-child(3n) {
    margin-right: 0;
}

/*产品内页*/
.nobanner .npagePage {
    padding-top: 80px;
}
.npagePage4 .content {
    width: 100%;
}
.npagePage .content {
    background-color: #fff;
    position: relative;
    z-index: 1;
}
#post_slider { background:#f8f8f8;}
#projectimages4 img { margin-bottom:10px;}
#projectbody4 {border-bottom: 1px dotted rgba(0,0,0,.1); padding-bottom:20px;}
/*#projectbody4 { display:none;}*/
.npagePage4 #projectwrap4 { margin-top:10px;}
.npagePage4 #post_slider, #post_slider1 { height:510px;}
.npagePage4 #post_slider li { height:510px;}
.npagePage4 #projectshow4 { margin-top:10px;}
.npagePage4 .bx-wrapper {width: 1180px;margin: 0px auto;}
.npagePage4 .bx-wrapper .bx-controls-direction a { border-radius:0; background: rgba(0,0,0,.0); width:50px; height:50px; border:1px solid rgba(0,0,0,.1)}
.npagePage4 .bx-wrapper .bx-controls-direction a i { color:rgba(0,0,0,.3);}
.npagePage4 .bx-wrapper .bx-controls-direction a:hover { background:rgba(0,0,0,.5);}
.npagePage4 .bx-wrapper .bx-controls-direction a:hover i { color:#fff;}
.npagePage4 .bx-wrapper .bx-controls-direction a.bx-next i { margin-left:20px; margin-top:9px;}
.npagePage4 .bx-wrapper .bx-controls-direction a.bx-prev i { margin-left:19px; margin-top:9px;}
.npagePage4 #projectlist .wrapper { text-align:left;}
.npagePage4 #projectinfo4 { border-bottom:1px dotted rgba(0,0,0,.1);}
.npagePage4 #projectinfo4 .header { padding-bottom:10px; padding-top:50px;}
#sitecontent .npagePage4 #projectlist .projectitem {width:24%;margin: 0 10px 25px 0;height: 372px;}
#sitecontent .npagePage4 #projectlist .projectitem:nth-child(4n),#sitecontent .npagePage3 #projectlist .projectitem:last-child { margin-right:0;}
#sitecontent .npagePage4 #projectlist .projectitem a img { height:auto;}

.npagePage4 #projecttags4 a { border:1px solid rgba(0,0,0,.15); background:#fff; padding:5px 18px;transition: all 0.3s ease-out 0s;}
.npagePage4 #projecttags4 a:hover {border:1px solid #6fc9b1;border: 1px solid #96abdc;background: #829fe2;color: #fff;}
#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover {background-color: rgba(34, 73, 160, 0); color:#333;}
#category li.hasmore div ul a{color: rgba(255, 255, 255, 0.62);}

#projectwrap1, #projectwrap2, #projectwrap3, #projectwrap4, #projectwrap5 {
    width: 1180px;
    margin: 0 auto;
    margin-top: 50px;
}
.npagePage4 #projectwrap4 {
    margin-top: 10px;
}
.npagePage4 .content .header {
    background-color: #fff;
    width: 1160px;
    padding: 0px;
    margin-bottom: 30px;
}
.npagePage4 #projectih4 .title-warp p {
    text-align: left;
}
#projectinfo4 .header p.title {
    font-size: 22px;
    margin-bottom: 8px;
}
#projectinfo4 div.description {
    margin-top: 20px;
    line-height: 24px;
    font-size: 13px;
}
.npagePage4 #projectih4 .description p {
    font-size: 13px;
    line-height: 22px;
    color: #B7B7B7;
    margin: 0px;
    background-color: rgba(247, 247, 247, 0);
}
#projectinfo1 .header p, #projectinfo2 .header p, #projectinfo3 .header p, #projectinfo4 .header p, #projectinfo5 .header p {
    text-align: left;
}

#projectshow1 #projecttags1, #projectshow2 #projecttags2, #projectshow3 #projecttags3, #projectshow4 #projecttags4 {
    margin-top: 20px;
    width: 100%;
	 overflow:hidden;
}
#projecttags1 a, #projecttags2 a, #projecttags3 a, #projecttags4 a, #projecttags5 a {
    transition: all ease-out .3s;
    float: left;
    font-size: 13px;
    color: #989898;
    padding: 5px 10px;
    background: #f3f3f3;
    margin-right: 5px;
    margin-bottom: 5px;
}
.npagePage4 #projecttags4 a {
    border: 1px solid rgba(0,0,0,.15);
    background: #fff;
    padding: 5px 18px;
    transition: all 0.3s ease-out 0s;
}
#projectshow1 #projectib1, #projectshow2 #projectib2, #projectshow3 #projectib3, #projectshow4 #projectib4, #projectshow5 #projectib5 {
    margin-top: 20px;
}
#projectlist {
    text-align: center;
    float: right;
    width: 960px;
}
.npagePage #projectlist .wrapper {
    margin-left: 20px;
    display: inline-block;
    width: auto;
}
.npagePage4 #projectlist {
    float: none;
}
.npagePage4 #projectlist .wrapper {
    margin-left: 0px;
    width: 1200px;
}
.npagePage4 #projectlist .wrapper {
    text-align: left;
}

#sitecontent .npagePage4 #projectlist .projectitem {
    width: 24%;
    margin: 0 10px 25px 0;
    height: 372px;
}
#sitecontent .npagePage #projectlist .projectitem {
    float: left;
    position: relative;
}
.npagePage4 #projectlist .projectitem {
    margin-right: 25px !important;
}
#sitecontent .npagePage4 #projectlist .projectitem {
    width: 280px !important;
    height: 263px;
    margin-bottom: 25px;
}
#npagePage #projectlist .projectitem a .project_info {
    position: inherit;
}
#projectlist .projectitem a .project_info {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-out .3s;
}
#npagePage #projectlist .projectitem a .project_info div {
    margin-top: 0px;
}
.npagePage4 #projectlist .projectitem a .project_info div {
    height: 131px;
}
#sitecontent .npagePage4 #projectlist .projectitem:hover{    box-shadow: 0px 7px 17px #dedede;}
.npagePage4 #projectlist .projectitem:nth-child(3n) {margin-right: 25px !important;}
.npagePage4 #projectlist .projectitem:nth-child(4n) {margin-right: 0px !important;}

#category .active{ padding-left: 30px !important; background-color: #2249A0 !important;}

/*产品01*/
.rt-block{
    color: #606060;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    padding:30px 20px;
    position: relative;
    background-color: #F6F6F6;
}
.articleBody{ font-size:14px; line-height:24px; color:#333;}
.component-content a{ font-size:20px; height:40px; color:#333; display:block; overflow:hidden; margin-bottom:10px;}

.module-title {
    background: #305dc3;
    border-radius: 3px;
	position:relative;
}
.module-title p {
	display:block;
	width:0;
	height:0;
	border-top:10px solid rgba(0,0,0,0);
	border-right:10px solid  rgba(0,0,0,0);
	border-top:10px solid #305dc3;
	border-left:10px solid  rgba(0,0,0,0);
	position:absolute;
    top: 50px;
    left: 30px;
    z-index: 1;
}

.rt-container {
    width: 100%;
    margin: 0 auto;
}
.module-content li{ display:block; overflow:hidden;
    padding: 23px 0 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sprocket-lists-title{ height:30px; overflow:hidden; padding-left:40px; line-height:30px; font-size:18px; color:#333; position:relative; cursor:pointer;}
.sprocket-lists-title .indicator,.sprocket-lists-title .indicator01{ width:30px; height:30px; border-radius:3px; background-color:#333; text-align:center; font-size:18px; color:#fff; position:absolute; left:0; top:0;}
.sprocket-lists-title .indicator01{ display:none;}
.sprocket-lists-title .indicator{ display:block;}

.sprocket-lists-item{ width:100%; display:none; overflow:hidden;}
.sprocket-lists-item .sprocket-padding{ display:block; width:100%; font-size:14px; line-height:24px; color:#333;}
.sprocket-lists-item .sprocket-padding img{ display:block; float:left; width:240px;}
.readon{ width:78px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background-color:#333; display:block; float:right; border-radius:2px;}
.module-content li.active .sprocket-lists-item{ display:block;}
.module-content li.active .sprocket-lists-title .indicator01{ display:block;}
.module-content li.active .sprocket-lists-title .indicator{ display:none;}

/*内页*/
.responsive{ width:100%; overflow:auto; margin-top:30px;}
.responsive table{ width:100%; overflow:hidden; text-align:center; vertical-align:middle;line-height:40px; font-size:14px; background-color:#fff; color:#333;}
.responsive table th{ background-color:#333; height:40px; color:#fff;}
.responsive table td{ height:40px;}
.responsive table td a{ background-color:#305dc3; color:#fff; display:block; width:100%; height:40px; }
.module-surround{ margin-top:30px;}
.module-content{ margin-top:30px;}
.icon-book .hidden{ font-size:18px; line-height:40px; height:40px;}
.icon-book p{ font-size:14px;}
.icon-book dl{ display:block; padding-top:20px;}
.icon-book dt{ display:block; line-height:24px; font-size:14px; padding:5px 0; list-style:circle; width:99%; padding-left:1%; color:#333; position:relative;}
.icon-book dd{ display:block; line-height:24px; font-size:14px; padding:5px 0; list-style:circle; width:99%; padding-left:1%; color:#333; position:relative;}
.icon-book dl b{ width:4px; height:4px; border-radius:10px; background-color:#333; position:absolute; left:0; top:15px;}
#mcontact #contactinfo div a:hover { background-color: rgb(48, 93, 195);border-radius: 4px;}
#mcontact #contactinfo div a:hover i { color:#fff; }
.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7";
	visibility:hidden
}
#mcontact #contactinfo div:after {
    content: '关注';
    color: #696969;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    top: -56px;
    left: 0px;
}
.Pagenews #category {
    margin-top: -70px;
}

#olx_head i:hover { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); 	/* IE 9 */ -moz-transform: rotate(90deg); 	/* Firefox */ -webkit-transform: rotate(90deg); /* Safari和 Chrome */ -o-transform: rotate(90deg); 	/* Opera */ }
/*#online_open:hover {background-color: #555; color:#fff;}
*/
.npagePage{ padding-top:80px !important;}