@charset "UTF-8";
html{}
body {font-family:Microsoft YaHei,SimSun,Arial;color: #333;padding:0;margin:0 auto;font-size:14px;position: relative;background-color:#FFF;min-height: 100vh;overflow-x: hidden;}
body.on{overflow: hidden;}
a{text-decoration:none;}
ul,p,h1,ul{margin:0;padding:0;}
ul{list-style:none;}
.clearfix{*zoom: 1;}
.clearfix:after {display: table;content: "";clear: both;}
a{color: #333}
a img{border: 0;}
input,button,textarea{outline: none;
    box-shadow: none;
    -webkit-appearance: none;border: 0;
    border: none;border-radius: 0;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}
.pb20{padding-bottom: 20px;}
.pb40{padding-bottom: 40px;}
.pt40{padding-top: 40px;}
.ptb{padding: 2rem 0;}
.mb15{margin-bottom: 15px;}
.mt10{margin-top: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px!important;}
.h10{height: 10px;}

::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}  
.position_r{position: relative;}
.position_a{position: absolute;}
.show{display:block;}
.hide{display:none;}
.topbanner .pc{display:block;}
.topbanner .sj{display:none;}

body{position: relative;overflow-x: hidden;}

.topbanner{width: 100%;
height:100vh;
position: relative;overflow: hidden;}
.topbanner .ship{width: 100%;
height:100vh;
z-index: 800;}
.topbanner .ship .next,
.topbanner .ship .prev{background: transparent;background-color:#341a17;width: 40px;height: 60px;font-size: 2rem;line-height: 60px;color: #fff;text-align: center;}
.topbanner .ship .next{right:0 ;}
.topbanner .ship .prev{left: 0;}
.topbanner .box{margin-top: 15%;color: #FFF;height: 80%;}
.topbanner .box .p1{font-size: 1.4rem;}
.topbanner .box .p2{font-size: 2.5rem;padding:1rem 0;}
.topbanner .box .p3{font-size: 1.2rem;}
.topbanner .top_news{position: absolute;bottom: 0;left: 0;width: 100%;height:85px;background-color: rgb(0 0 0 / 60%);z-index: 801; padding: 1rem 0;}
.topbanner .top_news .t_news{position: relative;}
.topbanner .top_news .t_title{width: 66px;}
.topbanner .top_news .t_title span{background-color: #72161b;font-size:1.1rem;line-height: 50px; height:55px;width: 100%;color: #fff;display: inline-block;text-align: center;font-weight: bold;position: relative;}
.topbanner .top_news .t_title span:before{position: absolute;transform:rotate(90deg);font-size:12px;top: 2px;left: 2px;font-family: "iconfont" !important;box-sizing: border-box;content: "\e652";color: #fff;line-height: 10px;}
.topbanner .top_news .t_title span:after{position: absolute;bottom: 7px;left: 10px;width: 46px;height: 2px;background-color: #fff; box-sizing: border-box;content: "";}
.topbanner .top_news .t_title p{color: #fff;font-size: 1rem;line-height: 30px;}
.topbanner .top_news .t_newslist{width: calc(100% - 81px);position: relative;}
.topbanner .top_news .t_newslist .news{width: 100%;z-index: 800;}
.topbanner .top_news .t_newslist .news .next,
.topbanner .top_news .t_newslist .news .prev{background: transparent;background-color:#53453b;width: 40px;height: 40px;font-size: 2rem;line-height: 40px;color: #fff;text-align: center;margin: 0;}
.topbanner .top_news .t_newslist .news .next{right:0 ;top: 0;}
.topbanner .top_news .t_newslist .news .prev{right: 0;left: auto;top: 45px;}
.topbanner .top_news .t_newslist .news .next:hover,
.topbanner .top_news .t_newslist .news .prev:hover{background-color: #72161b;}
.topbanner .top_news .t_newslist .n_box {width: calc(100% - 120px);padding-right: 120px;}
.topbanner .top_news .t_newslist .n_box  .time{background-color: #53453b;color: #fff;width: 85px;height: 85px;border-radius: 3px;text-align: center;}
.topbanner .top_news .t_newslist .n_box  .time .s1{font-size: 30px;width: 100%;padding-top:10px;font-weight:bold;display: inline-block;}
.topbanner .top_news .t_newslist .n_box  .time .s2{font-size: 12px;}
.topbanner .top_news .t_newslist .n_box .wen{color: #FFF;width: calc(100% - 100px);float: left;margin-left: 15px;}
.topbanner .top_news .t_newslist .n_box .wen .biao{font-size: 1.2rem;line-height: 35px;height: 35px;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.topbanner .top_news .t_newslist .n_box .wen .desc{line-height: 25px;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;}

.topbanner .top_news .t_newslist .n_box:hover .time{background-color: #72161b;}

.topbanner .top_news .zmore{position: absolute;top: 16px;right: 60px; background-color: #53453b;color: #fff;width: 50px;padding:9px 0 ;display: inline-block;font-size: 12px;text-align: center;z-index: 801;}
.topbanner .top_news .zmore:hover{background-color: #72161b;}
body .next:hover,
body  .prev:hover{background-color: #72161b;}
.w875{width: 1570px;margin: 0 auto;}

.header{width: 100%;padding:20px 0;position: absolute;top: 0;left: 0;z-index: 900;}
.header .m_top .logo,
.header .m_top .logo1{width: 15%;height: 60px;}
.header .m_top .logo img,
.header .m_top .logo1 img{max-height: 100%;}
.header .m_top .logo1{display: none;}
.header .m_top .nav a{color: #FFF;padding: 0 1rem;position: relative;line-height:32px;display: inline-block;margin-top: 13px;}
.header .m_top .nav a.on,
.header .m_top .nav a:hover{text-decoration: underline;}
.header .m_top .nav a.iconfont{font-size: 24px;padding: 0 2px;line-height: 32px;width: 32px;height: 32px; text-align: center;display: inline-block;margin-top: 5px;}
.header .m_top .nav a.xx{background-color: #72161b;border:1px solid #957173;height: 30px;width: 30px;padding: 0;font-size: 20px;color: #fff!important;}
.header .m_top .nav a.xx:hover{background-color: #fff;color: #72161b;}
.header .m_top .nav a.xx:hover:before{color:#72161b ;}
.header .m_top .nav a:hover.iconfont{background-color: #72161b;text-decoration: none;}
.header .m_top .nav a:hover.iconfont:before{color: #fff;}
.header .m_top .tmenu{background-color: #72161b;color:#fff;line-height: 32px;border:1px solid #957173;height: 30px;width: 30px;padding: 0;font-size: 20px;text-align: center;margin-top: 12px;display: none;margin-left: 5px;}

.header.on{background-color: #FFF;position: fixed;border-bottom: 1px solid #ededed;}
.header1 .m_top .logo{display: none;}
.header1 .m_top .logo1{display: block;}
.header1 .m_top .nav a{color: #333;}
.header1 .m_top .nav a.on,
.header1 .m_top .nav a:hover{text-decoration: underline;color: #72161b;}
.header1.m_top .tmenu{color: #fff;}
.header .suos{position: absolute;top:calc(100% - 1px);right: 9%;height: 40px;background-color: #fff;display: none;}
.header .suos input{padding: 0 5px;border: 0;width: 240px;line-height: 40px;height: 40px;float: left;}
.header .suos span{width: 40px;height: 40px;display:inline-block;line-height: 40px;font-size: 24px;font-weight: bold;text-align: center;cursor: pointer;}
.transform {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.header .m_top .nav{position: relative;}
.header .topewm{position: absolute;top:50px;right:100px;background-color: #fff;width: 100px;display:none;}
.header .topewm img{width: 100%;}


.transform {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.menu_show{position: fixed;width: 400px;height: 100%;right:-450px;top: 0;background-color:#333;z-index: 1000;padding: 0 25px;;z-index:902;}
.menu_show .close{position: absolute;top: 3%;left:5%;font-size: 2rem;color: #FFF;cursor: pointer;}
.menu_show .box{width: 100%;margin: 60px 0 0 0;color: #FFF;}
.menu_show .box p{line-height: 38px;}
.menu_show .box .tit{font-size: 1.1rem;}
.menu_show .box .biao{letter-spacing: 3px;font-size: 1.2rem;}
.menu_show .box  .ewm{margin-top: 1rem;}
.menu_show .box  .ewm div{width:calc(25% - 7.5px);margin-right: 10px;text-align: center;}
.menu_show .box  .ewm div:last-child{margin-right: 0;}
.menu_show .box  .ewm div img{width: 100%;}
.menu_show .box  .ewm div p{line-height: 2rem;}


.leftnav{position: fixed;width: 100%;height: 100%;left:-100%;top: 0;background-color:#333;z-index: 1000;}
.leftnav .close{position: absolute;top: 3%;right:5%;font-size: 2rem;color: #FFF;cursor: pointer;}
.leftnav .box{width: 100%;color: #FFF;}
.leftnav .box .biao{height: 40px;padding: 15px;}
.leftnav .box .biao img{height: 100%;}
.leftnav .box .nav-mobile{width: 100%;}
.leftnav .box .nav-mobile li{border-bottom: 1px solid #fff;padding: 0 30px;}
.leftnav .box .nav-mobile li a{line-height: 45px;color: #fff;}
.leftnav .box .nav-mobile li.on>a,
.leftnav .box .nav-mobile li.navitem.on>a{color: #72161b;font-weight: bold;}
.leftnav .box .nav-mobile li.navitem{position: relative;}
.leftnav .box .nav-mobile li.navitem:after{font-family: "iconfont" !important;content: "\e62f";position: absolute;top: 0;right: 0;width: 30px;line-height: 50px;font-size: 20px;}
.leftnav .box .nav-mobile li.navitem.on:after{content: "\e740";}
.leftnav .suos{height: 40px;padding: 0 20px;margin-top: 30px;}
.leftnav .suos input{padding: 0 5px;border: 0;width: calc(100% - 55px);line-height: 40px;height: 40px;float: left;}
.leftnav .suos span{width: 40px;height: 40px;display:inline-block;line-height: 40px;font-size: 24px;font-weight: bold;text-align: center;cursor: pointer;background-color: #72161b;}

.subnav{width: 100%;display: none;}
.subnav a{width: 100%;padding-left: 20px;width: calc(100% - 20px);display: inline-block;}
.leftnav .box .nav-mobile li.on{}
.titleA{width: 1120px;background: url(../images/title_box.png) no-repeat center;background-size: contain;margin:3rem auto;text-align: center;}
.titleA .p1{font-size: 2.4rem;color: #73161b;line-height: 4rem;padding-top: 0.5rem;}
.titleA .p2{font-size: 1.4rem;color: #999;text-transform:uppercase   ;}
.titleA .p3,
.titleA .p4{font-size: 1rem;color: #333;line-height: 3rem;padding-bottom: 1rem;}
.titleA .p4 a{padding: 0 5px;display: inline-block;}
.titleA .p4 a:hover{color: #72161b;text-decoration: underline;}
.mf1 {position: relative;margin-bottom: 3rem;}
.mf1 .about_tab .nav{padding: 4rem;background-color: #cecece;text-align: center;margin-bottom: 10px;color: #333;cursor: pointer;}
.mf1 .about_tab .nav:last-child{margin-bottom: 0;}
.mf1 .about_tab .nav span.iconfont{font-size:3rem;color: #72161b;}
.mf1 .about_tab .nav p{font-size: 1rem;margin-top: 5px;}
.mf1 .about_tab .nav:hover,
.mf1 .about_tab .nav.on{background-color: #6a1419;color: #fff;}
.mf1 .about_tab .nav:hover span.iconfont,
.mf1 .about_tab .nav.on span.iconfont{color: #fff;}
.mf1 .about_box{background-color: #cecece;width: calc(100% - 13rem);position: absolute;top: 0;right: 0;height: 100%;}
.mf1 .about_box .ab_box {width: 100%;height: 100%;overflow: hidden;}
.mf1 .about_box .ab_box img{height: 100%;float: right;}
.mf1 .about_box .ab_box .wenz{background-color: #f2f2f2;padding: 2rem;position: absolute;top: 5%;left:5%;width: 60%;height:calc( 90% - 4rem);}

/*
.mf1 .about_box .ab_box .wenz:before {content: "";display: block;width: 0px;height: 0px; border:40px solid transparent; border-color: #f2f2f2  #fff #fff #f2f2f2;bottom: 0px;right: 0px; position: absolute;}
*/
.mf1 .about_box .ab_box .wenz .p1{font-size: 1.8rem;font-weight: bold;}
.mf1 .about_box .ab_box .wenz .p1 span{position: relative;line-height: 2.4rem;display: inline-block;color: #6a1419;}
.mf1 .about_box .ab_box .wenz .p1 span:before{position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #6a1419;box-sizing: border-box;content: '';}
.mf1 .about_box .ab_box .wenz .p1 .s2{color: #333;}
.mf1 .about_box .ab_box .wenz .p1 .s2:before{background-color: #333333;width: 10%;left: 3px;}
.mf1 .about_box .ab_box .wenz .p2{font-size: 1rem;color: #333;padding: 1rem 0;}
.mf1 .about_box .ab_box .wenz .desc{line-height: 2rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;}
.mf1 .about_box .ab_box .wenz .more{margin-bottom:3rem;background-color: transparent;border:1px solid #72161b;color: #72161b;}
.mf1 .about_box .ab_box .wenz .more:before{color: #72161b;}
.mf1 .about_box .ab_box .wenz .more:hover{background-color: #72161b;color: #fff;}
.mf1 .about_box .ab_box .wenz .more:hover:before{color: #fff;}
.more{width: 7rem; background-color: #72161b;font-size:1rem;line-height: 40px; height:40px;color: #fff;display: inline-block;text-align: center;position: relative;cursor: pointer;}
.more:before{position: absolute;transform:rotate(90deg);font-size:12px;top: 2px;left: 2px;font-family: "iconfont" !important;box-sizing: border-box;content: "\e652";color: #fff;line-height: 10px;}

.mf1 .about_box .ab_box .wenz  .wenhua span{color: #72161b;}
.mf1 .about_box .ab_box .wenz .wenhua .t1{text-indent: 2em;}
.mf1 .about_box .ab_box:last-child .wenz {width: calc(90% - 4rem);}
.mf1 .service_lunbo{margin-top: 6%;min-height: 100px;}
.mf1 .service_lunbo .box .con .title{font-size: 1.4rem;}
.mf1 .service_lunbo .num{height: 60px;line-height: 60px;font-size: 2rem;}
.mf1 .service_lunbo .num .swiper-pagination-current{font-size: 2rem;}
.mf1 .service_lunbo .box .con{top: 5%;}
.mf1 .service_lunbo .box .con .more{margin-bottom: 1rem;}
.mf1 .service_lunbo .box .con .desc{font-size: inherit;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;}
.mf2 li{width:calc(33.33% - 6.666px);float: left;}
.mf2 li:nth-child(2){margin: 0 10px;}
.mf2 li .pro{position: relative;font-size: 0;overflow: hidden;}
.mf2 li a{}
.mf2 li img{width: 100%;transition: all 1000ms;}

.mf2 li .tupic{margin-top:1rem;}
.mf2 li .tupic2{margin-bottom: 1rem;}
.mf2 li .tup{width: calc(50% - 5px);}
.mf2 li .pro .word{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;background-color:rgba(0, 0, 0, 0.3);}
.mf2 li .pro .word span{color: #fff;font-size: 1.4rem;position: absolute;top: 45%;width: 100%;left: 0;}
.mf2 li .pro:hover img{transform:scale(1.2);}
.mf3{background: url(../images/index_bg1.png) no-repeat center bottom #f2f2f2;background-size:contain ;padding:1px 0 4rem;margin-top: 3rem;}
.case_list li{width:calc(25% - 12px);overflow: hidden; margin-right:16px;float: left;position: relative;overflow: hidden;cursor: pointer;}
.case_list li:nth-child(4n){margin-right: 0;}
.case_list li img{width: 100%;transition: all 1000ms;}
.case_list li:hover img{transform:scale(1.2);}
.case_list li .word{background-color:rgba(0, 0, 0, 0.6);position: absolute;bottom: 0;left: 0;padding:8px 5%;width: 90%;color: #FFF;}
.case_list li .word .biao{width: calc(100% - 120px);}
.case_list li .word .price{padding-top: 8px;}
.case_list li .word .p2{position: relative;font-size:12px;color: #999;}
.case_list li .word .p2:before{color: #fff;}
.case_list li .word .p1{font-size: 1rem;}
.case_list li .word2{display:none;background-color:rgb(114 22 27 / 50%);position: absolute;top: 0;left: 0;padding:0 5%;width: 90%;color: #FFF; height: 100%;text-align: center;}
.case_list li .word2 .p3{margin-top: 26%;font-size: 1.3rem;font-weight: bold;}
.case_list li .word2 .p5{font-size: 12px;}
.case_list li .word2 .p4{font-size: 12px;padding: 1rem 0;}
.case_list li .word2 a{background-color: #fff;width:calc( 40% - 2px);color: #72161b;border:1px solid #72161b;line-height: 2.4rem;display: inline-block;margin: 0 4%;font-size: 12px;border-radius: 4px;}
.case_list li .word2 a:hover{background-color:#72161b;color: #fff; }
.case_list li:hover .word{display: none;}
.case_list li:hover .word2{display: block;}
.mf3 .more{padding: 0 1rem;}

.shuzi{width:80%;margin: 2rem auto;}
.shuzi .box{width: 33.33%;float: left;text-align: center;}
.shuzi .box span{color: #73161b;font-size: 2.6rem;font-weight: bold;display: inline-block;padding-bottom: 1rem;}
.shuzi .box p{color: #333;}

.hezuo_list{padding-bottom: 2rem;}
.hezuo_list li{float: left;width: calc(12.5% - 10.75px);margin-right: 10px;border:1px solid #cacaca;margin-bottom: 10px;}
.hezuo_list li:nth-child(8n){margin-right: 0;}
.hezuo_list li .pic{width: 100%;overflow: hidden;position: relative;font-size: 0;}
.hezuo_list li .pic img{width: 100%;transition: all 1000ms;}
.hezuo_list li .pic img:hover{transform:scale(1.2); }


.dibu{background-color: #72161b;padding: 40px 0;position: relative;}
.dibu .box .d_logo {width: 15%;font-size: 0;text-align: center;}
.dibu .box .d_logo  img{width: 100%;}
.dibu .box .d_logo a{font-size: 2rem;color: #fff;width: 3rem;height: 3rem;border: 1px solid #fff;border-radius: 50%;text-align: center;line-height: 3rem;display: inline-block;}
.dibu .box .d_logo .biao{padding: 2rem 5% 0;}
.dibu .box .list{width:45%;margin: 0 2%;color: #fff;line-height: 2rem;}
.dibu .box .list a{color: #fff;}
.dibu .box .list a:hover{text-decoration: underline;}
.dibu .box .list i{font-style: normal;padding: 0 5px;}
.dibu .box .list p{line-height: 2rem;}
.dibu .box .d_ewm{width:30%;color: #FFF;font-size: 14px;}
.dibu .box .d_ewm .p1{font-size: 1.1rem;}
.dibu .box .d_ewm .p2{line-height: 2rem;padding-bottom: 0.5rem;}
.dibu .box .d_ewm .ewm div{width:calc(25% - 7.5px);margin-right: 10px;text-align: center;}
.dibu .box .d_ewm .ewm div:last-child{margin-right: 0;}
.dibu .box .d_ewm .ewm div img{width: 100%;}
.dibu .box .d_ewm .ewm div p{line-height: 2rem;}
.dibu .box .sj{display: none;}
footer{background-color:#2a3235;padding: 10px 0;line-height: 2.5rem;color: #9b999a;text-align: center;position:relative;}
footer span{display: inline-block;}
footer a{color: #9b999a;margin: 0 5px;}

.rightkehu{position: fixed;bottom: 10%;right: 0; width: 70px;z-index: 900;transform: translate(100%,-50%);transition: all 0.3s;border: 1px solid #cacaca;}
.rightkehu li{border-bottom: 1px solid #cacaca;}
.rightkehu li:last-child{border-bottom: 0;}
.rightkehu li a{width: 70px;padding-top:45px;height: 25px;background-color:#fff;color: #999;font-size: 12px;line-height: 25px;text-align: center;display: inline-block;position: relative;}
.rightkehu li a:before{position: absolute;top: 5px;left:0;font-size: 30px;color:#72161b;line-height: 40px;text-align: center;width: 100%;}
.rightkehu img{width: 100px;position:absolute;top: 0;left: -115px;display: none;}
.rightkehu .pc_tel{position:absolute;top:0;left: -115px;background-color:#ba7d2c;color: #FFF;font-size: 14px;font-weight: bold;line-height: 50px;padding: 0 10px;display: inline-block;display: none;}
.rightkehu .sjtel{display: none;}
.rightkehu.on {transform: translate(0,-50%);}
.rightkehu li a:hover{background-color:#72161b;color: #fff;}
.rightkehu li a:hover:before{color: #fff;}
.zbanner{padding-top: 100px;}
.zbanner{position: relative;font-size: 0;}
.zbanner img{width: 100%;}
.zbanner .box{position: absolute;top:40%;text-align: center;color: #fff;width: 86%;left:7%;}
.zbanner .box .p2{font-size: 2rem;font-weight:bold;text-transform: uppercase;padding-bottom: 1rem;}
.zbanner .box .p4{font-size: 1.2rem;padding: 0.5rem 2rem;display: inline-block;position: relative;}
.zbanner .box .p4:before{position: absolute;top: 0;left: 0;background: url(../images/kua_x1.png) no-repeat left center;background-size: contain;box-sizing: border-box;content: '';width:2rem;height: 100%;}
.zbanner .box .p4:after{position: absolute;top: 0;right: 0;background: url(../images/kua_x2.png) no-repeat right center;background-size: contain;box-sizing: border-box;content: '';width:2rem; height: 100%;}
.zbanner .ab_nav{position: absolute;bottom: 0;left: 0;width: 100%;background-color: #72161b;}
.zbanner .ab_nav a{color: #fff;font-size:16px;line-height: 3rem;display: inline-block;margin-right: 5% ;position: relative;}
.zbanner .ab_nav a:hover:before ,
.zbanner .ab_nav a.on:before{position: absolute;bottom: 2px;left: 0;width: 100%;color: #fff;font-family: "iconfont" !important;box-sizing: border-box;content: "\e603";line-height: normal;text-align: center;}
.zbanner .ab_nav a:hover:after,
.zbanner .ab_nav a.on:after{position: absolute;bottom: 6px;left: 0;width: 100%;height:2px;background-color: #fff;box-sizing: border-box;content: "";}
.about_banner.zbanner{top: 35%;}
.titleB{width: 1024px;margin:0  auto 3rem;text-align: center;}
.titleB .p1{font-size: 2.4em;font-weight:bold;color: #72161b; padding: 0.5rem 2rem;display: inline-block;position: relative;}
.titleB .p1:before{position: absolute;top: 0;left: 0;background: url(../images/kua_h1.png) no-repeat left center;background-size: contain;box-sizing: border-box;content: '';width:2rem;height: 100%;}
.titleB .p1:after{position: absolute;top: 0;right: 0;background: url(../images/kua_h2.png) no-repeat right center;background-size: contain;box-sizing: border-box;content: '';width:2rem; height: 100%;}
.titleB .p2{font-size: 1.4rem;color: #666;line-height: 3rem;}
.titleB .p3{font-size: 1.2rem;color: #999;line-height: 3rem;position: relative;}
.titleB .p3:before{position: absolute;top: 50%;left: 0;width: 30%;height: 1px;background-color: #999;box-sizing: border-box;content: '';}
.titleB .p3:after{position: absolute;top: 50%;right: 0;width: 30%;height: 1px;background-color: #999;box-sizing: border-box;content: '';}
.titleB .p3 span{padding: 0 1rem;z-index: 10;position: relative;}
.mf5{background: url(../images/about_bg1.png) no-repeat center bottom #f2f2f2;background-size:contain ;padding: 3rem 0 6rem;}
.mf5 .con{line-height: 2.6rem;text-align: center;}
.mf6{background: url(../images/about_bg2.jpg) no-repeat center bottom #f2f2f2;background-size:cover ;padding: 3rem 0 6rem;}
.titleC .p1,.titleC .p2,.titleC .p3{color: #fff;}
.titleC .p1:before{background: url(../images/kua_w1.png) no-repeat left center;background-size: contain;}
.titleC .p1:after{background: url(../images/kua_w2.png) no-repeat right center;background-size: contain;}
.titleC .p3:before,.titleC .p3:after{background-color: #fff;}
.mf6 .con{position:relative;}
.mf6 .con .pic{position: absolute;top: 0;left: 0;height: 100%;overflow: hidden;width:66%;}
.mf6 .con .pic img{width: 100%;height: 100%;}
.mf6 .con .desc{padding: 1rem;background-color: #fff;line-height: 2.6rem;width: calc(34% - 2rem);position: relative;z-index: 9;}
.mf6 .con .desc span{color: #72161b;}
.mf6 .con .desc .t1{text-indent: 2em;}

.titleD{margin: 3rem auto;}
.titleD .biao{background: url(../images/title_A.png) no-repeat left  center;background-size: contain;font-size: 2.4rem;color: #72161b;font-weight: bold;padding-left: 3rem;}
.titleD .word{padding-left: 10px;}
.titleD .p1{font-size: 1.4rem;color: #999;}
.titleD .p2{color: #999;font-size: 0.9rem;}
.mf7{background-color: #f2f2f2;padding: 1px 0 4rem;}
.mf7 .box{position: relative;padding: 0 20px;}
.mf7 .box .pic{position: absolute;top: 10%;left: 0;width: 35%;height: 80%;}
.mf7 .box .pic img{width: 100%;}
.mf7 .box .word{width: 60%;padding: 2rem 4% 240px 6%;background-color: #fff;border:1px solid #cacaca;}
.mf7 .box .word .biao{font-size: 1.6rem;color:  #72161b;padding-bottom: 2rem;}
.mf7 .box .word .desc{line-height: 28px;min-height: 200px;}
.mf7 .tupic{width:400px;position: absolute;bottom: 10%;left:38%;z-index: 9;}
.mf7 .m_box .tupic img{border: 1px solid #fff;width: calc(100% -  2px);}
.mf7 .m_box .tupic .swiper-slide-thumb-active img{border: 1px solid #72161b;}
.mf7 .ship{margin-left: 20px;width: calc(100% - 20px);}
.mf7 .m_box .next,
.mf7 .m_box .prev{background: transparent;background-color:#341a17;width: 40px;height: 60px;font-size: 2rem;line-height: 60px;color: #fff;text-align: center;}
.mf7 .m_box .next{right:0 ;}
.mf7 .m_box .prev{left: 0;}
.mf7 .m_box .next:hover,
.mf7 .m_box .prev:hover{background-color: #72161b;color: #fff; }
.mf8{background: url(../images/about_bg3.jpg) no-repeat center bottom #f2f2f2;background-size:cover ;padding: 1px 0 4rem;}
.titleE{margin: 3rem auto;}
.titleE .biao{background: url(../images/title_B.png) no-repeat left  center;background-size: contain;font-size: 2.4rem;color: #fff;font-weight: bold;width:calc( 100%; - 3rem);padding-left: 3rem;}
.titleE .word{padding-left: 30px;color: #fff;padding-top: 3rem;}
.titleE .p1{font-size: 1.4rem;}
.titleE .p2{font-size: 0.9rem;}
.mf8 .xian{position: relative;}
.mf8 .xian:before{position: absolute;bottom: 7px;left: 30px;width:100%;height:1px;background-color:#fff;box-sizing: border-box; content: "";color: #fff;}
.mf8 .xian:after{position: absolute;bottom: 0;left: -30px;font-size:12px;box-sizing: border-box; content: "Timeline";color: #fff;}
.mf8 .desc{width: 30%;color: #fff;line-height: 28px;padding-top: 3rem;}
.mf8 .history{width: 67%;}
.mf8 .history .box{background-color: #FFF;border-radius:10px;margin-bottom: 40px;position: relative;}
.mf8 .history .box:before{position: absolute;bottom: -15px;left: 10px;font-size:24px;font-family: "iconfont" !important;box-sizing: border-box; content: "\e617";color: #fff;}
.mf8 .history .box:after{position: absolute;bottom: -46px;left: 14px;font-size:24px;box-sizing: border-box; content: "●";color: #fff;}
.mf8 .history .box .pic{overflow: hidden;border-radius: 10px 10px 0 0;overflow: hidden;}
.mf8 .history .box .pic img{width: 100%;}
.mf8 .history .box .pic img:hover{transition: all 1000ms;}
.mf8 .history .box .pic img:hover{transform:scale(1.2); }
.mf8 .history .box .word{padding:1rem  4%;line-height: 20px;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;height: 60px;}
.mf8 .history .box .time{padding:1rem  4%;color: #72161b;font-size: 1.4rem;font-weight: bold;}

.mf8 .xian .next,
.mf8 .xian .prev{top:-60px;background: transparent;background-color:#fff;width: 30px;height: 30px;font-size: 1.4rem;line-height: 30px;color: #341a17;text-align: center;}
.mf8 .xian .next{right:0 ;}
.mf8 .xian .prev{right: 40px;left: inherit;}
.mf8 .xian .next:hover,
.mf8 .xian .prev:hover{background-color: #72161b;color: #fff; }
.mf9{background-color: #f2f2f2;padding: 3rem 0;}
.mf9 .pic{width: 32%;font-size: 0;}
.mf9 .pic img{width: 100%;}
.mf9 .word{width: 65%;}
.mf9 .word .tupic{width: 12%;font-size: 0;}
.mf9 .word .tupic img{width: 100%;}
.mf9 .word .desc{width: 85%;line-height: 28px;}
.mf9 .word .desc p{padding: 1.5rem 0;}

.mf10{padding: 3rem 0;}
.mf10 ul li i{font-style: normal;width: 70px;text-align:center;float:left;background-color: #b7b7b7;color: #333;line-height: 55px;display: inline-block;}
.mf10 ul li .type{width: calc(100% - 85px);padding-left: 15px;}
.mf10 ul li .type a{margin: 10px 5px 0  0; line-height:35px;float:left;display: inline-block;padding: 0 20px;text-align: center;}
.mf10 ul li .type a:hover,
.mf10 ul li .type a.on{background-color: #72161b;color: #fff;position: relative;}
.mf10 ul li .type a:hover:before,
.mf10 ul li .type a.on:before{position: absolute;transform:rotate(90deg);font-size:12px;top: 3px;left: 2px;font-family: "iconfont" !important;box-sizing: border-box;content: "\e652";color: #fff;line-height: 10px;}

.mf10 ul li .type a.s1{border: 1px solid #cacaca;position: relative;padding-right: 30px;margin-right: 10px;}
.mf10 ul li .type a.s1:after{font-family: "iconfont" !important;content: "\e605";transform:rotate(90deg);position: absolute;font-weight: bold;}
.mf10 ul li .type a.s1.sx:after{transform:rotate(-90deg);}
.mf10 ul li .type a.s1.on{background-color: #72161b;color: #fff;}
.mf10 ul li .type a.s1.on:after{color: #fff;}
.mf10 .search{margin: 10px 0;height:35px;}
.mf10 .search input{width: 8rem;line-height: 33px;text-align: center; border:1px solid #cacaca;height: 33px;float: left;padding: 0;}
.mf10 .search span{background-color: #72161b;color: #fff;padding: 0 10px;display: inline-block;line-height: 35px;float: left;cursor: pointer;}

.mf10 .result{font-size: 2rem;margin-bottom: 20px;}
.mf10 .search.jieg {width: 50%;}
.mf10 .search.jieg input{width: calc(100% - 6rem - 6px );line-height: 33px;text-align: center; border:1px solid #cacaca;height: 33px;float: left;}
.mf10 .search.jieg span{width: 6rem;text-align: center;padding: 0;}

.mf11{border-bottom: 1px solid #cacaca;border-top: 1px solid #cacaca;padding-top: 3rem;}
.mf11 li{margin-bottom: 3rem;}
/*.mf11 .case_list li .word2 .p3{margin-top: 18%;}*/

.pagelist{text-align: right;margin: 2rem 0;}
.pagelist a{border: 1px solid #72161b;line-height: 32px;padding: 0 5px;display: inline-block;background-color: #fff;position: relative;}
.pagelist a:hover{background-color: #72161b;color: #fff;}
.pagelist span{padding: 0 5px;}
.pagelist span b{font-size: 18px;color: #72161b ;}
.pagelist .prev:before{font-family: "iconfont" !important;content: "\e606";}
.pagelist .next:after{font-family: "iconfont" !important;content: "\e605";}

.fangy_list li{width:calc(25% - 12px);margin-right:16px;float: left;position: relative;overflow: hidden;cursor: pointer;}
.fangy_list li:nth-child(4n){margin-right: 0;}
.fangy_list li .pic{font-size: 0;overflow: hidden;}
.fangy_list li .pic img{width: 100%;transition: all 1000ms;}
.fangy_list li:hover .pic img{transform:scale(1.2); }
.fangy_list li .biao{font-size: 1.2rem;margin-top:1rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.fangy_list li .desc{width: 100%;margin: 10px 0;}
.fangy_list li .desc .price{color: #72161b;width: 70px;float: right;font-size: 1rem;text-align: right;}
.fangy_list li .desc .con{font-size:12px;color: #fff;width: calc(100% - 75px);-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.fangy_list li .desc .con span{color: #fff;background-color: #999;line-height: 18px;padding: 0 10px;display: inline-block;}
.fangy_list li p{font-size: 12px;color: #666;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.fangy_list li p:before{color:#72161b;font-size: 16px;}
.fangy_list li:hover .biao,
.fangy_list li:hover p{color:#72161b;}
.fangy_list li:hover .con span{background-color: #72161b;}
.toubu{position: relative;line-height: 36px;margin: 1.5rem 0;}
.toubu:before{font-family: "iconfont" !important;content: "\e61d";color: #72161b;font-size:36px;font-weight: bold; float: left;padding-right: 10px;}
.mf12{background-color: #f2f2f2;padding: 1px 0 3rem;}
.loupan_top .pic{width:55%;}
.loupan_top .pic img{width: 100%;}
.loupan_top .num{background-color:rgb(0 0 0 / 50%);width: 3rem;color: #fff;border-radius: 10px;line-height: 20px;left: inherit;right: 10px;}
.loupan_top .next,
.loupan_top .prev{background: transparent;background-color:#8e8d92;width: 30px;height: 30px;font-size: 1.4rem;line-height: 30px;color: #fff;text-align: center;}
.loupan_top .next{right:5px ;}
.loupan_top .prev{left: 5px}
.loupan_top .word{width: 42%;}
.loupan_top .word .p1{position: relative;font-size: 1.6rem;font-weight: bold;}
.loupan_top .word .zichi{position: relative;padding-left: 10px;height: 24px;overflow: hidden;margin-left: 5px;}
.loupan_top .word .zichi:before{position: absolute;left:0;top:15px;transform:rotate(270deg);font-size:12px;font-family: "iconfont" !important;color: #72161b;box-sizing: border-box;content: '\e652';}
.loupan_top .word .zichi i{color: #fff;background-color: #72161b;font-size: 12px;height: 24px;line-height:24px;display: inline-block;padding: 0 10px;border-radius: 5px;font-weight: normal;font-style: normal;}
.loupan_top .word i{font-style: normal;color: #72161b;}
.loupan_top .word .p2 div{margin-right: 1rem;text-align: center}
.loupan_top .word .p2 span{color: #72161b;font-size: 1.3rem;}
.loupan_top .word .p2 p{color: #999;}
.loupan_top .word .p3{color: #333;font-weight:bold;}
.loupan_top .word .p3 i{font-size: 1.8rem;color: #72161b;}
.loupan_top .word .icon-address:before{color: #72161b;font-weight: bold;}
.loupan_top .word .p5 span{border:1px solid #999;color: #999;font-size:12px;background-color: #fff;line-height: 24px;padding: 0 10px;border-radius: 5px;margin-right: 5px;margin-bottom:2rem;display: inline-block;}
.loupan_top .word .p5 span:hover,
.loupan_top .word .p5 span.on{color: #fff;background-color: #72161b;border-color: #72161b;cursor: pointer;}
.loupan_top .word .p6 span{width: 33.33%;line-height: 32px;float: left;display: inline-block;}
.loupan_top .word .p6 span:last-child{width: 100%;}
.loupan_top .word .p7 {margin: 18px 0;}
.loupan_top .word .p7 a{float:left;width:40%;border:1px solid #72161B;color: #72161b;line-height: 36px;display: inline-block;background-color: #fff;text-align: center;font-size: 1.1rem;border-radius: 5px;}
.loupan_top .word .p7 a:hover{background-color: #72161B;color: #fff;}
.loupan_top .word .p7 span{float:left;margin-left:10px;height:38px;color: #fff;line-height: 38px;display: inline-block;background-color: #72161b;text-align: center;border-radius: 5px;padding-right: 10px;}
.loupan_top .word .p7 span em{background-color: #333333;padding: 0 10px;line-height: 38px;display: inline-block;font-style: normal;margin-right: 10px;border-radius: 5px 0 0 5px;}
.loupan_top .mb_1{margin-bottom: 2rem;}
.mf13{margin: 3rem 0;}
.mf13 .lp_left{width: 70%;}
.titleF{background: url(../images/title_C.png) no-repeat bottom left;}
.titleF span{color: #333;font-size: 20px;font-weight: bold;float: left;line-height: 4.5rem;width: 120px;text-align: center;display: inline-block;}
.titleF a{color: #999;float: right;line-height: 4.5rem;display: inline-block;}
.titleF a:after{ content: "\e68c";;padding-left: 10px;font-family: "iconfont" !important;}
.titleF a:hover,
.titleF a:hover:after{color: #72161B;}
.mf13 .lp_left .desc{padding: 2rem 0 1rem;}
.mf13 .lp_left .desc p{line-height: 32px;}
.xtupic{padding: 2rem 0 1rem;}
.xtupic li{width:9%;text-align: center;color: #333;float: left;}
.xtupic li span{font-size:0;width: 100%;display: inline-block;text-align: center;}
.xtupic li span img{max-width: 50%;}
.xtupic li p{margin-top: 10px;}
.fy_tablebiao{background-color: #fafafa;color: #999;font-size: 1rem;line-height: 40px;}
.fy_tablebiao .pic{width: 21%;text-align: center;}
.fy_tablebiao .word{width: 79%;}
.fy_tablebiao .word span{width: 20%;display: inline-block;float: left;text-align: center;}
.fy_table{background-color: #fff;color: #333;font-size: 1rem;line-height: 40px;padding-top: 1rem;}
.fy_table li{padding: 10px 0;position: relative;border-bottom: 1px solid #cacaca;cursor: pointer;}
.fy_table li:last-child{border-bottom: 0;}
.fy_table .pic{width: calc(21% - 10px);padding: 5px;font-size: 0;overflow: hidden;line-height: 0;}
.fy_table .pic img{width:100%;transition: all 1000ms;}   
.fy_table .word{padding-top: 4%;}
.fy_table .word i{font-style: normal;display: none;}
.fy_table .word em{font-style: normal;color: #72161B;}
.fy_table li:hover .pic img{transform:scale(1.4); }
.fy_table li:hover .word  span{color: #72161B;}
#dituContent{width: 100%;height: 600px;margin: 2rem 0;}
.mf13 .lp_right{width: calc(30% - 30px);}
.cnxh_list{margin-top: 2rem;}
.cnxh_list li{margin-bottom: 2rem;}
.cnxh_list li .pic{width: 39%;font-size: 0;overflow: hidden;}
.cnxh_list li .pic img{width: 100%;transition: all 1000ms;}
.cnxh_list li:hover  .pic img{transform:scale(1.2); }
.cnxh_list li .word{width: 58%;}
.cnxh_list li .word .biao{line-height: 20px;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;margin-bottom: 10px;}
.cnxh_list li .word .price span{color: #72161b;}
.cnxh_list li:hover .word .biao{color: #72161b;font-weight: bold;}

.loupan_top .fangy.pic{}
.loupan_top .fangy .duo{position: relative;width: calc(100% - 80px);padding: 0 40px;}
.loupan_top .fangy .next{right:0;bottom: 0;top: initial;height: 100%;line-height: 80px;}
.loupan_top .fangy .prev{left: 0;bottom: 0;top: initial;height: 100%;line-height: 80px;}
.loupan_top .fangy .small img{width:100%;opacity: 0.6;}
.loupan_top .fangy .small img:hover{opacity: 1;}
.loupan_top .fangy .small .swiper-slide-thumb-active img{opacity: 1;}
.loupan_top .word .p4 .ljlp{cursor: pointer;}
.loupan_top .word .p4 .ljlp:after{font-family: "iconfont" !important;content: "\eb65";color: #999;font-size: 1rem;}
.loupan_top .word .p8{margin-top: 3rem;}
.loupan_top .word .p8 .pic{width: 100px;border:1px solid #cacaca;height: 100px;overflow: hidden;}
.loupan_top .word .p8 .pic img{width: 100%;height: 100%;}
.loupan_top .word .p8 .wen{width: calc(100% - 110px);}
.loupan_top .word .p8 .wen .miz{line-height: 50px;}
.loupan_top .word .p8 .wen .miz span{font-size: 1.2rem;font-weight: bold;}
.loupan_top .word .p8 .wen a{width:80%;line-height: 50px;font-size: 1.3rem;text-align: center;color: #fff;background-color: #72161b;border-radius: 5px;display: inline-block;}
.loupan_top .word .p8 .wen a:hover{background-color: rgb(114 22 27 / 80%);}
.sslp{margin: 2rem  0;}
.sslp .pic{width: 30%;padding: 0 10px;font-size: 0;}
.sslp .pic img{width: 100%;}
.sslp .word{width: calc(70% - 30px);}
.sslp .word .biao{font-size: 1.1rem;font-weight: bold;margin-bottom: 15px;}
.sslp .word .biao span{color: #72161b;font-weight: normal;margin-left: 10px;}
.sslp .word .wen span{width: 33.33%;line-height: 32px;display: inline-block;float: left;}
.sslp .word .wen span:last-child{width: 100%;}

.titleG{width:100%;margin: 0 auto;background: url(../images/title_C.png) no-repeat bottom left;padding-bottom: 1.5rem;}
.titleG .biao{background: url(../images/title_A.png) no-repeat left  center;background-size: contain;padding-left: 3rem;font-size: 2.4rem;color: #72161b;font-weight: bold;}
.titleG .word{padding-left: 3rem;width: calc(100% - 3rem);color: #999;}
.titleG .word span{font-size: 1.3rem;font-weight: bold;color: #333;}
.titleG .word a{color: #333;padding: 0 5px;}
.titleG .word a:hover,
.titleG .word a.on{color: #72161b;font-weight: bold;}

.bg_1{background-color: #f2f2f2;}
.mf14{background-color: #fff;margin-top: -4rem;position: relative;z-index:2;margin-bottom: 3rem;}
.mf14 .m_box{padding: 2rem;}
.news_list li{padding: 2rem 0;border-bottom: 1px solid #cacaca;}
.news_list .pic{width:40%;font-size: 0;overflow: hidden;}
.news_list .pic img{width: 100%;transition: all 1000ms;}
.news_list .pic img:hover{transform:scale(1.2); }
.news_list .word{width: calc(60% - 20px);margin-left: 20px;}
.news_list .word .time{color: #999;line-height: 3rem;}
.news_list .word .biao{color: #72161b;font-size: 1.2rem;margin-bottom:1rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;}
.news_list .word .desc{color: #999;line-height: 28px;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;}
.news_list .word  span{color: #72161b;margin: 2rem 0 1rem;display: inline-block;}
.news_list .word  span:after{font-family: "iconfont" !important;content: "\e605";font-size: 1.1rem;padding-left: 5px;}
.news_list .word:hover .biao,
.news_list .word:hover span{font-weight: bold;}
.mf14 .pagelist{margin-bottom: 0;}

.news_show .n_title{font-size: 1.6rem;color: #333;padding-bottom: 1.5rem;text-align: center;}
.news_show .xbiao{text-align: center;padding-bottom: 1.5rem;}
.news_show .xbiao span{padding: 0 1rem;}
.news_show .xbiao i{font-size: 18px;padding-left: 10px;color: #72161b;font-weight: bold;padding-right: 3px;}
.news_show .con{border-top: 1px solid #CCC;border-bottom: 1px solid #ccc;padding: 3rem 0;margin: 2rem 0;line-height: 2rem;color: #333;}
.news_show .con p{line-height: 2rem;margin-bottom: 15px;}
.news_show .con img{max-width: 100%;}
.news_show .fanye a{display: block;line-height: 2rem;font-size: 14px;}
.news_show .fanye a:before{color:#72161b;font-weight: bold;padding-right: 5px;}
.news_show .fanye a:hover{color:#72161b;}
.news_show .fanye .back{margin-top: 1rem;}
.news_show .fanye .back a{color:#72161b;border:1px solid #72161b;padding: 0 10px;}
.news_show .fanye .back a:hover{background-color:  #72161b;color: #fff;}
.news_show .fanye .back a:hover:before{color: #fff;}

.mf15{margin: 3rem 0;}
.mf15 .lxfs{width: 52%;}
.mf15 .lxfs .desc{padding: 1rem 0;}
.mf15 .lxfs .desc p{line-height: 2.6rem;}
.mf15 .lxfs .desc p i{font-style: normal;background-color: #72161b;color: #FFF;width: 30px;height: 30px;line-height:30px;border-radius: 50%;display: inline-block;text-align: center;margin-right: 8px;}
.mf15 .lxfs .desc .con{margin-top: 15px;}
.mf15 .lxfs .desc .con img{width: 110px;height:110px;margin-right: 15px;}
.mf15 .lxfs .desc .con span{line-height: 30px;margin-top: 25px;display: inline-block;}
.mf15 .biaod{width: calc(48% - 46px);padding-left: 30px;border-left: 1px solid #cacaca;}
.mf15 .biaod p{color: #72161b;line-height: 40px;font-size: 1rem;padding-bottom: 2rem;}
.mf15 .biaod input{padding: 0 5px;height: 40px;border:1px solid #cacaca;width: 55%;line-height: 40px;margin-bottom:15px;}
.mf15 .biaod textarea{padding: 0 5px;height: 120px;border:1px solid #cacaca;width:calc(100% - 12px);line-height: 40px;margin-bottom:15px;}
.mf15 .biaod button{background-color: #72161b;color: #fff;opacity:0.9;border:1px solid #72161B;font-size: 1rem;line-height: 3.2rem;padding: 0 1.5rem;cursor: pointer;}
.mf15 .biaod button:hover{opacity: 1;}
#map{width: 100%;height: 200px;}

.mf17{background-color: #f2f2f2;padding: 1px 0 4rem;}
.service_lunbo{position: relative;padding-bottom: 40px;width: 100%;padding: 0 1px;}
.service_lunbo .box{position: relative;width: 100%;overflow: hidden;}
.service_lunbo .box .pic{width: 45%;font-size: 0;overflow: hidden;padding-bottom: 3rem;}
.service_lunbo .box .pic img{width: 100%;}
.service_lunbo .box .con{width:52%;position: absolute;top: 20%;right: 0;}
.service_lunbo .box .con .title{font-size: 2.4rem;font-weight: bold;background: url(../images/title_D.png) no-repeat left bottom;background-size: contain;color: #72161b;padding-bottom: 1rem;margin-bottom: 2rem;}
.service_lunbo .box .con .desc{line-height: 28px;font-size: 1.1rem;}
.service_lunbo .num{position:absolute;bottom:0;background-color:#72161b;width: 10%;color: #fff;line-height:65px;left: 37%;height: 70px;font-size: 2rem;}
.service_lunbo .num .swiper-pagination-current{font-size: 3rem;font-weight: bold;}
.service_lunbo .num .swiper-pagination-total{font-size: 1.2rem;font-weight: bold;}
.service_lunbo .num:before{position: absolute;transform:rotate(88deg);font-size:12px;top: 4px;left: 2px;font-family: "iconfont" !important;box-sizing: border-box;content: "\e652";color: #fff;line-height: 10px;}

.service_lunbo .next,
.service_lunbo .prev{background: transparent;background-color:#989898;width: 30px;height: 30px;font-size: 1.4rem;line-height: 30px;color: #fff;text-align: center;top: initial;bottom: 0;}
.service_lunbo .next{right:calc(51% - 60px) ;}
.service_lunbo .prev{left: 48%}

.zhbg_list li{width: calc(33.33% - 10px);margin-right: 15px;float: left;position: relative;margin-bottom: 15px;}
.zhbg_list li:nth-child(3n){margin-right: 0;}
.zhbg_list li .pic{width: 100%;overflow: hidden;}
.zhbg_list li .pic img{width: 100%;transition: all 1000ms;}
.zhbg_list li:hover .pic img{transform: scale(1.2);}
.zhbg_list li .word{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color:rgb(0 0 0 / 50%);text-align: center;color: #fff;}
.zhbg_list li:hover .word{background-color: transparent;color: #72161b;}
.zhbg_list li .word .p1{font-size: 1.2rem;font-weight: bold;margin-top: 25%;margin-bottom: 10px;}

.mf19{background: url(../images/service_bg1.jpg) no-repeat center bottom #f2f2f2;background-size:cover ;padding: 3rem 0 6rem;}
.mf19 .lunbo{padding: 0 40px;position: relative;}
.mf19 .lunbo .next,
.mf19 .lunbo .prev{background: transparent;background-color:#989898;width: 30px;height: 30px;font-size: 1.4rem;line-height: 30px;color: #fff;text-align: center;}
.mf19 .lunbo .next{right:0 ;}
.mf19 .lunbo .prev{left: 0;}
.mf19 .lunbo .box{background-color: #fff;border-radius: 5px;cursor: pointer;}
.mf19 .lunbo .box .pic{overflow: hidden;}
.mf19 .lunbo .box .pic img{width:100%;transition: all 1000ms;}
.mf19 .lunbo .box .con{padding: 0 10px;}
.mf19 .lunbo .box .con .title{font-size: 1.4rem;padding: 15px 0;border-bottom: 1px solid #cacaca;margin-bottom: 15px;text-align: center;font-weight: bold;color: #72161b;}
.mf19 .lunbo .box .con .desc{min-height: 120px;overflow: hidden;}
.mf19 .lunbo .box .con span{width: 50%;float: left;line-height: 28px;color: #333;display: inline-block;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.mf19 .lunbo .box .con span:before{box-sizing: border-box;content: '●';color: #72161b;padding-right: 5px;}
.mf19 .lunbo .box:hover .pic img{transform: scale(1.2);}

.xzhz_list li{width: calc(33.33% - 10px);margin-right: 15px;float: left;position: relative;margin-bottom: 15px;cursor: pointer;}
.xzhz_list li:nth-child(3n){margin-right: 0;}
.xzhz_list li .pic{width: 100%;overflow: hidden;font-size: 0;}
.xzhz_list li .pic img{width: 100%;transition: all 1000ms;}
.xzhz_list li:hover .pic img{transform: scale(1.2);}
.xzhz_list li .word{position: absolute;top: 0;left: 0;width:calc( 100% - 40px);height: 100%;padding: 0 20px; background-color:rgb(0 0 0 / 30%);color: #fff;}
.xzhz_list li:hover .word{background-color: transparent;}
.xzhz_list li .word .p1{font-size: 1.4rem;font-weight: bold;margin-top: 5rem;margin-bottom: 10px;position: relative;padding-bottom: 15px;}
.xzhz_list li .word .p1:before{position: absolute;bottom: 0;left: 0;width: 30px;height: 4px;background-color: #fff;box-sizing: border-box;content: '';}
.xzhz_list li .word .p2{-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;}
.xzhz_list li:hover .word .p1,
.xzhz_list li:hover .word .p2{color: #72161b;}
.xzhz_list li:hover .word .p1:before{background-color:  #72161b;}

.sear_show{display: none; position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color:rgba(0, 0, 0, 0.9);z-index: 980;}
.sear_show .close{position: absolute;top: 3%;right: 3%;font-size: 2rem;color: #FFF;cursor: pointer;z-index: 10;}
.sear_show .box{width: 400px;height: 360px;position: absolute;top: 50%;margin-top: -180px;left: 50%;margin-left: -200px;}
.sear_show .box .pic img{max-width: 40%;margin-bottom: 15px;}
.sear_show .box .word{font-size: 14px;color: #FFF;text-align: right;line-height: 30px;float: right;}
.sear_show .box .kuang{margin-bottom:15px;background-color: #fff;}
.sear_show .box label{width: 100px;line-height: 30px;font-size: 14px display: inline-block;margin-top: 5px;border-right: 1px solid #cacaca;text-align: right;}
.sear_show .box label:before{font-family: "iconfont" !important;font-size: 1rem;padding-right: 5px;}
.sear_show .box input{width:calc(100% - 122px);padding: 0 5px;margin-left:10px;float: left;border:0;line-height: 40px;height: 40px;}
.sear_show .box textarea{width: calc(100% - 10px);padding:5px;border: 0;min-height: 80px;line-height: 28px;}
.sear_show .box button{width: 100%; height: 42px; background-color: #72161b;line-height: 40px;color: #FFF;border: 0;text-align: center;cursor: pointer;}
.sear_show .box .code{width: 78px;height: 40px;}
#h_code{width: calc(100% - 210px);}
textarea::-webkit-input-placeholder {color: #999;font-family:Microsoft YaHei,SimSun,Arial;}

.zanwu{width: 100%!important;text-align: center;line-height: 4rem;margin:1rem 0 3rem!important;color: #999;}
.mf15 .biaod .code{height:40px;margin-left: 10px;border:1px solid #cacaca;width: 120px;}
.mf15 .lxfs .desc p{margin-bottom: 10px}


@media only screen and (max-width:1550px){
	.w875{width: 87.5%;margin: 0 auto;}
	.loupan_top .word .p5 span,
	.loupan_top .mb_1{margin-bottom: 1.2rem;}
	.dibu .box .d_logo a{width: 2.4rem;line-height: 2.4rem;height: 2.4rem;font-size: 1.8rem;}
	.dibu .box .d_ewm{width:36%;}
	.mf1 .about_box .ab_box .wenz .p1{font-size: 1.4rem;}
	.mf1 .service_lunbo{margin-top: 10%;}
}

@media only screen and (max-width:1400px){
	.biaodan{padding: 0 4%;width: 92%;}
	.mf6 .con .pic img{width:auto;height: 100%;}
	.loupan_top .word .p5 span,
	.loupan_top .mb_1{margin-bottom: 0.9rem;}
	.mf1 .service_lunbo{margin-top: 12%;}
}
@media only screen and (max-width:1200px){
	.titleA{margin: 2rem 7.5%;width: 85%;}
	.titleA .p1{padding-top: 0;font-size: 1.8rem;line-height: 3rem;}
	.titleA .p2{font-size: 1.2rem;}
	.mf1 .about_tab .nav{padding: 3rem;}
	.mf1 .about_box{width: calc(100% - 11rem);}
	.mf7 .box .word{padding: 2rem 4% 180px 6%;}
	.loupan_top .word .p6 span{width: 50%;}
	.loupan_top .word .p5 span,
	.loupan_top .mb_1{margin-bottom: 0.5rem;}
}
@media only screen and (max-width:1100px){
	.header .m_top .nav a{padding: 0 0.5rem;}
	
	.shuzi .box span{font-size: 2rem;}
	.header .m_top .logo, .header .m_top .logo1{height: 50px;}
	.mf6 .con .desc{width: calc(40% - 2rem);}
	.mf9 .word .desc p{padding: 1rem 0;}
	.mf17 .lunbo .box .con{top: 10%;}
	.mf17 .lunbo .num{font-size: 2rem;}
	.mf17 .lunbo .num .swiper-pagination-current{font-size: 3rem;}
	.xzhz_list li .word .p1{margin-top: 3rem;}
}
@media only screen and (max-width:1023px){
	.header{padding: 0;}
	.header .m_top .nav{display: none;}
	.header .m_top .tmenu{display: block;}
	.header .m_top .logo, .header .m_top .logo1{height: 40px;padding: 10px 0;}
	/*.topbanner{height:40vh;}
	.topbanner .swiper-container{height:40vh;}*/
	.topbanner .box{text-align: center;margin-top: 20%;}
	
	.mf2 li .tupic .pro .word span,
	.mf2 li .tupic2 .pro .word span{top:15%}
	.hezuo_list li{width: calc(25% - 9.5px);}
	.hezuo_list li:nth-child(4n){margin-right: 0;}
	.dibu .box .d_logo{width: 30%;}
	.dibu .box .list{width: 68%;margin: 0  0 0 2%;}
	.dibu .box .d_ewm{width:100%;}
	.dibu .box .d_ewm .pc{display: none;}
	.dibu .box .d_ewm .ewm{width: 70%;margin: 0 auto 2rem;}
	.dibu .box .sj{display: block;text-align: center;}
	.dibu .box .sj .p1{font-size: 1.6rem;padding-bottom: 1rem;}
	
	.rightkehu .pctel{display: none;}
	.rightkehu .sjtel{display: block;}
	
	.zbanner{padding-top: 60px;}
	.titleB{width:92%;padding: 0 4%;}
	.titleB .p3:before,
	.titleB .p3:after{width: 20%;}
	.news_list .word .time{line-height: 2rem;}
	.news_list .word .biao{margin-bottom: 10px;}
	.news_list .word span{margin: 1rem 0;}
	.menu_show{display: none;}
}
@media only screen and (max-width:900px){
	.w875{width: 96%;padding: 0 2%;margin: 0;}
	.titleA{background: url(../images/title_box1.png) no-repeat top center;background-size: contain;margin:2rem auto;}
	.titleA{width: 100%;}
	.titleA .p1{padding-top: 0;font-size: 1.8rem;line-height: normal;}
	.titleA .p2{font-size: 1.1rem;}
	.titleA .p3,
	.titleA .p4{padding-bottom: 0;}
	.topbanner .box{margin-top: 90%;}
	.mf1 .about_tab{width: 100%;}
	.mf1 .about_tab .nav{padding: 2rem;width: calc(33.33% - 4rem);float: left;}
	.mf1 .about_box{width: 100%;position: relative;top: auto;left: auto;}
	.mf1 .about_box .ab_box .wenz{width:calc( 90%  - 4rem);}
	.mf1 .about_box .ab_box img{width: 100%;height: auto;}
	.mf1 .service_lunbo{margin-top: 0;}
	.mf1 .service_lunbo .box .pic{width: 100%;}
	.mf1 .service_lunbo .box .con{width: 100%;position: relative;top: inherit;}
	.mf1 .service_lunbo .num{display: none;}
	.mf1 .service_lunbo .prev{left: 0;bottom: inherit;top: 50%;}
	.mf1 .service_lunbo .next{right:0;bottom: inherit;top: 50%;}
	.mf2 li .pro .word span{font-size: 1.3rem;}
	.case_list li{width: calc(50% - 8px);margin-bottom: 16px;}
	.case_list li:nth-child(2n){margin-right: 0;}
	.zbanner .box{top: 32%;}
	.zbanner .box .p2{font-size: 1.4rem;}
	.mf8 .xian:after{left: 0;}
	.mf8 .xian:before{left: 60px;width: calc(100% - 60px);}
	.mf9 .pic{width: 100%;}
	.mf9 .word{width: 100%;}
	
	.fangy_list li{width: calc(50% - 8px);margin-bottom: 16px;}
	.fangy_list li:nth-child(2n){margin-right: 0;}
	
	.loupan_top .pic{width: 100%;}
	.loupan_top .word{width: 100%;margin-top: 15px;}
	.loupan_top .word .p6 span{width: 33.33%;}
	.loupan_top .word .p7 a{width: 12rem;}
	.mf13{margin: 0;}
	.mf13 .lp_left{width: 100%;}
	.mf13 .lp_right{width: 100%;}
	.cnxh_list li .word .biao{font-size: 1.1rem;}
	.loupan_top .fangy .next,
	.loupan_top .fangy .prev{line-height:130px;}
	.mf15 .lxfs{width: 100%;}
	.mf15 .biaod{width: 100%;padding: 0;border: 0;}
	.mf15 .biaod input{width: calc(100% - 12px);}
	.mf15 .biaod #t_code{width: calc(100% - 144px);}
	.mf15 .biaod button{width: 100%;padding: 0;}
	.mf17 .lunbo .box .con .title{font-size: 1.8rem;}
	.mf17 .lunbo .num{line-height: 60px;height: 60px;width: 100px;left: 33%;}
	.mf17 .lunbo .num .swiper-pagination-current{font-size: 2rem;}
	.xzhz_list li .word .p1{margin-top: 2rem;}
	.sear_show .box{top: 30%;}
	.mf10 .search.jieg {width: 100%;}
	.topbanner .box .p1{font-size: 1.2rem;}
    .topbanner .box .p2{font-size: 1.5rem;padding:1rem 0;}
    .topbanner .box .p3{font-size: 1.0rem;}
}
@media only screen and (max-width:750px){
	.w875{width: 96%;padding: 0 2%;margin: 0;}
	.topbanner{height:30vh}
	.topbanner .pc{display:none;}
	.topbanner .sj{display:block;height:30vh}

	.topbanner .top_news .zmore{right: 50px;}
	.topbanner .top_news .t_newslist{width: 100%;}
	.topbanner .top_news .t_newslist .n_box{width: calc(100% - 110px);padding-right: 110px;}
	.topbanner .top_news .t_newslist .n_box a{margin-left: 0;width:100%;}
	.topbanner .top_news .t_title,
	.topbanner .top_news .t_newslist .n_box .time{display: none;}
	.topbanner .top_news .t_newslist .n_box a .desc{font-size: 0.9rem;}
	.topbanner .top_news .t_newslist .n_box .wen{width:100%;}
	.dibu .box .d_ewm{display: none}
	footer .f_l{width: 100%;line-height: 24px;}

	
	.mf2 li{width: 100%;}
	.mf2 li:nth-child(2){margin:15px 0;}
	.titleA .p4{text-align: left;}
	.shuzi{width: 100%;}
	.shuzi .box span{font-size: 1.6rem;padding-bottom: 1rem;}
	.dibu .box .d_logo{width: 100%;}
	.dibu .box .d_logo img{float: left;width: 35%;}
	.dibu .box .d_logo .biao{padding: 0.5rem 5% 0;float: left;width: 10rem;}
	.dibu .box .list{width: 90%;margin:1rem 5%  ;}
	.dibu .box .d_ewm .ewm{width: 90%;margin: 0 auto;}
	.zbanner .box{top: 40%;}
	.zbanner .box .p2{font-size: 1.2rem;padding-bottom: 5px;}
	.zbanner .box .p4{font-size: 1rem;}
	.zbanner .box .p4{padding: 0.25rem 1rem;}
	.zbanner .ab_nav a{font-size: 1rem;line-height: 2rem;padding-bottom:6px;}
	
	.titleB .p1{font-size: 2rem;}
	.titleB .p3:before,
	.titleB .p3:after{width: 15%;}
	.mf5 .titleB{margin-bottom: 1rem;}
	.mf5 .con{text-align: left;}
	.mf5 .con p{text-indent: 2em;}
	
	.mf6 .con .pic{position: relative;top: auto;width: 100%;}
	.mf6 .con .pic img{width: 100%;height: auto;}
	.mf6 .con .desc{width: calc(100% - 2rem);}
	
	.titleD .biao{font-size: 2rem;padding-left:1.8rem}
	.titleD .p1{font-size: 1.2rem;}
	.mf7 .box{padding: 0;}
	.mf7 .ship{margin-left: 0;width: 100%}
	.mf7 .box .pic{width: 100%;position: relative;left:inherit;top: inherit;}
	.mf7 .box .word{padding:10rem 2rem 2rem;width: calc(100% - 4rem - 2px );}
	.mf7 .tupic {width: calc(100% - 120px);position: absolute; top: 49%;left: 60px;}
	.mf8 .desc{width: 100%;padding-bottom: 1rem;}
	.mf8 .history{width: 60%;margin-right: 20%;}
	.mf10{padding: 2rem 0;}
	
	.mf10 ul li i{line-height: 35px;width: 50px;}
	.mf10 ul li .type{width: calc(100% - 65px);}
	.mf10 ul li .type a{line-height: 25px;margin: 5px 5px 5px 0;padding: 0 5px;}
	.mf10 ul li .type a.on:before,
	.mf10 ul li .type a:hover:before{content: '';}
	.mf10 ul li .search{width: 100%;}
	.mf10 ul li .search input{width: 70%;}
	.mf11 ul {padding-bottom:2rem;}
	.pagelist{text-align: center;}
	.fy_tablebiao .pic{width: 100%;}
	.fy_tablebiao .word{display: none;}
	.fy_table .pic{width: calc(40% - 10px);}
	.fy_table .word{width: 58%;padding-top: 0;display: block;}
	.fy_table .word span{width: 50%;line-height: 28px;text-align: left;}
	.fy_table .word span:last-child{width: 100%;}
	.fy_table .word span i{display: inline-block;}
	.loupan_top .fangy .next, .loupan_top .fangy .prev{line-height: 100px;}
	.titleG .word div{width: 100%;padding-bottom: 15px;}
	.news_show .fanye .f_l {width: 100%;} 
	.news_show .fanye .back{width: 100%;text-align: center;}
	.news_show .fanye .back a{width: 33.33%;padding: 0;margin-left: 33.33%;}
	.mf17 .lunbo .box .pic{width: 100%;margin-bottom: 1rem;}
	.mf17 .lunbo .box .con{position: relative;top: inherit;width: 100%;}
	.mf17 .lunbo .num{display: none;}
	.mf17 .lunbo .prev{left:calc(50% - 35px);}
	.mf17 .lunbo .next{right:calc(50% - 35px);}
	.zhbg_list li{width: calc(50% - 8px);margin-right: 16px;}
	.zhbg_list li:nth-child(2n){margin-right: 0;}
	.zhbg_list li:nth-child(3){margin-right: 16px;}
	.zhbg_list li .word .p1{margin-top: 2rem;}
	.xzhz_list li{width: 100%;margin-right: 0;}
	.xzhz_list li .word .p1{margin-top: 5rem;}
	.sear_show .box{top: 20px;width:92%;margin:0;left: 0;padding: 0 4%;}
	.sear_show .box .pic img{height:36px;max-width:initial;padding-right: 10px;}
	.sear_show .box .word{float: left;}
}
@media only screen and (max-width:479px){
   .topbanner .wenzi .num{left:40%;}
   .topbanner .box{margin-top: 20%;display:none;}
   .titleA{width: 92%;padding: 0 4%;}
   .titleA .p1{font-size: 1.5rem;padding-bottom: 1rem;}
   .titleA .p2{font-size: 1rem;}
   .titleA .p3{line-height: initial;padding: 0.5rem 0;}
   .mf2 li .tupic2 .pro .word span{margin-top: 20%;}
   .case_list li{width: 100%;margin-right: 0;}
   .hezuo_list li{width: calc(50% - 7px);}
   .hezuo_list li:nth-child(2n){margin-right: 0;}
   .dibu .box .d_ewm .ewm div{width: calc(50% - 5px);margin-bottom: 15px;}
   .dibu .box .d_ewm .ewm div:nth-child(2n){margin-right: 0;}
   .titleB .p3:before,
   .titleB .p3:after{width: 0;}
   .mf5{padding: 3rem 0;}
   .fangy_list li{width: 100%;margin-right: 0;}
   .fangy_list li .biao{font-size: 1.4rem;}
   .fangy_list li .desc .price{font-size: 14px;}
   .loupan_top .word .p6 span{width: 50%;}
   .loupan_top .fangy .next, .loupan_top .fangy .prev{line-height: 70px;}
   .xtupic li{width: 25%;margin-bottom: 25px;}
   .sslp .pic{width: 100%;padding: 0;}
   .sslp .word{width: 100%;padding-top: 1rem;}
   .sslp .word .wen span{width: 50%;}
   #dituContent{height: 400px;}
   .news_list .pic{width: 100%;}
   .news_list .word{width: 100%;margin-left: 0;margin-top: 1rem;}
   .zbanner.xiao .box{top:65px;}
   .zbanner .box .p2{font-size: 1.1rem}
   .topbanner .top_news{display:none;}
   
}
@media only screen and (max-width:432px){
    html {font-size: 84.375%; }
}
@media only screen and (max-width:414px){
    html {font-size: 80.86%; }
}
@media only screen and (max-width:400px) {
    html {font-size: 78.125%; }
    .mf3 .title span{padding-right: 4px;}
}
@media only screen and (max-width:384px) {
    html {font-size: 75%; }
}
@media only screen and (max-width:375px){
    html { font-size: 70%; }
}
@media only screen and (max-width:360px) {
    html { font-size: 65%; }
}
@media only screen and (max-width:320px){
	html { font-size: 60%; }
}

