@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}
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{color:#666;font-size:14px;line-height:24px;font-family:"Microsoft YaHei","SimSun", Arial, Helvetica, sans-serif;}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all ease 0.3s;}
a:hover{color:#0065aa;text-decoration:none;}:focus{outline:none;}

/* CSS活动的公共样式 */
.ttan{text-align: right;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.center{text-align:center;}
.hide{overflow:hidden;}
.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
/* 头部 */
.header{height: 100px;background: white;width: 1200px; margin: 0 auto;}
.header .nav ul{height: 65px;}
.nav ul li{float: left;padding: 35px 19px;}
.nav ul li a{font-size: 16px;}
.nav ul li a:hover{color: #7bc201;}
.header .atver{border-top: 1px solid #ffffff;color: #f4f8f9;background: url(../images/bg-nav_02.jpg)no-repeat;}
.header .atvers{margin: 0px 45px;}
.header .on{border-top: 1px solid #7ac200;}
.header .on a{color: #7bc201;}
/*搜索*/
.search {position: relative;z-index: 10;width: 26px;height: 26px;}
.search .icon {background-position: 0 0;}
.headR .icon {display: block;background: url(../images/search_03.jpg) no-repeat;width: 26px;height: 26px;cursor: pointer;transition: all .3s;}
.searMain {position: absolute;padding: 20px;background: #eee;left: -500px;top: 45px;display: none;}
.searMain form {width: 510px;background: #fff;height: 40px;line-height: 40px;}
.searSelect {float: left;width: 49px;color: #333;padding-left: 10px;position: relative;font-size: 12px;cursor: pointer;border-right: 1px solid #ddd;}
.searSelect span {position: relative;display: block;}
.searSelect ul {position: absolute;top: 40px;left: 0;background: #fff;text-align: center;width: 55px;display: none;}
.searSelect ul li {padding-left: 10px;line-height: 25px;border-top: 1px solid #f5f5f5;}
.search .txt, .proSear .txt {width: 380px;float: left;height: 40px;line-height: 40px;color: #666;padding: 0 10px;}
.search .btn, .proSear .btn {float: left;width: 50px;height: 40px;cursor: pointer;transition: all 0.3s;background: #333 url(../images/searIcon.png) no-repeat center;}
.headR {height: 58px;position: absolute;right: 0;top: 40px;}
/*底部*/
.bgbottom{background: url(../images/bgbom.jpg);height: 370px;}
.bgbottom ul li,.bgbottom ul li a{color: #bcbdbf;padding-bottom: 7px;}
.bgbottom ul .titleli,.bgbottom ul .titleli a{padding: 65px 0 30px 0;color: #ffffff;font-size: 17px;}
.bgbottom ul .titles,.bgbottom ul .titles a{padding: 20px 0 30px 0;color: #ffffff;font-size: 17px;}
.bgbottom ul {padding-right:70px ;}.bgbottom .contact{width: 253px;}
.bgbottom .contact .ff{color: #ffffff;font-size: 15px;padding-top: 10px;}
.bgbottom .contact .fs{color: #7bc300;font-size: 27px;font-weight: 900;border-bottom: 1px solid #7a716d;}
.bgbottom .bomimg{margin-right: 30px;}
.bgbottom .mobilestation{float: left;padding: 0 108px 0 41px;}
.bom{height: 100px;background: #232323;}
.bom .firendLink {float: left;width: 180px;border: 1px solid #686868;height: 28px;line-height: 28px;position: relative;z-index: 6;text-align: left;margin-bottom: 10px;}
.bom .firendLink span {padding: 0 10px;cursor: pointer;}
.bom .lj{padding: 40px;}
.bom p{margin-left: 20px;}
.bom p span{margin-left: 200px;}
.bom .fh{margin-left: 70px;}
.bom .main{display: none;position: absolute;bottom: 28px;background: #3a3a3a;border: 1px solid #686868;padding: 0 10px;left: -1px;right: -1px;}
/*  广告轮播图 */
.banner{ margin: 0 auto;position:relative; overflow:hidden;height:350px;}
.banner .bd{height:350px; z-index:0;position:relative;left:50%; margin-left:-960px;}
.banner .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left:50%;font-size: 0; line-height: 0; margin-left:-30px;height:14px;}
.banner .hd .on{background:#7acbfa ;}
.banner .hd  ul li{cursor:pointer;height: 10px;width: 10px;background: #ffffff;z-index:2;display:inline-block;margin-right:5px;border-radius:100%;}
/*  小导航 */
.minnav{background: #f7f7f7;height: 80px;}
.minnav ul li {float: left;    margin: 27px 30px 0 30px;padding-bottom: 25px;}
.minnav ul li a{color: #666666;font-size: 18px;}
.minnav .botop{border-bottom: 2px solid #7ac200;}
/*新闻活动*/
.pTie {text-align: center;margin-bottom: 35px;font-size: 36px;color: #333;line-height: 40px;position: relative;font-weight: normal;padding-bottom: 10px;padding-top: 80px;}
.pTie span {display: block;font-size: 12px;font-family: Arial;color: #666;line-height: 24px;}
.pTie:after {content: "";position: absolute;bottom: 0;width: 20px;margin-left: -10px;height: 2px;background: #7ac200;}
.partnerList, .honorList, .settingList, .videoList, div.searList, .newsTop {width: 1250px;overflow: hidden;}
.partnerList ul, .honorList ul, .videoList ul, div.searList ul, .newsTop ul, .caseList ul {width: 1250px;}
.newsTop li {float: left;width: 375px;margin-right: 40px;margin-bottom: 50px;position: relative;border-bottom: 2px solid #e5e5e5;}
.newsTop li::before, .newsTop li::after {content: "";position: absolute;bottom: -2px;height: 2px;transition: all 0.4s;width: 0;left: 0;background: #7bc401;}
a:hover {color: #e62129;text-decoration: none;}
.newsTop li:hover::before, .newsTop li:hover::after {width: 100%;transition: all 0.4s;}
.newsTop li::after {right: 0;left: auto;}
.newsTop li::before, .newsTop li::after {content: "";position: absolute;bottom: -2px;height: 2px;transition: all 0.4s;width: 0;left: 0;background:#7bc401;}
.newsTop li .nImg {width: 375px;height: 220px;overflow: hidden;display: block;position: relative;}
.newsTop li:hover img {transition: all 0.5s;transform: scale(1.1,1.1);}
.newsTop li img {width: 375px;height: 220px;transition: all 0.5s;}
.newsTop li:hover div {color: #fff;background: #7bc401;}
.newsTop li div {padding: 15px;background: #f8f8f8;height: 120px;color: #666;line-height: 22px;}
.newsTop li:hover div h4 {border-bottom: 1px solid #7bc401;}
.newsTop li:hover div h4, .newsTop li:hover div span,.newsTop li:hover div p {color: #fff;}.newsTop li div p{color: #666666;}.newsTop li div h4{color: #333333;font-weight: 100;}
.newsTop li div h4 span {display: block;color: #999;line-height: 16px;font-size: 12px;margin: 7px 0;font-weight: 100;}
.newsTop li:hover::before, .newsTop li:hover::after {width: 100%;transition: all 0.4s;}
.newsTop li::after {right: 0;left: auto;}
.newsTop li::before, .newsTop li::after {content: "";position: absolute;bottom: -2px;height: 2px;transition: all 0.4s;width: 0;left: 0;background: #7bc401;}
/*内容*/
.newsList li {background: #f8f8f8;height: 170px;overflow: hidden;color: #888;padding-right: 20px;margin-bottom: 20px;    border: 1px solid #ccc;margin-left: 1px;}
.newsList li .pic {float: left;width: 380px;height: 225px;overflow: hidden;margin-right: 35px;}
.newsList li img {width: 330px;transition: all 0.5s;height: 170px;}
.newsList li h4 {font-size: 16px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 20px;padding-top: 25px;}
.newsList li h4 a {color: #333;}
.newsList li p {height: 50px;margin-bottom: 10px;overflow: hidden;}
.newsList li .date {float: right;font-size: 12px;color: #999;}
.pagination {padding: 25px 0 15px;text-align: center;overflow: hidden;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}
.newsList li:hover {box-shadow: 0 0 10px #ccc;}
a:hover {color:#7bc401;text-decoration: none;}
.newsList li:hover img {transform: scale(1.1);}
.newsList li h4 a:hover, .newsList li .more:hover {color:#7bc401;}