@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
http://www.grwy.cn/
**/

/*  导航按钮 */
.navTrigger,.wapNav{display:none;}
.navTrigger{position:absolute;width:50px;overflow:hidden;white-space:nowrap;color:transparent;z-index:10;right:15px;padding:10px;cursor:pointer;top:12px;}
.navTrigger span{display:block;height:4px;background:#fff;margin-bottom:5px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span{background:#555;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(4px) translateY(3px) rotate(-45deg);}

/*  WAP主导航 */
.wapNav{position:fixed;z-index:20;width:100%;height:100%;top:0;overflow:hidden;background:#333;border-top:none;left:-100%;font-size:1rem;}
.wapNav .main{overflow-x:hidden;overflow-y:auto;height:100%;background:#f7f7f7;}
.m-lang{height:60px;line-height:60px;border-bottom:1px solid #ddd;padding-right:15px;font-size:1.143em;background:#fff;padding:0 20px;}
.m-lang .close{float:right;font-size:1.8rem;cursor:pointer;width:40px;text-align:right;}
.m-lang i{font-size:1.5rem;margin-right:5px;float:left;}
.m-login i{font-size:2rem;margin-right:5px;position:relative;top:2px;}
.m-login em{font-style:normal;margin:0 15px;color:#999;}
.navbar{z-index:5;}
.navbar li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-bottom:1px solid #ddd;position:relative;background:#fff;}
.navbar li a:before{position:absolute;content: "\e601";font-family:"iconfont";color:#666;right:20px;font-size:1.286rem;}
.navbar li a:hover,.navbar li .current{background:#004398;color:#fff;}
.navbar li a:hover:before,.navbar li .current:before{color:#fff;}
.navbar .navSub{display:none;background:#ddd;}
.navbar .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;}
.navbar .navSub li a:before,.navbar li:first-child a:before{content: "\e6ab";font-size:1rem;}
.navbar .navSub ul{background:#d3d3d3;}
.navbar .navSub ul li a{height:32px;line-height:32px;padding-left:60px;}

.wapNav .menu{height:50px;line-height:50px;border:1px solid #ddd;border-left:none;border-right:none;background:#fff;margin-top:10px;overflow:hidden;}
.wapNav .menu a{float:left;width:33.3%;text-align:center;}
.wapNav .menu a:nth-child(2){background:#f1f1f1;}
.wapNav .phone{padding:0 4%;margin-top:15px;}
.wapNav .phone a{font-weight:bold;}
.wapNav .phone a i{font-weight:normal;margin-right:3px;font-size:1.4rem;top:3px;}
.wapNav .phone p{padding-left:35px;line-height:1.2;}
.wapNav .phone p i{width:40px;margin-left:-40px;color:#005bac;float:left;font-size:2.2rem;top:8px;}
.wapNav .phone p span{display:block;color:#005bac;font-family:Arial;font-size:1.712rem;font-weight:700;}

.m-search{width:100%;padding:25px;overflow:hidden;background:#fff;}
.m-search form{height:40px;line-height:40px;background:#f5f5f5;padding-right:20px;overflow:hidden;border:1px solid #ddd;}
.m-search .text{float:left;width:100%;background:none;font-size:0.75rem;height:40px;line-height:40px;padding:0 10px;}
.m-search .btn{float:left;width:20px;height:40px;background: url('../images/searBtn.png') no-repeat center center;cursor:pointer;transition:all 0.3s;opacity:.5;margin-left:-20px;}

@media screen and (max-width:1260px) {
    .header{font-size:.875rem;}
    .header .homeCon{padding:25px;padding-bottom:0;}
    .nav>li{margin-right:20px;}
    .header .logo img{height:40px;}
    .hContent{padding:2%;}
}

@media screen and (max-width:1200px) {
    .container{padding:0 15px;}
    .conBox1 li{font-size:1.128rem;}
    .conBox1 li a,.conBox1 .aImg{height:300px}
    .conBox1 li:nth-child(2) a{height:620px;}
    .conBox1 li .bottom h3{bottom:0;}
    .conBox1 li .bottom p{bottom:90px;}
    .conBox1 li .bottom:hover p{bottom:110px;}
    .about a,.about .aImg{height:485px;}
    .listWrapper{padding-bottom:60px;}
}


@media screen and (max-width:1024px) {
    .flex-direction-nav a{display:none;}
    .nav,.search,.headRight,.breadCrumb{display:none;}
    .navTrigger,.wapNav,.showBread{display:block;}
    .header{height:70px;}
    .header .homeCon{height:70px;line-height:70px;padding-top:0;}
    .header .logo{margin-top:0;}
    .conBox1 li,.about{font-size:1rem;}
    .about a,.about .aImg{height:400px;}
    .conBox2 li{font-size:.750rem;line-height:1.8;}
    .conBox2 li h3{margin-bottom:10px;}
    .kefu{display:none;}
    .wapMenu{display:block;padding:0;}
    .listFilter{display:none;}
    .listWrapper {padding-bottom:50px;}
    .tabPic{width:100%;font-size:1.333em;float:none;}
    .tabPic li .txt{padding:4% 8%;width:100%;}
    .tabMenu{width:100%;height:60px;float:none;font-size:1.173em;}
    .tabMenu a{border-bottom:none;float:left;width:33.3%;text-align:center;border-right:1px solid #0055ad;padding-left:0;padding:0 5%;height:80px;}
    .tabMenu a.on{background:#0055ad;color:#fff;font-size:1.173em;margin-left:0;padding:0 5%;}
    .tabMenu a.on:after{display:none;}
    .shgkBox2 ul,.picList ul{margin-right:-25px;}
    .shgkBox2 li,.picList li{padding-right:25px;}
    .hgjsMenu a{width:50%;}
    /* .showRight{display:none;} */
    .showRight{width: 100%;font-size: 1.125rem;}
    /* .showLeft{float:none;width:100%;} */
    .showLeft{width:100%;}
    .gcjzBox li .txt h4{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
    .filterSearch{display:none;}
    .filter{width:100%;float:none;}
    .gsgsList li{padding-left:130px;}
    .gsgsList li .date{margin-left:-130px;}
    .gsgsList li .txt{width:100%;}
    .stockPrice{font-size:1.125rem;}
    .stockPrice .main{padding:4% 2%;}
    .investor-form{font-size:1rem;}
    .investor-form li input,.investor-form li textarea{width:50%;}
    .jobList li a,.jobList li.top{padding-left:0;}
    .contactBox{float:none;width:100%;margin-bottom:20px;}
    .sitemap ul{width:33.3%;}
    .listBanner .txt{font-size:2rem;}
}

@media screen and (max-width:920px) {
    .listWrapper,.coverWrapper{font-size:.750rem;}
    .videoList li h4{margin-bottom:0;text-align:center;}
    .videoList li p{display:none;}
    .hysgc li{width:50%;}
    .hysgc li .txt{min-height:auto;}
    .proList ul{margin-right:-20px;}
    .proList li{float:left;width:50%;padding-right:20px;}
    .proList li .pImg,.proList li .txt{width:100%;float:none;}
    .proList li .txt {height:auto;padding:20px 0;}
}

@media screen and (max-width:768px) {

    .hContent li{float:none;width:100%;}
    .backTop{display:block;}
    .banner{margin-bottom:20px;}
    .banner .flex-control-nav{bottom:0;}
    .banner .slides .pc{display:none;}
    .banner .slides .wap{display:block;}
    .flex-control-paging li a{width:10px;height:10px;}
    .conBox1 li{font-size:1.125rem;}
    .conBox2 li{margin-bottom:10px;font-size:.875rem;}
    .conBox2 li .txt{padding:3% 5%;min-height:100%;}
    .conBox1 li a,.conBox1 .aImg,.about .aImg,.conBox1 li:nth-child(2) a,.about a{height:425px;}
    .conBox1 li p,.conBox1 li a:after,.about p{display:none;}
    /*    .conBox1 li img,.about img{display:block;} */
    .about .txt{width:90%;top:30px;bottom:auto;}
    .conBox1 li .txt h3, .about .txt h3{font-size:2em;line-height:1.2;}
    .conBox1 li:nth-child(3) .bottom h3{bottom:auto;top:0;}
    .about .txt h3{margin-bottom:8%;}

    .listWrapper,.coverWrapper{font-size:.875rem;}
    .listTitle{font-size:1.5rem;margin-bottom:30px;}
    .listTitle2{font-size:1.25rem;}
    .listLine{margin:30px 0;}
    .cover-synopsis .font .tie{font-size:1.286em;margin-bottom:15px;}
    .cover-synopsis .pic,.gcjzBox li,.zhdtList li .pic,.zhdtList li .txt{width:100%;float:none;}
    .cover-synopsis .font{width:100%;margin-top:15px;}
    .cover-synopsis .font .txt{height:auto;}
    .cover-synopsis .more{width:100%;float:none;display:block;background:#015bad;height:40px;line-height:40px;}
    .tabMenu a{font-size:.875em;}
    .tabMenu a.on{font-size:.875em;}
    .tabPic{font-size:.875rem;height:380px;}
    .tabPic a{height:380px;}
    .tabMenu,.honor li .pic,.honor li .txt,.honor li:nth-child(2n) .pic,.honor li:nth-child(2n) .txt{float:none;width:100%;}
    .gcjzBox li:nth-child(2n){float:none;}
    .listMore{width:100%;margin-top:30px;}
    .honor li .txt,.zhdtList li .txt{height:auto;padding:3% 5%;}
    .honor li .main,.zhdtList li .main{min-height:auto;top:0;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY( 0);-ms-transform: translateY(0);}
    .honor li .main:after,.gsywList li .txt span,.zhdtList li .more,.zhdtList li .date{display:none;}
    .honor li .txt h4{margin-bottom:10px;}
    .gsywList li,.gsywList li:nth-child(5n-1){width:50%;}
    .gsywList li .txt{height:auto;font-size:1em;}
    .zhdtList li p{min-height:auto;}
    .lsfzBox1{border-bottom:none;}
    .lsfzBox1 .pimg{padding-top:30px;}
    .aqscBox2 .main .txt{width:100%;}
    .proList2 ul{margin-right:-15px;}
    .proList2 li{width:50%;padding-right:15px;}
    .proList2 li .txt h3{margin-bottom:5px;}
    .proList2 li .more{display:none;}
    .stockPrice{font-size:1rem;}
    .stockPrice li .price{font-size:1.286em}
    .stockPrice .td span{padding-top:20px;}
    .stockPrice .main p{font-size:.875em;padding-top:20px;}
    .investor{padding:0;}
    .investor .menu{height:50px;line-height:50px;font-size:1.286rem;}
    .investor-form li input,.investor-form li textarea{width:60%;}
    .investor-form li.radio span{width:20%;}
    .jobList{font-size:.75rem;}
    .jobShow .more{float:none;width:100%;margin-top:20px;margin-bottom:0;height:40px;line-height:40px;}
    .contactBox h4{font-size:1.286em;margin-bottom:10px;}
    .sitemap{padding-left:0;}
    .sitemap ul{width:48%;}
    .sitemap ul:nth-child(2n){float:right;}
    .sitemap ul li{min-width:100%;}
    .jobBox3 .font{font-size:1em;}
    .listBanner .txt{font-size:1.8rem;padding-top:30px;}
}

@media screen and (max-width:640px) {
    .header .homeCon{padding:0 2%;height:60px;line-height:60px;}
    .header .logo img{height:30px}
    .navTrigger{top:8px;}
    .conBox1 li .txt{margin:20px 30px;}
    .about .txt{left:30px;top:20px;}
    .footer p:nth-child(1) a{display:none;}
    .listBanner{height:300px;}
    .listTitle2{margin-bottom:20px;}
    .cover-synopsis .pic,.cover-synopsis .pic span{height:300px;}
    .shgkBox2 ul,.picList ul{margin-right:-10px;}
    .shgkBox2 li,.picList li{width:50%;padding-right:10px;font-size:1em;}
    .shgkBox2 li p,.picList li p{padding:10px 0;}
    .tabPic{height:320px;}
    .tabPic a{height:320px;}
    .showLeft .listTitle{font-size:1.2rem;margin-bottom:30px;}
    .gcjzBox{font-size:.75rem;}
    .gcjzBox li .txt h4{margin-bottom:5px;}
    .videoList li{float:none;width:100%;}
    .videoBox2 li{float:left;width:50%;}
    .gsywList li .nImg{height:260px;}
    .zhdtList li .txt h4{margin-bottom:10px;}
    .dcgzBox2 span,.dcgzBox2 span:nth-child(2){float:none;width:100%;margin-bottom:15px;display:block;}
    .dcgzBox2 span img{width:100%;}
    .aqscBox2 .main {padding:0;}
    .aqscBox2 .main .txt{padding:20px;height:100%;background:rgba(4,91,172,.2);}
    .hysgc ul{margin-right:0;}
    .hysgc li,.hbgl ul li{float:none;width:100%;padding-right:0;margin-bottom:20px;}
    .hysgc li .txt{min-height:auto;}
    .proList li .pImg{height:180px;}
    .proList2 li .txt p{display:none;}
    .proList2 li .txt {text-align:center;padding:2%;}
    .proList2 li .txt h3{margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:1em;}
    .proList2 li .pImg img{height:15em;}
    .stockPrice{font-size:.875rem;}
    .stockPrice .price{font-size:1em;}
    .stockPrice table th{padding-bottom:0;}
    .stockPrice .tie{height:50px;line-height:50px;}
    .stockPrice .main p{font-size:.875em;padding-top:20px;}
    .investor .menu{height:50px;line-height:50px;font-size:1rem;}
    .tdcb li{font-size:1em;margin-bottom:10px;float:none;width:100%;}
    .investor-form{font-size:.875rem;padding:20px;}
    .investor-form li label{float:none;width:100%;margin-bottom:10px;display:block;}
    .investor-form li input,.investor-form li textarea{width:100%;float:none;}
    .investor-form li.radio span{width:33.3%;}
    .investor-form li.code input{width:30%;}
    .investor-form li.sub input{width:100%;margin-left:0;}
    .jobBox2 li{font-size:1.143em;}
    .jobList li span{width:25%;}
    .jobList li span:nth-child(2),.jobList li span:nth-child(3){display:none;}
    .conBox1 li a,.conBox1 .aImg,.about .aImg,.conBox1 li:nth-child(2) a,.about a{height:270px;}
    .listBanner .txt{font-size:1.5rem;}
}

@media screen and (max-width:470px) {
    .conBox1 li{font-size:1rem;}
    .conBox2 li{margin-bottom:10px;font-size:.875rem;}

    .listBanner{height:200px;}
    .cover-synopsis .pic,.cover-synopsis .pic span{height:250px;}
    .tabPic,.tabPic a,.honor li .pic{height:280px;}
    .videoList li a:after{width:40px;height:40px;margin-left:-20px;margin-top:-20px;}
    .gsywList li .nImg{height:180px;}
    .gsgsList li{padding-left:110px;}
    .gsgsList li .date{margin-left:-110px;width:90px;line-height:1.2;}
    .gsgsList li{font-size:.75rem;}
    .zhdtList li .pic{height:220px;}
    .proBox1 .main{height:280px;}
    .proList ul{margin-right:0;}
    .proList li{width:100%;float:none;padding-right:0;}
    .investor .menu{font-size:.875rem;}
    .proList2 li .pImg img{height:8em;}
    .conBox1 li a,.conBox1 .aImg,.about .aImg,.conBox1 li:nth-child(2) a,.about a{height:210px;}
}

@media screen and (min-width:1201px) {
    .kefu{right:auto;left:50%;margin-left:620px;}
    .homeKefu{margin-left:730px;}
}