@charset "utf-8";  /*格式化样式*/  

/*公共压缩样式，处理各个浏览器兼容性所写，可以无视*/html,body{height:100%;  font-family: Microsoft YaHei;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol{list-style:none}s{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}body{background-color:#fff;}/* 表单 */label{display:inline-block;*display:inline;*zoom:1}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]  input[type="button"]::-moz-focus-inner{border:none;padding:0}/* 字体 */h1{font-size:24px;margin:0 0 12px}h2{font-size:24px;margin:0 0 10px}h3{font-size:20px;margin:0 0 8px}h4{font-size:16px;margin:0 0 5px}h5{font-size:14px;margin:5px 0}h6{font-size:14px;margin:0 0 5px;}



.clearfix{overflow:hidden;zoom:1;clear: both;}

.clearfix{overflow:hidden;zoom:1;clear: both;}

*{

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

*behavior: url(../css/boxsizing.htc);

}

div,body,p,h1,h2,h3,h4,h5,ul,li,dl,dd,dt{

margin:0; 

padding:0;

list-style: none;

box-sizing:border-box;

}



a:focus{outline:none;}

a{color:#333;text-decoration: none; cursor:pointer; outline:none;}  

a:hover{ color:#7c2838; text-decoration: none;}

body{color:#333; max-width:1920px; min-width: 1200px; margin:0 auto;line-height: 1.5;}

html{font-size:14px;}

input[type=text],textarea {border: 1px solid #e3e3e3; background: #fff; -webkit-appearance: none;font-family: Microsoft YaHei;  -webkit-appearance: none;

    font-family: Microsoft YaHei;

    outline: none;}  

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;  font-family: Microsoft YaHei;}  

input{font-family: Microsoft YaHei;}  

textarea { -webkit-appearance: none;}

input[type="button"], input[type="submit"], input[type="reset"] {

    -webkit-appearance: none;

    font-family: Microsoft YaHei;

    outline: none;

}

img{width:auto; max-width:100%;vertical-align: bottom;}

select{outline: none;}

.flex{display: none;}

.fl{float:left;}

.fr{float:right;}

.clear{clear:both;}

.container{width:1200px; margin:0 auto;}

.top .container{display:flex; align-items:center;place-content: space-between; height:102px;}

.top .logo img{height:54px;}

.top .toptel{font-size:15px; color:#333;}

.top .toptel p{font-size:22px; font-weight:bold; color:#7c2838; line-height:1.2;}

.header{width:100%; height:56px; background:#1d1311; position:relative;z-index:10;}

.header .box{position:relative;width:100%;top:0; transition: all 0.5s ease-in-out}

.header .container{height:56px; display:flex; justify-content:space-between; align-items:center;}

.header ul{width:100%; display:flex; justify-content:space-around; align-items:center;}

.header ul li{position:relative;}

.header ul li>a{line-height:55px; position:relative; display:block; color:#fff; font-size:16px;}

.header ul li>a:after{ content:'';transition: all 0.3s ease-in-out;  position:absolute; bottom:12px; left:50%; transform:translate(-50%,0); width:0%; height:1px; background:#fff;}

.header ul li:hover a:after{width:100%;}

.header ul li .box{display:none; position:absolute; width:250%; top:55px; background:#1d1311; left:0;}

.header ul li .box p a{display:block; padding-left:20px; color:#fff; line-height:40px; border-top:1px solid #2e1e1b; font-size:14px;}

.header ul li .box p a:hover{color:#7c2838;}

.header ul li .casebox p a{padding-left:45px;}

.header ul li:hover .box{display:block;}

.ti{text-align:center;padding:40px 0;}

.ti h3{ font-size:30px;  font-weight:normal; color:#1d1311;}

.ti p{font-size:16px; color:#333;}

.section1{padding-bottom:50px;}

.section2{padding-bottom:10px;}

.section2 .container{display:grid; gap:30px; grid-template-columns:180px 1fr;}

.leftpartner li{line-height:30px; color:#333; font-size:15px;}

.rightlistbox{display:grid; gap:20px; grid-template-columns:repeat(1,1fr);}

.hcaselist .title{display:flex; justify-content:space-between; align-items:center; padding-bottom:8px;}

.hcaselist .title h3{font-size:24px;color:#1d1311;}

.hcaselist .title a{display:block; width:100px; line-height:30px; text-align:center; background:#a9a9a9; color:#fff; border-radius:3px;}

.hcaselist .title a:hover{background:#7c2838; color:#fff;}
.hcaselist .info{color:#666; line-height:22px; padding-bottom:10px;}
.hcaselist ul{display:grid; gap:20px; grid-template-columns:repeat(3,1fr); text-align:center;}

.hcaselist ul li p{ line-height:30px; padding-top:5px; font-size:15px; font-weight:bold;}

.hcaselist ul li .img{overflow:hidden;}

.hcaselist ul li .img img{transition: all 0.3s ease-in-out;}

.hcaselist ul li:hover .img img{transform: scale(1.05); opacity:0.95;}

.hcaselist ul li:hover p a{color:#7c2838;}

.swiper-partner .swiper-slide{padding:5px;}

.swiper-partner .swiper-slide .img{box-shadow:0 0 5px rgba(0,0,0,0.05); padding:10px;}

.section3{padding-bottom:50px;}

.section4{background:#f5f5f5; padding-bottom:50px;}

.swiper-pagination-bullet{background:#fff;}

.swiper-pagination-bullet-active{background:#7c2838;}

.designlist ul{display:grid;gap:20px; grid-template-columns:repeat(4,1fr);}

.designlist ul li{background:#fff;}

.designlist ul li img{width:100%;}

.designlist ul li .txt{padding:10px 15px;}

.designlist ul li .txt h3{font-size:18px; line-height:30px; padding-bottom:5px;}

.designlist ul li .txt .p{font-size:14px; line-height:1.8; color:#555;}

.footer{background:#1d1311;color:#fff;}

.footer .container{display:grid; grid-template-columns:280px 1fr; gap:50px; padding:40px 0 30px;}

.fcontact{font-size:16px; line-height:35px; padding-top:20px;}

.fcontactbox img{width:240px;}

.fcontact i{font-size:24px; margin-right:5px; vertical-align:bottom;}

.footer ul{display:grid; gap:20px; text-align:center; grid-template-columns:repeat(5,1fr);}

.footer ul li img{display:block; width:140px; height:140px;}

.footer ul li p{padding-top:10px;}

.copy{text-align:center; padding:25px 0; border-top:1px solid #2e1f1d;}

.copy a{color:#fff;}

.main{padding-bottom:60px;}

.nti{padding:40px 0; text-align:center;}

.nti h3{font-size: 30px; font-weight: normal; color: #1d1311;}

.content{font-size:17px;padding:0 20px;}

.content img{margin:10px 0;}

.caselistbox ul{display:grid; gap:25px; text-align:center; grid-template-columns:repeat(4,1fr);}

.caselistbox ul li .img{overflow:hidden;}

.caselistbox ul li .img img{transition: all 0.3s ease-in-out;}

.caselistbox ul li:hover .img img{transform: scale(1.05); opacity:0.95;}

.caselistbox ul li p{ line-height:30px; padding-top:5px; font-size:15px; font-weight:bold;}

.caselistbox ul li:hover p a{color:#7c2838;}

.page{padding-top:30px; text-align:center;}

.page{overflow:hidden; line-height:32px;}

.page a,.page span{color:#444; display:block; font-size:14px; padding:2px 12px; margin:0 5px; background:#f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px}

.page a:nth-child(1){margin-left:0!important}

.page .active a{background:#7c2838; color:#FFF}

.page a:hover{background:#7c2838; color:#FFF}

.page ul,.page li{list-style:inherit;}

.page li{display:inline-block;}

.updowns{padding-top:20px; line-height:2; font-size:16px;}

.ntitle{border-bottom:1px solid #f4f4f4;font-size: 25px; color: #333; padding:25px 0; margin-bottom:20px;}

.ntitle h3{font-size: 25px; font-weight:normal;}



.partnerlistbox ul{display:grid; gap:25px; padding-bottom:20px; text-align:center; grid-template-columns:repeat(4,1fr);}

.partnerlistbox ul li .img{box-sizing: ;}

.partnerlistbox ul li .img img{transition: all 0.3s ease-in-out;}

.partnerlistbox ul li:hover .img img{ opacity:0.95;}

.partnerlistbox ul li p{ line-height:30px; padding-top:10px; font-size:15px; font-weight:bold;}

#map img{width:auto; max-width:inherit;}

.contact ul{display:grid; grid-template-columns:repeat(3,1fr); justify-content:space-around; text-align:center; padding-bottom:40px;}

.contact ul li .img{padding-bottom:5px;}

.teamcontent{display:grid; grid-template-columns:400px 1fr; gap:50px;}

.teamcontent .img img{margin:0;width:100%;}

.teamcontent .txt{font-size:16px; line-height:2; color:#333;}

.teamcontent .txt h3{font-size:18px; color:#111;padding-bottom:5px;}



.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%237c2838'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%237c2838'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.ncaselistbox{padding-bottom:15px;}
.ncaselistbox ul{display:grid; gap:30px; grid-template-columns:repeat(2,1fr);}
.ncaselistbox ul li{display:grid; gap:30px; grid-template-columns:240px 1fr;}
.ncaselistbox ul li h3{line-height:32px; padding:8px 0;}
.ncaselistbox ul li p{font-size:14px; line-height:24px; color:#666;}