@charset "utf-8";

/**

深圳市国人伟业信息技术有限公司

http://www.grwy.cn/

**/

html{font-size:100%;/* overflow-y:scroll; */-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;}

body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;-webkit-tap-highlight-color:transparent;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

fieldset,img{border:0;vertical-align:top; }

ol,ul,li{list-style-type:none;}

table{border-collapse:collapse;border-spacing:0;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}

em,i{font-style:normal;}

input,textarea{border:none;resize:none;outline:none;-webkit-appearance:none;}

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance:none;}

a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}

*{box-sizing:border-box;}



/*公用*/

body { font-family:'Microsoft Yahei',Arial;color:#666;font-size:14px;background:#fff;}

img{max-width:100%;height:auto;width:auto\9;-ms-interpolation-mode:blicubic;}

.clearfix:after {clear:both;content:"";display:block;height:0;overflow:hidden;visibility:hidden; }

.clearfix {zoom:1}

.fl {float:left;}

.fr {float:right;}

.mb20{margin-bottom:20px;}

.eps {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.wrapper{width:100%;max-width:780px;min-width:250px;margin:0 auto;position:relative;padding:2.3rem 0 2.7rem 0;overflow:hidden;}

.con{padding:0 2%;}



 @font-face {

  font-family: 'iconfont';

  src: url('../font/iconfont.eot');

  src:

    url('../font/iconfont.eot?#font-spider') format('embedded-opentype'),

    url('../font/iconfont.woff') format('woff'),

    url('../font/iconfont.ttf') format('truetype'),

    url('../font/iconfont.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}



.iconfont {

  font-family:"iconfont" !important;

  font-size:18px;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}



.icon_home::before{ content: "\e64d"; }

.icon_nav1::before{ content: "\e658"; }

.icon_nav2::before{ content: "\e641"; }

.icon_nav3::before{ content: "\e667"; }

.icon_nav4::before{ content: "\e615"; }

.icon_nav5::before{ content: "\e641"; }

.icon_nav6::before{ content: "\e650"; }

.icon_nav7::before{ content: "\e615"; }

.icon_ry::before{ content: "\e66c"; }

.icon_kf::before{ content: "\e605"; }

.icon_dh::before{ content: "\e602"; }

.icon_ly::before{ content: "\e606"; }

.icon_xx::before{ content: "\e601"; }



/* 头部 */

.header{height:2.3rem;position:fixed;top:0;z-index:10;width:100%;max-width:780px;margin:0 auto;}

.headMain{position:relative;text-align:center;height:2.3rem;border-top:5px solid #fe4a00;background:#fff;}

.logo{display:table;height:2.3rem;text-align:center;width:100%;}

.logo a{display:table-cell;vertical-align:middle;}

.logo img{vertical-align:middle;max-height:1.4rem;}

.header .navMenu_icon{position:absolute;left:2%;top:0; height: 2.3rem;color:#fe4a00;line-height:2.3rem;}

.header .navMenu_icon::before {content:" \e60e ";font-family:"iconfont" !important;font-size:1.4rem;}



/*导航 */

.navbar{position:fixed;z-index:20;height:100%;top:2.3rem;overflow:hidden;display:none;width:100%;max-width:780px;margin:0 auto;}

.navbar ul{height:100%;overflow-x:hidden;overflow-y: auto;background:#2b2f3b;width:9rem;position:relative;z-index:2;}

.navbar ul li{height:2.3rem;line-height:2.3rem;border-bottom:1px solid #3e404c;}

.navbar ul li a{display:block;font-size:0.7rem;color:#555;height:2.3rem; opacity:0;transform: translateX(-100%); transition: all 0.4s ease 0s;transition-delay: 160ms;color:#fff;padding-left:1.3rem;}

.navbar ul li a i{font-size:1rem;margin-right:.7rem;float:left;}

.navbar ul li a:hover,.navbar ul li .current{background:#1b1e27;box-shadow:0.2rem 0  0  #fe4a00 inset;}

.navbar ul li:first-child{border-top:none;}

.navbar ul li:first-child i{font-size:1.2rem;}

.navbar ul li:nth-child(2) a{transition-delay:240ms;}

.navbar ul li:nth-child(3) a{transition-delay:320ms;}

.navbar ul li:nth-child(4) a{transition-delay:400ms;}

.navbar ul li:nth-child(5) a{transition-delay:480ms;}

.navbar ul li:nth-child(6) a{transition-delay:540ms;}

.navbar ul li:nth-child(7) a{transition-delay:600ms;}

.navbar ul li:nth-child(8) a{transition-delay:640ms;}

.navbar ul li:nth-child(9) a{transition-delay:680ms;}

.navbar ul li:nth-child(10) a{transition-delay:720ms;}

.navbar ul.show li a{ opacity:1;transform: translateX(0);}

.floatmask{width:100%;height:100%;background:#000;opacity:0.5;position:absolute;top:0;z-index:1;display:none;overflow:hidden;transition:all 0.5s;max-width:780px;margin:0 auto;}



/* BANNER */

.mainBox{position:relative;}

.banner{ position:relative;overflow:hidden;max-width:780px;}

.banner .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }

.banner .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }

.banner .hd li.on{ background:#fe4a00;  }

.banner .bd{ position:relative; z-index:0; }

.banner .bd li{ position:relative; text-align:center;}

.banner .bd li img{ background:url(images/loading.gif) center center no-repeat;vertical-align:top; width:100%;}



/* 搜索 */

.search{padding:2%;position:relative;border-bottom:4px solid #e5e5e5;}

.search form{border:1px solid #d7d7d7;border-radius:3px;width:100%;display:block;height:1.6rem;line-height:1.6rem;}

.search .sear_text{width:88%;padding-left:3%;height:100%;line-height:1.6rem;float:left;}

.search .sear_btn{width:12%;height:100%;float:left;background:none;position:relative;z-index:2;}

.search::before{position:absolute;font-size: 0.9rem;text-align:center;content:" \e64a ";font-family:"iconfont" !important;color:#333;top:.6rem;right:6%;}



/* 便捷菜单 */

.conMenu{overflow:hidden;border-bottom:4px solid #f5f5f5;}

.conMenu li{float:left;width:25%;text-align:center;font-size:0.6rem;height:3.2rem;padding-top:0.3rem;}

.conMenu li a{color:#fe4a00;}

.conMenu li i{font-size:1.2rem;display:inline-block;height:1.6rem;line-height:1.4rem;}

.conMenu li span{display:block;}



/* 产品分类 */

.homeTitle{height:1.6rem;line-height:1.6rem;font-size:0.8rem;border-bottom:2px solid #ccc;color:#fe4a00;margin-bottom:10px;}

.homeTitle span{display:inline-block;height:1.6rem;padding:0 2%;position:relative;border-bottom:2px solid #fe4a00;color:#fe4a00;}

.homeTitle .more{float:right;margin-right:;font-size:1.4rem;letter-spacing: -0.8rem;margin-right: 0.8rem;}

.proMenu li{float:left;width:33.3%;text-align:center;margin-bottom:20px;}

.proMenu li span{display:block;margin-top:5px;color:#333;}

.proMenu li img{max-width:85%;}



/* 我们的优势 */

.odds{overflow:hidden;padding-bottom:20px}

.odds .title{text-align:center;color:#fe4a00;font-size:1rem;margin-bottom:20px;padding-top:10px;position:relative;padding-bottom:15px}

.odds .title:after{content:"";position:absolute;left:0;bottom:0;background:#fe4a00;width:30px;margin-left:-15px;height:2px;left:50%;}

.odds li:nth-child(1){width:100%;overflow:hidden;padding-left:30%;text-align:left;min-height:auto;border-right:none;}

.odds li:nth-child(1) .tie{float:left;margin-left:-40%;width:40%;text-align:center}

.odds li:nth-child(1) .tie span{display:block;margin-top:10px;}

.odds li:nth-child(3),.odds li:nth-child(5){border-right:none;}

.odds li{float:left;width:50%;padding:5% 4%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:.6rem;text-align:center;min-height:8rem;}

.odds li h3{color:#333;font-size:.7rem;margin-bottom:10px;margin-top:15px;}

.odds li img{max-width:100%;}





/* 推荐产品 */

.product,.about,.proMenu,.odds{margin-bottom:10px;overflow:hidden;border-bottom:4px solid #f2f2f2;}

.proMain{padding:0 2%;overflow:hidden;}

.proMain li{float:left;width:49%;margin-right:2%;margin-bottom:2%;overflow:hidden;position:relative;text-align:center;}

.proMain li:nth-child(2n){margin-right:0;}

.proMain li img{width:100%;border:1px solid #ddd;}

.proMain li span{display:block;height:1.5rem;line-height:1.5rem;text-align:center;}

.about .font{padding-bottom:3%;}

.aboutImg{height:5rem;overflow:hidden;background-position:center;background-size:cover;margin-bottom:.3rem;}



.project{padding:3% 0;overflow:hidden;}

.project .bd li{ position:relative;float:left;background:#000;}

.project .bd li a{display:block;background-position:center;-webkit-background-size:cover;background-size:cover;height:7rem;opacity:.8}

.project .bd li h4{position:absolute;bottom:15px;left:15px;color:#fff;font-size:.8rem;}

.project .bd li h4 span{display:block;font-size:.6rem;}

.project .hd{height:28px;line-height:28px;z-index:1;text-align:center; }

.project .hd li{ display:inline-block; width:8px; height:8px;border-radius:5px;background:#666; text-indent:-9999px;overflow:hidden; margin:0 6px; }

.project .hd li.on{ background:#fe4a00;  }





/* 新闻资讯 */

.news_title{border-bottom:2px solid transparent;height:1.8rem;border-bottom:1px solid #ccc;line-height:1.8rem;margin-bottom:.8rem;padding:0 2%;font-size:.7rem;color:#333;}

.news_title span{margin-right:15px;display:inline-block;height:1.8rem;}

.news_title .on{border-bottom:2px solid #fe4a00;color:#fe4a00;}

.news img{display:block;width:100%;}

.news li{height:auto;border-bottom:1px solid #d6d6d6;overflow:hidden;position:relative;padding: 0 10% 0 2%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:1.8rem;line-height:1.8rem;}

.news li:last-child{border-bottom:none;}

.news li::after {position:absolute;font-size: 0.8rem;right:2%;top:0rem; content:" \e62c ";font-family:"iconfont" !important;color:#999; }

.news li.n1{height:auto;line-height:1;padding-bottom:.5rem;white-space:normal;overflow:hidden;text-overflow: clip;padding-right:2%;}

.news li.n1:after{display:none;}

.news li.n1 img{width:45%;float:left;padding-right:5%;}

.news li.n1 h4{font-size:.7rem;color:#333;margin-bottom:.5rem;}



/* 底部 */

.footer .backtop{height:1.4rem;line-height:1.4rem;color:#fff;padding-right:3%;text-align:right;font-size:0.7rem;background:-webkit-linear-gradient(bottom left,#fe4a00,#ee1d21);background:-ms-linear-gradient(bottom left,#fe4a00,#ee1d21);background:-moz-linear-gradient(bottom left,#fe4a00,#ee1d21);background:linear-gradient(bottom left,#fe4a00,#ee1d21);}

.footCopy{text-align:center;padding:10px 0 15px 0;font-size:0.7rem;line-height:1.2rem;}

.footMenu{height:2.7rem;position:fixed;bottom:0;z-index:10;width:100%;text-align:center;display:table;max-width:780px;margin:0 auto;background:-webkit-linear-gradient(bottom left,#fe4a00,#ee1d21);background:-ms-linear-gradient(bottom left,#fe4a00,#ee1d21);background:-moz-linear-gradient(bottom left,#fe4a00,#ee1d21);background:linear-gradient(bottom left,#fe4a00,#ee1d21);}

.footMenu ul{overflow:hidden;color:#fff;padding-top:;display:table-cell;vertical-align:middle;}

.footMenu li{float:left;width:33.3%;text-align:center;font-size:0.6rem;vertical-align:middle;line-height:1rem;padding-top:.1rem;}

.footMenu li a{color:#fff;}

.footMenu li i{font-size:1.1rem;}

.footMenu li span{display:block;}





/* 搜索 */

.search{padding:2%;position:relative;border-bottom:4px solid #e5e5e5;}

.search form{border:1px solid #d7d7d7;border-radius:3px;width:100%;display:block;height:1.6rem;line-height:1.6rem;}

.search .sear_text{width:88%;padding-left:3%;height:100%;line-height:1.6rem;float:left;}

.search .sear_btn{width:12%;height:100%;float:left;background:none;position:relative;z-index:2;}

.search::before{position:absolute;font-size: 0.9rem;text-align:center;content:" \e64a ";font-family:"iconfont" !important;color:#333;top:.6rem;right:6%;}

.listWrapper .search{border-bottom:none;margin-bottom:15px;padding:0;}

.listWrapper  .search::before{top:.3rem;right:3%;}



/*分页样式*/

.page{clear:both;text-align:center;padding-bottom:1.5rem;height:1rem;position:relative;padding-top:1.2rem;}

.page a,.page span{height:1rem;line-height:1rem;padding:0 .3rem;margin:0 .1rem;font-size:0.5rem;background-color:#949494;border-radius:3px;color:#fff;display:inline-block;border:1px solid #888;}

.page span{background:#333;border:1px solid #111;}



/*分类样式*/

.breadCrumb{height:1.4rem;line-height:1.4rem;background:#fe4a00;margin:0 0 15px 0;position:relative;box-shadow:0 0 1px #fff inset;position:relative;color:#fff;}

.breadCrumb p{padding-left:7%;}

.breadCrumb p::before {position:absolute;font-size: 0.7rem;left:2%;top:-1px; content:" \e604 ";font-family:"iconfont" !important;}

.breadCrumb .fenlei{position:absolute;right:2%;top:0;padding-left:5%;}

.breadCrumb .fenlei::before{position:absolute;font-size: 0.6rem;left:2%;top:0px; content:" \e616 ";font-family:"iconfont" !important;}

.breadCrumb a{color:#fff;}



.catalog { width: 100%; position: fixed; left:0; top: 0; background-color: rgba(0,0,0,0.6); -webkit-transition:-webkit-transform .2s ease-in; display: none; z-index:100; padding:10px 0 0 0; overflow:hidden; }

.catalog>ul { width: 50%; background-color: #fff; position:absolute; top: 0; right: 0; padding-top:10px; }

.catbtn{ font-size: 14px; position: fixed; top: 200px; left: 50%; display: block; width: 30px; margin-left: -30px; padding:10px 0; text-align: center; color: #fff; border-radius: 6px 0 0 6px; background-color: #fff; }

.catalog ul li{ width: 90%; margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,.25); }

.catalog ul li a{ font-size: 14px; line-height: 30px; display: block; overflow: hidden; width: 90%; white-space: nowrap; text-indent: 5px; text-overflow: ellipsis; }

.catalog > ul li a{ background: url(../images/arrow2.png) no-repeat right center; background-size: 5px; color:#333;}

.catalog ul li ul li:last-child{ border-bottom: none; }

.catalog ul li ul li{ margin-left: 13px; }

.subcatalog{ display: none; }

.catalog ul li a:first-child{ background: url(../images/arrow3.png) no-repeat right center; background-size: 8px; }

.catalog ul li a:nth-child(2),.catalog ul li a:nth-child(3){ background: url(../images/arrow2.png) no-repeat right center; background-size: 8px; }



.listWrapper{padding:0 2% 5% 2%;overflow:hidden;}

.picList{overflow:hidden;margin-bottom:20px;}

.picList li{ width:48%;float:left;text-align:center;margin-bottom:15px;size:5rem;}

.picList li:nth-child(2n){float:right;}

.honorList li span{height: 11rem;border:1px solid #ddd;display:block;padding:0.1rem;overflow:hidden;display:table-cell;vertical-align: middle;}

.honorList li p{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}





/* 图片列表 */

.listPic{overflow:hidden;margin-bottom:20px;width:102%;}

.listPic li{ width:49%;float:left;text-align:center;padding:0 1.5%;margin-bottom:10px;}

.listPic li img{padding:0.1rem;}

.listPic li span{display:block;height:1.4rem;line-height:1.4rem;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:0.5rem;}

.proList li a{display:block;border:1px solid #ddd;}

.proList li span{display:block;height:1rem;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:0.6rem;background:#f1f1f1;border-top:1px solid #ddd;text-align:center;padding:0 2%;}





/* 产品详情 */

.proShow .title{text-align:center;font-size:.8rem;color:#333;margin-bottom:.6rem;}

.proShow_img{width:100%;height:auto;text-align:center;margin-bottom:15px;}

.proShow .tie{height:1.4rem;line-height:1.4rem;background:#ddd;margin-bottom:10px;}

.proShow .tie span{display:inline-block;width:5rem;color:#fff;background:#333;text-align:center;}

.product_detail{margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:15px;}

.proShow_img{ position:relative;overflow:hidden;max-width:780px;}

.proShow_img .bd{ position:relative; z-index:0; }

.proShow_img .bd li{ position:relative; text-align:center;}

.proShow_img .bd li img{ background:url(images/loading.gif) center center no-repeat;vertical-align:top; width:100%;}

.proShow_img .prev,.proShow_img .next{ position:absolute; left:0.75rem; top:50%;margin-top:-.6rem; display:block; width:23px; height:27px; line-height:27px; text-align:center;width:1.8rem;text-align:center;line-height:1.8rem;background:#000;opacity:.7;height:1.8rem;border-radius:.2rem;}

.proShow_img .hd span img{max-width:70%;vertical-align: middle;}

.proShow_img .next{ left:auto; right:0.75rem;}

.proShow_tab{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;}

.proShow_tab .hd{ height:1.5rem; line-height:1.5rem;font-size:.7rem; background:#f1f1f1; border-bottom:1px solid #fe4a00; position:relative;margin-bottom:10px;}

.proShow_tab .hd ul{ position:absolute; height:1.5rem; top:0; overflow:hidden;  }

.proShow_tab .hd ul li{ float:left; padding:0 10px; color:#666;  }

.proShow_tab .hd ul .on{ border:2px solid #ff5947; border-bottom-color:#fff; background:#fff; color:#ff5947; }



/* 新闻列表详情 */

.newsList_pic li{border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:15px;}

.newsList_pic li img{width:100%;}

.newsList_pic li h5{font-size:.7rem;margin-top:10px;}



.newsList li,.history li h4{height:1.6rem;line-height:1.6rem;border-bottom:1px solid #ddd;position:relative;padding:0 10% 0 5%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.newsList li::before{background:#666;content: "";height:3px;left:2%;position: absolute;top:.8rem;width:3px;border-radius:50%;}

.newsList li::after,.downList li a::after,.history li h4::after{position:absolute;font-size: 0.8rem;right:2%;top:3px; content:" \e62c ";font-family:"iconfont" !important;}

.newsDetail .tie{text-align:center;font-size:.8rem;color:#333;padding-bottom: .2rem;}

.newsDetail .time{text-align:center;color:#888;border-bottom:1px solid #ddd;padding-bottom: .3rem;margin-bottom:.8rem;}

.newsDetail .font{border-bottom:1px solid #ddd;margin-bottom:.6rem;}

.newsDetail .font,.pageN{padding-bottom:.6rem;}

.listWrapper .prea{line-height:1rem;}

.downList li {padding-right: 3%;}

.downList li::after{display:none;}

.downList li a{display:block;position: relative;}

.downList li a::after{content:"\e66f";}

.history li h4{height:1.2rem;line-height:1.2rem;padding-left:2%;}

.history li p{background:#f5f5f5;padding:2%;}

.history li{border-bottom:1px solid #ddd;margin-bottom:.6rem;}



/* 加入我们 */

.jobList li{border-bottom:1px solid #ddd;overflow:hidden;padding-bottom:25px;margin-bottom:25px;}

.jobList h4{font-size:20px;font-weight:normal;background: url('../images/gicon19.png') no-repeat right center;padding-right:20px;padding-bottom:20px;line-height:32px;}

.jobList h4 span{display:block;font-size:16px;margin-top:8px;}

.jobList h4 span i{display:inline-block;font-style:normal;background: url('../images/job_icon.png') no-repeat left -35px;padding-left:30px;margin-right:15px;}

.jobList h4 span .num{background-position: 0 0;}

.jobList h5{margin-top:20px;font-size:16px;color:#333;}

.jobList h5 a{color:#ff9600;}



/* 留言 */

.feedback ul{overflow:hidden;margin-top:20px;margin-bottom:15px;}

.feedback li{margin-bottom:10px;position:relative;}

.feedback li input{height:1.5rem;line-height:1.5rem;border:1px solid #ddd;border-radius:3px;width:100%;padding:0 2% 0 8%; -webkit-appearance:none;}

.feedback li textarea{height:5rem;border:1px solid #ddd;border-radius:3px;width:100%;padding:.3rem 2% .3rem 8%;}

.feedback li.code input{width:20%;float:left;margin-right:5px;padding-left:2%;}

.feedback .button{width:100%;height:1.5rem;line-height:1.5rem;background:#333;text-align:center;font-size:14px;color:#fff;}

.feedback li::before {position:absolute;font-size: 0.8rem;left:2%;top:.3rem; content:" \e632";font-family:"iconfont" !important;}

.feedback li.f2::before{content: "\e636"}

.feedback li.f3::before{content: "\e639";}

.feedback li.tarea::before{content: "\e638"}

.feedback li.code::before{content: "";}





/* 图文列表详情 */

.productList{overflow:hidden;margin-bottom:20px;}

.productList li{display: table;width: 100%;height: auto;border-bottom:1px solid #ccc;overflow: hidden;text-overflow: ellipsis;white-space: normal;padding:2% 0;}

.productList li .pImg{border:1px solid #ccc;width:40%;float:left;}

.productList div{ line-height: 1rem;padding-left: .25rem;padding-right: .15rem;padding-left:5%;line-height:.8rem;font-size:.5rem;width:60%;float:right;}

.productList div h5{margin-bottom:.2rem;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.productList div h5 a{color:#333;}

.productList div h5 a:hover{color:#ff3811;}