@charset "utf-8";
@font-face
{
font-family:GOTHIC;
src: url("GOTHIC.ttf")
    ,url("GOTHIC.eot"); /* IE9+ */
}
@font-face
{
font-family:MiSAND;
src: url('MiSAND.otf'); /* IE9+ */
}
@font-face
{
font-family:Skia;
src: url("Skia.ttf")
    ,url("Skia.eot"); /* IE9+ */
}
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: "微软雅黑"; }
html, body { width: 100%; background: #fff; color:#231815;}
img { border: none; display: block; }
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
em,i{ font-style:normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#de2935;}
.main { width: 1200px; height: 100%; margin: 0 auto; }
.symain { width: 1600px; height: 100%; margin: 0 auto; }
.txtcenter{ text-align:center;}
@media screen and (max-width: 1660px) { .symain { width:95%; margin:0 auto; } }
@media screen and (max-width: 1260px) {.symain { width:95%; margin:0 auto; } }
@media screen and (max-width: 780px) {.symain { width: 95%; padding: 0; } }
.fl { float: left; }
.fr { float: right;}
@media screen and (min-width: 1600px) {
.ft56{ font-size:56px;}
.ft50{ font-size:50px;}
.ft45{ font-size:45px;}
.ft42{ font-size:42px;}
.ft40{ font-size:40px;}
.ft36{ font-size:36px;}
.ft32{ font-size:32px;}
.ft28{ font-size:28px;}
.ft24{ font-size:24px;}
.ft22{ font-size:22px;}
.ft20{ font-size:20px;}
.ft18{ font-size:18px;}
}
@media screen and (max-width: 1600px) and (min-width: 1360px) {
.ft56{ font-size:42px;}
.ft50{ font-size:38px;}
.ft45{ font-size:34px;}
.ft40{ font-size:32px;}
.ft42{ font-size:30px;}
.ft36{ font-size:28px;}
.ft32{ font-size:24px;}
.ft28{ font-size:20px;}
.ft24{ font-size:20px;}
.ft22{ font-size:18px;}
.ft20,.ft18{ font-size:16px;}
}
@media screen and (max-width: 1360px) and (min-width: 960px) {
.ft56{ font-size:36px;}
.ft50{ font-size:32px;}
.ft45{ font-size:28px;}
.ft40{ font-size:26px;}
.ft42{ font-size:24px;}
.ft36{ font-size:22px;}
.ft32{ font-size:20px;}
.ft28{ font-size:18px;}
.ft24{ font-size:16px;}
.ft22{ font-size:16px;}
.ft20,.ft18{ font-size:15px;}
}
@media screen and (max-width: 960px){
.ft56{ font-size:26px;}
.ft50{ font-size:24px;}
.ft45{ font-size:22px;}
.ft42{ font-size:20px;}
.ft40{ font-size:20px;}
.ft36{ font-size:18px;}
.ft32{ font-size:18px;}
.ft28{ font-size:18px;}
.ft24{ font-size:15px;}
.ft22{ font-size:15px;}
.ft20,.ft18{ font-size:14px;}
}

.top{ background:#ddd; line-height:50px;}
.top span{ font-size:15px; font-family:"GOTHIC";}
@media screen and (max-width:560px){
.top span{ display:none;}
}
.top ul{ float:right; display:flex;}
.top ul li{ margin-left:10px; position:relative; padding:10px; cursor: pointer;}
.top ul li:before{ content:""; left:0; top:50%; position:absolute; width:3px; height:3px; margin-top:-1.5px; background:#555; border-radius:50%;}
.top ul li:nth-child(1):before{ display:none;}
.top ul li.weima p{ display:none;}
.top ul li.weima:hover p{ display:block; position:absolute; color:#666; left:-80px; top:50px; z-index:40; font-size:12px; line-height:22px; border:1px #ddd solid; padding:10px; text-align:center; background:#fff;}
.top ul li.weima:hover p img{ width:100px; margin-bottom:5px;}

.footer{ padding:2% 0; background:#fff;}
.flogo{ margin-bottom:15px;}
.flogo img{ display:block; width:90%; max-width:290px;}
.fmenu a{ color:#111; margin-right:20px;}
.copyright{ line-height:3;}
@media screen and (min-width:640px){
.flogo{ float:left; width:28%; margin-bottom:0;}
.fcenter{ float:left;}
.fmenu a{ margin-right:50px;}
}
.ftop{ float:right;}

.banner{ position:relative; display:block; overflow:hidden;}
.banner img{ display:block; width:100%;}
.bantxt{ position:absolute; z-index:5; left:0; top:50%; transform: translateY(-50%); width:100%; color:#fff; letter-spacing:2px;}
@media screen and (max-width:760px){
.banner img{ width:130%;}
}
.bantxt em{ display:block; line-height:1.5;}
.bantxt span{ display:block; font-family:"MiSAND"; font-weight:200; line-height:1.5;}
.bantxt a{ padding:15px 25px 15px 60px; display:inline-block; color:#fff; border-radius:15px; margin-right:22px; margin-top:20px;}
.bantxt a.reds{ background:url(../images/img06.png) #de2935 left 15px center no-repeat;}
.bantxt a.redy{ background:url(../images/img06s.png) #de2935 left 15px center no-repeat;}
.bantxt p{ background:url(../images/img07.png) #c62020 center right no-repeat; color:#fff; padding:50px 0; margin-top:0; text-align:center; width:390px; max-width:50%; border-radius:15px;}
.bantxt p img{ display:block; margin:0 auto 10px; width:auto !important; height:auto !important; max-width:100%;}
@media screen and (max-width:640px){
.bantxt p{ padding:20px 0;}
}
.bantxt em{ display:inline-block; background:#de2935; font-size:24px; padding:10px 25px; border-radius:25px;}
.bantxt i{ display:block; font-size:36px;}

.ind_nav{ display:block; position:relative; z-index:10;}
.ind_nav li{ background:#fff; border-radius:15px; float:left; text-align:center; box-shadow:0px 4px 8px #eee; padding:30px 0; transition: all 0.3s; margin-top:40px;}
.ind_nav li em{ font-family:"Skia"; font-weight:700; display:block; transition: all 0.3s;}
.ind_nav li em i{ color:#de2935; transition: all 0.3s;}
@media screen and (min-width:1080px) {
.ind_nav{ margin-top:-70px;}
.ind_nav li{ width: calc(25% - 9px); margin-right:12px;}
.ind_nav li:nth-child(4n){ margin-right:0;}
}
@media screen and (max-width:1080px) {
.ind_nav{ margin-top:-30px;}
.ind_nav li{ width: calc(50% - 9px); margin-right:18px;}
.ind_nav li:nth-child(2n){ margin-right:0;}
}
.ind_nav li.on{ background:url(../images/img07.png) #c62020 center right no-repeat; color:#fff; padding:50px 0; margin-top:0;}
.ind_nav li:hover{ background:url(../images/img07.png) #c62020 center right no-repeat; padding:50px 0; color:#fff; margin-top:0;}
.ind_nav li:hover em,.ind_nav li:hover em i,.ind_nav li:hover span{ color:#fff;}
.ind_nav li img{ display:block; margin:0 auto 10px; max-width:80%;}

.ind_top{ text-align:center; line-height:2; padding:2% 0 1%; font-weight:700;}
.ind_top i{ color:#d12627}
.ind_top span{ display:inline-block; padding:0 15px;}
@media screen and (max-width:760px) {
.ind_top{ line-height:1.5;}
.ind_top i{ display:block;}
.ind_top span{ display:none;}
}

.ind_main{ background:#fff; padding:2% 0 0;}
.ind_mains{ margin-bottom:25px;}
@media screen and (min-width:760px) {
.main01{ width:20%; height:210px;}
.main02{ float:left; width:80%;}
.main02 li{ width: calc(25% - 15px); height:210px;}
}
@media screen and (max-width:760px) {
.main01{ width:30%; height:255px;}
.main02{ float:left; width:70%;}
.main02 li{ width: calc(50% - 15px); height:120px; margin-bottom:15px;}
}
.main01{ float:left; background:url(../images/img07.png) #c62020 center right no-repeat; color:#fff; text-align:center; border-radius:15px; position:relative;}
.main01 p{ position:absolute; width:100%; top:50%; transform: translateY(-50%);}
.main01 span{ display:block; line-height:1.5;}
.main01 i{ font-family:"GOTHIC";}

.main02 li{ float:left; margin-left:15px; text-align:center; position:relative;}
.main02 li img{ display:block; margin:5% auto 10px; max-width:33%;}
.animationFront{transform: rotateY(0deg);z-index: 2; border:1px #ddd solid; border-radius:15px; overflow:hidden; position:relative;}
.animationBack {transform: rotateY(180deg);z-index: 1; background:#c31e1e; border-radius:15px; overflow:hidden; color:#fff !important; position:relative;}
.animationBack em{ display:block; line-height:1.5;}
.animationBack i{ display:inline-block; background:#fff; color:#c31e1e; padding:6px 15px; margin-top:10px;}
.main02 li p{ position:absolute; width:100%; left:0; top:50%;}
.main02 li:hover .animationFront {z-index: 1;transform: rotateY(180deg);}
.main02 li:hover .animationBack {z-index: 2;transform: rotateY(0deg);}
.main02 li .animationImg{position:absolute; left: 0; top: 0; width: 100%;height: 100%;transition: all .5s ease-in-out;transform-style: preserve-3d; backface-visibility: hidden;box-sizing: border-box;}
.main02 li .animationImg span{ line-height:1;}
.main02 li p{ position:absolute; left:; top:50%; width:100%; transform: translateY(-50%);}
.inftitle{ text-align:center; padding:20px 0;}
.inftitle em{ line-height:2; display:block; color:#de2935; }
.inftitle span{ line-height:1;}

.ind_case{ padding:2% 0;}
.ind_case ul{ margin-top:2%;}
@media screen and (min-width:760px) {
.ind_case li{ float:left; width:calc(33.33% - 40px); margin-right:60px;}
.ind_case li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:760px) {
.ind_case li{ margin-bottom:15px;}
}
.ind_case li .caseimg{ margin-bottom:10px;}
.ind_case li a{ display:block; position:relative; overflow:hidden; }
.ind_case li a img.pbg{ width:100%;}
.ind_case li a img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.ind_case li a:hover img.pimg{transform: scale(1.1);}
.ind_case li span{ color:#333; line-height:1.5; display:block;}
.ind_case li p{ line-height:28px; height:84px; color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; margin:15px 0;}
.ind_case li a.more{ color:#444; background:url(../images/jt.png) left 80px center no-repeat; margin-top:10px; transition: all 0.3s; line-height:30px;}
.ind_case li a.more:hover{ color:#de2935; background:url(../images/jts.png) left 95px center no-repeat;}
.indmore{ text-align:center; margin:30px 0;}
.indmore a{ background:url(../images/img06.png) #de2935 left 22px center no-repeat; padding:20px 35px 20px 70px; display:inline-block; color:#fff; border-radius:15px;}

.indabout{ background:#f9f9f9; padding:2% 0;}
.indabout h2{ color:#de2935; font-weight:normal; line-height:2;}
@media screen and (min-width:1080px) {
.indabout_body{ width:60%; float:left;}
.indabout_rig{ float:right; width:35%;}
}
.indabout_body{ color:#111; line-height:36px;}
.indabout_body a{ display:inline-block; padding:6px 35px 6px 20px; border-radius:12px; border:1px #de2935 solid;}
.indabout_body a.amore{ background:url(../images/a01.png) right 10px center #de2935 no-repeat; color:#fff;}
.indabout_body a.alixi{ background:url(../images/a02.png) right 10px center no-repeat; color:#de2935; margin-left:20px;}
.indabout_rig{ padding-top:2%;}
.indabout_rig li{ background:#fff; box-shadow:0px 0px 5px #eee; margin-bottom:10px; height:85px; border-radius:42.5px;}
.indabout_rig li i{ float:left; width:85px; height:85px; background:#de2935; border-radius:50%; position:relative; margin-right:20px;}
.indabout_rig li i img{ max-width:70%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.indabout_rig li span{ display:inline-block; line-height:85px;}
.indabout_rig li:nth-child(2) span{ line-height:30px; margin-top:12px;}
@media screen and (max-width:640px) {
.indabout_rig{ margin-top:30px;}
.indabout_rig li{ height:60px;}
.indabout_rig li i{ width:60px; height:60px;}
.indabout_rig li span{ line-height:60px;}
.indabout_rig li:nth-child(2) span{ line-height:20px; margin-top:10px;}
}

.ind_lixi{ background:url(../images/lybg.jpg) center no-repeat; background-size:cover; padding:3% 0; color:#fff;}
.ind_lixis h3{ background:#de2935; color:#fff; display:inline-block; padding:10px 25px; font-weight:100; border-radius:15px;}
.ind_lixis span{ display:block; line-height:1.5; margin:10px 0 35px;}
.ind_lixis p{ padding-left:40px; background-size:auto; line-height:36px;}
.mytel{ background:url(../images/tel.png) left no-repeat; font-family:"GOTHIC"; font-weight:700; line-height:1.5;}
.myemail{ background:url(../images/email.png) left no-repeat; line-height:1.5;}
.myadd{ background:url(../images/add.png) left top 3px no-repeat; line-height:1.5;}
.ind_lixibot{ margin-top:25px;}
.lixibot_lt{ border:1px #fff solid; border-radius:30px; padding:0 10px;}
.lixibot_lt a{ float:left; padding:10px 13px; text-align:center;}
@media screen and (min-width:1080px) {
.lixibot_lt{ float:left;}
.lixibot_fm{ float:right; width: calc(100% - 350px);}
}
.lixibot_fm{ box-sizing: border-box; background:#ed1c24; padding:20px 25px; margin-top:1%;}
.lixibot_fm em{ display:block; line-height:1.5;}
.lixibot_fm p{ box-sizing: border-box; margin-bottom:10px;}
@media screen and (min-width:640px) {
.lixibot_fm p{ float:left; width: calc(33.33% - 12px); margin-bottom:0; margin-right:12px;}
}
.lixibot_fm div{ padding-right:12px; margin:12px 0;}
@media screen and (min-width:960px) {
.fmleft{ width:70%; float:left;}
.fmrig{ width:30%; float:right;}
}

.mytxt{ border:1px #f68e92 solid; border-radius:5px; width:100%; height:55px; background-color:inherit; outline:none; padding:0 15px 0 50px; color:#fff; box-sizing: border-box; font-size:16px;}
.mytxt::placeholder { color:#fff; }
.mytxt.fuser{ background:url(../images/lx06.png) left 10px center no-repeat;}
.mytxt.ftel{ background:url(../images/lx07.png) left 10px center no-repeat;}
.mytxt.femail{ background:url(../images/lx08.png) left 10px center no-repeat;}
.mytxt.fbody{ background:url(../images/lx09.png) left 10px center no-repeat;}
.mysub{ background-color:inherit; border:2px #fff dashed; width:100%; height:120px; color:#fff; border-radius:10px; cursor: pointer;}

.infourl{ padding:4% 0 10px;}
.infourl a{ display:inline-block; border:1px #de2935 solid; color:#de2935; line-height:2;}
@media screen and (min-width:760px) {
.infourl a{ margin-right:10px; padding:6px 35px; border-radius:20px; font-size:20px;}
}
@media screen and (max-width:760px) {
.infourl div{display: flex}
.infourl a{ font-size:15px;flex: 1; text-align:center;}
}
.infourl a.hover{ background:#de2935; color:#fff;}

.listcase{ padding:20px 0;}
@media screen and (min-width:760px) {
.listcase li{ float:left; width:calc(33.33% - 40px); margin-right:60px;}
.listcase li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:760px) {
.listcase li{ margin-bottom:15px;}
}
.listcase li{ margin-bottom:3%;}
.listcase li .caseimg{ margin-bottom:10px;}
.listcase li a{ display:block; position:relative; overflow:hidden; }
.listcase li a img.pbg{ width:100%;}
.listcase li a img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.listcase li a:hover img.pimg{transform: scale(1.1);}
.listcase li span{ color:#333; line-height:1.5; display:block;}
.listcase li p{ line-height:22px; height:66px; color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; margin:15px 0;}
.listcase li a.more{ color:#444; background:url(../images/jt.png) left 80px center no-repeat; margin-top:10px; transition: all 0.3s; line-height:30px;}
.listcase li a.more:hover{ color:#de2935; background:url(../images/jts.png) left 95px center no-repeat;}

.infoview{ padding:2% 0;}
.view_title{ line-height:1.4; text-align:center; padding:20px 0 25px;}
.view_body{ padding:0 5%; line-height:1.8;}
.view_body img{ max-width:100% !important; height:auto !important;}
.view_body table{ max-width:100% !important;}
@media screen and (max-width:760px) {
.view_title{ border-bottom:1px #ddd solid;}
.view_body{ margin-top:25px;}
}

.aboutcase{ padding:20px 0;}
.aboutcase ul{ margin-top:2%;}
@media screen and (min-width:760px) {
.aboutcase li{ float:left; width:calc(33.33% - 40px); margin-right:60px;}
.aboutcase li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:760px) {
.aboutcase li{ margin-bottom:15px;}
}
.aboutcase li{ margin-bottom:3%;}
.aboutcase li .caseimg{ margin-bottom:10px;}
.aboutcase li a{ display:block; position:relative; overflow:hidden; }
.aboutcase li a img.pbg{ width:100%;}
.aboutcase li a img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.aboutcase li a:hover img.pimg{transform: scale(1.1);}
.aboutcase li span{ color:#333; line-height:1.5; display:block;}
.aboutcase li p{ line-height:22px; height:66px; color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; margin:15px 0;}
.aboutcase li a.more{ color:#444; background:url(../images/jt.png) left 80px center no-repeat; margin-top:10px; transition: all 0.3s; line-height:30px;}
.aboutcase li a.more:hover{ color:#de2935; background:url(../images/jts.png) left 95px center no-repeat;}

.listabout{ padding:2% 0;}
.listabout_body{ line-height:1.8;}
.listabout_body h2{ font-weight:lighter; color:#de2935; line-height:2;}
.listabouts{ margin:3% 0;}
.listabouts li{ background:#fff; box-shadow:0px 2px 11px #ddd; height:68px; border-radius:34px;}
@media screen and (min-width:1280px){
.listabouts li{ width: calc(25% - 15px); float:left; margin-right:20px; margin-bottom:10px;}
.listabouts li:nth-child(4n){ margin-right:0;}
}
@media screen and (max-width:1280px) and (min-width:640px){
.listabouts li{ width: calc(50% - 15px); float:left; margin-right:30px; margin-bottom:20px;}
.listabouts li:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:640px){
.listabouts li{ margin-bottom:15px;}
}
.listabouts li i{ float:left; width:68px; height:68px; background:#de2935; border-radius:50%; position:relative; margin-right:20px;}
.listabouts li i img{ max-width:65%; max-height:65%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.listabouts li span{ display:inline-block; line-height:68px;}
.listabouts li:nth-child(2) span{ line-height:25px; margin-top:9px;}

.listabouty{ color:#de2935;}
.listabouty li{ box-sizing: border-box; background:#f9f9f9; border:1px #c9c9c9 solid; padding:2%; border-radius:25px;}
@media screen and (min-width:1280px){
.listabouty li{ width:calc(33.33% - 16px); float:left; margin-right:24px; margin-bottom:24px;}
.listabouty li:nth-child(3n){ margin-right:0;}
.listabouty li p{ min-height:96px;}
}
@media screen and (max-width:1280px) and (min-width:640px) {
.listabouty li{ width:calc(50% - 15px); float:left; margin-right:30px; margin-bottom:30px;}
.listabouty li:nth-child(2n){ margin-right:0;}
.listabouty li p{ min-height:96px;}
}
@media screen and (max-width:640px){
.listabouty li{ margin-bottom:15px; padding:4%;}
}
.listabouty li span{ line-height:1.5; display:block;}
.listabouty li em{ display:block; line-height:1.5;}
.listabouty li p{ color:#333; margin-top:8px; line-height:24px;}


.listsq01{ background:url(../images/bg01.jpg) center no-repeat; background-size:cover; padding:4%; margin:3% 0;}
.listsq01 h3{ font-weight:lighter; color:#de2935; line-height:2; text-align:center;}
.listsq01 ul{ margin-top:2%;}
@media screen and (min-width:1060px){
.listsq01 li{ float:left;}
.listsq01 li:nth-child(1){ width:20%;}
.listsq01 li:nth-child(2){ width:50%;}
.listsq01 li:nth-child(3){ width:30%;}
.listsq01 li div{ margin-top:20px;}
}
@media screen and (max-width:1060px){
.listsq01 li{ margin-bottom:25px; text-align:center;}
}
.listsq01 li a{ display:inline-block; background:#de2935; color:#fff; border-radius:10px; padding:10px 25px; margin-bottom:15px;}
.listsq01 li div{ line-height:1.8;}

.listsq02{ background:url(../images/bg01.jpg) center no-repeat; background-size:cover; padding:4% 6%; margin:3% 0;}
.listsq02 h3{ font-weight:lighter; color:#de2935; line-height:2; text-align:center;}
.listsq02 ul{ margin-top:2%;}
@media screen and (min-width:1060px){
.listsq02 li{ float:left; width:33.33%;}
.listsq02 li div{ margin-top:20px;}
}
@media screen and (max-width:1060px){
.listsq02 li{ margin-bottom:25px; text-align:center;}
}
.listsq02 li a{ display:inline-block; background:#de2935; color:#fff; border-radius:10px; padding:10px 25px; margin-bottom:15px;}
.listsq02 li div{ line-height:1.8;}

.listsq03{ background:url(../images/bg01.jpg) center no-repeat; background-size:cover; padding:4%; margin:3% 0;}
.listsq03 h3{ font-weight:lighter; color:#de2935; line-height:2; text-align:center;}
.listsq03 ul{ margin-top:2%;}
@media screen and (min-width:1060px){
.listsq03 li{ float:left;}
.listsq03 li:nth-child(1){ width:30%;}
.listsq03 li:nth-child(2){ width:40%;}
.listsq03 li:nth-child(3){ width:30%;}
.listsq03 li div{ margin-top:20px;}
}
@media screen and (max-width:1060px){
.listsq03 li{ margin-bottom:25px; text-align:center;}
}
.listsq03 li a{ display:inline-block; background:#de2935; color:#fff; border-radius:10px; padding:10px 25px; margin-bottom:15px;}
.listsq03 li div{ line-height:1.8;}

.listly{ background:url(../images/bg04.jpg) center no-repeat; background-size:cover; padding:6% 0 3%;}
.listly form{ background:#ed1c24; color:#fff; padding:15px 35px 20px;}
.listly form em{ display:block; line-height:2; text-align:center;}
.listly form i{ display:block; text-align:center; line-height:1; margin-bottom:2%;}
.listly form p{ margin:10px; box-sizing: border-box;}
@media screen and (min-width:760px){
.listly form p{ float:left; width: calc(33.33% - 20px);}
}
.listly form div{ padding:0 10px; margin:10px 0;}
.mysubs{ background-color:inherit; border:2px #fff dashed; width:100%; max-width:260px; display:block; height:70px; margin:30px auto; color:#fff; border-radius:10px; cursor: pointer;}
.listlys{ padding:4% 0;}
@media screen and (min-width:760px){
.listlys_lixi{ float:left; width:60%;}
.listlys_con{ float:right; width:40%; text-align:right;}
}
@media screen and (max-width:760px){
.listlys_con{ margin-top:20px;}
}
.listlys_lixi{ color:#fff;}
.listlys_lixi p{ padding-left:40px; background-size:auto; margin:10px 0;}
.listlys_lixis{ width:100%; max-width:360px; border:1px #fff solid; border-radius:30px; padding:0 10px;}
.listlys_lixis a{ float:left; padding:10px 13px; text-align:center;}
.listlys_con h3{ background:#de2935; color:#fff; display:inline-block; padding:10px 25px; font-weight:100; border-radius:15px;}
.listlys_con span{ display:block; line-height:1.5; margin:10px 0 35px; color:#fff;}

.about_info .symain{ position:relative;}
.about_info li{ display:block; position:relative; margin:4% 0;}
@media screen and (min-width:760px) {
.about_info li .about_infoimg{position:absolute; width:50%; height:100%; left:0; top:0;}
.about_info li .about_infoimg img{ position:absolute; object-fit: cover; height:100%;}
.about_info li .about_infos{ float:right; width:50%;  }
}
@media screen and (max-width:760px) {
.about_info li .about_infos{ margin-top:20px;}
}
.about_info li .about_infoimg img{ width:100%;}
.about_info li .about_infos{ padding:4% 0 4% 5%; color:#111; line-height:2;}
.about_info li .about_infos em{ display:block; line-height:2; color:#de2935;}
.about_info li:nth-child(2n){ background:#f9f9f9; padding:2% 0;}
.about_info li:nth-child(2n) .about_infoimg{ left:50%;}
.about_info li:nth-child(2n) .about_infos{ float:left; padding:4% 5% 4% 0;}

.aboutcase_class{ display:block; text-align:center;}
.aboutcase_class span { font-size:16px; border:1px #ddd solid; color:#333; display:inline; padding:10px 35px; margin:0 10px; border-radius:20px; background:#fff; cursor: pointer;}
.aboutcase_class span.hover { background:#ed1c24; border:1px #ed1c24 solid; color:#fff; cursor: pointer;}
@media screen and (max-width:760px) {
.aboutcase_class{display: flex}
.aboutcase_class span { font-size:13px; flex: 1; padding:10px; margin:0 3px; border-radius:5px;}
}

.ourfuwu{ background:#f8f8f8; padding:2% 0 3%;}
.ourfuwu li{ float:left; padding:20px; background:#fff;}
@media screen and (min-width:760px) {
.ourfuwu li{ width: calc(25% - 18px); margin-right:24px;}
.ourfuwu li:nth-child(4n){ margin-right:0;}
}
@media screen and (max-width:760px) {
.ourfuwu li{ width: calc(50% - 12px); margin-right:24px;}
.ourfuwu li:nth-child(2n){ margin-right:0;}
}
.ourfuwu li img{ display:block; width:100%; border-radius:10px; margin-bottom:10px;}
.ourfuwu li em{ display:block; font-weight:700; line-height:1.8; color:#0c0c0c;}
.ourfuwu li p{ line-height:24px; position:relative; padding-left:15px; color:#333; margin:5px 0;}
.ourfuwu li p:before{ content:"·"; font-size:16px; font-weight:700; position:absolute; left:0; color:#333;}

.view_more{ text-align:center; padding:2% 0;}
.view_more a{ display:inline-block; background:url(../images/ico17.png) #ca2222 left 25px center no-repeat; padding:10px 35px 10px 70px; color:#fff; border-radius:35px; transition:.5s;}
.view_more a:hover{ box-shadow:0px 0px 18px #aaa; }

@media screen and (min-width:1060px) {
.izl-rmenu{position:fixed; right:0; margin-right:5px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#c31e1e;}
.izl-rmenu .btn-qq:hover{background-color:#b33622;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#c31e1e; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#e13030;}
.izl-rmenu .btn-wx:hover{background-color:#b33622;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#c31e1e;}
.izl-rmenu .btn-phone:hover{background-color:#b33622;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#999; display:none;}
.izl-rmenu .btn-top:hover{background-color:#555;}
}
@media screen and (max-width:1060px) {
.izl-rmenu{ display:none;}
}