html {
    width: 100%;
    height: 100%;
}
body {overflow-x: hidden;}
body img {display: block;/*width: 240px;*/}

.clear {clear: both;}

.center {max-width: 1400px;width: 100%;margin: 0 auto}
.center2 {max-width: 1600px;width: 100%;margin: 0 auto}

.header {position: relative;z-index: 999}
.headBox { width: 100%;height: 134px; margin: 0 auto;margin-bottom: -10px; position: fixed;_zoom:1;background: url(../images/headbg.png) repeat-x bottom;}

.headBox-1024 {display: none}
.headBox .logo {float: left;padding-top: 40px;}
.headBox .nav {float: right;}

.headBox .nav  .nav-list {float: left}
.headBox .nav  .language {float: left;}

.headBox .nav ul {overflow: hidden;_zoom:1;}
.headBox .nav ul li {float: left;}

.headBox .language {padding-left: 40px;}
.headBox .language p {line-height: 125px;font-size: 18px;color: #000}
.headBox .language p a {line-height: 125px;font-size: 18px;color: #000}

.nav-name.on {color: #0087fc;}
.nav-name {font-size: 18px;color: #000;line-height: 125px;height: 125px;margin-left: 48px;}
.down-menu {display: none; position: absolute;top:125px;background:#fff;left: 0px;width:100%;z-index: -1;background: url(../images/headbg2.png) repeat-x top #fff;}

.down-menu dl {overflow: hidden;_zoom:1;width: 1400px;left: 0px;padding-top: 50px;padding-bottom: 40px;margin:0 auto;}
.down-menu dl span {display:block;}
.down-menu dl dt.navLv1,
.down-menu dl dd.navLv2,
.down-menu dl dd.navLv3 {float: left;min-height: 360px;}

.down-menu dl dt.navLv1 {width: 223px;padding-top: 10px;}
.down-menu dl dt.navLv1 span {font-size: 18px;color: #575757;padding-left: 45px;}

.down-menu dl dd.navLv2,
.down-menu dl dd.navLv3 {padding-top: 10px;}

.down-menu dl dd.navLv2 {width: 305px;background: url(../images/navline.png) repeat-y left;}
.down-menu dl dd.navLv2 span {margin-bottom: 20px;padding-left: 30px;}
.down-menu dl dd.navLv2 span a {font-size: 16px;color: #515151 }
.down-menu dl dd.navLv2 span.on a {color: #c30d18 }


.down-menu dl dd.navLv3 {width: 870px;background: url(../images/navline.png) repeat-y left;}
.down-menu dl dd.navLv3 ol {padding-left: 30px;overflow: hidden;_zoom:1;width: 900px;}
.down-menu dl dd.navLv3 li {float: left;margin-bottom: 30px;margin-right: 15px; }
.down-menu dl dd.navLv3 li span {font-size: 14px;color: #575757;padding-top: 10px;padding-left: 10px;}




/*footer-----------------------------------------------------------*/

.footer {}
.footer .fo-div1{background: #ededed; padding-top: 75px;padding-bottom: 75px;overflow: hidden;_zoom:1;}
.footer .fo-div1 .fologo {width:220px;float: left;}
.footer .fo-div1 .fologo img {display: inline-block;}
.footer .fo-div1 .fonav {float: left;overflow: hidden;_zoom:1;}
.footer .fo-div1 .focode {float: right;}

.footer .fo-nav2 {background: #7e8083;overflow: hidden;_zoom:1;padding: 30px 0;}
.footer .fo-nav2 p,
.footer .fo-nav2 p a  {font-size: 16px;color: #fff;}
.footer .fo-nav2 p.p-l {float: left;}
.footer .fo-nav2 p.p-r {float: right;}

.footer .fo-div1 .fonav ul {float: left;}
.footer .fo-div1 .fonav li {margin-bottom: 15px;margin-left: 90px;}
.footer .fo-div1 .fonav li h3 {font-size: 20px;margin-bottom: 40px;}
.footer .fo-div1 .fonav li h3 a {font-size: 20px;margin-bottom: 40px;}
.footer .fo-div1 .fonav li a{font-size: 16px;color: #221815;}

.footer .focode {text-align: center;}
.footer .focode .codeimg img{margin-bottom: 10px;display: inline-block;}
.footer .focode p {font-size: 14px;line-height:22px; }


.banner {max-width: 1920px;margin: 0 auto;}

.banner,.sbanner {padding-top: 125px;}








/*轮播图*/
.fuSlide{width:100%;position:relative;}


.fuSlide ul.ck-slide-wrapper{z-index:1;width:100%;height:100%}
.fuSlide ul.ck-slide-wrapper li{width:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;display: none;}

.fuSlide ul.ck-slide-wrapper li img{width:100%;height:auto;opacity:1;filter:alpha(opacity='1')}
.fuSlide ul.ck-slide-wrapper li .leftto{filter:alpha(opacity=0);opacity:0}
/*轮播图选中动画*/
.fuSlide ul.ck-slide-wrapper li.current h2{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s;}
/*轮播图内容区域*/
.banner_con{ top:45%; left:18%;position:absolute; }
.banner_con h2{ font-size:72px;line-height: 98px; color: #fff;font-weight:normal;opacity:0;filter:Alpha(opacity=0);text-shadow: 5px 1px 9px #666; }




.fuSlide .ulp {text-align: center;position: absolute;bottom: 20px;width: 100%;z-index: 9}
.fuSlide .ulp li  {cursor: pointer; display: inline-block; margin: 0 7px; width: 40px;height: 8px;background: #eee6e2;border-radius: 0px;opacity: 1;}
.fuSlide .ulp li.on {background: #c30d18}



















/* topBtn */
.topBtn {display:none; position:fixed; bottom:50px; right:52px; width:64px; height:64px; z-index:99;}
.topBtn a {display:block; width:100%; height:100%; box-sizing:border-box; padding-top:15px; text-align:center; background:url(../images/topbtn_icon.png) no-repeat center #545a66; box-shadow:7px 7px 30px 0 rgba(0,0,0,0.3); border-radius:32px;}




.indexBox1 {/*background: url(../images/indexbg1.jpg) no-repeat center top;*/height: 880px;}
.indexBox1 .tit1 {text-align:center;padding-top: 90px;margin-bottom: 50px;}
.indexBox1 .tit1 h3 {font-size: 48px;color: #000;margin-bottom: 25px;}
.indexBox1 .tit1 p {font-size: 16px;line-height: 28px; color: #000;}

.indexBox1 .tit2 {text-align: center;margin-bottom: 50px;}
.indexBox1 .tit2 img {display: inline-block;}
.indexBox1 .tit2 h3 {font-size: 36px;color: #0087fc;margin-bottom: 25px;font-weight: bold;padding-top: 60px;line-height:42px; }
.indexBox1 .tit2 p {font-size: 16px;line-height: 28px; color: #000;padding-bottom: 60px;}

.indexBox1 ul {overflow: hidden;_zoom:1;}
.indexBox1 ul li {float:left;width: 33.3%;text-align: center;}
.indexBox1 ul li .txt1 {font-size: 36px;}
.indexBox1 ul li .txt1 span {font-size:90px;}
.indexBox1 ul li .txt2  {font-size: 18px;line-height: 45px}

.indexBox1 .ps {text-align: right;padding-top: 50px;color: #858585;font-size: 12px;}

/*首页-集团产业*/
.section .tit {text-align: center;padding-top: 100px;margin-bottom: 3%}
.section .tit h2 {font-size: 42px;margin-bottom: 10px;color: #333}
.section .tit p {font-size: 20px;line-height: 42px;padding: 0 250px 0 250px;color: #565656}

.index-group .tabBox {background: #f8f8f8;}
.index-group .tabIcon {overflow: hidden;_zoom:1;/*background: url(../images/icon3.png) repeat-y left;*/border-top: 1px solid #ccc;}
.index-group .tabIcon li {float: left;width: 20%;text-align: center;cursor: pointer;/*background: url(../images/icon3.png) repeat-y right;*/}
.index-group .tabIcon li span {font-size: 24px;height: 96px;line-height: 96px;display: inline-block;padding-left: 70px;}

.index-group .tabIcon li.li1 span{background: url(../images/igicon01.png) no-repeat left;}
.index-group .tabIcon li.li2 span{background: url(../images/igicon03.png) no-repeat left;}
.index-group .tabIcon li.li3 span{background: url(../images/igicon05.png) no-repeat left;}
.index-group .tabIcon li.li4 span{background: url(../images/igicon07.png) no-repeat left;}
.index-group .tabIcon li.li5 span{background: url(../images/igicon09.png) no-repeat left;}

.index-group .tabIcon li.li1.on span{background: url(../images/igicon02.png) no-repeat left;}
.index-group .tabIcon li.li2.on span{background: url(../images/igicon04.png) no-repeat left;}
.index-group .tabIcon li.li3.on span{background: url(../images/igicon06.png) no-repeat left;}
.index-group .tabIcon li.li4.on span{background: url(../images/igicon08.png) no-repeat left;}
.index-group .tabIcon li.li5.on span{background: url(../images/igicon10.png) no-repeat left;}

.index-group .tabIcon li.on {background: #c30d18;color: #fff}
.index-group .tabDiv {max-width:1920px;margin: 0 auto;}
.index-group .tabDiv div {position: relative;}
.index-group .tabDiv img  {width: 100%;}
.index-group .tabDiv p {font-size: 72px;position: absolute;top: 300px;text-align: center;width: 100%;color: #fff} 

/*首页-新闻动态*/


.index-news {background: #f3f3f3;padding-bottom: 60px;}
.index-news ul {overflow: hidden;_zoom:1;}
.index-news ul li {width:30%;float: left;position: relative;background:#fff; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);margin:1.66%}
.index-news ul li a {display: inline-block;width: 100%;}
.index-news ul li .info {padding:0 6.5%;padding-top:20%;position: absolute;top: 0px;left: 0px;z-index: 9}
.index-news ul li .time {font-size: 18px;margin-bottom:10.5%;color: #000}
.index-news ul li .time span {font-size: 40px;color: #000;padding-right: 20px;}
.index-news ul li h3 {font-size: 24px;line-height: 42px;color: #000;margin-bottom:8%;height: 84px;overflow:hidden;}
.index-news ul li p {font-size: 12px;line-height: 24px;color: #000;height: 50px;overflow:hidden;}
.index-news ul li .to {position: absolute;bottom: 0px;left: 0px; background: url(../images/inicon1.jpg) no-repeat left top #32b3db; height: 13px;width: 100%;}

.index-news .newsImg {position: relative;opacity: 0}
.index-news .newsImg div {width: 100%;height: 100%; background: url(../images/icon4.png) repeat repeat;position: absolute;top: 0px;left:0px;}
.index-news .newsImg img {display: block;width: 100%;}

.index-news ul li.lion img {display: inline-block;}
.index-news ul li .infoOn .time,
.index-news ul li .infoOn .time span,
.index-news ul li .infoOn h3,
.index-news ul li .infoOn p
{color: #fff}

.index-news ul li .infoOn p {display: none;}

.index-news p.p-more {text-align: center;background: url(../images/concepticon.png) no-repeat center bottom;padding-bottom:10px;padding-top: 3%;}
.index-news p.p-more a {font-size: 16px;color: #080808;}

/*首页-社会责任*/
.index-responsibility {max-width: 1920px;margin: 0 auto;}
.index-responsibility ul {overflow: hidden;_zoom:1;}
.index-responsibility ul li {float: left;width: 33.3%;position: relative;background: #b6313c;}
.index-responsibility ul li .info {position: absolute;text-align: center;margin: 0 10%;width: 80%;z-index: 9}
.index-responsibility ul li .icon {margin-top:35%;display: inline-block;margin-bottom: 15%;}
.index-responsibility ul li .icon img {display:inline-block;}
.index-responsibility ul li h3 {font-size: 36px;color: #fff;padding-bottom: 15px;margin-bottom:10%;}
.index-responsibility ul li p {font-size: 18px;line-height: 28px;color: #fff;margin-bottom:15%;}
.index-responsibility ul li .hs {opacity: 0}
.index-responsibility .imgBox div {width: 100%;height: 100%; background:#b6313c;position: absolute;top: 0px;left:0px;opacity: 0}
.index-responsibility .imgto {display: inline-block;}
.index-responsibility .imgBox img {width: 100%}
.index-responsibility  ul li .infoOn h3 {background:url(../images/reicon5.png) no-repeat center bottom;padding-bottom: 15px;margin-bottom: 50px;}




/*首页-加入我们*/ 


.index-join {max-width: 1920px;margin: 0 auto;padding-bottom: 120px;}
.index-join ul {overflow: hidden;_zoom:1;}
.index-join ul li {float: left;width: 33.3%;position: relative;}
.index-join ul li .info {position: absolute;text-align: center;margin: 0 10%;width: 80%;z-index: 9}
.index-join ul li .icon {text-align: center; margin-top:20%;display: inline-block;margin-bottom: 22%}
.index-join ul li .icon img {display:inline-block;}
.index-join ul li .icon img.img2 {display: none;}


.index-join ul li h3 {font-size: 22px;color: #010101;padding-bottom:5%;background:url(../images/aticon5.png) no-repeat center bottom;margin-bottom: 10%;}
.index-join ul li p {font-size: 14px;line-height: 28px;color: #010101;margin-bottom: 80px;}

.index-join .imgBox div {width: 100%;height: 100%; background:#fff;position: absolute;top: 0px;left:0px;}
.index-join .imgto {display: inline-block;}
.index-join .imgBox img {width: 100%;opacity: 0}

.index-join ul li .infoOn h3 {background:url(../images/reicon5.png) no-repeat center bottom;}
.index-join ul li .infoOn .icon img {display: none;}
.index-join ul li .infoOn .icon img.img2 {display: inline-block;}
.index-join ul li .infoOn h3,
.index-join ul li .infoOn p {color: #fff;}

/* */
.sbanner {max-width: 1920px; position:relative;margin: 0 auto;}
.sbanner .titArea {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center;}
.sbanner .titArea .h2Txt {text-shadow: 5px 1px 9px #666; font-size:72px; color:#fff; position:relative; top:50px; left:0; opacity:0;}
.sbanner .titArea h2 {font-size:60px; font-family:'Proxima-Extrabold', sans-serif; font-weight:normal; color:#fff; position:relative; top:50px; left:0; opacity:0;text-shadow: 0 0 5px #f96} 
.sbanner .printBtn {position:absolute; bottom:-90px; right:40px; width:50px; height:50px; background:url("../images/print_btn.png") no-repeat 0 0;}

/*  */
.sbanner .imgBox {width:100%; height:100%; overflow:hidden; position:relative;}
.sbanner .imgBox div img {width: 100%;}





/* 走近海澜----------------------------------------------------------------------------------------- */

/* 走近海澜-发展历程 */

.type-history .hs-box {position: relative;background:url(../images/hisicon1.png) no-repeat left bottom;padding-bottom: 50px;}
.type-history .hs-box ul.ulimgl {overflow: hidden;_zoom:1;background: #fff}
.type-history .hs-box li {overflow: hidden;_zoom:1;}

.type-history .hs-box li div.divl{float: left;width: 47%;}
.type-history .hs-box li div.divr{float: right;width: 53%;text-align: center;}

.type-history .hs-box li div.divr div {padding: 0 5%;}
.type-history .hs-box li div.divl img {width:100%;}

.type-history .hs-box li div.divr span.time {display: inline-block; font-size: 42px;color: #3f3f3f;margin-bottom:5%;padding-top: 5%;}
.type-history .hs-box li div.divr h4 {font-size: 32px;background:url(../images/hisicon2.png) no-repeat center bottom;padding-bottom: 5%;margin-bottom: 5%;}
.type-history .hs-box li div.divr p {font-size: 20px;line-height: 36px;color: #636363}



.type-history .hs-box .ulimgr li div.divl{float: right;width: 47%;}
.type-history .hs-box .ulimgr li div.divr{float: left;width: 50%;text-align: center;}


.type-history .tabicons {position: absolute;width: 50%;text-align: center;bottom: 15%;}
.type-history .tabicons li {cursor: pointer; color: #fff; display: inline-block;width: 14px;height: 14px;border:1px solid #a0a0a0;border-radius: 50px;margin: 0 1%;background: #fff;}
.type-history .tabicons li.on {border:1px solid #c30f19;background: #c30f19;color: #c30f19}

.type-history .hs-box .tabicons  {right: 0px;}
.type-history .hs-box-r .tabicons  {left: 0px;}

.history .timeIcon {overflow: hidden;_zoom:1;margin-bottom:5%;display: none;}
.history .timeIcon li {width: 33.3%;text-align: center;float: left;font-size: 24px;cursor: pointer;}
.history .timeIcon li:hover {color: #c30f19;}

.type-history .hs-box-r li div.divl {float: right;}
.type-history .hs-box-r li div.divr {float: left;}

.type-history .hslast {background: none}

/* 走近海澜-企业使命 */

.mission .main-content1 dl {position: relative;padding-bottom:10%;border-bottom: 1px solid #e3e3e3;}
.mission .main-content1 dl dt {width: 60%;}
.mission .main-content1 dl dt img {width: 100%;}
.mission .main-content1 dl dd {width: 51%; background: url(../images/mibg01.jpg) no-repeat center top;position: absolute;right:0px;top:10%;}
.mission .main-content1 dl dd div {padding:8%;}
.mission .main-content1 dl dd h4 {font-size: 35px;color: #fff;margin-bottom:5% }
.mission .main-content1 dl dd p {font-size: 20px;line-height: 40px;color: #fff}

.mission .main-content2 {padding-top: 3%;padding-bottom: 3%;}
.mission .main-content2 img {}

.mission .main-content2 .main-tit p,
.mission .main-content3 .main-tit p {font-weight: bold;}

.mission .main-content3 ul {overflow: hidden;_zoom:1;padding:10px 0;padding-bottom: 5%}
.mission .main-content3 ul li {float: left;box-shadow: 0px 8px 16px #e5e1e1;text-align: center;margin-bottom: 3%}
.mission .main-content3 ul li div {padding: 30px 5% 0 5%;padding-bottom: 0px;}
.mission .main-content3 ul li img {display: inline-block;margin-bottom:10px;width: 80%;}
.mission .main-content3 ul li.li1 {width:98%;margin: 0 1%;margin-bottom: 3%;}
.mission .main-content3 ul li.li2 {width: 31.3%;margin: 0 1%}
.mission .main-content3 ul li {width: 33.3%}

.mission .main-content3 ul li h4 {font-size: 30px;margin-bottom: 20px;font-weight: bold;}
.mission .main-content3 ul li p {font-size: 16px;line-height: 34px;padding-bottom: 30px;}


.mission .main-content3 ul li.li1 img {width: 4%;}

.mission .main-content3 ul li.li2 img,
.mission .main-content3 ul li.li3 img,
.mission .main-content3 ul li.li4 img {width: 12%}


/* 走近海澜-关于我们 */


.contact .main-content1 ul {overflow: hidden;_zoom:1;padding-bottom: 80px;}
.contact .main-content1 ul li {width:33.3%;text-align: center;float: left;}
.contact .main-content1 ul li img {display: inline-block;width: 10%;}
.contact .main-content1 ul li h3 {font-size: 26px;color: #373737;margin-bottom:20px;}
.contact .main-content1 ul li p {font-size: 16px;line-height: 30px;color: #595757}
.contact .main-content1 ul li .imgBox {margin-bottom: 40px;}

.contact .main-content1 .hlmap {max-width: 1920px;margin: 0 auto;}
.contact .main-content1 .hlmap img {width: 100%;}

.contact .main-content2 {padding-top: 70px;}
.contact .main-content2 ul {overflow: hidden;_zoom:1;max-width: 1160px;margin: 0 auto;}
.contact .main-content2 ul li {float: left;margin-bottom: 30px;}
.contact .main-content2 ul li input {padding: 0px;margin: 0px; width: 100%; height: 46px;line-height: 46px;color: #333;text-indent: 1em;background: #f9f9f9;border:1px solid #e5e5e5;}
.contact .main-content2 ul li.liinp {width: 31.3%;margin: 0 1%;margin-bottom: 30px;}
.contact .main-content2 ul li.litex {width:98%;margin: 0 1%;margin-bottom: 30px;}
.contact .main-content2 ul li.litex textarea {width: 99%;text-indent: 1em;padding: 0.5%;background: #f9f9f9;border:1px solid #e5e5e5;min-height: 246px;line-height: 28px;}
.contact .main-content2 ul li.libtn {text-align: right;width: 49%;margin-right: 1%}
.contact .main-content2 ul li.libtn a {width: 160px;height: 46px;line-height: 46px;text-align: center;color: #616161;background: #fff;border:1px solid #a1a1a1;display: inline-block;font-size: 18px;} 
.contact .main-content2 ul li.libtn a:hover {background: #c30f19;border:1px solid #c30f19;color: #fff;}

.contact .main-content2 ul li.liyz {width:48%;margin: 0 1%;overflow: hidden;_zoom:1;margin-bottom: 30px;}

.contact .main-content2 ul li.liyz .yzinput {width: 30%;float: left;text-align: left;} 

.contact .main-content2 ul li.liyz .yzinput input {width: 100%;}

.contact .main-content2 ul li.liyz .yzimg {width: 50%;float: left;padding-left: 2%} 


.contact .main-content2 ul li.liyz .yzimg img {cursor: pointer; float: left; border:1px solid #e5e5e5;margin-left: 1%;}
.contact .main-content2 ul li.liyz .yzimg span {float: left;display: inline-block;line-height: 46px;padding-left: 10px;color: #666}


/*路径导航*/

.bread {padding: 30px 0;}
.bread p {overflow: hidden;_zoom:1;}
.bread p span {float: left;font-size: 18px;float: left;}
.bread p a {font-size: 18px;color: #3c3c3c;}
.bread p span.on {color: #0087fc;}
.bread p span b {display: inline-block;padding: 0 8px;font-size: 18px;}

/*分页*/
.page {padding-bottom: 50px;text-align: center;padding-top: 30px}
.page p {text-align: center;}
.page p a {display: inline-block;margin: 0 10px;font-size: 18px;color: #333;}
.page p a:hover {color: #c30d18;}

.page ul li {display: inline-block;}
.page ul li a {display: inline-block;margin: 0 10px;font-size: 18px;color: #333;}
.page ul li span {display: inline-block;margin: 0 10px;font-size: 18px;}

.page ul li.page-item.active span {color: #c30d18;}

.main-tit {text-align: center;padding-bottom: 3%;}
.main-tit h2 {font-size:36px;color: #333;margin-bottom: 20px;padding-bottom: 20px;background:url(../images/mainicon1.png) no-repeat center bottom;}
.main-tit p {font-size: 20px;color: #565656;line-height: 36px;}


/*董事长致辞*/

.speech .main-content {padding-bottom: 10%;}
.speech .main-content h3 {text-align: center;font-size: 38px;margin-bottom:3%;}
.speech .main-content img {width: 100%;margin-bottom: 5%}
.speech .main-content p {font-size: 22px;color: #5e5e5e;line-height: 38px;text-indent: 2em;}

.speech .main-content h3 img {width: auto;display: inline-block;margin-bottom: 0px;}


/*领导风采*/
.leadership .main-content ul li {margin-bottom: 110px;}
.leadership .main-content {max-width: 1920px;margin: 0 auto;}
.leadership .main-content dl {position: relative;}
.leadership .main-content dt {position: absolute;bottom: 0px;width: 30%;}
.leadership .main-content dt img{}

.leadership .main-content dd {width: 100%;background: #f6f6f6;overflow: hidden;_zoom:1;}
.leadership .main-content dd div {width: 36%;min-height: 575px;}
.leadership .main-content dd h3 {font-weight: bold;font-size: 36px;color: #333;margin-bottom: 20px;padding-top: 170px;}
.leadership .main-content dd span {font-weight: bold; display: inline-block; font-size: 18px;color: #000;margin-bottom: 10%}
.leadership .main-content dd p {font-size:18px;color: #4f4f4f;line-height: 30px;text-align: justify;}

.leadership .main-content ul li.lil dt {left: 13%;}
.leadership .main-content ul li.lil dd div {float: right;margin-right: 17%;}

.leadership .main-content ul li.lir dt {right: 13%}
.leadership .main-content ul li.lir dd div {float: left;margin-left: 17%;}

.abouthl .main-content ol {overflow: hidden;_zoom:1;padding: 5% 0;}
.abouthl .main-content ol li {float: left;width: 25%;text-align: center;background: url(../images/lin1.png) no-repeat right;}
.abouthl .main-content ol li:last-child {background: none}
.abouthl .main-content ol li p {text-align: center;font-size: 20px;line-height: 34px;}
.abouthl .main-content ol li .imgdiv {width: 100%;margin-bottom: 30px;}
.abouthl .main-content ol li img {display: inline;}
.abouthl .main-content ol li span {display: inline;font-size: 44px;position: relative;line-height: 100%;}
.abouthl .main-content ol li span i {display: inline;font-size: 44px;}
.abouthl .main-content ol li span b {font-size: 20px;color: #000;line-height: 12px;position: absolute;right: -25px;top: 10px;}

.w-1920 {max-width: 1920px;margin: 0 auto;position: relative;}

.abouthl .w-1920 h3 {font-size: 45px;text-align: center;color: #fff}
.abouthl .w-1920 .divtext {position: absolute; top: 40%;color: #fff;width: 100%;text-align: center;}

.abouthl .main-content2 {padding: 3% 0;}
.abouthl .main-content ul {overflow: hidden;_zoom:1;}
.abouthl .main-content ul li {float: left;width: 19%;margin: 0 0.1%;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);}
.abouthl .main-content ul li.last {margin: 0px;}
.abouthl .main-content ul li img {width: 100%;margin-bottom: 30px;}
.abouthl .main-content ul li h4 {font-size: 24px;color: #1c1c1c;text-align: center; background: url(../images/aticon5.png) no-repeat center bottom;padding-bottom: 20px;margin-bottom: 25px;}
.abouthl .main-content ul li p {text-align: center;font-size: 18px;text-align: center;padding: 0 3%;line-height:30px;min-height: 100px;}


.abouthl .main-tit p.p2 {text-align: center;overflow: hidden;_zoom:1;margin: 0 auto;display: inline-block;padding-top: 25px;}
.abouthl .main-tit p.p2 span {font-size: 35px;color: #000;display: inline-block;line-height: 90px;float: left;height: 90px;width:180px;}
.abouthl .main-tit p.p2 span.simg {background: url(../images/aticon6.png) no-repeat center;}
/*新闻动态*/

.newsTabIcon {text-align: center;margin-bottom:5%;padding-top: 80px;}
.newsTabIcon li {display: inline-block;margin: 0 35px;}
.newsTabIcon li a {font-size:30px;color: #818181;padding-bottom: 5px;}
.newsTabIcon li.on a {color: #000000;}
.newsTabIcon li.on  {background: url(../images/neicon1.png) no-repeat bottom;padding-bottom: 10px;}


.newsTabDiv p.tit {text-align: center;font-size: 18px;color: #3d3d3d;margin-bottom:3%;}
.newsTabDiv ul {overflow: hidden;_zoom:1;}
.newsTabDiv ul li {width:31.3%;float: left;position: relative;background:#fff; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);margin:1%;margin-bottom: 70px;}
.newsTabDiv ul li a {display: inline-block;width: 100%;}
.newsTabDiv ul li .info {padding:0 8%;padding-top: 10%;position: absolute;top: 0px;left: 0px;z-index: 9}
.newsTabDiv ul li .time {font-size: 22px;margin-bottom: 15%;color: #000}
.newsTabDiv ul li .time span {font-size:42px;color: #000;padding-right: 20px;}
.newsTabDiv ul li h3 {font-size: 32px;line-height:48px;color: #5f5f5f;margin-bottom: 30px;}
.newsTabDiv ul li .to {position: absolute;bottom: 0px;left: 0px; background: url(../images/neicon2.png) no-repeat center left #32b3db; height: 13px;width: 100%;overflow: hidden;}

.newsTabDiv .newsImg {position: relative;opacity: 0;background:#e1e1e1;}
.newsTabDiv .newsImg div {width: 100%;height: 100%; background: url(../images/icon4.png) repeat repeat;position: absolute;top: 0px;left:0px;}
.newsTabDiv .newsImg img {display: block;width: 100%;height: 485px;}

.newsTabDiv ul li.lion img {display: inline-block;}
.newsTabDiv ul li .infoOn .time,
.newsTabDiv ul li .infoOn .time span,
.newsTabDiv ul li .infoOn h3,
.newsTabDiv ul li .infoOn p
{color: #fff}

.newsTabDiv ul li .infoOn p {display: none;}


/*社会责任====================================================================*/
/*社会责任-聚合页*/

.responsibility .main-content1 dl {position: relative;margin-bottom: 180px;padding-top: 70px;}
.responsibility .main-content1 dl dt {width: 40%;position: absolute;bottom:-50px;right:0;}
.responsibility .main-content1 dl dt img {display: inline-block;width: 100%;}

.responsibility .main-content1 dl dd {box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);overflow: hidden;_zoom:1;padding:80px 6%;background: #f4f4f4}
.responsibility .main-content1 dl dd div {width:50%;float: left;padding-top: 50px;}
.responsibility .main-content1 dl dd div h4 {font-size: 28px;line-height: 35px;margin-bottom: 15px;background: url(../images/icon1.png) no-repeat bottom left;padding-bottom: 94px;}
.responsibility .main-content1 dl dd div span {display: inline-block; font-size: 20px;line-height: 30px;color: #6a6a6a;margin-bottom: 30px;}
.responsibility .main-content1 dl dd div p {font-size: 18px;line-height: 30px;color: #6a6a6a;margin-bottom: 70px;text-align: justify;}
.responsibility .main-content1 dl dd div a {display: inline-block;font-size: 18px;color: #fff;height: 32px;line-height: 32px;padding: 0 20px;text-align: center;background: #c30d18;border-radius:10px;}

.responsibility .main-content2 {padding-bottom: 30px;background: #f4f4f4;padding-top: 98px;}
.responsibility .main-content2 .imgTab {position: relative;}
.responsibility .main-content2 ul {width: 50%;margin: 0 25%;margin-bottom: 43px;}

.responsibility .main-content2 ul li img {width: 100%;}
.responsibility .main-content2 ul li .imgBox {margin-bottom: 40px;}
.responsibility .main-content2 ul li p {text-align: center;}
.responsibility .main-content2 ul li p a {font-size: 20px;color: #333;line-height: 32px;font-weight: bold;}

.responsibility .main-content2 .imgTabIcon  {text-align: center;margin-bottom: 30px;}
.responsibility .main-content2 .imgTabIcon a {display: inline-block;width: 16px;height: 16px;background: #8d8d8d; display: inline-block;margin: 0 20px;border-radius: 50px;border:2px solid #fff;}
.responsibility .main-content2 .imgTabIcon a.on {background: #c30d18;border:2px solid #c30d18;}

.responsibility .main-content2 .sa {display: inline-block;width: 66px;height: 129px;position: absolute;} 
.responsibility .main-content2 .sprev {top: 32%;left: 13%;display: none;} 
.responsibility .main-content2 .snext {top: 32%;right: 13%;display: none;} 

.responsibility .main-content2 .moreA {text-align: center;}
.responsibility .main-content2 .moreA a {display: inline-block;font-size: 18px;color: #fff;height: 32px;line-height: 32px;padding: 0 20px;text-align: center;background: #c30d18;border-radius:10px;}


.responsibility .main-content3 {padding-top: 70px;padding-bottom: 70px;}
.responsibility .main-content3 .imgTab2 {position: relative;}

.responsibility .main-content3 ul  {overflow: hidden;_zoom:1;}
.responsibility .main-content3 ul li {width:33.3%; padding-bottom: 50px;overflow: hidden;}
.responsibility .main-content3 ul li img {width: 100%;height: 333px;}
.responsibility .main-content3 ul li a {display: inline-block;margin: 0 10px;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);width: 100%;}

.responsibility .main-content3 ul li .imgBox img {height: 333px;overflow: hidden;}

.responsibility .main-content3 ul li .text {padding:10px  30px ;min-height: 260px;}
.responsibility .main-content3 ul li span {font-size: 18px;color: #000;display: inline-block;margin-bottom: 30px;}
.responsibility .main-content3 ul li p {font-size: 28px;line-height: 60px;color: #000;}

.responsibility .main-content3 .sa {display: inline-block;position: absolute;} 
.responsibility .main-content3 .sprev {top: 32%;left: 10px} 
.responsibility .main-content3 .snext {top: 32%;right:10px} 

.responsibility .main-content3 .imgTabIcon  {text-align: center;margin-bottom: 30px;}
.responsibility .main-content3 .imgTabIcon a {display: inline-block;width: 16px;height: 16px;background: #8d8d8d; display: inline-block;margin: 0 20px;border-radius: 50px;border:2px solid #fff;}
.responsibility .main-content3 .imgTabIcon a.on {background: #c30d18;border:2px solid #c30d18;}


.responsibility .main-content3 .moreA {text-align: center;}
.responsibility .main-content3 .moreA a {display: inline-block;font-size: 18px;color: #fff;height: 32px;line-height: 32px;padding: 0 20px;text-align: center;background: #c30d18;border-radius:10px;}



/*社会责任-爱心关怀*/
.care .main-content {}
.care .main-content dl {position: relative;margin-bottom: 80px;overflow: hidden;_zoom:1;}
.care .main-content dl dt {width: 54%;}
.care .main-content dl dt img {display: inline-block;width: 100%;}

.care .main-content dl dd {width: 44%;background: url(../images/caicon2.png) repeat; position: absolute;top: 14%;right: 8%;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);}
.care .main-content dl dd div {padding: 50px 40px 40px 40px;}
.care .main-content dl dd div h4 {width: 70%;font-size: 28px;line-height: 35px;padding-bottom: 15px;margin-bottom: 15px;background:url(../images/caicon1.png) no-repeat bottom left;}
.care .main-content dl dd div span {display: inline-block; font-size: 20px;line-height: 30px;color: #6a6a6a;margin-bottom: 30px;}
.care .main-content dl dd div p {font-size: 20px;line-height: 30px;color: #6a6a6a}

.care .main-content dl.dlr dt {float:right;}
.care .main-content dl.dlr dd {left: 8%}



.welfare .main-content .divdl {padding-top: 100px;}
.welfare .main-content dl {position: relative;margin-bottom: 180px;}
.welfare .main-content dl dt {width: 53%;position: absolute;bottom:60px;left: 2.5%;}
.welfare .main-content dl dt img {display: inline-block;width: 100%;}

.welfare .main-content dl dd {box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);overflow: hidden;_zoom:1;padding:70px 2.6%;}
.welfare .main-content dl dd div {width:40%;float: right;padding-top: 50px;}
.welfare .main-content dl dd div h4 {font-size: 28px;line-height: 35px;margin-bottom: 15px;}
.welfare .main-content dl dd div span {display: inline-block; font-size: 20px;line-height: 30px;color: #6a6a6a;margin-bottom: 30px;}
.welfare .main-content dl dd div p {font-size: 20px;line-height: 30px;color: #6a6a6a;margin-bottom: 50px;text-align: justify;}
.welfare .main-content dl dd div a {display: inline-block;font-size: 18px;color: #fff;height: 32px;line-height: 32px;padding: 0 20px;text-align: center;background: #c30d18;border-radius:10px;}
.welfare .main-content dl.dlr dd div {float:left;}
.welfare .main-content dl.dlr dt {left:unset;right: 2.5%}
.welfare .main-content dl.dllast {margin-bottom: 30px;}

.thinking .main-content dl {position:relative;overflow: hidden;_zoom:1;padding-bottom: 90px;}
.thinking .main-content dl dt {width: 60%;}
.thinking .main-content dl dt img {width: 100%;}

.thinking .main-content dl dd {width: 48%;position: absolute;right: 0px;top: 12%;}
.thinking .main-content dl dd div {background:url(../images/icon2.png) repeat;padding:5%;}
.thinking .main-content dl dd h4 {font-size: 36px;color: #fff;margin-bottom: 30px;}
.thinking .main-content dl dd p {font-size: 20px;color: #fff;line-height: 32px;}



.thinking .main-content dl.dlr dt {float: right;}
.thinking .main-content dl.dlr dd {left: 0px;}
.thinking .main-content dl.dlr dd div {background:url(../images/icon3.png) repeat;}




.inner .title {margin-bottom: 60px;text-align: center;}
.inner .title h3 {font-size: 42px;color: #474747;margin-bottom: 30px;}
.inner .title p {font-size: 18px;color: #4a4a4a;;}

.inner .main-info img {width: 100%;display: inline-block;margin-bottom: 30px;}
.inner .main-info p {font-size: 18px;line-height:30px;margin-bottom: 30px;text-indent: 2em;color: #404040}

/*加入我们--------------------------------------------------------------------------------------------------------------------*/
/*加入我们-人才理念*/
.concept .main-content1 {padding-bottom: 60px;}
.concept .main-content1 ul {overflow: hidden;_zoom:1;}
.concept .main-content1 ul li {width: 24%;float: left;text-align: center;margin: 0 0.5%;position:relative;min-height: 250px;}
.concept .main-content1 ul li .divicon img {display: inline-block;margin-bottom: 30px;}
.concept .main-content1 ul li .divicon {width: 100%;position: absolute;top: 0px;left: 0px;}
.concept .main-content1 ul li .divicon h4 {font-size: 24px;color: #686868;background: url(../images/icon20.png) no-repeat center top;padding-top: 25px;}

.concept .main-content1 ul li .imgBox {position: relative;opacity: 0}
.concept .main-content1 ul li .imgBox img{width: 100%;}
.concept .main-content1 ul li .imgBox p {font-size: 16px;line-height: 28px;color: #fff;position: absolute;top: 20px;left: 0px;padding: 5%}


.concept .main-content2 {background: url(../images/conceptbg01.jpg) no-repeat center top;padding-top:3%}
.concept .main-content2 ul {overflow: hidden;_zoom:1;padding-bottom: 60px}
.concept .main-content2 ul li {background: #fff;	 width: 30%;margin: 0 1.66%;float: left;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);padding-bottom:2%;}
.concept .main-content2 ul li img {width: 100%;display: block;margin-bottom:5%}
.concept .main-content2 ul li h4 {text-align: center;padding-bottom: 3%; font-size: 22px;color: #323232;background: url(../images/concepticon.png) no-repeat center bottom;margin-bottom: 3%;}
.concept .main-content2 ul li p {font-size: 18px;line-height: 38px;color: #323232;padding: 0 10%;text-align: center;min-height: 190px;}
.concept .main-content2 .main-tit h2,
.concept .main-content2 .main-tit p {color: #fff}
.concept .main-content2 .main-tit h2 {background: url(../images/concepticon2.png) no-repeat center bottom;}

.concept .main-content3 dl {overflow: hidden;_zoom:1;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);margin-bottom: 40px;}
.concept .main-content3 dl dt{float: left;width: 22%;}
.concept .main-content3 dl dt img {width: 100%;}
.concept .main-content3 dl dd{float: left;width:78% }
.concept .main-content3 dl dd div {padding: 60px 60px 0 60px;}
.concept .main-content3 dl dd h4 {font-size: 28px;color: #6a6a6a;margin-bottom: 30px;}
.concept .main-content3 dl dd p {font-size: 18px;line-height: 30px; color: #6a6a6a;margin-bottom: 30px;}

.concept .main-content3 dl.dlsp dt{float: right;width: 22%;}
.concept .main-content3 dl.dlsp dd{float: left;width:78% }


/*海澜商学院*/

.hlschool .main-content1 ul {overflow: hidden;_zoom:1;margin-bottom: 20px;}
.hlschool .main-content1 ul li {width: 26%;min-height: 400px; margin: 0 3.6%;float: left;text-align: center;}
.hlschool .main-content1 ul li img {display: inline-block;margin-top: 50px;margin-bottom: 80px;}
.hlschool .main-content1 ul li img.icon2 {opacity: 0;display: none;}
.hlschool .main-content1 ul li h4 {font-size: 30px;margin-bottom: 20px;}
.hlschool .main-content1 ul li p {font-size: 18px;line-height: 28px;color: #6a6a6a}

.hlschool .main-content1 ul li.lion {background: url(../images/bg01.png) no-repeat center;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);background-size: 100% 100%;}
.hlschool .main-content1 ul li.lion h4,
.hlschool .main-content1 ul li.lion p {color: #fff}

.hlschool .main-content1 ul li.lion img.icon1 {display: none;}
.hlschool .main-content1 ul li.lion img.icon2 {display: inline-block;}


.hlschool .main-content2 {padding-bottom: 3%}
.hlschool .main-content2 .w-1920 .divtext {position: absolute;top:10%;color: #fff;width: 100%;text-align: center;}
.hlschool .main-content2 .w-1920 h3 {font-size:40px;text-align: center;line-height:60px;margin-bottom:40px;background: url(../images/concepticon2.png) no-repeat center bottom;padding-bottom: 20px;}
.hlschool .main-content2 .w-1920 span {display: inline-block;font-size: 24px;margin-bottom:30px; }
.hlschool .main-content2 .w-1920 p {font-size: 26px;text-align: center;line-height: 44px;margin-bottom:4%}
.hlschool .main-content2 .w-1920 .divtext img {width: auto;display: inline-block;margin-bottom: 4%;}




.hlschool .main-content3 {padding-bottom: 3%}
.hlschool .main-content3 .timeline {background: url(../images/icon20.png) repeat-x center;}
.hlschool .main-content3 .timeline {overflow: hidden;_zoom:1;}
.hlschool .main-content3 .timeline li {width: 20%;text-align: center;float: left;max-width: 300px;position: relative;}
.hlschool .main-content3 .timeline li h4 {font-size: 48px;color: #474747;margin-bottom: 15px;}
.hlschool .main-content3 .timeline li h4 span {font-size: 35px;}
.hlschool .main-content3 .timeline li p {min-height: 144px; font-size: 18px;line-height: 1.5;color: #868686;}
.hlschool .main-content3 .timeline li b {display: inline-block;width: 116px;height: 116px;background: url(../images/icon19.png) no-repeat center;}
.hlschool .main-content3 .timeline li.lil {padding-top: 200px;}
.hlschool .main-content3 .timeline li.lir {padding-bottom: 110px;}
.hlschool .main-content3 .timeline li.lir b {position: absolute;bottom: 0px;width: 100%;left: 0px;}


/*加入我们-社会招聘*/
.society {position: relative;}
.society .main-content1 {padding-bottom: 5%;}
.society .main-content1 .imgTab ul li {display: none;}
.society .main-content1 .imgTab ul li img  {display: inline-block;width: 100%;}

.society .main-content1 .imgTabIcon  {text-align: center;padding-top: 40px;}
.society .main-content1 .imgTabIcon a {display: inline-block;width: 13px;height: 13px;border:1px solid #ff0606;display: inline-block;margin: 0 20px;border-radius: 50px;}
.society .main-content1 .imgTabIcon a.on {background: #c30f19;border:1px solid #c30f19;}

.society .main-content2 {background: #f7fafb;padding-top: 3%}
.society .main-content2 ul {overflow: hidden;_zoom:1;max-width: 1920px;margin: 0 auto;}
.society .main-content2 ul li {float: left;width: 33.3%;position: relative;background: #b6313c;}
.society .main-content2 ul li .info {position: absolute;text-align: center;margin: 0 10%;width: 80%;z-index: 9}
.society .main-content2 ul li .icon {margin-top: 223px;display: inline-block;margin-bottom: 60px;}
.society .main-content2 ul li .icon img {display:block;width: 70%;margin: 0 auto;}
.society .main-content2 ul li h3 {font-size: 36px;color: #fff;padding-bottom: 15px;margin-bottom: 50px;}
.society .main-content2 ul li p {font-size: 18px;line-height: 28px;color: #fff;margin-bottom: 80px;}
.society .main-content2 ul li .hs {opacity: 0}
.society .main-content2 .imgBox div {width: 100%;height: 100%; background:url(../images/jobg1.jpg) no-repeat center;position: absolute;top: 0px;left:0px;opacity: 0}
.society .main-content2 .imgBox img {width: 100%}
.society .main-content2  ul li .infoOn h3 {background:url(../images/reicon5.png) no-repeat center bottom;padding-bottom: 15px;margin-bottom: 50px;}

.society .main-content3 {position: relative;padding-top: 3%}
.society .main-content3 ul {overflow: hidden;_zoom:1;padding-top: 20px;}
.society .main-content3 ul li {position: relative; min-height: 440px; width: 30%;margin: 0 1.66%;float: left;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);padding-bottom: 50px;position: relative;margin-bottom: 80px}
.society .main-content3 ul li div.zp-div {padding: 10%;position: relative;}
.society .main-content3 ul li div.zp-name {padding-bottom: 10px;border-bottom: 1px solid #ededed;margin-bottom: 25px;}
.society .main-content3 ul li div.zp-name h3 {font-size: 20px;margin-bottom: 10px;}
.society .main-content3 ul li div.zp-name p {font-size: 15px;}
.society .main-content3 ul li div.zp-info {height: 240px;overflow-x:hidden; margin-bottom: 20px; }
.society .main-content3 ul li div.zp-info h4 {font-size: 15px;margin-bottom: 10px;}
.society .main-content3 ul li div.zp-info p {font-size: 15px;line-height: 26px;color: #555555;margin-bottom: 5px;}
.society .main-content3 ul li div.zp-info .time {font-size: 15px; display:none; }
.society .main-content3 ul li .divA a {display: inline-block; font-size: 14px;background: #c81d27;line-height: 30px;padding: 0 10px;color: #fff;border-radius: 10px;}
.society .main-content3 ul li .line {position: absolute;bottom: 0px;left: 0px; background: url(../images/inicon1.jpg) no-repeat left top #33b2db; height: 13px;width: 100%;}

.society .main-content3 .moreA {text-align: center;padding-bottom: 5%;}
.society .main-content3 .moreA a {display: inline-block; font-size:18px;background: #0087fc;line-height: 46px;padding: 0 100px;color: #fff;border-radius:50px;}


.society .main-content3 .zp-more {display: none; position: fixed;top: 30%;background: #fff;width: 50%;z-index: 9;left:25%;}
.society .main-content3 .zp-moreBox {padding:30px 50px 15px 50px;}
.society .main-content3 .zp-moreBox .div1 {overflow: hidden;_zoom:1;padding-bottom: 20px;border-bottom: 1px solid #ededed;margin-bottom: 30px;}
.society .main-content3 .zp-moreBox .div1 h4 {font-size: 28px;color: #000;float: left;}
.society .main-content3 .zp-moreBox .div1 p {float: right;overflow: hidden;_zoom:1;}
.society .main-content3 .zp-moreBox .div1 p span {float: left;display:inline-block;padding-left: 30px;line-height: 28px;margin-left: 10px;}
.society .main-content3 .zp-moreBox .div1 p span.nu {background:url(../images/icon1.png) no-repeat left;}
.society .main-content3 .zp-moreBox .div1 p span.ex {background:url(../images/icon2.png) no-repeat left;}
.society .main-content3 .zp-moreBox .div1 p span.ed {background:url(../images/icon3.png) no-repeat left;}
.society .main-content3 .zp-moreBox .div1 p span.la {background:url(../images/icon4.png) no-repeat left;}

.society .main-content3 .zp-moreBox .div2 {height: 300px;overflow-x: hidden;}
.society .main-content3 .zp-moreBox .div2 h4 {font-size: 18px;margin-bottom: 25px;}
.society .main-content3 .zp-moreBox .div2 p {font-size: 15px;line-height: 26px;color: #555555;margin-bottom: 5px;}

.society .main-content3 .zp-moreBox .div3 {overflow: hidden;_zoom:1;}
.society .main-content3 .zp-moreBox .div3 .btnA {float: left;}
.society .main-content3 .zp-moreBox .div3 .btnA a {display: inline-block;width: 181px;height: 50px;line-height: 50px;text-align: center;background: #c81d27;color: #fff;font-size: 18px;}


.society .main-content3 .zp-moreBox .div3 p {float: right;overflow:hidden;_zoom:1;}
.society .main-content3 .zp-moreBox .div3 span{float: left;padding-left: 30px;margin-left: 10px;display: inline-block;line-height: 50px;font-size: 16px;}

.society .main-content3 .zp-moreBox .div3 span.phone {background:url(../images/icon5.png) no-repeat left;}
.society .main-content3 .zp-moreBox .div3 span.em {background:url(../images/icon6.png) no-repeat left;}


.society  .divbg {display: none; background: url(../images/icon4.png) repeat;width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}

.society span.close {cursor: pointer; display: inline-block;width: 20px;height: 20px;background: url(../images/close.png) no-repeat center;position: absolute;right: 10px;top: 10px}


/*加入我们-学校招聘*/

.school {position: relative;}
.school .main-content1 .stroke {max-width: 1920px;margin: 0 auto;background: #f7fafb}

.school .main-content1 .stroke dl {padding: 70px 0;overflow:hidden;_zoom:1;}
.school .main-content1 .stroke dl dt {width: 40%;float: left;}
.school .main-content1 .stroke dl dt img{width: 100%;}
.school .main-content1 .stroke dl dd {width: 50%;float:right;padding-top: 150px;padding-right: 10%;}


.school .main-content1 .stroke dl dd .divTab ol {overflow:hidden;_zoom：1;margin-bottom: 20px;}
.school .main-content1 .stroke dl dd .divTab ol li {border-bottom: 3px solid #dddddd; cursor: pointer; float:left;width: 16.6%;text-align: center;font-size: 14px;line-height: 60px;}
.school .main-content1 .stroke dl dd .divTab ol li.on {border-bottom: 3px solid #0068b7;}
.school .main-content1 .stroke dl dd table th,
.school .main-content1 .stroke dl dd table td {font-size: 14px;text-align: center;border-bottom: 1px solid #e7e8e9;line-height: 40px;}
.school .main-content1 .stroke dl dd table th {color: #000;}
.school .main-content1 .stroke dl dd table td {color: #767879;}
.school .main-content1 .main-tit h2 {margin-bottom: 30px;padding-bottom: 3%;}

.school .main-content1 .video img {width: 100%}

.school .main-content2 {padding: 80px 0;}
.school .main-content2 .postDiv {padding: 60px;background: #f7fafb;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);}
.school .main-content2 .postDiv table th,
.school .main-content2 .postDiv table td {width: 25%;text-align: center;font-size: 22px;color: #565656;line-height: 70px;}
.school .main-content2 .postDiv table th {color: #303030;border-bottom: 3px solid #d1d1d1;}

.school .main-content2 .postDiv table td a {color: #565656;font-size: 22px;}
.school .main-content2 .postDiv .divovhiden {max-height: 300px;overflow-x: hidden;margin-top: 40px;}
.school .main-content3 {padding: 80px 0;background: #}
.school .main-content3 .process ul {background: url(../images/icon22.png) no-repeat center top;}
.school .main-content3 .process  li {overflow: hidden;_zoom:1;}
.school .main-content3 .process  li div {margin: 20px 0; width: 470px;padding: 30px;background: #fff;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);}
.school .main-content3 .process  li.lil {padding-left: 50px;}
.school .main-content3 .process  li.lir {padding-right: 50px;}
.school .main-content3 .process  li.lil div {float:left;}
.school .main-content3 .process  li.lir div {float:right;}
.school .main-content3 .process  li div h4 {font-size: 20px;color: #505050;margin-bottom:20px;}
.school .main-content3 .process  li div p {font-size: 17px;line-height: 30px;color: #757575;}


.school .main-content2 .schoolzpBox {padding: 60px;background: #f7fafb;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1)}
.school .main-content2 .schoolzpBox .zp-div {overflow: hidden;_zoom:1;}
.school .main-content2 .schoolzpBox .zp-div div {width: 25%;text-align: center;float: left;line-height: 60px;}

.school .main-content2 .schoolzpBox .tableth {}
.school .main-content2 .schoolzpBox .tableth .zp-div div {font-size: 22px;color: #303030;border-bottom: 3px solid #d1d1d1}

.school .main-content2 .schoolzpBox .tablelist {max-height: 300px;overflow-x: hidden;margin-top: 40px;}
.school .main-content2 .schoolzpBox .tablelist .zp-div div  {font-size: 16px;color: #303030;line-height: 40px;}




.school .main-content2 .zp-more {display: none; position: fixed;top: 30%;background: #fff;width: 50%;z-index: 9;left:25%;}
.school .main-content2 .zp-moreBox {padding:30px 50px 15px 50px ;}
.school .main-content2 .zp-moreBox .div1 {overflow: hidden;_zoom:1;padding-bottom: 20px;border-bottom: 1px solid #ededed;margin-bottom: 30px;}
.school .main-content2 .zp-moreBox .div1 h4 {font-size: 28px;color: #000;float: left;}
.school .main-content2 .zp-moreBox .div1 p {float: right;overflow: hidden;_zoom:1;}
.school .main-content2 .zp-moreBox .div1 p span {float: left;display:inline-block;padding-left: 30px;line-height: 28px;margin-left: 10px;}
.school .main-content2 .zp-moreBox .div1 p span.nu {background:url(../images/icon1.png) no-repeat left;}
.school .main-content2 .zp-moreBox .div1 p span.ex {background:url(../images/icon2.png) no-repeat left;}
.school .main-content2 .zp-moreBox .div1 p span.ed {background:url(../images/icon3.png) no-repeat left;}
.school .main-content2 .zp-moreBox .div1 p span.la {background:url(../images/icon4.png) no-repeat left;}
.school .main-content2 .zp-moreBox .div2 h4 {font-size: 18px;margin-bottom: 25px;}
.school .main-content2 .zp-moreBox .div2 p {font-size: 15px;line-height: 26px;color: #555555;margin-bottom: 50px;}
.school .main-content2 .zp-moreBox .div3 {overflow: hidden;_zoom:1;}
.school .main-content2 .zp-moreBox .div3 .btnA {float: left;}
.school .main-content2 .zp-moreBox .div3 .btnA a {display: inline-block;width: 181px;height: 50px;line-height: 50px;text-align: center;background: #c81d27;color: #fff;font-size: 18px;}
.school .main-content2 .zp-moreBox .div3 p {float: right;overflow:hidden;_zoom:1;}
.school .main-content2 .zp-moreBox .div3 span{float: left;padding-left: 30px;margin-left: 10px;display: inline-block;line-height: 50px;font-size: 16px;}
.school .main-content2 .zp-moreBox .div3 span.phone {background:url(../images/icon5.png) no-repeat left;}
.school .main-content2 .zp-moreBox .div3 span.em {background:url(../images/icon6.png) no-repeat left;}

.school  .divbg {display: none; background: url(../images/icon4.png) repeat;width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}

.school span.close {cursor: pointer; display: inline-block;width: 20px;height: 20px;background: url(../images/close.png) no-repeat center;position: absolute;right: 10px;top: 10px}



/*加入我们-内页*/
.joininner .main-content1 .upload {padding-top: 60px;padding-bottom: 40px; max-width: 1080px;margin:0 auto; text-align: center;background: #f7f7f7;border:1px solid #dbdbdb;margin-bottom: 40px;}

.joininner .main-content1 .upload  h3 {font-size: 28px;color: #777777;margin-bottom: 30px;}
.joininner .main-content1 .upload  p {font-size: 18px;color: #909090;line-height: 26px;}
.joininner .main-content1 .upload img {display: inline-block;margin-bottom: 40px;}

.joininner .main-content1 .formDiv {overflow: hidden;_zoom:1;}
.joininner .main-content1 .formDiv li {width:48%;margin:0 1%;float: left;margin-bottom: 35px; }
.joininner .main-content1 .formDiv li h4 {font-size: 20px;color: #474747;margin-bottom: 15px;}
.joininner .main-content1 .formDiv li input {width: 100%;height: 66px;line-height: 66px;font-size: 20px;color: #333;text-indent: 2em;border:1px solid #e1e1e1;}
.joininner .main-content1 .formDiv li.li100 {width: 98%;margin:0 1%;margin-bottom: 35px;}

.joininner .main-content1 .formDiv li textarea {width:100%;min-height: 220px;border:1px solid #e1e1e1;}
.joininner .main-content1 .formDiv li a {display: inline-block;width: 280px;height: 55px;line-height: 55px;text-align: center;font-size: 28px;color: #fff;background: #b20f18;margin: 0 auto;display: block;}


/*集团产业====================================================================*/
/*海澜服饰*/

.apparel .main-content1 {padding-top:3%;}
.apparel .main-content1 .dltit {padding-bottom: 3%;margin-bottom: 2%; background: url(../images/bg02.jpg) no-repeat bottom center;}
.apparel .main-content1 dl {overflow: hidden;_zoom:1}
.apparel .main-content1 dt {width: 48%;float: right;}
.apparel .main-content1 dt img {width: 100%;}

.apparel .main-content1 dd {;width: 47%;float: left;}
.apparel .main-content1 dd div {padding-top: 20%;}
.apparel .main-content1 dd div h4 {font-size: 38px;color: #323232;text-align: left;margin: 0px;margin-bottom: 5%;padding-bottom:  5%;background:url(../images/icon1.png) no-repeat left bottom}
.apparel .main-content1 dd div p {font-size: 20px;line-height: 36px;text-align: justify;color: #666}
.apparel .main-content2 .w-1920 {padding-top: 50px;}

.w-1920 .center2 {text-align: center; }
.w-1920 .imgBox {position: relative;}
.w-1920 .imgBox .cover {width: 100%;height: 100%;background:url(../images/cover.png) repeat;position: absolute;top: 0px;left: 0px;}
.w-1920 img {width: 100%;}

.apparel .main-content2 .w-1920 .divtext {position: absolute;top:20%;color: #fff;width: 100%;text-align: center;}
.apparel .main-content2 .w-1920 h3 {font-size: 35px;text-align: center;line-height:60px;margin-bottom:20px;}
.apparel .main-content2 .w-1920 span {display: inline-block;font-size: 24px;margin-bottom:30px; }
.apparel .main-content2 .w-1920 p {font-size: 20px;text-align: center;line-height: 35px;}

.apparel .main-content3 ol {overflow: hidden;_zoom:1;margin-bottom: 5%}
.apparel .main-content3 ol li {float:left;width: 14.2%;text-align: center;cursor: pointer;}
.apparel .main-content3 ol li img {display: inline-block;}

.apparel .main-content3 {padding: 5% 0;}
.apparel .main-content3 dl {overflow:hidden;_zoom:1;position: relative;}
.apparel .main-content3 dt {float: right;width: 70%;}
.apparel .main-content3 dd {width: 40%;position: absolute;top: 15%;}
.apparel .main-content3 dd div {padding: 14% 14% 10% 14%;}

.apparel .main-content3 dd img {display: inline-block;margin-bottom: 9%;}
.apparel .main-content3 dd p {font-size: 16px;line-height: 24px;color: #fff;text-align: justify;margin-bottom: 10%;}
.apparel .main-content3 dd a {display: inline-block;font-size: 14px;line-height: 24px;height: 24px;border:1px solid #f2efef;padding: 0 30px;color: #fff}

.apparel .main-content3 dl.dl1 dd {background:url(../images/ddbg1.png) repeat;}
.apparel .main-content3 dl.dl2 dd {background:url(../images/ddbg2.png) repeat;}
.apparel .main-content3 dl.dl3 dd {background:url(../images/ddbg3.png) repeat;}
.apparel .main-content3 dl.dl4 dd {background:url(../images/ddbg4.png) repeat;}
.apparel .main-content3 dl.dl5 dd {background:url(../images/ddbg5.png) repeat;}
.apparel .main-content3 dl.dl6 dd {background:url(../images/ddbg6.png) repeat;}
.apparel .main-content3 dl.dl7 dd {background:url(../images/ddbg7.png) repeat;}




/*海澜投资*/
.investment .main-content1 {padding-top: 3%;}
.investment .main-content1 .dltit {padding-bottom:3%;margin-bottom: 2%; background: url(../images/bg02.jpg) no-repeat bottom center;}
.investment .main-content1 dl {overflow: hidden;_zoom:1}
.investment .main-content1 dt {width: 48%;float: left;}
.investment .main-content1 dt img {width: 100%;}

.investment .main-content1 dd {;width: 47%;float: right;}
.investment .main-content1 dd div {padding-top:20%;}
.investment .main-content1 dd div h4 {font-size: 38px;color: #323232;text-align: right;margin: 0px;margin-bottom: 5%;padding-bottom: 5%;background:url(../images/icon1.png) no-repeat right bottom}
.investment .main-content1 dd div p {font-size: 20px;line-height: 36px;text-align: justify;color: #666}


.investment .main-content1 .w-1920 .divtext {position: absolute;top:20%;color: #fff;width: 100%;text-align: center;}
.investment .main-content1 .w-1920 h3 {font-size: 40px;text-align: center;line-height:60px;margin-bottom:1%}
.investment .main-content1 .w-1920 p {font-size: 20px;text-align: center;line-height: 35px;}


.investment .main-content2 {padding-top: 3%;padding-bottom: 3%;}
.investment .main-content2 ul {overflow: hidden;_zoom:1;margin-bottom: 4%;}
.investment .main-content2 ul li {float:left;width: 33.3%;text-align: center;}
.investment .main-content2 ul li .txt1 {font-size: 36px;color: #c30d18}
.investment .main-content2 ul li .txt1 span {font-size: 60px;}
.investment .main-content2 ul li .txt2  {font-size: 20px;line-height: 45px;color: #737373}

.investment .main-content2 ol {overflow: hidden;_zoom:1;}
.investment .main-content2 ol li {float: left;width: 20%;text-align: center;}
.investment .main-content2 ol li img {display: inline-block;width: 100%;max-width: 250px;}

.investment .main-content3 {padding:3%;background: #f9f9f9;}
.investment .main-content3 img {margin-bottom:3%;width: 100%;display: inline-block;}
.investment .main-content3  p {font-size: 20px;line-height: 35px;color: #6a6a6a}

/*海澜置地*/

.place .main-content1 {padding-top: 3%;}
.place .main-content1 .dltit {padding-bottom:3%;margin-bottom: 2%; background: url(../images/bg02.jpg) no-repeat bottom center;}
.place .main-content1 dl {overflow: hidden;_zoom:1}
.place .main-content1 dt {width: 48%;float: right;}
.place .main-content1 dt img {width: 100%;}

.place .main-content1 dd {;width: 47%;float: left;}
.place .main-content1 dd div {padding-top: 20%;}
.place .main-content1 dd div h4 {font-size: 38px;color: #323232;text-align: left;margin: 0px;margin-bottom: 5%;padding-bottom: 5%;background:url(../images/icon1.png) no-repeat left bottom;}
.place .main-content1 dd div p {font-size: 20px;line-height: 36px;text-align: justify;color: #666}

.place .main-content2 dl {overflow:hidden;_zoom:1;}
.place .main-content2 dl dt{float: left;width: 44.9%}
.place .main-content2 dl dd{float: right;width: 54.6%}
.place .main-content2 dl img {width: 100%;}

.place .main-content3 {padding-top: 3%;padding-bottom: 3%;}
.place .main-content3 .divBox {background: url(../images/bg03.jpg) no-repeat bottom center;}
.place .main-content3 dl {overflow:hidden;_zoom:1;position: relative;}
.place .main-content3 dd {width: 56%;float: left;position: absolute;left: 0px;bottom: 20%;}
.place .main-content3 dt {width: 22%;float: right;}
.place .main-content3 dd ol {overflow: hidden;_zoom:1;margin-bottom: 70px;}
.place .main-content3 dd ol li {float: left;width: 25%;}

.place .main-content3 dd ol li p.p1 {font-size: 20px;color: #555;margin-bottom:10px;}
.place .main-content3 dd ol li p.p1 span {font-size: 40px;}
.place .main-content3 dd ol li p.p2 {font-size: 18px;color: #89898a;line-height: 30px;}

.place .main-content3 dd p.ptxt {font-size: 18px;line-height: 30px;color: #6a6a6a;}

/*海澜文旅*/


.tourism .main-content1 {padding-top: 3%;}
.tourism .main-content1 .dltit {padding-bottom:3%;margin-bottom: 2%; background: url(../images/bg02.jpg) no-repeat bottom center;}
.tourism .main-content1 dl {overflow: hidden;_zoom:1}
.tourism .main-content1 dt {width: 48%;float: left;}
.tourism .main-content1 dt img {width: 100%;}

.tourism .main-content1 dd {;width: 47%;float: right;}
.tourism .main-content1 dd div {padding-top:20%}
.tourism .main-content1 dd div h4 {font-size: 45px;color: #323232;text-align: right;margin: 0px;margin-bottom:5%;padding-bottom:5%;background:url(../images/icon1.png) no-repeat right bottom}
.tourism .main-content1 dd div p {font-size: 20px;line-height: 36px;text-align: justify;color: #666}


.tourism .main-content2 div.video {margin-bottom: 40px;}
.tourism .main-content2 div.video img {width: 100%;}
.tourism .main-content2 p.ptxt {font-size: 18px;line-height: 30px;color: #6a6a6a;margin-bottom: 3%;}

.tourism .main-content2 .w-1920 .divtext {position: absolute;top:40%;color: #fff;width: 100%;text-align: center;}
.tourism .main-content2 .w-1920 h3 {font-size: 35px;text-align: center;line-height:60px;}



.tourism .main-content3 {padding-top: 3%;padding-bottom: 3%;}
.tourism .main-content3 .tabDiv {padding-top:8%}
.tourism .main-content3 dl {position: relative;}
.tourism .main-content3 dd {width: 95%;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);padding: 3%  2.5%;min-height: 440px;padding-bottom: 0px;}
.tourism .main-content3 dd div {width: 41%;}
.tourism .main-content3 dd h4 {font-size: 28px;margin-bottom: 5%;}
.tourism .main-content3 dd p {font-size:18px;line-height: 30px;color: #3d3e40;}

.tourism .main-content3 dt {position: absolute;right: 2.5%;width: 50%;top: -150px;}
.tourism .main-content3 dt ol li img {display: inline-block;width: 100%;}

.tourism .main-content3 dt .imgTab {position: relative;}
.tourism .main-content3 dt .imgTab .tabIcon {position: absolute;width: 100%;text-align: center; bottom: 20px;display: none;}
.tourism .main-content3 dt .imgTab .tabIcon a {display: inline-block;width: 21px;height: 21px;background: #fff;border-radius: 50px;margin: 0 10px;}
.tourism .main-content3 dt .imgTab .tabIcon a.on {background: #c30d18;}

.tourism .main-content3 .tabDiv {position: relative;}

/*.tourism .main-content3 .ato {position: absolute;bottom: 18%;left: 2.5%}
.tourism .main-content3 .ato a {display: inline-block;width:59px;height: 59px;margin-right:20px;  }

.tourism .main-content3 .ato a.aprev {background: url(../images/aprev.png) no-repeat center;}
.tourism .main-content3 .ato a.anext {background: url(../images/anext.png) no-repeat center;}

*/
.tourism .main-content3 .ato {width: 100%;text-align: center;padding-top: 3%;}
.tourism .main-content3 .ato a {margin: 0 10px; padding: 0px; display: inline-block;width: 10px;height: 10px;border:1px solid #c30d18;border-radius: 50px;}
.tourism .main-content3 .ato a.on {background: #c30d18;}

/*海澜新能源*/


.energy .main-content1 {padding-top:3%;}
.energy .main-content1 .dltit {padding-bottom:3%;margin-bottom:2%; background: url(../images/bg02.jpg) no-repeat bottom center;}
.energy .main-content1 dl {overflow: hidden;_zoom:1}
.energy .main-content1 dt {width: 48%;float: right;}
.energy .main-content1 dt img {width: 100%;}

.energy .main-content1 dd {width: 47%;float: left;}
.energy .main-content1 dd div {padding-top: 20%;}
.energy .main-content1 dd div h4 {font-size: 38px;color: #323232;text-align: left;margin: 0px;margin-bottom: 5%;padding-bottom:5%;background:url(../images/icon1.png) no-repeat left bottom;}
.energy .main-content1 dd div p {font-size: 20px;line-height: 36px;text-align: justify;color: #666}

.energy .main-content2 {padding-top: 3%;}

.energy .main-content3 {padding:3% }
.energy .main-content3 dl {position:relative;}
.energy .main-content3 dl dt {width: 85%;}
.energy .main-content3 dl dt img {width: 100%;}
.energy .main-content3 dd {width: 52%;position: absolute;right: 0px;top: 20%}
.energy .main-content3 dd div {padding: 10% 5%;background: url(../images/icon3.png) repeat;}
.energy .main-content3 dd div p {font-size: 20px;color: #fff;line-height:35px;}



/*@media screen and (max-width: 1400px){

    body {min-width: 1400px;overflow-x:auto }
}

@media (max-width: 1200px) {

	body {min-width: 1200px;overflow-x:auto }

}

@media (max-width: 1024px) {





}*/



.main-tit h2
{padding-top: 70px;}