/**************************************/ /*************[公用start]**************/ /**************************************/ div.clear{ clear: both; height: 0; width: 0; } body{ overflow-x: 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; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ 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{ height: 129px; background-color: #0d59a7; } .logo{ font-size: 0; margin-top: 37px; } .header-right{ margin-top: 30px; } .header-right-top{ font-size: 14px; color:#fff; text-align: right; } .header-right-top a{ vertical-align: middle; } .header-right-top a:hover{ text-decoration: underline; } .search{ width: 243px; position: relative; margin-top: 20px; } .search input:focus{ outline: none; } .search input[type="text"]{ border:0; width: 100%; height: 31px; /*line-height: 31px;*/ background-color: #fff; border: 1px solid #eee; border-radius: 30px; padding: 6px 0; padding-left: 20px; font-size: 12px; padding-right: 50px; } .search input[type="image"]{ position: absolute; right: 18px; top: 8px; } .nav{ background-color: #fff; } .nav ul{ margin:0; } .nav li{ float: left; width: 10%; position: relative; } .nav li>a{ display: block; height: 54px; line-height: 54px; text-align: center; font-size: 18px; color:#333; } .nav li.active>a,.nav li:hover>a{ color:#0d59a7; } .xialala{ position: absolute; left: 0; right: 0; top: 54px; background-color: #0d59a7; z-index: 500; display: none; } .xialala a{ display: block; padding: 8px 5px; line-height: 1.6; font-size: 16px; color:#fff; text-align: center; background-color: #0d59a7; } .xialala a:hover{ background-color: #0b529a; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .fafa .slides>li{ height: 400px; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; } .fafa .slides>li>a { height:100%; display:block; } .fafa .flex-control-nav{ display: block; bottom: 21px; } .fafa .flex-control-paging li a{ width: 15px; height: 15px; background-repeat: no-repeat; background-position: center ; } .fafa .flex-control-nav li{ margin: 0 9px; } .main-1{ margin-top: 30px; } .main-1-1{ width: 372px; } .main-1-2{ width: 496px; margin:0 36px 0 39px; } .main-1-3{ overflow: hidden; } .title-11 h1{ font-size: 18px; color:#0c72bd; margin:0; } .title-11 a.fr{ font-size: 12px; color:#0c72bd; margin-top: 1px; } .title-11 a.fr:hover{ text-decoration: underline; } .list1 ul{ margin:0; } .list1 li{ margin-top: 21px; } .date1{ text-align: center; width: 55px; height: 55px; background-color: #0c72bd; border-radius:6px; color:#fff; margin-right: 13px; } .date1 h1{ font-size: 24px; margin:0; padding: 6px 0 3px; } .date1 h2{ font-size: 12px; margin:0; } .list1-con { overflow: hidden; padding-top: 5px; } .list1-con h1{ font-size: 16px; margin:0; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list1-con h1 a:hover{ color:#0c72bd; } .list1-con p{ font-size: 14px; margin:0; color:#666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 8px; } .feng-pic{ position: relative; padding-bottom: 66%; overflow: hidden; margin-top: 20px; } .feng-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*transition: .3s;*/ } /*.feng-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }*/ .feng-con{ position: absolute; left: 0; right: 0; height: 30px; bottom:0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 30px; color:#fff; background-image: url(../images/heidi.png); padding: 0 10px 0 15px; font-size: 14px; } .feng-con span{ font-size: 12px; margin-left: 8px; } .tui{ margin-top: 21px; padding-bottom: 32px; border-bottom: 1px solid #ebebeb; } .tui-pic{ width: 160px; margin-right: 20px; } .tui-pic a{ display: block; position: relative; padding-bottom: 66%; overflow: hidden; } .tui-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .tui-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .tui-con{ overflow: hidden; } .tui-con h1{ margin:0; font-size: 16px; color:#323232; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tui-con h1 a:hover{ color:#0c72bd; } .tui-con h2{ margin:0; font-size: 12px; color:#999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 12px; line-height: 1.6; } .tui-con h2 img{ margin-top: -3px; margin-right: 10px; } .tui-con p{ margin:0; font-size: 14px; color:#666; line-height: 1.8; overflow: hidden; height: 50px; margin-top: 8px; } .list2 ul{ margin:0; } .list2 li{ padding-left: 13px; background-image: url(../images/list.png); background-repeat: no-repeat; background-position: left center; height: 34px; line-height: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list2 li a{ font-size: 14px; color:#666; } .list2 li a:hover{ color:#0c72bd; } .list2 li span{ font-size: 12px; color:#999; margin-left: 10px; } .m10{ margin-top: 15px; } .feng-pic1{ margin-top: 15px; } .xitong{ height: 365px; background-repeat: no-repeat; background-position: center ; background-image: url(../images/xitong.jpg); margin-top: 15px; padding: 23px 15px 0; } .xitong-title{ font-size: 14px; color:#0c72bd; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #8dbee3; } .xitong-title span{ font-size: 12px; font-weight: bold; color:#a09695; } .xitong-label{ width: 80px; font-size: 14px; color:#0c72bd; height: 26px; line-height: 26px; } .xitong-input{ overflow: hidden; } .xitong-input input{ display: block; width: 100%; } .xitong-li{ margin-top: 30px; } .xitong-li-bt{ margin-top: 45px; } .xitong-li-bt{ text-align: center; } .xitong-li-bt input{ width: 100px; height: 30px; border:0; cursor: pointer; color:#fff; font-size: 12px; background-color: #4b6fa9; padding: 0 3px; } .xitong-p{ font-size: 12px; color:#666; line-height: 1.8; margin-top: 35px; } .jidi{ margin-top: 15px; } .jidi a{ width: 49%; margin-bottom: 2%; height: 60px; background-color: #0c72bd; text-align: center; color:#fff; text-align: center; font-size: 14px; display: table; padding: 0 15px; } .jidi a i{ display: table-cell; vertical-align: middle; font-style: normal; } .jidi a:hover{ text-decoration: underline; } .kuaosu{ background-color: #f3f7f9; padding: 10px; padding-bottom: 0; margin-top: 12px; } .kuaosu a{ width:49%; height: 49px; line-height: 49px; margin-bottom: 10px; } .kuaosu a img{ margin-right: 8px; } .kuaosu a:hover{ color:#0c72bd; } .sanli dl{ margin:0; } .sanli dd{ border:1px solid #f5f5f5; margin-top: 15px; } .sanli dd:first-child{ margin-top: 0; } .sanli-title{ width: 100px; height: 122px; background-color: #f5f5f5; text-align: center; font-size: 14px; color:#333; background-repeat: no-repeat; padding-top: 82px; background-position: center 28px; position: relative; } .sanli-title i{ position: absolute; width: 16px; height: 31px; margin-top: -15px; top: 50%; right: -15px; background-repeat: no-repeat; background-position: center ; background-image: url(../images/ss.png); } .sanli-title a:hover{ color:#337ab7; } .sanli-con{ overflow: hidden; padding: 10px 30px 0; } .sanli-ul ul{ margin:0; } .sanli-ul li{ padding-left: 13px; background-image: url(../images/sanli.jpg); background-repeat: no-repeat; background-position: left center; height: 34px; line-height: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sanli-ul li a{ font-size: 14px; color:#666; } .sanli-ul li a:hover{ color:#0c72bd; } .tiandi-list{ margin-top: 20px; } .tiandi-list .item a{ display: block; position: relative; padding-bottom: 66%; overflow: hidden; } .tiandi-list .item a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .tiandi-list .item a:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .tiandi-list .item a h1 { position: absolute; left: 0; right: 0; height: 40px; bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 40px; color: #fff; background-image: url(../images/heidi.png); padding: 0 10px ; font-size: 14px; text-align: center; margin:0; } .main{ padding-bottom: 40px; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ background-color: #0d59a7; padding: 20px 0; font-size: 14px; color:#fff; } .erer-it{ width: 75px;font-size: 14px; color:#fff; margin:0 5px; text-align: center; } .erer-it img{ display: block; width: 100%; margin-bottom: 5px; } .erer-con{ overflow: hidden; padding-top: 7px; font-size: 14px; color:#fff; line-height: 2.2; } /**************************************************************/ /*footer-over*/ /**************************************/ /********[特殊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: #0c72bd; } .nav-2{ display: none; background-color: #fff; position: relative; z-index:130000; } .nav-2 li{ border-top: 1px dotted #ccc; position: relative; } .jiaspan{ position: absolute; width: 30px; height: 30px; background-image: url(../images/jia2.png); background-repeat: no-repeat; background-position: center ; top: 8px; right: 14px; } .jiaspan.cur{ background-image: url(../images/jia2h.png); } .nav-2 li:first-child{ border-top: 0; } .nav-2 li>a{ padding:13px 10px; display: block; font-size: 14px; width: 100%; color:#333; } .nav-xia-a{ padding-bottom: 15px; display: none; } .nav-xia-a a{ padding: 8px 10px; display: block; font-size: 12px; padding-left: 25px; width: 100%; color:#666; } /*.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: 23px; } .menu2{ margin-right: 15px; height: 75px; } .menu2 li{ cursor:pointer ; margin-left: 10px; } .menu2 li img{ /*vertical-align: middle;*/ display: block; margin-top: 29px; } .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; } .banner-x{ display: none; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ .banner-2{ height: 275px; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; } .banner-2 img{ display: none; width: 100%; } .erji{ padding: 30px 0; } .menu{ width: 207px; margin-right: 38px; } .erji-content{ overflow: hidden; } .menu-title{ background-image: url(../images/menu-title.jpg); background-repeat: repeat-x; background-position: left bottom; } .menu-title h1{ font-size: 22px; display: inline-block; padding-bottom: 10px; color:#0d59a7; border-bottom: 2px solid #0d59a7; margin:0; } .menu-list ul{ margin:0; } .menu-list li>a{ display: block; height: 42px; line-height: 42px; font-size: 16px; color:#737272; padding-left: 18px; border-bottom:1px dashed #e5eff6; background-repeat: no-repeat; background-position: left center; } .menu-list li>a.sa{ background-image: url(../images/lih.png); } .menu-list li>a.sa.cur{ background-image: url(../images/li.png); } .sansan{ display: none; } .sansan dl{ margin:0; } .sansan dd{ height: 42px; line-height: 42px; border-top:1px dashed #e5eff6; padding-left: 18px; } .sansan dd:first-child{ border-top: 0; } .sansan dd a{ font-size:14px; color:#666;} .sansan dd a:hover{ color:#0d59a7; } .erji-content{ overflow: hidden; } .erji-title-h1{ padding: 0 18px; font-size: 18px; color:#fff; background-color: #005ea9; height: 36px; line-height: 36px; } .mianbaoxie{ font-size: 12px; color:#999; line-height: 36px; } .jigou-top dl{ margin:0; } .jigou-top dd{ width: 48%; border:1px solid #eeeeee; margin-top: 25px; } .jigou-pic{ width: 118px; border-right: 1px solid #eeeeee; } .jigou-pic img{ display: block; width: 100%; } .jigou-top-con{ font-size: 14px; color:#333; line-height: 2; overflow: hidden; padding: 10px 15px; } .jigou-bottom{ margin-top: 50px; } .jigou-bottom-title{ height: 37px; line-height: 37px; background-color: #024c8b; color:#fff; font-size: 16px; padding-left: 20px; } .jigou-bottom-con{ background-color: #f9f9f9; line-height: 2; padding: 20px; color:#666; font-size: 14px; } .erji-list{ margin-top: 15px; } .erji-list ul{ margin:0; } .erji-list li{ padding-left: 30px; background-image: url(../images/list3.jpg); background-repeat: no-repeat; background-position: 11px center; height: 40px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px dashed #efeaeb; } .erji-list li a{ font-size: 14px; color:#645f5f; } .erji-list li a:hover{ color:#0c72bd; } .erji-list li span{ font-size: 14px; color:#999; margin-left: 10px; } /*********article-start****************/ div.article{ width: 100%; padding: 0 15px; margin:40px 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; } /*********响应式设置-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****************/ /*********article-start****************/ .reduce{ margin:0 0.15rem; } .add{ margin-left: 0.15rem; } .fmain-1-3{ margin-top: 20px; } .fmain-1-3 .slides>li .feng-pic{ margin-top: 0; } .fmain-1-3 .flex-direction-nav{ display: block; } .fmain-1-3 .flex-direction-nav a{ z-index: 600; width: 31px; height: 41px; margin-top: -20px; } .fmain-1-3 .flex-direction-nav .flex-next{ right: 0; } .fmain-1-3 .flex-direction-nav .flex-prev{ left: 0; } .main-1-3 .list2{ margin-top: 20px; }