@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {overflow-x:hidden;-webkit-text-size-adjust:none;}

body {color:#333333;font-family:'Source Han Sans CN',sans-serif;overflow-x: hidden; line-height: 1.8; }
/*,'Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light'*/
img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#333333;}
a:hover{color: #de0029}
/*居中*/

.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}



/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shangxia{display: flex;flex-direction:column; justify-content:space-between}


/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/

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;-webkit-appearance:none;}
i,em {font-style:normal}

.nav-btnbox { display:none}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd2{ padding-top:2%; padding-bottom:2%}

.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}



/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}


.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.swiper-slide:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}



@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}


.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


@-webkit-keyframes fadeInUp {
    0% {opacity:0; -webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0)}
    to {opacity:1; -webkit-transform: none;transform:none}
}
@keyframes fadeInUp {
    0% {opacity:0; -webkit-transform:translate3d(0,20%, 0);transform: translate3d(0,20%, 0)}
    to {opacity:1; -webkit-transform: none;transform: none}
}
@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}



.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

.mainbox{margin: 0 auto; width: 90%; max-width: 1460px;}



.banner{position: relative;z-index: 1}
.banner .swiper-pagination{z-index: 999; right:5%; top:50%; width:35px; transform: translate(0,-50%)}
.banner .swiper-pagination-bullet{opacity:1;width:26px; height:26px;margin:10px 0px; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border: 2px solid #fcf7e3;transform: rotate(45deg); border-radius: 0; background: none;position: relative; }
.banner .swiper-pagination-bullet-active {border: 2px solid #de0029; color: #de0029}
.banner .swiper-pagination-bullet-active:before{ color: #de0029!important}
.banner .swiper-slide img{width: 100%}
.banner .swiper-pagination-bullet:before{position: absolute; left: 0%; top: 0%; color: #fcf7e3;transform: rotate(-45deg); width: 100%; text-align: center}
.banner .swiper-pagination-bullet:nth-child(1):before{content: 'I';}
.banner .swiper-pagination-bullet:nth-child(2):before{content: 'II';}
.banner .swiper-pagination-bullet:nth-child(3):before{content: 'III';}


.top{position:fixed; left: 0px; top: 0px; width: 100%; z-index:9999;}
.top.cur{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background:rgba(255,255,255,0.9)}
.top .mainbox{height:90px;}
.logo{width:80px;}

.top.cur .nav li>a{color: #333}
.top.cur .nav li:hover>a{color: #de0029}
.top.cur .globalbtn{color: #333;background: url("../images/xia2.png") no-repeat right center; background-size: 10px auto;}

.nav{width: 54.6%;}
.nav li{font-size:20px; position: relative}

.nav li.cur>a:before{width: 100%}

.nav li>a {position: relative;  line-height:60px; display: block; color: #fff; font-weight: 500}
.nav li>a:before{content:''; width:0; height: 4px; background: #de0029; position: absolute; left: 0px; bottom: 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.nav li:hover>a:before{width: 100%}




.navdown{position: absolute; left:50%; top:60px;transform: translate(-50%,0);background:rgba(255,255,255,0.8); width:120px; display: none; box-shadow: 0px 3px 3px rgba(0,0,0,0.05);padding:10px 15px; text-align: center;border-radius: 5px;}

.navdown a{display: block; font-size: 18px; padding:5px 0px; font-weight: normal; line-height: 1.5}


.globalbtn{position: relative;  color: #fff; background: url("../images/xia.png") no-repeat right center; background-size: 10px auto; padding-right:20px; font-weight: 500 }

.globalbtn ul{position: absolute; left: 0px; top: 20px; background:rgba(255,255,255,0.8); width: calc(100% - 20px); padding: 5px 10px; line-height: 30px; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); border-radius: 5px; font-size: 14px; visibility: hidden; opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; z-index: 9999}
.globalbtn ul li a{display: block;}

.globalbtn:hover ul{ opacity: 1; visibility: visible; top: 30px}

.syaboutbox{margin-top: -11%; position: relative; z-index: 2}
.syabout{background: #f7f6f1; border-radius: 20px; padding: 4% 6%; box-shadow: 0px  5px 10px rgba(0,0,0,0.05);overflow: hidden}


.syaboutleft{width: 46%;}
.syabtit{line-height: 1; font-family: arial}
.syabtit h2 span{font-size: 50px;}
.syabtit h2 p{color: #de0029; font-size: 24px; margin-left: 10px; margin-top: 5px;}
.syabtit h3 span{font-size: 50px;}
.syabtit h3 p{color: #494846; font-size: 16px; margin-left: 10px; font-weight: normal;margin-top: 10px;}


.syabtxt{color: #7b7b7b; text-align: justify; padding-top:10px; line-height: 2;font-size: 18px;}
.syabtxt p{padding-top:20px;}



.syaboutright{width: 45%}

.sytit{text-align: center; line-height: 1.4}
.sytit p{font-size: 46px; font-weight:bold}
.sytit h2{font-size: 30px;color:#de0029;}
.syprobox{position: relative}
.syprobox .swiper-slide{position: relative;}

.syprobox .swiper-pagination{bottom: 10px; width: 100% }
.syprobox .swiper-pagination-bullet{ opacity:1;width:12px; height:12px; margin:0 6px!important; border-radius:100%;  background:#fff;}

.syprobox .swiper-pagination-bullet-active{background: #e60039; }

.syprotxt{position: absolute; left: 0px; top:50%; width: 100%; transform: translate(0,-50%); color: #fff; text-align: center}

.syprotxt h3{font-size: 40px;}
.syproclass{margin:15px 0; display: none;font-size: 18px;}
.syproclass p{font-weight: 300; line-height: 2}
.syproclass a{color: #FFFFFF}
.syproclass a:hover{color: #de0029}
.syprotxt>a{width: 50px; height: 50px; background: url("../images/you.svg") no-repeat center center; background-size: 50% auto; border: 1px solid #fff; border-radius: 100%; display: inline-block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; margin-top: 15px;}

.syprotxt>a:hover {background-color: #de0029;border: 1px solid #de0029;}

.footerbj{background: #282828; color: rgba(255,255,255,0.7);}

.footernav{width: 48%}

.footernav li p a{font-size:18px; color: #fff; }
.footernav li p a:hover{color: #de0029}
.footernav li p{margin-bottom: 10px;}
.footnavdown span{display: block; padding: 5px 0px;}
.footnavdown span a{color: rgba(255,255,255,0.7);}
.footnavdown span a:hover{color: #de0029}
.line{width: 1px; background: #484848}

.footconbbox{width: 45%}

.footleft{width: 68%}


.erweima{width: 30%; text-align: center; max-width: 130px;}
.erweima img{display: inline-block}
.erweima p{font-size: 18px; color: #fff}
.erweima span{display: block; font-size: 12px;}

.footlogo{width: 20%}
.footcxs{width: 78%}
.footcxs a{color: rgba(255,255,255,0.7);}
.footcxs a:hover{color: #de0029}
.footcxs h3{font-size: 18px; font-weight: normal; color: #fff;margin-bottom: 10px;}
.footcxs p{padding: 5px 0px;}


.nybanner{position: relative}
.nybanner>img{width: 100%}

.nybanner h2{font-size: 42px; font-weight: normal; color: #ca2036; position: absolute; left: 50%; top: 55%; transform: translate(-50%,-55%);text-shadow: #fff 0 2px 0;}


.mianbao{position: absolute; left: 0px;padding:20px 0px;color: #fff; width: 100%; bottom: 0px;}
.mianbao a{color:#fff;}
.mianbao a:hover{color: #e60039}
.mianbao p{background: url("../images/home.png") no-repeat left center; background-size:14px auto;padding-left: 24px;}




.nynav{border-bottom: 1px solid #f3f5f6}
.nynav li a{line-height: 68px; display: block; font-weight: 500}
.nynav li{margin-left:8%}
.nynav li a{color:#2d2b2b; position: relative}
.nynav li a:hover{color: #e60039}

.nynav li a:before{content:''; width:0; height: 2px; background: #e60039; position: absolute; left: 0px; bottom: -1px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.nynav li a:hover:before{width: 100%}

.nynav li.cur a{color: #e60039}
.nynav li.cur a:before{width: 100%}


.nynav li:first-child{margin-left: 0px;}


.nynavselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; margin:30px 20px 10px; display: none; }

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 56px; line-height: 56px;font-size:18px;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #333; }

.nynavselect .placeholder:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/selectxia.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}

.nynavselect.is-open .placeholder:after {background: url("../images/selectxia2.png") no-repeat center center;background-size: 100% auto}
.nynavselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.nynavselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;top:100%;left:0;z-index:100;font-size:18px;}
.nynavselect ul li {display:block;text-align:left; padding:10px 20px; color:#999;cursor:pointer;}


.nynavselect ul li a{display: block}
.nynavselect ul li.cur{background:#e60039}
.nynavselect ul li.cur a{color: #fff}

.nytit h2{font-weight: 500; font-size: 30px; color: #dd0129}

.nyabouttxt{color: #666; line-height: 2; font-size: 18px;}
.nyabouttxt p{padding: 5px 0px;}

.nyabouttxt.center{text-align: center}

.abicobox li{width: 33.3%; text-align: center}

.abico{width: 150px; height: 150px;border-radius: 100%; border: 2px solid #f1f1f1; box-shadow: 0px 0px 20px rgba(0,0,0,0.05); margin: 0 auto}
.abico img{width: 40%}

.abicobox li p{font-size: 20px; margin-top: 30px;}



.abpic{ box-shadow: 0px 0px 20px rgba(0,0,0,0.1); max-width: 1200px; margin: 3% auto}
.brandlist{border-right: 1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.brandlist li{border-left: 1px solid #dfdfdf; text-align: center; width: calc(33.33% - 1px); padding: 20px 0px;border-top: 1px solid #dfdfdf;}
.brandlist li img{display: inline-block}
.brandlist li p{font-size: 22px; margin-top: 20px;}


.wenhuabox li{width: 31%}

.wenhuatxt{width: calc(90% - 60px); background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); margin: 0 auto; margin-top:-10%; position: relative; z-index: 2; text-align: center; padding: 30px;}

.wenhuatxt img{height: 45px; display: inline-block;}
.wenhuatxt h3{color: #db0329; font-size: 24px; margin-bottom: 10px;}
.wenhuatxt p{font-size: 18px; text-align:justify; line-height: 30px; min-height: 150px;}


.yanfabox{box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding: 40px;}


.yanfaleft{width: 50%; font-size: 18px; color:#666;}
.yanfaleft p{position: relative; padding-left: 30px;margin: 10px 0px;}
.yanfaleft p:before{content: '';width: 12px; height: 12px; background: url("../images/kuai.png") no-repeat center center; background-size: 100% auto; position: absolute; left: 0px; top: 10px;}

.yanfaright{width: 45%}

.qiehuan{position: relative}
.honorbox .swiper-container{overflow: hidden}
.honorbox .swiper-slide a{display: block; border: 1px solid #f0f0f0}

.qiehuan{width: 126px; margin: 0 auto; margin-top: 4%}

.qiehuan .swiper-button-prev{position: relative; left: auto; top: auto; margin: auto}
.qiehuan .swiper-button-next{position: relative; right: auto; top: auto; margin: auto}

.qiehuan .swiper-button-prev:after, .qiehuan .swiper-button-next:after{font-size:20px; font-weight: bold; color: #bdbdbd}
.qiehuan .swiper-button-prev:hover:after, .qiehuan .swiper-button-next:hover:after{color: #dd0129}

.qiehuan .swiper-pagination{color: #dd0129; font-size: 22px; position: relative;bottom: auto}

.tanchubj{background: rgba(0,0,0,0.6); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; display: none}
.tanchubox{width: 90%; max-width: 1000px; position: absolute; left: 50%; top: 50%; height: 80vh;background: #fff; transform: translate(-50%,-50%); }
.tanchubox>img{max-height: 90%; max-width:90%}
.guanbi{width: 30px; position: absolute; right: 20px; top: 20px;}





.dituContent{width:67.8%;height:490px;box-shadow: 0px 0px 5px rgba(0,0,0,0.1);}

.BMap_pop > img{display: none !important;}
.BMap_pop > div{display: none !important;}

.BMap_shadow{display: none !important;}
.anchorBL{display: none}

.BMapLabel{display: block !important;border: 0 none !important;padding: 0 !important;background:url(../images/dzico.png) no-repeat center !important;width: 20px!important;height:28px !important;max-width: none !important;margin-bottom: 0 !important; background-size: 100%!important;}

.BMapLabel span{display: block;position: absolute;left: 50%;margin-left: -90px;top: -68px; background:#fff;min-width: 150px;text-align: center;line-height:25px;color: #004ea2; font-size: 16px;  padding:15px; border-radius:3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); font-weight: bold}

.BMapLabel span:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:-9px; border-left:8px solid transparent; border-right:8px solid transparent;border-top: 10px solid #0e6eb8; border-top: 10px solid #fff; margin-left:-8px;}


.mapbox{position: relative}

.mapboxtxt{position: absolute; right: 0px; top: 50%; transform: translate(0,-50%); color: #fff; padding:40px; width: calc(50% - 80px);background: #ca2036}

.mapboxtxt h2{font-size: 24px; font-weight: normal;margin-bottom: 30px;}
.mapboxtxt p{padding: 5px 0px;}
.mapboxtxt p i{width: 16px; height: auto!important;padding-top: 5px;}
.mapboxtxt p span{width: calc(100% - 25px)}
.mapboxtxt p a{color: #fff}

.huisebj{background: #f6f6f6}

.liuyan{width: calc(100% + 150px); margin-left: -150px}
.liuyan li{width: calc(50% - 150px); float: left; margin-left: 150px; margin-bottom: 40px}
.liuyan li p{font-size: 18px; padding: 5px;}
.inputtxt{border: none; border-bottom: 1px solid #d7d7d7; padding: 10px 5px;width: calc(100% - 10px); background: none}

.liuyan li:nth-child(5),.liuyan li:nth-child(6){width: calc(100% - 150px); }

.tijiao{color: #ca2036; font-size: 20px; border-bottom: 1px solid #ca2036!important; padding: 10px; background: none}

.inputtxt::placeholder {color: #b0aeae;}




.proqiehuan{position: relative; padding-bottom: 100px; margin: 0 auto}

.proqiehuan .swiper-slide{width:57%;  overflow: hidden; position: relative; background: #fff}

.proqiehuan .swiper-pagination{width: 100%}
.proqiehuan .swiper-slide p{position: absolute; left:0; width: 100%; color: #333333;font-size:18px;bottom:-60px; z-index: 3; display: none; text-align: center}

.proqiehuan .swiper-slide {border: 10px solid #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.06); overflow:inherit;border-radius: 10px}


.proqiehuan .swiper-slide.swiper-slide-active p{display: block}

.proqiehuan .swiper-button-next:after, .proqiehuan .swiper-button-prev:after{font-size:16px; color: #fff;font-weight: bold}
.proqiehuan .swiper-button-next:hover, .proqiehuan .swiper-button-prev:hover{background: #e60039;}

.proqiehuan .swiper-button-prev{left:0%;background:rgba(0,0,0,0.5); width: 28px; height: 55px; border-radius: 0%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; top: 40%}
.proqiehuan .swiper-button-next{right:0%;background:rgba(0,0,0,0.5); width: 28px; height: 55px;border-radius: 0%;top: 40%}


.proqiehuan .swiper-pagination{bottom: 0px; }
.proqiehuan .swiper-pagination-bullet{ opacity:1;width:12px; height:12px; margin:0 6px!important; border-radius:100%;  background:#fff; border: 2px solid #d8d0d0;}

.proqiehuan .swiper-pagination-bullet-active{background: #e60039; border: 2px solid #e60039;}

.protxts{line-height: 2;}

.w90{width: 90%; margin: 0 auto}

.center{text-align: center}

.Marinadelist li{width: calc(33.33% - 60px); float: left; margin-left: 60px; text-align: center;margin-bottom: 30px;}

.Marinadelist ul{width: calc(100% + 60px); margin-left: -60px;}

.Marinadelist li .fangdapic{border: 1px solid #f0f0f0}
.Marinadelist li p{font-weight: 500; margin-top: 10px;}




.protable{max-width: 1200px;border-radius: 20px; background: #faeef0; border: 2px solid #ca2036;overflow: hidden; width: calc(100% - 4px) }

.protable td{padding: 20px; border-left: 2px solid #ca2036; text-align: center}
.protable td:first-child{border-left: none}
.protable th{background:#ca2036; color: #fff; padding: 20px;}
.protable tr:nth-child(1) th{font-size: 20px;}
.protable tr:nth-child(odd){background: #f6dde1}

.shuming{text-align: left}
.shuming p{font-weight: normal}



.tianranbox li{margin-bottom: 52px; position: relative}

.tianranbox li .fangdapic{width: 60%;}

.tianranbox li:nth-child(even){display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}

.tianrantxt{position: absolute; top: 50%; right: 0px;transform: translate(0,-50%); background: #e60039; padding: 50px; width: calc(50% - 100px); color: #fff; text-align: justify}
.tianranbox li:nth-child(even) .tianrantxt{left: 0px; right: auto}

.tianrantxt h2{font-weight: 500; font-size: 28px; line-height: 1.4}

.tianrantxt p{margin-top: 20px}

.fuhetxt{text-align: justify; line-height: 2.2}
.fuhetxt p{text-indent: 2em;margin-top: 10px}
.tiaoweibox{margin-top: 30px;}
.tiaoweibox li{width: calc(25% - 30px); margin-top: 30px; float: left; margin-left: 30px; position: relative}
.tiaoweibox ul{width: calc(100% + 30px); margin-left: -30px;}

.twltxt{position: absolute; left: 0px; bottom: 0px; color: #fff; z-index: 2; width: 100%; height: 20%}
.twltxt p{padding:10px 20px; line-height: 1.4;}
.twltxt span{width: 38px; height: 38px; background: url("../images/you.svg") no-repeat center center; background-size: 50% auto; border: 1px solid #fff; border-radius: 100%; display: inline-block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; display: none;margin-top: 10px;}

.twltxt>div{width: 100%}

.tiaoweibox li:before{content: ''; width: 100%; height: 30%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));position: absolute; left: 0px; bottom: 0px; z-index: 1 }

.tiaoweibox li:hover .twltxt{height: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.tiaoweibox li:hover .twltxt>div{text-align: center}
.tiaoweibox li:hover .twltxt p{font-size: 22px;}
.tiaoweibox li:hover .twltxt span{display:inline-block}

.tiaoweibox li:hover:before{height: 100%;background: rgba(0,0,0,0.5)}

.tiaoweibox{margin-bottom: 20px;}

.tiaoweibox{box-shadow: 0px 0px 5px rgba(0,0,0,0.08); padding: 2% 7%}

.tiaoweitit{text-align: center; font-size: 26px; font-weight: 500}


.tiaoweibox .protable{max-width: none}

.huoguoleft{width: 50%}

.huoguoright{width: 45%; color: #585858; font-size: 18px;}
.huoguoright p{padding-top: 10px;}
.huoguobox{border: 2px solid #e6e6e6}


.proqiehuantwo{position: relative; padding-bottom:50px; margin: 0 auto}
.proqiehuantwo .swiper-container{overflow: hidden}
.proqiehuantwo .swiper-slide{width:400px;  overflow: hidden; position: relative; background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.06);}

.proqiehuantwo .swiper-slide img{width: 100%}

.proqiehuantwo .swiper-button-next:after, .proqiehuantwo .swiper-button-prev:after{font-size:16px; color: #fff;font-weight: bold}
.proqiehuantwo .swiper-button-next:hover, .proqiehuantwo .swiper-button-prev:hover{background: #e60039;}

.proqiehuantwo .swiper-button-prev{left:0%;background:rgba(0,0,0,0.5); width: 28px; height: 55px; border-radius: 0%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; top: 40%}
.proqiehuantwo .swiper-button-next{right:0%;background:rgba(0,0,0,0.5); width: 28px; height: 55px;border-radius: 0%;top: 40%}



.hbtxt{position: absolute; left:0; width: calc(100% - 40px); background: #ca2036; color: #fff; text-align: center;font-size:18px;bottom:0px; z-index: 3; opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; padding: 50px 20px}


.proqiehuantwo .swiper-slide.swiper-slide-active .hbtxt{opacity: 1}


.zhushibox li{width: 28%;position: relative; cursor: pointer;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.zhushibox li:before{content: ''; width: 100%; height: 30%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));position: absolute; left: 0px; bottom: 0px; z-index: 1;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }



.zhushibox li.cur{width:44% }
.zhushibox li.cur:before{opacity: 0}
.zhushibox li.cur .zshux{display:flex;}
.zhushibox li.cur .zhushitxt{ height: 100%}

.zhushipic{height: 600px;background: #ca2036;}
.zhushipic img{object-fit: cover; height: 100%; width: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.zhushibox li.cur .zhushipic img{opacity: 0.05;}

.zhushitxt{position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 2 }

.zhushitxthezi{width: 90%; color: #fff;}

.zhushitxthezi h2{font-size: 22px; font-weight: 500; padding: 10px; margin-bottom: 10px;}

.zshux{ display: none}
.zshux span{width: calc(50% - 20px); float: left; padding: 5px 10px;}