@charset "utf-8"; /*招商对象*/ .dl-zsdt { width: 100%; height: auto; min-height: 1190px; padding: 100px 0; background: #0f162d url(../images/dlzsbg.jpg) bottom center no-repeat; box-sizing: border-box; } .dl-zsdt .zsdt { width: 1200px; margin: 0 auto; } .dl-zsdt .zsdt h3 { width: 100%; height: 40px; line-height: 40px; font-size: 32px; color: #ffffff; text-align: center; margin-bottom: 10px; } .dl-zsdt .zsdt p.p { width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #999999; text-align: center; margin-bottom: 60px; } .dl-zsdt .zs-list { width: 100%; } .dl-zsdt .zs-list ul { margin-left: -20px; } .dl-zsdt .zs-list li { width: 385px; height: 220px; padding: 25px; margin-left: 20px; background-color: #fff; border-radius: 3px; float: left; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .dl-zsdt .zs-list li h4 { width: 100%; height: 46px; line-height: 46px; font-size: 22px; color: #333333; text-align: left; padding-left: 66px; margin-bottom: 15px; background-position: left center; background-repeat: no-repeat; } .dl-zsdt .zs-list li:nth-child(1) h4 { background-image: url(../images/zs-icon-1.png); } .dl-zsdt .zs-list li:nth-child(2) h4 { background-image: url(../images/zs-icon-2.png); } .dl-zsdt .zs-list li:nth-child(3) h4 { background-image: url(../images/zs-icon-3.png); } .dl-zsdt .zs-list li p { width: 100%; line-height: 28px; font-size: 16px; color: #888888; text-align: left; } .dl-zsdt .zs-list li:active, .dl-zsdt .zs-list li:hover { background-color: #f55f33; transform: translate(0,-5px); } .dl-zsdt .zs-list li:active h4, .dl-zsdt .zs-list li:hover h4 { color: #fff; } .dl-zsdt .zs-list li:nth-child(1):hover h4 { background-image: url(../images/zs-icon-1-h.png); } .dl-zsdt .zs-list li:nth-child(2):hover h4 { background-image: url(../images/zs-icon-2-h.png); } .dl-zsdt .zs-list li:nth-child(3):hover h4 { background-image: url(../images/zs-icon-3-h.png); } .dl-zsdt .zs-list li:active p, .dl-zsdt .zs-list li:hover p { color: #fff; } @media (max-width:1440px) { } @media (max-width:1200px) { .dl-zsdt { min-height: initial; padding: 50px 0; } .dl-zsdt .zsdt { max-width: 1200px; width: auto; margin: 0 10px; } .dl-zsdt .zsdt h3 { font-size: 28px; margin-bottom: 10px; } .dl-zsdt .zsdt p.p { margin-bottom: 40px; height: auto; } .dl-zsdt .zs-list ul { margin-left: -2%; } .dl-zsdt .zs-list li { width: 31.3%; margin-left: 2%; margin-bottom: 10px; } } @media (max-width:991px) { .dl-zsdt { min-height: initial; padding: 35px 0; } .dl-zsdt .zsdt h3 { font-size: 22px; margin-bottom: 5px; } .dl-zsdt .zsdt p.p { margin-bottom: 30px; } .dl-zsdt .zs-list li { padding: 15px; } .dl-zsdt .zs-list li h4 { font-size: 18px; padding-left: 40px; background-size: 36px; } .dl-zsdt .zs-list li p { font-size: 14px; } } @media (max-width:640px) { .dl-zsdt { padding: 20px 0; } .dl-zsdt .zsdt h3 { font-size: 18px; } .dl-zsdt .zsdt p.p { margin-bottom: 20px; } .dl-zsdt .zs-list li { width: 98%; padding: 10px; height: auto; margin-bottom: 10px; } /*.dl-zsdt .zs-list li:nth-child(1) { width: 98%; }*/ .dl-zsdt .zs-list li h4 { font-size: 16px; } } /*项目前景*/ .dl-zsdt .xmqj { width: 1200px; margin: 100px auto 0; } .dl-zsdt .xmqj h3 { width: 100%; height: 40px; line-height: 40px; font-size: 32px; color: #ffffff; text-align: center; margin-bottom: 10px; } .dl-zsdt .xmqj p.p { width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #999999; text-align: center; margin-bottom: 60px; } .dl-zsdt .xm-com { width: 100%; } .dl-zsdt .xm-com .xm-list { width: 50%; float: left; } .dl-zsdt .xm-com .xm-list ul { } .dl-zsdt .xm-com .xm-list li { width: 100%; margin-bottom: 20px; padding-left: 78px; background-position: left top; background-repeat: no-repeat; } .dl-zsdt .xm-com .xm-list li:nth-child(1) { background-image: url(../images/xm-icon-1.png); } .dl-zsdt .xm-com .xm-list li:nth-child(2) { background-image: url(../images/xm-icon-2.png); } .dl-zsdt .xm-com .xm-list li:nth-child(3) { background-image: url(../images/xm-icon-3.png); } .dl-zsdt .xm-com .xm-list li h4 { width: 100%; height: 40px; line-height: 40px; font-size: 20px; color: #ffffff; text-align: left; background-position: left center; background-repeat: no-repeat; } .dl-zsdt .xm-com .xm-list li p { width: 100%; line-height: 32px; font-size: 16px; color: #cccccc; text-align: left; } .dl-zsdt .xm-com .xm-list li p span { font-weight: bold; color: #f55f33; } .dl-zsdt .xm-com img { float: right; } @media (max-width:1440px) { } @media (max-width:1200px) { .dl-zsdt .xmqj { max-width: 1200px; width: auto; margin: 50px 10px 0; } .dl-zsdt .xmqj h3 { font-size: 22px; } .dl-zsdt .xmqj p.p { height: auto; margin-bottom: 40px; } .dl-zsdt .xm-com img { max-width: 45%; } } @media (max-width:991px) { .dl-zsdt .xmqj h3 { font-size: 28px; margin-bottom: 5px; } .dl-zsdt .xmqj p.p { margin-bottom: 30px; } .dl-zsdt .xm-com { text-align: center; } .dl-zsdt .xm-com img { max-width: 100%; float: none; margin-bottom: 10px; } .dl-zsdt .xm-com .xm-list { width: 100%; } .dl-zsdt .xm-com .xm-list li { background-size: 40px; padding-left: 50px; } .dl-zsdt .xm-com .xm-list li h4 { font-size: 18px; } .dl-zsdt .xm-com .xm-list li p { line-height: 24px; font-size: 14px; } } @media (max-width:640px) { .dl-zsdt .xmqj h3 { font-size: 18px; } .dl-zsdt .xmqj p.p { margin-bottom: 20px; } .dl-zsdt .xm-com .xm-list li h4 { font-size: 16px; } } /*三大优势*/ .dl-adv { width: 100%; height: auto; min-height: 596px; padding: 100px 0; background: #0f162d url(../images/advbg.jpg) bottom center no-repeat; box-sizing: border-box; } .dl-adv .dl-ys { width: 1200px; margin: 0 auto; padding-bottom: 10px; } .dl-adv .dl-ys h3 { width: 100%; height: 40px; line-height: 40px; font-size: 32px; color: #ffffff; text-align: center; margin-bottom: 60px; } .dl-adv .ys-list { width: 100%; } .dl-adv .ys-list ul { } .dl-adv .ys-list li { width: 385px; height: 390px; padding: 57px 30px 30px; margin-right: 20px; background-color: #fff; border-radius: 3px; float: left; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .dl-adv .ys-list li:nth-child(3) { margin-right: 0; } .dl-adv .ys-list li span { width: 100%; height: 80px; display: block; background-position: center center; background-repeat: no-repeat; margin-bottom: 40px; } .dl-adv .ys-list li:nth-child(1) span.img { background-image: url(../images/ys-icon-1.png); } .dl-adv .ys-list li:nth-child(2) span.img { background-image: url(../images/ys-icon-2.png); } .dl-adv .ys-list li:nth-child(3) span.img { background-image: url(../images/ys-icon-3.png); } .dl-adv .ys-list li h4 { width: 100%; height: 46px; line-height: 46px; font-size: 22px; color: #333333; text-align: center; margin-bottom: 15px; } .dl-adv .ys-list li p { width: 100%; line-height: 28px; font-size: 16px; color: #888888; text-align: center; } .dl-adv .ys-list li:active, .dl-adv .ys-list li:hover { background-color: #f55f33; transform: translate(0,-5px); } .dl-adv .ys-list li:active h4, .dl-adv .ys-list li:hover h4 { color: #fff; } .dl-adv .ys-list li:nth-child(1):hover span.img { background-image: url(../images/ys-icon-1-h.png); } .dl-adv .ys-list li:nth-child(2):hover span.img { background-image: url(../images/ys-icon-2-h.png); } .dl-adv .ys-list li:nth-child(3):hover span.img { background-image: url(../images/ys-icon-3-h.png); } .dl-adv .ys-list li:active p, .dl-adv .ys-list li:hover p { color: #fff; } @media (max-width:1440px) { } @media (max-width:1200px) { .dl-adv { min-height: initial; padding: 50px 0; } .dl-adv .dl-ys { max-width: 1200px; width: auto; margin: 0 10px; padding-bottom: 50px; } .dl-adv .dl-ys h3 { font-size: 28px; margin-bottom: 40px; } .dl-adv .ys-list li { width: 31.3%; margin-right: 2%; } } @media (max-width:991px) { .dl-adv { padding: 35px 0; } .dl-adv .dl-ys { padding-bottom: 35px; } .dl-adv .dl-ys h3 { font-size: 22px; margin-bottom: 30px; } .dl-adv .ys-list li { width: 31.8%; padding: 20px; height: 330px; margin-bottom: 10px; } .dl-adv .ys-list li span { height: 60px; margin-bottom: 20px; background-size: contain; } .dl-adv .ys-list li h4 { font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 10px; } .dl-adv .ys-list li p { font-size: 14px; line-height: 24px; } } @media (max-width:640px) { .dl-adv { padding: 20px 0; } .dl-adv .dl-ys { padding-bottom: 20px; } .dl-adv .dl-ys h3 { font-size: 18px; margin-bottom: 20px; } .dl-adv .ys-list li { width: 49%; margin-right: 2%; padding: 10px; height: 300px; } .dl-adv .ys-list li:nth-child(1) { width: 100%; margin-right: 0; height: auto; } .dl-adv .ys-list li span { height: 45px; margin-bottom: 15px; } .dl-adv .dl-ys h3 { font-size: 18px; } .dl-adv .ys-list li h4 { font-size: 16px; } } /*四大扶持政策*/ .dl-adv .dl-fc { width: 1200px; margin: 0 auto; padding-top: 200px; } .dl-adv .dl-fc h3 { width: 100%; height: 40px; line-height: 40px; font-size: 32px; color: #ffffff; text-align: center; margin-bottom: 60px; } .dl-adv .fc-list { width: 100%; } .dl-adv .fc-list ul { } .dl-adv .fc-list li { width: 25%; height: 400px; background-color: #fff; float: left; overflow: hidden; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .dl-adv .fc-list li img { width: 100%; height: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } .dl-adv .fc-list li .fc-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } .dl-adv .fc-list li .fc-com { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 80px 27px 27px; } .dl-adv .fc-list li span { width: 100%; height: 84px; display: block; background-position: center center; background-repeat: no-repeat; margin-bottom: 40px; } .dl-adv .fc-list li:nth-child(1) span.img { background-image: url(../images/fc-icon-1.png); } .dl-adv .fc-list li:nth-child(2) span.img { background-image: url(../images/fc-icon-2.png); } .dl-adv .fc-list li:nth-child(3) span.img { background-image: url(../images/fc-icon-3.png); } .dl-adv .fc-list li:nth-child(4) span.img { background-image: url(../images/fc-icon-4.png); } .dl-adv .fc-list li h4 { width: 100%; height: 46px; line-height: 46px; font-size: 22px; color: #fff; text-align: center; margin-bottom: 15px; } .dl-adv .fc-list li p { width: 100%; line-height: 28px; font-size: 16px; color: #fff; text-align: center; } .dl-adv .fc-list li:active img, .dl-adv .fc-list li:hover img { transform: scale(1.2); } @media (max-width:1440px) { .dl-adv .dl-fc { padding-top: 150px; } } @media (max-width:1200px) { .dl-adv .dl-fc { max-width: 1200px; width: auto; margin: 0 10px; padding-top: 100px; } .dl-adv .dl-fc h3 { font-size: 28px; margin-bottom: 40px; } .dl-adv .fc-list li h4 { height: 36px; line-height: 36px; font-size: 18px; } .dl-adv .fc-list li p { font-size: 14px; } } @media (max-width:991px) { .dl-adv .dl-fc { padding-top: 50px; } .dl-adv .dl-fc h3 { font-size: 22px; margin-bottom: 25px; } .dl-adv .fc-list li { width: 50%; height: 300px; } .dl-adv .fc-list li .fc-com { padding: 40px 15px 15px; } .dl-adv .fc-list li span { height: 50px; background-size: contain; margin-bottom: 20px; } .dl-adv .fc-list li h4 { height: 30px; line-height: 30px; font-size: 16px; } } @media (max-width:640px) { .dl-adv .dl-fc { padding-top: 20px; } .dl-adv .dl-fc h3 { font-size: 18px; margin-bottom: 15px; } .dl-adv .fc-list li { width: 50%; height: 280px; } .dl-adv .fc-list li .fc-com { padding: 35px 10px 10px; } } /*留言*/ .dl-mess { width: 100%; height: 300px; background: #00082a; } .dl-mess .mess { width: 1200px; margin: 0 auto; padding: 88px 0; } .dl-mess .mess .mess-tt { width: 100%; height: 32px; margin-bottom: 40px; } .dl-mess .mess .mess-tt h3 { float: left; height: 32px; line-height: 32px; font-size: 32px; color: #ffffff; text-align: left; margin-right: 5px; } .dl-mess .mess .mess-tt .cs { float: left; width: 95px; height: 32px; line-height: 28px; font-size: 16px; color: #f55f33; border: 2px solid #f55f33; border-radius: 5px; text-align: center; font-weight: normal; display: block; } .dl-mess .mess .mess-tt .cs:hover { background: #f55f33; color: #fff; } .dl-mess .mess .message-form { width: 100%; margin-left: auto; margin-right: auto; } .dl-mess .mess .message-form ul { width: 85%; margin-left: -2%; overflow: hidden; float: left; } .dl-mess .mess .message-form li { width: 48%; float: left; line-height: 50px; padding-left: 15px; margin-left: 2%; background-color: #fff; border-radius: 2px; } .dl-mess .mess .l-name-span { height: 50px; line-height: 50px; color: #888888; float: left; font-size: 14px; text-align: right; } .dl-mess .mess .l-name-span em { color: red; font: 12px/1.75 "宋体", arial, sans-serif; float: left; height: 50px; line-height: 50px; margin-right: 5px; } .dl-mess .mess .l-name-span .d-a { font-size: 16px; } .dl-mess .mess .r-infor { float: left; width: 75%; } .dl-mess .mess .infor-input { color: #333; height: 50px; line-height: 50px; font-size: 14px; border: none; outline: 0; box-sizing: border-box; } .dl-mess .mess .formtype-1 .infor-input { width: 100%; } /*提交按钮*/ .dl-mess .mess .mess-b-box { width: 180px; text-align: center; float: right; } .dl-mess .mess .mess-b-box .mess-btn { float: left; width: 180px; height: 50px; line-height: 48px; font-size: 16px; font-weight: bold; color: #fff; background-color: #f55f33; border: 1px solid #f55f33; border-radius: 3px; cursor: pointer; text-align: center; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .dl-mess .mess .mess-b-box .mess-btn:hover { color: #f55f33; background-color: #fff; } .dl-mess .mess .mess-tt .m-qq { display: none; } @media (max-width:1440px) { } @media (max-width:1200px) { .dl-mess { height: auto; padding: 50px 0; } .dl-mess .mess { max-width: 1200px; width: auto; margin: 0 10px; padding: 0; } .dl-mess .mess .mess-tt { margin-bottom: 30px; } .dl-mess .mess .mess-tt h3 { font-size: 28px; } } @media (max-width:991px) { .dl-mess { height: auto; padding: 35px 0; } .dl-mess .mess .mess-tt { margin-bottom: 20px; } .dl-mess .mess .mess-tt h3 { font-size: 22px; } .dl-mess .mess .mess-tt .cs { font-size: 14px; width: 80px; height: 30px; line-height: 26px; } .dl-mess .mess .mess-tt .pc-qq { display: none; } .dl-mess .mess .mess-tt .m-qq { display: block; } .dl-mess .mess .message-form ul { width: 100%; margin-right: 0; float: none; } .dl-mess .mess .mess-b-box { height: 50px; margin: 10px auto 0; float: none; } .dl-mess .mess .r-infor { float: left; width: 70%; } } @media (max-width:640px) { .dl-mess { height: auto; padding: 20px 0; } .dl-mess .mess .mess-tt { margin-bottom: 20px; } .dl-mess .mess .mess-tt h3 { font-size: 18px; } .dl-mess .mess .message-form ul { margin-left: 0; } .dl-mess .mess .message-form li { width: 100%; line-height: 40px; margin-left: 0; margin-bottom: 10px; } .dl-mess .mess .l-name-span { height: 40px; line-height: 40px; } .dl-mess .mess .infor-input { height: 40px; line-height: 40px; } .dl-mess .mess .mess-b-box { width: 100%; } .dl-mess .mess .mess-b-box .mess-btn { width: 100%; height: 40px; line-height: 38px; font-size: 14px; } .dl-mess .mess .r-infor { width: 65%; } }