/* siyuan */ *{ font-family: siyuan; } /*body{padding-top: 250px!important;}*/ .applicationMenu{ clear: both; width: 1200px; height: 50px; margin: 20px auto 0; position: relative; border-bottom: 1px solid #1797e9; } .applicationMenu ul { float: left; } .applicationMenu ul li{ padding: 0 20px; height: 50px; line-height: 50px; text-align: center; float: left; font-size: 16px; } .applicationMenu ul li a{ color: #747474; } .applicationMenu ul>li:first-child{ width: 200px; background: #1797e9; color: #fff; } .applicationMenu ul li a:hover{ color: #1797e9; } .applicationMenu >a{ float: right; color: #333; font-size: 19px; height: 50px; line-height:50px; display: inline-block; /*font-weight: bold; */ color:#1797e9; } .applicationMenu ol{ position: absolute; left: 0; top: 50px; height: 60px; line-height: 60px; background: #fff; width: 100%; z-index: 9999; } .applicationMenu ol li{ float: left; padding-left:80px; padding-right: 40px; } .applicationMenu ol li a{ font-size: 16px; color: #7f7f7f; } .applicationMenu ol li:nth-child(1){ background: url(../../../img/newMenu/application_Menu1.png)no-repeat; background-position-x: 40px; background-position-y: 10px; } .applicationMenu ol li:nth-child(2){ background: url(../../../img/newMenu/application_Menu2.png)no-repeat; background-position-x: 40px; background-position-y: 14px; } .applicationMenu ol li:nth-child(3){ background: url(../../../img/newMenu/application_Menu3.png)no-repeat; background-position-x: 40px; background-position-y: 12px; } .applicationMenu ol li:nth-child(4){ background: url(../../../img/newMenu/application_Menu4.png)no-repeat; background-position-x: 40px; background-position-y: 14px; } .applicationMenu ol li:nth-child(5){ background: url(../../../img/newMenu/application_Menu5.png)no-repeat; background-position-x: 40px; background-position-y: 10px; } /* 搜索 */ .search{ margin-bottom: 72px; height: 55px; } .search .searchLeft{ width: 670px; float: left; } .search{ margin-top: 30px; } .search .search-inp{ vertical-align: top; margin-top: -8px; } .search .searchLeft ul li { float: left; margin-left: 30px; } .search .searchLeft ul li:hover{ padding: 3px; box-shadow:0 0 2px 2px #efefef; } .search .searchLeft ul li img{ margin-right: 16px; } .search .searchLeft ul li span{ font-size: 18px; color: #7a7878 } .search .searchLeft ul li:first-child{ margin-left: 18px; } .search .search-inp{ float: left; width:512px; } .search .search-inp div{ width: 465px; } .search .search-inp input{ width: 406px; } .applicationTitle { clear: both; text-align: center; position: relative; } .dingwei{ position: absolute; top:-130px } .applicationTitle h4{ font-weight: normal; font-size: 19px; color: #6e6e6e; margin-bottom: 16px; } .applicationTitle span{ display: inline-block; font-size: 21px; color: #1f1f1f; margin-right: 5px; } .applicationTitle a{ display: inline-block; width: 163px; height: 30px; text-align: center; color: #fff; line-height: 28px; background: #1797e9; border-radius: 15px; vertical-align: top; } .applicationTitle a:hover{ background: #fff; color: #333; box-shadow: 0 4px 10px #ccc; } /* 品牌建设 */ .applicationJs { position: relative; height: 490px; width: 100%; z-index: 6; margin-top: 24px; } .applicationJs .jsLeft{ position: absolute; left: 0; top: 0; background: url(../../../img/newMenu/application_Menu6.png) no-repeat; background-size:100% 100%; width: 1016px; height: 100%; z-index: 10; } .applicationJs .jsLeft{ padding-top: 130px; padding-left: 34px; } .applicationJs .jsLeft div{ width:190px; height: 140px; text-align: center; margin-bottom: 12px; } .applicationJs .jsLeft div a{ display: inline-block; font-size: 16px; color: #1797e9; background: #fff; border: 2px solid #1797e9; height: 34px; width: 114px; line-height: 30px; margin-top: 86px; border-radius: 10px; cursor: pointer; } .applicationJs .jsLeft div a:hover{ background: #1797e9; color: #fff; } .applicationJs .jsLeft div:nth-child(1){ background: url(../../../img/newMenu/application_JS1.png) no-repeat; background-size:100% 100%; } .applicationJs .jsLeft div:nth-child(2){ background: url(../../../img/newMenu/application_JS2.png) no-repeat; background-size:100% 100%; } .applicationJs .jsRight{ position: absolute; right: 0; top: 50px; background: url(../../../img/newMenu/application_Menu7.png) no-repeat; background-size:100% 100%; z-index: 15; width: 920px; height: 378px; box-shadow: 0 0 4px #ccc; } .jsRight div{ float: left; width: 390px; margin-left: 50px; margin-top: 38px; } .jsRight div h3{ font-weight: normal; color: #1f1f1f; font-size: 19px; margin-bottom: 22px; } .jsRight div .colorP{ color: #1797e9; margin-bottom: 84px; font-size: 14px; } .jsRight div:nth-child(1) .colorP{ margin-top: 54px; } .jsRight div:nth-child(2) .colorP{ margin-top: 24px; } .jsRight div p{ margin-bottom: 5px; color: #8f8f8f; font-size: 16px; } .jsRight a{ cursor: pointer; padding: 0 10px; height: 38px; line-height: 36px; display: inline-block; font-size: 14px; border: 1px solid #1797e9; border-radius: 10px; color: #1797e9; } .jsRight a.blur{ background: #1797e9; color: #fff; margin-right: 27px; } /* 市场开拓 */ .applicationSC{ overflow: hidden; width: 100%; background: url(../../../img/newMenu/application_BJ.jpg)no-repeat; background-size:100% 100%; padding-top: 30px; padding-bottom: 48px; } .applicationWrap{ width: 1200px; margin: 0 auto; } .applicationSC .applicationTitle h4{ color: #fff; } .applicationSC .applicationTitle span{ font-size: 25px; color: #fff; } .applicationSC .applicationTitle a{ margin-top: 5px; } .applicationSC .applicationTitle a:hover{ box-shadow: none; } .applicationWrap { display: flex; display: -webkit-flex; justify-content: space-between; margin-top: 30px; } .applicationWrap .applicationWrapLeft{ width: 290px; height: 610px; background: #fff; box-shadow: 0 0 2px #ccc; } .applicationWrapLeft h3{ margin-left: 30px; font-weight: normal; font-size: 19px; color: #1f1f1f; margin-top: 24px; margin-bottom: 20px; } .applicationWrapLeft p{ margin-left: 30px; margin-bottom: 42px; font-size: 14px; color: #969797; width: 205px; } .applicationWrapLeft .blur{ color: #3e8ae0; font-size: 16px; margin-bottom: 10px; } .applicationWrapLeft>span{ float: right; margin-right: 60px; color: #969797; font-size: 13px; margin-bottom: 28px; } .applicationWrapLeft .introduce{ position: relative; clear: both; width: 275px; height: 287px; background: url(../../../img/newMenu/application_sc1.png)no-repeat; background-size:100% 100%; margin-left:8px; text-align: center; box-shadow: 0 0 2px #ccc; } .applicationWrapLeft .introduce img{ width: 100%; height:100%; display: inline-block; position: absolute; left: 0; top: 0; } .applicationWrapLeft .introduce>div{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); } .applicationWrapLeft .introduce h4{ margin-top: 30px; margin-bottom: 30px; font-weight: normal; font-size: 24px; color: #fff; text-align: center; padding: 0 10px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .applicationWrapLeft .introduce p{ font-size: 16px; color: #fff; height: 66px; overflow: hidden; text-align: justify; } .applicationWrapLeft .introduce a{ display: inline-block; width: 116px; height: 32px; line-height: 30px; background: #fff; color: #1797e9; text-align: center; font-size: 14px; border-radius: 10px; } .applicationWrapLeft .introduce a:hover{ background: #1797e9; color: #fff; } .applicationWrapRight { width: 890px; height: 610px; background: #fff; padding: 0 20px; } .applicationWrapRight .Wtitle{ text-align: center; } .applicationWrapRight .Wtitle h2{ font-weight: normal; font-size: 21px; color: #1f1f1f; margin-top: 20px; margin-bottom: 6px; font-family: siyuan } .applicationWrapRight .Wtitle span{ color: #9f9f9f; font-size: 16px; } .applicationShop{ display: flex; display: -webkit-flex; justify-content: space-around; margin-top: 22px; } .shopLeft{ width: 238px; } .shopMid .shopLeftOne a{ width: 95px; height: 30px; display: inline-block; line-height: 26px; font-size: 14px; border: 1px solid #1797e9; text-align: center; color: #1797e9; border-radius: 6px; margin-top: 10px; } .shopLeft h3,.shopMid h3{ font-size: 19px; color: #1f1f1f; font-weight: normal; margin-bottom: 14px; } .shopLeft>div{ width: 235px; height: 175px; padding: 8px; box-shadow: 0 0 20px #ccc; margin-bottom: 16px; } .shopLeft div div{ width: 100%; height: 100%; padding: 14px 19px } .shopLeft div div p{ font-size: 16px; color: #444444; margin-bottom:5px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .shopLeft .shopLeftOne>div{ background: url(../../../img/newMenu/application_sc2.png)no-repeat; background-size:100% 100%; } .shopLeft .shopLeftTwo>div{ background: url(../../../img/newMenu/application_sc3.png)no-repeat; background-size:100% 100%; } .shopLeftOne a:hover,.shopLeftTwo a:hover{ background: #1797e9; color: #fff; } .shopLeft div div a{ width: 95px; height: 30px; display: inline-block; line-height: 26px; font-size: 14px; border: 1px solid #1797e9; text-align: center; color: #1797e9; border-radius: 6px; margin-top: 10px; } .shopLeft>p{ text-align: center; font-size: 19px; color: #1f1f1f; margin:10px 0; } .shopLeft>a{ width: 178px; height: 40px; line-height:38px; font-size: 17px; color: #fff; background: #1797e9; display: inline-block; text-align: center; border-radius: 5px; margin-left: 30px; border: 1px solid #fff; } .shopLeft>a:hover{ border:1px solid #1797e9; background: #fff; color: #1797e9; } .shopMid{ width: 290px; padding-top: 80px; } .shopMid .shopLeftOne{ width: 290px; height: 252px; padding: 8px; background: #fff; box-shadow: 0 0 20px #ccc; } .shopMid div div p{ font-size: 17px; } /* .shopMid .midBottom{ text-align: right; padding: 0; background: #fff!important; box-shadow: 0; height: 180px; width: 100%; } .midBottom>p{ margin-top: 15px; font-size: 19px; color: #2d2d2d; margin-bottom: 5px; } .midBottom .midBottomList{ margin: 0; padding: 0; display: flex; display: -webkit-flex; justify-content: space-between; } .midBottomList a{ margin-top: 5px; display: inline-block; background: none; color: #1797e9; } .midBottom .midBottomList div{ width: 45%; text-align: left; height: 138px; padding-top: 10px; text-align: center; box-shadow: 0 0 20px #ccc; } .midBottom .midBottomList div img{ width: 82px; height: 82px; border-radius: 50%; display: inline-block; box-shadow: 0 0 1px #ccc; } */ .shopMid .shopLeftOne>div:nth-child(1) { width: 100%; height: 100%; padding-top: 48px; padding: 42px; background: url(../../../img/newMenu/application_sc4.jpg)no-repeat; background-size:100% 100%; } .midBottom .midBottomList p{ margin-top: 10px; text-align: center; } .midBottom a{ color: #1797e9; font-size: 13px; display: inline-block; margin-top: 10px; } .shopRight { width: 230px; padding-top: 33px; } .shopRight ul li{ width: 100%; height: 225px; position: relative; overflow: hidden; margin-bottom: 15px; } .shopRight ul li img{ width: 100%; height: 100%; display: inline-block; position: absolute; top: 0 ; left: 0; z-index: 2; } .shopRight ul li span{ display: inline-block; width: 400px; height: 140px; background: rgba(0,0,0,.4); transform: rotate(-11deg); position: absolute; bottom:-21px; left: -32px; z-index: 5; } .shopRight ul li div{ width: 100%; height: 78px; position: absolute; bottom: 0; left: 0; z-index: 20; text-align: center; } .shopRight ul li div p{ padding: 0 10px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size: 17px; color: #FFF; } .shopRight ul li div a{ width: 92px; height: 30px; color: #1797e9; background: #fff; border-radius: 5px; text-align: center; line-height: 28px; margin-top: 10px; display: inline-block; } .shopRight ul li div a:hover{ background:#1797e9; color: #fff; } .applicationGj{ width: 1200px; margin: 26px auto 0; background: url(../../../img/newMenu/application_pc2.png)no-repeat; background-size:100% 100%; height: 365px; } .applicationGj ul{ overflow: hidden; margin-top: 24px; padding-top: 20px; padding-bottom: 20px; } .applicationGj ul li{ width: 260px; float: right; margin-right: 40px; padding: 0 8px; box-shadow: 0 0 2px #ccc; height: 330px; padding-top: 8px; transition: all .2s ease-in-out; background: #fff; } .applicationGj ul li:hover{ margin-top: -3px; transition: all .2s ease-in; } .applicationGj ul li img{ width: 100%; height: 200px; display: inline-block; } .applicationGj ul li h3{ padding: 0 10px; font-weight: normal; font-size: 21px; color: #303030; line-break: 24px; text-align: center; margin: 5px 0; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .searchLeft a{ cursor: pointer; } .reldemand span{ cursor: pointer; } .applicationGj ul li p{ height: 40px; overflow: hidden; font-size: 14px; color: #787878; padding: 0 10px; text-align: justify } .applicationGj ul li a{ display: inline-block; float: right; width: 100px; height: 30px; line-height: 26px; border: 1px solid #1797e9; color:#1797e9; text-align: center; margin-top: 5px; border-radius: 5px; } .applicationGj ul li a:hover{ background: #1797e9; color: #fff; } /* 政府扶持 */ .applicationZf { width: 100%; background: url(../../../img/newMenu/applicationZf_bj.png)no-repeat; background-size:100% 100%; padding-bottom: 112px; } .applicationZfBody{ width: 1200px; margin: 56px auto 0px; display: flex; display: -webkit-flex; justify-content: space-between; } .applicationZfBody a{ color: #333; } .applicationZfBody img{ width: 254px; height: 354px; } .applicationZfBody>div{ width: 930px; } .applicationZfBody>div ul{ background: #fff; box-shadow: 0 0 1px #ccc; } .applicationZf .applicationTitle h4{ padding-top: 60px; } .applicationTitle.active h4{ color: #fff; font-size: 19px; } .applicationTitle.active span{ color: #fff; font-size: 26px; } .applicationTitle.active a{ margin-top: 5px; } .applicationTitle.active a:hover{ box-shadow: none } .applicationZfBody div ul{ position: absolute; top: 0; left: 0; } .applicationZfBody div ul li{ float: left; height: 94px; text-align: center; line-height: 94px; background:#f8f8f8; width: 230px; margin-right: 2px; margin-bottom: 2px; } .applicationZfBody div { clear: both; position: relative; } .applicationZfBody div div{ position: absolute; bottom: 12px; left: 0; width: 100%; height: 20px; overflow: hidden; } .applicationZfBody div ol{ float: left; } .applicationZfBody div ol li{ float: left; } .applicationZfBody div ol li a{ color: #fff; } .applicationZfBody div ol li a:hover{ color: #1797e9; } .applicationZfBody div ol li span{ display: inline-block; margin: 0 10px; color: #FFF; } .applicationZfBody div ol li:last-child span{ display: none } .applicationZfBody div>a{ float: right; color: #fff; } .applicationZfBody div>a:hover{ color: #1797e9; } .applicationMS{ width: 100%; padding-top: 45px; padding-bottom: 60px; background: url(../../../img/newMenu/applicationMS_BJ.png)no-repeat; background-size:100% 100%; } .applicationMSBody{ width: 1200px; margin: 50px auto 0; } .applicationMSBody ul{ display: flex; display: -webkit-flex; justify-content: space-between; height: 444px; } .applicationMSBody ul li{ width: 380px; height: 444px; padding: 0 25px; text-align: center; transition: all .3s ease-in-out; } .applicationMSBody ul li div{ width: 100%; height: 164px; text-align: left } .applicationMSBody ul li div h3{ font-size: 24px; color: #1f1f1f; margin-top:100px ; margin-bottom: 34px; font-weight: normal; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .applicationMSBody ul li div p{ font-size: 16px; margin-bottom: 10px; color: #666; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:4; } .applicationMSBody ul li a{ width: 148px; height: 36px; line-height: 34px; background: #1797e9; color: #fff; margin-top: 80px; display: inline-block; border-radius: 5px; } .applicationMSBody ul li a:hover{ box-shadow: 0 4px 10px #ccc; } .applicationMSBody ul li:hover{ margin-top: -4px; transition: all .3s ease-in; box-shadow: 0 5px 20px #333; } .applicationMSBody ul li:nth-child(1){ background: url(../../../img/newMenu/applicationMS1.png)no-repeat; background-size:100% 100%; } .applicationMSBody ul li:nth-child(2){ background: url(../../../img/newMenu/applicationMS2.png)no-repeat; background-size:100% 100%; } .applicationMSBody ul li:nth-child(3){ background: url(../../../img/newMenu/applicationMS3.png)no-repeat; background-size:100% 100%; } .applicationRZ{ background: url(../../../img/newMenu/applicationRZ_bj.png)no-repeat; background-size:100% 100%; } .applicationRZ .applicationTitle h4,.applicationRZ .applicationTitle span{ color: #333; } .applicationRZ .applicationMSBody ul li div{ text-align: center; } .applicationRZ .applicationMSBody ul li:nth-child(1){ background: url(../../../img/newMenu/applicationRZ_1.png)no-repeat; background-size:100% 100%; } .applicationRZ .applicationMSBody ul li:nth-child(2){ background: url(../../../img/newMenu/applicationRZ_2.png)no-repeat; background-size:100% 100%; } .applicationRZ .applicationMSBody ul li:nth-child(3){ background: url(../../../img/newMenu/applicationRZ_3.png)no-repeat; background-size:100% 100%; } .applicationGf{ width: 100%; background: url(../../../img/newMenu/applicationGF_BJ.png)no-repeat; background-size:100% 100%; padding-top: 64px; padding-bottom: 280px; } .applicationGf .container{ display: flex; display: -webkit-flex; justify-content: space-between; } .applicationGf .gfLeft{ width: 384px; height: 440px; padding: 8px; } .applicationGf .gfLeft .gfLeftBox{ width: 100%; height: 440px; padding: 8px; background: #fff; box-shadow: 0 0 10px #ccc; } .applicationGf .gfLeft .gfLeftBox>div{ width: 100%; height: 100%; background: url(../../../img/newMenu/applicationGF1.png)no-repeat; background-size:100% 100%; padding-top: 48px; padding-left: 30px; padding-right: 30px; } .applicationGf .gfLeft .gfLeftBox>div p{ height: 66px; overflow: hidden; } .applicationGf .applicationTitle span{ color: #262626; font-size: 25px; } .applicationGf .applicationTitle h4{ font-size: 19px; color: #525252; margin-top: 12px; margin-bottom: 30px; } .gfLeft .gfLeftBox h3{ font-weight: normal; font-size: 19px; color: #242424; margin-bottom: 30px; } .gfLeft .gfLeftBox p{ color: #666; margin-bottom: 6px; font-size:16px; } .gfLeft .gfLeftBox a{ display: inline-block; width: 148px; height: 36px; font-size: 19px; line-height: 34px; margin-top: 30px; border: 1px solid #1797e9; color: #1797e9; border-radius: 5px; text-align: center; } .gfLeft .applicationTitle{ text-align: left } .gfLeft .applicationTitle h4{ text-align: left; } .gfLeft .gfLeftBox a.lJ{ background: #1797e9; color: #fff; } .gfRight{ width: 786px; margin-top: 9px; } .gfRightList ul li{ float: left; margin-left: 10px; width: 382px; height: 214px; box-shadow: 0 0 10 #ccc; margin-bottom: 10px; padding:34px; box-shadow: 0 0 10px #ccc; } .gfRightList ul li p{ font-size:16px; color: #242424; margin-bottom: 30px; margin-top: 20px; color: #666; height: 44px; overflow: hidden; } .gfRightList ul li h3{ font-size: 19px; color: #242424; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .gfRightList ul li div a{ padding: 6px 20px; display: inline-block; text-align: center; border: 1px solid #1797e9; color: #1797e9; border-radius: 5px; } .gfRightList ul li:nth-child(2n+1){ margin-left: 0 } .gfRightList ul li:nth-child(1){ background: url(../../../img/newMenu/applicationGF2.png)no-repeat; background-size:100% 100%; } .gfRightList ul li:nth-child(2){ background: url(../../../img/newMenu/applicationGF3.png)no-repeat; background-size:100% 100%; } .gfRightList ul li:nth-child(3){ background: url(../../../img/newMenu/applicationGF4.png)no-repeat; background-size:100% 100%; } .gfRightList ul li:nth-child(4){ background: url(../../../img/newMenu/applicationGF5.png)no-repeat; background-size:100% 100%; } .gfRightList ul li div .ljB{ background: #1797e9; color: #FFF; margin-right: 26px; } #bottom{ margin-top: -160px; } @media screen and (max-width:1200px){ .carousel,.applicationSC,.applicationZf,.applicationMS,.applicationGf{ width: 1200px; } }