/**************************************/ /*************[公用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:#666; background-color: #fff; min-width: 1170px; /*主要内容区最小尺寸大小,每次制作前更新!!! */ overflow-y:scroll; /*防止页面高度过低,滚动条加载时突显引起的页面调动。!!! */ } input,textarea,select{ outline: none; font-family:"Arial","Microsoft Yahei"; color:#666; 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; } a{ text-decoration: none; color:#666; cursor: pointer; } img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1170px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .bobox{ /*【块级元素】不受边框、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; 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{ height: 80px; background-color: #fff; position: relative; line-height: 80px; } .shoucang b{ vertical-align: middle; display: inline-block; margin-top: -5px; } .logo{ position: absolute;left:13px; width: 467px; font-size: 0;top: 18px; } .nav { position: relative; background-color: #fff; z-index: 1000; border-right: 1px solid #eaeaea; } .nav li{ float: left; height: 80px; width: 90px; line-height: 80px; text-align: center; margin-left: 20px; } .nav li a{ font-size: 14px; color:#4a4a4a; display: block; transition: .3s; } .nav li:hover a{ color:#fff; background-color: #1771be; } .nav li.nav-active a{ color:#fff; background-color: #1771be; } .huiwen{ margin:0 27px; margin-right: 15px; height: 80px; position: relative; } .search{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 400px; height: 48px; padding: 5px; /*bottom: -40px;*/ right: -162px; z-index: 80000; background-color: #1771be; display: none; } .search input{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #dbe5ec; height: 38px; line-height: 30px; padding-left: 10px; width: 390px; color:#7c7c7c; float: left; } .huiwen img{ vertical-align: middle; cursor: pointer; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .main-1{ margin-top: 27px; } .fafa .flex-direction-nav{ display: none; } .fafa .flex-control-nav{ display: block; } .xinwen{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 380px; border-right: 1px solid #e9e9e9; padding-right: 28px; height: 310px; } .wuye{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:485px; border-right: 1px solid #e9e9e9; padding:0 28px; height: 310px; } .rexian{ width:273px; } .title-1{ margin-bottom: 23px; font-size: 18px; } .title-1 img{ vertical-align: middle; margin-top: -3px; margin-right: 12px; } .title-1 a{ float: right; font-size: 16px; } .xinwen .title-1{ font-size: 18px; color:#1771be; } .wuye .title-1{ font-size: 18px; color:#f88e30; } .date{ width: 46px; height: 46px; border-radius: 3px; overflow: hidden; text-align: center; } .date h1{ font-size: 13px; color:#fff; height: 23px; line-height: 23px; background-color: #408ccd; } .date h2{ font-size: 13px; color:#666669; height: 23px; line-height: 23px; background-color: #e5e5e5; } .xinwen-con{ width: 286px; height: 46px; overflow: hidden; } .xinwen-con a{ line-height: 1.8; transition: .3s; } .xinwen-con a:hover{ color:#1771be; } .xinwen-list li{ margin-top: 21px; } .xinwen-list li:first-child{ margin-top: 0; } .wuye-list li{ float: left; width: 93px; height: 255px; background-repeat: no-repeat; background-position: center ; transition: .3s; margin-left: 18px; } .wuye-list li:first-child{ margin-left: 0; } .wuye-list li a{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:106px 38px 0; font-size: 20px; color:#525252; transition: .3s; text-align: center; } .wuye-list li:hover a{ color:#fff; } .wuye-li-1{ background-image: url(/images/wuye-1.png); } .wuye-li-1:hover{ background-image: url(/images/wuye-1-h.png); } .wuye-li-2{ background-image: url(/images/wuye-2.png); } .wuye-li-2:hover{ background-image: url(/images/wuye-2-h.png); } .wuye-li-3{ background-image: url(/images/wuye-3.png); } .wuye-li-3:hover{ background-image: url(/images/wuye-3-h.png); } .wuye-li-4{ background-image: url(/images/wuye-4.png); } .wuye-li-4:hover{ background-image: url(/images/wuye-4-h.png); } .rexian table{ text-align: center; width: 100%; border-collapse: collapse; } .rexian table img{ width: 100%; display: block; } .rexian table td{ height: 38px; font-size: 12px; background-color: #f4f7f9; } .rexian table .tr-2 td{ height: 35px; background-color: #1a81d9; color:#fff; } .rexian-img{ font-size: 0; margin-top: 12px; } .main-2{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 325px; padding-top: 30px; background-color: #f8f8f8; margin-top: 30px; } .xiangmu-list { height: 199px; overflow: hidden; } .xiangmu-list .caroufredsel_wrapper { width: 100%!important; } .xiangmu-list li{ float: left; width: 273px; margin-right: 26px; text-align: center; } .xiangmu-list li h1{ font-size: 16px; margin-top: 15px; } .xiangmu-list li h1 img{ vertical-align: middle; margin:-3px 7px 0; } .xiangmu-list li:first-child{ margin-left: 0; } .xiangmu-pic{ width: 273px; overflow: hidden; position: relative; } .xiangmu-wp{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/images/heiban.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px; color:#fff; /* opacity: 0;*/ display: none; transition: .3s; } .xiangmu-list li:hover .xiangmu-wp{ /*opacity: 1;*/ display: block; } .xiangmu-wp p{ text-align: left; text-indent: 2em; line-height: 1.8; } .xiangmu-wp span{ display: inline-block; width: 89px; height: 32px; line-height: 32px; text-align: center; background-color: #f88e30; border-radius: 3px; margin-top: 15px; } .xiangmu-pic img{ display: block; width: 100%; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ background-color: #292a2c; padding: 25px 0; color:#bebebe; font-size: 12px; text-align: left; line-height: 2; } #footer .wp{ position: relative; } #footer a{ color:#bebebe; } .select select{ position: absolute; right: 0; top: 10px; width: 191px; height: 32px; line-height: 32px; color:#bebebe; background-color: #505050; border:0; border-radius: 3px; padding-left: 18px; } /**************************************************************/ /*footer-over*/ /*erji*/ .banner-2{ background-repeat: no-repeat; background-position: center ; height: 177px; } .title-erji{ padding-top: 22px; border-bottom: 1px solid #e9e9e9; margin-bottom: 24px; } .title-erji h1{ font-size: 16px; color:#b2b2b2; text-transform: uppercase; } .title-erji h1 span{ display: inline-block; margin-right: 10px; font-size:24px ; color:#454545; padding-bottom: 10px; border-bottom: 4px solid #1771be; } .mianbaoxie{ line-height: 45px; font-size: 12px; } .mianbaoxie img{ vertical-align: middle; margin-top: -3px; margin-right: 5px; } .menu{ width: 255px; } .menu-list{ margin-bottom: 20px; } .menu-list ul.menu-list-ul>li{ margin-bottom: 13px; position: relative; } .downla{ display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #dcdcdc; border-top: 0; padding: 12px; } .downla li{ margin-top: 12px; } .downla li:first-child{ margin-top: 0; } .downla li a{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 42px; line-height: 42px; text-align: center; border:1px solid #dcdcdc; transition: .3s; } .downla li a:hover{ background-color: #1771be; border-color: #1771be; color:#fff; } .menu-list ul.menu-list-ul>li>a{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 42px; line-height: 42px; text-align: center; border:1px solid #dcdcdc; transition: .3s; } .menu-list ul.menu-list-ul>li>a:hover{ background-color: #1771be; border-color: #1771be; color:#fff; } .menu-list ul.menu-list-ul>li.menu-list-active>a{ background-color: #1771be; border-color: #1771be; color:#fff; } .erji-con{ width: 880px; } .erji-con-title h1{ font-size: 18px; color:#1771be; line-height: 1; display: inline-block; padding-right: 11px; border-right: 2px solid #1771be; } .erji-con-title h2{ font-size: 18px; text-transform: uppercase; color:#898989; margin-top: 8px; } .erji-con-title h2 span{ font-size: 16px; line-height: 32px; } .news-1 li{ padding: 30px 0; border-bottom: 1px solid #dcdcdc; } .news-1-pic{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 188px; height:137px; border:1px solid #d6d6d6; padding: 6px; border-radius: 3px; box-shadow: 0 0 10px #eee; margin-top: 33px; } .news-1-con{ width: 666px; } .news-1-con h1{ font-size: 18px; color:#000; font-weight: bold; margin-bottom:10px; } .news-1-con p{ line-height: 2; } .news-1-time{ margin-top: 20px; } .news-1-time img{ vertical-align: middle; margin-top: -3px; margin-right: 10px; } /*===页码====*/ .m-page{text-align: center;margin:30px 0 ;overflow: hidden;color: #666;} .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: 18px;font-size: 14px;padding: 3px 8px;border: 1px solid #e9e9e9; color: #666; } .m-page ul li.on a,.m-page ul li a:hover{border-color: #1771be;color:#fff;background-color: #1771be;} .m-page select{height: 18px;width: 35px;font-size: 12px;vertical-align: middle;border: 1px solid #666;} /*erji*/ /*contact*/ .map{ font-size: 0; margin:20px 0 50px; } .contact{ min-height: 1000px; } .contact h1{ font-size: 18px; color:#1771be; font-weight: bold; margin-bottom: 20px; } .contact p{ line-height: 2; } /*contact*/ /*lingdao*/ .lingdao{ margin-top: 15px; } .lingdao-con{ width: 565px; font-size: 14px; color:#707070; line-height: 2.2; } .lingdao-pic{ width: 271px; } /*人力*/ .table-1{ width: 100%; margin:30px 0 50px; text-align: center; font-size: 16px; border-collapse: collapse; } .table-1 tr{ height: 70px; border-left:1px solid #F1F1F1; border-right:1px solid #F1F1F1; } .table-1 tr.downla{ text-align: left; display: none; } .table-1 tr.downla td{ padding: 35px 0; line-height: 1.5; padding-left: 25px; background-color:#FBFBFB; } .table-1 th{ color:#fff; height: 50px; background-color: #1771BE;; } .table-1 td{ border-bottom: 1px solid #dcdcdc; } .table-1 .pl{ width: 170px; } /*rongyu*/ .rongyu{ border-bottom: 1px solid #dcdcdc; } .rongyu li{ float: left; width: 272px; margin-left: 32px; margin-bottom: 40px; } .rongyu li:first-child{ margin-left: 0; } .rongyu li:nth-child(4){ margin-left: 0; } .rongyu-pic{ width: 272px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; border:1px solid #e8e8e8; } .rongyu li h1{ font-size: 14px; color:#606060; text-align: center; margin-top: 20px; transition: .3s; } .rongyu li:hover h1{ color:#1771be; } .rongyu-anniu span{ display: inline-block; padding: 5px 12px; background-color: #e3e3e3; border-radius: 3px; margin-right: 10px; position: relative; cursor:pointer ; } .rongyu-anniu span img{ position: absolute; left: 50%; margin-left: -7px; bottom: -8px; display: none; } .rongyu-anniu span.rongyu-active{ background-color: #1771be; color:#fff; } .rongyu-anniu span.rongyu-active img{ display: block; } .rongyu-wp{ display: none; margin-top: 30px; } #rongyu-wp-1{ display: block; } /*tousu*/ .tousu{ margin-top: 40px; padding-bottom: 70px; } .input{ margin-bottom: 18px; } .input input[type="text"],.input select{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #dbe5ec; height: 34px; line-height: 34px; padding-left: 18px; width: 293px; color:#7c7c7c; } .input select{ padding-left: 15px; width: 156px; } .input textarea{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #dbe5ec; width: 600px; height: 164px; } .input span{ display: inline-block; line-height: 34px; height: 34px; width: 70px; text-align: right; font-size: 14px; color:#515151; } .input2 span{ vertical-align: top; } .input input[type="submit"]{ background-color: #167dca; color:#fff; width: 120px; height: 33px; line-height: 33px; background-color: #167dca; text-align: center; border:0; cursor:pointer ; margin-right: 20px; } .input input[type="reset"]{ background-color: #167dca; color:#fff; width: 120px; height: 33px; line-height: 33px; background-color: #63b4c7; text-align: center; border:0; cursor:pointer ; } /*tongzhi*/ .tongzhi { margin-top: 25px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; } .tongzhi li{ height: 52px; line-height: 52px; } .tongzhi li.li-j {background-color: #f6f7f8;} .tongzhi li i{ color:#1771be; margin-right: 5px; } .tongzhi li a{ transition: .3s; } .tongzhi li a:hover{ color:#1771be; } .tongzhi li span{ float: right; margin-right: 10px; } .about{ color:#707070; line-height: 2; padding-bottom: 50px; padding-top:15px; } .about img{ display: block; margin:30px auto; } /* qikan*/ .time-line{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 80px; border-bottom: 1px solid #ececec; position: relative; background-image: url(/images/biaochi-2.jpg); background-repeat:repeat-x; background-position: center bottom; } .time-line li{ float: left; width: 125px; height: 80px; line-height: 80px; text-align: center; font-size: 20px; cursor: pointer; } .time-line li a{ color:#6f6f6f; transition: .3s; } .time-line li:hover a{ color:#0068bc; } #t-left-2,#t-right-2{ position: absolute; width: 33px; height: 33px; background-repeat:no-repeat; background-position: center ; top: 50%; margin-top: -16px; transition: .3s; cursor: pointer; } #t-left-2{ left:0px; background-image: url(/images/t-left.png); } #t-left-2:hover{ background-image: url(/images/t-left-h.png); } #t-right-2{ right: 0px; background-image: url(/images/t-right.png); } #t-right-2:hover{ background-image: url(/images/t-right-h.png); } .qikan{ margin-top: 42px; border-bottom: 1px solid #ececec; } .qikan li{ float: left; width: 200px; margin:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; border:1px solid #ececec; background-color: #fafafa; margin-bottom: 42px; transition: .3s; } .qikan li a{ display: block; } .qikan li h1{ font-size: 16px; color:#6a6a6a; transition: .3s; height: 50px; line-height: 50px; text-align: center; } .qikan li:hover{ background-color: #007ecd; border-color: #007ecd; } .qikan li:hover h1{ color:#fff; } /*guanli*/ .title-erji-2{ margin-bottom: 0; } .nav-2{ margin-top: 35px; } .nav-2 li{ float: left; width: 185px; margin-left: 12px; } .nav-2 li:first-child{ margin-left: 0; } .nav-2 li a{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 185px; height: 51px; line-height: 51px; text-align: center; border:1px solid #dcdcdc; transition: .3s; } .nav-2 li a:hover{ color:#fff; background-color: #1771be; border-color: #1771be } .nav-2 li.nav-2-active a{ color:#fff; background-color: #1771be; border-color: #1771be } .about-2{ margin-top: 20px; } .about-3{ margin-top: 50px; } .about-2-con{ width: 630px; } .about-2-con h1{ font-size: 20px; color:#1771be; margin-bottom: 10px; } .about-2-con p{ line-height: 2.5; text-indent: 2em; } .about-2-con a{ display:inline-block; margin-top: 25px; } .about-2-con a img{ vertical-align: middle; margin-top: -3px; margin-left: 10px; } .about-2-pic{ width: 491px; overflow: hidden; } .about-2-pic img{ width: 100%; transition: .3s; } .about-2-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .about-hua{ padding: 30px 0; font-size: 20px; color:#454545; } .about-hua span{ cursor:pointer ; } .about-hua span.about-hua-active{ color:#1771be; } .about-wenhua li{ float: left; width: 276px; margin-left: 22px; } .about-wenhua li:first-child{ margin-left: 0; } .wenhua-con{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #dcdcdc; border-top: 0; padding: 15px 19px 0; height: 78px; } .wenhua-con h1{ font-size: 20px; color:#555; font-weight: bold; } .wenhua-con h2{ font-size:14px; color:#888; margin-top: 5px; } .more {text-align: center;padding: 30px 0 0;} .more a{ font-size: 16px; transition: .3s; } .more a:hover{ color:#1771be; } .about-wenhua{ display: none; } #about-wenhua-1{ display: block; } .biaoyang{ overflow: hidden; } .biaoyang ul{ position: relative; width: 500000px; } .biaoyang li{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 375px; height: 246px; overflow: hidden; background-color: #f5f5f5; margin-right: 22px; padding: 32px 22px 0; } .biaoyang li h1{ margin-bottom: 10px; } .biaoyang li h1 a{ font-size: 18px; color:#333; font-weight: bold; transition: .3s; } .biaoyang li h1 a:hover{ color:#1771be; } .biaoyang li p{ color:#7e7e7e; line-height: 2; } .biaoyang li h3{ font-size: 150px; text-align: right; color:#e9e9e9; line-height: 1; } .zhishi{ margin: 30px 0; text-align: center; } .zhishi span{ display: inline-block; width: 15px; height: 8px; background-color: #c1c1c1; cursor: pointer; margin-right: 5px; margin-left: 5px; border-radius: 20px; transition: .3s; } .zhishi span.zhishi-active{ width: 25px; background-color: #035cac; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*日期:2016-01-01; 修改者:L。*/ /*日期:2016-01-01; 修改结尾!*/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*********article-start****************/ div.article{ width: 100%; padding: 0 15px; /*margin:80px auto;*/ } div.article>h1{ text-align: center; font-size: 26px; color:#0064ac; } div.article-tishi{ text-align: center; margin:25px auto 20px; } #fenxiang-anniu{ display: inline-block; vertical-align: top; } 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>img{ display: block; margin:20px 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; } .table-gun{ height: 76px; overflow: hidden; } .table-gun table{ position: relative; } .table-gun tr{ height: 38px; line-height: 38px; } .table-gun td{ padding: 0; height: 38px; line-height: 38px; } /* FILE ARCHIVED ON 04:18:02 May 15, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 14:03:05 Jul 04, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 1.868 exclusion.robots: 0.042 exclusion.robots.policy: 0.024 esindex: 0.019 cdx.remote: 23.07 LoadShardBlock: 1080.405 (3) PetaboxLoader3.datanode: 1061.408 (5) PetaboxLoader3.resolve: 1131.533 (3) load_resource: 1178.751 (2) */