/**************************************/ /*************[公用start]**************/ /**************************************/ body,div,p,span,ul,li,h1,h2,h3,h4,h5,h6,a,input,textarea,select,dl,dd,table,tr,td{ margin:0; padding: 0; } body{ font-family:"Arial","Microsoft Yahei"; font-size: 14px; /*主要内容区字号大小,每次制作前更新!!! */ color:#333; background-color: #fff; overflow-y:auto; /*防止页面高度过低,滚动条加载时突显引起的页面调动。!!! */ line-height: 1.2; overflow-x: hidden; } input,textarea,select{ outline: none; font-family:"Arial","Microsoft Yahei"; color:#333; font-size: 14px; } textarea{ resize: none; } ul li{ list-style-type: none; } h1,h2,h3,h4,h5,h6{ font-weight: normal; } i{ font-style: normal; } div.clear{ clear: both; height: 0; width: 0; } .clearfix{zoom:1} .clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1200px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } *{ /*【块级元素】不受边框、margin、padding影响类名,需要时添加*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ width: 300px!important;/*图片盒子宽度,‘重要’是为防止图片添加尺寸不正确而修正,需注意图片比例*/ height: 200px!important;/*图片盒子高度,‘重要’是为防止图片添加尺寸不正确而修正,需注意图片比例*/ overflow: hidden; } .img-box>img{ transition: .3s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ width: 100%; max-width: 100%; } .img-box:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*图片中心放大代码区域*/ /**************************************/ /************[公用over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ position: relative; position: fixed; left: 0; top: 0; z-index: 10000000; background-color: #fff; width: 100%; border-bottom: 1px solid #eee; } #header .wp{ position: relative; width: 1200px; } .logo{ margin-left: 36px; margin-top: 2px; font-size: 0; } .language{ position: absolute; right: -40px; top: 28px; } .search-911{ position: absolute; right: -80px; top: 28px; width: 31px; height: 31px; } .language a{ font-size: 0; line-height: normal; } .search-911 a{ font-size: 0; line-height: normal; } .search-911-form{ display: none; position: absolute; width: 200px; top: 0; left: 0; } .search-911-form input[type="text"]{ width: 100%; height: 31px; line-height: 31px; background-color: #fff; padding: 0 34px 0 18px; border:1px solid #ccc; font-size: 14px; border-radius: 18px; } .search-911-form input[type="image"]{ position: absolute; right: 8px; top: 6px; } .nav ul.nav-ul>li{ float: left; width: 9%; border-left: 1px solid #eee; text-align: center; position: relative; } .nav ul.nav-ul>li:first-child{ border-left: 0; } .nav ul.nav-ul>li>a{ display: block; height: 80px; line-height: 80px; transition: .3s; font-size: 16px; color:#3f3f3f; } .nav ul.nav-ul>li:hover>a{ background-color:#0655ad; color:#fff; } .nav ul.nav-ul>li.active>a{ background-color:#0655ad; color:#fff; } #header-lan{ display: none; position: absolute; left: 0; height: 40px; bottom: -40px; width: 100%; background-color: #0756ad; z-index: 800000; } .nav ul.nav-ul>li:hover .downla{ display: block; } .downla{ display: none; position: absolute; left:10px; bottom: -40px; width: 850px; height: 40px; font-size: 0; z-index: 900000; line-height: normal; text-align: left; } .downla a{ padding: 0 12px; text-align: center; line-height: 40px; display: inline-block; font-size: 12px; color:#fff; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .banner{ position: relative; } .fafa .slides > li{ height:519px; background-repeat: no-repeat; background-position: center ; } .fafa .flex-control-nav{ display: block; } .wngansha { padding: 70px 0 ; } .wngansha li{ float: left; width: 373px; margin:0 13px; background-repeat: no-repeat; background-position: center; } .wngansha li a{ display: block; height: 149px; background-image: url(../images/heidi.png); text-align: center; padding-top: 35px; transition: .3s; } .wngansha li a:hover{ background-image: none; } .wngansha li a h1{ font-size:18px; color:#fff; transition: .3s; position: relative; top: 0; } .wngansha li a i{ font-size: 0; line-height: normal; transition: .3s; position: relative; top: 0; } /*.wngansha li a:hover h1{ top: 70px; } .wngansha li a:hover i{ top: -30px; }*/ .wngansha .caroufredsel_wrapper{ margin:0 auto!important; } .gongcheng-list .caroufredsel_wrapper{ margin:0 auto!important; } #pager-wngansha{ text-align: center; margin: 37px auto 0; } #pager-wngansha a { background: transparent url(../images/pager1.png) no-repeat center; text-decoration: none; text-indent: -999px; display: inline-block; overflow: hidden; width: 9px; height: 9px; margin: 0 5px 0 0; } #pager-wngansha a.selected { width: 28px; height: 9px; background: transparent url(../images/pager2.png) no-repeat center; } #pager-gongcheng{ text-align: center; margin: 37px auto 0; } #pager-gongcheng a { background: transparent url(../images/pager1.png) no-repeat center; text-decoration: none; text-indent: -999px; display: inline-block; overflow: hidden; width: 9px; height: 9px; margin: 0 5px 0 0; } #pager-gongcheng a.selected { width: 28px; height: 9px; background: transparent url(../images/pager2.png) no-repeat center; } .xinwen{ background-color:#f0f6fc; } .title-1{ text-align: center; padding: 50px 0 0; } .title-1 h1{ font-size: 24px; color:#004898; } .title-1 h2{ font-size: 16px; color:#004898; text-transform: uppercase; position: relative; display: inline-block; margin-top: 10px; } .title-1 h2::before{ content: ''; position: absolute; height: 1px; width: 46px; background-color: #004898; left: -60px; top: 46%; } .title-1 h2::after{ content: ''; position: absolute; height: 1px; width: 46px; background-color: #004898; right: -60px; top: 46%; } .xinwen-an{ font-size: 0; line-height: normal; text-align: center; padding: 33px 0 40px; } .xinwen-an span{ display: inline-block; padding: 11px 0; width: 112px; background-color: #3c8be3; border-radius: 5px; color:#fff; cursor: pointer; font-size: 16px; margin:0 11px; } .xinwen-an span.active{ background-color: #004898; } .xinwen-list li{ float: left; width: 20%; padding:40px 2%; border-left: 1px solid #eeeeee; background-color: #fff; } .xinwen-list li:first-child{ border-left: 0; } .xinwen-pic{ overflow: hidden; } .xinwen-pic img{ display: block; width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ transition: . } .xinwen-pic:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .xinwen-list{ display: none; } #xinwen-list-1{ display: block; } .xinwen-list li h1{ font-size: 17px; color:#2a2a2a; margin-top: 35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .xinwen-list li h1:hover{ color:#004898; } .xinwen-list li h2{ font-size: 16px; color:#2a2a2a; margin-top: 10px; } .xinwen-list li p{ font-size: 14px; color:#777777; line-height: 2; margin-top: 10px; height: 56px; overflow: hidden; } .xinwen-more{ text-align: right; margin-top: 24px; } .xinwen-more a{ display: inline-block; width: 41px; height: 41px; background-repeat: no-repeat; background-position: center; transition: .3s; background-image: url(../images/xinwen-more.png); } .xinwen-more a:hover{ background-image: url(../images/xinwen-more-h.png); } .more{ padding: 30px 0; text-align: center; } .more a{ display: none; font-size:16px; color:#004898; } .more a#more-1{ display: block; } .jianjie{ padding: 70px 0; } .jianjie-con{ width:42%; height: 316px; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; padding: 62px; padding-bottom: 40px; padding-right: 100px; } .jianjie-con.fl{ margin-left: 5%; } .jianjie-con.fr{ margin-right: 5%; } .jianjie-con h1{ font-size:24px; color:#fff; } .line{ height: 3px; width: 48px; background-color: #fff; margin:20px 0; } .jianjie-con p{ font-size: 16px; color:#fff; line-height: 2; height: 96px; overflow: hidden; } .jianjie-more { margin-top: 10px; } .jianjie-more a{ display: inline-block; width: 115px; height: 33px; line-height: 33px; text-align: center; font-size: 15px; color:#fff; background-color:#45c9fa; border-radius: 15px; transition: .3s; } .jianjie-more a:hover{ background-color: #004898; } .gongcheng{ border-top: 1px solid #ededed; padding-bottom: 26px; } .gongcheng-list { margin-top: 40px; } .gongcheng-list li{ float: left; width: 384px; margin:0 8px; text-align: center; height: 258px; } .gongcheng-list li a{ font-size:16px; color:#2a2a2a; transition: .3s; } .gongcheng-list li a:hover{ color:#004898; } .gc-pic{ overflow: hidden; margin-bottom: 38px; } .gc-pic img{ display: block; width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ transition: . } .gc-pic:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ border-top: 1px solid #ededed; background-color: #fafafa; } .footer-1{ border-bottom: 1px solid #ededed; padding: 24px 0; line-height: 1.8; position: relative; } .foo-gun{ position: absolute; right: 10px; top: 0; left: 90px; padding:24px 0; overflow: hidden; } .foo-gun li{ float: left; } .foo-gun li a{ display: inline-block; padding: 0 15px; transition: .3s; font-size: 14px; color:#4f4f4f; } .footer-1 a:hover{ color:#004898; } .footer-2{ padding: 20px 0; line-height: 2.2; font-size: 14px; color:#4f4f4f; } .er img{ display: block; margin-bottom: 5px; width: 100%; } .er-wp{ margin-top: 10px; width: 339px; } .er-wp .er{ margin-top: 0!important; float: left!important; } .er{ font-size: 14px; margin-top: 10px; color:#4f4f4f; text-align: center; width: 103px; } .er:first-child+.er{ margin: 0 15px; } #footer-2{ height:48px; line-height: 48px; background-color: #004898; color: #fff; font-size: 14px; } #footer-2 a{ vertical-align: middle; padding: 0 3px; } /**************************************************************/ /*footer-over*/ /*news*/ .erji-nav a{ float: left; padding: 0 20px; height: 66px; line-height: 66px; font-size: 14px; color:#666; } .erji-nav a.active,.erji-nav a:hover{ border-bottom: 2px solid #0857ae; } .erji-top{ border-bottom: 1px solid #ebebeb; } .mianbaoxie{ height: 66px; line-height: 66px; } .mianbaoxie img{ vertical-align: middle; margin-right: 5px; margin-top: -3px; } .mianbaoxie a:hover{ color:#0857ae; } .news-list li .news-list-li{ transition: .3s; } .news-list li .news-list-li:hover{ background-color: #f3f2f2; } .news-list li .news-list-li:hover .news-more a{ background-color: #0756ad; color:#fff; border-color: #0756ad; } .news-pic{ margin-right: 53px; width: 313px; height: 170px; overflow: hidden; } .news-pic img{ display: block; width: 100%; transition: .3s; } .news-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .news-list-li .wp{ padding: 60px 0; border-bottom:1px dotted #d2d2d2; } .news-list-li h1{ font-size: 17px; color:#2a2a2a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news-list-li h1:hover{ color:#0756ad; } .news-list-li h2{ font-size: 16px; color:#999; padding: 15px 0; } .line-123{ width: 42px; height: 2px; background-color: #e2e2e2; margin-left: 365px; } .news-list-li p{ font-size: 14px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 15px 0; } .news-more a{ display: inline-block; width: 105px; height: 33px; line-height: 33px; text-align: center; border:1px solid #e2e2e2; font-size: 13px; color:#8e8e8e; transition: .3s; } .m-page{text-align: center;padding: 45px 0 ;overflow: hidden;color: #999;} .m-page ul{display: inline-block;overflow: hidden;vertical-align: middle;} .m-page ul li{float: left;margin-right: 8px;} .m-page ul li a{ display: block;line-height: 32px;font-size: 14px;padding: 0 13px;border: 1px solid #e7e7e7; transition: .3s; } .m-page ul li.on a,.m-page ul li a:hover{border-color: #0755ad;color:#fff;background-color: #0755ad;} /*gongcheng*/ .anli1{ padding: 42px 0; } .title-anli{ text-align: center; } .title-anli h1{ font-size: 24px; color:#004898; } .title-anli h2{ font-size: 16px; display: inline-block; color:#004898; position: relative; text-transform: uppercase; margin-top: 12px; } .title-anli h2:after{ content:''; width: 46px; height: 1px; background-color: #004898; position: absolute; right: -55px; top: 50%; } .title-anli h2:before{ content:''; width: 46px; height: 1px; background-color: #004898; position: absolute; left: -55px; top: 50%; } .anli-list{ margin-top: 30px; } .anli-list li:first-child{ margin-left: 0; } .anli-list li{ float: left; width: 373px; margin-left: 40px; } .anli-pic{ overflow: hidden; } .anli-pic img{ display: block; width: 100%; transition: .3s; } .anli-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .anli-list li h1{ font-size: 16px; color:#212121; text-align: center; padding: 20px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .anli-more{ text-align: center; padding-top: 20px; } .anli-more a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; color:#fff; font-size: 14px; background-color: #0756ae; padding-left: 45px; text-align: left; background-repeat: no-repeat; background-position: 15px center; background-image: url(../images/jia.png); } .anli2{ background-color: #f8f8f8; } .fenbu{ height: 575px; background-image: url(../images/map.jpg); background-repeat: no-repeat; background-position: center; } .fenbu-con{ width: 383px; height: 457px; border-radius: 8px; overflow: hidden; background-image: url(../images/landi.png); margin-top: 60px; padding: 43px 21px; } .fenbu-con h1{ font-size: 26px; color:#fff; font-weight: bold; } .line-fenbu{ height: 3px; width: 38px; background-color: #fff; margin: 22px 0; } .fenbu-con p{ text-indent: 2em; font-size: 15px; color:#fff; line-height: 2; } .fenbu-map{ width: 618px; margin-top: 37px; position: relative; } .city{ position: absolute; } .hongdian{ position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color:#ea3243; cursor: pointer; } .fenbu-map img{ display: block; width: 100%; } #xinjiang{ left: 160px; top: 160px; } #xizang { left: 145px; top: 323px; } #neimenggu{ left: 404px; top: 173px; } #shanxi{ left: 419px; top: 242px; } #shanxi2{ left: 384px; top: 272px; } #sichuan { left: 330px; top: 327px; } #guizhou{ left: 368px; top: 380px; } #guangxi { left: 390px; top: 423px; } #zhejiang { left: 521px; top: 340px; } .diming{ position: absolute; font-size: 14px; color:#4f4f4f; left: -48px; bottom: -25px; width: 42px; text-align: center; } #xizang .diming{ left: auto; right: -60px; bottom: -14px; } #neimenggu .diming{ left: -48px; bottom: -24px; } #guizhou .diming{ left: -34px; bottom: -26px; } #guangxi .diming{ left: -23px; bottom: -31px; } #shanxi .diming{ left: -20px; bottom: 3px; } #shanxi2 .diming{ left: -25px; bottom: -29px; } #zhejiang .diming{ left: -25px; bottom: -29px; } .fenbu-box{ position: absolute; left:5px; bottom: 5px; width: 200px; height: 200px; background-color: #fff; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; box-shadow: 0 0 10px #ddd; z-index: 8000; } .hongdian:hover+.fenbu-box{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .zhengshu-list li{ float: left; width: 50%; text-align: center; padding: 0 5%; } .zhengshu-list { margin-top: 40px; } .zhengshu-list li h1{ font-size: 16px; color:#212121; text-align: center; padding-top:20px; } .touzi-list{ width: 80%; margin:0 auto; } .touzi-list li{ float: left; width: 30.3333333333%; margin:46px 1.5% 0; } .touzi-list li a{ padding: 28px 37px; display: block; background-color: #f5f5f5; transition: .3s; } .touzi-list li a:hover{ background-color: #008bdb; } .touzi-list li a:hover h1,.touzi-list li a:hover h2,.touzi-list li a:hover .touzi-more{ color:#fff; } .touzi-list li a h1{ font-size: 18px; transition: .3s; color:#535353; } .touzi-list li a h2{ font-size: 17px; color:#535353; line-height: 1.8; height: 60px; overflow: hidden; transition: .3s; margin-top: 12px; } .touzi-more{ margin-top: 30px; transition: .3s; font-size: 15px; color:#535353; } /*lingyu*/ .lingyu-list { /*width: 63%;*/ margin: 0 auto; position: relative; } #ly-left{ position: absolute; left: -70px; width: 41px; height: 41px; background-repeat: no-repeat; background-position: center; transition: .3s; background-image: url(../images/xinwen-more2.png); top: 50%; margin-top: -20px; cursor: pointer; } #ly-left:hover{ background-image: url(../images/xinwen-more-h2.png); } #ly-right{ position: absolute; right: -70px; width: 41px; height: 41px; background-repeat: no-repeat; background-position: center; transition: .3s; background-image: url(../images/xinwen-more.png); top: 50%; margin-top: -20px; cursor: pointer; } #ly-right:hover{ background-image: url(../images/xinwen-more-h.png); } .lingyu-list li{ float: left; width: 300px; height: 602px; } .lingyu-list .caroufredsel_wrapper{ margin:0 auto!important; } .lingyu-list li a{ display: block; position: relative; } .lingyu-lan{ position: absolute; width: 100%; height: 216px; background-image: url(../images/landi.png); top: 50%; margin-top: -108px; padding-top: 50px; } .lingyu-list li a img{ display: block; width: 100%; } .lingyu-list li h1{ text-align: center; font-size: 20px; color:#fff; margin-top: 10px; } .lingyu-wp{ padding: 56px 0 60px; } .lingyu-list{ margin-top: 45px; } .lingyu-icon{ width: 68px; height: 68px; background-repeat: no-repeat; background-position: center; margin:0 auto; } /*jiaru*/ .jiaru-1{ padding: 40px 0 10px; } .jiaru-1-con{ width: 50%; padding: 4% 3%; } .jiaru-1-pic{ width: 50%; } .jiaru-1-pic img{ display: block; width: 100%; } .jiaru-1-conwp{ background-color: #0756ae; margin-top: 40px; } .jiaru-1-con p{ font-size: 16px; color:#fff; margin-top: 40px; line-height: 2; height: 64px; overflow: hidden; } .jiaru-1-con p:first-child{ margin-top: 0; } .yumao{ width: 100%; height: 177px; background-image: url(../images/mao.png); background-repeat: no-repeat; background-position:85% center; position: relative; top: -70px; z-index: 500; } .jiaru-2{ height: 672px; background-repeat: no-repeat; background-position: center; background-image: url(../images/jiaru-2.jpg); padding-top: 60px; } .jiaru-2 .title-anli h1, .jiaru-2 .title-anli h2{ color:#fff; } .jiaru-2 .title-anli h2:after, .jiaru-2 .title-anli h2:before{ background-color:#fff; } .jiaru-2-list{ margin-top: 80px; } .jiaru-2-list li{ float: left; width: 280px; margin: 0 10px; } .job-bai{ height: 357px; background-color: #fff; border-bottom-right-radius: 25px; padding:20px 14px; } .job-bai h1{ font-size: 14px; color:#979797; } .job-bai h2{ font-size: 20px; color:#484848; font-weight: bold; padding: 13px 0; border-bottom: 1px solid #919191; margin-bottom: 15px; } .job-bai p{ font-size: 14px; color:#7d7d7d; line-height: 1.8; height: 150px; overflow: hidden; } .job-bai-more{ margin-top:45px; } .job-bai-more a{ display: inline-block; border-radius: 18px; padding: 7px 18px; border:1px solid #cacaca; color:#cacaca; font-size: 15px; color:#858585; transition: .3s; } .job-bai-more a:hover{ background-color: #006bba; border-color: #006bba; color:#fff; } .jiaru-3{ padding: 40px 0; } .jiaru-3 p.xxx{ text-align: center; font-size: 15px; color:#5f5f5f; line-height: 2; margin-top: 25px; } .jiaru-3-list{ text-align: center; margin-top: 60px; } .jiaru-3-list li{ display: inline-block; font-size: 0; line-height: normal; width: 20.833333333333%; margin:0 0.6%; } .jiaru-3-list li img{ display: block; width: 100%; } /*about*/ .about-1{ padding: 40px 0; } .about-1-con{ width: 62%; margin-top: 40px; padding-right: 50px; } .about-1-con p.about-1-p{ /* text-indent: 2em;*/ line-height: 2.8; font-size: 15px; color:#595959; } .about-1-ico{ margin-top: 60px; } .about-1-ico li{ float: left; width: 33.3333333%; text-align: center; background-image: url(../images/line.png); background-repeat: no-repeat; background-position: left 80%; } .about-1-ico li:first-child{ background-image: none; } .about-1-ico li h1{ font-size: 16px; color:#333; } .about-1-ico li h1 span{ font-size: 30px;font-weight: bold; color:#0055b3; padding-right: 3px; vertical-align: middle; display: inline-block; margin-top: -5px; } .about-1-ico li h2{ font-size: 15px; color:#313131; padding-top: 5px; } .about-1-icon{ width: 57px; margin:0 auto; padding: 15px 0; } .about-1-icon img{ display: block; } .shipin{ width: 38%; margin-top: 40px; } .shipin img{ display: block; width: 100%; } .about-2{ background-image: url(../images/ll1.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; padding-top: 60px; height: 670px; } .about-2 .title-anli h2,.about-2 .title-anli h1{ color:#fff; } .about-2 .title-anli h2:after,.about-2 .title-anli h2:before{ background-color: #FFF; } .ld-bai{ margin-top: 57px; width: 816px; float: right; border:1px solid #e1e1e1; height: 385px; background-color: #fff; position: relative; padding: 18px; } #ld-pic{ position: absolute; left: -384px; top: -16px; z-index: 700; } #ld-pic img{ display: block; width: 100%; } #ld-pic h1{ text-align: center; font-size:16px; color:#fff; padding-top: 15px; } .ld-con-wp{ border:1px solid #e1e1e1; height: 100%; position: relative; z-index: 800; padding: 30px; /*padding-left: 80px;*/ } #gunbo-wp{ height: 240px; overflow: hidden; } .ld-p{ font-size:15px; color:#595959; line-height: 2; } .gunbo-span{ margin-top: 10px; } .gunbo-span span{ float: left; width: 43px; height: 42px; background-repeat: no-repeat; background-position: center; background-image: url(../images/gun-top.jpg); transition: .3s; cursor:pointer; margin-left: 14px; } .gunbo-span span:hover{ background-image: url(../images/gun-top-h.jpg); } .gunbo-span span:first-child{ margin-left: 0; background-image: url(../images/gun-bottom.jpg); } .gunbo-span span:first-child:hover{ background-image: url(../images/gun-bottom-h.jpg); } .about-3{ padding: 60px 0; } .time-list li{ float: left; width: 110px; height: 38px; line-height: 36px; border:1px solid #d3d3d3; text-align: center; font-size: 18px; color:#424242; margin:0 5px; cursor: pointer; } .time-list li.active{ background-color: #0655ad; border-color: #0655ad; color:#fff; } .time-list li:hover{ background-color: #0655ad; border-color: #0655ad; color:#fff; } .time-list-wp{ position: relative; padding: 0 1%; margin-top: 40px; } .time-list .caroufredsel_wrapper{ margin:0 auto!important; } #t-left{ position: absolute; width: 17px; height: 32px; background-image: url(../images/t-left.png); background-repeat: no-repeat; background-position: center; cursor: pointer; left: 0; top: 50%; margin-top: -16px; } #t-right{ position: absolute; width: 17px; height: 32px; background-image: url(../images/t-right.png); background-repeat: no-repeat; background-position: center; cursor: pointer; right: 0; top: 50%; margin-top: -16px; } #t-right.disabled,#t-left.disabled{ opacity: 0.3; } .zz-list{ margin-top: 43px; } .zz-list li{ float: left; width: 340px; height: 295px; overflow: hidden; margin:0 13px; } .zz-list li img{ display: block; width: 100%; } .zz-list li h1{ font-size: 16px; text-align: center; padding-top: 15px; } .zz-list li:hover h1{ color:#0055b3; } .zz-list-pic{ border:1px solid #ebebeb; background-color: #fff; padding: 9px; } .zz-list-pic img{ display: block; width: 100%; } .zz-list { position: absolute; left: -15000%; width: 1200px; } .zz-list.active{ position: relative; left: auto; } .zz-left{ position: absolute; width:53px; height: 53px; background-image: url(../images/left.png); background-repeat: no-repeat; background-position: center; cursor: pointer; left: 0; top: 30%; } .zz-right{ position: absolute; width:53px; height: 53px; background-image: url(../images/right.png); background-repeat: no-repeat; background-position: center; cursor: pointer; right: 0; top: 30%; } .zz-list .caroufredsel_wrapper{ margin:0 auto!important; } .zz-more{ padding-top: 40px; text-align: center; } .zz-more a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; color: #fff; background-color: #939393; font-size: 14px; padding-left: 45px; text-align: left; background-repeat: no-repeat; background-position: 15px center; background-image: url(../images/jia.png); transition: .3s; } .zz-more a:hover{ background-color: #0756ae; } .about-4{ height: 669px; background-repeat: no-repeat; background-position: center; background-image: url(../images/zuzhi.jpg); padding: 40px 0; } .about-6{ background-color:#f8f8f8; padding: 40px 0 100px; } .zuzhi-pic{ text-align: center; font-size: 0; line-height: normal; margin-top: 45px; } .about-5{ padding: 40px 0; background-color: #fff; } .tuandui-list{ position: relative; margin-top: 40px; } .tuandui-list .caroufredsel_wrapper{ margin:0 auto!important; } #tui-left{ position: absolute; width:53px; height: 53px; background-image: url(../images/left.png); background-repeat: no-repeat; background-position: center; cursor: pointer; left: -40px; top: 50%; margin-top: -26px; } #tui-right{ position: absolute; width:53px; height: 53px; background-image: url(../images/right.png); background-repeat: no-repeat; background-position: center; cursor: pointer; right: -40px; top: 50%; margin-top: -26px; } .tuandui-list li{ float: left; width: 240px; height: 341px; margin:0 30px; } .tuandui-list li h1{ font-size: 18px; color:#fff; height: 48px; line-height: 48px; text-align: center; background-color: #0655ad; } .tuandui-list li img{ display: block; width: 100%; } .about-7{ background-image: url(../images/ll2.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; padding-top: 60px; height: 560px; } .about-7 .title-anli h2,.about-7 .title-anli h1{ color:#fff; } .about-7 .title-anli h2:after,.about-7 .title-anli h2:before{ background-color: #FFF; } .wenhua-wp{ height: 359px; background-repeat: no-repeat; background-position: center; margin-top: 40px; /*padding: 0 200px;*/ } .wenhua-wp h1{ font-size: 30px; color:#fff; font-weight: bold; padding: 45px 0 25px; text-align: center; } .wenhua-wp p.wenhua-p{ text-align: center; font-size: 16px; color:#fff; line-height: 2.2; } .gunbo-span-2{ margin-top: 20px; font-size: 0; line-height: normal; text-align: center; display: none; } .gunbo-span-2 span{ display: inline-block; width: 43px; height: 42px; background-repeat: no-repeat; background-position: center; background-image: url(../images/wen-top.png); transition: .3s; cursor:pointer; margin: 0px 9px; } .gunbo-span-2 span:hover{ background-image: url(../images/wen-top-h.png); } .gunbo-span-2 span:first-child{ margin-left: 0; background-image: url(../images/wen-bottom.png); } .gunbo-span-2 span:first-child:hover{ background-image: url(../images/wen-bottom-h.png); } .text-con{ position: relative; top:0; } #gunbo-wp-2{ height: 290px; overflow: hidden; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ #header-2{ display: none; height: 75px; /*border-bottom:0px solid #035cac;*/ box-shadow: 0 4px 8px -3px #000; position: fixed; top: 0; left: 0; width: 100%; z-index: 5000000000; background-color: #fff; } .nav-2{ display: none; background-color: #fff; } .nav-2 li{ padding:0 10px ; border-bottom: 1px dashed #ccc; } .nav-2 li>span{ padding: 10px 0; display: block; } .nav-2 li a{ font-size: 16px; width: 100%; color:#333; text-align: center; border-radius: 5px; } .downla-2 { padding: 5px 0 10px; display: none; } .downla-2 dd{ padding-left: 30px; } .downla-2 dd a{ font-size: 14px; display: inline-block; padding: 3px 0; width: auto; } /*.nav-2 li a:hover{ color:#1a0d07; }*/ .logo-2{ font-size: 0; width: 120px; margin-left: 5px; margin-top: 3px; } .logo-2 a{ display: inline-block; width: 100%; height: 67px; line-height: 67px; } .logo-2 img{ vertical-align: middle; } .menu2{ height: 100%; line-height: 75px; margin-right: 15px; } .menu2 li{ display: inline-block; cursor:pointer ; margin-left: 10px; } .menu2 li img{ vertical-align: middle; } .chenggao{ display: none; height: 75px; } .banner-x{ display: none; } .fxfx .flex-control-nav{ display: block; } #xuanfu{ position: absolute; z-index: 1000000; right: 0; top: 168px; } #xuanfu li{ width: 77px; margin-top: 2px; position: relative; } #xuanfu li:hover .erweimama{ display: block; } .erweimama{ position: absolute; left: -120px; top: 0; display: none; } #xuanfu li:frist-child{ margin-top: 0; } #xuanfu li a{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color:#0655ad; display: block; height: 57px; text-align: center; font-size:12px; color:#fff; padding-top: 7px; } #xuanfu li a img{ display: block; margin:0 auto 5px; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*日期:2016-01-01; 修改者:L。*/ /*日期:2016-01-01; 修改结尾!*/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ div.article>h1{ text-align: center; font-size: 26px; color:#0064ac; } div.article-tishi{ text-align: center; line-height: 2.2; margin:20px auto 20px; } div.article-con{ padding: 40px 0 120px; position: relative; border-top: 1px dashed #c9c7c7; border-bottom: 1px dashed #c9c7c7; line-height: 2.2; } div.article-con *{ font-family:"Microsoft Yahei"!important; font-size: 16px!important; color:#333!important; line-height: 2!important; background-color: transparent!important; } div.article-con img{ display: block; margin:0px auto; max-width: 100%; } /*div.article-con>p{ text-indent: 2em; }*/ div.article-con>h1{ font-size: 14px; text-align: center; margin:10px 0; } div.article-con>a{ position: absolute; right: 8px; bottom: 50px; width: 102px; height: 31px; line-height: 31px; text-align: center; color:#fff; background-color: #f37728; border-radius: 3px; } div.article-page{ height: 87px; line-height: 87px; padding-bottom: 20px; } div.article-page>a:hover{ color:#0064ac; } a.article-page-pre{ float: left; } a.article-page-next{ float: right; } /*********响应式设置-start****************/ @media only screen and (max-width: 1200px){ div.article{ width: 90%; margin: 8% auto; padding-left:0; padding-right: 0; } } @media only screen and (max-width: 800px){ div.article-page{ height: auto; line-height: normal; } a.article-page-pre{ float: none; display: block; margin:10px 0; } a.article-page-next{ float: none; display: block; margin:10px 0; } div.article>h1 {font-size: 18px;} div.article-con{ padding: 20px 0 100px; } } /*********响应式设置-over****************/ .anli-list_9527 ul{ margin-left: -40px; } .anli-list_9527 li{ margin-left: 40px; margin-top: 15px; } .anli-list_9527 li:first-child{ margin-left: 40px; } .about-8{ padding: 100px 0; } .zeren-pic{ width: 50%; } .zeren-pic img{ display: block; width: 100%; } .zeren-con{ width: 50%; padding-left: 8%; padding-right: 3%; padding-top: 13px; } .zeren-line{ height: 3px; width: 135px; background-color: #000000; } .zeren-con h1{ font-size:44px; font-weight: bold; color:#222; text-transform: uppercase; padding-top: 15px; } .zeren-con h2{ font-size:32px; padding-top: 10px; color:#000; } .zeren-con p{ font-size: 16px; color:#434343; line-height: 2; padding-top: 40px; } .zeren-more a{ display: inline-block; width: 192px; height: 50px; line-height: 50px; font-size: 14px; color:#fff; background-repeat: no-repeat; background-position: center; background-image: url(../images/zeren-more.png); padding-left: 40px; } .zeren-more{ margin-top: 20px; } .anli-list_rong li{ width: 340px; margin-left: 90px; } .anli-list_rong ul{ margin-left: -90px; } .anli-list_rong li:first-child { margin-left: 90px; } #pager-jiaru-22{ text-align: center; margin: 37px auto 0; } #pager-jiaru-22 a { background: transparent url(../images/arrow-b.png) no-repeat center; text-decoration: none; text-indent: -999px; display: inline-block; overflow: hidden; width: 14px; height: 14px; margin: 0 4px ; } #pager-jiaru-22 a.selected { width: 14px; height: 14px; background: transparent url(../images/arrow-b-h.png) no-repeat center; } .jiaru-2-list .caroufredsel_wrapper{ margin:0 auto!important; } #zhongbai-wp{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/heidi-2.png); z-index: 10000000; } #zhongbai{ position: absolute; width: 50%; height: 76%; top: 12%; left: 25%; background-color: #fff; border-radius: 20px; padding:50px; overflow-y:auto; } #zhongbai h1{ font-size:22px; color:#2c2c2c; padding-bottom: 20px; border-bottom:1px solid #e8e8e8; margin-bottom: 15px; position: relative; } #zhongbai p{ font-size: 16px; color:#696969; line-height: 2.5; } #zhongbai-a{ margin-top: 20px; } #zhongbai-a a{ display: inline-block; border-radius: 18px; padding: 7px 25px; color:#fff; font-size: 15px; background-color: #006bba; } #close-33{ position: absolute; right: 0px; top: 0px; cursor:pointer; } #close-33 img{ display: block; } .banner-erjitop{ height:441px; background-repeat:no-repeat; background-position:center; } /*ditu*/ .web-ditu{ padding: 30px 0 } /*.web-ditu a:hover{ color:#0857ae; }*/ .web-ditu dl{ margin-top:20px; } .web-ditu dl:first-child{ margin-top: 0; } .web-ditu dt{ float: left; font-weight: normal; width: 9%; text-align: center; height: 48px; line-height: 48px; font-size: 15px; background: #0e7bcc; color:#fff; } .web-ditu dd{ float: left; width: 91%; height: 48px; line-height: 48px; padding:0 3%; } .ditu-div a{ display: inline-block; margin-left: 10px; } .ditu-div a:first-child{ margin-left: 0; } .ifm-map{ padding: 30px 0; } .ifm-map-pic{ width: 50%; } .ifm-map-pic img{ display: block; width: 100%; } .ifm-map-con{ width: 50%; font-size: 16px; line-height: 2; padding-left: 3%; } /*8-29*/ .about-4-jia{ height: 559px; padding: 40px 0; background-position: center; background-image: url(../images/dashiji-bg.jpg); } .about-4-jia .title-anli h1,.about-4-jia .title-anli h2{ color:#fff; } .about-4-jia .title-anli h2:before,.about-4-jia .title-anli h2:after{ background-color: #fff; } .dashiji-list-wp{ height: 300px; background-image: url(../images/da-line.jpg); background-repeat: repeat-x; background-position: left center; margin-top:50px; } .dashiji-list li{ float: left; width: 230px; position: relative; height: 320px; } .dashiji-list li:hover .dashiji-time{ color:#fff; } .dashiji-wenzi{ height: 149px; font-size: 16px; color:#fff; line-height: 1.8; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/bangbang.png); padding: 3px; padding-top: 30px; text-align:center; } .dashiji-time{ text-align: center; height: 37px; line-height: 37px; font-size: 16px; color:#7ab6ff; font-weight: bold; } .dashiji-li-ou .dashiji-time{ margin-top: 114px; font-size:18px; } .dashiji-li-ou .dashiji-wenzi{ height: 170px; padding-top: 55px; background-position: center top; background-image: url(../images/bangbang-2.png); } .dashiji-list .caroufredsel_wrapper{ margin:0 auto!important; } .dashiji-list { position: relative; } #dashi-left{ position: absolute; width: 19px; height: 35px; left: -60px; top: 80px; background-repeat: no-repeat; background-position: center; background-image: url(../images/dashi-left.png); cursor: pointer; } #dashi-right{ position: absolute; width: 19px; height: 35px; right: -60px; bottom: 80px; background-repeat: no-repeat; background-position: center; background-image: url(../images/dashi-right.png); cursor: pointer; } .disabled#dashi-left,#dashi-right.disabled{ display: none!important; } .zhongbai-form{ display: none; } .input_zhongbai{ margin-top: 10px; } .input_zhongbai span{ float: left; width: 80px; height: 30px; line-height: 30px; text-align: right; } .input_zhongbai input[type="text"]{ float: left; width: 400px; height: 30px; line-height: 30px; border:1px solid #ececec; padding: 0 5px; background-color: #fff; } .input_zhongbai textarea{ float: left; border:1px solid #ececec; width: 400px; height:80px; padding: 5px; background-color: #fff; line-height: 1.6; } .input_zhongbai2 span{ vertical-align: top; } .input_zhongbai input[type="submit"]{ border-radius: 5px; padding: 7px 35px; color: #fff; font-size: 15px; background-color: #006bba; border:0; } .jiajiajia dd{ float: left; /* width: 46%;*/ font-size: 16px; color: #fff; line-height: 2; white-space:nowrap; width: 40%; } .jiajiajia dd.evendd{ width: 57%; margin-left: 3%; } .jiajiajia dd span{ padding-right: 20px; } /*2018-3-9*/ .zhaopin-youjia{ height: auto; background-color: #2162a2; background-image: none; padding: 60px 0; } .zhaopin-youjia .jiaru-2-list li{ width: 24%; margin: 0 0.5%; margin-bottom: 30px; } .zhaopin-youjia .jiaru-2-list li .job-bai{ height: auto; }