/**************************************/ /*************[公用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; } body{ overflow-x: hidden; font-family: PingFang SC, PingFang SC-Regular, "苹方", "微软雅黑", sans-serif; } 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: 0; height: 100px; z-index: 999; background-color: rgba(255,255,255,0.7); } .logo{ width: 276px; margin-top:30px; } .logo a,.logo img{ display: block; width: 100%; } .search{ width: 29px; margin-top:36px; margin-left:10px; } .search a,.search img{ display: block; width: 100%; } .eenn{ width: 29px; margin-top:36px; margin-left:10px; } .eenn a,.eenn img{ display: block; width: 100%; } .yyxx{ width: 29px; margin-top:36px; margin-left:25px; } .yyxx a,.yyxx img{ display: block; width: 100%; } .nav ul{ margin: 0; } .nav>ul>li{ float: left; position: relative; } .nav>ul>li+li{ margin-left: 50px; } .nav>ul>li>a{ display: block; height: 100px; line-height: 100px; font-size: 22px; color: #333; } .nav>ul>li>a span{ position: relative; } .nav>ul>li>a span::after{ position: absolute; width: 0%; left: 50%; bottom: 2px; height: 6px; content: ""; background-color: #276bba; z-index: 1; transition: .3s; } .nav>ul>li>a span i{ font-style: normal; font-weight: bold; position: relative; z-index: 15; } .nav>ul>li:hover>a span::after, .nav>ul>li.cur>a span::after{ width: 100%; left: 0; } .nav>ul>li>ul{ position: absolute; left: 50%; margin-left: -70px; width: 140px; top:100%; z-index: 600; background-color: rgba(255,255,255,0.7); display: none; text-align: center; padding: 20px 5px; } .nav>ul>li>ul>li+li{ margin-top: 15px; } .nav>ul>li>ul>li>a{ font-size: 17px; color:#333; transition: color .3s; } .nav>ul>li>ul>li>a:hover{ color: #276bba; font-weight: bold; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .banner{ min-height: 100vh; } .fafa,.fafa .slides,.fafa .slides>li{ height: 100%; } .fafa .slides>li{ position: relative; overflow: hidden; } .fafa .slides>li.flex-active-slide .fafa-bg{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .fafa-bg{ height: 100%; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; background-size: cover; transition: 5s; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .fafa-bg a{ display:block; height:100%; } .fafa .flex-control-nav{ width: 19px; right: 5%; bottom: auto; top: 50%; transform: translateY(-50%); padding: 30px 0; } .fafa .flex-control-nav::before{ width: 1px; position: absolute; left: 50%; bottom: 100%; height: 120px; background-color: #fff; opacity: 0.5; content: ""; } .fafa .flex-control-nav::after{ width: 1px; position: absolute; left: 50%; top: 100%; height: 120px; background-color: #fff; opacity: 0.5; content: ""; } .fafa .flex-control-nav li{ display: block; margin: 0; } .fafa .flex-control-nav li+li{ margin-top: 30px; } .fafa .flex-control-paging li a{ width: 19px; height: 14px; background-image: none; } .fafa .flex-control-paging li:nth-child(1) a{background-image: url(../images/a01.png);} .fafa .flex-control-paging li:nth-child(1) a.flex-active{background-image: url(../images/a01h.png);} .fafa .flex-control-paging li:nth-child(2) a{background-image: url(../images/a02.png);} .fafa .flex-control-paging li:nth-child(2) a.flex-active{background-image: url(../images/a02h.png);} .fafa .flex-control-paging li:nth-child(3) a{background-image: url(../images/a03.png);} .fafa .flex-control-paging li:nth-child(3) a.flex-active{background-image: url(../images/a03h.png);} .fafa .flex-control-paging li:nth-child(4) a{background-image: url(../images/a04.png);} .fafa .flex-control-paging li:nth-child(4) a.flex-active{background-image: url(../images/a04h.png);} .fafa .flex-control-paging li:nth-child(5) a{background-image: url(../images/a05.png);} .fafa .flex-control-paging li:nth-child(5) a.flex-active{background-image: url(../images/a05h.png);} .main{ padding: 160px 0 190px; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/main-bg.jpg); position: relative; z-index: 10; } .main.erji-padd{ background-position: 0 0; background-size: auto; } .main-div{ position: relative; z-index: 50; } .main-div-bg{ position: absolute; left: 0; width: 0; top: 0; bottom: 0; background-repeat: no-repeat; background-position:center; background-image: url(../images/bg01.jpg); z-index: 80; transition: width 1.5s; } .main-div-bg.cur{ width: calc((100% - 1600px)/2 + 1600px); } .main-div-bg.cur.cur2{ width: calc((100% - 1600px)/4); } .main .container{ position: relative; z-index: 50; opacity: 0; } .main .container.cur{ opacity: 1; } .main-zm{ position: absolute; font-size: 200px; font-family: "Impact"; color: #f7f7f7; text-transform: uppercase; line-height: 1; bottom: 35px; z-index: 10; opacity: 0; transition: opacity .3s,bottom .3s; white-space: nowrap; } .main-zm.cur{ opacity: 1; bottom: 50px; } .main1-left{ width: 510px; margin-right: 75px; margin-top: 60px; } .main-title{ background-repeat: repeat-x; background-position: left center; background-image: url(../images/main-title.jpg); font-size: 0; padding-left: 15px; } .main-title span{ display: inline-block; font-size: 36px; font-weight: bold; color: #333; background-color: #fff; padding: 0 25px; line-height: 36px; } .main1-dl{ margin-top: 65px; } .main1-dl dl{ margin: 0; } .main1-dl dd+dd{ margin-top: 30px; } .main1-dl dd:hover .main1-dd-zm{ width: 70px; } .main1-dd-zm{ width: 40px; margin-right: 30px; height: 70px; overflow: hidden; border-right: 1px dashed #ddd; transition: width .5s; } .main1-dd-zmbg{ width: 69px; height: 70px; background-repeat: no-repeat; background-position: center; } .main1-dd-con{ overflow: hidden; } .main1-dd-con h1{ margin: 0; font-size:22px; font-weight: bold; color: #333; } .main1-dd-con h1 a:hover{ color: #1565c0; } .main1-dd-con p{ margin: 0; font-size:18px; opacity:0.7; color: #333; line-height: 1.7; margin-top:8px; } .main1-right{ overflow: hidden; } .main1-dl2 dl{ margin: 0; } .main1-dl2 dd{ float: left; } .main1-dl2 dd>a{ display: block; height: 323px; background-repeat: no-repeat; background-position: left center; background-size: cover; position: relative; overflow: hidden; } .main1-dl2 dd.main1-dd1{width: 58.66%;} .main1-dl2 dd.main1-dd2{width: 41.34%;border-left: 2px solid #fff;} .main1-dl2 dd.main1-dd3{width: 41.34%;border-top: 2px solid #fff;} .main1-dl2 dd.main1-dd4{width: 58.66%;border-left: 2px solid #fff;border-top: 2px solid #fff;} .main1-dl2 dd.main1-dd1>a{background-image: url(../images/main1-1-bg.jpg);} .main1-dl2 dd.main1-dd2>a{background-image: url(../images/main1-2-bg.gif);} .main1-dl2 dd.main1-dd3>a{background-image: url(../images/main1-3-bg.gif);} .main1-dl2 dd.main1-dd4>a{background-image: url(../images/main1-4-bg.jpg);} .main1-dl2 dd.main1-dd2>a:hover{background-image: url(../images/main1-2-bg_01.gif);} .main1-dl2 dd.main1-dd3>a:hover{background-image: url(../images/main1-3-bg_01.gif);} .main1-title{ position: absolute; width: 100%; left: 0; top: 0; padding-left: 50px; padding-top:45px; z-index: 30; } .main1-title h1{ margin: 0; font-size: 24px; color: #276bba; font-family: 'Impact'; text-transform: uppercase; } .main1-title h2{ margin: 0; font-size: 24px; color: #276bba; font-weight: bold; margin: 20px 0; } .main1-title-jt{ position: relative; } .main1-title-jt::before{ position: absolute; left: 0; top: 4px; height: 1px; background-color: #276bba; content: ""; z-index: 5; width: 0; transition: width .3s; } .main1-dd2 .main1-title-jt::before, .main1-dd3 .main1-title-jt::before{ background-color: #fff; } .main1-title-jt img{ display: block; width: 48px; position: relative; left: 0; transition: left .3s; } .main1-dl2 dd.main1-dd2>a .main1-title h1{color: #fff;opacity: 0.5;} .main1-dl2 dd.main1-dd2>a .main1-title h2{color: #fff;} .main1-dl2 dd.main1-dd3>a .main1-title h1{color: #fff;opacity: 0.5;} .main1-dl2 dd.main1-dd3>a .main1-title h2{color: #fff;} .main1-dl2 dd>a:hover .main1-title img{ left: 15px; } .main1-dl2 dd>a:hover .main1-title-jt::before{ width: 15px; } .main1-pic{ position: absolute; z-index: 25; } .main1-pic img{ display: block; width: 100%; } .main1-pic1-1{ width: 34.33%; left: 40px; bottom: 15px; transition: left .3s; } .main1-dl2 dd>a:hover .main1-pic1-1{ left: 55px; } .main1-pic1-2{ width: 46.932%; right:20px; bottom: 20px; transition: transform .5s; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .main1-dl2 dd>a:hover .main1-pic1-2{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .main1-pic2{ width: 24.8227%; left:45px; bottom: 10px; transition: left .3s; } .main1-dl2 dd>a:hover .main1-pic2{ left: 55px; } .main1-pic3-1{ width: 37.59%; left: -15px; bottom: 0px; transition: left .3s; } .main1-dl2 dd>a:hover .main1-pic3-1{ left: 0px; } .main1-pic3-2{ width:56.74%; right:-15px; bottom: 45px; transition: right .3s; } .main1-dl2 dd>a:hover .main1-pic3-2{ right: 0px; } .main1-pic4-0{ width: 18.74%; left: 50px; bottom: 0px; transition: left .3s; } .main1-dl2 dd>a:hover .main1-pic4-0{ left: 65px; } .main1-pic4{ width: 70%; right:-40px; top: 70px; animation-fill-mode:both; } .main1-dl2 dd>a:hover .main1-pic4{ -webkit-animation:qiuqiu 8s infinite linear;/*匀速 循环*/ -o-animation:qiuqiu 8s infinite linear;/*匀速 循环*/ animation:qiuqiu 8s infinite linear;/*匀速 循环*/ animation-iteration-count:infinite; animation-fill-mode:both; } @-webkit-keyframes qiuqiu { 0% { -ms-transform:rotate(0deg); /* Internet Explorer */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari å’Œ Chrome */ -o-transform:rotate(0deg); /* Opera */ transform:rotate(0deg); /* Opera */ } 100% { -ms-transform:rotate(360deg); /* Internet Explorer */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari å’Œ Chrome */ -o-transform:rotate(360deg); /* Opera */ transform:rotate(360deg); /* Opera */ } } @-o-keyframes qiuqiu { 0% { -ms-transform:rotate(0deg); /* Internet Explorer */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari å’Œ Chrome */ -o-transform:rotate(0deg); /* Opera */ transform:rotate(0deg); /* Opera */ } 100% { -ms-transform:rotate(360deg); /* Internet Explorer */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari å’Œ Chrome */ -o-transform:rotate(360deg); /* Opera */ transform:rotate(360deg); /* Opera */ } } @-moz-keyframes qiuqiu { 0% { -ms-transform:rotate(0deg); /* Internet Explorer */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari å’Œ Chrome */ -o-transform:rotate(0deg); /* Opera */ transform:rotate(0deg); /* Opera */ } 100% { -ms-transform:rotate(360deg); /* Internet Explorer */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari å’Œ Chrome */ -o-transform:rotate(360deg); /* Opera */ transform:rotate(360deg); /* Opera */ } } @keyframes qiuqiu { 0% { -ms-transform:rotate(0deg); /* Internet Explorer */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari å’Œ Chrome */ -o-transform:rotate(0deg); /* Opera */ transform:rotate(0deg); /* Opera */ } 100% { -ms-transform:rotate(360deg); /* Internet Explorer */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari å’Œ Chrome */ -o-transform:rotate(360deg); /* Opera */ transform:rotate(360deg); /* Opera */ } } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ background-image: url(../images/footer.jpg); background-repeat: no-repeat; padding-top: 65px; background-attachment: fixed; background-position: center; } .foo1-1 ul{ margin: 0; } .foo1-1 li{ float: left; } .foo1-1 li+li{ margin-left: 70px; } .foo1-1 li h1{ margin: 0; font-size: 20px; font-weight: bold; color: #fff; } .foo1-1 dl{ margin: 0; padding-top: 7px; } .foo1-1 dd{ margin-top: 13px; font-size: 16px; color: rgba(255,255,255,0.7); } .foo1-1 dd a:hover{ color: #fff; } .foo1-2{ width: 609px; border-left: 1px solid rgba(255,255,255,0.2); } .foo1-2-con{ font-size: 18px; color: #fff; line-height: 2; text-align: right; } .er{ width: 115px; margin-top:30px; margin-left: auto; font-size: 16px; color: #fff; text-align: center; } .er img{ display: block; width: 100%; margin-bottom: 12px; } .footer-2{ border-top: 1px solid rgba(255,255,255,0.2); padding: 50px 0; margin-top: 35px; } .footer-2 .fl, .footer-2 .fr{ font-size: 16px; color: rgba(255,255,255,0.7); } .footer-2 .fr a{ font-size: 16px; color: rgba(255,255,255,0.7); } .footer-2 .fr 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; text-transform: uppercase; } .nav-2>ul>li>ul{ padding-bottom: 10px; display: none; } .nav-2>ul>li>ul>li>a{ padding: 4px 10px; display: block; font-size: 14px; 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; }*/ .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:230px; margin-left: 15px; margin-top: 20px; } .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/heidi.png); display: none; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ .banner-2{ height: 425px; background-repeat: no-repeat; background-position: center; background-size: cover; } .erji{ padding: 80px 0 95px; background-color: #fff; } .erji-padd{ background-repeat: no-repeat; background-position: center; background-size: cover; } .erji-title{ font-size: 72px; font-family: "Impact"; position: relative; color:rgba(51,51,51,0.05); text-transform: uppercase; text-align: center; line-height: 1; } .erji-title span{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 5; font-size: 50px; color: #333; left: 0; font-weight: bold; font-family: PingFang SC, PingFang SC-Regular, "苹方", "微软雅黑", sans-serif;; } .mm75 { margin-top: 75px; } .shipin-list dl{ margin: 0; margin-top: -4%; margin-left: -2%; } .shipin-list dd{ float: left; width: 23%; margin-left: 2%; margin-top: 4%; } .shipin-item{ box-shadow: 0px 0px 15px 0px rgba(4, 0, 0, 0.1); } .shipin-pic .imgbox_a{ padding-bottom: 70%; } .shipin-pic .imgbox_a::before{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; z-index: 10; background-color: #000; opacity: 0.3; } .shipin-pic .imgbox_a::after{ position: absolute; width: 49px; height: 49px; left: 50%; top: 50%; content: ""; z-index: 20; margin-left: -25px; margin-top: -25px; background-image: url(../images/bo.png); background-size: 100%; } .shipin2-list .shipin-pic .imgbox_a{ padding-bottom: 66.67%; background-color: #F0F0F0; } .shipin2-list .shipin-pic .imgbox_a::before, .shipin2-list .shipin-pic .imgbox_a::after{ display: none; } .shipin-con{ background-color: #fff; padding: 40px 30px; } .shipin-con h1{ margin: 0; font-size: 14px; color: #666; } .shipin-con h2{ margin: 0; font-size: 26px; color: #333; font-weight: bold; line-height: 1.5; height: 3em; overflow: hidden; margin-top: 15px; } .shipin-item:hover .shipin-con h2{ color: #1565c0; } .fenye{ text-align: center; margin-top: 75px; } .fenye ul{ margin:0; } .xinwen-list dl{ margin: 0; margin-left: -3%; margin-top: -3%; } .xinwen-list dd{ float: left; width: 30.3333333%; margin-left: 3%; margin-top: 3%; } .xinwen-item{ box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25); position: relative; padding-bottom: 188px; } .xinwen-pic .imgbox_a{ padding-bottom: 57.725%; padding-bottom: 70%; } .xinwen-item .more1{ margin-top: 30px; opacity: 0; visibility: hidden; transition: .3s; } .xinwen-item .shipin-con{ height: 188px; position: absolute; width: 100%; left: 0; bottom: 0; transition: height .3s; } .xinwen-item:hover .shipin-con{ height: 238px; } .xinwen-item:hover .shipin-con .more1{ opacity: 1; visibility: visible; } .more1 a{ font-size: 14px; color: #666666; } .more1 a:hover{ font-weight: bold; color: #276bba; } .more1 img{ margin-left:20px; } .xinwen-item:hover .shipin-con h2{ color: #1565c0; } .xinwen-item::after{ position: absolute; width: 121px; height: 63px; background-image: url(../images/xinwen-j.png); background-repeat: no-repeat; background-position: center; content: ""; right:-17px; bottom: -19px; z-index: 10; } .danpian{ padding: 50px 0; } .danpian-left{ width: 1190px; background-color: #fff; box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.1); padding: 35px 65px 75px; min-height: 1000px; } .dan-mian{ font-size: 16px; color: #333; } .dan-mian a:hover, .dan-mian span{ color: #276bba; } .dan-zh{ font-size: 16px; color: #333; } .dan-zh span{ display: inline-block; vertical-align: middle; width: 20px; height: 15px; background-repeat: no-repeat; background-position: center; cursor: pointer; margin-left: 10px; } #dan-span1{background-image: url(../images/z1.png);} #dan-span2{background-image: url(../images/z2.png);} #dan-span3{background-image: url(../images/z3.png);} #dan-span1.cur{background-image: url(../images/z1h.png);} #dan-span2.cur{background-image: url(../images/z2h.png);} #dan-span3.cur{background-image: url(../images/z3h.png);} .danpian1{ padding-bottom: 25px; border-bottom:1px solid #dcdde2; } .danpian-left-con{ padding-top: 45px; } .danpian-h1{ font-size: 36px; color: #333; font-weight: bold; text-align: center; } .danpian-content{ margin-top: 40px; color: #333; line-height: 2; } .danpian-content.cur1 *{font-size: 20px!important;font-family: 等线!important;} .danpian-content.cur2 *{font-size: 18px!important;} .danpian-content.cur3 *{font-size: 16px!important;} .danpian-content img[src*="fileTypeImages/icon"] { display: inline-block; margin: 0; } .danpian-content img{ display: block; margin: 0 auto 15px!important; } .danpian-right{ float: right; width: 350px; } .danpian-right1{ background-color: #fff; box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.1); padding: 20px 30px 10px; } .dan-red h1{ margin: 0; font-size:20px; color: #333; font-weight: bold; position: relative; } .dan-red h1::before{ position: absolute; width: 6px; top: 0; bottom: 0; content: ""; background-color: #1565c0; left: -30px; } .dan-red a.fr{ margin: 0; font-size:14px; color: #333; margin-top: 1px; } .dan-red a.fr:hover{ color: #1565c0; } .danpian-right1-dl dl{ margin: 0; } .danpian-right1-dl dd{ padding: 20px 0; } .danpian-right1-dl dd+dd{ border-top: 1px solid #dcdde2; } .danpian-right1-dl dd h1{ margin: 0; font-size: 16px; color: #333; line-height:2; } .danpian-right1-dl dd h1 a:hover{ color: #1565c0; } .danpian-right1-dl dd h2{ margin: 0; font-size: 14px; color: #333; margin-top: 8px; } .danpian-right2{ margin-top:30px; background-color: #f6f6f6; box-shadow: 0px 0px 15px 0px rgba(8, 1, 3, 0.2); padding: 20px 30px 30px; background-image: url(../images/dan2.jpg); background-repeat: no-repeat; background-position: center bottom; } .dan2-er{ margin-top: 20px; font-size: 16px; color: #333; line-height: 2; text-align: center; padding: 0 5px; } .dan2-er span{ color: #1565c0; } .dan2-er img{ display: block; width: 144px; margin: 0 auto 15px; } .gonggao-list{ padding: 0 40px; } .gonggao-list dl{ margin: 0; border-top: 1px solid #dddddd; } .gonggao-list dd{ padding: 25px 0; border-bottom: 1px solid #dddddd; padding-right: 170px; position: relative; } .gonggao-list dd::after{ position: absolute; width: 33px; height: 33px; background-image: url(../images/jt2.png); background-size: 100%; content: ""; top: 50%; transform: translateY(-50%); right: 35px; transition: background-image .3s; } .gonggao-date{ width: 82px; height:112px; margin-right:25px; background-color: #f6f6f6; text-align: center; padding-top: 15px; transition: background-color .3s; } .gonggao-date h1{ margin: 0; font-size: 50px; color: #276bba; font-family: "Impact"; line-height: 1; transition: color .3s; } .gonggao-date h2{ margin: 0; font-size:14px; color: #999; line-height: 1; margin-top: 10px; transition: color .3s; } .gonggao-con{ overflow: hidden; padding-top: 8px; padding-left: 0; transition: padding-left .3s; } .gonggao-con h1{ margin: 0; font-size: 26px; color: #333; font-weight: bold; transition: color .3s; } .gonggao-con h2{ margin: 0; font-size: 14px; color: #999; margin: 15px 0 12px; } .gonggao-con h2 img{ margin-top: -3px; margin-right: 5px; } .gonggao-con p{ margin: 0; font-size: 16px; color: #666; } .gonggao-list dd:hover .gonggao-date{ background-color: #276bba; } .gonggao-list dd:hover .gonggao-date h1{ color: #fff; } .gonggao-list dd:hover .gonggao-date h2{ color: #fff; } .gonggao-list dd:hover .gonggao-con{ padding-left: 20px; } .gonggao-list dd:hover::after{ background-image: url(../images/jt2h.png); } .gonggao-list dd:hover .gonggao-con h1{ color: #276bba; } .pro-list dl{ margin: 0; margin-left: -3%; margin-top: -3%; } .pro-list dd{ float: left; width: 30.3333333%; margin-left: 3%; margin-top: 3%; } .pro-item{ background-color: #fff; box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.1); padding: 40px 40px 60px; } .pro-title h1{ margin: 0; font-size: 16px; color: #666; } .pro-title h2{ margin: 0; font-size: 26px; color: #333; font-weight: bold; margin-top: 10px; line-height: 1.5; } .pro-title h2 a:hover{ color: #1565c0; } .pro-pic .imgbox_a{ padding-bottom: 65.26%; } .pro-con-wp{ margin-top: 25px; position: relative; } .pro-con2{ position: absolute; width: 100%; left: 0; top: 0; bottom: 0; z-index: 20; background-color: #f5f5f5; padding: 30px 55px 0; opacity: 0; transition: opacity .3s; visibility: hidden; } .pro-con2.cur{ opacity: 1; visibility: visible; } .pro-con2 ul{ margin: 0; } .pro-con2 li+li{ padding-top: 15px; margin-top: 15px; border-top:1px solid #e2e2e2; } .pro-con2 li h1{ margin: 0; font-size: 18px; color: #333; text-align: center; } .pro-con2 li h2{ margin: 0; font-size: 18px; color: #333; text-align: center; margin-top: 10px; } .pro-con2 li img{ display: block; width: 115px; margin: 15px auto 0; } .pro-con1{ position: relative; z-index: 15; } .pro-con1-p{ font-size: 16px; color: #999; line-height: 2; height: 4em; overflow: hidden; margin-top: 25px; } .pro-con1-p p{margin: 0;} .pro-a-wp{ margin-top:25px; } .pro-a{ width: 46.5%; } .pro-a a{ display: block; height: 49px; line-height: 47px; border: 1px solid #999999; text-align: center; position: relative; } .pro-a a::after{ position: absolute; width: 0; top: 0; bottom: 0; content: ""; background-color: #1565c0; z-index: 10; transition: width .3s; left: 0; } .pro-a a span{ font-size: 16px; color: #666; position: relative; z-index: 25; transition: color .3s; } .pro-a a:hover::after{ width: 100%; } .pro-a a:hover span{ color: #fff; } .banner-3{ height: 1000px; background-repeat: no-repeat; background-position: center; background-size: cover; } .banner-3-con{ padding-top: 285px; } .banner-3-con .erji-title{ text-align: left; color: rgba(255,255,255,0.05); } .banner-3-con .erji-title span{ color: #fff; } .banner-3-con-h2{ font-size: 34px; color: #fff; font-weight: bold; margin-top: 22px; } .banner-3-menu{ padding-top:280px; position: relative; } .banner-3-menu::before{ position: absolute; width: 1px; content: ""; background-color: #fff; opacity:0.3; top: 40px; height: 186px; } .banner-3-menu dl{ margin: 0; } .banner-3-menu dd{ float: left; } .banner-3-menu dd+dd{ margin-left:30px; } .banner-3-menu dd>a{ font-size: 22px; color: #fff; } .banner-3-menu dd.cur>a, .banner-3-menu dd>a:hover{ font-weight: bold; } .map img{ display: block; margin: 0 auto; } .contact-div{ margin-top: 45px; } .contact-div .erji-title{ text-align: left; } .contact-dl1 dl{ margin: 0; font-size: 0; line-height: normal; margin-left: -5%; } .contact-dl1 dd{ width: 45%; margin-left: 5%; display: inline-block; vertical-align: top; margin-top: 50px; } .contact-dl1 dd h1{ margin:0; font-size:30px; color: #333; font-weight: bold; height: 72px; } .contact-dl1 dd h2{ margin:0; font-size:22px; color: #333; line-height: 1.5; margin-top: 18px; padding-top: 15px; padding-left: 39px; border-top: 1px solid #dedede; background-repeat: no-repeat; background-position: left 21px; background-image: url(../images/ding.png); } .contact-dl2{ margin-top: 100px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding: 40px 0; } .contact-dl2 dl{ margin: 0; margin-left: -2%; } .contact-dl2 dd{ float: left; width: 31.33333333%; margin-left: 2%; font-size: 22px; color: #333; background-repeat: no-repeat; background-position: left 5px; } .contact-dl2 dd span{ padding: 0 22px 0 40px; font-weight: bold; } .news1{ padding: 90px 0 113px; background-color: #ffffff; } .news2{ padding: 115px 0; background-color: #f6f6f6; } .news3{ padding: 115px 0 90px; background-color: #ffffff; } .news4{ padding: 100px 0; min-height: 900px; background-image: url(../images/news4-bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative; overflow: hidden; } .news4::before{ position: absolute; width: 791px; height: 623px; top: 0; z-index: 10; left: 50%; transform: translateX(-50%); background-repeat: no-repeat; background-position: center; background-image: url(../images/news4-bg00.png); content: ""; display: none!important; } .news4-yuan{ width: 844px; height: 844px; position: absolute; left: 50%; margin-left: -422px; top: -250px; z-index: 5; padding-left: 150px; padding-top: 400px; } .news4-yuan-nei{ -webkit-animation:qiuqiu 40s infinite linear;/*匀速 循环*/ -o-animation:qiuqiu 40s infinite linear;/*匀速 循环*/ animation:qiuqiu 40s infinite linear;/*匀速 循环*/ animation-iteration-count:infinite; animation-fill-mode:both; } .news4-yuan-zhong{ -webkit-animation:qiuqiu 60s infinite linear;/*匀速 循环*/ -o-animation:qiuqiu 60s infinite linear;/*匀速 循环*/ animation:qiuqiu 60s infinite linear;/*匀速 循环*/ animation-iteration-count:infinite; animation-fill-mode:both; animation-direction: reverse; } .news4-yuan-wai{ -webkit-animation:qiuqiu 80s infinite linear;/*匀速 循环*/ -o-animation:qiuqiu 80s infinite linear;/*匀速 循环*/ animation:qiuqiu 80s infinite linear;/*匀速 循环*/ animation-iteration-count:infinite; animation-fill-mode:both; } .news4-yuan-line{ position: absolute; width: 100%; left: 0; top: 0; z-index: 3; } .news4-yuan-line img{ display: block; width: 100%; } .news4-yuan-con-wp{ position: relative; z-index: 8; } .news4-dhui{ position: absolute; width: 350px; z-index: 15; } .news4-dhui img{ display: block; width: 100%; } .news4-yuan-con{ padding-left: 218px; padding-top: 80px; position: relative; z-index: 50; } .news4-yuan-con-h1-item{ font-size: 30px; font-weight: bold; color: #333; letter-spacing: 5px; position: relative; line-height: 1; } .news4-yuan-con-h1-item+.news4-yuan-con-h1-item{ margin-left:30px; } .news4-yuan-con-h1-item span{ position: relative; z-index: 55; } .news4-yuan-con-h1-item::after{ position: absolute; width: 63px; height: 6px; content: ""; background-color: #ec1b24; left: 0; bottom: 0; z-index: 10; } .news4-yuan-con-h2{ display: inline-block; font-size: 30px; font-weight: bold; color: #fff; letter-spacing: 5px; background-color: #f4bc4e; padding: 7px 15px; border-radius: 5px; line-height: 1; margin-top: 28px; } .news4 .container{ position: relative; z-index: 25; } .more11{ margin-top: 60px; } .more11>a{ display: block; width: 263px; height: 59px; line-height: 57px; font-size: 16px; color: #333; padding-left: 30px; border: 1px solid #d6d6d6; margin: 0 auto; position: relative; } .more11>a span{ z-index: 15; position: relative; transition: color .3s; } .more11>a::before{ position: absolute; width: 0; height: 100%; top: 0%; left: 0; background-color: #276bba; content: ""; z-index: 10; transition: width .3s; } .more11>a::after{ position: absolute; width: 48px; height: 10px; top: 50%; margin-top: -5px; right: 25px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/jt3.png); content: ""; z-index: 30; transition: .3s; } .more11>a:hover span{ color: #fff; } .more11>a:hover::before{ width: 100%; } .more11>a:hover::after{ right: 15px; background-image: url(../images/jt3h.png); } .mm65{ margin-top:65px; } .news1-1{ width: 970px; } .news1-1-item{ width: 48%; } .news1 .more1{ margin-top: 30px; } .news1-2{ width: 598px; } .news1-2 dl{ margin: 0; } .news1-2 dd+dd{ margin-top: 40px; } .news1-2 dd{ background-color: #fff; padding: 35px 50px 30px 0; box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.1); } .news1-2-date{ width: 117px; text-align: center; margin-top: 4px; } .news1-2-date h1{ margin: 0; font-size: 50px; color: #276bba; line-height: 1; font-family: 'Impact'; } .news1-2-date h2{ margin: 0; font-size: 14px; color: #666; margin-top: 5px; } .news1-2-a{ overflow: hidden; font-size: 26px; color: #333; font-weight: bold; line-height: 1.5; height: 3em; } .news1-2-a a:hover{ color: #276bba; } .news2-dl{ padding-bottom: 30px; } .news2-dl dl{ margin: 0; margin-left: -5%; margin-top: -5%; } .news2-dl dd{ float: left; width: 45%; margin-left: 5%; margin-top: 5%; } .news2-pic{ width: 173px; margin-right: 37px; } .news2-pic .imgbox_a{ padding-bottom: 100%; border-radius: 50%; } .news2-con{ padding-top: 15px; overflow: hidden; } .news2-a{ overflow: hidden; font-size: 26px; color: #333; font-weight: bold; line-height: 1.5; height: 3em; } .news2-a a:hover{ color: #276bba; } .news2-date{ display: inline-block; padding: 7px 28px; background-color: #276bba; font-size: 14px; color: #fff; border-radius: 999em; margin-top: 25px; } .news3 .news-div{ margin-left: -15px; margin-right: -15px; } .news3-list .item{ padding: 15px; } .news3 .news-div.mm65{ margin-top: 50px; } .news4-dl{ position: relative; } .news4-dl dl{ margin: 0; } .news4-dl dd{ position: absolute; width: 390px; padding-left: 138px; background-repeat: no-repeat; background-position: left top; } .news4-dl dd.ddd1{background-image: url(../images/news4-num1.png);} .news4-dl dd.ddd2{background-image: url(../images/news4-num2.png);} .news4-dl dd.ddd3{background-image: url(../images/news4-num3.png);} .news4-dl dd.ddd4{background-image: url(../images/news4-num4.png);} .news4-dl dd.ddd5{background-image: url(../images/news4-num5.png);} .news4-dl dd h1{ margin: 0; font-size: 24px; color: #333; } .news4-dl dd h2{ margin: 0; font-size: 36px; color: #333; font-weight: bold; margin-top: 10px; } .news4-dl dd.ddd1{ left: 0; top: 120px; } .news4-dl dd.ddd2{ left: 130px; top: 315px; } .news4-dl dd.ddd3{ left: 50%; top: 500px; margin-left: -195px; } .news4-dl dd.ddd4{ right: 60px; top: 315px; } .news4-dl dd.ddd5{ right: -30px; top: 120px; } .touzi1{ background-color: #fff; padding: 140px 0 125px; } .touzi2{ padding:110px 0; background-color: #f3f3f3; } .touzi2-item{ width: 47.5%; } .touzi2-item .more11>a{ margin: 0; } .touzi2-item .erji-title{ text-align: left; white-space: nowrap; } .touzi2-dl{ margin-top: 35px; } .touzi2-dl dl{ margin: 0; border-top: 2px solid #fff; } .touzi2-dl dd{ padding: 35px 0; padding-right:35px; border-bottom: 2px solid #fff; background-image: url(../images/jt4.png); background-repeat: no-repeat; background-position: right center; } .touzi2-dl dd h1{ margin: 0; font-size: 14px; color: #666; } .touzi2-dl dd h2{ margin: 0; font-size: 22px; color: #333; font-weight: bold; margin-top: 15px; } .touzi2-dl dd h2 a:hover{ color: #276bba; } .touzi3{ padding: 110px 0; background-color: #fff; } .touzi3-1{ width: 456px; } .touzi3-1 .more1{ margin-top: 35px; } .touzi3-2{ overflow: hidden; } .touzi3-2-item{ width: 45%; margin-left: 5%; float: left; } .touzi3-2-item .touzi2-dl{ margin-top: 0; } .touzi3-2-item .touzi2-dl dl{ border-color: #f3f3f3; } .touzi3-2-item .touzi2-dl dd{ border-color: #f3f3f3; padding-right: 0; background-image: none; } .touzi4{ height: 696px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/touzi4-bg.jpg); padding-top: 90px; } .touzi4-div .contact-dl2{ margin-top: 0; border: 0; padding: 0; padding-left: 95px; padding-right:360px; } .touzi4-div .contact-dl2 dd{ width: 48%; margin-bottom: 35px; float: left; margin-top: 0; margin-left: 2%; } .touzi1-1{ width: 700px; margin-right:140px; padding-left: 65px; } .touzi1-1 h1{ margin: 0; font-size: 22px; color: #333; font-weight: bold; } .touzi1-1 dl{ display: flex; justify-content: space-between; margin: 40px 0 50px; } .touzi1-1 dd h2{ margin: 0; font-size: 20px; color: #333; } .touzi1-1 dd h3{ margin: 0; font-size: 40px; color: #333; margin-top: 15px; } .touzi1-1 h4{ margin: 0; font-size: 20px; color: #333; } .touzi1-jw{ margin-top: 30px; } .touzi1-jw .fl{ font-size: 30px; font-weight: bold; color: #333; } .touzi1-jw .fl span{ font-size: 72px; } .touzi1-jw .fl img{ margin: 0 15px; } .touzi1-jw .fr{ font-size: 16px; color: #333; line-height: 2; margin-top: 18px; margin-right: 80px; } .touzi1-2{ overflow: hidden; padding-right: 208px; } .touzi1-2-dl{ padding-right: 50px; } .touzi1-2-dl dl{ margin: 0; } .touzi1-2-dl dd{ float: left; width: 25%; height: 43px; line-height: 43px; font-size:22px; color: #333; text-align: center; cursor: pointer; font-weight: bold; } .touzi1-2-dl dd:hover{ color: #ec1b24; } .touzi1-2-dl dd.cur{ background-color: #ec1b24; color: #fff!important; } .touzi1-2-img-wp{ margin-top: 28px; } .touzi1-2-img-wp .touzi1-2-img{display: none;} .touzi1-2-img-wp .touzi1-2-img:first-child{display: block;} .touzi1-2-img img{ display: block; width: 100%; } .renli1{ padding: 55px 0 68px; } .renli1-div{ width: 1445px; /*height: 1524px;*/ margin: 0 auto; background-image: url(../images/renli1-bg.png); background-repeat: no-repeat; background-position: center top; padding: 28px 20px 0 137px; } .renli1-bt{ position: relative; padding-left: 107px; left: 65px; } .renli1-bt span{ position: absolute; width: 107px; font-size: 80px; color: #333333; opacity: 0.1; left: 0; top: 50%; transform: translateY(-50%); font-family: 'Impact'; line-height: 1; } .renli1-bt h1{ margin: 0; font-size: 30px; font-weight: bold; color: #333; } .renli1-bt h2{ margin: 0; font-size: 22px; color: #666; margin-top: 13px; } .renli1-img{ margin-top: 60px; } .renli1-img img{ display: block; } .renli1-2{ margin-top: 120px; } .renli1-2 .renli1-img{ padding-left:40px ; } .renli1-3{ margin-top:180px; } .renli2 img{ display: block; width: 100%; } .renli3{ padding: 95px 0; background-color: #fff; } .renli3-1{ width: 425px; margin-right: 60px; } .renli3-1 h1{ margin: 0; font-size: 24px; color: #333; font-weight: bold; line-height: 1.8; text-align: right; } .renli3-1 h2{ margin: 0; font-size: 22px; color: #333; text-align: right; margin-top: 30px; } .renli3-1 h2 span{ font-size: 36px; color: #276bba; font-family: 'Impact'; padding: 0 16px; } .renli3-2{ width: 900px; } .renli3-2 dl{ margin: 0; } .renli3-2 dd{ float: left; width: 25%; padding: 0 15px; } .renli3-2 dd img{ display: block; width: 58px; margin: 0 auto; } .renli3-2 dd h1{ margin: 0; font-size: 18px; color: #333; text-align: center; margin: 22px 0 13px; } .renli3-2 dd h1 span{ font-size: 46px; color: #333; font-family: 'Impact'; padding-right: 7px; } .renli3-2 dd h2{ margin: 0; font-size: 22px; color: #333; text-align: center; } .renli3-3{ text-align: center; margin-top: 70px; margin-right: 120px; } .renli3-3 a{ font-size: 16px; color: #333; } .renli3-3 a:hover{ color: #276bba; font-weight: bold; } .renli3-3 img{ display: block; margin: 20px auto 0; } .renli4{ position: relative; border-bottom:10px solid #fff; overflow: hidden; } .renli4-title{ position: absolute; width: 100%; left: 0; top: 95px; z-index: 30; } .renli4-title .erji-title{color: rgba(255,255,255,0.05);} .renli4-title .erji-title span{color: #fff;} .renli4-item-wp{ position: relative; z-index: 25; } .renli4-item{ float: left; width: 33.3333333%; height: 906px; background-repeat: no-repeat; background-position: center; background-size: cover; padding:194px 80px 0; } .renli4-item+.renli4-item{ border-left: 1px solid #fff; } .renli4-item-title{ padding-top: 26px; background-repeat: no-repeat; background-position: left top; background-image: url(../images/yin.png); } .renli4-item-title h1{ margin: 0; font-size: 30px; font-weight: bold; color: #fff; } .renli4-item-title h2{ margin: 0; font-size: 22px; font-weight: bold; color: #fff; margin-top: 13px; } .renli4-con-wp{ margin-top: 25px; position: relative; padding-top: 80px; } .renli4-con-wp::before{ position: absolute; width: 1px; content: ""; height: 74px; background-color: #fff; left: 0; top: 0; opacity:0.3; } .renli4-con{ font-size: 22px; color: #fff; line-height: 1.8; } .renli4-tu{ width: 325px; margin: 0 auto; position: relative; top:-100px ; } .about1{ padding: 77px 0 180px; background-image: url(../images/about1-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .about1-img{ width: 651px; margin-right: 62px; margin-left: 145px; } .about1-img a,.about1-img img{ display: block; width: 100%; } .about1-con-wp{ overflow: hidden; padding-top: 80px; } .about1-con-wp .erji-title{text-align: left;} .about1-con{ margin-top: 20px; } .about1-con h1{ margin: 0; font-size:30px; color: #276bba; font-weight: bold; } .about1-con p{ margin: 0; font-size:26px; color: #333; line-height: 1.8; margin-top: 20px; } .about1-con-wp .more11{ margin-top: 0; } .about1-con-wp .more11>a{ margin: 0; } .about1-dl{ margin: 50px 0 65px; } .about1-dl dl{ margin: 0; margin-left: -2%; } .about1-dl dd{ float: left; width: 31.333333%; margin-left: 2%; } .about1-dl dd img{ display: block; width: 68px; margin: 0 auto; } .about1-dl dd h2{ margin: 0; font-size:20px; color: #333; text-align: center; margin: 25px 0 15px; } .about1-dl dd h2 span{ font-family: 'Impact'; font-size: 46px; margin-right: 10px; } .about1-dl dd h3{ margin: 0; font-size:26px; color: #333; text-align: center; } .about2{ padding:110px 0; background-color: #fff; } .about2-list{ margin: 0 auto; width: 1040px; } .about2-list ul{ margin: 0; } .about2-list li{ position: relative; border-bottom: 1px solid #ccc; } .about2-list li:first-child{ border-top: 1px solid #ccc; } .about2-list li::before{ position: absolute; width: 80px; border: 1px solid #ccc; border-right: 0; content: ""; left: -80px; top: 0; bottom: 0; border-top-left-radius: 999em; border-bottom-left-radius: 999em; } .about2-list li::after{ position: absolute; width: 44px; height: 44px; top: 50%; margin-top: -22px; content: ""; background-image: url(../images/about2-ico.png); background-size: 100%; left: -100px; } .about2-list li:nth-child(even)::before{ left: auto; right: -80px; border: 1px solid #ccc; border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 999em; border-bottom-right-radius: 999em; } .about2-list li:nth-child(even)::after{ left: auto; right: -100px; } .about2-li{ position: relative; } .about2-nian{ position: absolute; width: 110px; text-align: center; font-size: 40px; color: #333; font-family: "Impact"; top: 50%; transform: translateY(-50%); left: 0; } .about2-list li:nth-child(even) .about2-nian{ left: auto; right: 0; } .about2-dl{ padding-left: 125px; } .about2-dl dl{ margin: 0; min-height: 170px; display: flex; flex-direction: column; justify-content: center; } .about2-list li:nth-child(even) .about2-dl{ padding-right: 125px; } .about2-dl dd{ font-size: 26px; color: #333; padding-left: 22px; background-image: url(../images/about2-dd.png); background-repeat: no-repeat; background-position: left 15px; line-height: 1.5; width: 100%; } .about2-dl dd+dd{ margin-top: 5px; } .about3{ padding: 245px 0 50px; background-image: url(../images/about3-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 1008px; } .about3-1{ width: 760px; margin-right: 120px; } .about3-1 .poster-item .imgbox_a{ padding-bottom: 66.67%; } .poster-main { position: relative; } .poster-main .poster-list { width: 760px; height: 400px; } .poster-main .poster-list .poster-item { width: 600px; height: 400px; position: absolute; left: 0; top: 0; opacity: 1!important; } .poster-main .poster-prev-btn { left: 0; top: 0; position: absolute; cursor: pointer; } .poster-main .poster-next-btn { right: 0; top: 0; position: absolute; cursor: pointer; } .about3-width{ width: 600px; height: 0; } .about3-2{ overflow: hidden; padding-top:40px; } .about3-2 .erji-title{ text-align: left; } .about3-2-con-p{ font-size: 26px; color: #333; line-height: 2; height: 4em; overflow: hidden; margin: 50px 0 70px; } .about3-2-con .more11 {margin-top:0 ;} .about3-2-con .more11>a{ margin: 0; } .about4{ padding: 110px 0; background-image: url(../images/about4-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .about4-list .item{ padding: 30px; } .about4-item{ background-color: #fff; padding: 60px 50px 55px; box-shadow: 0px 0px 30px 0px rgba(8, 1, 3, 0.15); } .about4-img{ width: 239px; margin: 0 auto; position: relative; padding-bottom: 35px; } .about4-img::after{ position: absolute; width: 175px; height: 1px; content: ""; background-color: #d8d8d8; bottom:3px; left: 50%; transform: translateX(-50%); z-index: 15; } .about4-img::before{ position: absolute; width: 68px; height: 4px; content: ""; background-color: #276bba; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 30; } .about4-img img{ display: block; width: 100%; } .about4-item h1{ margin: 0; font-size: 26px; color: #333; font-weight: bold; text-align: center; line-height: 1.5; height: 3em; overflow: hidden; margin: 25px 0 20px; } .about4-item p{ margin: 0; font-size: 26px; color: #333; line-height: 1.8; height: 5.4em; overflow: hidden; } .about4-item .more11{ margin-top: 35px; } .about4-list .owl-nav button.owl-prev{ position: absolute; left:-50px; top: 50%; margin-top: -49px; width: 47px; height: 98px; background-image: url(../images/left.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; } .about4-list .owl-nav button.owl-next{ position: absolute; right:-50px; top: 50%; margin-top: -49px; width: 47px; height: 98px; background-image: url(../images/right.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; } .about5{ padding: 80px 0 73px; background-image: url(../images/about5-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .about5-div{ padding: 186px 40px; } .about5-dl dl{ margin: 0; } .about5-dl{ border-left:1px solid #d0d0d0; } .about5-dl dd{ float: left; width: 25%; height: 480px; border-right:1px solid #d0d0d0; position: relative; } .about5-dl dd:nth-child(odd)::before{ position: absolute; left: -1px; right: -1px; top: 100%; height: 186px; content: ""; border: 1px solid #d0d0d0; border-top: 0; border-bottom-left-radius: 186px; border-bottom-right-radius: 186px; } .about5-dl dd:nth-child(even)::before{ position: absolute; left: -1px; right: -1px; bottom: 100%; height: 186px; content: ""; border: 1px solid #d0d0d0; border-bottom: 0; border-top-left-radius: 186px; border-top-right-radius: 186px; } .about5-pic{ width: 245px; position: relative; } .about5-pic.visible-lg-block{ margin-top:40px; } .about5-pic img{ display: block; width: 100%; } .about5-dl dd:nth-child(odd) .about5-pic{ top: -45px; } .about5-con{ padding:0 30px 0 20px; } .about5-con h1{ margin: 0; font-size:30px; color: #333; font-weight: bold; } .about5-con h1 a:hover{ color: #276bba; } .about5-con-p{ font-size: 26px; color: #333; line-height: 1.8; height: 5.4em; overflow: hidden; margin-top: 15px; } .cpfw1{ padding: 115px 0; background-image: url(../images/cpfw1-bg.jpg); } .cpfw1-1{ width: 730px; margin-left: 40px; margin-top: 230px; } .cpfw1-1 .erji-title{ text-align: left; } .cpfw-p{ font-size: 26px; color: #333; line-height: 1.6; } .cpfw1-1 .cpfw-p{ margin: 50px 0 65px; } .cpfw1-1 .more11{ margin-top:0px; } .cpfw1-1 .more11>a{ margin-left: 0; } .cpfw1-1 .more11>a{ border-color: #c1bdc2; } .cpfw1-2{ width: 456px; } .cpfw1-2 img{ display: block; width: 100%; } .cpfw2{ padding: 170px 0; background-image: url(../images/cpfw2-bg.jpg); } .cpfw2-1{ width: 726px; margin-top: 100px; margin-right: 32px; } .cpfw2-1 img{ display: block; width: 100%; } .cpfw2-2{ overflow: hidden; } .cpfw2-2 .erji-title{ text-align: left; color: rgba(255,255,255,0.05); } .cpfw2-2 .erji-title span{ color: #fff; } .cpfw2-2 .more11>a{ margin-left: 0; border-color: #fff; color: #fff; } .cpfw2-2 .more11>a::after{ background-image: url(../images/jt3h.png); } .cpfw2 .more11>a::before{background-color: #fff;} .cpfw2 .more11>a:hover span {color: #333;} .cpfw2 .more11>a:hover::after{ background-image: url(../images/jt3.png); } .cpfw2-dl dl{ margin: 0; margin-left: -2%; font-size: 0; line-height: normal; } .cpfw2-dl dd{ display: inline-block; vertical-align: top; width: 48%; margin-left: 2%; min-height: 87px; padding-left: 115px; background-repeat: no-repeat; background-position: 0 0; font-size: 0; color: #fff; padding-top: 13px; margin-top: 70px; } .cpfw2-dl dd span{ display: inline-block; font-size: 26px; color: #fff; position: relative; line-height: 1; } .cpfw2-dl dd span::after{ position: absolute; width: 100%; left: 0; bottom: 0; height: 5px; background-color: #f5a14b; content: ""; z-index: 10; } .cpfw2-dl dd span i{ font-style: normal; font-weight: bold; position: relative; z-index: 30; } .cpfw2-dl dd p{ margin: 0; font-size: 26px; color: #fff; margin-top: 3px; } .cpfw2-2 .more11{ margin-top: 100px; } .cpfw3{ padding: 220px 0 255px; background-color: #fff; background-size: auto; background-image: url(../images/cpfw3-bg.png); background-position: center bottom; position: relative; z-index: 50; } .cpfw3-fj{ position: absolute; width: 894px; right: 0; top: -100px; z-index: 15; } .cpfw3 .container{ position: relative; z-index: 30; } .cpfw3-dl{ width: 710px; margin-right: 88px; } .cpfw3-dl dl{ margin: 0; margin-left: -3%; margin-top: -3%; } .cpfw3-dl dd{ float: right; width: 30.33333%; margin-left: 3%; margin-top: 3%; } .cpfw3-dl dd .imgbox_a{ padding-bottom: 69.6%; } .cpfw3-dl dd:nth-child(5){ margin-left: 33.3333%; } .cpfw3-2{ overflow: hidden; } .cpfw3-2 .erji-title{ text-align: left; } .cpfw3-2-dl{ padding: 35px 0 60px; } .cpfw3-2-dl dl{ margin: 0; } .cpfw3-2-dl dd{ float: left; font-size: 26px; color: #333; text-align: center; width: 105px; } .cpfw3-2-dl dd+dd{ margin-left: 50px; } .cpfw3-2-ico{ height: 105px; border: 1px solid #cfcfcf; margin-bottom: 12px; } .cpfw3-2-ico-bg{ height: 100%; background-repeat: no-repeat; background-position: center; position: relative; transition: .3s; } .cpfw3-2-dl dd:hover .cpfw3-2-ico-bg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); /* Safari å’Œ Chrome */ -moz-transform: rotateY(180deg); /* Firefox */ } .cpfw3-2 .more11{ margin-top: 0; } .cpfw3-2 .more11>a{ margin-left: 0; } .cpfw3-2 .cpfw-p{ margin-top: 45px; } .cpfw4{ background-image: url(../images/cpfw4-bg.jpg); padding: 160px 0; } .cpfw4 .erji-title{ text-align: left; font-size: 0; } .cpfw4 .erji-title span{ position: relative; top: 0; transform: translateY(0); } .cpfw4-1{ width: 350px; margin-right: 90px; } .cpfw4-1-dl{ width: 211px; } .cpfw4-1-dl dl{ margin: 0; } .cpfw4-1-dl dd+dd{ margin-top:30px; } .cpfw4-1-dl dd .imgbox_a{ padding-bottom: 69.668%; } .cpfw4-1 .cpfw-p{ overflow: hidden; writing-mode: vertical-rl; writing-mode: tb-rl; height: 500px; } .cpfw4-2{ margin-top: 228px; } .cpfw4-2 .cpfw3-2-dl{ padding: 0; } .cpfw5{ background-image: url(../images/cpfw5-bg.jpg); padding: 160px 0 90px; } .cpfw5-1{ width: 678px; margin-right: 120px; margin-top: 75px; } .cpfw5-1 img{ display: block; width: 100%; } .cpfw5-2{ overflow: hidden; } .cpfw5-2 .erji-title{ text-align: left; } .cpfw5-2 .cpfw-p{ margin-top:35px; } .cpfw5-2-dl{ padding: 30px 0 55px; } .cpfw5-2-dl dl{ margin: 0; } .cpfw5-2-dl dd{ float: left; width: 159px; } .cpfw5-2-dl dd:first-child{ margin-top: 65px; } .cpfw5-2-dl dd:last-child{ margin-top: 40px; } .cpfw5-2-dl dd+dd{ margin-left: 45px; } .cpfw5-2-dl dd .imgbox_a{ padding-bottom: 225.16%; } .cpfw5-2 .more11{ margin-top: 0; } .cpfw5-2 .more11>a{ margin-left: 0; } .cpfw6{ background-image: url(../images/cpfw6-bg.jpg); padding: 120px 0 90px; } .cpfw6 .erji-title{ color: rgba(255,255,255,0.05); } .cpfw6 .erji-title span{ color: #fff; } .cpfw6-1{ margin-right: 23px; margin-top: 30px; width: 785px; } .cpfw6-1 img{ display: block; width: 100%; } .cpfw6-2{ margin-right: 75px; width: 615px; } .cpfw6-2 img{ display: block; width: 100%; } .cpfw6-3{ margin-top: 60px; } .cpfw6-3 img{ display: block; margin: 0 auto; } .cpfw7{ background-image: url(../images/cpfw7-bg.jpg); padding: 140px 0 300px; } .cpfw7-list .item{ padding: 32px; } .cpfw7-list .item .imgbox_a{ padding-bottom: 142.13%; box-shadow: 1px 5px 32px 0px rgba(8, 1, 3, 0.2); } .cpfw7-div{ padding: 0 100px; } .cpfw{ border-bottom:10px solid #fff; } .cpfw8{ background-image: url(../images/cpfw8-bg.jpg); position: relative; } .cpfw8 .erji-title{ color: rgba(255,255,255,0.05); } .cpfw8 .erji-title span{ color: #fff; } .cpfw8-lan{ position: absolute; width: 100%; left: 0; top: 0; height: 100%; z-index: 5; background-color: #0c5091; opacity: 0.9; } .cpfw8-list{ position: relative; z-index: 15; } .cpfw8-list ul{ margin: 0; } .cpfw8-list li{ float: left; width: 33.33333333333%; height: 973px; position: relative; } .cpfw8-list li+li{ border-left: 1px solid rgba(255,255,255,0.3); } .cpfw8-li{ position: absolute; width: 100%; text-align: center; top: 50%; left: 0; transform: translateY(-50%); z-index: 15; font-size:26px; color: #fff; } .cpfw8-ico{ width: 93px; height: 93px; margin: 0 auto 35px; background-color: #f5a14b; background-repeat: no-repeat; background-position: center; } .cpfw8-li-con{ margin-top:60px; } .cpfw8-li-con-h1{ font-size: 26px; font-weight: bold; color: #fff; } .cpfw8-li-con dl{ margin: 0; } .cpfw8-li-con dd{ margin-top: 50px; } .cpfw8-li-con h1{ width: 206px; height: 38px; line-height: 38px; border-radius: 999em; background-color: #f5a14b; font-size: 26px; font-weight: bold; color: #fff; margin: 0 auto; } .cpfw8-li-con h2{ margin: 0; font-size: 26px; color: #fff; margin-top: 15px; line-height: 1.6; } .renli4-ddl dl{ margin: 0; } .renli4-ddl dd{ float: left; width: 50%; padding: 0 10px; text-align: center; margin-top: 25px; } .renli4-ddl dd h1{ margin: 0; font-size: 18px; color: #fff; font-weight: bold; } .renli4-ddl dd h1 span{ font-family: 'Impact'; font-size: 46px; color: #f5a14b; text-shadow: 3px 4px 5px rgba(8, 1, 3, 0.1); font-weight: normal; padding-right: 9px; } .renli4-ddl dd h2{ margin: 0; font-size: 22px; color: #fff; font-weight: bold; margin-top: 10px; } .job-wp{ padding: 50px 0; } .job-list dl{ margin:0; } .job-list dd+dd{ margin-top: 30px } .job-list dd{ padding: 28px 32px; border: 1px solid #c4c4c4; background-color: #fff; overflow: hidden; border-radius: 30px; } .job-title{ font-size: 18px; color: #000; height: 47px; line-height: 47px; } .job-dd{ position: relative; padding-left: 35px; padding-right: 135px; } .job-jjt{ position: absolute; left: 0; top: 50%; margin-top: -6px; width: 21px; height: 12px; background-image: url(../images/jjt.png); background-repeat: no-repeat; background-position: center; cursor: pointer; } .job-jjt.cur{ background-image: url(../images/jjt2.png); } .job-aa{ position: absolute; right: 0; top: 0; } .job-aa a { display: block; width: 115px; height: 47px; border-radius: 20px; border: 1px solid #4ebaff; color: #4ebaff; text-align: center; line-height: 45px; } .job-aa a:hover{ font-weight: bold; } .job-dd-con{ border-top: 1px solid #c4c4c4; line-height: 30px; color: #313030; margin-top: 28px; padding: 20px 0; font-size: 16px; display: none; }