@import url("//at.alicdn.com/t/font_2613786_yjxqbs3cks.css");
@font-face {
    font-family: "siyuan";
    font-display: swap;
    src: url('/dist/css/webfont/webfont.eot'); /* IE9 */
    src: url('/dist/css/webfont/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/dist/css/webfont/webfont.woff2') format('woff2'),
    url('/dist/css/webfont/webfont.woff') format('woff'), /* chrome、firefox */
    url('/dist/css/webfont/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/dist/css/webfont/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
  }

*{margin:0;padding:0;}
a{text-decoration:none;}
img{border:none;}
body{font-family:"微软雅黑";font-size: 12px;font-weight: normal;}
body,html{height: 100%; }
ul,li{list-style:none;}
.clear{ margin:0px; padding:0px; height:0px; width:0px; line-height:0px; clear:both;}
input,button,select{ outline:none}
 
.mti10{margin-top: 10px!important;}
.mti20{margin-top: 20px!important;}
.mti25{margin-top: 25px!important;}
.mti15{margin-top: 15px!important;}
.mi0{ margin: 0 auto!important;}
.mib5{margin-bottom:5px!important;}
.pt20pb20 { padding: 20px 0;}
.bb1d { border-bottom: 1px dashed #bfbfbf;}
.hi5 { height: 5px;}
.hi10 { height: 10px;}
.hi15 { height: 15px;}
.hi20 { height: 20px;}
.hi30 { height: 30px;}

.hi50 { height: 50px;}

.fl{ float:left}
.fr{ float:right}
.w1100{ width:1100px; margin:0 auto}
.w1300{ width:1300px; margin:0 auto}
.w1200{ width:1200px; margin:0 auto}
.w1400{ width:1400px; margin:0 auto}
.wmain{ width:1280px; margin:0 auto; overflow: hidden;}
.cen{ text-align:center}

.top80 { width: 100%; margin: 0 auto; overflow: hidden; clear: both; height: 80px;}
.fixheader { width: 100%; clear: both; position: fixed; height: 80px; left: 0; top: 0; z-index: 77777;}

.main_tt { width: 800px; height: 50px; margin: 30px auto; overflow: hidden; clear: both; position: relative; padding-top: 15px;}
.main_tt em { width: 82px; height: 15px; position: absolute; top: 0; left: 500px; background-image: url(/img/tttopbg.png); background-repeat: no-repeat; background-size: 100%;}
.main_tt p { line-height: 50px; text-align: center; font-size: 30px; font-family: "siyuan";  color: #333333; font-weight: 300;}
.main_tt span {text-transform: uppercase; margin-right: 10px; font-weight: bold;}

.join_tt { width: 1280px; height: 100px; margin: 30px auto; overflow: hidden; clear: both; position: relative; padding-top: 15px;}
.join_tt em { width: 82px; height: 15px; position: absolute; top: 0; left: 700px; background-image: url(/img/tttopbg.png); background-repeat: no-repeat; background-size: 100%;}
.join_tt h3 { line-height: 50px; text-align: center; font-size: 30px; font-family: "siyuan";  color: #333333; font-weight: 300;}
.join_tt span {text-transform: uppercase; margin-right: 10px; font-weight: bold;}
.join_tt p { font-size: 20px; line-height: 30px;  text-align: center;  font-family: "siyuan";  color: #777777; margin-top: 20px;}

/* .header{ height:80px; background:#fff;}
.header .logo{ float:left; margin-top:15px;}
.header .menu{ float:right; margin-top:30px;}
.header .menu a{ font-size:14px; color:#333; display:block; float:left; margin-left:50px;}
.header .menu a:hover{ color:#e70033}
.header .menu a.on{ color:#e70033}
.header a.ensite { float: right; width: 40px; height: 22px; display: block; background-image: url(/img/icon_en.png); background-size: 100%; background-repeat: no-repeat;margin-top:0px; font-size: 0;}
.header a.ensite:hover { background-image: url(/img/icon_en_on.png);} */


.header{position:relative;z-index:9999;height:80px; background:#fff;}
.header .navigation-inner{margin:0 auto;width:1280px;position:relative}
.navigation-up{height:80px;background:#fff}
.header .navigation-up .logo{ float:left; margin-top:15px;}
.header .navigation-up .menu{ float:right; margin-top:30px;}
.header .navigation-up .menu a{ font-size:14px; color:#333; display:block; float:left; margin-left:50px;}
.header .navigation-up .menu a:hover{ color:#e70033}
.header .navigation-up .menu a.on{ color:#e70033}
.header .navigation-up a.ensite { float: right; width: 40px; height: 22px; display: block; background-image: url(/img/icon_en.png); background-size: 100%; background-repeat: no-repeat;margin-top:0px; font-size: 0;}
.header .navigation-up a.ensite:hover { background-image: url(/img/icon_en_on.png);}

.navigation-down{position:absolute;top:80px;left:50%;width:1100px; margin-left: -550px; }
.navigation-down .nav-down-menu{width:100%;margin:0; position:absolute;top:0px; height: 380px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff;  box-shadow: 0px 10px 4px 0px rgb(0 15 12 / 10%);}
.navigation-down .nav-down-menu .navigation-down-inner {margin:auto; position:relative; padding: 30px; border-top: 1px solid #f1f1f1; }
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 80px 25px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#e70033;padding-bottom:10px;border-bottom:1px solid #e70033;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#e70033}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}
.navigation-down .nav-down-menu .navigation-down-inner img { position: absolute; right: 0; top: 35px;}
.navigation-down .nav-down-menu .navigation-down-inner h3 { height: 40px; line-height: 40px; color:#e70033; font-size: 20px; padding: 30px 0 10px;} 
.navigation-down .nav-down-menu .navigation-down-inner ul {  overflow: hidden; clear: both; }
.navigation-down .nav-down-menu .navigation-down-inner ul li { float: left; width: 240px; height: 140px; line-height: 35px;margin: 10px 10px 20px; background-color: #F9F9FA; border-radius: 10px; text-align: center;}
.navigation-down .nav-down-menu .navigation-down-inner ul li a { color: #333;  font-size: 14px; float: left; width: 100%; height: 100%; display: block; }
.navigation-down .nav-down-menu .navigation-down-inner ul li i {  font-size: 24px; display: block; margin: 35px auto 0px;}
.navigation-down .nav-down-menu .navigation-down-inner ul li:hover{ background-color: #e70033}
.navigation-down .nav-down-menu .navigation-down-inner ul li:hover a {color:#fff;}

.ban{ position:relative}
.ban .swiper-container{ position: relative; z-index: 55;}
.banbg{ position:absolute; bottom:0; left:0; width:100%; background:url(/dist/img/banbg.png) top center no-repeat; height:69px; background-size: 100%; z-index: 66;}

.indnva{ display:flex; justify-content:center; text-align:center; overflow:hidden; margin:20px 0 120px;}
.indnva a{ font-size:14px; color:#333; display:block; margin:0 50px;}
.indnva a:hover{ color:#e70033}
.indnva em{ height:70px; width:1px; display:block; background:#e1e1e1;}
.indnva a i{ display:block; width:80px; height:44px; margin-bottom:10px;transition: 500ms;}
.indnva a.indn1 i{ background:url(/dist/img/quanwu.png)}
.indnva a.indn2 i{ background:url(/dist/img/chuwei.png)}
.indnva a.indn3 i{ background:url(/dist/img/beij.png)}
.indnva a.indn4 i{ background:url(/dist/img/jiufang.png)}
.indnva a.indn5 i{ background:url(/dist/img/gongz.png)}
.indnva a.indn6 i{ background:url(/dist/img/fangqi.png)}
.indnva a.indn1:hover i{ background:url(/dist/img/quanwu_red.png)}
.indnva a.indn2:hover i{ background:url(/dist/img/chuwei_red.png)}
.indnva a.indn3:hover i{ background:url(/dist/img/beij_red.png)}
.indnva a.indn4:hover i{ background:url(/dist/img/jiufang_red.png)}
.indnva a.indn5:hover i{ background:url(/dist/img/gongz_red.png)}
.indnva a.indn6:hover i{ background:url(/dist/img/fangqi_red.png)}

.indnva a:hover i{transform:scale(1.1)}

.indti{ text-align:center; padding:100px 0 60px; overflow:hidden;}


.indpro{ overflow:hidden; background:url(/dist/img/indprobg.jpg) right bottom no-repeat;}

.indpro a img{ display:block;}
.indpro a.inrpromu1{ display:block; float:left; margin:0 1% 30px; width:31.33%; position:relative; border-radius:30px; overflow:hidden; height:300px;}
.indpro a.inrpromu1 img{transition: 500ms; width:100%; height:100%;}
.indpro a.inrpromu1 p{ height:0px; transition: 500ms; font-size:16px; color:#fff; text-align:center; background:url(/dist/img/indprobtnbg.png) repeat-x; position:absolute; bottom:0; left:0; width:100%;}
.indpro a.inrpromu1:hover p{height:60px;line-height:60px;}
.indpro a.inrpromu1:hover img{transform:scale(1.1)}

.indpro a.inrpromu2{ display:block; float:left; margin:0px 1% 30px; width:31.33%; position:relative; border-radius:30px; overflow:hidden;}
.indpro a.inrpromu2 .img{ overflow: hidden;}
.indpro a.inrpromu2 img{transition: 500ms;}
.indpro a.inrpromu2 em{ position:absolute; left:0; top:0;  }
.indpro a.inrpromu2 p{ height:80px; line-height:80px; font-size:16px; color:#000; background:url(/dist/img/indprobg2.png) repeat-x; padding:0 20px;}
.indpro a.inrpromu2 i { float: right; font-size: 36px;}
.indpro a.inrpromu2:hover img{transform:scale(1.1)}


.indpromu{ display:flex; justify-content:center; text-align:center; overflow:hidden; padding:50px 0 0; width: 1280px; margin: 0 auto;}
.indpromu a{ display:block; border:1px solid #dadada; border-radius:50%; color:#979797; text-align:center; font-size:14px; width:10%; margin:0 1%;display:flex; flex-wrap:wrap;align-content:center}
.indpromu a i{ font-size:48px; color:#555; width:100%; margin-bottom:3%;transition: 500ms;}
.indpromu a p{ width:100%;}
.indpromu a:hover{ color:#e70033; border:1px solid #e70033;}
.indpromu a:hover i{ color:#e70033;transform:scale(1.1)}


.inddes{ height:384px; background:url(/dist/img/inddes.jpg) center no-repeat; overflow:hidden; margin:120px 0 60px;}
.inddes .inddesform{ margin-left:805px; margin-top:145px;}
.inddes .inddesform input{ width:310px; height:35px; line-height:35px; background:#fff; border-radius:10px; border:0; padding:0 10px; margin-bottom:15px;}
.inddes .inddesform .formssx{ width:330px; margin-bottom:15px;}
.inddes .inddesform .formssx select { float: left; width: 105px; height:35px; line-height:35px; border: 0;  border-radius:10px;  margin-right: 7px;}
.inddes .inddesform .formssx select:nth-last-child(1) { margin-right: 0;}
.inddes .inddesform button{ width:330px; height:45px; line-height:45px; background:#000; color:#fff; border-radius:10px; border:0; margin-top:10px; cursor:pointer; font-size: 14px;}


.indnews{overflow:hidden; width: 1280px; margin: 0 auto; margin-bottom:30px;}
.indnews a{ display:block; float:left; margin:0 1% 30px; width:31.33%; position:relative; overflow:hidden;}
.indnews a .imgs{ overflow:hidden; border-radius:30px; margin-bottom:30px; width: 100%; background-color: #f1f1f1;}
.indnews a .imgs img{ width: 100%;height: 100%;   transition: 500ms;}
.indnews a h1{ font-size:20px; color:#000; font-weight:normal; margin-bottom:20px;}
.indnews a p{ font-size:14px; color:#949494; height:40px; line-height:20px;}
.indnews a:hover .imgs img{transform:scale(1.1)}
.indnews a:hover h1{color:#e70033;}

.newsdesbtn{ width:180px; height:40px; line-height:40px; margin:0 auto 80px; background:#e70033; color:#fff; font-size:14px; text-align:center; display:block; border-radius:10px}

.indjo{overflow:hidden; display:flex; justify-content:center; text-align:center;width: 1280px; margin: 0 auto; margin-bottom:100px;}
.indjo a{ display:block; width: 25%;}
.indjo a img{ margin-bottom: 10px;}

.indbot{ overflow:hidden; background:url(/dist/img/indbot.jpg?v=1) center; height:125px;}
.indbot .fl{ width:50%; position:relative; color:#fff; margin-top: 30px;}
.indbot .fl .botico{ float:left; margin-right:45px; font-size:50px; color:#fff;}
.indbot .fl h1{ font-size:16px; font-weight:normal; margin-bottom:5px; padding-top:5px;}
.indbot .fl p{ font-size:14px;}
.indbot .fl .gofrom{ width:55px; height:55px; line-height:55px; text-align:center; background:#fff; display:block; position:absolute; right:50px; top:0;}
.indbot .fr a{ width:55px; height:55px; line-height:55px; text-align:center; background:#fff; display:block; position:absolute; right:30px; top:0;}
.indbot a i{ font-size:24px; color:#e70033;}


.footer{ background:#191919; overflow:hidden; padding:50px 0 0; color:#fff}
.footer .w1400{ overflow:hidden;}
.footer .fotmenu{ overflow:hidden; float:left; margin-left:30px;}
.footer .fotmenu dl{ margin-left:80px; float:left;}
.footer .fotmenu dl dt{ font-size:16px; margin-bottom:30px;}
.footer .fotmenu dl dd a{ color:#9e9e9e; font-size:13px; margin-bottom:15px; display:block;}
.footer .footbot{ overflow:hidden; margin-top:60px; color:#9e9e9e; width: 100%;}
.footer .footbot a{color:#9e9e9e;}
.footer .footbot .wmain{ border-top:1px solid #303030; padding:20px 0; line-height:70px; }
.footer .footbot .bot_logo{ margin:0 auto; display:block; height:70px; width:150px; position:absolute; left:50%; margin-left:-75px;}
.footer a:hover{ color:#e70033 !important}

.footer .foottel { float: left; width: 280px;  font-family: "siyuan";}
.footer .foottel h3 { width: 255px; line-height: 20px; font-size: 14px; color: #9E9E9E; padding-left: 25px; background-image: url(/img/icon_tel.png); background-position: left; background-repeat: no-repeat;}
.footer .foottel p { font-size: 33px; color: #fff; line-height: 50px; font-weight: bold; }
.footer .foottel h3.cyjm {background-image: url(/img/icon_money.png); margin-top: 30px;}
.footer .iconList { padding-left: 50px; clear: both; overflow: hidden; padding-top: 20px;}
.footer .iconList a { float: left; width: 50px; height: 25px; line-height: 25px; text-align: center; font-size: 14px; border: 1px solid #979797; border-radius: 14px; color: #9e9e9e; margin-right: 10px;}
.footer .iconList a:hover { background-color: #E80035; border-color: #E80035; color: #fff;}
.footer .iconList a:hover i { color: #fff;}
.mainban{height:615px; width:100%; overflow:hidden;  position: relative;display: flex; align-content: center; align-items: center;}
.mainban span{ margin:0 auto;}

.innerBanTxt { width: 800px; margin: 0 auto; overflow: hidden; clear: both; text-align: center; color: #fff; font-family: "siyuan"; }
.innerBanTxt h3 { font-size: 48px; line-height: 100px; }
.innerBanTxt p { font-size: 38px; line-height: 60px; text-transform: uppercase; }

.abtban{ background:url(/dist/img/banner_about.jpg?v=1) center;}
.newsban{ background:url(/dist/img/newsban.jpg?v=1) center;}
.galleryban{ background:url(/dist/img/galleryban.jpg?v=1) center;}
.joinban{ background:url(/dist/img/joinban.jpg?v=1) center;}
/* .conban{ background:url(/dist/img/conban.jpg?v=1) center;} */
.joinban{ background:url(/dist/img/joinban.jpg?v=1) center;}
.conban{ background:url(/dist/img/banner_service2.jpg?v=1) center;}
.designban{ background:url(/dist/img/caseban.jpg?v=1) center;}

.mainmu{ position: absolute; display: flex; justify-content: center; height: 60px; line-height: 60px; background: url(/dist/img/mubg.png); width: 100%; bottom: 0;}
.mainmu a{ display: block; color: #fff; font-size: 14px; margin: 0 30px;}
.mainmu a:hover{ border-bottom: 2px solid #e70033; color: #e70033;}
.mainmu a.on{ border-bottom: 2px solid #e70033; color: #e70033;}

.abtjs{ overflow:hidden; margin:80px 0 0px; padding:60px 0 100px}
.abtjsdec{ width:520px; font-size:14px; line-height:24px; padding-left: 90px;}
.abtjsdec h1{ font-weight:normal; color:#333; font-size:30px; line-height:30px; margin-bottom:20px;}
.abtjsdec h2{ font-weight:normal; color:#333; font-size:19px; line-height:20px; margin-bottom:75px;}
.abtjsdec p{ font-size:15px; margin-bottom:40px;}
.abtjsdec h3{ font-weight:normal; color:#333; font-size:28px; line-height:30px; margin-bottom:60px;}


.abtti{ text-align:center; overflow:hidden; margin:60px 0 30px}


.abtvdo{ background:url(/dist/img/abt2.jpg) right bottom no-repeat; overflow:hidden; text-align:center; margin-bottom:70px}
.abtvdo video{ width:1200px; height:675px; margin:0 auto; border-radius:40px; overflow:hidden; border:0;}



.abtlc{ background:url(/dist/img/abt5.jpg) center right no-repeat; overflow:hidden; padding:0 7% 120px;}
.abtlc .swiper-container{ padding-bottom:125px; margin-top:60px }
.abtlcli{ width:360px; margin:0 auto;}
.abtlc .img{ width:360px; margin-bottom:20px; background: #f9f9f9; border-radius: 30px; overflow: hidden;}
.abtlc .img img{ width: 360px;}
.abtlc .swiper-slide:nth-child(even){ margin-top:130px;}
.abtlc .swiper-slide h1{ width:360px; font-weight:normal; font-size:26px; line-height:30px; margin-bottom:10px;}
.abtlc .swiper-slide p{ width:360px; font-size:14px; line-height:24px; margin-bottom:10px; color: #777;}

.abtlc .swiper-button-prev:after,.abtlc .swiper-button-next:after{ display:none}
.abtlc .swiper-button-prev,.abtlc .swiper-button-next{ position:absolute; bottom:0; left:50%; top:inherit; width:65px; height:65px; line-height:65px; text-align:center; background:#ececec; border-radius:50%;}
.abtlc .swiper-button-prev i,.abtlc .swiper-button-next i{ font-size:24px; color:#e70033}
.abtlc .swiper-button-prev{ margin-left:-100px;}
.abtlc .swiper-button-next{ margin-left:35px;}

.abtry{ overflow:hidden; margin-bottom:40px;}
.abtry .swiper-container{ padding-bottom:50px; }
.abtry .swiper-slide { padding:50px 0; overflow:hidden; position: relative;}
.abtry .swiper-slide img { float: left; margin-bottom: 20px;}
.abtry .swiper-slide p { width: 100%; height: 45px; line-height: 45px; text-align: center; color: #555; font-size: 16px;}
.abtry .swiper-pagination-bullet{ width:11px; height:11px; border-radius:0; background:#555;opacity: .6; }
.abtry .swiper-pagination-bullet-active{ background:#E80035;opacity: 1;}
.abtry .swiper-container-horizontal>.swiper-pagination-bullets,.abtry .swiper-pagination-custom,.abtry .swiper-pagination-fraction{ margin-bottom:25px;}
.abtry .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}

.abtzpti{ width: 1280px; margin: 0 auto 80px; font-size: 20px; text-align: center;}

.abtzpmain{ border: 1px solid #dedede; overflow: hidden; margin-bottom: 120px; border-radius: 40px;}
.abtzpmain .abtzptti{ overflow: hidden; border-bottom: 1px solid #dedede; padding: 40px 30px;}
.abtzpmain .abtzpdd{ width: 203px; float: left;}
.abtzpmain .abtzpdd h1{ font-weight: normal; font-size: 18px; margin-left: 30px; margin-top: 5px;}
.abtzpmain .abtzpdd p{ font-size: 14px; color: #777; line-height: 30px;}
.abtzpmain .abtzpdd p span{ color: #333;}
.abtzpmain .abtzpdd .abtzpmore{ width: 126px;    height: 37px; line-height: 37px;    background: #E80035; color: #fff;    border-radius: 10px; text-align:  center; font-size: 14px; margin-top: 10px; float: right; cursor: pointer;}

.abtzpinfo{ padding: 40px; display: none;border-bottom: 1px solid #dedede;}
.abtzpinfo h1{ font-size: 14px; color: #333;}
.abtzpinfo p{ font-size: 14px; color: #777; line-height: 24px;}


.abtqiye{ margin: 0 auto 140px; overflow: hidden;}
.abtqiyemain{ width:1170px; height:628px; margin:0 auto 80px; overflow:hidden; border-radius:20px;}
.abtqiyemain .hd{   width:230px;position:absolute; z-index:999; text-align:center; }
.abtqiyemain .hd ul{ height:100%; overflow:hidden;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.abtqiyemain .hd ul li{ height:157px; line-height:157px;background:url(/dist/img/abt6.png); cursor:pointer; color:#fff; font-size: 16px;}
.abtqiyemain .hd ul li i{ font-size: 24px; margin-right: 5px;}
.abtqiyemain .hd ul li.on{background:url(/dist/img/abt4.png)  }
.abtqiyemain .bd{ position:relative; z-index:99; float: right; width: 1170px;}
.abtqiyemain .bd img { width: 1170px;height:628px; }

.jointi{ overflow:hidden; margin:60px auto; text-align:center;}

.joinys{ overflow:hidden; padding:20px 0 120px; background:url(/dist/img/join1.jpg) top right no-repeat}
.joinys ul{ display:flex; justify-content:center; text-align:center; width:1400px; margin:0 auto;flex-wrap:wrap;}
.joinys ul li{ width:414px; height:279px; margin:20px 10px; border-radius:30px; background-color: #f5f5f5;}
.joinys ul li i{ width:80px; height:80px; line-height:80px; text-align:center; display:block; margin:65px auto 40px; color:#333; font-size:40px; border:1px solid #333; border-radius:50%;}
.joinys ul li p{ font-size:16px;}
.joinys ul li.joys1:hover{ background:url(/dist/img/joys1.jpg); color:#fff}
.joinys ul li.joys2:hover{ background:url(/dist/img/joys2.jpg); color:#fff}
.joinys ul li.joys3:hover{ background:url(/dist/img/joys3.jpg); color:#fff}
.joinys ul li.joys4:hover{ background:url(/dist/img/joy4_gai.jpg); color:#fff}
.joinys ul li.joys5:hover{ background:url(/dist/img/joys5.jpg); color:#fff}
.joinys ul li.joys6:hover{ background:url(/dist/img/joy6_gai.jpg); color:#fff}
.joinys ul li:hover i{ color:#fff;border:1px solid #fff;}

.joinds{ overflow: hidden; margin: 0 auto 120px;}
.joinds .swiper-container{ padding-bottom:120px; }
.joinds .swiper-slide{border-radius: 45px;overflow: hidden;}
.joinds .swiper-slide img{ display: block; width: 100%;}
.joinds .swiper-button-prev:after,.joinds .swiper-button-next:after{ display:none}
.joinds .swiper-button-prev,.joinds .swiper-button-next{ position:absolute; bottom:0; left:50%; top:inherit; width:65px; height:65px; line-height:65px; text-align:center; background:#ececec; border-radius:50%;}
.joinds .swiper-button-prev i,.joinds .swiper-button-next i{ font-size:24px; color:#e70033}
.joinds .swiper-button-prev{ margin-left:-100px;}
.joinds .swiper-button-next{ margin-left:35px;}


.joinzc{overflow:hidden; height:850px;background:url(/dist/img/join4bg.jpg) center top no-repeat;  }
.joinzc ul{display:flex; justify-content:center;  margin-top:130px;}
.joinzc li{ margin:0 10px; width:230px; height:380px; overflow:hidden; border-radius:40px; padding:40px 35px; position:relative; background:#f8f8f8;}
.joinzc li h1{ font-weight:normal; font-size:16px; color:#333;}
.joinzc li em{ width:66px; height:1px; display:block; background:#dfdfdf; margin:25px 0 30px}
.joinzc li p{ font-size:14px; line-height:20px; color:#777;}
.joinzc li img{ position:absolute; bottom:0; left:0; width:100%;}
.joinzc li:hover { background:linear-gradient(to bottom,#fc88a2,#e70033);;}
.joinzc li:hover h1,.joinzc li:hover p { color: #fff;}

.joinbf{ overflow:hidden; background:#fdfbfb;background:url(/dist/img/join2.jpg) top left no-repeat;padding-bottom:40px; }
.joinbf ul{ width:1280px; margin:0 auto;}
.joinbf ul li{ overflow:hidden; background:#fff; margin-bottom:45px;overflow:hidden; border-radius:50px;}
.joinbf ul li dl{ overflow:hidden; width:540px; padding:76px 50px; height: 141px;}
.joinbf ul li dl dt{ font-size:20px; color:#E80035; margin-bottom:40px;}
.joinbf ul li dl dd{ color:#777; font-size:15px; line-height:24px;}
.joinbf ul li .bfimgs { width: 640px;}
.joinbf ul li .bfimgs img { width: 100%;}
.joinbf ul li img{ display:block;}
.joinbf ul li:hover dl{background: linear-gradient(314deg, rgba(230, 0, 54, 0.05) 0%, rgba(230, 0, 54, 0.86) 100%);}
.joinbf ul li:hover dl dt{ color: #fff;}
.joinbf ul li:hover dl dd{ color: #fff;}

.joinzd{ overflow:hidden; margin: 0 auto 0px;}
.joinzd ul{display:flex; justify-content:center;  flex-wrap:wrap; width:1400px; margin:0 auto}
.joinzd ul li { width: 410px; overflow:hidden; margin:10px; border-radius: 20px;}
.joinzd ul li img { width: 100%;transition: 500ms;}
.joinzd ul li:hover img {transform:scale(1.1)}

.joinjm{ overflow:hidden; background:url(/img/join_boxbg.jpg) top left no-repeat; padding-top: 120px;}
.joinjmmain{width: 835px; margin: 0 auto 140px; background-color: #fff; padding: 40px 100px;}
.joinp{ overflow: hidden; margin-bottom: 20px;}
.joinp input{border: 0; width: 815px; border-bottom: 2px solid #eee; height: 70px; line-height: 70px; padding:0 10px; font-size: 16px;}
.joinp select{border: 0; width: 250px; border-bottom: 2px solid #eee; height: 70px; line-height: 70px; padding:0 10px; font-size: 16px; float: left; margin-right: 10px;} 
.joinjmmain button{ width: 160px; height: 50px; line-height: 50px; text-align: center; display: block; border: 0; background-color: #e70033; color: #fff; font-size: 14px; margin-top: 40px; cursor: pointer;}

.designti{ text-align:center; overflow:hidden; padding:120px 0 60px;}

.designtop{ width:1280px; height:505px; margin:0 auto 40px; overflow:hidden;}
.designtop .fl{ width:640px;}
.designtop .fr{ width:505px; height:450px; background:url(/dist/img/design2.jpg) right no-repeat; background-size: auto 100%; padding:55px 0 0 135px}
.designtop .fr img{ margin-bottom:40px;}
.designtop .fr input{ width:310px; height:45px; line-height:45px; background:#fff; border-radius:10px; border:0; padding:0 10px; margin-bottom:15px;}
.designtop .fr button{ width:330px; height:45px; line-height:45px; background:#000; color:#fff; border-radius:10px; border:0;}

.designtop .fr .formssx{ width:330px; margin-bottom:15px; overflow: hidden;}
.designtop .fr .formssx select { float: left; width: 105px; height:45px; line-height:45px; border: 0;  border-radius:10px;  margin-right: 7px;}
.designtop .fr .formssx select:nth-last-child(1) { margin-right: 0;}


.descase{ padding:40px 0 160px; overflow:hidden;}

.conti{ text-align:center; padding:60px 0;}

.conTop { width: 1280px; height: 306px; margin: 0 auto; overflow: hidden; clear: both; background-image: url(/img/ser_top01bg.jpg); background-repeat: no-repeat; position: relative; text-align: center;  font-family: "siyuan";}
.conTop h3 { font-size: 22px; color: #fff; line-height: 40px; padding: 50px 0 20px; text-transform: uppercase;}
.conTop p { color: rgba(255, 255, 255, 0.8); font-size: 16px; line-height: 26px;}


.coninfo{ overflow:hidden; margin:40px 0 60px;}
.coninfo ul{display:flex; justify-content:center; text-align:center; overflow:hidden;}
.coninfo ul li{ width:630px; margin:0 10px; background-color: #fff; border-radius: 20px; overflow: hidden; padding-bottom: 25px;}
.coninfo ul li img{ margin-bottom:20px;width: 100%;}
.coninfo ul li h1{ font-weight:normal; font-size:18px; color:#333; line-height:20px; margin-bottom:10px;}
.coninfo ul li p{ font-size:14px; color:#777; line-height:22px;}


.conzz{ overflow:hidden;}
.conzz ul{display:flex; justify-content:center;flex-wrap:wrap;  text-align:center; overflow:hidden; width:1290px; margin:0 auto;}
.conzz ul li{width: 410px;height: 341px;background: #F3F3F3; border-radius: 30px;margin:0 10px 50px; overflow:hidden;}
.conzz ul li i{ display:block; margin:88px auto 35px;  width:60px; height:60px; font-size: 60px; line-height: 60px; color: #e70033;}
.conzz ul li h1{ font-weight:normal;font-size: 20px;color: #333333;line-height: 26px; margin-bottom:10px;}
.conzz ul li p{font-size: 14px;color: #777777;line-height: 22px;}
.conzz ul li:hover{ background:#e70033}
.conzz ul li:hover i{ color:#fff}
.conzz ul li:hover h1{ color:#fff}
.conzz ul li:hover p{ color:#fff}

.conmap{ position:relative;width:1280px;height:565px; margin:0 auto 80px; overflow:hidden; border-radius:40px;}
.conmap img{ position:absolute; right:0; top:0; display:block;}
.coninfodec{ position:absolute; right:0; top:0; display:block; width:440px; height:565px; padding:40px 100px; color:#fff; background:url(/dist/img/coninfodecbg.png) no-repeat; background-size: 100% 100%}
.coninfodec h1{ font-size:18px; font-weight:normal; line-height:24px; margin-bottom:20px}
.coninfodec dl{ margin-top:40px; overflow:hidden;}
.coninfodec dt{ font-size:16px; margin-bottom:5px;}
.coninfodec dt i{ margin-right:5px; font-size:20px;}
.coninfodec dd{ font-size:14px; line-height:24px;}

.conform{ overflow:hidden; height:570px;margin-bottom:120px;border-radius:45px;}
.conform .fl{ width:645px; height:570px; overflow:hidden; }
.conform .fr{ width:455px; height:570px; padding:45px 90px; background:#fff;}
.conform .fr h1{font-size: 22px;color: #333333;line-height: 29px; font-weight:normal; line-height:25px; margin-bottom:40px;}
.conform .fr input{ width:460px; height:50px; line-height:45px;  border:1px solid #d8d8d8; padding:0 10px; margin-bottom:15px;}
.conform .fr textarea{ width:460px; height:100px; line-height:45px;  border:1px solid #d8d8d8; padding:0 10px; margin-bottom:15px;}
.conform .fr button{ width:480px; height:45px; line-height:45px; background:#E80035; color:#fff; border-radius:10px; border:0;}



.newsmain{ overflow:hidden; padding: 80px 0;}
.newsmainli{ overflow: hidden; width: 1320px; margin: 0 auto;}
.newsmainli a{ width: 290px; height: 325px; display: block; float: left; background-color: #fff; border-radius: 15px; overflow: hidden; margin-right: 40px; margin-bottom: 40px;}
.newsmainli a .newsimgs{ overflow: hidden; height: 180px;}
.newsmainli a .newsimgs img{ transition: 500ms; width: 100%; height: 100%;}
.newsmainli a .newsdec{ padding: 25px 20px;}
.newsmainli a .newsdec h1{ font-size: 18px; color: #000;height: 50px; font-weight:normal;    line-height: 25px;    margin-bottom: 30px;}
.newsmainli a .newsdec p{ font-size: 14px; color: #999;}

.newsmainli a:hover{box-shadow: 1px 1px 20px 8px #f1f1f1;}
.newsmainli a:hover img{transform:scale(1.1)}


.newsdetailti{ overflow:hidden; height:80px; line-height:80px; margin-top:10px; font-size:18px; color:#1e1e1e;}
.newsdetailti a{ color:#1e1e1e}
.newsdetailmain{ background:#fff; padding:60px 100px; margin-bottom: 80px;}
.newsdetailmain .newstit{ font-size:33px; color:#282828; text-align:center; margin-bottom:50px;}
.newsdetailmain .newsdate{ overflow:hidden;height:50px; line-height:50px; color:#646464; border-bottom:1px solid #dcdcdc;}
.newsdetailmain .newsinfo{ overflow:hidden; line-height:24px; margin:40px 0; font-size:14px;}
.newsdetailmain .newsinfo img{ margin:10px auto; max-width:100%;}
.newsdetailmain .newsinfo video{margin:20px auto; max-width:100%;}
.newsdetailmain .newsback{ width:120px; height:35px; background-color: #E80035; color: #fff; font-size: 14px; line-height:35px; text-align:center; display:block; margin:0 auto; } 
.newsdetailmain .newdet-link{ margin-top:60px; border-top:1px solid #dcdcdc; padding-top:30px;}
.newsdetailmain .newdet-link a{ font-size:18px; color:#3d3d3d; line-height:36px; display:block;}
.newsdetailmain .newdet-link a:hover{color:#E80035}


.gallerymenu{ overflow:hidden; margin:0px auto 40px; width:1320px;}
.gallerymenu select{ border:0; width:400px; float:left; border-bottom:1px solid #dbdbdb; color:#333; font-size:16px; height:50px; line-height:50px; margin-right:40px;}
.gallerymenu option{ height:40px; line-height:40px;}


.gallerymain{ overflow: hidden; padding: 60px 0 80px;}
.gallerylimain{ overflow: hidden; width: 1320px;}
.gallerylimain a{ display: block; float: left; width: 400px; margin-right:40px; margin-bottom: 40px; background-color: #f8f8f8;border-radius: 15px; overflow: hidden;}
.gallerylimain a .imgs{ width: 100%; height: 300px; overflow: hidden; text-align: center; background-color: #f9f9f9;}
.gallerylimain a .imgs img{ width: 100%; height: 100%;  transition: 500ms;}
.gallerylimain a .gallerydec{ padding: 20px 15px; overflow: hidden;}
.gallerylimain a .gallerydec .galopti{ overflow:hidden; margin-bottom:10px;}
.gallerylimain a .gallerydec .galopti h1{ font-size: 18px; color: #333; float: left;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; width: 280px; font-weight:normal;}
.gallerylimain a .gallerydec .galopti span{ font-size: 14px; color: #333; float: right;}
.gallerylimain a .gallerydec .galopti span i{ margin-right: 3px; font-size: 12px;}
 
.gallerylimain a .gallerydec .galopdd{ overflow:hidden}
.gallerylimain a .gallerydec .galopdd span{ color:#808080; display:block; float:left; font-size:14px;}
.gallerylimain a .gallerydec .galopdd i{ display:block; float:right; color:#a2a2a2; font-size:20px; margin-right: 5px;}
.gallerylimain a:hover { background-color: #E80035; color: #fff;}
.gallerylimain a:hover .imgs img{transform:scale(1.1)}
.gallerylimain a:hover .gallerydec .galopti h1,.gallerylimain a:hover .gallerydec .galopti span,.gallerylimain a:hover .gallerydec .galopdd span,.gallerylimain a:hover .gallerydec .galopdd i {color:#fff; margin-right: 0;}


.m-pagination { position: relative; text-align: center; zoom: 1;}
.m-pagination:before,.m-pagination:after { content: ""; display: table; }
.m-pagination:after { clear: both; overflow: hidden;}
.m-pagination span {    margin: 0 5px; width: 38px; height: 38px; line-height: 38px; color: #bdbdbd; font-size: 14px; display: inline-block;}
.m-pagination .active { margin: 0 5px; width: 38px; height: 38px; line-height: 38px; background: #e91e63; color: #fff; font-size: 14px; border: 1px solid #e91e63; display: inline-block;}
.m-pagination a { display: inline-block; margin: 0 5px; width: 38px; height: 38px; line-height: 38px; background: #fff; border: 1px solid #ebebeb; color: #bdbdbd; font-size: 14px;}
.m-pagination a:hover { color: #fff; background: #e91e63;}
.m-pagination .next,.m-pagination .prev { font-family: "Simsun"; font-size: 16px; font-weight: bold;}
.now,.count { padding: 0 5px; color: #f00;}
.eg img { max-width: 800px; min-height: 500px;}
.m-pagination input { float: left;  margin: 0 5px; width: 38px; height: 38px; line-height: 38px; text-align: center; background: #fff;  border: 1px solid #ebebeb; outline: none; color: #bdbdbd; font-size: 14px;}



.foot-float{  width: 64px; height: 320px; position: fixed; z-index: 99999; right: 0; bottom: 100px; display: none; line-height: 1.18;}
.foot-float.on{ display: block; }
.foot-float ul li a{  width: 64px; height: 64px; margin-bottom: 5px; color: #333; background-color: #fff; display: block; box-sizing: border-box; text-align: center; }
/* .foot-float ul li:nth-child(1) a { height: 90px;} */
.foot-float ul li a img { width: 100%;}
.foot-float ul li a i{ font-size: 24px; padding:10px 0 5px; display: block; color: #e91e63;}
.foot-float ul li a span{ font-size: 12px; }
.foot-float ul li a:hover { color:#fff; background-color: #e91e63;}
.foot-float ul li a:hover i {color: #fff;}
.foot-float ul li:nth-of-type(5) a{ padding-top: 0;}
.foot-float ul li:nth-of-type(5) a p{ font-size: 24px;}
.foot-float ul li:nth-of-type(5) a span{ font-size: 16px; font-weight: bold;}
#wximg{ display: none;  width: 100px; height: 100px; left: -122px; top: -20px; position: absolute;}
.wximgg{ position: relative;}