@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}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
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:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{font:12px/24px "微软雅黑","宋体",Arial, Helvetica, sans-serif;color:#666;cursor: default;}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#2769c2;text-decoration:none;}:focus{outline:none;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.gr_center{text-align:center;}
.grWidth{width:1100px; margin:0 auto;}
.wrap{width:1100px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.center{text-align:center;}
.hidden{overflow:hidden;}



/*  产品展示 */
.product{padding:50px 0;overflow:hidden}
.product .title{text-align:center;margin-bottom:40px;background: url(img/btbg.gif) no-repeat center;}
.product .title a{font-size: 39px;transition: all 0.3s;}
.product .title a h2{font-weight: bold;}
.product .ysf dl{float: left;padding: 40px 47px 40px 128px;cursor: pointer;margin-right: 37px;}
.product .ysf dl dt{color: #fff;font-size: 18px;}
.product .ysf dl.ysf1{background: #2768c2 url(img/z.png) no-repeat 34px 22px;transition: all 0.3s;}
.product .ysf dl.ysf1:hover{background: #ffe727 url(img/z1.png) no-repeat 34px 22px;}
.product .ysf dl.ysf1:hover dt{color: #e9110e}
.product .ysf dl.hover{background: #ffe727 url(img/z1.png) no-repeat 34px 22px;}
.product .ysf dl.hover dt{color: #e9110e}
.product .ysf dl.ysf2{background: #2768c2 url(img/z2.png) no-repeat 34px 22px;transition: all 0.3s;}
.product .ysf dl.ysf2:hover{background: #ffe727 url(img/z3.png) no-repeat 34px 22px;}
.product .ysf dl.ysf2:hover dt{color: #e9110e}
.product .ysf dl.ysf3{background: #2768c2 url(img/z4.png) no-repeat 34px 22px;transition: all 0.3s;}
.product .ysf dl.ysf3:hover{background: #ffe727 url(img/z5.png) no-repeat 34px 22px;}
.product .ysf dl.ysf3:hover dt{color: #e9110e}
.product .ysf dl.ysf4{background: #2768c2 url(img/z6.png) no-repeat 34px 22px;transition: all 0.3s;margin-right: 0px;}
.product .ysf dl.ysf4:hover{background: #ffe727 url(img/z7.png) no-repeat 34px 22px;}
.product .ysf dl.ysf4:hover dt{color: #e9110e}
.productcenter{ margin-top: 40px; }
.pc_l .pc_lb .img { text-align: center; }
.pc_l .pc_lb .more { color: #f00; background: #ffe827; font-size: 16px; padding: 2px 40px; border-radius: 5px;display: inline-block;margin: 10px 0;}
.pc_l .pc_lb h4 { font-size: 14px; color: #fff;padding: 10px 0;}
.pc_l .pc_lb p { font-size: 24px; color: #fff; }
.pc_l .pc_lb { background: #2768c2; text-align: center; }
.pc_l .pc_ltit h2 a { font-size: 20px; color: #ffffff; transition: all 0.3s; }
.pc_l .pc_ltit h2 { font-weight: bold; }
.pc_l .pc_ltit h2 a span { font-size: 14px; font-weight: normal; padding-left: 10px; text-transform: uppercase; }
.pc_l .pc_ltit h2 a:hover { padding-left: 10px; transition: all 0.3s; }
.pc_l .pc_ltit { background: #2768c2; height: 80px; line-height: 105px; text-align: center; overflow: hidden; }
.pc_l .pc_ltot  ul {	/*margin-top: 15px;*/ }
.pc_l .pc_ltot dl dd div { position: absolute; width: 20px; height: 50px; right: -12px; top: 0; z-index: 999999; }
.pc_l .pc_ltot li a:hover { color: #d12121; }
.pc_l .pc_ltot li a { color: #333; cursor: pointer; display: block; }
.pc_l .pc_ltot li { background: url(img/libg.jpg) left center no-repeat; padding-left: 25px; line-height: 39px; font-size: 15px; color: #333333;margin-top: 3px; position: relative;}
.pc_l .pc_ltot li ul{display: none;position: absolute;    left: 120px; z-index: 999; white-space: nowrap; top: 0;    background: #2768c2 ;}
.pc_l .pc_ltot li ul li{background: none;padding: 0 25px;
    border-bottom: 1px solid #417bca;}
.pc_l .pc_ltot li ul li:hover{background: #ffe727;}
.pc_l .pc_ltot li ul li:hover a{color: #333;}
.pc_l .pc_ltot li ul li a{color: #fff;}
.pc_l .pc_ltot li:hover ul {display: block;}
.pc_l .pc_ltot { border: 5px #2768c2 solid; padding: 3px 10px; background: #ffffff; border-bottom: 0px; }
.pc_l { width: 248px; float: left; }
.pc_r{ width:820px; float:right}
.pc_r h4{ height:50px; line-height:50px;  overflow:hidden;background: #f5f5f5;}
.pc_r h4 .s1{ float:left}
.pc_r h4 .s1tit{ font-size:18px;color:#000;padding-left: 15px;transition: all 0.3s;}
.pc_r h4 .s1tit:hover{padding-left: 25px;transition: all 0.3s;color: #2768c2;}
.pc_r h4 span i{width: 70px;background: #2768c2;display: inline-block;text-align: center;}
.pc_r h4 .s2{ float:right; font-weight:normal}
.pc_r h4 .s2 a{font-size: 14px;color: #000;padding-right: 15px;transition: all 0.3s;}
.pc_r h4 .s2 a:hover{padding-right: 25px;transition: all 0.3s;color: #2768c2;}
#demo{overflow:hidden;width:820px;}
#demo .demowrap{overflow:hidden;width:30000px;}
#demo .demowrap li{float:left;display:inline;width: 235px;margin: 25px 15px 0;border: 1px solid #ededed;background: #fff;padding-bottom: 10px;transition: all 0.3s;}
#demo .demowrap li:hover{background: #2768c2;border: 1px solid #2768c2;transition: all 0.3s;}
#demo .demowrap ul li a{display: block;text-align: center;}
#demo .demowrap ul li a .pic{height: 220px; width: 235px;overflow: hidden;}
#demo .demowrap ul li a img{display: block;font-size: 0px; height: 220px; width: 235px;transition: all 0.3s;} 
#demo .demowrap ul li a h5{color: #000;font-size: 16px;font-weight: bold;padding: 10px 0 0;}
#demo .demowrap ul li a p{font-size: 12px;}
#demo .demowrap ul li a:hover h5, #demo .demowrap ul li a:hover p{color: #fff;transition: all 0.3s;}
#demo .demowrap ul li a:hover img{transform:scale(1.1,1.1);transition: all 0.3s;}

#demo1{float:left;height:945px;width: 1073px;}
#demo2{float:left;height:945px;width: 1073px;}


/*  优势 */
.ys{background: url(img/ysbg.jpg) no-repeat top center;height: 760px;position: relative;}
.ys .ysbox{position: absolute;bottom: -98px;}

/*  关于我们 */
.about_bg{overflow:hidden;width: 100%;height: 205px;background: url(img/abg.jpg) no-repeat top center;margin-top: 40px;}
.about {position: relative;padding-top: 1px;}
.about h3{color: #ffe400;font-size: 30px;font-weight: bold;margin-top: 50px;}
.about p{width: 470px;color: #fff;font-size: 14px;line-height: 27px;margin-top: 30px;}
.about a{width: 99px;height: 27px;line-height: 27px;border-radius: 20px;display: block;text-align: center;font-size: 14px;position: absolute;left: 550px;top: 60px;}
.about a.more{border: 2px solid #fff;color: #fff;transition: all 0.3s;}
.about a.more:hover{background: #fff;color: #000;transition: all 0.3s;}
.about a.mes{background: #fff;color: #000;top: 100px;width: 103px;height: 31px;line-height: 31px;transition: all 0.3s;}
.about a.mes:hover{background: #ffe400;color: #111;transition: all 0.3s;}


/*案例展示*/
.case{margin-top: 150px;}
.case .title{text-align:center;margin-bottom:40px;background: url(img/btbg.gif) no-repeat center;}
.case .title a{font-size: 39px;transition: all 0.3s;}
.case .title a h2{font-weight: bold;}
.case .tel{text-align: center;font-size: 26px;color: #2768c2;font-weight: bold;font-family: Impact;line-height: 34px;}
.case .tel span{color: #747474;font-size: 16px;font-weight: normal;font-family:"微软雅黑";background: url(img/tel.gif) no-repeat left center;padding-left: 50px;display:inline-block;}
.case_con .rtCont{margin:25px 0 10px 0;position:relative;}
.case_con .rtCont ul{margin:0 auto;width:1100px;overflow:hidden;}
.case_con .rtCont li{margin:10px 7px 0 7px;width:355px;float:left;text-align:center;}
.case_con .rtCont li a{display:block;overflow:hidden;width:355px;position: relative;transition:all .2s ease;}
.case_con .rtCont li a span{position: absolute;left: 0px;bottom: 0px;width: 100%;height: 33px;font-size: 20px;color: #fff;line-height: 33px;transition:all .2s ease;background: rgba(0,2,2,.7);}
.case_con .rtCont li a span h4{font-weight: normal;font-size: 14px;}
.case_con .rtCont li a img{display:block;font-size:0px;width:355px;height:355px;transition: all .5s;}
.case_con .rtCont li a:hover{-webkit-box-shadow:0 0px 10px rgba(0,0,0,0.2);box-shadow:0 0px 10px rgba(0,0,0,0.2);transition:all .2s ease;}
.case_con .rtCont li a:hover img{transform:scale(1.1,1.1);transition:all .2s ease;}
.case_con .rtCont li a:hover span{display: block;background: rgba(39,104,194,.7);transition: all .3s;}


/* 新闻中心 */
.news{padding:40px 0 0;overflow:hidden;}
.news .title{text-align:center;margin-bottom:40px;background: url(img/btbg.gif) no-repeat center;}
.news .title a{font-size: 39px;transition: all 0.3s;}
.news .title a h2{font-weight: bold;}
.news .newsbox{background:#ececec;padding:40px 0;padding-bottom:90px;}
.newsMenu{text-align:center;font-size:18px;height:30px;font-weight:normal;margin-bottom:20px;}
.newsMenu a{color:#333;display:inline-block;height:30px;line-height:30px;padding:0 20px;border-radius:3px;margin-right:10px;background:#dadada;}
.newsMenu a.on{background:#2769c2;color:#FFF;}
.newsMain,.newsBox{height:;overflow:hidden;}
.newsLeft {width:570px;overflow:hidden;}
.newsLeft  ul{width:570px;}
.newsLeft  li{float:left;width:265px;line-height:20px;margin-right:20px;}
.newsLeft img{width:100%;transition:all 0.5s;transform:scale(1,1);}
.newsLeft img img:hover{transition:all 0.5s;transform:scale(1.1,1.1);}
.newsLeft .newsImg{width:265px;height:170px;overflow:hidden;display: block;}
.newsLeft  li div{background:#fff;padding:15px;}
.newsLeft  li h3{font-size:14px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsLeft  li h3 a{color:#333;}
.newsLeft  li h3 a:hover{color: #2769c2;}
.newsLeft  li .date{line-height:16px;color:#a9a9a9;display:block;margin-bottom:6px;}
.newsLeft  li .more{display:inline-block;height:24px;text-align:center;width:80px;background:#ececec url(img/odds_li.png) no-repeat 70px center;border-radius:3px;margin-top:14px;padding-right:5px;transition: all .3s;}
.newsLeft  li .more:hover{color:#fff;background:#2769c2 url(img/odds_li.png) no-repeat 70px center;}
.newsRight {float:right;width:530px;background:#fff;padding:10px 0;overflow:hidden;}
.newsRight li{height:39px;line-height:39px;border-bottom:1px dotted #dedede;}
.newsRight li span{float:right;color:#999;margin-right:10px;font-family:Arial;}
.newsRight li a{display:inline-block;width:380px;background:url(img/news_li.png) no-repeat 10px center;padding-left:20px;transition:all 0.3s;font-size: 14px;}
.newsRight li:last-child{border-bottom:none;}
.newsRight li a:hover{background:url(img/news_li.png) no-repeat 15px center;padding-left:25px;transition:all 0.3s;}