@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:640px;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?t=1471838502'); /* IE9*/

  src: url('../font/iconfont.eot?t=1471838502#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('../font/iconfont.woff?t=1471838502') format('woff'), /* chrome, firefox */

  url('../font/iconfont.ttf?t=1471838502') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

  url('../font/iconfont.svg?t=1471838502#iconfont') format('svg'); /* iOS 4.1- */

}





.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: "\e658"; }

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

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

.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:640px;margin:0 auto;}

.headMain{position:relative;text-align:center;background:#005ea8;height:2.3rem;}

.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,.header .lang{position:absolute;left:2%;top:0; height: 2.3rem;color:#fff;line-height:2.3rem;color:#fff;}

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

.header .lang{right: 2%;left:auto;}

.header .lang::before{content:" \e60b ";font-size:1rem;}



/*导航 */

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

.navbar ul{height:100%;padding-top:1rem;overflow-x:hidden;overflow-y: auto;padding-left:.6rem;background:#383838;width:8rem;position:relative;z-index:2;}

.navbar ul li{height:1.8rem;line-height:1.8rem;border-bottom:1px solid #252525;}

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

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

.navbar ul li a:hover,.navbar ul li .current{background:#005ea8;}

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

.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:620ms;}

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

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

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

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

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

.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:640px;margin:0 auto;}



/* BANNER */

.mainBox{position:relative;}

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

.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:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }

.banner .hd li.on{ background:#014f9f;  }

.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%;}



/* 便捷菜单 */

.conMenu{overflow:hidden;margin-bottom:10px;background:#e5e5e5;}

.conMenu li{float:left;width:25%;text-align:center;font-size:1rem;height:5.2rem;position:relative;}

.conMenu li a{color:#333;display:block;width:100%;height:100%;line-height:2rem;padding-top:.4rem;}

.conMenu li i{font-size:1.3rem;background:#0f67ff;width:2.8rem;height:2.8rem;text-align:center;line-height:2.8rem;border-radius:100%;color:#fff;display:block;margin:0 auto;}

.conMenu li span{display:block;font-size:.7rem;}

.conMenu li:nth-child(2) i{background:#4d4d4d;}

.conMenu li:nth-child(3) i{background:#a4db1d;}

.conMenu li:nth-child(4) i{background:#618de6;}



/* 产品与服务 */

.case{margin-bottom:0;}

.caseMain{ position:relative;overflow:hidden;max-width:640px;}

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

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

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

.caseMain .bd li span{display:block;position:absolute;color:#fff;height:1.2rem;line-height:1.2rem;background: url('../images/opc.png');text-align:center;bottom:0;left:0;width:100%;}

.caseMain .prev,.caseMain .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;}

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

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



/* 推荐产品 */

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

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

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

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

.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;}



/* 新闻资讯 */

.news{margin-bottom:10px;border-bottom:4px solid #f2f2f2;}

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

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

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

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

.homeFeed{margin-bottom:30px;}

.about .font img{width:100%;margin-bottom:.3rem;}



/* 搜索 */

.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%;}



/* 底部 */

.footer .backtop{height:1.2rem;line-height:1.2rem;background:#005ea8;color:#fff;padding-right:3%;text-align:right;font-size:0.7rem;}

.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;background-color:#005ea8;display:table;max-width:640px;margin:0 auto;}

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

.footMenu li{float:left;width:25%;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:#005ea8;margin:10px 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:32%;float:left;text-align:center;margin-right:2%;margin-bottom:5px;size:5rem;}

.picList li:nth-child(3n){margin-right:0;}

.picList li img{padding:0.1rem;border:1px solid #ddd;}



/* 图片列表 */

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

.listPic li{ width:50%;float:left;text-align:center;padding-right:3%;margin-bottom:10px;}

.listPic li:nth-child(2n){padding-right:2%;}

.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%;}



/* 图文列表详情 */

.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{display: table-cell; vertical-align: middle;border:1px solid #ccc;}

.productList div{ line-height: 1rem;padding-left: .25rem;padding-right: .15rem;display: table-cell;width: auto;height: auto;vertical-align: middle;width:75%;padding-left:5%;line-height:.8rem;font-size:.5rem;}

.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;}



/* 产品详情 */

.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:640px;}

.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 #005ea8; 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 #005ea8; border-bottom-color:#fff; background:#fff; color:#005ea8; }



/* 新闻列表详情 */

.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;}



/* 留言 */

.feedback ul{overflow:hidden;margin-bottom:10px;}

.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: "";}