/**************************************/ /*************[公用start]**************/ /**************************************/ /*主站变灰*/ /*html { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) } * { -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: gray; }*/ /*主站变灰*/ /*淘宝变灰*/ /* body, html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }*/ /*淘宝变灰*/ /*百度百科變灰*/ /*body.memorial>* { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1) } */ /*百度百科變灰*/ div.clear{ clear: both; height: 0; width: 0; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; max-width: 100%; } div.wp{ width: 1200px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } .tver{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ 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); } /*图片中心放大代码区域*/ .imgbox_a{ position:relative; padding-bottom: 100%; overflow:hidden; display: block; } .imgbox_a>img{ position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; } .imgbox_hover>img{ /* ueco 时间曲线*/ /*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */ -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .imgbox_hover: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: absolute; width: 100%; left: 0; top:0px; z-index: 999; padding: 0 50px; border-bottom: 1px solid rgba(255,255,255,0.4); height: 133px; } #header .container-fluid{ padding-left: 0; padding-right: 0; } .logo{ width: 470px; margin-top: 21px; } .logo img{ display: block; width: 100%; } .header-a{ padding-left: 40px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/gh.png); width: 113px; margin-top: 60px; } .index-header .header-a{ background-image: url(../images/g.png); } .header-a a{ display: block; height: 20px; } .header-a a img{ display: block; height: 100%; } .nav{ margin-top: 57px; } .nav ul{ margin: 0; } .nav>ul>li{ float: left; margin-right: 30px; padding-bottom: 20px; position: relative; } .nav>ul>li>a{ font-size: 18px; color: #fff; } .index-header .nav>ul>li>a{ color: #333; } .nav>ul>li.cur>a, .nav>ul>li:hover>a{ color: #23758e; font-weight: bold; text-shadow: none; } .xiala{ position: absolute; width: 124px; left: 50%; margin-left: -62px; top: 37px; padding-top: 7px; display: none; } .xiala>ul{ position: relative; background-color: #fff; border-radius: 7px; padding: 10px 0; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); } .xiala>ul::before{ position: absolute; width: 17px; height: 7px; left: 50%; margin-left: -8px; top: -7px; content: ""; background-image: url(../images/jiao1.png); } .xiala>ul>li>a{ display: block; font-size:16px; color: #333; text-align: center; line-height: 1.5; padding:10px 5px; } .xiala>ul>li>a:hover{ background-color: #ecf6fa; color: #23768e; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .banner{ overflow: hidden; } .banner-page{ position: absolute; z-index: 50; left: 0; bottom: 15px; width: 100%; } .banner .container{ position: relative; height: 70px; line-height: 70px; font-size: 16px; color: #000; padding-left: 25px; } .banner .container span{ font-size: 26px; } .banner .container::after{ position: absolute; right: 1180px; left: -600px; content:""; background-color: #fff; opacity: 0.35; bottom: 0; top: 0; display: block; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: -1; } .fafa .flex-direction-nav{ width: 1400px; left: 50%; margin-left: -700px; position: absolute; bottom: 44px; height: 12px; z-index: 60; } .fafa .flex-direction-nav a{ width: 9px; height: 12px; margin-top: 0; top: 0; } .fafa .flex-direction-nav .flex-prev{ left: 0; } .fafa .flex-direction-nav .flex-next{ right: auto; left: 106px; } .main1{ box-shadow: 0px 4px 18px 0px rgba(145, 145, 145, 0.14); } .main1-item{ float: left; width: 20%; } .main1-item+.main1-item{ border-left: 1px solid #dedede; } .main1-item>a{ display: block; padding: 56px 50px 56px 30px; height: 163px; position: relative; background-color: #fff; } .main1-item>a::after{ position: absolute; width: 12px; height: 12px; top: 50%; margin-top: -6px; right: 30px; background-repeat: no-repeat; background-position: center; background-image: url(../images/jia3.png); content: ""; z-index: 10; } .main1-con{ padding: 5px 0; padding-left: 65px; background-repeat: no-repeat; background-position: left 0px; min-height: 50px; z-index: 15; position: relative; } .main1-item>a::before{ position: absolute; width: 142px; top: 0; bottom: 0; right: 20px; background-repeat: no-repeat; background-position: center; background-image: url(../images/main1-iccbg1.png); content: ""; opacity: 0; background-size: 100%; } .main1-item1 .main1-con{background-image: url(../images/main1-ico1.png);} .main1-item2 .main1-con{background-image: url(../images/main1-ico2.png);} .main1-item3 .main1-con{background-image: url(../images/main1-ico3.png);} .main1-item4 .main1-con{background-image: url(../images/main1-ico4.png);} .main1-item5 .main1-con{background-image: url(../images/main1-ico5.png);} .main1-con h1{ margin: 0; font-size: 17px; color: #333; } .main1-con h2{ margin: 0; font-size: 12px; color: #333; margin-top: 5px; } .main1-item>a:hover{background-color: #21748d;} .main1-item>a:hover::after{background-image: url(../images/jia3h.png);} .main1-item>a:hover::before{opacity: 1!important;} .main1-item>a:hover .main1-con h1{color: #fff;} .main1-item>a:hover .main1-con h2{color: #fff;} .main1-item1>a:hover .main1-con{background-image: url(../images/main1-ico1h.png);} .main1-item2>a:hover .main1-con{background-image: url(../images/main1-ico2h.png);} .main1-item3>a:hover .main1-con{background-image: url(../images/main1-ico3h.png);} .main1-item4>a:hover .main1-con{background-image: url(../images/main1-ico4h.png);} .main1-item5>a:hover .main1-con{background-image: url(../images/main1-ico5h.png);} .pp60{ padding: 60px 0; } .main2{ background-repeat: no-repeat; background-position: left top; background-image: url(../images/main2-bg.jpg); } .main2-1{ width: 935px; margin-right: 40px; } .main2-2{ overflow: hidden; } .title-11{ background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/title-11.jpg); } .title-11 h1{ margin: 0; font-size: 16px; color: #888; text-transform: uppercase; } .title-11 h1 span{ padding-right: 10px; font-size: 24px; color: #333; padding-bottom: 18px; border-bottom:4px solid #21748d; display: inline-block; font-weight: bold; } .title-11 a.fr{ font-size: 14px; color: #888; margin-top: 7px; } .title-11 a.fr:hover{ color: #21748d; } .main2-1-div{ margin-top: 28px; } .main2-1-lun{ width: 409px; margin-right: 23px; border: 1px solid #f0f3f3; } .main2-pic .imgbox_a{ padding-bottom: 62.6535%; } .main2-date{ position: absolute; width: 82px; text-align: center; right: 0; top: 0; background-color: #21748d; z-index: 15; padding: 10px 0; } .main2-date h1{ margin: 0; font-size: 26px; color: #fff; line-height: 1; } .main2-date h2{ margin: 0; font-size: 14px; color: #fff; margin-top: 5px; } .main2-con{ background-color: #f0f3f3; padding: 20px 23px; } .main2-con h1{ margin: 0; font-size:18px; color: #333; } .main2-con h1 a:hover{ color: #21748d; } .main2-con p{ margin: 0; font-size:16px; color: #666; line-height: 1.5; height: 3em; overflow: hidden; margin-top: 12px; } .fmain2 .flex-control-nav{ bottom: 119px; text-align: right; padding-right: 20px; height: 46px; background-color: rgba(0,0,0,0.37); padding-top: 18px; } .fmain2 .flex-control-nav li{ margin: 0; } .fmain2 .flex-control-nav li+li{ margin-left: 8px; } .main2-1-dl{ overflow: hidden; } .main2-1-dl dl{ margin: 0; } .main2-1-dl dd+dd{ margin-top: 23px; } .main2-pic.fl{ width: 157px; margin-right:22px; } .main2-pic.fl .imgbox_a{ padding-bottom: 70.06%; } .main2-dd-con{ overflow: hidden; padding-top: 5px; } .main2-dd-con h1{ margin: 0; font-size:18px; color: #333; line-height: 1.5; height: 3em; overflow: hidden; } .main2-dd-con h1 a:hover{ color: #21748d; } .main2-dd-con h2{ margin: 0; font-size:16px; color: #999; margin-top: 30px; } .main2-2-dl{ background-color: #f6f8f9; padding: 25px; } .main2-2 .title-11{ background-image: none; } .main2-2 .title-11 span{ border-bottom: 4px solid #fff; } .main2-2-dl dl{ margin: 0; } .main2-2-dl dd+dd{ margin-top: 30px; } .main2-2-date{ width: 77px; height: 66px; background-color: #fff; text-align: center; border-radius: 10px; margin-right: 25px; padding-top:12px ; } .main2-2-date h1{ margin: 0; font-size: 20px; color: #1f586b; } .main2-2-date h2{ margin: 0; font-size: 14px; color: #999; margin-top: 6px; } .main2-2-a-wp{ padding-top: 4px; overflow: hidden; } .main2-2-a{ overflow: hidden; font-size: 18px; color: #333; line-height: 1.6; height: 3.2em; overflow: hidden; } .main2-2-a a:hover{ color: #21748d; } .main3{ position: relative; background-repeat: no-repeat; background-position: center; background-image: url(../images/main3-bg.jpg); background-size: cover; height: 336px; cursor: pointer; } .main3::before{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background-color: #000; opacity: 0.5; } .main3::after{ width: 86px; height: 86px; position: absolute; left: 50%; top: 50%; margin-top: -43px; margin-left: -43px; content: ""; background-repeat: no-repeat; background-position: center; background-image: url(../images/bo.png); z-index: 25; } .video-wp{ position: fixed; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0; visibility: hidden; z-index: 1800; padding: 0 60px; transition: .3s; text-align: center; } .video-wp.cur{ opacity: 1; visibility: visible; } .video-box{ position: relative; width: 100%; } .video-close{ position: absolute; width: 36px; right: -18px; top: -18px; cursor: pointer; z-index: 25; } .video-close img{ display: block; width: 100%; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .video-close:hover img{ transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transition: transform .3s; } .video-box video { max-height: calc(100vh - 4em); width: 100%!important; vertical-align: middle; max-width: 100%; } .video-box video:focus{ outline: none; } .main4{ margin-top: 15px; background-repeat: no-repeat; background-position: center; background-image: url(../images/main4-bg.jpg); background-size: cover; padding: 90px 0 110px; } .main-item{ width: 48.57%; } .main4 .title-11{ background-image: none; } .main4 .title-11 h1{ color: #9ea5ac; } .main4 .title-11 h1 span{ color: #fff; border-bottom: 0; } .main4 .title-11 a.fr{ color: #fff; } .main4-dl{ padding-top: 15px; } .main4-dl dl{ margin: 0; } .main4-dl dd{ background-color: #fff; padding:15px; padding-left: 30px; } .main4-dl dd+dd{ margin-top: 20px; } .main4-pic{ width: 208px; margin-left:15px; } .main4-pic .imgbox_a{ padding-bottom: 73.558%; } .main4-con{ overflow: hidden; padding-top: 15px; } .main4-con h1{ margin: 0; font-size: 18px; color: #333; } .main4-con h1 a:hover{ color: #21748d; font-weight: bold; } .main4-con h2{ margin: 0; font-size: 16px; color: #666; padding: 10px 0 15px; } .main4-con p{ margin: 0; font-size: 16px; color: #666; line-height: 1.8; height: 3.6em; } .main5{ background-repeat: no-repeat; background-position: center; background-image: url(../images/main5-bg.jpg); background-size: cover; padding: 60px 0 100px; } .title-22{ text-align: center; position: relative; border-bottom: 1px solid #dbdddf; } .title-22 h1{ margin: 0; font-size: 32px; color: #000; } .title-22 h2{ margin: 0; font-size: 20px; color: #999; text-transform: uppercase; padding:10px 0 22px; } .title-22::after{ position: absolute; width:50px; height: 4px; content: ""; left: 50%; margin-left: -25px; bottom: -1px; background-color: #21748d; } .main5-menu{ padding: 55px 0 45px; } .main5-menu dl{ margin: 0; text-align: center; font-size: 0; line-height: normal; } .main5-menu dd{ display: inline-block; width: 200px; height: 56px; line-height: 54px; border-radius: 999em; border: 1px solid #e2e4e7; background-color: #fff; font-size: 18px;color: #333; cursor: pointer; } .main5-menu dd+dd{ margin-left: 50px; } .main5-menu dd.cur{ color: #fff; background-color: #21748d; border-color: #21748d; } .main5-dl-wp .main5-dl{display: none;} .main5-dl-wp .main5-dl:first-child{display: block;} .main5-dl dl{ margin: 0; margin-left: -0.3%; margin-top: -0.3%; } .main5-dl dd{ float: left; width: 33.033333333%; margin-left: 0.3%; margin-top: 0.3%; } .main5-dl dd>a{ display: block; background-color: #fff; padding: 25px; } .main5-dl dd>a:hover .main5-con h1{ color: #21748d; font-weight: bold; } .main5-date{ background-image: url(../images/main5-date.png); background-repeat: no-repeat; background-position: right 35%; } .main5-date h1{ margin: 0; font-size: 32px; color: #333; padding-left: 5px; } .main5-date h2{ margin: 0; font-size: 14px; color: #333; margin-top: 5px; } .main5-con{ border-top: 1px solid #eaeaea; margin-top: 20px; padding-top: 20px; } .main5-con h1{ margin: 0; font-size: 18px; color: #333; } .main5-con p{ margin: 0; font-size: 14px; color: #666; margin-top:10px; } .main6{ background-repeat: no-repeat; background-position: center; background-image: url(../images/main6-bg.jpg); background-size: cover; padding: 90px 0 95px; } .main6-img img{ display: block; width: 100%; } .main6-img{ margin-top: 34px; } .main6-dl{ padding-top: 25px; } .main6-dl dl{ margin: 0; } .main6-dl dd{ position: relative; padding-right:130px; font-size: 18px; color: #333; padding-left: 20px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/dian1.png); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 22px; line-height: 22px; } .main6-dl dd+dd{ margin-top:20px; } .main6-dl dd a:hover{ color: #21748d; font-weight: bold; } .main6-dl dd span.span_222{ position: absolute; right: 30px; top: 0; font-size: 16px;color: #666; } .main7{ background-repeat: no-repeat; background-position: center; background-image: url(../images/main7-bg.jpg); background-size: cover; padding: 80px 0; } .main7-dl dl{ margin: 0; margin-left: -2%; margin-top: -2%; } .main7-dl dd{ float: left; width: 23%; margin-left: 2%; margin-top: 2%; } .main7-dl dd>a{ display: block; height: 145px; background-repeat: repeat-x; background-position: left center; padding-top: 40px; padding-left: 40px; padding-right:10px; position: relative; } .main7-dl dd>a h1{ margin: 0; font-size: 30px; /*font-weight: bold;*/ color: inherit; position: relative; z-index: 15; } .main7-dl dd>a h2{ margin: 0; font-size: 18px; text-transform: uppercase; font-family: "Calibri"; margin-top:11px ; color: inherit; position: relative; z-index: 15; } .main7-dl dd.main7-dd1>a{background-image: url(../images/main7-bg1.jpg); color: #16444e;} .main7-dl dd.main7-dd2>a{background-image: url(../images/main7-bg2.jpg); color: #3b439b;} .main7-dl dd.main7-dd3>a{background-image: url(../images/main7-bg3.jpg); color: #0c50a7;} .main7-dl dd.main7-dd4>a{background-image: url(../images/main7-bg4.jpg); color: #1a6784;} .main7-dl dd.main7-dd5>a{background-image: url(../images/main7-bg5.jpg); color: #d46238;} .main7-dl dd.main7-dd6>a{background-image: url(../images/main7-bg6.jpg); color: #0c50a7;} .main7-dl dd.main7-dd7>a{background-image: url(../images/main7-bg7.jpg); color: #16444e;} .main7-dl dd.main7-dd8>a{background-image: url(../images/main7-bg8.jpg); color: #3b439b;} .main7-dl dd>a::after{ position: absolute; width: 106px; height: 100%; right: 0; top: 0; content: ""; z-index: 10; background-repeat: no-repeat; background-position: center; background-size: cover; } .main7-dl dd.main7-dd1>a::after{background-image: url(../images/main7-ico1.png);} .main7-dl dd.main7-dd2>a::after{background-image: url(../images/main7-ico2.png);} .main7-dl dd.main7-dd3>a::after{background-image: url(../images/main7-ico3.png);} .main7-dl dd.main7-dd4>a::after{background-image: url(../images/main7-ico4.png);} .main7-dl dd.main7-dd5>a::after{background-image: url(../images/main7-ico5.png);} .main7-dl dd.main7-dd6>a::after{background-image: url(../images/main7-ico6.png);} .main7-dl dd.main7-dd7>a::after{background-image: url(../images/main7-ico7.png);} .main7-dl dd.main7-dd8>a::after{background-image: url(../images/main7-ico8.png);} .main7-dl dd>a:hover h1{ font-weight: bold; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ background-image: url(../images/footer-bg.jpg); background-repeat: no-repeat; background-position: center ; background-size: cover; /*height: 417px;*/ } .footer-1{ padding: 60px 0 50px; } .foo-logo{ width: 256px; margin-right: 50px; } .foo-logo a,.foo-logo img{ display: block; width: 100%; } .er-wp{ width: 270px; margin-left: 45px; margin-top: 15px; } .er{ width: 120px; font-size:13px; color: #a9b3c1; text-align: center; } .er img{ display: block; width: 109px; margin: 0 auto 10px; } .footer-1-con{ overflow: hidden; height: 165px; border-left:1px solid #374555; border-right:1px solid #374555; padding: 0 55px; } .footer-1-title h1{ margin: 0; font-size:22px; color: #fff; } .footer-1-title h1::after{ display: block; width: 27px; height: 2px; content: ""; background-color: #838e9d; margin-top:15px; } .foo1-sel{ position: relative; width: 120px; } .foo1-sel>span{ cursor: pointer; display: block; font-size: 16px; color: #fff; height: 46px; line-height: 44px; border: 1px solid #3b4959; padding-left: 15px; } .foo1-sel>span::after{ position: absolute; width: 14px; height: 7px; top: 50%; margin-top: -4px; right: 10px; background-image: url(../images/jiao3.png); content: ""; } .foo1-sel dl{ position: absolute; width: 100%; left: 0; top: 100%; border: 1px solid #3b4959; border-top: 0; display: none; background-color: #1b2a3d; } .foo1-sel dd{ font-size: 14px; color: #fff; height: 40px; line-height: 40px; padding-left: 15px; cursor: pointer; } .foo1-sel dd:hover{ background-color: #3b4959; } .footer-1-list-wp{ padding-top: 25px; } .footer-1-list-wp .footer-1-list{ display: none; } .footer-1-list-wp .footer-1-list:first-child{ display: block; } .footer-1-list dl{ margin: 0; margin-left: -2%; } .footer-1-list dd{ float: left; width: 23%; margin-left: 2%; margin-top: 2%; font-size: 16px;color: #a8b3c1; } .footer-1-list dd a:hover{ color: #fff; } .footer-2{ padding: 30px 0 43px; border-top: 1px solid #404d5d; font-size: 16px;color: #a9b3c1; text-align: center; line-height: 2; } .footer-2 span{ padding-left: 10px; } .footer-2 span a:hover{ color: #fff; } /**************************************************************/ /*footer-over*/ /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ #header-2{ display: none; height: 75px; /*border-bottom:0px solid #035cac;*/ box-shadow: 0 4px 8px -3px #000; position: fixed; top: 0px; left: 0; width: 100%; z-index: 1001; background-color: #fff; /*background-color: #0089d0;*/ } .nav-2{ display: none; background-color: #fff; position: relative; z-index:900; } .nav-2>ul>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: 5px; right: 14px; } .jiaspan.cur{ background-image: url(../images/jia2h.png); } .nav-2>ul>li:first-child{ /*border-top: 0;*/ } .nav-2>ul>li>a{ padding:8px 10px; display: block; font-size: 16px; width: 100%; color:#333; font-family: "anb"; text-transform: uppercase; } .nav-2>ul>li>ul{ padding-bottom: 10px; display: none; padding-left: 20px; } .nav-2>ul>li>ul>li{ display: inline-block; } .nav-2>ul>li>ul>li>a{ padding: 4px 10px; display: block; font-size: 14px; 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; }*/ .nav-2-form{ padding: 10px; position: relative; } .nav-2-form input[type="image"]{ position: absolute; right: 19px; top: 17px; width: 18px; } .nav-2-form .form-control{padding-right: 50px;} .logo-2 { font-size: 0; width: 260px; margin-left: 15px; margin-top: 13px; } .logo-2 img{ display: block; width: 100%; } .menu2{ margin-right: 15px; height: 75px; font-size: 0; } .menu2 li{ cursor:pointer ; margin-left: 15px; float: right; margin-top: 29px; } .menu2 li+li{ margin-top: 21px; } .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: 800; background-image: url(../images/heidi22.png); display: none; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ .banner-2{ height: 608px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .banner-2::before{ position: absolute; width: 100%; left: 0; top: 0; height: 257px; background-image: url(../images/yoy.png); background-repeat: repeat-x; background-position: left center; content: ""; } .banner-2 img{ display: none; width: 100%; } .erji{ position: relative; z-index: 200; background-repeat: no-repeat; background-position: right bottom; background-image: url(../images/erji-bg.png); } .menu{ width: 275px; margin-right: 45px; position: relative; top: -93px; } .menu-title{ height: 176px; background-repeat: no-repeat; background-position: center; background-image: url(../images/menu-title.jpg); padding-left: 55px; padding-top: 35px; position: relative; } .menu-title::after{ position: absolute; left: 58px; width:1px; background-color: #afe1f8; content: ""; bottom: 0; height: 50px; } .menu-title h1{ margin: 0; font-size: 36px; color: #fff; } .menu-title h2{ margin: 0; font-size: 24px; color: #fff; text-transform: capitalize; margin-top: 15px; } .menu-dl{ padding: 25px 0 15px; } .menu-dl dl{ margin: 0; } .menu-dl dd+dd{ margin-top: 4px; } .menu-dl dd>a{ display: block; font-size: 18px;color: #333; line-height: 1.6; padding: 18px 35px; padding-left: 44px; background-color: #f4fafc; background-repeat: no-repeat; background-position: right center; position: relative; } .menu-dl dd>a::after{ position: absolute; width: 6px; height: 13px; right: 25px; top: 50%; margin-top: -6px; content: ""; background-image: url(../images/jiao2.png); background-repeat: no-repeat; background-position: center; } .menu-dl dd.cur>a{ background-image: url(../images/cur.png); color: #21748d!important; font-weight: bold; } .menu-dl dd.cur>a::after{ display: none; } .menu-dl dd>a:hover{ color: #21748d; font-weight: bold; } .menu-bg img{ display: block; width: 100%; } .erji-content{ min-height: 600px; overflow: hidden; padding-bottom:50px; } .erji-title h1{ margin: 0; font-size:24px; color: #21748d; } .mianbaoxie{ font-size: 16px;color: #999; margin-top: 2px; } .mianbaoxie img{ margin-top: -5px; margin-left: 10px; margin-right: 10px; } .mianbaoxie a:hover, .mianbaoxie span{ color: #21748d; } .erji-title{ padding: 40px 0; } .xinwen-list dl{ margin: 0; } .xinwen-list dd+dd{ margin-top: 15px; } .xinwen-list dd{ padding: 20px; background-color: #f8f8f8; } .xinwen-pic{ width: 234px; margin-left: 30px; } .xinwen-pic .imgbox_a{ padding-bottom:74.786%; } .xinwen-con{ overflow: hidden; padding-top: 10px; } .xinwen-con h1{ margin: 0; font-size: 20px;color: #21768f; } .xinwen-con h1::after{ display: block; content: ""; width:27px; height: 1px; background-color: #5a98ab; margin-top: 15px; } .xinwen-con h2{ margin: 0; font-size: 20px; color: #333; padding: 15px 0; } .xinwen-con h2 a:hover{ color: #21748d; font-weight: bold; } .xinwen-con p{ margin: 0; font-size: 16px; color: #999; line-height: 1.8; height: 3.6em; overflow: hidden; } .fenye{ text-align: center; margin-top: 50px; } .fenye ul{ margin:0; } .danpian-h1{ font-size: 28px; line-height: 1.6; color:#333; text-align: center; } .danpian-h2{ font-size: 14px; line-height: 1.6; color:#999; text-align: center; border-bottom: 1px solid #ddd; padding: 10px 0 15px; } .bsBox,.bsBox *,#bsPanelHolder,#bsPanelHolder *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .danpian-con{ font-size: 14px; color:#666; line-height: 2; padding: 20px 0 20px; } .danpian-con *{ font-size: 16px!important; color:#666!important; line-height: 2!important; } .danpian-con img{ display: block; margin:15px auto; } .dan-page{ padding-top: 10px; border-top: 1px solid #ddd; } .dan-a{ margin-top: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dan-a a{ font-size: 16px; color:#666; } .dan-a a:hover{ color:#21748d; } .rencai-list dl{ margin: 0; } .rencai-list dd{ padding: 20px; background-color: #f8f8f8; } .rencai-list dd+dd{ margin-top: 13px; } .rencai-list dd:hover{ background-color: #f4fafc; } .rencai-date{ width: 77px; height: 77px; background-color: #21748d; border-radius: 5px; text-align: center; padding-top: 12px; margin-left: 70px; } .rencai-date h1{ margin: 0; font-size: 32px; color: #fff; line-height: 1; } .rencai-date h2{ margin: 0; font-size: 14px; color: #fff; margin-top: 5px; } .rencai-con{ padding-top:12px; } .rencai-con h1{ margin: 0; font-size: 18px; color: #333; } .rencai-con h1 a:hover{ color: #21748d; } .rencai-con p{ margin: 0; font-size: 16px; color: #999; margin-top: 12px; } .yuandi-list dl{ margin: 0; margin-left: -3%; } .yuandi-list dd{ float: left; width: 30.3333333%; margin-left: 3%; margin-bottom: 3%; } .yuandi-pic .imgbox_a{ padding-bottom: 75%; } .yuandi-h1{ font-size: 16px; color: #333; text-align: center; margin-top: 20px; } .yuandi-list dd:hover .yuandi-h1{ color: #21748d; } .lingdao-list dl{ margin: 0; margin-left: -3%; } .lingdao-list dd{ float: left; width: 47%; margin-left: 3%; margin-bottom: 3%; padding:15px; background-color: #f8f8f8; } .lingdao-pic{ width: 185px; margin-right: 25px; } .lingdao-pic .imgbox_a{ padding-bottom: 126.49%; } .lingdao-con{ overflow: hidden; padding-top: 12px; } .lingdao-con1{ padding-bottom: 20px; border-bottom:1px solid #eaeaea; } .lingdao-con1 h1{ margin: 0; font-size: 24px; color: #000; } .lingdao-con1 h2{ margin: 0; font-size: 18px; color: #333; margin-top:8px; } .lingdao-con2{ font-size: 16px; color: #999; line-height: 1.8; height: 3.6em; overflow: hidden; margin-top:15px; } .lingdao-a{ margin-top: 25px; } .lingdao-a a{ display: block; width: 41px; height: 14px; background-image: url(../images/lingdao-ico.png); background-repeat: no-repeat; background-position: right center; } .lingdao-list dd:hover{ background-color: #f4fafc; } .lingdao-list dd:hover .lingdao-a a{ background-image: url(../images/lingdao-icoh.png); } .sanji-dl{ padding-bottom: 15px; } .sanji-dl dl{ margin:0; } .sanji-dl dd{ float: left; margin-right: 15px; margin-bottom: 15px; } .sanji-dl dd a{ display: block; padding: 8px 15px; border:1px solid #ddd; font-size: 13px; } .sanji-dl dd a:hover, .sanji-dl dd.cur a{ background-color: #21768f; border-color:#21768f; color:#fff; } .main8{ background-color: #ededed; padding: 30px 0; } .main8-list .item{ padding: 15px; } .main8-list .item>a{ display: block; background-color: #fff; border-radius: 999em; padding: 6px 8px; transition:box-shadow .3s;} .main8-list .item>a:hover{ box-shadow: 0 0 15px 3px rgba(0,0,0,0.04); } .main8-ico{ width: 77px; margin-right: 20px; } .main8-ico img{ display: block; width: 100%; } .main8-title{ overflow: hidden; font-size: 18px; color: #16444e; height: 77px; line-height: 77px; font-weight: bold; } .main8-list .owl-nav button.owl-prev{ position: absolute; left:-60px; top: 50%; margin-top: -20px; width:40px; height: 40px; background-image: url(../images/left123.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; } .main8-list .owl-nav button.owl-next{ position: absolute; right:-60px; top: 50%; margin-top: -20px; width:40px; height: 40px; background-image: url(../images/right123.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; }