@charset "utf-8";
*{margin: 0; padding: 0; box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-tap-highlight-color: transparent} 
a:hover, button:hover{ cursor:pointer;}
body, button, input, select, textarea /* for ie */ {
    font: 14px / 1.5 "Gotham","Microsoft Yahei";
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
address, cite, dfn, var { font-style: normal; } /* 灏嗘枩浣撴壎姝� */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 缁熶竴绛夊瀛椾綋 */
small { font-size: 12px; } /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇伙紝璁� small 姝ｅ父鍖�*/ 
ul, ol { list-style: none; }
ul li{ list-style: none; }
li{ list-style: none; }
a { text-decoration: none; }
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
/*76161b*/
.clearfix{*zoom:1;}
img{ vertical-align:middle;}
.l{float: left;}
.r{float: right;}
.c{clear: both;}
body{font-family:"Microsoft YaHei"; background:#fff;}
.clearfix:after{ 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: "."; 
    clear: both; 
    height: 0; 
}
.main{width: 100%;max-width:1200px; min-width:1200px;margin: 0 auto;}
header{ height: 100px; line-height: 100px;background:#fff; width:100%;
  position: fixed;top:0; left:0; z-index:20;
  -webkit-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
 }
 .header100{ height: 100px; width: 100%; clear: both; }

.hide_t{top: -101px;border-bottom: none;}
.black_t{ border-bottom:1px solid #76161b}

.logo{ float:left;display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;}
.logo img{height: 48px;}
nav {width: 75%; float: left; margin-left: 4%;}
/*banner*/
/*banner*/
nav>ul>li{ text-align:center; display: block;padding:0px 2.1%;float: left; height: 100px; 
line-height: 100px; position: relative;}
nav>ul>li>a{color: #353535;font-size: 14px; display:inline-block}
nav>ul>li:hover, nav li.on{background:#76161b; }
nav>ul>li:hover a, nav li.on a{color: #fff;}
header .lang{float: right; width: 6%; margin-top:35px;}
header .lang a{ width:30px; height:30px;text-align: center; line-height:30px; color: #fff;
 background: #c1c1c1; border-radius: 50%;  float: left;}
 header .lang a:hover{ background: #76161b }
.nav_click{ display: none; }


/*瀛愬鑸�*/
.znav{display: none; overflow: hidden; position: absolute; top:100px; left: 0; background: rgba(255,255,255,0.9);
 z-index: 99; width:123px; padding:10px;}
.znav .zleft{width: 100%; float: left; margin-right: 2%}
.znav .zleft li{ display: block; color:#353535; font-size: 14px;line-height: 30px;  
width: 100%; text-align:left;}
.znav .zleft li>a{ color:#353535;}
.znav .zleft li>a:hover{ color:#76161b;}
.znav .zleft li dl{width:100%; float: left; }
.znav .zleft li dl dd{ line-height: 30px; }
.znav .zleft li dl dd>a{color:#7c7c7c}
.znav .zleft li dl dd>a:before{ content: ""; display: inline-block; width: 10px; height:2px; 
background: #7c7c7c; margin-right: 5px; margin-bottom:3px;}
.znav .zleft li dl dd:hover a{ color:#76161b;}
.znav .zleft li dl dd:hover a:before{background: #76161b;}
.znav .zright{width: 260px; float:right; overflow: hidden;}

/*.znavover{ right: 0px; left: auto }*/

/*banner*/
.banner{width: 100%;min-width: 1200px; overflow: hidden; position:relative; }
.banner img{ width:100%; height:100%; min-width: 1200px;}
.swiper-pagination{ display: none; }
.swiper-button-next, .swiper-button-prev{ width: 40px!important; height: 40px!important;
-moz-background-size:40px 40px!important; -webkit-background-size:40px 40px!important; }


.dtit{width:100%; padding:30px 0; margin:0 auto; text-align:center; font-size:30px; color:#76161b; }
.dtit span{display:block;font-size:14px;  text-transform:uppercase; color: #616161}
.dtit i{ width: 10px; height: 10px; background: url(../img/dtit_ibg.png) no-repeat;
display: inline-block; margin: 0 auto ;position: relative;}
.dtit i:before, .dtit i:after{ content:""; display:block; position: absolute;
width:330px;top: 3px; border:1px solid #e9e9e9;}
.dtit i:before{ right:20px; }
.dtit i:after{ left: 20px; }


.dtit2, .dtit2 span{color: #fff}
.dtit2 i{ background: url(../img/dtit_ibg2.png) no-repeat;}


.yuan{ float:left; width:230px; height:280px; background:#76161b url(../img/yuanbj.png) no-repeat center 30px; background-size:40% auto; text-align:center;}
.yuan h3{font-size: 24px;color: #ffffff;line-height: 36px; margin-top:160px;}
.yuan p{font-size: 18px;color: #ffffff;line-height: 24px;}
.fangan{ float:right; width:940px;}
.fangan li{ float:left; width:300px; padding:10px 0; margin:0 20px 20px 0; background:#f4f4f4; text-align:center;transition: 0.3s;
-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.fangan li h3{font-size: 20px;color: #76161b;height: 36px;line-height: 36px;transition: 0.3s;
-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.fangan li p{font-size: 16px;color: #404040;line-height: 24px;transition: 0.3s;
-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.fangan li:hover{ background:#76161b;}
.fangan li:hover h3{ color:#ffffff;}
.fangan li:hover p{ color:#ffffff;}
/*.fangan{ position: relative; width: 1200px;  height: 960px;  }
.fangan li{ position: absolute; width: 210px; height: 210px; border-radius: 50%; background:#f4f4f4; }
.fangan li a{ overflow: hidden; text-align: center; display: block;width: 210px; height: 210px; }
.fangan li h3{ font-size: 20px; color: #76161b; height: 36px; line-height: 36px; margin-top: 70px; }
.fangan li p{ font-size: 16px; color: #404040; height: 24px; line-height: 24px; padding:0 10px; }
.fangan li:hover h3,.fangan li:hover p{color: #ffffff; }

.fangan li.f1{left: 420px; top: 5px;}
.fangan li.f2{right: 315px; top: 45px;}
.fangan li.f3{right: 140px; top:238px;}
.fangan li.f4{right: 140px; top:498px;}
.fangan li.f5{right: 305px;bottom:45px;}
.fangan li.f6{left: 427px;bottom:5px;}
.fangan li.f7{left: 198px;top:628px;}
.fangan li.f8{left: 120px; top:380px;}
.fangan li.f9{left: 195px; top:130px;}


.fangan li:hover{ background:#b00f16;}
.fangan .yuan{ position: absolute; background: url(../img/yuanbj.png); background-size: 100% 100%; left:390px; top: 270px;  width: 420px; height: 420px; border-radius: 50%;}
.fangan .yuan h3{ padding:0 40px; color: #ffffff; font-size: 36px; text-align: center; line-height:50px;  width: 324px; margin:200px auto 0 auto; }
.fangan .yuan span{ text-align: center; font-size: 28px; line-height:40px; color: #ffffff; display: block;}
*/
.shudi{ overflow: hidden;width: 1200px; margin:0 auto;  }
.shudi li{ overflow: hidden; padding-bottom:30px; margin-bottom: 30px; border-bottom: 1px solid #dadada;}
.suimg{  width: 262px; float: left; }
.suimg img a{ display: block;height: 143px; width: 262px; }
.suimg img{height: 143px; width: 262px; }
.suimg span{width: 160px;height: 40px;line-height: 40px;text-align: center;
background: #76161b;color: #ffffff;border-radius: 5px;display: block;margin:30px auto 0 auto;cursor: pointer;}
.sutxt{ width: 905px; float: right; }
.sutxt h3{ font-size: 18px; line-height: 30px; }
.sutxt h3 a{ color: #333333; }
.sutxt p{ color: #666666; font-size: 14px; line-height:30px; margin-top:10px;  }
.sutxt .sumore{ margin-top: 20px; background: url(../img/su_more.jpg) no-repeat right center; color: #666666; font-size: 14px; line-height: 22px; height: 22px; width: 85px; display: block; }


/*鍔ㄦ€佷俊鎭�*/
.news{ background: url(../img/news_bg.jpg) no-repeat center top;   width: 100%;
 overflow: hidden; /*height: 995px*/}
.news_top{width: 100%; text-align: center; margin-bottom:5%; }
.news_menu{display: inline-block;}
.news_menu li{font-size: 14px; color: #616161; padding: 10px 25px; float: left;
margin-right: 80px;}
.news_menu li.li2{ position: relative; }
.news_menu li.li2:before, .news_menu li.li2:after{ content:""; display: block; 
width:25px ;height: 2px;
background: #76161b; position: absolute; top:20px }
.news_menu li.li2:after{ right: -50px }
.news_menu li.li2:before{ left: -50px }
.news_menu li a{color: #616161; }
.news_menu li.news_on{background: #76161b;}
.news_menu li.news_on a{color: #fff; }
.news_menu span{width:20px;height: 1px; display: inline-block; background: #616161;
  float: left; margin:20px 40px;}
#hider1, #hider2, #hider3{ display: none }

.news_imp{ margin-bottom: 30px;width: 100%; float: left; position: relative;}
.news_imp figure{width:25%; height: 180px; z-index: 1;
position: absolute; left: 0; top: 8%; }
.news_imp figure img{width:100%; }
.news_imptxt{width:79%; background: #e8e8e8; padding:4% 4% 4% 7%;}
.news_imptxtz { width: 86% }
.news_imptxtz span{font-size: 18px; color: #76161b; display: block; margin-bottom: 2%}
.news_imptxtz p{font-size: 14px; color: #5e5e5e; line-height: 26px; height:78px;}
.news_imptxty { /*width: 10%*/ }
.news_imptxty span{font-size: 28px; color: #5e5e5e;}
.news_imptxty em{text-align:right;font-weight:bold; font-size: 14px; color: #5e5e5e; display: block;}

.news_oth{width:100%; float: left}
.news_oth ul{ display: inline-block; }
.news_oth li{margin-bottom:4%; width: 46%; margin-right:8%; float: left; height:100px;
  transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;  -ms-transition: 0.3s; -moz-transition: 0.3s;}
.news_oth li .date{ display: block;  padding:20px 10px; float: left;
margin-right:4%; overflow: hidden; border: 1px solid #e7e7e7;text-align: center;}
.news_oth li .date .day{  display: block; font-size:24px;color: #424242;  line-height: 1;}
.news_oth li .date .month{display: block;line-height: 1;  font-size: 14px;color: #9b9b9b; margin-top: 4px;}

.news_oth li .content{  display: block; overflow: hidden;}
.news_oth li .content h4{display: block; margin-top:3%;  font-size: 16px;  color: #222222; white-space: nowrap;  overflow: hidden; -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;}
.news_oth li .content h4 a{color: #222222;}
.news_oth li .content p{  display: block; line-height: 24px; font-size:14px;  color: #868686; margin-top:15px;}
.news_oth li:hover .date{ background: #76161b;}
.news_oth li:hover .date span{color:#fff;}
.news_oth li:hover .content h4{color:#76161b;}
.allmore{ width:15%; height:40px; line-height:40px; border: 1px solid #76161b;
  border-radius:40px; font-size:14px; color:#76161b;
   text-align:center; margin:0 auto;margin-bottom: 30px; }
.allmore a{color:#76161b; display:block;}

.news_imp .news_imptxtz, .news_imp .news_imptxty, .news_oth li .date {transition:all 0.5s; -moz-transition:all 0.5s;
-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}

.news_imp:hover .news_imptxtz, .news_imp:hover .news_imptxty{ animation: bounceinY 0.5s;
-moz-animation: bounceinY 0.5s; -ms-animation: bounceinY 0.5s; -o-animation: bounceinY 0.5s; -webkit-animation: bounceinY 0.5s;}
@keyframes bounceinL{
    0%{opacity:0;transform:translateX(-40px);}
    100%{transform:translateX(0);}
}
@keyframes bounceinY{
    0%{opacity:0;transform:translateY(40px);}
    100%{transform:translateY(0);}
}




/*瀹㈡埛娲诲姩*/
.huodong{overflow: hidden; }
.huodong li{ width: 25%!important;float: left; position: relative; }
.huodong li figure{width:100%; height: 350px;background: rgba(0,0,0,0.8); position: relative;}
.huodong li figure img{width:100%; height: 100%;}
.huodong li figure:after{position:absolute; left: 0;top:0;content:"";
display: block; width:100%;height: 100%;
background-color: rgba(0, 0, 0, 0.5);}
.huodong li:hover figure:after{ background:none;}



.huodong_txt{width:100%;text-align: center; padding:5%; border: 1px solid #f3f3f3;
  transition:all 0.5s;
 -webkit-transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s; }
.huodong_txt span{  }
.huodong_txt .span1{font-size:22px; color: #8e8e8e; position: relative;}
.huodong_txt .span1:before, .huodong_txt .span1:after{content: ""; display: block;
width: 13px; height:2px; background: #8e8e8e; position: absolute;
transform:rotate(-45deg);}
.huodong_txt .span1:before{right:-11px}
.huodong_txt .span1:after{left:-11px}


.huodong_txt .span2{display:block; margin-top:10px; font-size:18px;  color: #616161 }
.huodong_txt p{font-size:14px;  color: #868686}
.huodong_txt a{background: #af2830; width: 50%; display: block; margin:0 auto; border-radius:20px; font-size:14px; 
 color: #fff; height:40px; line-height: 40px; text-align: center;}
.huodong li:hover{transition:all 0.5s;
 -webkit-transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;}
.huodong_txt1{}
.huodong_txt2{ background: #76161b; padding-top:30px; padding-bottom:70px;
    position: absolute; bottom:-100%; left: 0;  z-index: 1; }
.huodong_txt2 a{ position: absolute; bottom: -20px; left: 0; right: 0 }
.huodong_txt2 .span1, .huodong_txt2 .span2, .huodong_txt2 p{ color: #fff }

.huodongscroll{height:493px;}
.huodong li:hover .huodong_txt2{display: block; bottom:20px;}
.huodong li:hover .huodong_txt1{border: none}


/*鍏充簬鏂拌储閬�*/
.guanyu{background: url(../img/guanyu_bg.jpg) no-repeat center center; width: 100%;
 overflow: hidden;/* height: 601px*/}
.guanyu .guanyu_dzi{width: 92%; text-align: center; font-size: 15px; color: #3f3e3e; margin:0 auto; margin-bottom:2%; text-align:justify; }
.abmenu{width: 100%; display: inline-block; margin-bottom: 2%}
.abmenu li{ float:left; font-size:18px; color:#fff; width:25%; text-align:center;}
.abmenu li a{color:#fff;}
.abmenu li span{ display: block; text-align: center; font-size:14px; text-transform: uppercase; }
.abmenu li:last-child{ margin-right:0;}
.abmenu li:hover{ color:#76161b}
.abmenu li i{display:block; width:100%; height:205px; margin-bottom:20px;
-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.abmenu li .li1{background:url(../img/abmenu_li1.png) no-repeat center 0px; }
.abmenu li .li1:hover{background:url(../img/abmenu_li1.png) center -208px no-repeat;}
.abmenu li .li2{background:url(../img/abmenu_li2.png) no-repeat center 0px; }
.abmenu li .li2:hover{background:url(../img/abmenu_li2.png) center -208px no-repeat;}
.abmenu li .li3{background:url(../img/abmenu_li3.png) no-repeat center 0px; }
.abmenu li .li3:hover{background:url(../img/abmenu_li3.png) center -208px no-repeat;}
.abmenu li .li4{background:url(../img/abmenu_li4.png) no-repeat center 0px; }
.abmenu li .li4:hover{background:url(../img/abmenu_li4.png) center -208px no-repeat;}



/*绠＄悊鍥㈤槦*/
.team{overflow: hidden;}
.team .team_dzi{width: 92%; text-align: center; font-size: 15px; color: #3f3e3e;margin:0 auto; margin-bottom: 4%; }
.team li{ float:left;width:23%!important;margin:0 1%; margin-bottom: 3%; overflow:hidden; position:relative;}
.team li .team_img{ width:100%;/* height:335px;*/ overflow:hidden;}
.team li .team_img img{ width:100%; display:inline-block}

.team .mark{
-webkit-transition: all 0.5s ;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; 
   position:absolute; top:100%; opacity:0; width:100%;height:100%; padding:40px 20px; color:#fff; 
   background:rgba(118,22,27,0.8);}
.team .mark .tit{width:100%; text-align:left; font-size:14px; margin-bottom: 25px; }
.team .mark .tit span{ font-size:20px; margin-right:10px;}
.team .mark p{ font-size:14px;}
.team .mark .txt{border-top:1px solid #fff; padding-top:25px; margin-top:25px; font-size:14px; color: #eba4a8}
.team li:hover .mark{ opacity:1;top:0; }

.prevnextkuang{ position: relative; width: 100%; max-width:1200px; margin:0 auto; margin-bottom:30px;}
.teamnext, .huodongnext{background: url(../img/teamnext.png) no-repeat center!important;
right:50%!important; margin-right:-635px}
.teamprev, .huodongprev{background: url(../img/teamprev.png) no-repeat center!important;
left:50%!important; margin-left:-635px}
.team_hy{ text-align:center;}
.team_hy img{ max-width:100%;}

/*鏂拌储閬撴湇鍔�*/
.fuwu{ overflow: hidden; }
.fuwu .dtit{ padding-bottom: 0; }
.fuwu .fwbj{background: #f6f6f6; margin-top:30px; padding: 20px 0;}
.fuwu ul{ width: 100%; padding-top: 30px;  }
.fuwu li{ width: 580px; margin:0 40px 30px 0; background: #ffffff; height:228px;border:1px solid #ececec; border-bottom: 3px solid #901c22; 
 float: left; position: relative; }
.fuwu li a{ display: block; }
.fuwu li .fwimg{ position: relative; overflow: hidden; float: right; width:302px; text-align: center; }
.fuwu li .fwimg img{width:302px;}
.fuwu li .fwimg span{ position: absolute; left: 0; top: 50px; width: 0;
height: 0;
border-top: 10px solid transparent;
border-left: 20px solid #ffffff;
border-bottom: 10px solid transparent; }

.fuwu li .fwtxt{ padding:20px 20px 0 30px; float: left;  width: 276px; overflow: hidden; }
.fuwu li .fwtle{font-size: 24px;color: #76161b;  display: block; }
.fuwu li .fwtle:after{ content: ""; display: block;width: 50px; height: 2px;
background: #76161b; margin:10px 0;}
.fuwu li .fwtxt .ljgd{ width: 85px; height: 22px; line-height: 22px; color: #999999; font-size: 14px; background:url(../img/ljgd.png) no-repeat right center; }
.fuwu li .fwtxt p{font-size: 16px;color: #666666; margin-top: 12px; line-height: 24px; height: 96px;}
.fuwu li .zhe{ left: 0; top: 0; position:absolute; width: 100%; height: 100%;  background: rgba(144,28,34,0.9); 
 opacity: 0;filter: alpha(opacity=0);
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;}

.fuwu li .zhe i{ margin:70px auto 0 auto; display: block; height: 80px; width: 80px; background:url(../img/ymore.png) no-repeat center;}

.fuwu li .zhe span{ display: block; color: #ffffff; font-size: 14px; line-height: 30px; padding-top:10px; text-align: center; }
.fuwu li:hover{border:1px solid #901c22;border-bottom:3px solid #901c22;}
.fuwu li:hover, .fuwu li span:after, .fuwu li{transition:all 0.5s;
 -webkit-transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;}
/*.fuwu li:hover span:after{ width: 80px}*/
.fuwu li:hover{ background: #fff;   box-shadow:0px 0px 15px #000;}
.fuwu li:hover .zhe{ opacity: 1;filter: alpha(opacity=100); }
/*鍚堜綔浼欎即*/
.huoban{ overflow:hidden; padding-bottom:20px;}
.huoban li{ float:left;width:25%;  margin-bottom:2%; overflow:hidden; align-items: center;justify-content: space-around;flex-direction: column; display: flex;}
.huoban li img{ max-width:70%;}

.huoban li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);}

/*搴曢儴*/
.copy{width:100%; background:url(../img/foot_bg.png) repeat-x; padding:1% 0;
display:table;}
.link{color:#a3a4a3; }
.link span{ font-weight:bold; font-size:16px; padding-right:10px;}
.link a{color:#a3a4a3; margin-right: 2%;font-size: 14px;}
.link a:hover{ text-decoration: underline; }
.copy ul{ width:100%; float: left; margin:20px 0 10px 0; border-top:1px solid #a3a4a3; padding-top:20px;}

.copy ul li{ float:left;font-size:14px;}
.copy ul .f_tel{width: 20%}
.copy ul .f_zhong{ margin:0px 8%; width: 36%}
.copy ul .f_hou{  width: 27%}
.copy ul li span{ font-size:16px; color:#fff; margin-bottom:10px;  display:block;}
.copy ul li h4{ font-size:30px; color: #fff}
.copy ul li p{color:#a3a4a3; margin-bottom: 2%; padding-left: 40px; line-height: 30px;}
.copy ul li a{ color:#a3a4a3;display:block; float:left; margin-left:80px;}
.copy ul li a:hover{ text-decoration: underline; }

.copyall{background:url(../img/copyall_bg.png) repeat;;width: 100%; text-align: center;color:#535253; font-size:14px;
padding: 10px 0px;display:table;}
.copyall a{color:#535253;}


/*鍙充晶*/
.xl{background:url(../img/side02.png) no-repeat center;}
.tel{background:url(../img/side03.png) no-repeat center;}
.pay{background:url(../img/side04.png) no-repeat center;}
.tops{background:url(../img/side05.png) no-repeat center;}
.email{background:url(../img/side06.png) no-repeat center;}

.float{display: block;position: fixed;width:80px;
  bottom:10px;right:0;z-index:12; background-color: #76161b; height: 480px;}
.float li{display: block;clear: both;width:250px;height:80px;transition: 0.5s;}
.float li.emailw{width:360px;}
.float li a{ display:block;}
.float li i{display:block; width:80px; height:80px; float: left; }
.float li.wx-box{ position: relative; }
.float li.wx-box .ewm{display: none; padding: 10px;position: absolute;
  left:-120px;top:0;z-index: -3;opacity: 0;background: #af2830;}
.float li.wx-box .ewm img{width: 100px;height: 100px;}
.float li.wx-box .ewm .arrow{display: block;position: absolute;width: 0;height: 0;
  border: 12px solid transparent;
  border-left: 12px solid #af2830;right:-24px;top:45px;z-index: 5;}
.float li.wx-box:hover .ewm{display: block;opacity: 1;z-index: 5;}

.float li .telzi{display: block;float: right;font-size: 16px;color: #fff;margin-top:15px; padding-left: 33px}
.float .tel-box:hover{margin-left: -150px;background: #af2830;}
.float .tel-box:hover .telzi{ float: left; }
.float li.emailw:hover{margin-left: -260px;}

.memtxt{ line-height:80px; font-size:16px; color:#ffffff; }
.memico{background:url(../img/login.png) no-repeat center;}
.tui{background:url(../img/tui.png) no-repeat center;}



.f_guanbi{ z-index: 999;cursor:pointer; position: fixed;bottom:10px; right: 0; width:80px; height: 80px; background: #76161b url(../img/guanbi.png) no-repeat center center; background-size: 50% 50%;  }
.f_dakai{ z-index: 999; cursor:pointer; position: fixed;bottom:10px; right: 0; width:80px; height: 80px; background: #76161b url(../img/jia.png) no-repeat center center; display: none;}


.zgslist{ overflow:hidden;}
.zgslist li{ float:left; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dcdcdc;}
.zgslist li>h3{ font-weight: bold; font-size:20px; color:#76161b; line-height:30px; padding-bottom:10px;}
.zgslist li .zgstxt{ font-size:16px; line-height:1.6; color:#666666;}
.zgslist li .zgstxt p{ margin-bottom:20px; }
.zgslist li .more{ width:130px; height:36px; line-height:36px; text-align:center; color:#ffffff; background:#76161b; display:block; margin:12px auto 0 auto;}
@media screen and (max-width: 1920px) {
nav>ul>li{ padding: 0px 2.2% }
.huodongscroll{height: 500px;}
}

@media screen and (max-width: 1440px) {
nav>ul>li{ padding: 0px 2.1% }
.huodongscroll{height: 493px;}
}

@media screen and (max-width: 1300px) {
.huodongscroll, .teamscroll { width: 96% }
.teamnext, .huodongnext{right: -10px!important; margin-right: 0!important}
.teamprev, .huodongprev{left:-10px!important; margin-left:0px!important}

}

.teamlist{ overflow:hidden;}
.teamlist li{ float:left; width:16.6%; margin-bottom:20px;}
.teamlist li p{ height:180px; text-align:center;}
.teamlist li p img{ height:180px;}
.teamlist li span{ height:40px; line-height:40px; text-align:center; display:block; font-size:16px; color:#666666;}

.dslist{ overflow:hidden;}
.dslist li{ float:left; width:48%; overflow:hidden; margin-bottom:20px;}
.dslist li .team_img{ float:left;width:130px; height:140px;}
.dslist li .team_img img{width:120px; height:120px;}
.dslist li .mark{ }
.dslist li .tit{ font-size:14px; color:#666666;}
.dslist li .tit span{font-size:16px; color:#76161b; line-height:36px; display:block;}
.dslist li p{font-size:14px; color:#666666;}
.dslist li .txt{font-size:14px; color:#666666; padding-top:10px;}
@media screen and (max-width: 1200px) {
.main{ padding: 0px 10px }
nav{ width: 76%; margin-left: 0.5% }
nav>ul>li{ padding: 0px 2.1% }
header .lang{ width: 7% }
.huodong li figure{ height: 330px; }

.float{ display: none }
}

@media screen and (max-width: 1100px) {
.teamlist li{ float:left; width:16.6%; margin-bottom:20px;}

nav{ width: 75%; }
nav>ul>li{ padding: 0px 1.7% }
}

@media screen and (max-width: 1024px) {


nav{ width: 74%;}
nav>ul>li{ padding: 0px 1.5% }
.huodong li figure{ height: 300px; }
.huodongscroll{ height: 460px; }


.copy ul li h4{ font-size:24px; }
}

@media screen and (max-width: 990px) {
.teamlist li{width:25%; }
.teamlist li p{ height:160px;}
.teamlist li p img{ height:160px;}


.logo img{ height: 40px; }
nav{ width:75%;}
nav>ul>li{ padding: 0px 1.2% }
header .lang{ width:8% }
}

@media screen and (max-width: 920px) {
nav{ width:74%;}
nav>ul>li{ padding: 0px 0.7% }
.huodong li figure{ height: 270px; }
.huodongscroll{ height: 430px; }
}


@media screen and (max-width:860px) {
.dslist li{ float:left; width:100%; }

.float{ display: none }
/*header{ height: auto; line-height: 0 }
header .main{ position: relative; }
.logo img{ height:48px; margin:2px 0px; }
header .lang{width:auto; margin-right: 30px; margin-top:10px;}
.header100{ height: 52px; }
.nav_click{display: block; position: absolute; top:9px;right:0px; 
  background: none;border: none;outline: none;cursor: pointer;}
.nav_click span{display: block;width:25px;height:2px;margin:7px;background-color: #76161b;
  -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.swiper-pagination{ display: block; }
.swiper-pagination-bullet-active{background: #76161b!important}
.swiper-button-next, .swiper-button-prev{ display: none; }


nav{ display:none; position: absolute; width:100%!important;top:52px; left: 0; margin-left:0;
 background: rgba(0,0,0,0.8);  z-index: 10;}
nav ul li { width: 100%; background: none!important; height:auto;}
nav ul li:hover, nav ul li.on{border-bottom: 1px solid #76161b; }

nav ul li>a{display:block;line-height:50px;width: 100%; padding-left: 20px;
 text-align: left; font-size:20px; color: #fff; }
nav li .znav{background: rgba(0,0,0,0.8);  position: static; 
  padding:0;  width:100%;}
.znav .zleft{ width: 100% }
.znav .zleft li>a{width:100%; font-size: 18px; color: #fff; line-height: 35px;
padding-left: 60px;}
.znav .zright{ display: none }
.znav .zleft li dl dd>a{ width: 100%;padding-left:90px; }
nav>ul>li:hover a, .znav .zleft li>a:hover, .znav .zleft li dl dd:hover a{ color:#fff;}
*/
.dtit { font-size: 20px; padding:2% 0px;}
.news_imptxty{ display: none }

.huodong li figure{ height: 240px; }
.huodongscroll{ height: 400px; }


.abmenu li .li1:hover{background:url(../img/abmenu_li1.png) center -139px no-repeat;}
.abmenu li .li2:hover{background:url(../img/abmenu_li2.png) center -139px no-repeat;}
.abmenu li .li3:hover{background:url(../img/abmenu_li3.png) center -139px no-repeat;}
.abmenu li .li4:hover{background:url(../img/abmenu_li4.png) center -139px no-repeat;}
.abmenu li i{height:140px;}
.abmenu li .li1, .abmenu li .li1:hover, 
.abmenu li .li2, .abmenu li .li2:hover, 
.abmenu li .li3, .abmenu li .li3:hover, 
.abmenu li .li4, .abmenu li .li4:hover 
{background-size:126px;}

.copy ul li p{ background: none!important; padding-left: 0 }
.copy ul li h4{ font-size: 20px; }

}


@media screen and (max-width:480px) {
.teamlist li{  width:33.33%; }
.news_oth li{ height:auto; width:100%;}
.news_imptxtz p{ height:auto;}
.dtit i{ display: none }
.huodong li{ width: 50%!important }
.team li{ width: 50%!important}
.huodong li figure{height: auto;}
.huodongscroll{ height: auto; }
.guanyu{background: url(../img/guanyu_bg.jpg) no-repeat center center; background-size:100% 100%;}
}

@media screen and (max-width:480px) {
.teamlist li{  width:50%; }

.news_menu li.li2:before, .news_menu li.li2:after{ display: none }
.news_menu{ width: 100% }
.news_menu li{ margin-right: 0; width:30%; height: 35px;  line-height: 35px; padding: 0 }
.news_imp{margin-bottom: 0}
.news_imp figure{ width: 100%; position: static; height: auto; }
.news_imptxt {width: 100%; padding: 10px }
.news_imp .news_imptxtz{width: 100%;}
.news_imptxtz span{ font-size: 16px; }
.news_oth{ display: none; }
.news_oth li{margin-bottom: 10px; }
.news_oth li .date{ display: none }
.news_oth li .content p{ display: none}
.huodong li:hover .huodong_txt2{ display: none }
.huodong li:hover .huodong_txt1{border: 1px solid #f3f3f3}

.abmenu li{ width: 50% }
.abmenu li .li1:hover{background:url(../img/abmenu_li1.png) center -100px no-repeat;}
.abmenu li .li2:hover{background:url(../img/abmenu_li2.png) center -100px no-repeat;}
.abmenu li .li3:hover{background:url(../img/abmenu_li3.png) center -100px no-repeat;}
.abmenu li .li4:hover{background:url(../img/abmenu_li4.png) center -100px no-repeat;}
.abmenu li i{height:100px;}
.abmenu li .li1, .abmenu li .li1:hover, 
.abmenu li .li2, .abmenu li .li2:hover, 
.abmenu li .li3, .abmenu li .li3:hover, 
.abmenu li .li4, .abmenu li .li4:hover 
{background-size:90px;}



.team .mark{ position: static; opacity: 1; padding: 0 ;background:#76161b;}
.team .mark p{ display: none }
.team .mark .tit{ padding:10px; margin-bottom: 0 }
.team .mark .tit span{font-size: 16px;}
.allmore{ width: 35% ; height: 35px; line-height: 35px;}

.fuwu{ background: #fff}
.fuwu li{ width: 100%;  box-shadow:0px 0px 30px #000; }
.dtit2{ color:#76161b;  }
.dtit2 span{color:#616161}

.huoban{ display: none }
.link{ display: none }
.copy ul .f_tel{ width: 100%; text-align: center; }
.f_tel img{display: none}
.copy ul .f_zhong{ width: 100%; margin:0;}
.copy ul li span{ display: none }
.copy ul li p{ line-height:18px;text-align:center; }
.f_hou{ display: none }

}


.ab_contacts{width:100%; background: #fafafa;overflow: hidden; padding: 5% 0px; display: inline-block;}
.ab_contacts li{ width:25%; text-align: center; font-size:14px; color: #646464;
 float:left;}
.ab_contacts li i{display: block;margin:0 auto 10px auto; }
.ab_contacts li p{ width: 100%;word-break:break-all; }


.ab_contditu{  overflow: hidden; padding: 3% 0px }
.ab_contditu figure{ width: 48%; }
.ab_contditu figure img{ width: 100%; }
.ab_contditu .ab_contdituy{ width: 50%; margin-top:3%; }
.ab_contdituy h6{width:100%;font-size: 24px; color: #76161b;
/*background: url(../img/ab_conth6bg.png) no-repeat left;padding-left: 30px;
 */ margin-bottom: 6%}
.ab_contdituy p{width:100%;font-size:14px; color: #646464;margin-bottom: 15px}
.ab_contdituy p span{ float: right; }
.ab_contdituy p a{ color: #646464; }
.ab_contdituy p a:hover{ color: #76161b; }

.wxmain{ overflow: hidden; }
.wxmain .wxin{ width: 120px; float: left; margin-right:20px;}
.wxmain .wxin img{ display:block; width: 120px;}
.wxmain .wxin span{ display: block; height:30px; line-height: 30px; text-align: center; color: #646464; }

.wximg{ display:none; z-index:999;  position:fixed; top:50%; left:50%; width:300px; height:300px; margin:-150px 0 0 -150px; padding:20px; border:1px solid #76161b; background:#ffffff;}
.wximg img{ width:260px; height:260px; display:block;}
.wxbj{z-index:900; display:none; position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);height: 100%;width: 100%;}

img{transition:all 0.5s;
 -webkit-transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;}
.transmin, .transmax, .transfY, .transzY, .transzX, .transfX{transition:all 0.5s;
 -webkit-transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;} 
.transmin:hover { 
-webkit-transform:scale(0.95);-moz-transform:scale(0.95);
-ms-transform:scale(0.95);-o-transform:scale(0.95);
}
.trans99:hover { 
-webkit-transform:scale(0.99);-moz-transform:scale(0.99);
-ms-transform:scale(0.99);-o-transform:scale(0.99);
}
.transmax:hover { 
-webkit-transform:scale(1.1);-moz-transform:scale(1.1);
-ms-transform:scale(1.1);-o-transform:scale(1.1);
}
.transfY:hover{
transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms--transform: translateY(-5px);
  -o--transform: translateY(-5px);
}
.transzY:hover{
transform: translateY(6px);
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms--transform: translateY(6px);
  -o--transform: translateY(6px);
}.transzX:hover{
transform: translateX(6px);
  -webkit-transform: translateX(6px);
  -moz-transform: translateX(6px);
  -ms--transform: translateX(6px);
  -o--transform: translateX(6px);
}
.transfX:hover{
transform: translateX(-6px);
  -webkit-transform: translateX(-6px);
  -moz-transform: translateX(-6px);
  -ms--transform: translateX(-6px);
  -o--transform: translateX(-6px);
}





/*新加的 调整手机端 首页*/
@media screen and (max-width:480px) {
body{ width:100%;}
.banner{ min-width:100%; width:100%;}
.banner img{width:100%;min-width:100%;}

  header{ height: auto; line-height: 0 }
header .main{ position: relative; }
.logo img{ height:48px; margin:2px 0px; }
header .lang{width:auto; margin-right: 30px; margin-top:10px;}
.header100{ height: 52px; }
.nav_click{display: block; position: absolute; top:9px;right:0px; 
  background: none;border: none;outline: none;cursor: pointer;}
.nav_click span{display: block;width:25px;height:2px;margin:7px;background-color: #76161b;
  -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.swiper-pagination{ display: block; }
.swiper-pagination-bullet-active{background: #76161b!important}
.swiper-button-next, .swiper-button-prev{ display: none; }


nav{ display:none; position: absolute; width:100%!important;top:52px; left: 0; margin-left:0;
 background: rgba(0,0,0,0.8);  z-index: 10;}
nav ul li { width: 100%; background: none!important; height:auto;}
nav ul li:hover, nav ul li.on{border-bottom: 1px solid #76161b; }

nav ul li>a{display:block;line-height:50px;width: 100%; padding-left: 20px;
 text-align: left; font-size:20px; color: #fff; }
nav li .znav{background: rgba(0,0,0,0.8);  position: static; 
  padding:0;  width:100%;}
.znav .zleft{ width: 100% }
.znav .zleft li>a{width:100%; font-size: 18px; color: #fff; line-height: 35px;
padding-left: 60px;}
.znav .zright{ display: none }
.znav .zleft li dl dd>a{ width: 100%;padding-left:90px; }
nav>ul>li:hover a, .znav .zleft li>a:hover, .znav .zleft li dl dd:hover a{ color:#fff;}




  .main{width: 100%; min-width: auto}
.logo img{height: 42px; margin-top: 5px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0}
.f_guanbi{display: none}

.sywidu{width: 100%!important; padding: 0 10px}
.fangan{width: 100%;}
.yuan{width: 100%;background-size: 25% auto; margin-bottom: 10px; height: 250px}
.yuan h3{font-size: 20px; margin-top: 155px; }
.yuan h3 br{ display:none;}
.fangan li{width: 100%; margin: 0 0 10px 0}

.shudi{width: 100%; padding: 0 10px}
.shudi li{padding-bottom: 10px; margin-bottom: 20px}
.suimg{width: 100%; margin-bottom: 10px}
.sutxt{width: 100%}
.sutxt h3{line-height: 25px;}
.sutxt p{height: 43px; line-height: 24px}
.sutxt .sumore{display: none}

.ab_contditu{padding: 3% 10px}
.ab_contditu figure{width: 100%}
.ab_contditu .ab_contdituy{width: 100%}

.copy{display: none}


}

