@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
*/
/*基础样式*/
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;text-align:justify;text-justify:inter-ideograph;}
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;}
.cl:after,.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.cl,.clearfix { zoom:1; }
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{color:#a5a4a4;font-size:14px;line-height:24px;font-family: Arial, "微软雅黑","宋体",Helvetica, sans-serif;background-color: #000 }
a{color:#a5a4a4;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;}:focus{outline:none;}
/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.wrap,.grWidth{width:1200px; margin:0 auto;}
.container{max-width: 1800px;min-width: 1200px;margin: 0 auto;position: relative;}
.mt5 {margin-top:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.center{text-align:center;}
.hide{overflow:hidden;}
/*头部*/
.header{height: 110px;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;right: 0;z-index: 10;padding: 0 30px;}
.header .container{height: 110px;}
.headerLogo{line-height: 110px;float: left;}
.headerLogo img{vertical-align: middle;max-width: 579px;max-height: 95px;}
.headerNav{margin-top:75px;float: right;}
.headerNav .menu1>li{float: left;}
.headerNav .menu1>li:last-child>a{margin-right: 0}
.headerNav .menu1>li>a{display: block;margin: 0 35px;font-size: 16px;color: #ffffff;position: relative;transition: all .4s;}
.headerNav .menu1>li>a:hover,.headerNav .menu1>li>.current{color: #dbb769}
@media screen and (max-width: 1600px) {
.headerLogo img{vertical-align: middle;max-width: 500px;}
.headerNav .menu1>li>a{margin: 0 30px; }
}
@media screen and (max-width: 1400px) {
.headerNav{margin-top:70px}
.headerLogo img{vertical-align: middle;max-width:450px;}
.headerNav .menu1>li>a{margin: 0 25px; }
}
/*广告*/
.banner{width: 100%;height: 988px;margin:0 auto;overflow:hidden;position: relative;}
.banner .bd{height:988px;overflow: hidden;position: relative;left: 50%;margin-left: -960px;width: 1920px;}
.banner .bd li{height: 988px;background-repeat: no-repeat;background-position: center center}
.banner .bd li .cover{width: 1200px;margin: 0 auto;position: relative;}
.banner .bd li .cover .picImg{position: absolute;}
.banner .bd .li1 .cover .picImg{top: 180px;left: -50px;opacity: 0}
.banner .bd .li2 .cover .picImg{top: 180px;left: -50px;opacity: 0}
.banner .bd .li3 .cover .picImg{top: 180px;left: -50px;opacity: 0}
.banner .bd .li4 .cover .picImg{top: 230px;left: 0;opacity: 0}
.banner .bd .li5 .cover .picImg{top: 300px;left: 290px;opacity: 0;}
.banner .hd{width:100%;position: absolute;z-index:999;left: 0;height:16px;bottom:40px;}
.banner .hd ul{text-align: center;}
.banner .hd ul li{display:inline-block;width: 8px;height: 8px;margin: 0 5px;cursor: pointer;overflow: hidden;transition: all .5s;border-radius: 50%;border: 2px solid #fff;}
.banner .hd ul li.on,.banner .hd ul li:hover{background: #fff;border-color: #fff}
.banner .prev,.banner .next{display:block;width: 117px;height:22px;position: absolute;z-index:2;top:45%;margin-top: -8px;background-repeat: no-repeat;background-position: center center;}
.banner .prev{background-image: url(../images/bPrev1.png);left: -5%;}
.banner .next{background-image: url(../images/bNext1.png) ;right: -5%;}
.banner .prev:hover{background-image: url(../images/bPrev2.png);}
.banner .next:hover{background-image: url(../images/bNext2.png) ;}
/*案例*/
.homeCase .tab{max-width: 1400px;margin: 0 auto;min-width: 1200px;background-image: url(../images/hFont-pic.png);background-repeat: no-repeat;background-position: left center;height: 330px;}
.homeCase .tab ul{padding-left: 280px;padding-top:100px;overflow: hidden;}
.homeCase .tab ul li{float: left;margin: 0 30px;font-size: 20px;text-align: center;}
.homeCase .tab ul li a{display: block;transition: all .3s;}
.homeCase .tab ul li i{display: block;width: 90px;height: 90px;overflow: hidden; margin:0 auto 20px;position: relative;}
.homeCase .tab ul li i img{position: absolute;left: -90px;transition: all .4s;}
.homeCase .tab ul li a:hover,.homeCase .tab ul .on a{color: #dbb769}
.homeCase .tab ul li a:hover i img,.homeCase .tab ul .on a i img{left: 0}
.homeCase .mainList ul{overflow: hidden;}
.homeCase .mainList li{width: 33.33%;float: left;margin-bottom: 10px;}
.homeCase .mainList li a{display: block;padding-top: 63.4%;overflow: hidden;position: relative;margin: 0 5px;}
.homeCase .mainList li a img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: all 1s;opacity: 0.7;}
.homeCase .mainList li:hover a img{transform: scale(1.08);}
.homeCase .mainList li a .cover{position:absolute;left:0;top:0;right: 0;bottom:0;background:#dbb769;transition:all 0.3s;transform:perspective(800px) rotateX(-90deg);-moz-transform:perspective(800px) rotateX(-90deg);-webkit-transform:perspective(800px) rotateX(-90deg);-o-transform:perspective(800px) rotateX(-90deg);transform-origin:top;z-index:2;opacity: 0;border: 1px solid #ffdc90}
.homeCase .mainList li a:hover .cover{transform:perspective(200px) rotateX(0);opacity: 1;}
.homeCase .mainList li a .cover h5{font-size: 28px;color: #fff;text-align: center;padding: 20% 15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;margin-bottom: 10px;position: relative;right: 20px;transition: all .4s;opacity: 0;}
.homeCase .mainList li a:hover .cover h5{right: 0;opacity: 1;transition-delay: .3s;}
.homeCase .mainList li a .cover p{width:390px;padding: 0 10px;overflow: hidden;text-align: center;font-size: 16px;color: #fff;margin: 0 auto;position: relative;left: 20px;transition: all .4s;opacity: 0;}
.homeCase .mainList li a:hover .cover p{left: 0;opacity: 1;transition-delay: .3s;}
.homeCase .mainList li a .cover i{display: block;width: 44px;height: 44px;border: 1px solid #fff;margin: 30px auto;background-image: url(../images/hCase-more1.png);background-repeat: no-repeat;background-position: center center;transition: all .4s;opacity: 0;transform:rotate(0deg) scale(0);}
.homeCase .mainList li a:hover .cover i{transform:rotate(360deg) scale(1);transition-delay: .3s;opacity: 1;}
.homeCase .more{display: block;width: 100%;height: 120px;line-height: 120px;color: #dbb769;font-size: 24px;text-align: center;position: relative;z-index: 0;transition: all .4s;}
.homeCase .more:after{content: "";position: absolute;height: 0;left: 0;right: 0%;transition: all .4s;background-color: #dbb769;z-index: -1;opacity: 0;top: 50%;border: 1px solid #ffdc90}
.homeCase .more i{display: inline-block;width: 34px;height: 17px;overflow: hidden;background-image: url(../images/hCase-more2.png);background-repeat: no-repeat;background-position: 0 center;margin-left: 20px;transition: all .2s;}
.homeCase .more:hover:after{opacity: 1;top: 0;height: 100%}
.homeCase .more:hover{color: #fff;}
.homeCase .more:hover i{background-position: -34px center;}
/*关于我们 */
.homeAbout{background-color: #1c1c1c;height: 376px;padding: 130px 0;background-image: url(../images/hAb-bg.jpg);background-repeat: no-repeat;background-position: center center}
.homeAbout .wrap{position: relative;height: 100%;}
.homeAbout .more{display: block;width: 36px;height: 104px;background-image: url(../images/hAb-txt1.png);background-repeat: no-repeat;position: absolute;bottom: 0;left:0;transition: all .4s;}
.homeAbout .more:before{content: "";position: absolute;width: 1px;height: 215px;background-color: #5d5d5d;left: 50%;top: -240px;transition: all .5s;}
.homeAbout .contit{position: absolute;right: 0;top: 0;}
.homeAbout  .txt{margin-right: 240px;}
.homeAbout  .txt span{display: block;font-size: 20px;color: #a8a8a8;width: 30px;float: right;line-height: 30px;margin: 0 7px;text-align: center;}
.homeAbout  .txt span b{display: block;font-weight: normal;text-align: center;line-height: 10px;margin-bottom: 10px;}
.homeAbout .more:hover{bottom: 25px;}
.homeAbout .more:hover:before{top: -215px;background-color: #c41414;}
/*新闻*/
.homeNews{padding: 80px 0 0;}
.homeNews .topic{font-size: 30px;color: #fff;font-weight: normal;text-align: left;font-size: 30px;opacity: 0.9;margin-bottom: 30px;padding-left: 30px;}
.homeNews .topic span{font-size:24px;display: block;text-transform: uppercase;margin-top: 5px;opacity: 0.8;}
.homeNews .main{background-color: #232323;padding: 30px;}
.homeNews .hot{width:48%;float: left; }
.homeNews .bd{width: 47%;float: right;}
.homeNews .hot .pic{display: block;padding-top: 60%;position: relative;width: 100%;overflow: hidden;}
.homeNews .hot .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all 1s;}
.homeNews .hot .txt{padding: 30px 0;}
.homeNews .hot .txt h5{font-size: 18px;color: #ffffff;font-weight: normal;margin-bottom: 25px;transition: all .4s;}
.homeNews .hot .txt p{font-size:14px;color: #606060; }
.homeNews .hot .more{display: block;width: 145px;height: 50px;border: 1px solid #333333;line-height: 50px;text-align: center;font-size: 14px;color: #fff;opacity: .8;position: relative;z-index: 0;transition: all .4s;}
.homeNews .hot .more:after{position: absolute;width: 0;left: 0;height: 100%;background: #dbb769;z-index: -1;content: ""; transition: all .4s;}
.homeNews .hot:hover .pic img{transform: scale(1.05);opacity: 0.7;}
.homeNews .hot:hover h5{color: #dbb769}
.homeNews .hot:hover .more:after{width: 100%;}
.homeNews .hot:hover .more{border-color: #dbb769}
.homeNews .list li {padding-bottom:5%;margin-bottom:5%;border-bottom: 1px solid #333;position: relative;height: 175px;}
.homeNews .list li:after{content: "";position: absolute;width: 0;left: 0;bottom: -1px;transition: all .4s;height: 1px;background-color: #dbb769;opacity: 0.5;}
.homeNews .list li .time{display: block;font-size: 24px;color: #666;margin-bottom: 3%;}
.homeNews .list li h5{font-size: 18px;color: #fff;opacity: 0.8;font-weight: normal;margin-bottom:2.8%;transition: all .4s;}
.homeNews .list li:hover h5{color: #dbb769}
.homeNews .list li:hover:after{width: 100%;opacity: 1;}
.homeNews .moreAll{display: block;width: 100%;height: 120px;line-height: 120px;color: #dbb769;font-size: 24px;text-align: center;position: relative;z-index: 0;transition: all .4s;clear: both;}
.homeNews .moreAll:after{content: "";position: absolute;height: 0;left: 0;right: 0%;transition: all .4s;background-color: #dbb769;z-index: -1;opacity: 0;top: 50%;border: 1px solid #ffdc90}
.homeNews .moreAll i{display: inline-block;width: 34px;height: 17px;overflow: hidden;background-image: url(../images/hCase-more2.png);background-repeat: no-repeat;background-position: 0 center;margin-left: 20px;transition: all .2s;}
.homeNews .moreAll:hover:after{opacity: 1;top: 0;height: 100%}
.homeNews .moreAll:hover{color: #fff;}
.homeNews .moreAll:hover i{background-position: -34px center;}
/*合作伙伴*/
.homePart{background-color: #171717;padding: 85px 35px;}
.homePart .main{max-width: 1400px;min-width: 1200px;margin: 0 auto;}
.homePart .main ul{overflow: hidden;margin-right: -10px;}
.homePart .main li{float: left;width: 20%;margin-bottom: 10px;}
.homePart .main li a{display: block;margin-right: 10px;background-color: #444444;padding-top: 39%;position: relative;transition: all .4s;animation-name: shake-hard;animation-duration: 100ms;  animation-iteration-count: infinite;    animation-timing-function: ease-in-out; animation-delay: 0s;animation-play-state: running}
.homePart .main li a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: .5;transition: all .4s;}
.homePart .main li a:hover  img{opacity: 1;}
.homePart .main li a:hover {background-color: #dbb769;  }
/*底部*/
.footer{background-image: url(../images/footer-bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment: fixed;height:390px;padding: 60px 0 60px 0; }
.footer .logo{text-align: center;margin-bottom: 25px;}
.footer .ico{text-align: center;font-size: 0;border-bottom: 1px solid #575041;padding-bottom: 20px;margin-bottom: 25px;}
.footer .ico a{display: inline-block;width: 30px;height: 30px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;margin: 0 15px;border: 1px solid #fff;border-radius: 50%;transition: all .2s;}
.footer .ico span{display: inline-block;width: 30px;height: 30px;position: relative;margin: 0 15px;}
.footer .ico span i{display: inline-block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: 0 0;overflow: hidden;border: 1px solid #fff;border-radius: 50%;cursor: pointer;transition: all .2s;}
.footer .ico .a1{background-image: url(../images/footer-qq.png);}
.footer .ico .a2{background-image: url(../images/footer-wb.png);}
.footer .ico span i{background-image: url(../images/footer-wx.png);}
.footer .ico a:hover,.footer .ico span i:hover{border-color: #dbb769;background-position: 0 -30px;}
.footer .ico span img{position: absolute;width: 100px;height: 100px;padding:2px;background-color: #fff;border-radius: 4px;top: 0;left: 50%;margin-left: -51px;top:60px;opacity: 0;}
.footer .main{overflow: hidden;}
.footer .main dl{float: left;margin-right: 10px;}
.footer .main dl dt{font-size: 20px;color: #fff;opacity: .9;margin-bottom: 20px;}
.footer .main dl dd{margin-bottom: 5px;}
.footer .main dl dd,.footer .main dl dd a{font-size: 14px;color: #fff;opacity: .9;}
.footer .main dl dd a:hover{color: #dbb769}
.footer .main .nav{width: 200px;}
.footer .main .contact{width: 420px;}
.footer .main .ewm{float: right;width: 350px;}
.footer .main .ewm .pic{float: right;margin-left: 20px;text-align: center;font-size: 14px;color: #fff;margin-bottom: 33px;}
.footer .main .ewm .pic span{display: block;padding: 5px;border: 1px dashed #948f80;width: 110px;height: 110px;margin-bottom: 10px;}
.footer .main .ewm .pic span img{width: 100%;height: 100%;}
.footer .main .ewm .note{clear: both;text-align: right;}
.footer .main .ewm .note,.footer .main .ewm .note a{font-size: 14px;color: #fff;opacity: .9;}
.footer .main .ewm .note a:hover{color: #dbb769}
.footerBot{background-color: #030101;padding: 25px 0;}
.footerBot span{font-size: 14px;}
.footerBot  a{font-size: 12px;color: #fff;opacity: .9;padding: 0 10px;border-right: 1px solid #ccc;}
.footerBot  a:last-child{border-right: 0}
.footerBot  a:hover{color: #dbb769}
/* 内页公用 */
.listBanner{ width:1920px; position: relative; left:50%; margin-left:-960px; height:482px;}
.listBanner img{display: block;height: 482px;}
.listWrapper{padding:40px 0 50px 0;overflow:hidden;}
.pageWrapper {padding:0px 0 50px 0;}
.breadCrumb{height:70px;line-height:70px;margin-bottom: 70px;border-bottom: 1px solid #333333;font-size: 14px;color: #fff;}
.breadCrumb a{font-size: 14px;color: #fff;}
.breadCrumb .locat{color: #dbb769;margin-right: 10px;}
.breadCrumb .back{float:right;width:80px;height:28px;line-height:28px;text-align:center;border-radius:5px;background:#454545;color:#fff;margin-top:20px;}
.breadCrumb .back:hover{background:#dbb769;transition:all 0.3s;color: #fff;}
.breadCrumb a:hover{color: #dbb769}
/* 内页公用菜单 */
.listMenu{overflow: hidden;}
.listMenu .topic{font-size: 32px;color: #fff;float: left;font-weight: normal;line-height: 48px;opacity: 0.6;border-bottom: 1px solid #ccc;}
.listMenu .menuWrap{text-align: right;font-size: 0;float: right;}
.listMenu .menuWrap a{display: inline-block;height: 46px;line-height: 46px;color: #606060;font-size: 16px;transition: all .5s;width: 130px;margin: 0 4px;border: 1px solid #606060;text-align: center;}
.listMenu .menuWrap a.current,.listMenu .menuWrap a:hover{background-color: #dbb769;color: #fff;border-color: #dbb769}
/*内页公用主题*/
.pageTopic{padding-bottom: 70px;}
.pageTopic h3{font-size: 30px;color: #fff;font-weight: normal;text-align: center;}
.pageTopic h3 span{display:block;font-size: 28px;color: #969696;margin-top: 10px;}
/* 风采展示 */
.partnerList,.honorList,.settingList,.newsList,.appList,.newsList,.downList{ width:1200px;overflow: hidden;}
.partnerList ul,.honorList ul,.settingList ul,.downList ul,.clientList ul,.newsList2 ul{ width:1240px;}
.settingList ul li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;}
.settingList ul li img{display:block;width:270px;height:190px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition: all .5s;}
.settingList ul li img:hover{border:1px solid #dbb769;background:#dbb769;}
.settingList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
/* 荣誉证书 */
.honorList li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;background:#454545;overflow: hidden;transition: all .5s;}
.honorList li img{display:block;width:270px;height:203px;padding:4px;transition: all .4s;}
.honorList li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color: #fff;}
.honorList li:hover{background:#dbb769;}
/* 合作伙伴 */
.partnerList li{float:left;width:220px;margin-right:25px;margin-bottom:25px;}
.partnerList li img{ width:210px; height:90px;background:#444444; padding: 4px; border: 1px solid #4b4b4b; transition: all .5s;display: block;}
.partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.partnerList li:hover img{background-color: #dbb769;border-color: #dbb769}
/*案例列表*/
.caseList li{width: 33.33%;margin-bottom: 10px;float: left;}
.caseList li a{padding-top: 63.4%;display: block;overflow: hidden;position:relative;margin: 0 5px;}
.caseList li img{display: block;width: 100%;height: 100%;transition: all .4s;position: absolute;top: 0;left: 0}
.caseList li .cover{position: absolute;top: 0;right: 0;left: 0;bottom: 0;padding-top: 20%;}
.caseList li .cover h5{font-size: 18px;font-weight: normal;padding:0 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 40px;text-align: center;color: #dbb769;opacity: 0;position: relative;top: -20px;transition: all .4s;}
.caseList li .cover i{display: block;width: 40px;height: 40px;border: 1px solid #dbb769;background-image:url(../images/pCase-more1.png);background-repeat: no-repeat;background-position: center center;margin: 0 auto;opacity: 0;transition: all .6s;transform:rotate(0deg) scale(0)}
.caseList li:hover img{opacity: .5;transform: scale(1.1);}
.caseList li:hover h5{top: 0;opacity: 1;}
.caseList li:hover i{opacity: 1;transform:rotate(360deg) scale(1)}
/*案例详情*/
.caseShow h3{color: #fff;font-size: 28px;height: 30px;line-height: 30px;margin-bottom: 30px;font-weight: normal;text-align: center;}
.caseShow .caseShow-main{margin-bottom: 30px; }
.caseShow .caseShow-slide{height:600px;overflow: hidden;position: relative;background-color: #252525;padding: 40px 0;border: 1px solid #444;margin-bottom: 30px;}
.caseShow .caseShow-slide .bd{width: 1000px;margin: 0 auto;height:600px;overflow: hidden;}
.caseShow .caseShow-slide .bd li{width: 100%;height: 100%;overflow: hidden;text-align: center;}
.caseShow .caseShow-slide .bd li img{height: 600px;max-width:1000px;}
.caseShow .caseShow-slide .hd{position:absolute;bottom:10px;text-align: center;width: 120px;left: 50%;margin-left: -60px;}
.caseShow .caseShow-slide .next,.caseShow .caseShow-slide .prev{ display:inline-block;width:90px;height:17px;cursor:pointer;overflow:hidden; position: absolute;top: 50%;margin-top: -8px;}
.caseShow .caseShow-slide .next{background:url('../images/cNext1.png') no-repeat center center;right: 0}
.caseShow .caseShow-slide .prev{background:url('../images/cPrev1.png') no-repeat center center;left: 0;}
.caseShow .caseShow-slide .next:hover{background:url('../images/cNext2.png') no-repeat center center;}
.caseShow .caseShow-slide .prev:hover{background:url('../images/cPrev2.png') no-repeat center center;}
.caseShow .caseShow-slide .hd .pageState{color:#fff;font-family:Arial;letter-spacing:5px;font-size: 18px;}
.caseShow .caseShow-left .hd .pageState span{font-size:40px;color:#d91f22;}
.caseShow-content{margin-bottom: 30px;}
.caseShow-content .fr{width: 145px;}
.caseShow-content .fr img{display: block;height: 330px;}
.caseShow-content .fl{width: 1055px;}
.caseShow-content .fl h5{font-size: 16px;font-weight: normal;margin-bottom:20px; position: relative;color: #fff}
.caseShow-content .fl h5:after{position: absolute;content: "";width: 100px;height: 3px;background-color:#dbb769;left: 80px;top: 10px; }
.caseShow-relate h5{font-size: 18px;margin-bottom: 20px;font-weight: normal;color: #fff}
.relateList  li a .cover  h5{font-size: 20px;}
.relateList  li a .cover  p{font-size: 14px;}
/*视频列表列表*/
.videoList ul{width: 1250px;}
.videoList li{width: 279px;margin-right: 28px;position: relative;margin-bottom: 30px;float: left;transition: all .5s;}
.videoList li .pic{display: block;overflow: hidden;position: relative;}
.videoList li img{width: 100%;height: 100%;transition: all .5s;display: block;}
.videoList li:hover img{transform: scale(1.2);}
.videoList li p{padding:20px 10px ;transition: all .5s;position: relative;left: 0}
.videoList li p .tit{font-size: 14px;color: #333333;display: block;}
.videoList li p .time{font-size: 12px;color: #999999;display: block;}
.videoList li:after{content: "";position: absolute;width: 0;left:50%;height: 2px;background-color: #dbb769;transition: all .5s;bottom: 0px;}
.videoList li:hover:after{width: 100%;left: 0}
.videoList li:hover{box-shadow: 0 8px 20px rgba(0,0,0,.1);}
.videoList li:hover p{left: 15px;}
/* 新闻列表 */
.newsList .hot{margin-bottom: 30px;}
.newsList .hot ul{width: 1230px;}
.newsList .hot li{width: 385px;float: left;border-bottom: 2px solid #454545;position: relative;margin-right: 20px;}
.newsList .hot li:after{content: "";position: absolute;width: 0;left: 0;bottom: -1px;height: 2px;background-color: #dbb769;transition: all .5s;}
.newsList .hot li a{display: block;width: 100%;height: 100%;position: relative;}
.newsList .hot li .pic{display: block;height: 230px;overflow: hidden;}
.newsList .hot li .pic img{display: block;width: 100%;height: 100%;transition: all .5s;opacity: .8;}
.newsList .hot li .time{position: absolute;left: 0;top: 0;width:70px;height: 70px;text-align: center;font-size: 14px;color: #fff;background: rgba(219,183,105,0.7);}
.newsList .hot li .time b{font-size: 44px;font-weight: normal;display: block;padding: 15px 0 5px;}
.newsList .hot li .txt{padding: 25px 20px 20px;color: #656565;transition: all .5s;background-color: #343434;}
.newsList .hot li .txt h5{font-size: 16px;color: #fff;font-weight: normal;margin-bottom: 10px;opacity: 0.8;}
.newsList .hot li:hover img{transform: scale(1.1);}
.newsList .hot li:hover:after{width: 100%;}
.newsList .hot li:hover .txt h5{color: #dbb769;opacity: 1;}
.newsList .list li {padding-left: 120px;padding-bottom: 40px;border-top: 1px dotted #353535;padding-top: 40px;transition: all .5s;overflow: hidden;}
.newsList .list li a{display: block;position: relative;left: 0;transition: all .5s;}
.newsList .list li .time{display: block;float: left;font-size: 12px;color: #666666;margin-left: -120px;width: 90px;height: 90px;border: 1px solid #666;text-align: center;transition: all .5s;}
.newsList .list li strong{font-size: 40px;color: #666666;display: block;font-weight: normal;text-align: center;margin-bottom: 10px;margin-top: 20px;transition: all .5s;}
.newsList .list li .txt{width: 940px;float: left;margin-right: 30px;}
.newsList .list li h5{font-size: 18px;color: #fff;font-weight: normal;margin-bottom: 15px;opacity: 0.8;}
.newsList .list li p{font-size: 14px;color: #666666;}
.newsList .list li .more{display: block;display: block;font-size: 10px;text-align: center;height: 24px;line-height: 24px;width: 60px;text-align: center;background-color: #353535;color: #fff;margin-top: 35px;transition: all .5s;float: left;opacity: .5;}
.newsList .list li:hover{background-color: #252525}
.newsList .list li:hover h5 {color: #dbb769;opacity: 1;}
.newsList .list li:hover a{left: 20px;}
.newsList .list li:hover  .time{background-color: #dbb769;border-color: #dbb769;color: #fff;}
.newsList .list li:hover  strong{color: #fff;}
.newsList .list li:hover .more{color: #dbb769;opacity: 1;}
/* 常见问题 */
.faqList li{position:relative;margin-bottom: 30px;border-left: 3px solid #dbb769;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#dbb769;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative; padding:0 60px; background-color:#f3f3f3; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;color: #333;background-image:url(../images/faq.png); background-repeat:no-repeat; background-position:20px 0;}
.faqList li div{display:none;padding:25px  60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;}
.faqList li div{background:url(../images/faq.png) no-repeat 20px -155px;font-size:14px;}
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
/* 新闻详细样式 */
.articleShow .articleStart{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #4d4d4d;overflow: hidden;text-align: center;position: relative;}
.articleShow .articleStart .bshare-custom{position: absolute;right: 0;top: 40px;}
.articleShow .articleMain .title{font-size: 20px;line-height: 30px;color: #fff;font-weight: normal;margin-bottom: 10px;opacity: 0.8;}
.articleShow .articleMain .time{display: block;font-size: 14px;color: #999999}
.articleShow .articleMain .content{margin-bottom: 60px;}
.articleShow .articlePage{background: #252525;overflow: hidden;margin-bottom: 30px;}
.articleShow  .articlePage .post-prev,.articleShow  .articlePage .post-next{transition: all .36s ease;position: relative;width: 50%;overflow: hidden;float: left;padding: 15px;box-sizing: border-box;-moz-box-sizing: border-box;background: #252525;transition: all .5s;}
.articleShow  .articlePage a{display: block;width: 100%;height: 100%;}
.articleShow  .articlePage .pageImg{width: 70px;transition: all .5s;}
.articleShow  .post-prev .pageImg{text-align: right;}
.articleShow  .articlePage h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;font-weight: normal;position: relative;transition: all .5s;width: 240px;}
.articleShow  .articlePage .post-prev h5{right: 0;text-align: right;}
.articleShow  .articlePage .post-next h5{left: 0;text-align: left;}
.articleShow  .articlePage i{display: block;width: 40px;height:16px;margin-top: 5px;}
.articleShow  .articlePage .post-prev i{border-right: 1px solid #c9c9c9;background: url(../images/pageJt-icoL.png) no-repeat 0 center;transition: all .5s;}
.articleShow  .articlePage .post-next i{border-left: 1px solid #c9c9c9;background: url(../images/pageJt-icoR.png) no-repeat -40px center;transition: all .5s}
.articleShow  .articlePage .post-prev:hover .pageImg,.articleShow  .articlePage .post-next:hover .pageImg{color: #fff;}
.articleShow  .articlePage .post-prev:hover,.articleShow  .articlePage .post-next:hover{background-color: #dbb769}
.articleShow  .articlePage .post-prev:hover h5{color: #fff;right:25px;}
.articleShow  .articlePage .post-next:hover h5{color: #fff;left:25px;}
.articleShow  .articlePage .post-prev:hover i{border-color: #fff;background-position: -40px 0;opacity: 0.6}
.articleShow  .articlePage .post-next:hover i{border-color: #fff ;background-position: 0 0;opacity: 0.6}
.articleShow .articleHost  h3{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;color: #fff;margin-bottom: 10px;}
.articleShow .articleRelate-news{border: 1px solid #4d4d4d;padding: 15px 20px;overflow: hidden;}
.articleShow .articleRelate-news ul{width: 1250px;}
.articleShow .articleRelate-news li{height: 36px;line-height: 36px;border-bottom: 1px dashed #4d4d4d;transition: all .5s;float: left;width: 550px;margin-right: 50px;}
.articleShow .articleRelate-news li .time{color: #ccc;float: right;width: 72px;}
.articleShow .articleRelate-news li a{display: block;background: url(../images/ly_li.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;width: 400px;position: relative;transition: all .5s;left: 0;float: left;}
.articleShow .articleRelate-news li:hover a{color: #dbb769;left: 10px;}
/* 人才招聘  */
.jobList li{overflow: hidden;position: relative;border-bottom: 1px solid #4d4d4d;padding:30px 0 28px;}
.jobList .posit{float: left;width: 220px;margin-right: 30px;}
.jobList .posit .icon{display: block;width: 35px;height: 35px;background:#434343 url('../images/gicon19.png') no-repeat center center;position: absolute;right: 28px;top: 36px;cursor: pointer; transition: .3s;-ms-transition: .3s;-moz-transition: .3s; -webkit-transition: .3s;-o-transition: .3s;border-radius: 50%}
.jobList .posit h3{width: 180px;color: #fff;font-size: 18px;font-weight: normal;margin-bottom: 20px;}
.jobList .posit span{display: block;font-size: 14px;color: #898989;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #4d4d4d}
.jobList .posit b{font-size: 14px;font-weight: normal;}
.jobList li .inner{font-size: 14px;color: #888;line-height: 27px;width: 800px;float: left;}
.jobList li .txt{padding-top: 30px;display: none;}
.jobList li h4{color: #898989;font-size: 14px;font-weight: normal;}
.jobList li h5{color: #dbb769;font-size: 14px;margin-top: 30px;font-weight: normal;}
.jobList .more{display: block;padding-left: 20px;}
.jobList li.on .txt{display: block;}
.jobList li.on .more{display: none;}
.jobList li.on .icon{background:#dbb769 url('../images/gicon18.png') no-repeat center center;border-radius: 50%}
/* 内页留言样式 */
#dituContent{height:450px;}
.contactFont{overflow:hidden;margin-bottom:30px;height:auto;padding:30px;background: #222;}
.page-contact-title{ font-size:26px; line-height:50px; color:#333; text-align:center; padding:10px 0 20px;}
.page-contact dl{ width:20%; height:210px; float:left; text-align:center; position:relative;}
.page-contact dl:before{ content:""; overflow:hidden; position:absolute; background-color:#eee; left:0px; top:0; height:100%; width:1px;}
.page-contact dl:nth-child(1):before{ width:0;}
.page-contact dl dt{ position:relative; padding-top:120px; font-size:12px; line-height:20px; color:#888;}
.page-contact dl dt span{ width:90px; height:90px; position:absolute; left:50%; top:20px; margin-left:-45px;}
.page-contact dl dd{ font-size:14px; line-height:24px; padding:10px 20px 0;}
.map{ margin-top:60px;overflow:hidden;}
.map .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;}
.map-left{ width:780px; height:560px;}
.map-line{ margin-top:0px;}
.map-line d{ margin:25px 30px 0; background-repeat:no-repeat; background-position:left 8px; padding-left:55px;}
.map-line dl d{ font-size:18px; line-height:30px; color:#eee;}
.map-line dl dd{ font-size:14px; line-height:24px; color:#bbb; padding:5px 0 25px; border-bottom:1px dotted #888;}
.map-line dl:nth-last-child(1) dd{ border:none;}
.map-line dl.map-line-a{ background-image:url(../images/icon-cc-a.png);}
.map-line dl.map-line-b{ background-image:url(../images/icon-cc-b.png);}
.map-line dl.map-line-c{ background-image:url(../images/icon-cc-c.png); background-position:left 3px; }
.feedback{margin-top:50px;overflow:hidden;}
.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#fff;}
.feedback .title span{background:#000;padding:0 30px;position:relative;top:-10px;}
.feedback .title::before{content:"";border-bottom:1px solid #4d4d4d;height:12px;vertical-align:top;width:100%;display:block;}
#feedback_form{position:relative;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:240px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #4d4d4d;background: none;color: #fff;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:125px;width:1178px;padding:10px;border:1px solid #4d4d4d;display:block;background:none
    ;color: #fff}
#feedback_form i{font-style:normal;color:#ff1f19;position:absolute;font-size:14px;left:380px;top:6px;}
#feedback_form .f2{left:790px;}
#feedback_form .f3{left:auto;right:0;}
#feedback_form .f4{left:380px;top:66px;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#dbb769;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#dbb769;}
/*关于我们*/
.pageAbout {padding: 60px 0}
.pageTeam{background-color: #171717;padding: 70px 0;}
.pageTeam .topic{font-size:30px;line-height: 30px;color: #ffffff;font-weight: normal;text-align: center;margin-bottom: 40px;}
.pageTeam li {overflow: hidden;margin-bottom: 50px;}
.pageTeam li .num{display: block;width:60px;font-size: 50px;color: #7b7b7b;float: left;line-height: 50px;position: relative;text-align: center;}
.pageTeam li .num:after{content: "";position: absolute;width:1px;height: 70px;background-color: #5d5d5d; left: 50%;top: 80px;}
.pageTeam li .txt{width: 720px;float: left;margin-left: 75px;}
.pageTeam li .txt h5{font-size: 22px;font-weight:normal;color: #fff;margin-bottom: 40px;}
.pageTeam li .txt h5 span{font-size: 14px;margin-left: 20px;color: #888}
.pageTeam li .txt p{font-size: 14px;line-height: 25px;}
.pageTeam li .pic{display: block;width: 250px;height: 185px;overflow: hidden;float: right;}
.pageTeam li .pic img{display: block;width: 100%;height: 100%;transition: all .4s;}
.pageTeam li:hover .pic img{transform: scale(1.1);}
.pageTeam li:nth-child(2n) .num{float: right;}
.pageTeam li:nth-child(2n) .pic{float: left;}