﻿@charset "utf-8";
/**
深圳市诺骐网络信息技术有限公司
http://www.grwy.cn/
**/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
img{vertical-align:middle;}
ol,ul,li{list-style-type:none;}

button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1; }
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{color:#1b1f2b;font-size:12px;line-height:24px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; }
a{color:#1b1f2b;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#c52d29;text-decoration:none;}:focus{outline:none;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.gr_center{text-align:center;}
.grWidth{width:1200px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.center{text-align:center;}
.hidden{overflow:hidden;}
.nor{font-weight:normal;}


/* 头部  */
.topBar{line-height:40px;height:40px;background:#f2f2f2;overflow:hidden;border-bottom:1px solid #e6e6e6;}
.topBar em{font-style:normal;margin:0 10px;color:#d4d4d4;}
.topBar .phone{background: url('../images/p_icon.png') no-repeat left center;color:#c52d29;font-size:16px;padding-left:20px;margin-right:15px;}
.topBar .wb{background: url('../images/wb_icon.png') no-repeat 70px center;display:inline-block;padding:0 30px 0 15px;border:1px solid #e4e4e4;border-top:none;border-bottom:none;}
.topBar .wx{background: url('../images/w_icon.png') no-repeat 70px center;border-right:none;}
.header{padding-top:20px;height:80px;}
.nav{font-size:16px;margin-top:18px;}
.nav li{float:left;padding:0 30px; background: url('../images/nav_line.jpg') no-repeat right center;}
.nav li.last{background:none;padding-right:0;}
.nav li a{color:#333}
.nav li .current,.nav li a:hover{color:#c52d29;}
.topBar a{ color:#666666}


/*  尾部 */
.address{height:115px;}
.address li{float:left;width:300px;border-bottom:1px solid #ececec;padding-bottom:50px;margin-bottom:40px;font-size:16px;text-align:center;color:#c52d29;padding-top:20px;}
.address li p{margin-top:10px;}
.footLeft{width:700px;overflow:hidden;}
.footMenu{float:left;width:160px;}
.footMenu li a{ color:#666}
.footMenu li a:hover{color:#c52d29;}
.footMenu h3{height:35px;color:#333;font-weight:normal;font-size:18px;}
.footRight{width:430px;overflow:hidden;border-left:1px solid #eaeaea;padding-left:50px;}
.footWx{font-size:14px;height:111px;overflow:hidden;margin-bottom:10px;}
.footWx img{margin-right:10px;float:left;width:105px;height:105px;padding:2px;border:1px solid #dadada;}
.footWx p{margin-top:15px;}
.footPhone{margin:0;margin-bottom:10px;}
.footWx img{margin-right:20px;}
.footCopy{padding:20px 0 15px 0;overflow:hidden;}
.firendLink{height:50px;line-height:50px;background:#1e1e1e;color:#999;}
.firendLink em,.footCopy .fr em{font-style:normal;margin:0 10px;}
.firendLink a{color:#999;}
.firendLink a:hover{color:#fff;}

/*  内页导航 */
.seo_bg {
	background-position: center; width: 100%; height: 420px; background-image: url("../images/banner_seo.jpg"); background-repeat: no-repeat;
}
.about_banner {
	background-position: center; width: 100%; height: 380px; background-image: url("../images/casebanner.jpg"); background-repeat: no-repeat;
}
.soft_bg {
	background-position: center; width: 100%; height: 376px; background-image: url("../images/soft_banner.jpg"); background-repeat: no-repeat;
}
.subNav { height: 28px; padding-top: 25px; text-align: center; padding-bottom:25px; background-color:#efefef; }
.subNav a { height:28px; display: inline-block; color: #fff; font: normal 12px/28px "宋体"; background: #1b1f29; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-radius:25px; padding:0 25px; margin:0 12px; }
.subNav a:hover, .subNav a.current { background: #e73633; }
.mk_branding {
	text-align: center; padding-top: 65px; padding-bottom: 65px; background-color: #FFFFFF;
}
.mk_branding .tt {
	text-align: center; line-height: 24px; font-size: 14px;
}
.mk_branding .tt .text1 {
	line-height: 20px; padding-top: 20px; padding-bottom: 18px; font-size: 24px;
}
.mk_branding .tt strong {
	color: rgb(68, 68, 68); font-size: 28px;
}
.mk_branding img {
	margin-top: 40px;
}
.mk_wx {
	text-align: center; line-height: 24px; padding-top: 50px; padding-bottom: 50px; font-size: 14px;
}
.mk_wx .text1 {
	line-height: 20px; padding-top: 20px; padding-bottom: 18px; font-size: 24px;
}
.mk_wx strong {
	color: rgb(68, 68, 68); font-size: 28px;
}
.mk_wx img {
	margin-top: 40px;
}
.mk_soft_paper {
	text-align: center; line-height: 24px; padding-top: 50px; padding-bottom: 50px; font-size: 14px;
}
.mk_soft_paper .tt .text1 {
	line-height: 20px; padding-top: 20px; padding-bottom: 18px; font-size: 24px;
}
.mk_soft_paper .tt strong {
	color: rgb(68, 68, 68); font-size: 28px;
}
.mk_soft_paper img {
	margin-top: 45px;
}
.mk_wm {
	text-align: center; line-height: 24px; padding-top: 50px; padding-bottom: 50px; font-size: 14px;
}
.mk_wm .tt .text1 {
	line-height: 20px; padding-top: 20px; padding-bottom: 18px; font-size: 24px;
}
.mk_wm .tt strong {
	color: rgb(68, 68, 68); font-size: 28px;
}
.mk_wm img {
	margin-top: 45px;
}
/*在线咨询*/
.zixunseo{width:100%;height:298px;border-top:1px solid #ddd;text-align:center;margin-top:60px;}
.zixunseo p{font-size:33px;line-height:56px;padding-top:35px;padding-bottom:35px;}
.zixunseo a{display:inline-block;width:221px;height:54px;line-height:54px;font-size:24px;color:#f60;border-radius:30px;border:2px solid #ff6600;}
.zixunseo a:hover{background:#f60;color:#fff; transition:all 0.3s;}
/*-------------------------------服务----------------------------*/
.clear { clear:both;}
.all { width: 1200px; margin: 0 auto; overflow: hidden; }
.service { width: 100%; text-align: center; padding-top: 25px; padding-bottom: 24px; border-bottom: 1px solid #efefef; position: relative; }
.service h3 { font-size: 30px; color: #212121; padding-bottom: 4px; font-weight: normal; }
.service span { font-size: 12px; color: #999; font-family: Verdana, Geneva, sans-serif; }
.ab-service { width: 100%; text-align: center; padding-top: 25px; padding-bottom: 24px; border-bottom: 1px solid #bbb; }
.ab-service h3 { font-size: 40px; color: #212121; padding-bottom: 4px; }
.ab-service span { font-size: 12px; color: #999; font-family: Verdana, Geneva, sans-serif; }
.ab-service-txt { font-size: 12px; color: #444; line-height: 24px; padding: 30px 50px 30px 50px; }
.ab-service-txt b { color: #F00; }
.ab-service-txt p { margin-top: 8px; }
.ab-service-txt-b { width: 100%; background: url(../images/about-txt.png) no-repeat right center; }
.s_line { border-top: 0; border-bottom: 0; }
.add { padding-top: 30px; padding-bottom: 10px; }
.add h4 { font-size: 16px; color: #1f1f1f; font-weight: normal; padding-bottom: 8px; }
.add h3 { font-size: 40px; font-weight: normal; }
.red { color: #db0000; }
.web { width: 1214px; }
.web li { float: left; width: 390px; margin-right: 14px; height: 80px; margin-top: 14px; background: #007fff; }
.web li:hover { background: #b20000; }
.web li span { background: url(../images/sz.png) no-repeat; margin-left: 26px; margin-top: 22px; width: 40px; height: 64px; float: left; }
.web li div { float: left; width: 324px; margin-top: 22px; }
.web li div font { font-weight: bold; font-size: 16px; color: #fff; width: 100%; float: left; }
.web li div i { font-size: 14px; color: #fff; width: 100%; font-style: normal; }
.web li span.web_two { background-position: -80px 0; }
.web li span.web_three { background-position: -160px 0; }
.web li span.web_four { background-position: 0 -96px; }
.web li span.web_five { background-position: -80px -96px; }
.web li span.web_six { background-position: -160px -94px; }
.web li:hover { transition: background 0.5s; -moz-transition: background 0.5s; /* Firefox 4 */ -webkit-transition: background 0.5s; -o-transition: background 0.5s; }
/*-------------------------------------*/

.major li { float: left; width: 200px; padding: 50px; text-align: center; }
/*
.major li span i { opacity: 0.5; background: #fff; position: absolute; top: 0; left: 0; display: none; width: 100px; height: 100px; }

.major li span:hover i { display: block; }*/

.major li img { width: 60px; }
.major li span { background: url(../images/pro.png) no-repeat; width: 60px; height: 60px; display: inline-block; overflow: hidden; }
.major li span.sm1 { background-position: -200px -300px; }
.major li span.sm2 { background-position: -200px -240px; }
.major li span.sm3 { background-position: -200px -420px; }
.major li span.sm4 { background-position: -200px -360px; }
.major li div { font-size: 20px; color: #db0000; text-align: center; padding-top: 12px; font-weight: bold; }
.major li p { font-size: 12px; color: #999; line-height: 18px; padding-top: 10px; text-align: left; }


/*------------------------------------------------------------软件开发--------------------------------------------------------------------------------*/

.soft-youshi { background: url(../images/soft-youshi.jpg) repeat center; }
.rj .bj { background: url(../images/al.png) no-repeat right 30px; text-shadow: 0 1px 1px rgba(0,0,0,0.8); }
.rj .wzjs { margin-top: 150px; padding: 0; }
.rj .wzjs div.Trouble { font-size: 15px; font-family: Verdana, Geneva, sans-serif; }
.rj .wzjs div, .rj .wzjs h4 { padding-left: 124px; }
.rj .wzjs h3 { padding: 0 0 14px 124px; }
.rj .wzjs h4 { font-size: 20px; padding-bottom: 10px; padding-top: 14px; font-weight: bold; }
.case .bj { background: url(../images/al.png) no-repeat right center; margin-right: 10px; }
.case .wzjs { margin-top: 80px; padding-left: 80px; }
.case .wzjs h4 { font-size: 16px; padding: 8px 0; }
.case .wzjs .QQ a { background-position: -144px -93px; }
.case .wzjs .QQ a:hover { background-position: 0 -93px; }
.case_to { width: 500px; border: 1px #bbb dashed; margin: 0 auto; color: #555; font-size: 12px; padding: 10px; margin-top: 15px; }
.case_to_l { width: 50%; float: left; line-height: 28px; }
.case_to_r { width: 50%; float: left; line-height: 28px; }
.case_to_r a { color: #555; }
.case_to_txt { width: 100%; float: left; line-height: 26px; }
.case_img { width: 1200px; margin: 0 auto; }
.case_img img { width: 270px; border: 1px #ccc solid; padding: 2px; margin: 2px; }
.al { padding-top: 36px; padding-bottom: 14px; }
.al h4 { font-size: 20px; color: #1f1f1f; padding-bottom: 4px; font-weight: normal; }
.soft_tu { width: 100%; margin-top: 20px; }
.soft_tu ul { width: 100%; }
.soft_tu li { width: 25%; height: 120px; line-height: 25px; text-align: center; float: left; margin-bottom: 5px; }
.soft_tu li span { display: block; height: 60px; width: 60px; background: url(../images/soft-youshi.jpg) repeat center; }
.soft_tu li div { width: 98%; height: 105px; padding-top: 15px; background-color: #fff; border: 1px #eee solid; color: #555; border-radius: 5px; font-size: 12px;  }
.soft_tu li div:hover { border: 1px #ccc solid; color: #777; }
.soft_line { border-top: 1px #eee solid; margin-top: 20px; padding-top: 20px; }
.soft_tu li span { display: block; height: 60px; width: 60px; background: url(../images/pro.png) no-repeat; margin: 0 auto; }
.soft_tu li span.span1 { background-position: -200px 0; }
.soft_tu li span.span2 { background-position: 0px 6px; }
.soft_tu li span.span3 { background-position: -200px -120px; }
.soft_tu li span.span4 { background-position: -200px -60px; }
.soft_tu li span.span5 { background-position: -200px -180px; }

.customers { padding-top: 34px; padding-bottom: 10px; }
/*-------------------------------案例展示----------------------------*/

.Cooperation { width: 100%; background: #007FFF; float: left; }
.choose, .tell { width: 100%; text-align: center; padding-top: 26px; padding-bottom: 26px; }
.choose h3 { font-size: 30px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); font-weight: normal; }
.choose span { font-size: 12px; padding-top: 6px; float: left; width: 100%; }
.tell { padding-bottom: 36px; }
.tell h3 { font-size: 16px; font-weight: normal; }
.tell div { font-size: 12px; font-family: Verdana, Geneva, sans-serif; width: 100%; padding: 6px 0; float: left; }
.Brand ul { width: 1224px; }
.Brand li { float: left; padding-top: 24px; padding-right: 34px; text-align:center;}
.Brand_lr { width: 100%; background: url(../images/anli.jpg) repeat-x; float: left; margin-bottom: 1px; }
.Brand_lr h3 { color: #fff; }
.Brand_lr .service { border-bottom: 0; }
.Brand_lr .service span { color: #fff; }
.join { background: none; padding-top: 26px; padding-bottom: 92px; }
.join .Brand li img { border: 1px solid #ccc; }
.index_t{text-align:center;margin:15px auto 10px auto;width: 100%;}
.index_t h2,.index_t h1{font-size:38px;padding:0 20px 15px 20px;}
.index_t h2 em,.index_t h1 em{display: block;font-style: normal;color: #e65928;font-size: 20px;padding-top: 15px;font-weight: normal;}
.index_t h2.border_b{border-bottom:1px #ddd solid;}
.index_t p{padding:20px 0;width: 1000px;margin:auto;}


/*浮动客服*/
.sidebar{position: fixed;right: 0;top: 50%;width: 55px;background: rgba(0, 0, 0, 0.3);padding: 12px 0 12px 0;border-radius: 8px 0 0 8px;z-index: 999999;display: block;}
.sidebar li{display: block;height: 50px;width: 160px;padding-left: 17px;border-radius: 8px 0 0 8px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; position:relative;}
.sidebar li span{ display:none; position:absolute; top:-30px; left:-110px;border-radius:10px; border:5px solid #fff;}
.sidebar li img{display: block;}
.sidebar li:hover{margin-left: -105px;background: rgba(0, 0, 0, 0.6);}
.sidebar li:hover span{ display:block;transition: all 2s;}