*{margin: 0; padding: 0;}
html,body {
font-family: "微软雅黑";
font-size: 16px;
height: 100%;
}
a{text-decoration: none; cursor:pointer;}
a:link, a:hover{text-decoration: none;color: initial;}
li{list-style: none;}
ul {margin-top: 0;margin-bottom: 0px;}
i, em {font-style: normal;}
p{margin: 0; padding: 0;}
img{border: 0;}
.clf:after {
content: "";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
h1, h2, h3, h4, h4, h5 {
margin:0;
padding:0;
}
.-l {
float: left;
}
.-r {
float: right;
}
@media (max-width: 768px) {
.container {
padding-left: 5px;
padding-right: 5px;
}
}
/* 分页 */
#pages { padding:14px 0 20px; font-family:宋体;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
@media (max-width:768px){
#pages {
padding: 20px 0;
}
}
/* 上下页 */
.z-ye {
padding-bottom: 30px;
display: flex;
justify-content: space-between;
}
.z-ye a {
color: #333;
}
@media (max-width:768px) {
.z-ye {
display: block;
}
}
/* 灰条 */
.h-top {
background: #fff;
height: 2px;
width: 100%;
}
@media (max-width: 768px){
.h-top {
display: none;
}
}
/* logo 导航 */
.logo {
margin-top: 8px;
}
.hb-ul li {
float: left;
font-size: 16px;
padding: 50px 30px 29px 30px;
position: relative;
}
.hb-ul li a {
color: #595757;
}
.hb-ul li:hover, .hb-ul li.active {
background: #d90d13;
}
.hb-ul li:hover a, .hb-ul li.active a {
color: #fff;
}
.down_list {
position: absolute;
top: 101px;
left: 0;
width: 100%;
background: rgba(255,255,255,0.7);
display: none;
z-index: 999;
}
.hb-ul li:hover .down_list {
display: block;
}
.down_list>a {
display: block;
text-align: center;
line-height: 45px;
font-size: 15px;
}
.hb-ul li .down_list a {
color: #000;
}
.hb-ul li .down_list a:hover {
color: #fff;
background: #d8050b;
}
@media (max-width: 768px){
.logo {
margin-top: 0;
}
.logo a img {
width: 150px;
}
.nav_btn {
position: absolute;
right: 15px;
top: 15px;
}
.nav_btn i {
display: block;
width: 25px;
height: 2px;
background: #666;
margin: 8px auto;
}
.h-mid .container {
padding: 0;
}
.h-bot {
width: 100%;
}
.hb-ul {
position: absolute;
z-index: 999;
background: #fff;
width: 100%;
display: none;
overflow: hidden;
}
.hb-ul li {
float: none;
background: none;
border-bottom: 1px solid #D9D9D9;
width: 100%;
padding: 0;
}
.hb-ul li.active, .hb-ul li:hover {
background: none;
}
.hb-ul li a {
font-size: 16px;
color: #333;
margin-left: 30px;
text-align: left;
display: block;
width: 100%;
padding: 15px 0;
}
.hb-ul li.active a, .hb-ul li:hover a {
color: #333;
}
.hb-ul>li .down_list>a {
color: #333;
border-bottom: 1px solid #d9d9d9;
background: #f2f2f2;
display: block;
text-align: center;
margin-left: 0;
line-height: 20px;
}
.hb-ul li:hover .down_list {
display: none;
background: #f2f2f2;
position: static;
}
.hb-ul> li:nth-child(2)::after {
display: block;
content: "";
border-left: 2px solid #888;
border-bottom: 2px solid #888;
position: absolute;
top: 25px;
right: 10px;
width: 10px;
height: 10px;
transform: rotate(135deg);
transition: 0.5s;
}
.hb-ul> li:nth-child(3)::after {
display: block;
content: "";
border-left: 2px solid #888;
border-bottom: 2px solid #888;
position: absolute;
top: 25px;
right: 10px;
width: 10px;
height: 10px;
transform: rotate(135deg);
transition: 0.5s;
}
.hb-ul> li:nth-child(4)::after {
display: block;
content: "";
border-left: 2px solid #888;
border-bottom: 2px solid #888;
position: absolute;
top: 25px;
right: 10px;
width: 10px;
height: 10px;
transform: rotate(135deg);
transition: 0.5s;
}
.hb-ul> li:nth-child(5)::after {
display: block;
content: "";
border-left: 2px solid #888;
border-bottom: 2px solid #888;
position: absolute;
top: 25px;
right: 10px;
width: 10px;
height: 10px;
transform: rotate(135deg);
transition: 0.5s;
}
.hb-ul> li:nth-child(6)::after {
display: block;
content: "";
border-left: 2px solid #888;
border-bottom: 2px solid #888;
position: absolute;
top: 25px;
right: 10px;
width: 10px;
height: 10px;
transform: rotate(135deg);
transition: 0.5s;
}
.hb-ul> li:nth-child(7)::after {
display: block;
content: "";
border-left: 2px solid #888;
border-bottom: 2px solid #888;
position: absolute;
top: 25px;
right: 10px;
width: 10px;
height: 10px;
transform: rotate(135deg);
transition: 0.5s;
}
.hb-ul> li.on::after {
transform: rotate(310deg);
border-left: 2px solid #000;
border-bottom: 2px solid #000;
transition: 0.5s;
}
}
/* 轮播 */
.banner .swiper-wrapper .swiper-slide {
height: 580px;
background-repeat: no-repeat;
background-position: center center;
}
#ban-mob {
display: none;
}
/* .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
background: #007aff;
} */
.banner .swiper-button-next {
background: url(../images/n-r.jpg) no-repeat center;
width: 62px;
height: 62px;
}
.banner .swiper-button-prev {
background: url(../images/n-l.jpg) no-repeat center;
width: 62px;
height: 62px;
}
@media (max-width: 768px) {
#ban-mob {
display: block;
}
#ban-pc {
display: none;
}
.banner .swiper-wrapper .swiper-slide {
height: 300px;
}
.banner .swiper-button-prev, .banner .swiper-button-next {
width: 40px;
height: 40px;
}
}
.c-top {
text-align: center;
/* height: 233px; */
height: 120px;
background: #fbfbfb;
position: relative;
}
.ct-cn {
/* font-size: 48px; */
font-size: 24px;
color: #000;
/* padding-top: 80px; */
padding-top: 22px;
}
.ct-en {
font-size: 20px;
color: #bcbcbc;
text-transform: uppercase;
}
.ct-img {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.ct-img img {
width: 40px;
}
@media (max-width: 768px){
.c-top {
height: 65px;
}
.ct-cn {
font-size: 20px;
padding-top: 10px;
}
.ct-en {
font-size: 14px;
}
.ct-img {
display: none;
}
}
/* 核心产品 */
.cp {
/* margin-top: 120px; */
margin-top: 40px;
text-align: center;
}
.cp li {
background: url(../images/c-act.png) no-repeat center;
width: 169px;
height: 200px;
display: inline-block;
text-align: center;
padding-top: 53px;
margin: 0 37px;
cursor: pointer;
}
.cp li:hover, .cp li.z {
background: url(../images/c-hover.png) no-repeat center;
}
.cp-cn {
font-size: 24px;
font-weight: bold;
color: #3e3a39;
}
.cp-en {
font-size: 14px;
color: #898989;
}
.cp li:hover .cp-cn, .cp li:hover .cp-en {
color: #fff;
}
.cp li.z .cp-cn, .cp li.z .cp-en {
color: #fff;
}
@media (max-width: 768px){
.cp {
margin-top: 30px;
}
.cp li {
width: 49%;
margin: 0;
padding-top: 60px;
}
.cp-cn {
font-size: 20px;
}
}
/* 解决方案 */
.fangan {
background: url(../images/fangan.jpg) no-repeat center;
height: 645px;
position: relative;
/* margin-top: 104px; */
margin-top: 30px;
}
.fan-top {
text-align: center;
/* padding-top: 70px; */
padding-top: 20px;
}
.fan-top p span {
font-size: 30px;
color: #fff;
}
.fan-top img {
vertical-align: super;
}
.fan-top p {
font-size: 18.63px;
color: #edc2c2;
text-transform: uppercase;
}
.fan-bot {
position: absolute;
}
.fan-bot li a {
font-size: 26px;
color: #3e3a39;
}
.fan-bot li a:hover {
color: #d8050b;
}
.fan-bot li {
position: absolute;
width: 105px;
overflow: hidden;
}
.fan-bot li:nth-child(1) {
top: 85px;
left: 540px;
}
.fan-bot li:nth-child(2) {
top: 195px;
left: 350px;
}
.fan-bot li:nth-child(3) {
top: 195px;
left: 735px;
}
.fan-bot li:nth-child(4) {
top: 310px;
left: 160px;
}
.fan-bot li:nth-child(5) {
top: 310px;
left: 545px;
}
.fan-bot li:nth-child(6) {
top: 310px;
left: 925px;
}
.fan-bot li:nth-child(7) {
top: 415px;
left: 350px;
}
.fan-bot li:nth-child(8) {
top: 415px;
left: 740px;
}
.fan-more {
/* width: 858px;
height: 64px;
line-height: 64px; */
width: 500px;
height: 40px;
line-height: 40px;
border-radius: 30px;
text-align: center;
margin: 0 auto;
background: -webkit-linear-gradient(#fffefe,#f1a8a9); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#fffefe,#f1a8a9); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#fffefe,#f1a8a9); /* Firefox 3.6 - 15 */
background: linear-gradient(#fffefe,#f1a8a9); /* 标准的语法 */
position: absolute;
left: 0;
right: 0;
bottom: 80px;
}
.fan-more a {
/* font-size: 30px; */
font-size: 20px;
color: #3e3a39;
}
.fan-more:hover a {
color: #dd2529;
}
@media (max-width: 768px){
.fan-more {
width: 100%;
height: auto;
line-height: normal;
}
.fangan {
display: none;
}
}
/* 成功案例 */
.anli {
margin-top: 16px;
}
.al-bot {
/* margin-top: 129px; */
margin-top: 35px;
}
.al-bot li {
width: 391px;
margin-right: 13px;
float: left;
margin-bottom: 20px;
}
.al-bot li:nth-child(3), .al-bot li:nth-child(6) {
margin-right: 0;
}
.al-img {
width: 100%;
height: 306px;
overflow: hidden;
}
.al-img img {
width: 100%;
height: 100%;
transition: all 0.6s;
-ms-transition: all 0.6s;
}
.al-con {
width: 100%;
text-align: center;
margin-top: 5px;
padding: 10px 0;
background: #efefef;
}
.al-con div {
font-size: 18px;
color: #595757;
}
.al-con p {
font-size: 16px;
color: #595757;
}
.al-bot li:hover .al-con div, .al-bot li:hover .al-con p {
color: #dd2529;
}
.al-bot li:hover .al-img img {
transform: scale(1.05);
-ms-transform: scale(1.05);
}
@media (max-width: 768px){
.al-bot {
margin-top: 7px;
}
.al-bot li {
width: 49%;
margin-right: 7px;
margin-bottom: 7px;
}
.al-img {
height: auto;
}
.al-bot li:nth-child(3) {
margin-right: 7px;
}
.al-bot li:nth-child(2), .al-bot li:nth-child(4) {
margin-right: 0;
}
.al-con div {
font-size: 16px;
}
.al-con p {
font-size: 14px;
}
}
/* 走进 */
.zoujin {
/* margin-top: 80px; */
}
.zj-mid {
/* margin-top: 85px; */
margin-top: 35px;
text-align: center;
background: url(../images/zoujin.jpg) no-repeat center;
}
.zj-mid img {
padding-top: 3px;
}
.jianjie {
margin-top: 35px;
}
.jianjie p {
font-size: 16px;
color: #595757;
line-height: 35px;
}
.zj-bot {
text-align: center;
/* margin-top: 50px; */
margin-top: 25px;
}
.zj-bot li {
width: 255px;
height: 50px;
background: url(../images/hongdi.jpg) no-repeat center;
text-align: center;
line-height: 50px;
display: inline-block;
margin-right: 70px;
}
.zj-bot li:last-child {
margin-right: 0;
}
.zj-bot li a {
font-size: 24px;
color: #fcebec;
}
.zj-bot li:hover a:hover {
color: #fff;
}
@media (max-width: 768px){
.zj-mid img {
width: 100%;
}
.zoujin {
margin-top: 10px;
}
.zj-mid {
margin-top: 30px;
}
.jianjie p {
line-height: 30px;
}
.zj-bot li {
width: 31%;
height: auto;
line-height: 35px;
margin-right: 5px;
}
.zj-bot li a {
font-size: 16px;
}
.zj-bot {
margin-top: 30px;
}
}
/* 新闻资讯 */
.new {
/* margin-top: 87px; */
margin-top: 30px;
}
.new2 {
/* margin-top: 114px; */
margin-top: 35px;
}
.new-l {
border: 1px solid #c9caca;
width: 66%;
padding: 16px 6px 21px 10px;
}
.new-r {
border: 1px solid #c9caca;
padding: 17px 5px 21px;
width: 33%;
}
.nl-l {
padding-top: 3px;
width: 50%;
}
.nl-l img {
width: 100%;
}
.nl-r {
width: 48%;
}
.new-top {
border-bottom: 1px solid #d4d4d4;
padding-bottom: 9px;
margin-bottom: 10px;
}
.new-top p {
font-size: 20px;
font-weight: bold;
color: #3e3a39;
line-height: 20px;
}
.new-top p img {
padding: 0 9px;
}
.new-top span a {
font-size: 14px;
font-family: '宋体';
color: #898989;
padding-right: 16px;
}
.new-top span a:hover {
color: #dd2529;
}
.new-ul li {
padding: 8px 20px 8px 6px;
border-bottom: 1px dashed #b5b5b6;
}
.new-ul li a {
font-family: '宋体';
font-size: 16px;
color: #595757;
width: 85%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.new-ul li a:hover {
color: #dd2529;
}
.new-ul li span {
color: #9fa0a0;
width: 13%;
}
@media (max-width: 768px){
.new {
margin-top: 10px;
}
.new2 {
margin-top: 30px;
}
.new-l {
width: 100%;
margin-bottom: 30px;
}
.new-r {
width: 100%;
}
.nl-l {
display: none;
}
.nl-r {
width: 100%;
}
.new-ul li a {
font-size: 14px;
}
.new-ul li span {
color: #9fa0a0;
font-size: 14px;
}
.new-top p {
font-size: 18px;
}
}
/* 合作企业 */
.hezuo {
/* margin-top: 100px; */
margin-top: 40px;
}
.hz {
/* margin-top: 120px; */
margin-top: 40px;
}
.khb {
width: 211px;
height: 111px;
float: left;
margin-right: 36px;
margin-bottom: 26px;
border: 1px solid #a3a4a4;
}
.khb img {
width: 100%;
height: 100%;
}
.khb:nth-child(5), .khb:nth-child(10) {
margin-right: 0;
}
@media (max-width: 768px){
.hezuo {
margin-top: 15px;
}
.hz {
margin-top: 30px;
}
.khb {
width: 48.6%;
height: auto;
margin-right: 10px;
margin-bottom: 10px;
}
.khb:nth-child(2), .khb:nth-child(4), .khb:nth-child(6), .khb:nth-child(8), .khb:nth-child(10) {
margin-right: 0;
}
.khb:nth-child(5) {
margin-right: 10px;
}
}
/* 底部导航 */
.didao {
margin-top: 65px;
background: #dd2529;
height: 58px;
line-height: 58px;
}
.dd {
text-align: center;
}
.dd li {
display: inline-block;
background: url(../images/didao.jpg) no-repeat right;
padding: 0 7px;
}
.dd li:last-child {
background: none;
}
.dd li a {
color: #fff;
font-size: 16px;
}
@media (max-width: 768px) {
.didao {
margin-top: 30px;
background: #dd2529;
height: auto;
line-height: 40px;
}
}
/* 底部 */
.footer {
background: #242525;
padding-top: 40px;
}
.f-l {
padding-right: 40px;
border-right: 1px solid #4e4f4f;
padding-top: 20px;
}
.f-l li {
margin-bottom: 30px;
}
.f-l li p {
padding-bottom: 15px;
color: #fff;
}
.fl-con {
margin-left: 20px;
}
.fl-img {
padding-top: 10px;
}
.f-m {
padding-left: 65px;
padding-top: 20px;
padding-right: 57px;
padding-bottom: 210px;
border-right: 1px solid #4e4f4f;
}
.f-r {
padding-left: 49px;
}
.frt {
/* float: left; */
/* margin-right: 40px; */
margin-top: 20px;
}
.frt img {
background: linear-gradient(to left, #7c7d7e, #7c7d7e) left top no-repeat,
linear-gradient(to bottom, #7c7d7e, #7c7d7e) left top no-repeat,
linear-gradient(to left, #7c7d7e, #7c7d7e) right top no-repeat,
linear-gradient(to bottom, #7c7d7e, #7c7d7e) right top no-repeat,
linear-gradient(to left, #7c7d7e, #7c7d7e) left bottom no-repeat,
linear-gradient(to bottom, #7c7d7e, #7c7d7e) left bottom no-repeat,
linear-gradient(to left, #7c7d7e, #7c7d7e) right bottom no-repeat,
linear-gradient(to left, #7c7d7e, #7c7d7e) right bottom no-repeat;
background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;
padding: 5px;
}
.fr-zhong {
width: 97px;
height: 22px;
line-height: 22px;
border-radius: 20px;
text-align: center;
color: #fff;
background: #dd2529;
margin: 18px auto 0;
}
.fr-mid {
/* float: left; */
margin-top: 30px;
}
.fm-t div {
font-size: 48px;
font-weight: bold;
color: #fff;
}
.fm-t p {
font-size: 16px;
color: #afafaf;
line-height: 30px;
}
.fr-bot {
/* float: left; */
color: #afafaf;
font-size: 16px;
line-height: 30px;
margin-top: 40px;
}
.fr-bot a {
color: #afafaf;
}
.f-line {
width: 100%;
height: 1px;
background: #414242;
}
.youqing {
margin-bottom: 25px;
}
.yq-t {
font-size: 24px;
color: #fff;
margin-top: 40px;
}
.yq-t span {
font-size: 20px;
color: #b1afaf;
padding-left: 5px;
}
.yq-b {
padding-top: 20px;
}
.yq-b li {
float: left;
margin-right: 25px;
}
.yq-b li a {
font-size: 16px;
color: #cbcbcb;
}
@media (max-width: 768px){
.fl-con {
width: 81%;
}
.fl-img img {
width: 80%;
}
.f-r {
width: 100%;
}
.fr-top {
text-align: center;
}
.frt {
float: none;
margin: 0 20px;
display: inline-block;
}
.fm-t div {
font-size: 24px;
}
.fr-bot {
margin: 30px 0;
}
.yq-b li {
line-height: 30px;
}
.youqing {
display: none;
}
.f-l, .f-r {
display: none;
}
.f-m {
border-right: none;
padding: 0 0 70px;
width: 100%;
text-align: center;
}
.footer {
padding-top: 20px;
}
.fr-mid {
margin-top: 0;
}
.fr-bot {
margin: 0 0;
}
}
/* 内页bnner */
.n-banner {
height: 280px;
background-position: center center;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.n-banner {
height: 150px;
}
}
.nr-top {
margin-bottom: 30px;
}
.p12-curmbs-1 {
font-size: 14px;
}
.p12-curmbs-1 a {
color: #333;
}
.p12-curmbs-1 b {
border-left: 10px solid #555555;
font-weight: normal;
padding-left: 8px;
}
.p12-curmbs-1 span {
font-family: '宋体';
padding: 0 5px;
}
/* 左侧导航 */
.nrb-l {
width: 240px;
float: left;
}
.nrbl-tit {
background: #d90d13;
height: 80px;
}
.nrbl-tit h3 {
height: 75px;
font-size: 24px;
font-weight: normal;
line-height: 75px;
color: #fff;
border-bottom: 1px solid #fff;
text-align: center;
}
.nrbl-nav {
}
.nrbl-nav>ul>li {
text-align: center;
line-height: 50px;
border-bottom: 1px solid #ddd;
background: #ececeb;
}
.nrbl-nav>ul>li>a {
display: block;
font-size: 16px;
font-weight: normal;
color: #454545;
transition: all 0.5s;
}
.nrbl-nav>ul>li:hover a,.nrbl-nav>ul>li.cur a {
color: #fff;
background: #d90d13;
}
.nrbl-b {
margin-top: 30px;
}
.nrl-top3 {
padding: 10px;
border: 1px solid #eee;
line-height: 30px;
}
.nrb-r {
width: 77%;
}
.nrb-r h4 {
padding-bottom: 10px;
border-bottom: 1px dashed #ddd;
line-height: 30px;
margin-bottom: 10px;
}
@media (max-width: 768px){
.nr-top {
margin-bottom: 20px;
}
.nrb-l {
display: none;
}
.nrb-r {
width: 100%;
}
}
.about p {
font-size: 16px;
line-height: 30px;
padding: 8px 0;
}
.about img {
max-width: 100%;
}
/* 新闻 */
.news li {
width: 100%;
color: #454545;
text-align: left;
font-size: 12px;
/* min-height: 40px; */
/* height: auto; */
overflow: hidden;
border-bottom: 1px #cccccc dashed;
line-height: 35px;
}
.List_Dot {
float: left;
width: 4%;
text-align: center;
padding-top: 5px;
padding-left: 10px;
}
.List_Dot img {
max-width: 100%;
}
.List_Title {
float: left;
width: 80%;
padding-top: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.List_Title a {
color: #454545;
font-size: 16px;
}
.news li:hover a {
color: #d8050b;
}
.List_time {
float:right;
padding-top:5px;
}
@media (max-width: 768px){
.List_Dot {
width: 8%;
}
.List_Title {
width: 70%;
}
.List_time {
padding-top: 8px;
}
}
/* 新闻内页 */
.xinw .p12-curmbs-1 {
float: none;
}
.xwnei-tit {
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 35px;
padding-top: 10px;
}
.xwnei-time {
text-align: center;
font-size: 14px;
color: #4a4a4a;
border-bottom: dashed 1px #cccccc;
line-height: 30px;
padding-bottom: 5px;
}
.xwnei-time span {
padding: 0 15px;
}
.xwnei-con {
padding-top: 10px;
line-height: 30px;
}
.xwnei-con p {
padding: 5px 0;
}
.xwnei-con img {
max-width: 100%;
}
@media (max-width: 768px){
.xwnei-time {
line-height: 25px;
}
.xwnei-time span {
display: block;
}
.xwnei-tit {
padding-top: 0;
}
}
/* 联系 */
.lx-top {
margin-bottom: 30px;
}
.lx-top h1 {
font-size: 22px;
color: #d8050b;
padding: 20px 0;
}
.lx-top p {
line-height: 30px;
}
.ly2 {
margin-bottom: 20px;
}
.ly3 {
margin-top: 30px;
margin-left: 20px;
}
.ly3 input {
border: none;
background-color: #f9f9f9;
width: 50%;
height: 40px;
border-radius: 10px;
outline: none;
padding-left: 15px;
border: 1px solid #ccc;
outline: none;
vertical-align: middle;
}
.ly3 span {
float: left;
line-height: 37px;
}
.ly3 textarea {
border: none;
background-color: #f9f9f9;
border: 1px solid #ccc;
width: 50%;
height: 135px;
border-radius: 10px;
outline: none;
padding-left: 15px;
resize: none;
line-height: 20px;
padding-top: 15px;
}
.ly3 .tijiao2 {
width: 80px;
line-height: 40px;
text-align: center;
border-radius: 10px;
padding: 0;
margin-top: 20px;
padding-left: 0;
float: left;
margin-left: 460px;
transition: .5s;
}
.ly3 .tijiao2:hover {
background: #d8050b;
color: #fff;
}
@media (max-width: 768px) {
.liuyan2 {
width: 100%;
}
.ly3 textarea {
margin-left: 0;
width: 72%;
}
.ly3 {
margin-left: 0;
margin-right: 0;
}
.ly3 input {
width: 72%;
}
.ly3 .tijiao2 {
margin-left: 0;
float: right;
margin-right: 30px;
}
.r-us {
display: none;
}
}
/**右侧联系客服区域开始**/
.kefu_right{ position:fixed; width:100%; bottom:0px;height:67px; z-index:99;display:none;background:#dd2529; }
.kefu_right.on{ right:-80px;}
.kefu_right ul{text-align:center;}
.kefu_right ul li{ display: inline-block;cursor: pointer;padding:15px 30px;}
.kefu_right ul li i{width: 20px;height: 20px;display:inline-block;}
.kefu_right ul li i img{width: 100%;height: 100%}
.kefu_right ul li p{ font-size:12px; color:#fff; text-align:center;}
.kefu_right ul li img{width:20px;}
@media(max-width:768px){
.kefu_right{display:block;}
}
.n-banner2 {
display: none;
}
@media (max-width: 768px) {
.n-banner {
display: none;
}
.n-banner2.n-banner {
display: block;
}
}