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

 
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body {   font:12px/20px "Microsoft YaHei", "SimSun", "宋体",HELVETICA; background:#fff; /* overflow-y:scroll;*/width:100%; }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{    text-decoration:none;blr:expression(this.onFocus=this.blur());	 }
 
a:hover, a:active, a:focus { text-decoration:none; }


#topWz{ position: absolute; margin-top: -61px;}

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

 

.join_tt { width: 100%; 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(/images/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;}



.mainban{ width:100%; overflow:hidden;  position: relative;display: flex; align-content: center; align-items: center; }
.mainban span{ margin:0 auto;}


.innerBanTxt { width: 100%; position: absolute; height: 70px; left: 0; top: 50%; margin-top: -35px; text-align: center; color: #fff; font-family: "siyuan"; }
.innerBanTxt h3 { font-size: 24px; line-height: 40px; }
.innerBanTxt p { font-size: 14px; line-height: 30px; text-transform: uppercase; }


.fl{ float:left}
.fr{ float:right}
.mt80{ margin-bottom:80px;}
.mt90{ margin-bottom:90px}
.mt100{ margin-bottom:100px}
 
.header{ height:40px; background:#fff; padding:10px 0; position:relative; width:100%; position:fixed; top:0; z-index:9999; border-bottom:1px solid #f1f1f1;}
.header .logo{  display:block; height:30px; width:143px; position: absolute; left: 50%; margin-left:-71px; margin-top:5px;}
.header .logo img{ width:100%}

 
.header .seach{ float:right; display:block; margin-top:10px; margin-right:5px;}
.header .seach i{ font-size:24px;}
 
.header  .menu {
  float:right;
  margin-right: 12%;
  margin-top:20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
 
.seachmain{ position:fixed; top:0; background:#fff; width:100%; height:100%; left:0; display:none; z-index:99999}
.seachmain .seachinp{ margin-top:20px; padding:0 20px; border-bottom:1px solid #dadada; padding-bottom:10px;}
.seachinp i{ float:left; font-size:20px; color:#333; margin-right:5px; margin-top:2px;}
.seachinp input{ border:0; font-size:14px; font-family:"微软雅黑"} 
.seachinp span{ display:block; float:right; font-size:16px;}
.seachinp .okseach{ display:none}

.ban .swiper-pagination-bullet-active{    background: #E60036 !important;}



.indnva{ display:flex; justify-content:center; text-align:center; overflow:hidden; margin:30px 0 20px;flex-wrap:wrap; align-items: center;}
.indnva a{ font-size:14px; color:#333; display:block; margin:5px 0%;width: 33%;}
.indnva em{ height:14px; width:1px; display:block; background:#e1e1e1;}
.indnva i{ font-size: 16px; margin-right: 5px;}
 

.indgal{ padding:0 5% 30px; overflow:hidden;}


.indti{ overflow:hidden; text-align:center; padding:10px 0;}
.indti img{ max-width:100%;}


.indpro{ overflow:hidden; padding:0 3%; background:url(../images/indprobg.jpg) right bottom no-repeat;margin: 20px 0;}

.indpro a img{ display:block;}
.indpro a.inrpromu1{ display:block; float:left; margin:0 1% 15px; width:48%; height: 120px; position:relative; border-radius:10px; overflow:hidden;}
.indpro a.inrpromu1 img{ width: 100%; height: 100%;}
.indpro a.inrpromu1 p{ height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center; background:url(../images/indprobtnbg.png) repeat-x; position:absolute; bottom:0; left:0; width:94%; padding: 0 3%;; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
 

.indpro a.inrpromu2{ display:block; float:left; margin:0px 1% 0px; width:48%;  position:relative; border-radius:10px; overflow:hidden;}
.indpro a.inrpromu2 .img{ overflow: hidden;height: 90px;}
.indpro a.inrpromu2 img{ width: 100%; height: 100%;}
.indpro a.inrpromu2 em{ position:absolute; left:0; top:0;  }
.indpro a.inrpromu2 p{ height:40px; line-height:40px; font-size:12px; color:#000; background:url(../images/indprobg2.png) repeat-x; padding:0 5px;}
 
.indpromu{ display:flex; justify-content:space-between;flex-wrap:wrap; text-align:center; overflow:hidden; padding:20px 3% 20px}
.indpromu a{ display:block; border:1px solid #dadada; border-radius:50%; color:#979797; text-align:center; font-size:12px; width:75px; height:75px; margin:0 1% 10px;display:flex; flex-wrap:wrap;align-content:center}
.indpromu a i{ font-size:22px; color:#555; width:100%; margin-bottom:3%;transition: 500ms;}
.indpromu a p{ width:100%;}
 


.inddes{   background:url(../images/indesbg.jpg); overflow:hidden; padding:30px 0;}
.inddes img{ margin:0 5% 20px;}
.inddes .inddesform{ width:90%; margin:0 auto}
.inddes .inddesform input{ width:90%; height:45px; line-height:45px; background:#fff; border-radius:10px; border:0; padding:0 5%; margin-bottom:10px;}
.inddes .inddesform button{ width:100%; height:45px; line-height:45px; background:#000; color:#fff; border-radius:10px; border:0; margin-top:10px; cursor:pointer; font-size: 14px;}
.inddes .inddesform .formssx{ width:100%; margin-bottom:10px; overflow: hidden;}
.inddes .inddesform .formssx select { float: left; width: 32%; height:45px; line-height:45px; border: 0;  border-radius:10px;  margin-right: 1%;}
.inddes .inddesform .formssx select:nth-last-child(1) { margin-right: 0;}



.indnews{overflow:hidden; padding:0 3%; margin-bottom:30px;}
.indnews h4 { width: 100%; line-height: 50px; font-size: 18px; border-bottom: 1px solid #fff; margin-bottom: 20px;}
.indnews a{ display:block;  margin:0 0% 10px; width:100%; position:relative; overflow:hidden;}
.indnews a .imgs{ overflow:hidden; border-radius:10px; margin-bottom:10px; width: 100%; height:140px; background-color: #f1f1f1;}
.indnews a .imgs img{width: 100%; height: 100%;}
.indnews a h1{ font-size:16px; line-height:24px; color:#000; font-weight:normal; }
.indnews a p{ font-size:14px; color:#949494; line-height:20px;margin-top:5px;}



.footer{ overflow:hidden; background:#191919; padding:30px 0 0; }
.footer .bot{ text-align:center; color:#9E9E9E; border-top:1px solid #333; margin-top:20px; padding:10px 0; line-height:22px;}

.footer .foottel { width: 100%; margin: 0 auto; font-family: "siyuan"; overflow: hidden; clear: both;}
.footer .foottel .fl {  width: 100%; overflow: hidden; padding: 0 5%;}
.footer .foottel h3 { line-height: 20px; font-size: 14px; color: #9E9E9E; padding-left: 25px; background-image: url(/images/icon_tel.png); background-position: left; background-repeat: no-repeat;}
.footer .foottel p { font-size: 26px; color: #fff; line-height: 50px; font-weight: bold; margin-left: 25px;}
.footer .foottel h3.cyjm {background-image: url(/images/icon_money.png);}


.abtti{ padding:20px 0; overflow:hidden;}

.abtjj{ overflow:hidden; padding:30px 5%;}
.abtjj h1{ font-size:18px; font-weight:normal; line-height:20px; color:#333; margin-bottom:5px;text-transform:uppercase}
.abtjj h1 span{ color:#e80f3a}
.abtjj h2{font-size:14px;font-weight:normal;color:#333; margin-bottom:10px;}
.abtjj p{font-size:14px;color:#777; line-height:22px; margin-top:15px;}


.abtvdo{ overflow:hidden; padding:0 3%; margin-bottom:30px;}
.abtvdo video{ width:100%;}



 
 
.joinds{ overflow: hidden; margin: 10px 5% 40px;}
.joinds .swiper-container{ padding-bottom:60px; }
.joinds .swiper-slide{border-radius: 10px;overflow: hidden;}
.joinds .swiper-slide img{ display: block;}
.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:40px; height:40px; line-height:40px; text-align:center; background:#ececec; border-radius:50%;}
.joinds .swiper-button-prev i,.joinds .swiper-button-next i{ font-size:16px; color:#e70033}
.joinds .swiper-button-prev{ margin-left:-50px;}
.joinds .swiper-button-next{ margin-left:10px;}


.joinjmmain{width: 90%; margin: 0 auto 70px;}
.joinp{ overflow: hidden; margin-bottom: 20px; display: flex;justify-content: space-between;}
.joinp input{border: 0; flex: 1; border-bottom: 2px solid #eee; height: 30px; line-height: 30px; padding:0 1%; font-size: 12px;}
.joinp select{border: 0; width: 30%; border-bottom: 2px solid #eee; height: 30px; line-height: 30px; padding:0 1%; font-size: 12px;  } 
.joinjmmain button{ width: 100%; height: 40px; line-height: 40px; text-align: center; display: block; border: 0; background-color: #e70033; color: #fff; font-size: 14px; margin-top: 20px; cursor: pointer;}




 

.designtop { width:565px; height:460px; background:url(../images/indesbg.jpg); padding:65px 0 0 135px}
.designtop img{ margin-bottom:40px;}
.designtop input{ width:310px; height:45px; line-height:45px; background:#fff; border-radius:10px; border:0; padding:0 10px; margin-bottom:15px;}
.designtop button{ width:330px; height:45px; line-height:45px; background:#000; color:#fff; border-radius:10px; border:0;}

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



.gallerymain{ overflow: hidden; padding: 30px 3% 60px;}
.gallerylimain{ overflow: hidden;  }
.gallerylimain a{ display: block; float: left; width: 48%; margin:0 1% 10px; background-color: #fff;border-radius: 5px; overflow: hidden;}
.gallerylimain a .imgs{ width: 100%; height: 110px; overflow: hidden; text-align: center; background-color: #f9f9f9;}
.gallerylimain a .imgs img{ width: 100%;    transition: 500ms;}
.gallerylimain a .gallerydec{ padding: 10px 5px; overflow: hidden;}
.gallerylimain a .gallerydec .galopti{ overflow:hidden; margin-bottom:10px;}
.gallerylimain a .gallerydec .galopti h1{ font-size: 14px; color: #333; float: left;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; width: 120px;}
.gallerylimain a .gallerydec .galopti span{ font-size: 12px; color: #999; 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;}

.mainmu{ overflow: hidden;    display: flex;  justify-content: center; margin-top: 30px; margin-bottom: 30px;}
.mainmu a{ height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; border: 1px solid #888; color: #333; display: block; margin: 0 5px;}
.mainmu a.on{ background-color: #e80f3a; border-color:#e80f3a ; color: #fff;}

.newsmain{ overflow:hidden; padding: 0px 3% 30px;}
.newsmainli{ overflow: hidden;  }
.newsmainli a{ width: 48%;  display: block; float: left; background-color: #fff; border-radius: 10px; overflow: hidden; margin: 0px 1% 20px; }
.newsmainli a .newsimgs{ overflow: hidden; height:75px;}
.newsmainli a .newsimgs img{ width: 100%; height: 100%;}
.newsmainli a .newsdec{ padding: 5px 10px;}
.newsmainli a .newsdec h1{ font-size: 14px; color: #000;height: 54px;    line-height: 18px;    margin-bottom: 10px;}
.newsmainli a .newsdec p{ font-size: 12px; color: #999;}


.newsdetailti{ overflow:hidden; height:50px; line-height:50px;   font-size:12px; color:#1e1e1e; padding: 0 3%;}
.newsdetailti a{ color:#1e1e1e}
.newsdetailmain{ background:#fff; padding:20px 3%; margin: 0px 3% 10px; margin-bottom: 80px;}
.newsdetailmain .newstit{ font-size:16px; color:#111; text-align:center; margin-bottom:20px;}
.newsdetailmain .newsdate{ overflow:hidden;height:30px; line-height:30px; color:#646464; border-bottom:1px solid #dcdcdc;}
.newsdetailmain .newsinfo{ overflow:hidden; line-height:24px; margin:20px 0; font-size:14px;}
.newsdetailmain .newsinfo img{   max-width:100%;}
.newsdetailmain .newsinfo video{margin:20px auto; max-width:100%;}
.newsdetailmain .newsinfo iframe{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:14px; color:#3d3d3d; line-height:24px; display:block;}
.newsdetailmain .newdet-link a:hover{color:#E80035}


 
.conform{ overflow:hidden;width: 80%;  margin:20px auto 80px; }
.conform input{ width:89%; height:35px; line-height:35px;  border:1px solid #d8d8d8; padding:0 5%; margin-bottom:10px;}
.conform textarea{ width:89%; height:100px; line-height:35px;  border:1px solid #d8d8d8; padding:0 5%; margin-bottom:15px;}
.conform button{ width:100%; height:40px; line-height:40px; background:#E80035; color:#fff; border-radius:5px; border:0;}


.gallerymenu{ overflow:hidden; margin:0px auto 10px; width:90%;}
.gallerymenu select{ border:0; width:31%; float:left; border-bottom:1px solid #dbdbdb; color:#333; font-size:16px; height:30px; line-height:30px; margin:5px 1%;}
.gallerymenu option{ height:40px; line-height:40px;}



.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;}







.botmubg{ height: 76px; width: 100%;}
.botmu{ overflow:hidden; display:flex;justify-content: space-between;    align-items: center; padding:10px 5% 20px; position: fixed; bottom: 0; left: 0; width: 90%; background-color: #fff; z-index: 1000;}
.botmu .botli{ overflow:hidden; text-align:center; margin:0 5px; color:#333}
.botmu .botli i{ display:block; font-size:24px; color:#333333; margin-bottom: 2px;}
.botmu .botbtn{ display:block; width:55%; height:46px; line-height:46px; font-size: 14px; background:#b81c22; color:#fff; border-radius:5px; text-align:center;}