@charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} body{ background: #fff; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 30px; } td,th,caption{font-size:14px;} h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;} a{color:#666;text-decoration: none;} a:hover{text-decoration: none;} img{border:none;} ol,ul,li{list-style:none;} input, textarea, select, button{font-size: 14px;} table{border-collapse:collapse;} html{overflow-y: scroll;} /* css common*/ .clearfix:after{content: ".";display: block;height:0;clear:both;visibility: hidden;} .clearfix{*zoom:1;} .fl{float: left;} .fr{float: right;} html{overflow-x:hidden;} .clear{clear: both;} .w1200{width: 1200px;height:auto;margin: 0 auto;} .w100{width: 100%;} :after, :before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box} /*头部*/ #header{ width:100%; height:100px; z-index:1000;background-color:#fff;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.16);} .logo{float: left;width: 235px;height: 100px;} .logo img{width: 100%;height: 100%;} .shortcut{width: 90px;height: 35px;overflow: hidden;float:right; margin-top:32px;} .shortcut a{margin-left:10px;display:block;width:35px;height:35px;position:relative;overflow:hidden;float:left;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;top:0px;} .shortcut a img{position:absolute;right:0px;top:0px;} .shortcut a .imgH{right:-35px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} .shortcut a:hover .imgH{display:block;right:0px;} /*一级菜单*/ .indexNav{float: right;position: relative;z-index: 99;width: 735px; margin-right:40px;} .indexNav ul{float:right;} .indexNav .nli{float: left;position: relative;z-index: 1;width: 147px;text-align: center;} .indexNav .nli span a{color:#333; font-size:15px; height:100px;; line-height:100px;; display:block;} .indexNav .nli.on, .indexNav .nli:hover{background-color:#1054ad;} .indexNav .nli.on span a, .indexNav .nli:hover span a{color:#fff; background-color:#1e52ac;} .indexNav .sub{position:absolute; background:#e9e9e9; width:1920px; height:60px; top:100px;;text-align:left; display:none; z-index: 100000;left:0%;} .indexNav .sub ul{float:left;} .indexNav .sub ul li{float:left; line-height:60px;} .indexNav .sub ul li a{float:left; color:#666; font-size:15px; padding:0 20px;} .indexNav .sub ul li a:hover{color:#1e52ac;} /*焦点图*/ .flexslider{position:relative;height:850px;width:100%;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;} .slides{position:relative;z-index:1;} .slides li{height:850px;} .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;display:none;} .flexslider:hover .flex-direction-nav{display:block;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;} /*现在最正规的娱乐万博ManBetX全站客户端下载标题*/ .indexTit{width:1200px; height:auto; margin:100px auto 0; text-align:center;} .indexTit h3{ width:100%; font-size:48px; line-height:48px; color:#333; font-weight:bold;font-family: "Times New Roman", Times, serif; text-transform:uppercase;} .indexTit h4{ width:100%; font-size:30px; line-height:30px; color:#333; margin-top:10px; background: url(../images/indexTitBg.png) no-repeat scroll center center;} .indexTit h4 span{ color:#c7020c;} /*现在最正规的娱乐万博ManBetX全站客户端下载产业*/ .businessIdemo li { float: left; display: block; width: 25%; position: relative; overflow: hidden; } .no-cssanimations .bluebg { background: url(../images/blueBg.png) repeat; } .cssanimations .bluebg { background: rgba(30,82,172,0.5); } .businessIdemo a:link, .businessIdemo a:visited { color: #fff; } .businessIdemo a:active, .businessIdemo a:hover { color: #fff; } .businessIdemo .bluebg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none; } .businessIdemo img { width: 100%; display: block; transition: all 0.3s ease 0s; } .businessIdemo .txt { position: absolute; left: 15%; width: 70%; top: 28%; text-align: center; color: #fff; } .businessIdemo .txt .t { font-size: 30px; line-height: 1.5; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); position: relative; margin-top: 0px; } .businessIdemo .txt .t .pic{ width:50px; height:50px; display:block; margin:0 auto;} .businessIdemo .txt .t .pic img{ width:50px; height:50px;} .businessIdemo .txt .t h3{ width:100%; height:30px; font-size:30px; line-height:30px; font-weight: normal; overflow: hidden;text-overflow:ellipsis; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); margin-top:60px;} .businessIdemo .txt .t h4{ width:100%; height:30px; font-size:16px; line-height:30px; font-weight: normal; overflow: hidden;text-overflow:ellipsis; text-transform:uppercase; margin-top:10px;} .businessIdemo .txt .t p{ width:100%; height:50px; font-size:14px; line-height:25px; font-weight: normal; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-top:30px;} .businessIdemo .txt .c { font-size: 14px; line-height: 1.5; margin-bottom: 24px; display: none; position: relative; margin-top: 30px; } .businessIdemo .txt .more { width: 120px; height: 35px; display: block; margin: 0px auto; text-align: center; line-height: 35px; color: #1e52ac; background-color: #fff; display: none; position: relative; margin-top: 50px; } .businessIdemo a:hover .bluebg { display: block; } .businessIdemo a:hover .txt .t { text-shadow: none; } .businessIdemo a:hover img { transform: scale(1.05,1.05); } /*现在最正规的娱乐万博ManBetX全站客户端下载企业*/ .indexBus{width:1200px; overflow:hidden; margin:40px auto 0; text-align:center; padding:30px;} .indexBus ul li{width: 275px;height: 315px;display: inline-block;float: left;background-color: #fafafa;border: 1px solid #dadada;margin-right:30px;} .indexBus ul li a{width:275px; height:315px; display:inline-block; transition: all 0.5s ease;} .indexBus ul li a .timg{width:250px; height:250px; margin-top:13px;} .indexBus ul li a .timg img{width:250px; height:250px;} .indexBus ul li a h6{margin-top:10px;color: #666;font-size: 14px;height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;} .indexBus ul li a:hover{box-shadow: 0px 0px 20px #999;} .indexBus ul li a:hover h6{color:#1e52ac;} /*现在最正规的娱乐万博ManBetX全站客户端下载简介*/ .indexABboutBg{ width:100%; height:auto; padding:100px 0; background: url(../images/indexAboutBg.jpg) no-repeat fixed center top; margin-top:70px;} .indexABbout{ width:1200px; height:380px; margin:0 auto;} .indexAboutFl{ width:625px; height:380px; float:left;} .indexAboutFl .tit{width:550px; height:76px; background: url(../images/line.jpg) no-repeat scroll left bottom; padding-bottom:20px;} .indexAboutFl .tit h3{ width:100%; font-size:36px; line-height:36px; color:#333; font-weight:bold;font-family: "Times New Roman", Times, serif; text-transform:uppercase;} .indexAboutFl .tit h4{ width:100%; font-size:24px; line-height:24px; color:#333; margin-top:10px;} .indexAboutFl .tit h4 span{ color:#c7020c;} .indexAboutFl .txt{width:550px; height:150px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; margin-top:45px;} .indexAboutFl .more{width:148px; height:43px; border:solid 1px #efefef; font-size:14px; color:#666; line-height:43px; text-align:center; margin-top:50px; display:block; transition: all 0.5s ease;} .indexAboutFl .more:hover{width:148px; height:43px; border:solid 1px #1e52ac; background-color:#1e52ac; font-size:14px; color:#fff; line-height:43px; text-align:center; margin-top:50px; display:block;} .indexAboutFr{ width:575px; height:380px; float:right; background:#000;} .szBg{ width:100%; height:155px; border-bottom:solid 1px #efefef; border-top:solid 1px #efefef; margin-top:80px;} .szBg .sz{ width:1200px; height:155px; margin:0 auto;} .szBg .sz .szBox{width:200px; float:left; padding-top:30px; text-align:center; transition: all 0.3s ease;} .szBg .sz .szBox .icon{ width:100%; height:35px;} .szBg .sz .szBox h3{ width:100%;font-size:16px; color:#333; line-height:30px; margin-top:10px;} .szBg .sz .szBox p{ width:100%; line-height:20px; font-size:13px; color:#999;} .szBg .sz .szBox:hover{padding-top:20px;} /*现在最正规的娱乐万博ManBetX全站客户端下载新闻*/ .indexNews{ width:1200px; height:420px; margin:70px auto 0;} .indexNewsFl{ width:540px; height:420px; float:left; display: block;} .indexNewsFl .img, .indexNewsFl img{ width: 540px; height: 260px; display: block; } .indexNewsFl .indexNewsContant{ width:478px; height:98px; border:solid 1px #f4f4f4; padding:30px;} .indexNewsFl .indexNewsContant .time{ width:60px; height:90px; border-right:solid 1px #f4f4f4; text-align:center; padding-top:8px; padding-right:30px; float:left; margin-right:30px;} .indexNewsFl .indexNewsContant .time .year{ width:100%; font-size: 28px; line-height: 35px;} .indexNewsFl .indexNewsContant .time .dm{ width:100%; font-size: 14px; line-height: 30px;} .indexNewsFl .indexNewsContant h3{ font-size: 16px; line-height:20px; width: 355px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #333; padding-top:10px;} .indexNewsFl .indexNewsContant p{ color: #999; line-height: 25px; font-size: 14px; width: 355px; height:50px; margin-top:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .indexNewsFl:hover h3{ color: #1e52ac;} .indexNewsFr{ width:580px; height:420px; float:right;} .indexNewsFr .newsList{ width:510px; height:140px; display: block; padding:0 35px; background-color:#fff;} .indexNewsFr .newsList .time{ width: 55px; height:110px; text-align: center; padding-right:30px; border-right:solid 1px #f4f4f4; margin-right:30px; padding-top:30px;} .indexNewsFr .newsList .time .year{ width:100%; font-size: 24px; line-height: 30px;} .indexNewsFr .newsList .time .dm{ width:100%; font-size: 14px; line-height: 14px; margin-top:10px} .indexNewsFr .newsList h3{ width:370px; font-size: 16px;color: #4c4e5d; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height:16px; padding-top:36px;} .indexNewsFr .newsList p{ color: #999; width:390px; height: 50px; font-size: 14px; line-height: 25px; margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .indexNewsFr .newsList:hover{ background-color:#fcfcfc;} .indexNewsFr .newsList:hover h3{ color:#1e52ac;} /*现在最正规的娱乐万博ManBetX全站客户端下载横幅*/ .indexHf{ width:100%; height:420px; padding-top:160px; background: url(../images/indexHfBg.jpg) no-repeat fixed center top; margin-top:100px; text-align:center;} .indexHf h3{ font-size:42px; line-height:50px; color:#fff; font-weight:bold;} .indexHf h4{ font-size:36px; line-height:50px; color:#fff; font-family: "Times New Roman", Times, serif; text-transform:uppercase; margin-top:20px;} .indexHf p{ font-size:14px; line-height:30px; color:#fff; margin-top:20px;} /*底部*/ .foot{ width:100%; height:375px; border-top:solid 1px #efefef;} .foot .footLink{width: 1200px;margin: 0 auto;font-size:14px; color:#666; line-height:78px; border-bottom:solid 1px #efefef;} .foot .footLink a{font-size:14px; color:#666; line-height:78px;} .foot .footerLink a:hover{ color: #1e52ac} .foot .footMain{ width:1200px; height:auto; margin:0 auto; padding:30px 0;} .foot .footMain .footTit{ width:100%; font-size:24px; color:#333; padding-bottom:20px;} .foot .footMain .footTit span{ font-size:18px; color:#999;} .foot .footMain .footLx{ width:800px; float:left;} .foot .footMain .footLx ul li{ width:400px; margin-top:20px;float:left;} .foot .footMain .footLx ul li img{ width:53px; height:53px; float:left;} .foot .footMain .footLx ul li p{ width:330px; height:53px; float:right; font-size:14px; color:#666; line-height:53px; overflow:hidden;} .foot .footMain .footWx{ width:364px; float:right;} .foot .footMain .footWx .weichat{width: 130px;text-align: center; float:left; padding:20px; border:dashed 1px #efefef;} .foot .footMain .footWx .weichat img{width: 130px;height:130px;} .foot .footMain .footWx .weichat h3{font-size: 14px;color: #666;line-height: 14px; margin-top:15px;} .bottom{ width:100%; height:60px; background-color:#1e52ac;} .bottom .bottomMain{ width: 1200px;margin: 0 auto; font-size:14px; color:#fff; line-height:60px;} .bottom .bottomMain a{ color:#fff;} /*内页大图*/ .subBan{width: 100%; overflow:hidden; position:relative;z-index:1;} .subBan img{width: 100%;} .subBan .subTxt{width:100%;position:absolute;z-index:2;top:45%;} .subBan .subTxt h3{ font-size:62px; color:#fff; font-weight:bold; padding-bottom:20px;text-transform:uppercase;} .subBan .subTxt p{ font-size:30px; color:#fff; padding-top:20px;} /*内页导航*/ .subMenu{width: 1200px; height: 52px; margin: 50px auto 0;} .subMenu dl{width: 100%; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -moz-box; overflow:hidden;} .subMenu dl dd{width: 100%; text-align: center; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; box-flex: 1.0; margin-right:20px;} .subMenu dl dd:last-child{margin-right:0;} .subMenu dl dd a{display: block; height: 50px; line-height: 50px; font-size: 14px; color: #666; border:solid 1px #e5e5e5; transition: all 0.3s ease;} .subMenu dl dd.on a, .subMenu dl dd a:hover{color: #ffffff; background: #1054ad; border:solid 1px #1054ad;} /*内页三级导航*/ .navThree{width:1200px;margin: 35px auto 0; text-align:center;} .navThree ul{text-align: center;} .navThree ul li{display: inline-block; margin-right: 15px; margin-top: 15px;} .navThree .nli{height: 40px;text-align: center;} .navThree .nli span a{ width:140px;height: 40px; padding:0 10px;display: block;color: #666;font-size: 14px;line-height: 40px;background-color: #f4f4f4; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition: all 0.3s ease;} .navThree .nli.on, .navThree .nli:hover{color: #fff;background-color: #1054ad;} .navThree .nli.on span a, .navThree .nli:hover span a{color: #fff;background-color: #1054ad;} /*内页内容*/ .subTit{ width:100%; margin:60px auto 0; font-size:26px; line-height:30px; padding-bottom:25px; color:#333; text-align:center;border-bottom: #eee solid 1px; position: relative;} .subTit i{display: block; position: absolute; left: 48.8%; bottom: -2px; height: 3px; background: #c7020c; width: 50px;} .subTit h4{ width:1200px; font-size:14px; line-height:30px; color:#666; text-align:center; margin-top:20px;} .subMain{ width:1200px; margin:60px auto 80px; font-size:14px; color:#666; line-height:30px; text-align:justify;text-justify:newspaper;} .subMain p{ margin-bottom:10px;} .subMain img{ max-width:1300px; height:auto;} /*内页产业*/ .subIndustry{ width:1200px; height:auto; margin:65px auto 80px;} .subIndustry li{ width:1200px; height:auto; margin-bottom:70px; background-color:#fff;} .subIndustry li:last-child{margin-bottom:0;} .industryList{ width:1200px; height:750px;} .industryList .industryListFl{ width:500px; height:650px; float:left; padding:50px; } .industryList .industryListFl h3{ width:100%; height:30px; font-size:30px; color:#1054ad; line-height:30px; font-weight:bold; text-transform:uppercase;} .industryList .industryListFl h5{ width:100%; font-size:16px; color:#1054ad; line-height:30px; margin-top:15px;} .industryList .industryListFl .industryContent{ width:100%; height:230px; font-size:14px; color:#666; line-height:30px; margin-top:30px; padding-right:10px;overflow-y:scroll; text-align:justify;text-justify:newspaper;} .industryList .industryListFl .industryLx{ width:100%; height:auto; border-top:solid 1px #d2d3d5; border-bottom:solid 1px #d2d3d5; padding:15px 0; margin-top:70px;} .industryList .industryListFl .industryLx p{ font-size:14px; color:#666; line-height:30px;} .industryList .industryListFl .industryLx p span{ font-style:italic;font-weight:bold;color:#1054ad;font-size:24px; line-height:30px;} .industryList .industryListFl .more{ width:150px; height:44px; font-size:14px; line-height:44px; color:#fff; display:block; margin-top:60px; background: url(../images/subProMoreA.png) no-repeat scroll center top;text-indent: 25px; transition: all .5s ease; background-color:#bbb; border-radius: 5px;} .industryList .industryListFl .more:hover{ color:#fff; background: url(../images/subProMoreA.png) no-repeat scroll center top; background-color:#1054ad; border-radius: 5px;} .industryList .industryListFr{ width:600px; height:750px; float:right; background-color:#000;} .industryList .industryListFr img{ width:100%; height:100%;} /*新闻样式*/ .newsBoxB{ width:1230px; height:auto; margin:60px auto 50px;} .newsBoxB .newsListB{ width:380px; height:auto; margin:0 15px 30px; display:block; float:left;} .newsBoxB .newsListB .newPicB{ width:380px; height:180px; background:#000; transition: 0s; overflow:hidden; position: relative;} .newsBoxB .newsListB .newPicB img{ width:100%; height:100%; transition: all .5s ease;} .newsBoxB .newsListB .newsTimeB{ width: 90px; height: auto; background: #666; text-align: center; color: #fff; position: absolute; left: 0; top: 100px; padding:5px 0;} .newsBoxB .newsListB .newsTimeB .newsDateB{ font-size: 28px; line-height: 28px;} .newsBoxB .newsListB .newsTimeB .newsYearMonB{ font-size: 12px; line-height: 12px; width:50px; border-top:solid 1px #fff; margin:5px auto 0; padding-top:5px;} .newsBoxB .newsListB .newsContentB{ width:338px; height:auto; padding:20px 20px 25px 20px; border:solid 1px #eee;} .newsBoxB .newsListB .newsContentB .newsTitB{ width:100%; height:20px; font-size:16px; line-height:20px; color: #000; padding-bottom:15px; border-bottom:solid 1px #eee; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .5s ease;} .newsBoxB .newsListB .newsContentB .newsSummryB{ width:100%; height:50px; font-size:12px; line-height:25px; color: #999; margin-top:15px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .newsBoxB .newsListB .newsContentB .newsMoreB{ width:38px; height:23px; text-align:center; margin-top:15px; color:#d8d8d8; font-size:14px; line-height:23px; border:solid 1px #d8d8d8; transition: all .5s ease;} .newsBoxB .newsListB:hover .newsTitB{ color: #1054ad;} .newsBoxB .newsListB:hover .newsMoreB{ color: #1054ad; border:solid 1px #1054ad;} .newsBoxB .newsListB:hover .newsTimeB{ background: #1054ad;} .newsBoxB .newsListB:hover .newPicB img{transform:scale(1.05)} /*新闻样式*/ .newsListF{width:1200px; margin:60px auto 80px;} .newsListF .newsTitemF{border-bottom: 1px solid rgba(0, 0, 0, 0.05);height: 150px;position: relative;transition: all 0.2s ease-out 0s;width: 100%;} .newsListF .newsContentF{display: block;height: 150px;margin: 0 auto;padding-top: 40px;position: relative;width: 100%;z-index: 1;} .newsListF .newsTitemF:nth-child(2n-1){background: rgba(0, 0, 0, 0.02);} .newsListF .newsInfoF{/*margin-left: 160px;*/width: 97%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} /*.newsListF .newsDateF{width: 180px;}*/ .newsListF .newsDateF p{font-family: "微软雅黑";} .newsListF .newsInfoF .md{color: #999;font-size: 42px;line-height: 42px;text-align: right;} .newsListF .newsInfoF .year{color: #999;font-size: 14px;text-align: right;} /*.newsListF .newsBodyF{padding-left: 50px;}*/ .newsListF .newsBodyF .title{color: #111111;font-size: 16px;height: 24px;line-height: 24px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .newsListF .newsBodyF .description{color: #999;font-size: 14px;height: 42px;line-height: 22px;margin-top: 12px;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .newsListF .newsTitemF i{color: rgba(16, 84, 173, .0);font-size: 36px;margin-top: 20px;text-indent: -30px;transition: all 0.3s ease-out 0s;float: left;} .newsListF .newsTitemF:hover i{color: rgba(16, 84, 173, 1);font-size: 36px;margin-top: 20px;text-indent: 0;} .newsListF .newsTitemF:hover .newsInfoF{transform: translate3d(-50px, 0, 0);-webkit-transform: translate3d(-50px, 0, 0);-moz-transform: translate3d(-50px, 0, 0);} .newsListF .newsTitemF:hover p{color: #666;} .newsListF .newsTitemF:hover .title{color: #1054ad;} .newsListF .newsTitemF:hover{box-shadow: 0 8px 25px rgba(0,0,0,.08);} .newsListF .newsDateF{width: 20%;} .newsListF .newsBodyF{width: 75%;margin-left: 5%;} .fa{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 1.25em; margin-top: 40px;} .fa-angle-right:before{content: "\2192";font-size: 16px;} /*产品样式*/ .proListE{width:1230px; margin:60px auto 50px;} .proInfoE{z-index: 9;overflow: hidden;float:left;} .proImgE a{display: block;} .proInfoE dl{text-align: center;padding: 0;background: #fff;box-shadow: 0 0 0 rgba(0, 0, 0, .15);margin: 0px;} .proImgE:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .3);} .proInfoE dd{background: none;text-decoration: none;transition: padding .36s ease;padding: 10px;text-align: center;position: relative; color:#333; font-size:14px; margin-left:0; background-color:#fbfbfb;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .proInfoE a:hover dd{background-color: #004ea2;padding-left: 25px;color: #fff;} .proInfoE dd::after{opacity: 0;-webkit-transition: all .36s ease-out;transition: all .36s ease-out;bottom: 0px;left: 0;right: 0;margin: 0 auto;position: absolute;content: "";width: 0;height: 2px;background-color: #fff;} .proInfoE a:hover dd::after{text-decoration: none;background-color: #004ea2;opacity: 1;width: 100%;} .proitemImgE{position: relative;overflow: hidden;} .proitemImgE img{ width:380px; height:285px;} .proitemImgE::before{content: "";position: absolute;width: calc(100% - 330px);height: calc(100% - 40px);top: 20px;display: block;left: 150px;opacity: 0;border-top: 2px solid #004ea2;border-bottom: 2px solid #004ea2;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .proitemImgE::after{content: "";position: absolute;height: calc(100% - 330px);width: calc(100% - 40px);left: 20px;display: block;top: 150px;opacity: 0;border-left: 2px solid #004ea2;border-right: 2px solid #004ea2;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .proitemImgE .item_mask{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;width: 40px;height: 40px;box-sizing: border-box;margin-top: -50px;transition: all 0.36s ease;border-radius: 100%;border-width: 1px;border-style: solid;border-color: #fff;;border-image: initial;} .proitemImgE .item_mask::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: 15px;background-color: #fff;} .proitemImgE .item_mask::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 15px;height: 1px;background-color: #fff;} .proImgE{position: relative;transition: all .36s ease;width:380px; float:left; margin:0 15px 30px;} .proImgE a img{width: 100%;margin: auto;transition: all 0.36s ease;} .proImgE a:hover img{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08)} .proImgE a:hover .proitemImgE::before{left: 20px;width: calc(100% - 40px);z-index: 2;opacity: 1;} .proImgE a:hover .proitemImgE::after{height: calc(100% - 40px);left: 20px;top: 20px;opacity: 1;background-color: rgba(0, 0, 0, .3);} .proImgE a:hover .proitemImgE .item_mask{opacity: 1;margin: 0} /*分页效果*/ .pages{ width:1200px; height:30px;clear: both;text-align: right;margin: 0 auto 80px;} .pages a,.pages span{background: #f1f1f1;color: #333;text-decoration: none;margin:0 5px;padding: 5px 11px;} .pages span:first-child{background: #f1f1f1;} .pages a:hover{color:#fff; background:#1054ad;} .pages span.current{color:#fff; background:#1054ad; border-color:#1054ad;} .pages span.disabled{background:#f1f1f1;} .pages span.disabled:hover{background:#1054ad;color:#fff; text-decoration: none;} /*内页招聘*/ .job{ width:1200px; margin:60px auto 80px;} .job .job_box{border-image: none; width: 1200px;} .job .job_box ul{width: 100%;job_box-style: none; float: left;} .job .job_box li{width: 100%;position: relative;float: left;border:solid 1px #eee; margin-bottom:30px;} .job .job_box li:last-child{margin-bottom:0;} .job .job_box li .job_list{width: 100%; float:right;} .job .job_box li .job_list .job_zw{width: 130px; height:60px; line-height: 30px; padding:0 30px; font-size: 16px; color:#222; float:left; border-right:solid 1px #eee; margin-top:45px;} .job .job_box li .job_list .job_top{height: 120px;} .job .job_box li .job_list .job_top .job_nr{width: 630px;float: left; margin-top:5px; margin-left:50px;padding: 20px 0px;} .job .job_box li .job_list .job_top .job_nr .box{width: 100%; float: left;} .job .job_box li .job_list .job_top .job_nr p{width: 200px; color: #666; line-height: 35px; font-size: 14px; float: left; padding-right:10px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .job .job_box li .job_list .job_link{width: 290px; margin: 42px 10px 0; float:right;} .job .job_box li .job_list .job_link a{width: 140px; height: 35px; text-align: center; line-height: 35px; font-size: 14px; float: left;} .job .job_box li .job_list .job_link .job_more{background: #dedede; color: #333; margin-right: 5px;} .job .job_box li .job_list .job_link .job_need{color: #fff;background-color: #6f6f6f;} .job .job_box li .job_list .job_link a:hover{opacity: 0.8;} .job .job_box li .job_list .bot{display: none;width: 1120px;border-top:solid 1px #eee; padding:0 40px 60px;} .job .job_box li .job_list .bot p{ font-size:14px; color:#666; line-height:25px; margin-top:30px;} .black_overlay{display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1000000; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88);} .white_content{display: none; position:fixed; margin:auto; left:0; right:0; top:0; bottom:0; width: 1000px; height: 470px; padding-bottom:50px; background-color: white; z-index:1000001; overflow: auto;} .bmBox{ border:solid 1px #eee; width:100%; padding:10px 0; height:30px;} .bmTit{ font-size:16px; color:#333; line-height:30px; float:left; margin-left:30px; } .bmBox input{border: 0; // 去除未选中状态边框 outline: none; // 去除选中状态边框 background-color: rgba(0, 0, 0, 0);// 透明背景} .bmBox input[type=text]{float: right; width: 330px; height:30px line-height: 30px; font-size: 16px; color: #333; margin-right:30px; margin-top:4px;outline: none;} .bmBox input[type=text2]{float: right; width: 740px; height:30px line-height: 30px; font-size: 16px; color: #333; margin-right:30px; margin-top:4px;outline: none;} .bmBox input[type=submit]{display: block; width: 110px; height: 30px; background-color: #3156a3; font-size: 12px; color: #fff; border-radius: 0;border: 0;outline: none; float:left; margin-left:30px;} .submit{display: block; width: 200px; height: 40px; background-color: #3156a3; margin: 0 auto; font-size: 14px; color: #fff; border-radius: 0;border: 0;outline: none;} .bmBox textarea{width: 925px; height: 120px; box-sizing: border-box; line-height: 30px; font-size: 14px; color: #333; float: right;border: 0;outline: none;} .bmBox .radio-box{float: right; width: 200px; font-size:16px; color:#333; line-height:30px; margin-right:150px;} /*内页联系*/ .subContact{ width:1200px; height:500px; margin:60px auto 80px;} .subContact .subContactFl{ width:420px; height:500px; float:left;} .subContact .subContactFl li{ width:210px; height:250px; float:left; background-color:#eee;} .subContact .subContactFl li:nth-child(2){background:#f6f6f6;} .subContact .subContactFl li:nth-child(3){background:#f6f6f6;} .subContact .subContactFl li .ico{ width:210px; height:42px; text-align:center; margin-top:60px;} .subContact .subContactFl li .name{ width:210px; height:30px; font-size:14px; line-height:30px; color:#333; font-weight:600; text-align:center; margin-top:10px;} .subContact .subContactFl li .txt{ width:170px; height:auto; font-size:14px; line-height:20px; color:#999; text-align:center; margin-top:5px; padding:0 20px;} .subContact .subContactFr{ width:760px; height:500px; float:right; background-color:#000;} /*内页发展历程*/ .historyBox{ width:971px; height:auto; margin:0 auto;} .historyFl{ width:491px; height:auto; float:left; background: url(../images/history_line.png) no-repeat scroll right top;} .historyFl .historyCon{ width:300px; height:auto; padding:15px 20px; float:left; background-color:#1e52ac; min-height:60px;} .historyFl .historyCon p{ font-size:14px; color:#fff; line-height:20px; margin:5px 0;} .historyFl .historyYear{ width:80px; height:40px; float:left; font-size:30px; line-height:40px; color:#1e52ac; background: url(../images/historyFl.jpg) no-repeat scroll left center; padding-left:45px; margin-top:30px;} .historyFl .historyCon:hover{ background-color:#1e52ac;} .historyFr{ width:491px; height:auto; float:right; background: url(../images/history_line.png) no-repeat scroll left top;} .historyFr .historyCon{ width:300px; height:auto; padding:15px 20px; float:right; background-color:#1e52ac; min-height:60px;} .historyFr .historyCon p{ font-size:14px; color:#fff; line-height:20px; margin:5px 0;} .historyFr .historyYear{ width:80px; height:40px; float:right; font-size:30px; line-height:40px; color:#1e52ac; background: url(../images/historyFr.jpg) no-repeat scroll right center; padding-right:45px; margin-top:30px; text-align:right;} .historyFr .historyCon:hover{ background-color:#1e52ac;} /*新闻详细内容*/ .nv{ width:1200px; margin:70px auto 80px;} .nv_tit{text-align: center;color: #333;border-bottom: #d6d6d6 solid 1px;font-size: 20px;line-height: 30px;font-weight: bold;padding-bottom:20px;} .nv_tim{text-align: center;padding: 10px 0 30px;color: #999;font-size: 14px;line-height: 24px;} .nv_tim span{display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 15px; cursor: pointer;} .nv_tim .fx{display: inline-block; vertical-align: middle; width: 150px;} .nv_ncon{padding: 0 0 50px;color: #666;font-size: 14px;line-height: 30px; text-align:justify;text-justify:newspaper;} .nv_ncon p{ margin-top:10px;} /* 上一条新闻 * */ .nv_ud{padding: 10px 0 10px;} .nv_ud div{width: 46%;border-top: #d6d6d6 solid 1px;border-bottom: #d6d6d6 solid 1px;height: 58px;color: #666;font-size: 14px;line-height: 58px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .nv_ud div a{color: #333;} /*弹窗*/ .fancybox{margin-bottom:30px;} .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;} .fancybox-wrap{position: absolute;top: 0;left: 0;z-index: 8020;} .fancybox-skin{position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .fancybox-opened{z-index: 8030;} .fancybox-opened .fancybox-skin{-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner{position: relative;} .fancybox-inner{overflow: hidden;} .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling: touch;} .fancybox-error{color: #444;margin: 0;padding: 15px;white-space: nowrap;} .fancybox-image, .fancybox-iframe{display: block;width: 100%;height: 100%;} .fancybox-image{max-width: 100%;max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image: url(../images/fancybox_sprite.png);} #fancybox-loading{position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;} #fancybox-loading div{width: 44px;height: 44px;background: url(../images/fancybox_loading.gif) center center no-repeat;} .fancybox-close{position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;} .fancybox-nav{position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url(../images/blank.gif); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;} .fancybox-prev{left: 0;} .fancybox-next{right: 0;} .fancybox-nav span{position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;} .fancybox-prev span{left: 10px;background-position: 0 -36px;} .fancybox-next span{right: 10px;background-position: 0 -72px;} .fancybox-nav:hover span{visibility: visible;} .fancybox-tmp{position: absolute;top: -99999px;left: -99999px;max-width: 99999px;max-height: 99999px;overflow: visible !important;} /* Overlay helper */ .fancybox-lock{overflow: visible !important;width: auto;} .fancybox-lock body{overflow: hidden !important;} .fancybox-lock-test{overflow-y: hidden !important;} .fancybox-overlay{position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url(../images/fancybox_overlay.png);} .fancybox-overlay-fixed{position: fixed;bottom: 0;right: 0;} .fancybox-lock .fancybox-overlay{overflow: auto;overflow-y: scroll;} /* Title helper */ .fancybox-title{visibility: hidden;position: relative;text-shadow: none;z-index: 8050;} .fancybox-opened .fancybox-title{visibility: visible;} .fancybox-title-float-wrap{position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;} .fancybox-title-float-wrap .child{display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;} .fancybox-title-outside-wrap{position: relative;margin-top: 10px;color: #fff;} .fancybox-title-inside-wrap{padding-top: 10px;} .fancybox-title-over-wrap{position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}