@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;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:12px;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:auto;zoom:1;overflow-y:scroll;/* overflow:-moz-scrollbars-vertical; */}
body{color:#666;font-size:12px;line-height:24px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; }
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#007dbf;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;}
.tel{font-size: 25px;position: relative;top: 1px;}

/* 头部  */

/*  案例 */
.case{padding:50px 0;background: url('../images/case_bg.jpg');overflow:hidden;}
.homeTitle{font-size:18px;color:#999;text-align:center;text-transform:uppercase;margin-bottom:30px;}
.homeTitle h4{font-weight:normal;font-size:24px;}
.homeTitle h2 span{background:#fff;padding:0 15px;}
.homeTitle h2{font-weight:normal;color:#333;background: url('../images/t_line.jpg') repeat-x left center;font-size:30px;line-height:30px;margin:10px 0;}
.homeTitle h2 em{color:#999;font-size:30px;margin:0 10px;font-style:normal;}
.homeTitle h2 strong{color:#007cc1;}
.case .homeTitle h2 span{background: url('../images/case_bg.jpg');}

.caseMenu{height:100px;margin-bottom:20px;width:100%;display: table;text-align: center;}
.caseMenu li{float:none;display:inline-block;width:60px;height:100px;background: url('../images/cIcon_bg.png') no-repeat -100px center;font-size:14px;text-align:center;padding:0 20px;line-height:18px;margin-right:37px;cursor:pointer;}
.caseMenu li i{display:inline-block;width:30px;height:30px;background: url('../images/caseIcon.png') no-repeat;margin-top:10px;}
.caseMenu li.last{font-size:36px;padding-top:30px;text-transform: uppercase;margin-right:0;}
.caseMenu li.last span{font-size:14px;margin-top: 4px;}
.caseMenu li span{display:block;margin-top:-7px;font-size: 12px}
.caseMenu li.c2 i{background-position: -30px 0;}
.caseMenu li.c3 i{background-position: -60px 0;}
.caseMenu li.c4 i{background-position: -90px 0;}
.caseMenu li.c5 i{background-position: -120px 0;}
.caseMenu li.c6 i{background-position: -150px 0;}
.caseMenu li.c7 i{background-position: -180px 0;}
.caseMenu li.c8 i{background-position: -210px 0;}
.caseMenu li.on{background-position: 0 0;}
.caseMenu li.on span{color:#fff;font-size: 12px}
.caseMenu li.on i{background-position: 0 -30px;transition:all 0.3s;}
.caseMenu li.c2.on i{background-position: -30px -30px;}
.caseMenu li.c3.on i{background-position: -60px -30px;}
.caseMenu li.c4.on i{background-position: -90px -30px;}
.caseMenu li.c5.on i{background-position: -120px -30px;}
.caseMenu li.c6.on i{background-position: -150px -30px;}
.caseMenu li.c7.on i{background-position: -180px -30px;}
.caseMenu li.c8.on i{background-position: -210px -30px;}

.caseMain,.caseBox{height:500px;overflow:hidden;}
.caseBox{position:relative;}
.caseSlide li{width:1200px;height:500px;overflow:hidden;}
.caseSlide li img{width:1200px;height:500px;}
.caseSlide li p{background: url('../images/opc.png');height:70px;line-height:70px;color:#fff;font-size:18px;padding:0 20px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top: -70px;position:relative;}
.caseBox .pageBtn span{position:absolute;width:30px;height:75px;background: url('../images/case_btn.png') no-repeat;left:0;top:220px;font-size:0;line-height:0;opacity:0;cursor:pointer;}
.caseBox .pageBtn span.next{right:0;left:auto;background-position: -30px 0;}
.caseBox:hover .pageBtn span{opacity:.8;transition:all 0.3s}

/*  优势 */
.odds{background: url('../images/odds_bg.jpg') no-repeat center top;padding:50px 0;height:590px;overflow:hidden;}
.oddsMenu{padding-left:555px;width:90px;}
.oddsMenu li{width:90px;height:40px;background: url('../images/oddsIcon.png') no-repeat;font-size:14px;color:#999;margin-bottom:10px;padding-top:50px;cursor:pointer;text-align:center;font-weight:bold;transition:all 0.3s;}
.oddsMenu li.m2{background-position:-90px 0;}
.oddsMenu li.m4{background-position:-180px 0;}
.oddsMenu li.m5{background-position:-270px 0;}
.oddsMenu li.m6{background-position:-360px 0;}
.oddsMenu li.on{background-position: 0 -90px;transition:all 0.3s;color:#fff;}
.oddsMenu li.m2.on{background-position:-90px -90px;}
.oddsMenu li.m4.on{background-position:-180px -90px;}
.oddsMenu li.m5.on{background-position:-270px -90px;}
.oddsMenu li.m6.on{background-position:-360px -90px;}
.oddsMain,.oddsBox{width:500px;height:;overflow:hidden;}
.oddsMain .top{padding-bottom:30px; border-bottom:1px solid #303030;}
.oddsMain .top h2{color: #f3ab21;font-size:36px;font-weight:normal;line-height:36px;margin-bottom:25px;padding-top:-10px;}
.oddsMain .top h3{font-size:24px;color: #f3ab21;line-height:28px; font-weight:normal;}
.oddsMain .top h3 span{display:block;font-size:14px;font-family:Arial;color:#434343;line-height:20px;margin-top:10px;font-weight:normal;}
.oddsMain .top .num{float:right;color:#1d1d1d;font-size:90px;line-height:90px;font-family:Arial;margin-top:-10px;font-weight:bold;}
.oddsMain .font{padding-top:20px;font-size:14px;color:#999;height:280px;}
.oddsMain .font p{background: url('../images/DqImgs/dd.png') no-repeat left 10px;padding-left:14px;margin-bottom:10px;}
.oddsMain .font .more{height:30px;line-height:30px;border:1px solid #007abe;padding:0 15px;color:#007abe;text-align:center;border-radius:15px;margin-top:20px;display:inline-block;}
.oddsMain .font .more:hover{color:#fff;border:1px solid #fff;transition:all 0.3s;}
.oddsMain .phone{background: url('../images/DqImgs/telYl_07.png') no-repeat left center;padding-left:58px;color: #f3ab21;}
.oddsMain .phone span{display:block;font-size:26px;}

/*  优势 */
.pageBan{background:#fff url('../images/DqImgs/pageBan.jpg') repeat-x;text-align:center;color:#333;padding-top:40px;}
.pageBan h3{font-size:28px;height:35px;}
.pageBan p{font-size:18px;margin-bottom:30px;}
.pageBan .more{width:160px;height:40px;background:#e80e00;font-size:14px;text-align:center;line-height:40px;border-radius:20px;color:#fff;display:inline-block;}
.pageBan .more:hover{background:#007cc1;transition:all 0.3s;}