/**************************************/ /*************[公用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; line-height: 1.2; } body.body-erji{ background-color: #f4f4f4; } 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: 1166px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } div.wp2{ width: 1078px; /*主要内容区尺寸大小,每次制作前更新!!! */ 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{ } .header-1{ background-color: #002746; padding: 12px 0; } .logo{ font-size: 0; margin-left: 23px; } .search{ margin-right: 17px; margin-top: 3px; } .search-top{ font-size: 14px; color:#fff; text-align: right; } .search-top a{ vertical-align: middle; } .search-form{ width: 300px; position: relative; margin-top: 15px; } .search-form input[type="text"]{ width: 100%; height: 31px; line-height: 31px; border:0; padding: 0 40px 0 5px; } .search-form input[type="image"]{ position: absolute; right: 0; top: 0; } .header-2{ background-color: #003865; } .header-2 .wp{ /*padding-top: 14px;*/ height: 382px; position: relative; z-index: 500 } .banner-x{ display: none; } .main-1{ position: relative; z-index: 600; } .hd-po{ position: absolute; left: 0; right: 0; top: 10px; z-index: 500; } .nav li{ float: left; width: 12.5%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .nav li>a{ display: block; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color:#fff; transition: .3s; } .nav li.active>a,.nav li>a:hover{ background-color: #fbae52; } .header-2-wen{ padding-left: 44px; margin-top: 48px; } .header-2-wen h1{ font-size: 30px; color:#fff; } .header-2-wen h2{ font-size: 18px; color:#fff; font-family: 'Georgia'; margin-top: 10px; } .header-2-wen>a{ display: inline-block; width: 161px; height: 34px; line-height: 34px; color:#fff; font-size: 14px; text-transform: uppercase; background-repeat: no-repeat; background-position: center ; background-image: url(../images/header-2.png); padding-left: 26px; margin-top: 15px; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .main-1-left{ width: 758px; padding: 20px; padding-bottom: 0; background-color: #fff; position: relative; margin-top: -82px; } .news-pic{ width: 354px; margin-right:25px;} .fnews .slides>li{ position: relative; } .fnews .slides>li h1{ position: absolute; left: 0; bottom: 0; width: 100%; height: 44px; line-height: 44px; color:#fff; font-size: 13px; background-image: url(../images/heidi.png); padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news-top>h1{ font-size: 16px; color:#333; padding: 5px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news-top>h1:hover{ color:#fbae52; } .news-top>h2{ font-size: 16px; color:#333; padding: 5px 0; } .news-top>p{ font-size: 14px; color:#999; line-height: 1.8; } .list { margin-top: 10px; } .list li{ height: 42px; line-height: 42px; padding: 0 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list li a{ font-size: 16px; } .list li a:hover{ color:#fbae52; } .list li span{ font-size: 14px; color:#999; margin-left: 10px; } .list li.odd-li{ background-color: #f4f4f4; } .main-1-right{ width: 320px; } .title-111{ font-size: 18px; color:#003865; height: 50px; line-height: 50px; border-bottom: 1px solid #cccccc; padding-left: 10px; } .title-111 .fr{ font-size: 14px; color:#999; } .tongzhi-list li{ padding: 13px 0; border-top: 1px solid #cccccc; } .tongzhi-list li:first-child{ border-top: 0; } .data { text-align: center; padding: 3px; background-color: #003865; color:#fff; width: 60px; margin-right: 25px; } .data h1{ height: 30px; line-height: 30px; font-size: 16px; } .data h2{ height: 44px; line-height: 44px; font-size: 28px; background-color: #fbae52; } .tongzhi-list li>h1{ font-size: 16px; color:#666; line-height: 1.5; height: 48px; overflow: hidden; } .tongzhi-list li>h2{ font-size: 14px; color:#999; margin-top: 8px; } .tongzhi-list li>h1:hover{ color:#fbae52; } .nopadd{ padding-top: 0; margin-top: 0; } .xue-list-wp { margin-top: 20px; } .xue-list li{ float: left; width: 359px; padding-right: 18px; height: 179px; } .xue-pic{ width: 134px; margin-right: 14px; overflow: hidden; } .xue-pic img{ display: block; width: 100%; transition: .3s; } .xue-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .xue-list li h1{ font-size: 16px; color:#333; padding: 5px 0 15px 0; } .xue-list li p{ font-size: 12px; color:#999; line-height: 1.8; } .title-111 span{ font-size: 0; margin-top: 8px; cursor: pointer; margin-right: 8px; } .lan-a { position: relative; margin-top: 45px; } .lan-a a{ height: 63px; line-height: 63px; display: block; background-color: #003865; color:#fff; text-align: center; font-size: 18px; background-repeat: no-repeat; background-position: 20% center; } .youqing{ padding-top: 20px; } .youqing span{ float: left; height: 37px; line-height: 37px; font-size: 16px; color:#333; width: 25.625%; } .youqing select{ width: 73.75%; height: 37px; line-height: 35px; border:1px solid #cccccc; background-color: #f4f4f4; color:#666; font-size: 12px; padding-left: 10px; } .tishi-wp{ padding:25px 0; } .tishi{ position: relative; height: 66px; line-height: 66px; background-color: #f4f4f4; } .tishi span{ font-size: 18px; color:#fff; width: 106px; background-color: #003865; text-align: center; position: absolute; left: 0; top: 0; } .tishi-list{ overflow: hidden; margin-left: 135px; height: 66px; margin-right: 30px; } .tishi-list li{ float: left; padding: 0 10px; } .tishi-list li a{ font-size: 16px; color:#333; } .tishi-list li a:hover{ color:#fbae52; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ background-color: #003865; font-size: 12px; color:#fff; line-height: 2.2; padding:18px 0 15px;} .er{ text-align: center; margin-left: 25px; }.er img{ display: block; margin:0 auto 3px; } .foo1 { margin-top: 13px; } /**************************************************************/ /*footer-over*/ .erji{ padding: 30px 0; } .header-2-wp div.wp{ height: auto; padding: 14px 0; } /*.banner-2 img{ display: block; width: 100% }*/ .menu{ float: left; width: 180px; margin-top: 1px; } .menu ul.menu-ul{ background-color: #fff; } .menu ul.menu-ul>li{ line-height: 44px;} .menu-pic{ margin-top: 20px; font-size: 0; } .menu ul.menu-ul>li>a{ height: 44px; line-height: 44px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent: 17px; background-image: url(../images/menu.png); background-repeat: no-repeat; background-position: 130px center; font-size: 14px; color:#999; transition: .3s } .menu ul.menu-ul>li:hover>a{ background-color: #003865; } .menu ul.menu-ul>li:hover>a{ background-image: url(../images/menu-h.png); color:#fff; } .menu ul.menu-ul>li.menu-active>a{ background-color: #003865; } .menu ul.menu-ul>li.menu-active>a{ background-image: url(../images/menu-h.png); color:#fff; } .menu ul.menu-ul>li li a {display: block;padding-left: 50px;} .menu ul.menu-ul>li li a:hover{ color:#9a0201; } .menu-pic{ margin-top: 20px; font-size: 0; } .content-11{ float: right; width: 930px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:16px; } .erji-title{ background-image: url(../images/title-bg-2.jpg); background-repeat: repeat-x; background-position: left bottom; height: 48px; line-height: 45px; position: relative; } .erji-title-1{ width:30%; float: left; font-size: 18px; color:#003865; border-bottom: 3px solid #003865; } .erji-title-1 img{ margin-left: 6px; margin-right: 5px; } .mianbaoxie{ float: right; margin-right: 9px; color:#757575; text-align: right; } .mianbaoxie a{ font-size: 12px; color:#757575; } .mianbaoxie a:hover{ color:#003865; } .bt-page { text-align: center; margin: 40px auto ; /* padding-left: 45px; */ } .bt-page * { display: inline-block; margin-left: 2px; } .bt-page div { width: 48px; height: 46px; line-height: 46px; border: 1px solid #ddd; text-align: center; cursor: pointer; color: #000; font-size: 14px; border-radius: 5px; } .bt-page div:hover{ background-color: #cccccc; color: #fff; } .ccc { width: 48px; height: 46px; line-height: 46px; border: 1px solid #ddd; text-align: center; cursor: pointer; background-color: #fff; color: #000; font-size: 14px; border-radius: 5px; } span.ccc-active { background-color: #003865; color: #fff; border-color: #003865; } .ccc:hover { background-color: #003865; color: #fff; border-color: #003865; } .xinwen-list{ margin-top: 15px; } .xinwen-list>ul>li{ height: 44px; line-height: 44px; border-bottom: 1px dashed #ccc; } .xinwen-list>ul>li a{ display: block; text-indent: 10px; color:#666; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .xinwen-list>ul>li span{ font-size: 14px; color:#999; margin-left: 15px; } .xinwen-list>ul>li a:hover{ color:#003865; } .tupian-list ul{ margin-left: -1%; } .tupian-list li{ float: left; width:48%; margin-left: 1%; margin-top: 25px; } .tupian-list p{ margin-top:15px; text-overflow: ellipsis; overflow: hidden; height:82px; line-height:27px; } .tupian-list p+a{ margin-top:15px; display:inline-block; } .tupian-pic{ overflow: hidden; } .tupian-pic img{ transition: .3s; width: 100%; } .tupian-pic:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .tupian-list li h1{ font-size: 15px; padding-top: 15px; text-align: left; } .tupian-list li:hover h1{ color:#003865; } .danpian h1{ font-size: 30px; text-align: center; padding: 25px 0 20px; } .danpian h2{ color:#999; font-size: 12px; text-align: center; } .danpian-about{ font-size: 14px; color:#666; line-height: 2; } /**************************************/ /********[特殊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: #002746; } .nav-2{ display: none; background-color: #fff; position: relative; z-index:130000; } .nav-2 li{ border-top: 1px dashed #ccc; } .nav-2 li:first-child{ border-top: 0; } .nav-2 li>a{ padding: 10px; display: block; font-size: 14px; width: 100%; color:#333; } /*.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: 400px; margin-left: 15px; margin-top: 5px; } .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; } #nav-2-heidi{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 120000; background-image: url(../images/heidi.png); display: none; } .keshixiangxi{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; padding-bottom: 30px; background-color: #fff; margin-top: 27px; } /*keshidaohang*/ .keshixiangxi-2{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #ededed; padding: 0 } .keshixiangxi-2 .keshixiangxi-con{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 0; padding-top: 0; } .keshixiangxi-2 a{ margin-left: 34px; } .keshi-title{ height: 55px; border-bottom: 1px solid #ededed; line-height: 55px; padding-left: 20px; background-color: #f8f8f8; font-size: 20px; color:#575757; } .keshixiangxi-con a{ float: left; width: 25%; height: 38px; line-height: 38px; text-align: center; color: #333; background-repeat: no-repeat; background-position: center; font-size: 16px; margin-left: 20px; margin-top: 17px; transition: .3s; } .keshixiangxi-con a:hover{ color: #993333; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ #vsb_content ul li { list-style-type: square; } /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*日期:2016-01-01; 修改者:L。*/ /*日期:2016-01-01; 修改结尾!*/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/