body, html { width: 100%; }  
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  font-family: "微软雅黑";}  
body, p, h1, h2, h3, h4, h5, table, ul, li, form, input { margin: 0; padding: 0; color: #000;  line-height: 1; }  
body, p { font-size: 14px; border: none; color: #000; }  
a { font-size: 14px; color: #000; text-decoration: none; border: none; padding: 0; margin: 0; }  
table { border-collapse: collapse; }  
img { border: 0; margin: 0; padding: 0; display: block; }  
ul, li { list-style: none; border: 0; margin: 0; padding: 0; } 
dl, dt, dd { margin: 0; padding: 0; -webkit-margin-start: 0; }  
h1, h2, h3, h4, h5 { font-weight: normal; font-size: 12px; display: block; }  
strong, b { font-weight: normal; }  
table, tr, td { border-spacing: 0; }  
em, i, b { font-style: normal; }  
p { line-height: 170%; color: #555; font-size: 14px; }  
input { border: none; background: none; }  
figcaption { display: block; }  
input:focus { outline: none; }  
::-webkit-input-placeholder { /* WebKit browsers */ font-size: 14px; color: #555; }  
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 14px; color: #555; }  


input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}


.clearfix { *zoom: 1; }  
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }  
.clearfix:after { clear: both; } 
.clear { clear: both; }

.padbox{ padding: 50px 210px; }
.page-wy-about .padbox p{ line-height: 35px;}
.padbox260{ padding: 0 260px;}
.padding55{ padding: 55px 0;}
.padbox2{ padding: 0 40px;}

.fl{ float:left;}
.fr{ float:right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}

.mt20{margin-top: 20px !important;}
.color1{color: #c5261d !important;}
.mt0{margin-top: 0 !important;}
.border0{border: none !important;}
.neibanner img{display: block; width: 100%;}

/* 头部 */
.headerwarp{ transition: all 0.6s; position: fixed; top:0; left: 0; right: 0; z-index: 33;  background: rgba(0,0,0,0.5); display: flex;
align-items: center; padding: 0 55px;} 
.header{ display: flex; justify-content: space-between; align-items: center; height:76px;}
.navbar{ display: flex; flex: 1;  padding-left: 4%; padding-right: 8%;}
.navbar li{ flex: 1; position: relative;}
.navbar li>a{ display: block; color: #fff; font-size: 16px; text-align: center; height: 76px; line-height: 76px; transition: all 0.6s;  position: relative;}
.navbar li>a::before{ position: absolute;  content: ''; display: block; left: 50%; right: 50%;  background: #fff; height: 2px; bottom: 0; width: 0;
transform: translateX(-50%); transition: all 0.6s ease-in-out;}
.navbar li:hover>a::before,.navbar li.on>a::before{ width: 30px;}
.subnav{ position: absolute; top: 76px; right: 0; left: 0; background: rgba(0,0,0,0.6); padding: 10px 0; display: none;}
.subnav a{ display: block; text-align: center; line-height: 50px; color: #fff; font-size: 15px; transition: all 0.6s;}
.subnav a:hover{ color: #E60012 !important;}

/*搜索*/
.header-info{ display: flex;  align-items: center; width: 120px; justify-content: space-between;}
.code-div{ position: absolute; top: 76px; right: 50px; z-index: 33; display: none;}
.code-div img{ display: block; height: 100px; width: 100px;}
.header-info .code{ cursor: pointer;}
.header-info .zoom{ cursor: pointer; vertical-align: middle;  cursor: pointer; display: flex; align-items: center;}
.header-info .zoom b{ display: block; color: #fff; font-size: 14px; padding-left: 10px;}
.search-close{ position: fixed; top: 30px; right: 30px; cursor: pointer;}
.search-box{ background: #fff; position: fixed; top: 0px; left: 0; right: 0; background: rgba(0,0,0,0.8); z-index: 333;
 bottom: 0; height: 100%; transform-origin: bottom center;  -ms-transform-origin:bottom center ; -moz-transform-origin: bottom center;
 -webkit-transform-origin: bottom center;  transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); 
 transition: transform .3s .5s; }
.search-box .div{ width: 60%; margin: 0 auto; transition: all .5s .3s; filter:alpha(opacity=0); opacity: 0; transform: translate(0,20px);
top: 300px; position: absolute; left: 50%;  margin-left: -30%;}
.serach-kuang{ display: flex; justify-content: space-between;}
.search-box .in{ background: #fff; height: 50px; width: 90%; padding-left: 20px; font-size: 16px;}
.search-box .sub{ background: #c5271d; height: 50px; width: 10%; font-size: 16px; color: #fff; cursor: pointer;}
.search-box p{ padding: 30px 0 0 0;}
.search-box p a{ display: inline-block; padding: 0 20px; font-size: 14px; color: #fff; opacity: 0.8; filter:alpha(opacity=80); transition: all 0.36s;}
.search-box p strong{ display: inline-block; font-size: 16px; color: #fff;}
.search-box p a:hover{ color: #d7a449;}
.search-box .div.on{ opacity: 1; -webkit-opacity: 1;  transform: translate(0,0); -webkit-transform: translate(0,0);   -ms-transform: translate(0,0); 
-moz-transform: translate(0,0); filter:alpha(opacity=100); }
.search-box.active{transform-origin: top center; transform: scaleY(1); transition: transform .3s;}


.headerwarp.on{ background: #fff; border-bottom: 1px solid #e0e0e0; animation: down 1s;}
.headerwarp.on li a{ color: #000;}
.headerwarp.on .subnav{ background: #fff;}
.headerwarp.on li:hover>a::before,.headerwarp.on li.on>a::before{ background: #000;}
.logo-disn{ display: none;}
.headerwarp.on .logo-disn{ display: block;}
.headerwarp.on .logo-disb{ display: none;}
.headerwarp.on .zoom b{ color: #333;}




 
@keyframes down{		
 	from{transform: translateY(-100%); opacity: 0;}
 	to{transform: none; opacity: 1;}
	
 }


/* 手机导航 */
.mobile-header{ display: none; height: 55px;  position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 333; border-bottom: 1px solid #F5F5F5;}
.moible-cont{ display: flex; align-items: center; justify-content: space-between; padding: 0 10px; }
.mobile-header .logo{ display: flex; height: 55px; align-items: center; }
.mobile-header .logo img{ display: block; height: 40px;}
.hamburger-box span{ display: block;  height: 2px; background: #333; width:30px; margin-bottom:6px; padding-bottom: 0; transition: all 0.6s ease-in-out;}
.hamburger-box .span2{ width: 35px;}
.hamburger-box .span3{ margin-bottom: 0;}
.hamburger-box.on{ z-index: 3333;}
.hamburger-box.on .span1{ transform: rotate(45deg) translate(5px,5px);}
.hamburger-box.on .span2{ opacity: 0;}
.hamburger-box.on .span3{ transform: rotate(-45deg) translate(5px,-6px);}

.mobile-bar{ display: none; position: fixed; top: 0; right: 0; bottom: 0; background: #fff; left: 0; width: 100%; z-index: 333;
padding:10px 50px 50px 50px; overflow-y: scroll; }
.mobile-bar ul{ margin-top: 10px;}
.mobile-bar li>a{  padding:20px 0px;  border-bottom: 1px solid #F5F5F5; display: block; font-size:16px;}


.mob-subnav a{ display: block; padding-left: 10px; color: #666; line-height: 40px; height: 40px; }


/* banner */
.banner img{ display: block; width: 100%; margin: 0 auto;}
.banner .swiper-pagination-bullet{ width: 40px; border-radius: 4px; height: 6px;}



/* banner下方新闻 */
.tabs { display: flex;} 
.tabs a {display: block;width: 65px;color: #333;font-size: 16px; padding-top:2vw; border-top: 4px solid transparent;
transition: all 0.6s; margin-right: 1vw; }
.tabs a.active {  border-top:4px solid #c5261d; color: #C5261D;}
.tabs-container .swiper-slide h3{ color: #c5261d; 	font-size: 22px; padding: 40px 0 30px 0; line-height: 1; }
.tabs-container .swiper-slide h2{ color: #333333; 	font-size: 18px; padding-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tabs-container .swiper-slide p{ color: #888888; 	font-size: 14px; margin-bottom:1vw; line-height: 30px; height:60px; overflow: hidden; }
.tabs-container .swiper-slide i{ display: inline-block; background: url(404.png) no-repeat top center; width: 24px; height: 12px;
vertical-align: middle; margin-left: 10px;}
.tabs-container .swiper-slide span{ font-size: 12px;	color: #888888;  transition: all 0.6s; }
.tabs-container .swiper-slide:hover span{ transform: translateX(10px);}


.biglayer{ width: 100%; overflow: hidden; position: relative;}
.biglayer .xinjiade{ position: absolute; left: 0; right: 0; bottom: 30px;}


.index-sec1{ display: flex; z-index: 3; position: relative; justify-content: space-between;}
.index-sec1 .sec1-left{ max-width: 460px; width: 100%; background: #fff; padding:0 2vw 2vw 2vw; }
.index-sec1 .sec1-right{ background: #fff; flex: 0.98; display: flex; justify-content: space-between; }
.sec1-right-text{ padding: 2.5vw 2vw; max-width: 420px;}
.sec1-right-text p{ line-height: 30px; margin: 0 0 25px 0; height: 120px; overflow: hidden; color: #333;}
.sec1-right-text .more{color: #333333;}
.sec1-right-text .more img{ display: inline-block; vertical-align: middle;}

.sec1-right-tu{ background: url(404.png) no-repeat center; background-size: 100% 100%; max-width: 600px; width: 100%;
padding: 2vw;}
.sec1-right-tu h3{ 	color: #ffffff; font-size: 30px; font-weight: bold; padding-bottom: 2.5vw;}
.sec1-right-tu .div1 strong{ color: #ffffff;font-size: 36px; font-family: "DIN";}
.sec1-right-tu .div1 span{ color: #fff; font-size: 16px;}
.sec1-right-tu  .tu-pos{ position: absolute;right: 2vw; bottom: 5px; display: block; max-width: 100%;}
.sec1-right-tu  .p1{ color: #fff; font-size: 16px; position: absolute; bottom: 2vw;}


/* 标题 */
.title h3{ font-size: 40px; color: #000000; text-align: center; padding: 20px 0;}
.title b{ width: 4px; height: 30px;  background: #C5261D; display: block; margin: 0 auto; }  
.title .p1{ font-size: 16px; color: #666; text-align: center;}
.title .p2{ font-size: 150px; color: #fff; text-align: center; font-weight: bold; font-family: arial; height: 75px; overflow: hidden; line-height: 1;}

/* 市场合作 */
.market-coop { background: #F5F5F5;}
.market-coop .title{ padding: 50px 0 0 0;}
.market-cooplist{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.market-cooplist li{ width: 33.333%; position: relative; height: 23vw; }
.market-cooplist li .li-cont{ position: relative;  padding: 3vw; overflow: hidden; height: 23vw; transition: all 1.2s; z-index: 3; 
transition: all 0.6s;}
.market-cooplist li:nth-child(1) { background: #519a10;}
.market-cooplist li:nth-child(2) { background: #2d2d58;}
.market-cooplist li:nth-child(3) { background: #e7ce40;}
.market-cooplist li:nth-child(4){ background: #8e3992;}
.market-cooplist li:nth-child(5) { background: #208363;}
.market-cooplist li:nth-child(6){ background: #71625b;}
.market-cooplist li .div1-text{ transition: all 0.6s; position: absolute; top: 3vw; left:3vw;}
.market-cooplist li .li-ico{  transition: all 0.6s; position: absolute; right: 3vw; top:3vw;}
.market-cooplist .div2{ transition: all 0.6s; opacity: 1;}
.market-cooplist .dibu-img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; opacity: 0; transition: all 1.2s; z-index: 1;}
.market-cooplist .dibu-img img{ opacity: 0.6; width: 100%; height: 100%;}




.market-cooplist .div1 h3{ color: #fff; font-size: 30px;  transition: all 0.6s; }
.market-cooplist .div1 .p1{ color: #fff; font-size: 20px; font-family: arial; font-weight: lighter;  transition: all 0.6s;}
.market-cooplist .div1{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 5vw; transition: all 0.6s;}
.market-cooplist .p2{ color: #ffffff; font-size: 16px; padding-bottom: 5vw;  position: absolute; bottom: 3vw;}
.market-cooplist .zimu{ 	font-size: 7vw; color: #ffffff; position: absolute; bottom: -2vw;  text-transform: uppercase; font-family: arial; font-weight: bold;}
.market-cooplist .more{ display: block; background: url(404.png) no-repeat top center; background-size: 100% 100%; height: 40px; width: 40px;
 position: absolute; bottom: 3vw; right: 3vw;}
.market-cooplist  .line{ position: absolute; top: 0; right: 0; bottom: 0; left:0; border:1px solid #fff; z-index: 33; opacity: 0;
transition: all 0.6s;}
.market-cooplist li:hover .dibu-img{ opacity: 1;}
.market-cooplist li:hover .li-cont{  background: none;}
.market-cooplist li:hover .div1{ flex-direction: column; justify-content: center; transition: all 1s;} 
.market-cooplist li:hover .li-ico{  top: 30%; left: 50%; transform: translateX(-50%);}
.market-cooplist li:hover .div1-text { top:60%; right: 50%; transform: translateX(50%);}
.market-cooplist li:hover .div1 h3,.market-cooplist li:hover .div1 .p1{ text-align: center;}
.market-cooplist li:hover .div2{ opacity: 0;}
.market-cooplist li:hover .line{ opacity: 1; top: 2vw; right: 2vw; bottom: 2vw; left:2vw;}

/* 项目合作 */
.item-cooplist{  display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 3vw;}
.item-cooplist li{  width:calc(100%/3.1);}
.item-cooplist li a{ display: block; }
.item-cooplist li h3{ color: #000000; font-size: 20px; text-align: center;  transition: all 0.6s;}
.item-cooplist li p{ color: #888888; font-size:14px; text-align: center; margin-top:.5vw;}
.item-cooplist li figcaption{ padding: 1.5vw 0;}
.item-cooplist li img,.item-cooplist li figure{ display: block; width: 100%; transition: all 1.5s; overflow: hidden;}
.item-cooplist li:hover img{ transform: scale(1.1);}
.item-cooplist li:hover h3{ color: #c5261d;}
.morelist{width: 310px;	height: 54px;border-radius: 27px;border: solid 2px #222222; display: block; margin:2vw auto 0 auto;
 text-align: center; color: #333; font-size: 16px; line-height: 54px;  transition: all 0.6s;}
.morelist img{ display: inline-block; transition: all 0.6s; margin-left: 10px;}
.morelist:hover{ transform: translateX(10px);}

/* 首页底部 */
.footer{ background: url(404.png) no-repeat top center;  background-size: 100% 100%; height: 16vw; padding-top: 1vw;}
.foot-cont{ display: flex; justify-content: space-between; }
.foot-cont h3{ font-size: 18px; color: #fff; opacity: 0.7; padding-bottom: 30px;}
.foot-cont p{ color: #ecf0f4;	opacity: 0.7; text-align:center;}
.foot-cont .div-right{max-width: 400px; width: 100%;}
.foot-cont .div-center h2 img{ display: inline-block; vertical-align: middle;}
.foot-cont .div-center h2{ color: #ecf0f4;font-size: 34px; padding-bottom: 20px;}
.foot-cont .foot-code img{ display: block; margin: 0 auto 0.6vw auto;}
.foot-search{ display: flex; justify-content: space-between; padding: 1vw 0;  max-width: 400px; width: 100%;}
.foot-search a { width:90%; height: 45px; color: #fff; font-size: 18px; line-height: 45px; border-radius: 10px; text-align: center; background-color:#c5271d; margin: 0px auto;}

.foot-search .in{ flex: 1; height: 40px; line-height: 40px; color: #888; background: #fff; padding-left: 10px;}
.foot-search .sub{ width: 85px; height: 40px; line-height: 40px; color: #fff; background: #C5261D;}
.copyright{ background: #171a1d; padding: 1.5vw 0;}
.copyright-cont{ display: flex; justify-content: space-between;}
.copyright-cont p{  color: #ecf0f4; font-size: 14px; opacity: 0.7;}
.copyright-cont .p1 a{  color: #ecf0f4; font-size: 14px;}
.foot-code{ cursor: pointer;}
.footer .foot-cont{ position: relative; }
.footer .foot-cont .logo{ margin-top:35px}
.foot-codepop{ position: absolute;  right: 50px; display: none; top:0 ;}
.foot-codepop img{ display: block; width: 100px; height: 100px;  }
.neibanner{ width: 100%; overflow: hidden; }
.neibanner img{ display: block; width: 100%; height: auto;}



/* 供应商平台 */
.bgf5{ background: #F5F5F5; }
.gongying-ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -2.4vw;}
.gongying-ul li{ background: #fff; max-width: 680px; width: 48.5%; position: relative; margin-bottom:2.4vw; transition: all 0.6s; } 
.gongying-ul li a{ padding: 2vw; display: block; }
.gongying-ul li h3{ color: #c5271d; font-size: 24px;}
.gongying-ul li .p1{ color: #888888;	font-size: 14px; line-height: 34px; margin-top: 1.5vw;}
.gongying-ul li .p2 { color: #666;	font-size: 14px; line-height: 34px; margin-top: 2.5vw;}
.gongying-ul li .p2 i{ background: url(404.png) no-repeat center; width: 19px; height: 20px; display: inline-block; vertical-align: middle; 
margin-right: 0.5vw;}
.gongying-ul .tag{ position: absolute; top:0; right: 0; width: 122px;	height: 40px;	background-color: #c5271d; color: #ffffff; font-size: 16px;
text-align: center; line-height: 40px;}
.gongying-ul .tag-ing{ background: #C5271D;}
.gongying-ul .tag-end{ background: #aaaaaa;}
.gongying-ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1);}

/*面包屑导航*/
.breadcrumb{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; box-shadow: 0px 0px 5px 0px rgba(4, 0, 0, 0.1);}
.breadcrumb a{ display: block; flex: 1; color: #333333; font-size: 20px; text-align: center; transition: all 0.6s; height: 90px;  line-height: 90px;
border-right: 1px solid #eeeeee; border-bottom: 2px solid transparent;}
.breadcrumb a:last-child{ border-right: none;} 
.breadcrumb a.on,.breadcrumb a:hover{ color: #C5271D; border-bottom: 2px solid #C5271D;}

/* 媒体中心 */
.meiticenter-page .meiti-ul1{ display: flex; justify-content: space-between;}
.meiticenter-page .meiti-ul1 li{width:32%;  padding: 2vw;  background: #fff;  transition: all 0.6s; border:2px solid transparent}
.meiticenter-page .meiti-ul1 li a{ display: block;  }
.meiticenter-page .meiti-ul1 img{ display: block;  width: 100%; height: auto; max-width: 100%;}
.meiticenter-page .meiti-ul1 strong{ color: #333333; 	font-size: 30px; display: block; padding-bottom: 0.6vw;}
.meiticenter-page .meiti-ul1 b{ color: #333333; 	font-size: 18px; display: block;}
.meiticenter-page .meiti-ul1 h3{ color: #333333;  font-size: 22px; 	line-height: 34px; margin: 2vw 0 1.5vw 0;  transition: all 0.6s;}
.meiticenter-page .meiti-ul1 p{ color: #888888;  font-size: 16px; line-height: 36px; margin-bottom: 2vw; height: 72px; overflow: hidden; text-overflow: ellipsis;}
.meiticenter-page .meiti-ul1 li:hover{ border:2px solid #C5261D;}
.meiticenter-page .meiti-ul1 li:hover h3{ color:#C5261D;}

.meiticenter-page .meiti-ul2 { margin-top: 2vw;}
.meiticenter-page .meiti-ul2 li{ background: #fff; padding: 3vw; margin-bottom: 2vw; border:2px solid transparent; transition: all 0.6s;}
.meiticenter-page .meiti-ul2 a{ display: flex; justify-content: space-between;}
.meiticenter-page .meiti-ul2  figcaption{ flex: 1; padding: 0 3vw;}  
.meiticenter-page .meiti-ul2 strong{ color: #333333; font-size: 30px; display: block;}
.meiticenter-page .meiti-ul2 b{ color: #333333; font-size: 18px; display: block; margin-top: 0.5vw;}
.meiticenter-page .meiti-ul2 h3{ color: #333333; font-size: 22px;}
.meiticenter-page .meiti-ul2 p{ color: #888888; font-size: 16px; margin-top: 1vw; line-height: 30px; overflow: hidden; text-overflow: ellipsis; height: 30px;}
.meiticenter-page .meiti-ul2 i{ display: block; background: url(404.png) no-repeat center; width: 28px; height: 18px; align-self: center;}
.meiticenter-page .meiti-ul2 li:hover{ border:2px solid #C5261D;}

.getmore{ display: block; width: 260px;height: 65px;background-color: #c5271d;border-radius: 10px;  font-size: 18px; color: #ffffff;
line-height:65px; text-align: center; margin: 0 auto; transition: all 0.6s; }
.getmore:hover{ box-shadow: 0 0 30px rgba(0,0,0,0.3); transform: translateX(10px);}

 
/* 荣誉资质 */
.mountain-bg { background:#f5f5f5 url(404.png) no-repeat bottom center; }
.honorcenter-page .honor-ul1{ display: flex; justify-content: space-between; flex-wrap: wrap;  }
.honorcenter-page .honor-ul1 li{ width: 32%; background: #fff; margin-bottom: 2vw; padding: 3vw;}
.honorcenter-page .honor-ul1 li a{ transition: all 0.6s; display: block;}
.honorcenter-page .honor-ul1 figure{ max-height: 325px; display: block; max-width: 100%; overflow: hidden;}
.honorcenter-page .honor-ul1 img{ display: block; max-width: 100%; margin: 0 auto; max-height: 325px;}
.honorcenter-page .honor-ul1 p{ color: #000000; font-size: 18px; text-align: center; padding-top: 3vw;}
.honorcenter-page .honor-ul1 li:hover a{ transform: translateY(10px);}

/* 人才招聘 */

.rencai-tit h3{ color: #333333;  font-size: 34px; text-align: center;}
.rencai-tit p{ color: #666666;  font-size: 22px; text-align: center; padding-top: 1vh;}
.rencai-page .rencai-ul1{ display: flex; justify-content: space-between; padding-top: 3vw;}
.rencai-page .rencai-ul1 li{ background: #fff; width: 24%; padding: 3.5vw 3vw; 	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);}
.rencai-page .rencai-ul1 a{ transition: all 0.6s; display: block; cursor:default;}
.rencai-page .rencai-ul1  img{ display: block; margin: 0 auto;}
.rencai-page .rencai-ul1 h3{ color: #333333; font-size: 22px; text-align: center; padding: 2vw 0;}
.rencai-page .rencai-ul1 p{ color: #666666; font-size: 14px; text-align: center; line-height: 30px;}
.rencai-page .rencai-ul1 li:hover a{ transform: translateY(10px);}

.rencai-box2 { padding-top: 3vw;}
.rencai-box2 li{ margin-bottom: -1px;}
.rencai-box2 .div1{ border:1px solid #F5F5F5; display: flex; align-items: center; justify-content: space-between;}
.rencai-box2 .rc-name{ color: #666666; font-size: 22px; text-align: center; padding: 0 4vw;}
.rencai-box2 .rc-text{ flex: 1; display: flex; justify-content: space-between; padding:2.5vw 2vw 2.5vw 4vw; border-left:1px solid #F5F5F5; }
.rencai-box2 .rc-text p{ color: #666666; font-size: 15px;}
.rencai-box2 .more-btn{ background: #f0f0f0; width: 130px; color: #666666; font-size: 15px;	height: 40px; display: block;
text-align: center; line-height: 40px; cursor: pointer;}
.rencai-box2 .more-btn i{ display: inline-block; background: url(404.png) no-repeat center; width: 18px; height: 8px;
vertical-align: middle;}
.rencai-box2 .div2{ border:1px solid #F5F5F5; border-top: none; padding:0vw 4vw 4vw 4vw; display: none;}
.rencai-box2 .rc-p1{  color: #666666; font-size: 18px; font-weight: bold; padding-top: 2.5vw; padding-bottom: 2vw;} 
.rencai-box2 .rc-ptext p{ color: #666666; 	font-size: 15px; line-height: 50px;}
.rencai-box2 .rc-joinbtn{ width: 160px; font-size: 15px; color: #ffffff; display: block;height: 40px;background-color: #c5271d; text-align: center;
 line-height: 40px; margin-top: 2vw; transition: all 0.6s;}
.rencai-box2 .rc-joinbtn:hover{ transform: translateX(10px); box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.rencai-ul2 li.on .more-btn i{ transform: rotate(180deg);}


.join-formwrap{ position: fixed; background: rgba(0,0,0,0.8); top:0; left: 0; right: 0; bottom: 0; z-index: 33333; display: none;}
.join-form{ background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 3vw 2vw;
max-width: 600px; width: 100%;}
.join-form .join-tit{ font-size: 24px; color: #000; font-weight: bold; text-align: center; padding-bottom: 2vw;}
.join-form  input{ background: #F5F5F5; height: 50px; width:100%; padding-left: 1em; line-height: 50px; margin-bottom: 1.5vw;}
.join-form .join-close{ position: absolute; top:-20px; right: -20px; background: #222; color: #fff; height: 40px; width: 40px; border-radius: 100%; align-items: center;
display: flex; justify-content: center; font-size: 24px; cursor: pointer; transition: all 0.36s;}
.join-form .join-close:hover{ background: #C5271D;}
.join-form .sub{ display: block; border:none; background: none; background: #333; color: #fff; display: block; height: 50px; width: 100%; font-size: 16px;
 cursor: pointer; transition: all 0.6s; }
.join-form .sub:hover{  background: #C5271D;}


/* 员工风采 */
.fengcai-ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.fengcai-ul li{ width: 32%; margin-bottom: 2vw;}
.fengcai-ul li figure{ background: url(404.png) no-repeat bottom center; display: block;  padding-bottom: 20px;
background-size: 100% auto;}
.fengcai-ul li p{ color: #333333; font-size: 20px; text-align: center; padding-top: 1vw;}
.fengcai-ul li img{ display: block; max-width: 100%;}
.fengcai-ul .lb-image{ display: block; width: 100%; max-width: 100%; height: auto;}




/* 合作住宅 */
.zhuzhai-box1 h3{ color: #c5261d;	font-size: 40px; text-align: center; margin-bottom: 2vw;}
.zhuzhai-box1 p{ color: #666666;	font-size:16px; text-align: center; line-height: 40px; }

.zhuzhai-box2 .zz-tit{ color: #c5261d; font-size: 40px; text-align: center; padding-bottom: 2vw;}
.zhuzhai-box2 figcaption{ background: #fff; box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1); margin-top: -3vw; position: relative; z-index: 333;
width: 85%; margin-left: auto; margin-right: auto; padding: 2vw; transition: all 0.6s;}
.zhuzhai-box2 .swiper-slide a{ display: block; padding-bottom: 5vw;}
.zhuzhai-box2 .zz-name{ text-align: center;color: #000000;	font-size: 20px; transition: all 0.6s;}
.zhuzhai-box2 .zz-text{ text-align: left;color: #888888;	font-size: 14px; margin-top: 0.51vw; transition: all 0.6s;}
.zhuzhai-box2 figure img{ max-width: 100%; width: 100%;}
.zhuzhai-box2 .swiper-slide:hover figcaption{ background: #C5261D;}
.zhuzhai-box2 .swiper-slide:hover .zz-name,.zhuzhai-box2 .swiper-slide:hover .zz-text{ color: #fff;}
.zhuzhai-box2  .swiper-button-prev, .zhuzhai-box2 .swiper-container-rtl .swiper-button-next{ background:url(404.png) no-repeat center;}
.zhuzhai-box2 .swiper-button-next,.zhuzhai-box2  .swiper-container-rtl .swiper-button-prev{ background:url(404.png) no-repeat center;}
.zhuzhai-box2 .swiper-button-next,.zhuzhai-box2  .swiper-button-prev{ bottom:-5px; top: auto; right: 40%;}
.zhuzhai-box2 .swiper-button-prev{ bottom: -5px; top: auto; left: 40%;}
.zhuzhai-box2 .swiper-pagination-bullet{ width: 10px;height: 10px;background-color: #aaaaaa; opacity: 1; transition: all 0.6s;}
.zhuzhai-box2 .swiper-pagination-bullet-active{ width: 30px;height: 10px;background-color: #d72128;border-radius: 5px;}

.bg-e6f1f3{background-color: #e6f1f3; }
.zhuzhai-box3{ background: url(404.png) no-repeat bottom center; margin-bottom: -50px; display: flex; justify-content: center; align-items: center;
padding-bottom: 5vw;}
.zhuzhai-box3 .zz-box3text{ flex: 1; max-width: 516px; }
.zhuzhai-box3 .zz-box3tu{ padding-right: 3vw; width: auto; }
.zhuzhai-box3 .zz-box3tu img{ display: block; max-width: 550px; width: 100%; height: auto;}
.zhuzhai-box3 .zzbox3-name{ color: #000000;font-size: 38px;}
.zhuzhai-box3 .p1{ color: #666666;font-size: 14px; padding: 2vw 0;}
.zhuzhai-box3 .p2 a{ color: #000000;font-size: 14px; display: inline-block; margin-right: 10px;}
.zhuzhai-box3 .p3{ color: #333333;font-size: 15px; margin-top: 3vw;}
.zhuzhai-box3 .p4{ color: #666666;font-size: 15px; line-height: 34px;}

/* 合作住宅-写字楼 */
.zhuzhai-xielou .swiper-slide a{ display: flex;}
.zhuzhai-xielou .swiper-slide figure{ width: 60%; }
.zhuzhai-xielou .swiper-slide figure img{ width:100%; display: block; height: auto; }
.zhuzhai-xielou .swiper-slide figcaption{ width: 40%; margin-top: 0; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.zhuzhai-xielou .swiper-slide .zz-text{ font-size: 16px;}
.zhuzhai-xielou .swiper-slide .zz-name{ font-size: 20px;}

/* 联系方式 */
.lianxi-map{ width: 100%; overflow: hidden;}
.lianxi-map img{ display: block; width: 100%;}
.lianxi-box{ display: flex; max-width: 1000px; margin: 0 auto; padding-bottom:4vw;}
.lianxi-boxleft{ margin-top: -8vw; width: 50%;}
.lx-leftbg{background: #fff;  padding: 2vw 3vw; }
.lianxi-boxleft ul{ padding-top: 2vw; }
.lianxi-boxleft img{ display: block; margin: 0 auto; max-width: 100%; height: auto;}
.lianxi-boxleft .p1{ color: #000000; font-size: 18px; font-weight: bold; display: flex; }
.lianxi-boxleft .p1 span{ display: inline-block; text-align: left; width: 80px;}
.lianxi-boxleft .p1 span:nth-child(2){ text-align: center;}
.lianxi-boxleft .p2{ color: #000000; font-size: 16px; padding-top: 0.5vw;}
.lianxi-boxleft li{ margin-bottom: 2vw;}
.lianxi-boxright{  margin-top: 3vw;  flex: 1; width: 50%;}
.lx-rightbg{background: #c5271d; padding: 3vw; max-width: 500px; width: 100%; margin-top:-6vw ;}
.lx-zixun { width:100%;}
.lx-zixun p { font-size:16px; color:#e7d722;   line-height: 30px; padding: 10px 0px; text-indent: 32px;}
.lx-zixun a { width:100%; font-size: 16px; margin-top: 15px; height: 45px; line-height: 45px; background-color:#ffab09; display: inline-block; text-align: center; border-radius: 10px;}

.lianxi-boxright .lx-tit h3{ color: #ffffff; font-size: 30px; text-align: right;}
.lianxi-boxright .lx-tit h4{ color: #ffffff; font-size: 16px; text-align: right; padding-bottom: 1vw; padding-top: 0.5vw;}
.lianxi-boxright .in{ display: block; background: #fff; height: 55px; width: 100%; margin-bottom: 15px; padding-left: 10px; width: 100%;}
.lianxi-boxright .area{ display: block; width: 100%; border:none; resize: none; height: 121px; padding-top: 10px; text-indent: 0.5em;}
.lianxi-boxright .sub{ width: 100%; background: #fff; height: 55px; background: #ffab09; margin-top: 15px; color: #ffffff; 	font-size: 18px;}

/* 华地置业 */

.zhiye-box1{  display: flex; justify-content: space-between; padding-bottom: 5vw;}
.zhiye-box1 h3{ font-size: 30px;	color: #000000; font-weight: bold; text-align: center; padding-left: 3vw; margin-top: -2vw; }
.zhiye-box1 .div1{ padding-top: 3vw; padding-bottom:5vw;}
.zhiye-box1 .div1 img{ display: block; margin: 0 auto; height: auto; width: 10vw;}
.zhiye-box1 .maptu{ width: 43vw;}
.zybox1-right{ padding-right: 14vw; padding-top: 5vw; padding-left:5vw; padding-bottom: 8vw;}
.zybox1-right p{ color: #666666; font-size: 16px; line-height: 40px; margin-bottom:1.5vw;}


.zhiye-box2{ background: url(404.png) no-repeat center; display: flex; padding: 0 14vw; background-size: 100% 100%;
height: 36vw; position: relative; background-attachment: fixed; }
.zhiye-box2 h3{ color: #fff; font-size: 24px; padding-bottom: 3vw; text-align: left; width: 100%; font-weight: bold;}
.zhiye-box2 p{ color: #fff; font-size: 16px; line-height: 46px;}
.zybox2-left{ max-width: 560px; align-content: center; padding-right: 2vw;   display: flex; flex-wrap: wrap;}
.zybox2-right img{ display: block; max-width: 100%; height: auto; width: 39vw;}
.zybox2-right{ position: absolute; right: 14vw; bottom: 0;}


/*详情页*/
.detail-page{ background: #fff; padding:3vw;}
.detail-page .det-tit h3{ font-weight: bold; color: #000; font-size: 24px; text-align: center; line-height: 1.3;}
.detail-page .det-tit .div1{ display: flex; justify-content: center; padding: 20px 0; border-bottom: 1px solid #F5F5F5;
margin-bottom: 20px;}
.detail-page .det-tit span{ color: #666; font-size: 14px; display: block; padding: 0 15px;}
.detail-page .de-tu img{ display: block;  margin: 10px auto;}
.detail-page .de-text { line-height: 46px; font-size: 15px; color: #000; }
.detail-page .de-text p{ line-height: 46px; font-size: 15px; color: #000;}
.detail-page .de-text img{margin: 0 auto;}

.fenpian{ display: flex; display: -webkit-flex; border:1px solid #F5F5F5; padding: 20px 0; border-left: none; border-right: none; margin: 50px 0;
justify-content: space-between;}
.fenpian i{ display: block; color: #000; font-size: 14px; margin-bottom: 10px;}
.fenpian a{ display: block; color: #555; font-size: 14px;}

/* 供应商详情 */
.gydetail-page{ background: #fff; padding: 3vw;}
.gydetail-page .gy-tou{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #F5F5F5; padding-bottom: 2vw;
margin-bottom: 2vw;}
.gydetail-page .gy-tit{ font-size: 24px; font-weight: bold; margin-bottom: 1vw;}
.gydetail-page .gy-time span{ font-size: 14px; color: #555; display: inline-block; padding-right: 20px;}
.gydetail-page .gy-btn{  display: block; padding: 15px 40px; color: #fff; background: #C5261D; border-radius: 5px;}
.gydetail-page .gy-cont p{ line-height: 36px; font-size: 15px; color: #333; margin-bottom: 2vw;}

.gy-formwrap{ position: fixed; background: rgba(0,0,0,0.8); top:0; left: 0; right: 0; bottom: 0; z-index: 33333; display: none;}
.gy-form{ background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 3vw 2vw;
max-width: 600px; width: 100%;}
.gyform-tit{ font-size: 24px; color: #000; font-weight: bold; text-align: center; padding-bottom: 2vw;}
.gy-form .div-in span{ width: 20%;}
.gy-form .div-in span i{ color: #f00; vertical-align: middle; display: inline-block; margin-right: 5px;}
.gy-form .div-in{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 1vw;}
.gy-form .div-in input{ background: #F5F5F5; height: 50px; width:78%; padding-left: 1em; line-height: 50px;}
.gy-form .gy-close{ position: absolute; top:-20px; right: -20px; background: #C5261D; color: #fff; height: 40px; width: 40px; border-radius: 100%; align-items: center;
display: flex; justify-content: center; font-size: 24px; cursor: pointer;}
.gy-form .gy-sub{ display: block; border:none; background: none; background: #333; color: #fff; display: block; height: 50px; width: 100%; font-size: 16px; margin-top: 2vw;
cursor: pointer; transition: all 0.6s; }
.gy-form .gy-sub:hover{ background: #C5261D;}
.gy-form .div-infile{ margin-top: 2vw;}
.gy-form .div-in .file-btn{ background: #fff; line-height: 1; vertical-align: middle; height: auto; display: block; padding-left: 0;}
.gy-form .div-in{ margin-bottom: 2vw;}
.gys-fenpian{ display: flex; justify-content: space-between; border-top: 1px solid #E0E0E0; padding-top: 30px; align-items: center;}
.gys-fenpian span{ cursor: pointer; font-size: 14px; color: #333;}
.gys-fenpian a{  display: block;  border-radius: 5px; padding: 10px 0; transition: all 0.36s;}
.gys-fenpian a:hover{ color: #C5261D;}
.gys-fenpian .gy-backlist{  border:1px solid #E0E0E0; padding: 15px 40px; transition: all 0.6s; color: #333;}
.gys-fenpian .gy-backlist:hover{ background: #C5261D; color: #fff;}
/*新华控股*/
.page-kg-title{padding: 70px 0; border-bottom: 1px solid #e5e5e5; width: 100%;}
.page-kg-title h2{font-size: 44px; color: #333333; font-weight: normal;}
.page-kg-title h3{color: #000000; font-size: 40px; margin-bottom: 15px;}
.page-kg-title p{color: #888888; font-size: 20px; }
.page-kg-about-box{display: -webkit-box; display:.page-kg-title h2{font-size: 44px; color: #333333; font-weight: normal;}
.page-kg-title h3{color: #000000; font-size: 40px;} -webkit-flex; display: -ms-flexbox; display: flex;  justify-content: space-between;}
.page-kg-about-box .left{width: 50%; padding-right: 4%; box-sizing: border-box;}
.page-kg-about-box .left .text{padding: 60px 0;}
.page-kg-about-box .left .text p{ line-height: 35px; font-size: 18px; color: #666666;}
.page-kg-about-banner{position: relative; padding-bottom: 15px;}
.page-kg-about-banner::before{position: absolute; content: ""; background: #fce5e7; width: 96%; height: 100%; }
.page-kg-about-banner .swiper-slide img{width: 100%;}
.page-kg-about-banner .swiper-pagination-bullet{height: 15px;width: 15px; background: #f2f2f2;}
.page-kg-about-banner .swiper-pagination-bullet-active{border: 4px solid #c5261d; background: none;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

.page-kg-about-box .right{width: 50%; box-sizing: border-box; margin-top: 185px;}
.page-kg-about-box .right em{display: block; position: relative;}
.page-kg-about-box .right em img{text-align: right; margin: 0 auto;  max-width: 100%;}
.page-kg-about-box .right em .t1{background: #c5261d; color: #ffffff; font-size: 28px;   text-align: center; left:50%; bottom: -7% ; transform: translateX(-50%); width: 460px; padding: 50px 20px; box-sizing: border-box; margin: 0 auto; position: absolute;}
.page-kg-about-text{margin-top: 70px;}
.page-kg-about-text .p{line-height: 35px; margin-bottom: 35px; font-size: 16px; color: #666666;}
.page-kg-about-text p{line-height: 35px; margin-bottom: 35px; font-size: 16px; color: #666666;}

.about-sec2box{position: relative; margin-top: 80px; padding-bottom: 80px;}
.about-sec2box .swiper-container{padding: 0 20px; box-sizing: border-box;}
.about-sec2box .swiper-slide{cursor:default;z-index: 333; position: relative;}
.about-sec2box .swiper-slide em{ display: block; padding-bottom: 50px; position: relative;}
.about-sec2box .swiper-slide em img{display: block; margin: 0 auto; width: 100%; max-width: 100%;}
.about-sec2box .swiper-slide p{ line-height: 40px; color: #555; margin-top: 30px; text-align: center; font-size: 18px; color: #333333;}
.about-sec2box .swiper-slide::before{ position: absolute; content: "";  width: 8px; height: 8px;left: 50%; bottom: 70px; transform: translateY(50%); background: #e60012; border-radius: 100%; }
.about-sec2box .swiper-slide-active::before{ background: #e60012 !important;}

.blackline{ height: 1px; background: #e5e5e5; width:100%; position: absolute; bottom:150px; left: 0px; right: 0;}

.about-sec2box .swiper-container .swiper-wrapper{  position: relative;}
.about-sec2box .swiper-button-next{ bottom: 55px !important; top:auto; transform: translateY(27%);  right: -20px;  background-size: 100% 100%;
color: #fff; background:url(404.png) no-repeat center; height: 64px; width: 64px;}
.about-sec2box .swiper-button-prev{ bottom: 55px !important; top: auto; transform: translateY(27%); left: -20px; background-size: 100% 100%;
color: #fff; background:url(404.png) no-repeat center; height: 64px; width: 64px;}

.about-sec2box .padbox2{position: relative;}
.about-sec2box .padbox2::before{ position: absolute; content: "";  width: 100%; height: 1px;left: 0;  top: 68%; margin-top: -14px; background: #e60012; opacity: 0; }


/*服务特色*/
.index-table{display: table;  height: 100%; width: 100%;}
.index-cell{display: table-cell; vertical-align: middle;  }
.page-fwts-list li{width: 48%; height: 375px; padding: 0 40px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;background-image: url(404.png); background-position: center; background-size: 100% 100%; position: relative; overflow: hidden; border-radius: 10px; margin-bottom: 6rem; 
-webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; 
cursor: default;}
.page-fwts-list li a{display: -webkit-flex; cursor:default; /* Safari */ display: flex; justify-content: space-between;  }
.page-fwts-list li .text{ width: 46%;height: 375px;  box-sizing: border-box;}
.page-fwts-list li .text h2{font-size: 30px; color: #333333; font-weight: bold; margin-bottom: 20px;}
.page-fwts-list li .text p{font-size: 15px; color: #666666; }
.page-fwts-list li .pic{width: 46.3%; position: relative; display: flex; align-items: flex-end;}
.page-fwts-list li:nth-child(2n){float: right;}
.page-fwts-list li:hover{transform: translateY(10px); box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);}

.page-fwts-wisdom .swiper-container{background: url(404.png)no-repeat center right;   background-position: right; background-repeat: no-repeat; }
.page-fwts-wisdom .swiper-wrapper .swiper-slide-box{ width: 68%; position: relative;}
.page-fwts-wisdom .swiper-slide-text{background: url(404.png) no-repeat; width: 460px; height: 550px; position: absolute; right: -18%; top: 50%; transform: translateY(-50%); padding: 3vw;
 background-position: center; background-repeat: no-repeat; background-size: cover;}
.page-fwts-wisdom .swiper-slide-text h2{color: #ffffff; font-size: 30px; margin-bottom: 2vw;}
.page-fwts-wisdom .swiper-slide-text P{color: #ffffff; font-size: 16px; margin-bottom: 5px;}
.page-fwts-wisdom .swiper-wrapper .pic img{width: 100%; display: block;}

.page-fwts-wisdom .swiper-wrapper .num{ color: #FFFFFF; margin-bottom: 3vw; margin-left: -5px;}
.page-fwts-wisdom .swiper-wrapper .num span.span1{font-size: 60px; color: #ffffff; font-family: "DIN"; margin: 0 5PX; }
.page-fwts-wisdom .swiper-wrapper .num span.span2{font-size: 30px; color: #ffffff; font-family: "DIN";  margin: 0 5PX;}


.page-fwts-wisdom .swiper-button-next{  top: 70%;  left:63%; background-size: 100% 100%;
color: #fff; background:url(404.png) no-repeat center; height: 64px; width: 64px;}
.page-fwts-wisdom .swiper-button-prev{ top: 70%; left: 58%; background-size: 100% 100%;
color: #fff; background:url(404.png) no-repeat center; height: 64px; width: 64px;}


.page-fwts-system-list{ position: relative; display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.page-fwts-system-list li{float: left; width: calc(100%/3); width: -webkit-calc(100%/3); margin: 0 auto 65px; text-align: center;}
.page-fwts-system-list li em{display: block; width: 100%; height: 60px; margin-bottom: 30px;}
.page-fwts-system-list li em img{display: block; margin: 0 auto;}
.page-fwts-system-list li h4{color: #c5271d; font-size: 20px; margin-bottom: 30px;}
.page-fwts-system-list li a{display: block; width: 60%; margin: 0 auto; cursor: default;} 


.page-fwts-case{background: #f5f5f5; padding-bottom:80px;}
.page-fwts-case{position: relative; margin-top: 80px;}
.page-fwts-case .swiper-container{padding: 0 20px; box-sizing: border-box;}
.page-fwts-case .swiper-slide{ cursor: default; z-index: 333;  position: relative;}
.page-fwts-case .swiper-slide img{display: block; margin: 0 auto;  max-width: 100%;}
.page-fwts-case .swiper-button-next{ bottom: 0% !important; top: 50%; margin-top: -25px;  right: -20px;  background-size: 100% 100%;
color: #fff; background:url(404.png) no-repeat center; height: 50px; width: 64px;}
.page-fwts-case .swiper-button-prev{ bottom: 0% !important; top: 50%; margin-top: -25px;  left: -20px; background-size: 100% 100%;
color: #fff; background:url(404.png) no-repeat center; height: 50px; width: 64px;}



/*华地物业*/
.page-wy-about{background: url(404.png) no-repeat center bottom;  position: relative; background-repeat: no-repeat;
 background-position: center; background-size: 100% auto; background-attachment: fixed; }
.page-wy-about .pic{margin-bottom: 40px;}
.page-wy-about .pic img{ display: block; width: 100%;}
.Guarantee_time li { text-align: center; color: #666666; padding: 60px 0; float: left; width: calc(100%/4); box-sizing: border-box; }  
.Guarantee_time li h2 { color: #c5261d; font-size: 60px;  margin-bottom: 20px; font-family: "DIN"; display: inline-block; font-weight: bold; letter-spacing: 2PX; }  
.Guarantee_time li p { font-size: 22px; color: #333333; }

.page-hdwy-team{display: -webkit-flex; /* Safari */display: flex; max-height: 600px;}
.page-hdwy-team .left{width: 50%;}
.page-hdwy-team .left img{width: 100%; overflow: hidden; height: 100%;}
.page-hdwy-team .right{width: 50%; background: #c5261d; color: #ffffff; padding:80px 100px 0 80px; box-sizing: border-box;}
.page-hdwy-team .right h2{ color: #ffffff; font-size: 50px; font-weight: normal; margin-bottom: 20px;}
.page-hdwy-team .right span{display: block; width: 20px; height: 2px; background: #ffffff; margin:50px 0;}
.page-hdwy-team .right p{color: #ffffff; line-height: 30px; color: #ffffff; margin-bottom: 20px;}

.page-hdwy-jiazhi{background: url(404.png) no-repeat;  position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; }
.page-hdwy-jiazhi .padbox{ height: 100%;}
.page-hdwy-jiazhi .left{width: 50%; float: left; padding:10vw 0; box-sizing: border-box; }
.page-hdwy-jiazhi .left h3{color: #ffffff; font-size: 50px; font-weight: normal; letter-spacing: 3px; margin-bottom: 3vw;}
.page-hdwy-jiazhi .left h5{color: #ffffff; font-size: 24px; line-height: 35px; margin-bottom: 1vw;}
.page-hdwy-jiazhi .left h5 span{margin-right: 20px;}
.page-hdwy-jiazhi .left p{color: #ffffff; font-size: 18px; line-height: 30px; margin-bottom: 10px;}


.page-hdwy-course{background:#f2f2f2 url(404.png) no-repeat center bottom; padding-bottom: 3vw;}
.page-hdwy-course-box{background: #ffffff; padding:40px; width: 100%; position: relative;}

/* .page-hdwy-course-list{margin-left: 2vw; overflow-x: hidden; overflow-y: auto; margin-right: 4vw; padding-right: 1vw; height: 100%;} */

.page-hdwy-course-list h2{font-size: 30px; color: #000000; font-weight: bold; margin-bottom: 2vw;}
.page-hdwy-course-list h2 span{font-family: "DIN"; margin-left: 10PX;}

.page-hdwy-course-list ul li a{color: #666666; line-height: 40px; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-hdwy-course-list .ulcont{color: #666666; line-height: 40px; overflow-y:scroll; max-width: 660px; max-height:340px; width: 100%;}
.page-hdwy-course-list .ulcont p{color: #666666; line-height: 36px;}
.page-hdwy-course-list{padding:0 3vw 0 2vw;   flex: 1; }

/* 时间轴 */
.timeline {width: 100%; position: relative; padding: 2vw 3vw 2vw 2vw; }
.timeline .swiper-button-next,.timeline .swiper-button-prev {background-size: 20px 20px;top: 0;width: 20px;height: 20px;margin-top: 0;z-index: 2;transition: .2s;}
.timeline .swiper-button-prev {left: 0;background-image: url(404.png); right: auto; left: auto; right: 0;}
.timeline .swiper-button-next {right:0;background-image: url(404.png); bottom: auto; bottom: 0; top: auto;}

.gallery-top {height: 440px; flex: 1; position: relative; width: 100%;}
.gallery-top .swiper-slide{ display: flex; align-items: center; overflow: hidden;}
.gallery-top .swiper-slide img{ display: block; max-width: 100%; height: auto; }
.gallery-top .swiper-pagination{ display: none;}

.gallery-thumbs {  position: absolute; right: 1.5vw; top: 4.5vw; bottom:4vw; }
.gallery-thumbs .swiper-wrapper{  flex-wrap:wrap ; flex-direction: column; display: block;}
.gallery-thumbs .swiper-slide{ width: 80px!important; text-align: center;  cursor: pointer; height: 35px !important; line-height: 35px;  border-radius: 30px;}
.gallery-thumbs .swiper-slide-thumb-active{ color: #fff; background-color: #c5261d;}

::-webkit-scrollbar {width:5px;background-color: #F5F5F5;}
/* 滚动槽 */::-webkit-scrollbar-track {border-radius:5px;}
/* 滚动条滑块 */::-webkit-scrollbar-thumb {border-radius:10px;background:#999;}


/*页码容器*/
.page-box{ margin:15px 30px; padding-bottom:30px; }
.page-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.digg{ margin:0; padding:0; text-align:left; font-size:14px; }
    div.digg a{display:block;float:left;padding:5px 12px;margin:0 0 0 8px;border:1px solid #e1e2e3;line-height:20px;height:20px;color:#3b8dd1;background:#fff;text-decoration:none;box-sizing: content-box;}
    div.digg a:hover { border:1px solid #3b8dd1; }
    div.digg span{display:block;float:left;padding:5px 0;line-height:20px;height:20px;box-sizing: content-box;}
    div.digg span.current { padding:5px 12px; margin:0 0 0 8px; color:#555; font-weight:bold; }
    div.digg span.disabled { border:1px solid #eee; padding:5px 12px; margin:0 0 0 8px; color:#ddd; }