@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
http://www.grwy.net/
**/
html,body,ol,ul,li,a,span,div,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,img,fieldset,legend,blockquote,input,textarea,select,hr{margin:0;padding:0;list-style:none;word-wrap:break-word;outline:none;font-size:100%; border:none;}
input,textarea{outline:0;resize:none;}
img{vertical-align:top;border:0;}
input,textarea{font-size:12px;border:none;resize:none;outline:none;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1; }
body{font:12px/24px  "微软雅黑","宋体",Arial, Helvetica, sans-serif;color:#666;}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#e60e0e;text-decoration:none;}:focus{outline:none;}

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

/* 头部  */
.header{height:100px;}
.logo{display:table;height:100px;}
.logo a{display:table-cell;vertical-align:middle;}
.logo img{vertical-align:middle;}
.headPhone {background:url(../images/p_icon.png) no-repeat left center;padding-left:45px;font-size:14px;list-height:20px;margin-top:20px;}
.headPhone span{font-size:26px;font-family:Arial;display:block;color:#333;}

/* 主导航  */
.nav{height:50px;line-height:50px;background:#222;font-size:14px;}
.navMain{height:50px;line-height:50px;width:''}
.nav li{float:left;height:50px;position:relative;z-index:10;width:120px;text-align:center;}
.nav li a{display:block;height:50px;border-right:1px solid #333;color:#fff;}
.nav li a:hover,.nav li a.current{background:#e60e0e;}
.nav li.last a{border-right:none;}
.nav .navSub{position:absolute;top:50px;width:120px;display:none;left:0;background:#222;}
.nav .navSub li{float:none;font-size:13px;height:34px;line-height:34px;border-bottom:1px solid #333;}
.nav .navSub a{transition:all 0.3s;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:34px;}
.search{width:220px;height:32px;margin-top:8px;overflow:hidden;background:#fff;border-radius:3px;}
.search .sear_text{float:left;width:160px;height:32px;line-height:32px;color:#666;padding:0 10px;font-size:12px;}
.search .sear_btn{float:right; width:40px;height:32px; cursor:pointer;background:url(../images/sIcon.png) no-repeat center center;}
.search .sear_btn:hover{opacity:0.8;filter:alpha(opacity=80);}

/*  广告轮播图 */
.banner{ width:1920px;margin: 0 auto; position:relative;height:500px;left:50%; margin-left:-960px;}
.banner .bd{ width:1920px; height:500px; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:47px;height:79px; background: url(../images/banner_btn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1200px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
.banner .hd{position:absolute; bottom:10px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px;height:10px;overflow:hidden;}
.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:6px; height:6px;*display:inline; zoom:1; border-radius: 100%;border:2px solid #fff;}
.banner .hd li:hover,.banner .hd .on{background:none;border:2px solid #fff;}

/*  产品中心 */
.product{padding:40px 0;overflow:hidden;}
.homeTitle{position:relative;margin-bottom:30px;text-align:center;font-weight:normal;line-height:32px;font-size:30px;color:#333;text-transform:uppercase;}
.homeTitle span{display:block;font-size:13px;color:#999;letter-spacing:4px;}
.homeTitle::before,.homeTitle::after{content:" ";height:1px;background:#e5e5e5;position:absolute;left:0;bottom:15px;width:38%;}
.homeTitle::after{right:0;left:auto;}
.proMenu{height:40px;text-align:center;}
.proMenu a{display:inline-block;width:140px;height:40px;text-align:center;line-height:40px;background:#616161;margin-left:10px;color:#fff;font-size:15px;}
.proMenu a.on{background:#e60e0e;}
.proMain{height:560px;overflow:hidden;margin-top:25px;}
.proBox{width:1010px;height:560px;}
.proBox li{float:left;width:220px; margin-right:16px;margin-bottom:15px;background:#eee;padding:4px;overflow:hidden;border:1px solid #e1e1e1;}
.proBox li img{width:220px;height:220px;}
.proBox li p{height:35px;line-height:35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.proBox li span{display:block;background:#000;position:relative;height:220px;width:220px;}
.proBox li span i{display:inline-block;width:42px;height:42px;position:absolute;top:-60px;left:95px;transition:all 0.5s;background:url(../images/app_icon.png) no-repeat;}
.proBox li:hover{background:#e60e0e;}
.proBox li:hover p{color:#fff;}
.proBox li:hover img{opacity:0.5;filter:alpha(opacity=50);}
.proBox li:hover span i{top:70px;transition:all 0.5s;}
.about{background:#f3f3f3;padding:40px 0;overflow:hidden;}
.aboutLeft{width:490px;font-size:13px;color:#555;}
.aboutLeft .tie{font-size:20px;height:40px;color:#e60e0e;font-weight:normal;}
.video{float:right;width:420px;}

/*  新闻中心 */
.news{padding:35px 0;overflow:hidden;}
.news .homeTitle::before,.news .homeTitle::after{width:42%;}
.newsImg{width:400px;height:300px;overflow:hidden;}
.newsImg  span{display:block;position:relative;background:url(../images/opc.png);height:30px;line-height:30px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;text-align:center;transition:all 0.3s;}
.newsImg:hover span{margin-top:-30px;transition:all 0.3s;}
.newsBox{width:540px;overflow:hidden;float:right;height:300px;}
.newsMain ul li{height:64px;padding:18px 30px 18px 0;line-height:20px;overflow:hidden;color:#8a8a8a;margin-bottom:5px;}
.newsMain ul li .date{float:left;width:100px;text-align:center;height:65px;font-family:Arial;border-right:1px solid #ddd;font-size:14px;line-height:18px;margin-right:20px;}
.newsMain ul li .date strong{font-size:50px;font-weight:normal;display:block;line-height:50px;}
.newsMain ul li h3{font-size:15px;height:25px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;line-height:16px;font-weight:normal;}
.newsMain ul li h3 a{color:#333;}
.newsMain ul li h3 a:hover{text-decoration:underline;}
.newsMain ul li:hover{background:#eee;}

/* 底部样式 */
.footer{text-align:center;padding:15px 0;background:#090909;color:#ddd;border-top:2px solid #c01818;}

.footer a{color:#ddd; margin:0 10px;}
.footer a:hover{color:#fff;}

/* 内页公用 */
.listWrapper{padding:30px 0;overflow:hidden;}
.listBanner{width:1920px;height:300px;position:relative;left:50%;margin-left:-960px;margin-bottom:20px;}
.breadCrumb{ border-bottom:1px solid #DADADA; height:30px;font-family:"宋体";margin-bottom:25px;}
.breadCrumb strong{ color:#333; font-size:18px; font-family:"微软雅黑";  height:29px; border-bottom:2px solid #222; display:inline-block; font-weight:normal;}
.breadCrumb p {background:url(../images/mapIcon.png) no-repeat left center; padding-left:20px;}
.breadCrumb p span{ margin:0 8px;}
.listLeft{width:210px; float: left;overflow: hidden; }
.listRight{width:740px; float:right; overflow:hidden;background:#fff;padding-bottom:20px;}
.listleft_tie{height:40px;line-height:40px;background:#222;color:#fff;padding-left:15px;font-size:15px;}
.rightTitle{height:39px;line-height:39px;font-size:14px;margin-bottom:10px;border-bottom:1px solid #bbb;color:#333;font-size:15px;padding-left:10px;margin-bottom:20px;}
.listBox{padding:0 10px;}

/* 内页公用菜单 */
.sidebar{margin-bottom:15px;font-size:14px;}
.sidebar .listleft_tie{margin-bottom:0;}
.sidebarMenu{padding:9px;}
.sidebarMenu li{height:34px;line-height:34px;border-top:1px dotted #cecece;}
.sidebarMenu li:first-child{border-top:none;}
.sidebarMenu li a{display: block;color:#fff;height:34px;line-height:34px;color:#333;padding-left:10px;background:url(../images/side_li2.png) no-repeat 170px center;}
.sidebarMenu li a:hover,.sidebarMenu li .current{background:#ffe6e6 url(../images/side_li2.png) no-repeat 170px center;color:#222;}

/*  左侧联系我们 */
.leftContact,.sidebar{background:#f3f3f3;}
.leftContact .font{padding:5px 9px 9px 9px;}
.leftContact .font .p1{font-weight:bold;font-size:12px;font-weight:bold;color:#333;line-height:20px;background:url(../images/l_icon.png) no-repeat left center;margin-bottom:8px;padding-left:45px;}
.leftContact .font .p1 span{display:block;font-family:Arial;font-size:18px;}

/* 产品中心 */
.productList,.caseList,.partnerList,.honorList,.settingList{ width:740px;overflow: hidden;}
.productList ul,.caseList ul,.partnerList ul,.honorList ul,.settingList ul{ width:780px;}
.productList li{float:left;width:225px;margin-right:32px;margin-bottom:25px;border-bottom:1px dotted #c9c9c9;position:relative;font-size:14px;}
.productList li img{width:223px;height:223px;transition:all 0.5s;}
.productList li .pImg{display:block;width:223px;height:223px;border:1px solid #e4e4e4;overflow:hidden;}
.productList li p{height:40px;line-height:40px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.productList li::before{content:"";position:absolute;bottom:-1px;height:1px;transition:all 0.3s;width:0;left:0;border-bottom:1px dotted #e60e0e;}
.productList li:hover::before{width:100%;transition:all 0.3s;}
.productList li:hover img{transform:scale(1.1,1.1);transition:all 0.5s;}
.productList li:hover .pImg{border:1px solid #e60e0e; }

/* 左侧图片放大镜样式 */
.prodetail_box{ padding:20px 10px 40px 10px; width:710px; overflow: hidden;  border-top:1px solid #ccc;}
.rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:bold;color:#333;}
.product-show-pic{width:342px;height:350px;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/* 图片小图样式 */
.spec-preview{width:340px;height:255px;border:1px solid #ccc;}
.spec-scroll{margin-top:10px;width:342px;height:55px;overflow:hidden;position:relative;}
.spec-scroll a.prev{display:block;width:12px;height:21px;position:absolute;top:15px;left:0;background:url(../images/listpro_btn.png) no-repeat 0 0px;overflow:hidden;cursor:pointer;}
.spec-scroll a.prev:hover{background-position:0 -21px;}
.spec-scroll a.next{display:block;width:12px;height:21px;position:absolute;top:15px;right:0;background:url(../images/listpro_btn.png) no-repeat 0 -42px;overflow:hidden;cursor:pointer;}
.spec-scroll a.next:hover{background-position:0 -63px;}
.spec-scroll .items{position:relative;width:300px;height:55px;margin:0 auto;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:55px;}
.spec-scroll .items ul li{width:85px;height:55px;float:left;}
.spec-scroll .items ul li img{width:73px;height:53px;cursor:pointer;border:1px solid #ccc;}
.spec-scroll .items ul li img:hover,.spec-scroll .items ul .on img{border:1px solid #222;}

/* 产品右侧简介样式 */
.product-show-title{width:355px;height:310px;overflow:hidden; float:right;}
.product-show-title h2{line-height:24px;border-bottom:1px dashed #ccc;font-size:18px;color:#222;padding:10px 0;}
.gr-description{padding:10px 0;}
.prodcut-tel{ padding-left:45px; margin-bottom:20px; line-height:22px; background:url(../images/l_icon.png) no-repeat left center; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#222;display: block; }
.product-order a{ display:block; width:120px; height:40px; background:#222; line-height:40px; text-align:center;font-size:18px; color:#fff; border-radius: 5px;}
.product-order a:hover{ background:#555;transition: all 0.5s; }

/* 产品说明标签切换样式 */
.proShow_title{background:#dedede;height:35px;line-height:35px;margin-bottom:15px;}
.proShow_title span{display:inline-block;color:#fff;background:#222;width:120px;height:35px;text-align:center;font-size:14px;}
.proShow_box .font{overflow:hidden;}

/*  新闻中心 */
.newsList{margin-bottom:50px; overflow:hidden;}
.newsList li{height:34px;line-height:34px;border-bottom:1px dashed #e1e1e1;padding:0 5px;}
.newsList li span{float:right;color:#888;font-family:Arial;}
.newsList li a{display:inline-block;width:600px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#434343;background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;}
.newsList li:hover{background:#ffe6e6;}

/* 新闻详细样式 */
.gr-news-show h2{font-size:20px;line-height:32px;text-align:center;color:#222;position:relative;font-family:"微软雅黑";font-weight:normal;}
.gr-news-show h3{text-align:center;height:30px;line-height:30px;border-bottom:1px dashed #d2d2d2;}
.gr-news-show h3 span{margin:8px 8px 0 8px; color:#999;text-decoration:none;}
.fontResizer a{padding:0 5px;}
.curFont{font-weight:bold;color:#222;}
.news-show-box{padding-top:15px;line-height:26px;padding-bottom:10px;}
.news-message{padding-bottom:10px;border-bottom:1px dashed #d2d2d2;overflow:hidden;}
.news-message div{padding:10px 0;}
.news-message h3{width:100%;text-align:right;font-weight:bold;color:#333;text-decoration:underline;overflow:hidden;}
.gr-fenx{height:35px;background:#ddd;padding:0 10px;margin-top:15px;}
.prew {background:url(../images/pre_info.gif) no-repeat left center;float:left;height:35px;line-height:35px;overflow:hidden;padding-left:15px;text-align:left;width:46%;}
.nextw {background:url(../images/next_info.gif) no-repeat right center;float:right;height:35px;line-height:35px;overflow:hidden;padding-right:15px;text-align:right;width:46%;}
.gr-keyword{border:1px solid #dadada;padding:5px 10px;margin:10px 0;overflow:hidden;}
.gr-keyword a{padding:0 5px;}

/* 内页留言样式 */
#contactlb{width:760px;font-size:18px;font-weight:bold;color:#333; font-family: "微软雅黑";font-weight: normal;margin-bottom:20px;}
#contactlb span{font-weight:normal;font-size:13px;font-family:arial;display:block;color:#999;}
#leavetable{margin-top:35px;}
#leavetable tr{height:40px;}


/* 留言 */
#guest { color: #545454; line-height: 22px; width: 680px; font-family:"微软雅黑"; }
.input_on { background-color: #FFFFCC; background-image: none; border: 1px solid #999999; float: left; height: 18px; margin: 0; padding: 2px 8px 0 3px; }
.input_off { background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; float: left; height: 18px; margin: 0; padding: 2px 8px 0 3px; }
.input_move { background-color: #FFFFCC; background-image: none; border: 1px solid #0088CD; float: left; height: 18px; margin: 0; padding: 2px 8px 0 3px; }
.input_out { background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; float: left; width:260px; height: 28px; line-height:28px; margin: 0; padding: 0px 8px 0 3px; }
.input_out1 { background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; float: left; font-size: 12px; height: 100px; line-height:20px; margin: 0; padding: 2px 8px 0 3px; resize: none; width: 400px; }
.input_out2 { background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; float: left; height: 18px; margin: 0; padding: 2px 8px 0 3px; width: 80px; }
#guest .input_test { list-style-type: none; margin: 20px 0 0 60px; padding-bottom: 10px; }
#guest ul.input_test .hr { display: block; float: left; line-height: 27px; margin: 0; overflow: hidden; padding: 0; width: 100%; }
#guest ul.input_test li { background-image: none; display: inline; float: left; margin:20px 0 0px 0; width: 610px; }
#guest .input_test label { background-image: none; float: left; font-size: 12px; line-height: 30px; margin: 0; padding: 0; text-align: right; width:60px; }
#guest .input_test span { background-image: none; color: #999999; float: left; font-size: 12px; line-height: 30px; margin-left: 0; padding-left: 10px; text-align: left; }
#guest .input_test span.inp_zd,#guest .input_test span .inp_zd{ width:250px; height:30px; overflow:hidden; }
#guest .input_test .red { color: #FF0000; float: none; }
#guest .code_img{ height:28px; margin:1px auto; }
#sub_btn, #sub_reset { height: 24px; line-height: 24px; margin-right: 10px; width: 50px; }
#sub_btn:hover { height: 24px; line-height: 24px; width: 50px; }
.inp_kg { overflow: hidden; width: 50px; }
#submit, #sub_reset { cursor: pointer; height: 30px; width:80px; }
#guest #submit{ width:80px; height:30px; }

/*分页样式*/
#pagelist { margin-top:10px;
    padding: 5px 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 10px;
}
#pagelist a, 
span.page_index,
span.page_prev, 
#pagelist span.active, 
span.page_end, 
span.page_next, 
#pagelist span {
    cursor: pointer;
    padding: 2px 7px;
    font-size: 12px;
    border: 1px solid #CCCCCC;
}
#pagelist span.active { 
    background-color: #D30102;
    color: #fff;
    /*border-color: #CAA541;*/
}
#pagelist a:hover, #pagelist span:hover {
    background-color: #D30102;
    color: #fff;
    /*border-color: #CAA541;*/
}
#pagelist span:first-child {
    
    border: none;
}
#pagelist span:first-child:hover {
    background: #fff;
    color: #333333;
    cursor: default;
}

.imgshow{ margin:12px 0px 20px 0px;}

/*--Guest--*/

#tbox { width:54px; float:right; position:fixed; right:85px; bottom:50px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom:15px; z-index:9998 }
#tbox a { overflow:visible; position:relative }
#gotop, #moblie, #home { display:block; width:50px; height:50px; margin-bottom:2px }
#gotop { background:#d3d3d3 url(../images/top_icon.png) no-repeat 5px 3px; }
#home { background:#d3d3d3 url(../images/home_ico.png) no-repeat 5px 3px; }
#moblie { background:#d3d3d3 url(../images/moblie_icon.png) no-repeat 5px 3px; position:relative; }
#gotop:hover { background:#9B9B9B url(../images/top_icon.png) no-repeat 5px 3px; }
#home:hover { background:#9B9B9B url(../images/home_ico.png) no-repeat 5px 3px; }
#moblie:hover { background:#9B9B9B url(../images/moblie_icon.png) no-repeat 5px 3px; }
#moblie .moblie_Code { position:absolute; right:55px; top:-80px; z-index:999999; background:url(../images/mobibarcodeui_tech.png) no-repeat; width:160px; height:160px; text-align:center; }
#moblie .moblie_Code img { margin:5px 0 0 0px; margin-right:10px; }
#moblie .moblie_Code p { width:110px; color:#333; font-site:14px; margin-left:22px; }
.pop_showmsg_wrap:focus { outline:0 none; }
.pop_showmsg_wrap, .pop_showmsg { background:#f6fbfe url(../images/pop_showmsg.png) no-repeat; }
.pop_showmsg_wrap { position:fixed; _position:absolute; z-index:11; height:55px; padding-right:9px; background-position:right 0; border-radius: 8px; box-shadow:0 0 10px #e1e1e1; }
.pop_showmsg { height:55px; font-size:14px; background-position:left 0; border-top-left-radius:8px; border-bottom-left-radius:8px; display:inline-block; }
.pop_showmsg span { padding:10px 10px 10px 68px; display:block; line-height:36px; height:35px; text-shadow: 0 1px 1px #eee; color:#333; }
.pop_showmsg span.success { background:url(../images/success.gif) 20px center no-repeat; }
.pop_showmsg span.warning { background:url(../images/warning.gif) 20px center no-repeat; }