﻿@media screen and (max-width: 1025px){



.langdiv {border-bottom:1px solid #e0e0e0;padding: 20px 3%;text-align: right;}
.langdiv a {font-size: 16px;color: #333;margin:0 10px;display: inline-block;}



.section .tit h2 {font-size: 32px;margin-bottom: 20px;color: #000}

.section .tit p {font-size: 14px;line-height: 28px;color: #666}





.sbanner .titArea .h2Txt {font-size: 22px;}



/*首页*/

.banner {padding-top: 45px;}
.banner_con {top: 30%}


.index-news .center {width: auto;padding: 0 0.5%}
.index-news ul li {width: 32.3%;margin: 0.5%;}
.index-news ul li .time span {font-size: 28px;}
.index-news ul li h3 {font-size:22px;line-height: 32px;height: auto;}

.index-group .tabIcon li span {font-size: 20px;padding-left: 55px;}


.footer .fo-nav2 {padding:0;background: #e1e1e1}
.footer .fo-nav2 p.p-l {width: 100%;text-align: center;font-size: 12px;line-height:22px;color: #282828;padding: 3% 0%}
.footer .fo-nav2 p.p-r {width: 100%;background: #282828;line-height: 40px;text-align: center;}
.footer .fo-nav2 p.p-r a {font-size: 12px;color: #fff}
.footer .fo-div1 {padding-bottom: 20px;padding-top: 0px;}
.footer .fo-div1 .fologo {display: none;}

.footer .fo-div1 .fonav {padding: 0 3%}
.footer .fo-div1 .fonav ul {overflow: hidden;_zoom:1;padding-top: 10px;width: 100%}
.footer .fo-div1 .fonav li {margin: 0px;float: left;width: 20%;margin-bottom: 0px;width: 50%;margin: 10px 0}
.footer .fo-div1 .fonav li.lif {width: 100%;}
.footer .fo-div1 .fonav li h3 {font-size: 22px;font-weight: 700;color: #282828;line-height: 30px;margin-bottom:0;}
.footer .fo-div1 .fonav li a {font-size: 14px;color: #282828;}
    
.footer .fo-div1 .focode {width: 100%;} 


.banner_con {width: 100%;text-align: center;left: 0px;}
.banner_con h2 {font-size: 42px;line-height: 62px;}

.indexBox1 .tit1 {padding-top:3%;}
.indexBox1 .tit1 h3 {color: #333;font-size: 32px;line-height: 42px;margin-bottom: 3%;font-weight: bold;}
.indexBox1 {height: auto;padding-bottom: 50px;}
.indexBox1 .tit1 p {text-align: center;}

.indexBox1 .tit2 h3 {padding-top: 20px;font-size: 20px;}
.indexBox1 .tit2 p {padding-bottom: 20px;}

.indexBox1 ul li .txt1 span {font-size: 50px;}


.index-group .tabDiv p {font-size: 42px;top: 40%}



/*二级页*/

/*新闻中心*/




/*走近海澜*/

.leadership .main-content dd h3 {font-size: 29px;}
.leadership .main-content dd span {font-size: 16px;}
.leadership .main-content dd p {font-size: 14px;line-height: 28px;}

/*集团产业*/

/*新闻动态================================================*/

.newsTabIcon {overflow: hidden;_zoom:1;padding-top: 20px;}
.newsTabIcon li {width: 33.3%;float: left;margin: 0 auto;}
.newsTabIcon li a {font-size: 22px;}

.newsTabDiv ul li {width: 48%;margin: 0 1%;margin-bottom: 20px;}

/*社会责任*/

.place .main-content3 dd ol {margin-bottom: 5%;}
.place .main-content3 dt {width: 40%;}
.place .main-content3 dd ol li p.p1 span {font-size: 20px;}
.place .main-content3 dd ol li p.p2 {font-size: 12px;}

/*加入我们*/
.hlschool .main-content2 .w-1920 .divtext img {display: none;}
.hlschool .main-content3 .timeline {background: url(../images/icon20.png) repeat-y 20px;}
.hlschool .main-content3 .timeline li {float: none; width: 100%!important;padding: 0px!important;margin: 0px!important;max-width: none;text-align: left;}
.hlschool .main-content3 .timeline li div {padding-left: 40px;padding-bottom: 3%;}
.hlschool .main-content3 .timeline li h4,.hlschool .main-content3 .timeline li h4 span {font-size: 29px;line-height: 43px;margin-bottom: 0px;}
.hlschool .main-content3 .timeline li p {font-size: 16px;line-height: 30px;}
.hlschool .main-content3 .timeline li b,
.hlschool .main-content3 .timeline li.lir b {width: 40px;height:40px;background-size: 100%;position: absolute;left: 0px;top: 0px;}
.hlschool .main-content3 .timeline li p {min-height:unset;}

.society .main-content3 .zp-more {width:90%;left:5%;}

.hlschool .main-content1 ul li h4 {font-size: 22px;}
.hlschool .main-content1 ul li p {font-size: 14px;line-height: 30px;}

}






@media screen and (max-width: 769px){

body {overflow-x: hidden;}

/*二级页面*/
.bread {width: auto;}
.bread p{display: none;}
.bread p a,.bread p span b,.bread p span {font-size: 12px;}
.bread p span b {padding: 0;}

.main-tit {margin-bottom: 0px!important;}
.main-tit h2 {font-size: 20px;line-height: 1.3;padding-bottom: 3%;font-weight: bold;}
.main-tit p {font-size: 14px;line-height: 26px;}

.main-content {padding: 0 3%;width: 94%;}

.w-1920 {margin-top: 0px;}
.w-1920 .divtext {position: static!important;margin-bottom: 3%;width: 100%!important;margin: 0px!important;}
.w-1920 .imgBox {margin-bottom: 3%;}
.w-1920 .imgBox .cover {display: none;}
.w-1920 h3 {color: #000!important;line-height: 44px;}
.w-1920 p {color: #000!important;font-size: 14px!important;line-height: 28px!important;text-align: justify!important;}
.w-1920 span {color: #000!important;}

.sbanner .titArea .h2Txt {font-size: 22px;line-height: 1.5}

.banner_con h2 {font-size: 34px;line-height: 1.5;}


.index-group .olbox {overflow-y:hidden;}

.index-group .tabIcon li {padding-top: 0px;width:33.3%;border-bottom: 1px solid #ccc;}

.index-group .tabIcon li.li4,
.index-group .tabIcon li.li5 {width: 50%;}

.index-group .tabIcon li span { padding-left: 30px;font-size:16px;}
.index-group .tabIcon li span,
.index-group .tabIcon li.on span {background-size: 25%!important;height: 42px;line-height: 42px;}
.index-group .tabDiv p {font-size: 22px;line-height: 42px;}

.index-group .tabDiv {overflow: hidden;}
.index-group .tabDiv img {width: 150%;margin-left: -15%;}

.index-news ul li {width: 100%;margin: 0px;}
.index-news{padding-bottom: 3%;}

.index-responsibility {position: relative;}
.index-responsibility ul li .hs {opacity: 1}
.index-responsibility ul li {width: 100%;margin: 0px;margin-bottom: 10px;}
.index-responsibility ul li .icon {margin-top: 8%;margin-bottom: 5%;}
.index-responsibility ul li .icon img {width: 40%;}
.index-responsibility ul li h3 {font-size: 22px;line-height: 1.5}
.index-responsibility ul li p {display: none;}
.index-responsibility span.btn {cursor: pointer; display: inline-block;width:30px;height: 30px;position: absolute;bottom: 25%; }

.index-responsibility span.iprev {background: url(../images/inl.png) no-repeat;left: 10px;background-size:100% 100%;}
.index-responsibility span.inext {background: url(../images/inr.png) no-repeat;right: 10px;background-size:100% 100%;}
.index-responsibility .imgto {display:none;}

.index-responsibility ul li .imgBox {height: 200px;overflow: hidden;}
.index-responsibility ul li .imgBox img {margin-top: -50%;}




.index-join ul li .info {width: 88%;margin: 0 3%;position: static;box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.1);padding: 3%}
.index-join ul li .icon {margin-bottom: 5%;margin-top: 5%;}
.index-join ul li .icon img {width: 40%;}
.index-join ul li .icon .img2 {width: 60%;}
.index-join ul li {width: 100%;margin-bottom: 10px;padding-top: 10px;}
.index-join ul li p {margin-bottom:0;letter-spacing: -1px;}
.index-join .imgBox {display:none}
.index-join .imgBox img {opacity: 1}

.index-join ul.divicon {text-align: center;}
.index-join ul.divicon li { float: none; margin: 0 10px; padding: 0px; display: inline-block;width: 10px;height: 10px;border:1px solid #c30d18;border-radius: 50px;}
.index-join ul.divicon li.on {background: #c30d18;}

.index-join ul li .infoOn h3, .index-join ul li .infoOn p {color: #5a5858;}
.index-join ul li .infoOn h3 {background: url(../images/aticon5.png) no-repeat center bottom;margin-bottom: 3%;padding-bottom: 3%;}

.index-join ul li .infoOn .icon img {display: inline-block;}
.index-join ul li .infoOn .icon img.img2 {display:none;}

.sbanner .imgBox div img {width: 170%;margin-left: -35%;}



/*首页*/

.banner {overflow: hidden;}

.topBtn {right: 3%;width: 40px;height: 40px;}
.topBtn a  {background-size: 50%;}


.oneD_area {
    background: url(../images/all_oned.png) no-repeat 96% 22px;
    background-size: 13px;
}
.oneD_area_bg {
    background: url(../images/all_oned_on.png) no-repeat 96% 22px;
    background-size: 13px;
}



.fuSlide .ulp li {width: 3%;height: 5px;}
.fuSlide .ulp {bottom: 3%;}

.indexBox1 {padding:3%}
.indexBox1 .tit1 {margin-bottom: 3%;}
.indexBox1 .tit1 h3 {font-size: 24px;}
.indexBox1 ul li .txt1 span,.indexBox1 ul li .txt1 {font-size: 22px;}
.indexBox1 ul li .txt2 {font-size: 12px;line-height: 22px;padding-top: 3%}

.index-news ul li .info {position: static;padding: 5% 3%;width:94%;}
.index-news ul li .time,.index-news ul li h3 {margin-bottom: 3%;}
.index-news ul li h3 {font-size: 20px;}
.index-news .newsImg {display: none;}
.index-news ul li p {display: none;}
.index-news ul li a {display: block;}

.index-join {padding-bottom: 3%;}

.index-news ul li.first {overflow: hidden;}

.index-news ul li.first .newsImg {display: block;opacity: 1;position: absolute;top: 0px;left: 0px;}
.index-news ul li.first .info {position: relative;top: 0px;}
.index-news ul li.first .time,
.index-news ul li.first .time span,
.index-news ul li.first h3 {color: #fff} 
.index-news ul li .to {height: 6px;}
/*走近海澜=================================*/

.abouthl .main-content ol li {width: 50%;margin-bottom: 30px;}
.abouthl .main-content ol li:nth-child(2) {background: none}
.abouthl .main-content ol li span {font-size: 20px;margin-bottom: 10px;display: inline-block;}
.abouthl .main-content ol li p {font-size: 14px;line-height: 18px;}

.abouthl .main-content ol li span b {position: static;}

.abouthl .w-1920 h3 {font-size: 16px;line-height: 1.5}
.abouthl .main-tit p.p2 {display: block;}
.abouthl .main-tit p.p2 span {width: 33.3%!important;font-size: 22px;}
.abouthl .main-tit p.p2 span.simg {background-size:50%;}
.abouthl .main-content ul li {padding-bottom: 3%;}
.abouthl .main-content ul li,
.abouthl .main-content ul li.last {width: 48%;margin: 0 1%;margin-bottom: 10px;}

.abouthl .main-content ul li.lifirst {width: 98%;}
.abouthl .main-content ul li.lifirst  .imgBox {height: 10%;overflow: hidden;}
.abouthl .main-content ul li img {margin-bottom: 3%;}
.abouthl .main-content ul li h4 {font-size: 16px;margin-bottom: 3%;padding-top: 15px;}
.abouthl .main-content ul li .imgBox {height: 183px;overflow:hidden;}
.abouthl .main-content2  {width:auto;}

.abouthl .main-content ul li p {min-height:unset;font-size: 12px;line-height: 1.5}

.abouthl .main-content ol li span i {font-size: 22px;}
.abouthl .main-content ol li img {width:18%;}

.abouthl .main-content ul li div {height:120px;overflow: hidden;}
.abouthl .main-content ul li div img {margin-top: -20px;}
.abouthl .main-content ul li.lifirst div {height:200px;overflow: hidden;}


.contact .main-content1 ul {padding:20px 0;}
.contact .main-content1 ul li .imgBox {margin-bottom: 3%;}
.contact .main-content1 ul li .imgBox img {width:6%;}
.contact .main-content1 ul li {width: 100%;margin-bottom:20px;}
.contact .main-content1 ul li h3 {font-size: 18px;margin-bottom: 3%;font-weight: bold;color: #333;}
.contact .main-content1 ul li p {font-size: 14px;line-height: 22px;}
.contact .main-content2 {padding-top: 20px;}
.contact .main-content2 ul li.liinp {width: 98%;margin-bottom: 3%;}

.contact .main-content2 ul li input {height: 32px;line-height: 32px;}
.contact .main-content2 ul li.litex textarea {min-height: auto;}
.contact .main-content2 ul li.liyz .yzimg img {height: 32px;}

.leadership .main-content dt {position: static;width:100%;text-align: center;}
.leadership .main-content dt img {width: 80%;display: inline-block;}
.leadership .main-content ul li {margin-bottom: 20px;}
.leadership .main-content ul li.lil dd div,
.leadership .main-content ul li.lir dd div {float: none;width: auto;margin: 0px;}


.leadership .main-content ul li dd div {min-height: auto;padding:5% 3%!important}
.leadership .main-content dd h3 {font-size: 22px;margin-bottom: 5%;padding: 0px;}
.leadership .main-content dd span {margin-bottom: 5%;font-size: 16px;}
.leadership .main-content dd p {font-size: 14px;line-height:28px;}


.speech .main-content h3 img {max-width: 280px;width: 100%;}

.contact .main-content2 ul li.liyz {width: 98%;}
.contact .main-content2 ul li.liyz .yzimg {width: 68%}
.contact .main-content2 ul li.litex {margin-bottom: 10px;}
.contact .main-content2 ul li.libtn {width: 98%;text-align: center;}

/*企业使命*/

.mission .main-content1 {padding: 0px;width: 100%;}
.mission .main-content1 dl {padding-bottom: 5%;}
.mission .main-content1 dl dt {width: 100%}
.mission .main-content1 dl dd {padding-top: 30px; position: static;width: 94%;margin:-30% 3% 0 3%;position: relative;z-index: 99;opacity: 0.9}
.mission .main-content1 dl dd div {padding: 3%;}
.mission .main-content1 dl dd h4 {font-size: 22px;margin-bottom: 3%}
.mission .main-content3 ul li {margin-bottom: 20px!important;}
.mission .main-content1 dl dd p,
.mission .main-content3 ul li p {font-size: 14px;line-height: 28px;min-height: unset;padding-bottom: 0px}
.mission .main-content3 ul li.li2 {width: 98%;}
.mission .main-content3 ul li img {width: 10%;}
.mission .main-content3 ul li h4 {font-size:18px;font-weight: bold;color: #333}
.mission .main-content3 ul li div {padding:5% 3%}

.mission .main-content3 ul li.li2 p {color: #666}

.speech .main-content h3 {font-size:22px;line-height:1.5;}
.speech .main-content p {font-size: 14px;line-height: 28px;}

.history .timeIcon li {font-size: 18px;font-weight: bold;}

.type-history .hs-box .ulimgl li {margin-bottom:30px;padding-bottom: 10px;}
.type-history .hs-box li div.divr h4 {padding-bottom: 3%;margin-bottom: 3%;font-size: 20px;}
.type-history .hs-box li div.divr p {font-size: 14px;line-height: 22px;}
.type-history .hs-box li div.divr span.time {margin-bottom: 3%;}

.type-history .hs-box li div.divl {width: 100%;float: none;position: relative;z-index: 1}
.type-history .hs-box li div.divr {width: 90%;margin: -10px 5% 0 5%; float: none;background: #fff;position: relative;z-index: 3;box-shadow:0px 1px 8px 1px #e1e1e1;  }
.type-history .hs-box li div.divr div {padding:5%;}
.type-history .hs-box li div.divr span.time {font-size: 18px;color: #000;font-weight: bold; padding-bottom: 10px;margin-bottom: 0px;}
.type-history .hs-box li div.divr h4 {font-size: 18px;color: #333;padding-bottom: 20px;margin-bottom: 10px;}
.type-history .hs-box {padding-bottom: 0%;background:none;border-bottom: 3px solid #e1e1e1}
.type-history .tabicons {width: 100%;bottom: 10px;z-index: 10}


.type-history .tabicons li {width: 6px;height: 6px;}
.sbanner {}
/*发展历程*/



/*集团产业================================================*/

.apparel .main-content1  dt,
.energy .main-content1  dt,
.investment .main-content1  dt,
.place .main-content1  dt,
.tourism .main-content1  dt {width: 100%;}

.apparel .main-content1  dd,
.energy .main-content1  dd,
.investment .main-content1  dd,
.place .main-content1  dd,
.tourism .main-content1  dd {width: 100%;}

.apparel .main-content1 dd div h4,
.energy .main-content1 dd div h4,
.investment .main-content1 dd div h4,
.place .main-content1 dd div h4,
.tourism .main-content1 dd div h4 {text-align: center!important;font-size: 22px;line-height: 1.5;padding-top: 3%;background:url(../images/lin2.png) no-repeat center bottom;padding-bottom: 10px;}

.apparel .main-content1 .dltit,
.energy .main-content1 .dltit,
.investment .main-content1 .dltit,
.place .main-content1 .dltit,
.tourism .main-content1 .dltit {padding: 0px;}

.apparel .main-content1,
.energy .main-content1,
.investment .main-content1,
.place .main-content1,
.tourism .main-content1 {width: 100%;padding: 0px;}

.apparel .main-content1 .w-1920 .divtext,
.energy .main-content1 .w-1920 .divtext,
.investment .main-content1 .w-1920 .divtext,
.place .main-content1 .w-1920 .divtext,
.tourism .main-content1 .w-1920 .divtext {padding: 0 3%;}

.apparel .main-content3,
.energy .main-content3,
.investment .main-content3,
.place .main-content3,
.tourism .main-content3 {width: 100%;padding: 0px;}

.apparel .main-content1 dd div p, 
.energy .main-content1 dd div p, 
.investment .main-content1 dd div p, 
.place .main-content1 dd div p, 
.tourism .main-content1 dd div p {font-size: 14px;line-height: 28px;padding: 0 3%;text-align: justify; padding-bottom: 5%; }

.investment .main-content3 p {padding: 0 3%}

.energy .main-content3 dl dt {width: 100%;}
.energy .main-content3 dd {position: static;width: 100%}
.energy .main-content3 dd div {padding: 3%;}
.energy .main-content3 dd div p {font-size: 14px;line-height: 28px;text-align: center;}

.investment .main-content1 .w-1920 h3 {font-size: 20px;line-height: 1.5}
.investment .main-content2 ul li .txt1 {font-size: 24px;}
.investment .main-content2 ul li .txt1 span {font-size: 24px;}
.investment .main-content2 ul li .txt2 {font-size: 12px;}

.investment .main-content2 ol li img {width: 80%;}
.investment .main-content2 ol li {width: 33.3%}
.investment .main-content3 .main-info p {font-size: 14px;line-height: 28px;}
.investment .main-content3 {padding-top: 5%;}
.investment .main-content3 p {font-size: 14px;line-height:30px;text-align: center;}

.tourism .main-content2 .w-1920 h3 {font-size: 20px;line-height: 1.5}

.place .main-content2 dl {margin-bottom: 5%;}
.place .main-content2 dl dt {width: 100%;margin-bottom: 3%}
.place .main-content2 dl dd {width: 100%;}

.place .main-content3 dt {width: 100%;height: 200px;overflow: hidden;text-align: center;}
.place .main-content3 dt img {display: inline-block;width: 50%}
.place .main-content3 dd {position: static;width:98%;padding:5% 1%}

.place .main-content3 dd ol {margin-bottom: 3%}
.place .main-content3 dd ol li {text-align: center;}
.place .main-content3 dd ol li p.p1,
.place .main-content3 dd ol li p.p1 span {font-size: 18px;}
.place .main-content3 dd ol li p.p2 {font-size: 12px;}
.place .main-content3 dd p.ptxt {font-size: 14px;line-height:28px;text-align: center;}

.tourism .main-content2 div.video {margin-bottom: 3%;}
.tourism .main-content2 p.ptxt {font-size: 14px;line-height: 28px;}

.tourism .main-content3 .tabDiv {padding-top: 3%}
.tourism .main-content3 dt {position: static;width: 100%;}
.tourism .main-content3 dt .imgTab .tabIcon a {width: 10px;height: 10px;margin: 0 5px;}
.tourism .main-content3 dd {position: static;width: 95%;min-height:unset;}
.tourism .main-content3 dd div {width: auto;}
.tourism .main-content3 dd h4 {font-size: 22px;margin-bottom: 3%}
.tourism .main-content3 dd p {font-size: 14px;line-height:28px;}
.tourism .main-content3 .ato {position: static;padding-top: 5%}

.tourism .main-content3 .ato a {margin: 0px 3px;}
.tourism .main-content3 dt ol li div {height: 200px;overflow: hidden;}

.tourism .main-content3 dt .imgTab .tabIcon {display: none;}
.tourism .main-content3 .ato {padding-bottom: 5%;}



.apparel .main-content3 {padding: 0 3%;width: 94%;}
.apparel .main-content3 .olbox {overflow-y:hidden;}
.apparel .main-content3 ol li {width: 25%;margin-bottom: 10px;}
.apparel .main-content3 ol li img {width: 80%;  }


.apparel .main-content3 dt,.apparel .main-content3 dt img {width: 100%;float: none}
.apparel .main-content3 dd {position: static;width: 100%;top: 0px;}
.apparel .main-content3 dd div {padding: 5%;}
.apparel .main-content3 dd img {display:none;}
.apparel .main-content3 dd p {font-size: 14px;line-height: 28px;}

.energy .main-content2 {width: 100%;padding: 0px;margin-bottom: 5%;}
.energy .main-content2 p {padding: 0 3%;}

 
/*.apparel .tabIcon {padding: 0px;width: 700px;}
.apparel .tabIcon li {padding-top: 0px;width:20%;}
.apparel .tabIcon li span { padding-left: 30px;font-size:16px;}
.apparel .tabIcon li span,
.apparel .tabIcon li.on span {background-size: 25%!important;height: 42px;line-height: 42px;}
.apparel .tabDiv p {font-size: 22px;line-height: 42px;}

*/

/*新闻动态================================================*/
.newsTabDiv ul li {width: 98%;}

.newsTabDiv ul li a {width: 100%;}
.newsTabDiv ul li .info {position: static;padding: 5% 3%;}
.newsTabDiv ul li .time {margin-bottom: 3%;font-size: 16px;}
.newsTabDiv ul li .time span {font-size: 22px;padding-right: 10px;}
.newsTabDiv ul li h3 {font-size: 16px;margin-bottom: 0px;line-height: 30px;}
.newsTabDiv .newsImg {display: none;}
.newsTabIcon li a {font-size: 18px;}

.inner .title h3 {font-size:22px;line-height: 28px;}
.inner .main-info img {margin-bottom: 3%;}
.inner .main-info p {margin-bottom: 1%;font-size: 14px;line-height: 28px;}

.newsTabDiv ul li.first {overflow: hidden;}
.newsTabDiv ul li.first .newsImg {display: block;opacity: 1;position: absolute;top: 0px;left: 0px;}
.newsTabDiv ul li.first .info {position: relative;top: 0px;}
.newsTabDiv ul li.first .time,
.newsTabDiv ul li.first .time span,
.newsTabDiv ul li.first h3 {color: #fff} 
.newsTabDiv ul li .to {height: 6px;}

/*社会责任*/

.care .main-content dl dt,
.care .main-content dl dd,
.care .main-content dl dd div h4 {width: 100%;position: static;}
.care .main-content dl dd div {padding: 5%}

.care .main-content dl {margin-bottom: 5%;}
.care .main-content dl dd div h4 {font-size:18px;line-height: 28px;padding-bottom: 10px;margin-bottom: 10px;}
.care .main-content dl dd div span {margin-bottom:5px;font-size: 14px;line-height: 22px;display: inline-block;}
.care .main-content dl dd div p {font-size: 14px;line-height: 28px;}

.care .main-content {width: 100%;padding: 0px;}
.care .main-tit {padding-left: 3%;padding-right: 3%;}
.care .main-content dl dd {width: auto;right: 0px; margin-top: -50px;padding: 3%;position: relative;z-index: 99;background:none}
.care .main-content dl dd div {background: #fff;box-shadow: 0px 1px 8px 1px #e1e1e1; }
.care .main-content dl.dlr dt {float: none;}
.care .main-content dl.dlr dd {left: 0px;}

.thinking .main-content dl dt,
.thinking .main-content dl dd,
.thinking .main-content dl dd div h4 {width: 100%;position: static;float: none!important}
.thinking .main-content dl dd div {padding: 3%}

.thinking .main-content dl {margin-bottom: 5%;padding-bottom: 0px;}
.thinking .main-content dl dd div h4 {font-size: 20px;line-height: 28px;padding-bottom: 0px;margin-bottom: 10px;}
.thinking .main-content dl dd div span {margin-bottom:5px;font-size: 14px;line-height: 22px;display: inline-block;}
.thinking .main-content dl dd div p {font-size: 14px;line-height: 28px;}

.thinking .main-content dl.dlr dd div {background: url(../images/icon2.png) repeat;}

.welfare  .main-content dl dt,
.welfare  .main-content dl dd,
.welfare  .main-content dl dd div h4 {width: 100%;position: static;float: none!important}
.welfare  .main-content dl dd div {padding: 3%}

.welfare .main-content dl dt {height: 200px;overflow: hidden;}
.welfare .main-content dl dt img {margin-top: -50px;}

.welfare .main-content .divdl {padding-top: 5%}
.welfare .main-content dl {margin-bottom: 5%}
.welfare .main-content dl dd {padding: 0px;padding-bottom: 10px;}
.welfare .main-content dl dd div {width: auto;}
.welfare .main-content dl dd div h4 {font-size: 18px;line-height: 28px;padding-bottom: 0px;margin-bottom: 10px;}
.welfare .main-content dl dd div span {margin-bottom:5px;font-size: 14px;line-height: 22px;display: inline-block;}
.welfare .main-content dl dd div p {font-size: 14px;line-height: 28px;margin-bottom: 10px;}
.welfare .main-content dl dd div a {font-size: 12px;height: 26px;line-height: 26px;}

.responsibility .main-content1 dl {padding: 0px;margin-bottom: 5%;}
.responsibility .main-content1 dl dt {width: 100%;position: static;}
.responsibility .main-content1 dl dd {position: static;width: 100%;padding: 0px;}
.responsibility .main-content1 dl dd div {width: auto;padding: 0px;float: none;padding: 3%;}
.responsibility .main-content1 dl dd div h4 {font-size: 22px;line-height: 1.5;background: none;padding-bottom: 0;margin-bottom: 3%;}
.responsibility .main-content1 dl dd div p {font-size: 14px;line-height: 28px;margin-bottom: 10px;}

.responsibility .main-content2 {padding-top: 5%;}
.responsibility .main-content2 ul {width: 100%;margin: 0px;}
.responsibility .main-content2 ul li .imgBox {margin-bottom: 3%;}
.responsibility .main-content2 ul li p a {font-size: 20px;line-height: 1.5}

.responsibility .main-content2 .imgTabIcon a {width: 10px;height: 10px;margin: 0 5px;}

.responsibility .main-content2 .sa {display: none;}
.responsibility .main-content3 {padding: 5% 0}


/*加入我们*/
.concept .main-content1 ul li {width: 99%;min-height: auto;}
.concept .main-content1 ul li .divicon {position: static;}
.concept .main-content1 ul li .divicon img {width:10%;display: inline-block;margin-bottom: 3%;}
.concept .main-content1 ul li .divicon h4 {padding-top:0%;font-size: 20px;}
.concept .main-content1 ul li .imgBox img {display: none;}

.concept .main-content1 ul li .imgBox {opacity: 1;padding: 0 3%;}
.concept .main-content1 ul li .imgBox p {position: static;color: #333;padding: 3% 0;text-align: justify;text-align: center;font-size: 12px}

.concept .main-content2 ul li {width: 98%;margin: 0 1%;background: #fff}
.concept .main-content2 ul li p {font-size: 14px;line-height: 28px;padding: 0 3%;min-height: auto;}

.concept .main-content3 dl dt,
.concept .main-content3 dl dd {width: 100%!important;}
.concept .main-content3 dl dd div {padding: 3%;}
.concept .main-content3 dl dd h4 {margin-bottom: 3%}
.concept .main-content3 dl dd p {font-size: 14px;line-height:28px;margin-bottom: 0px;}

.hlschool .main-content1 ul li {width: 98%;margin: 0 1%}

.hlschool .main-content1 ul li img {width: 15%;margin-bottom: 3%;}

.hlschool .main-content2 .w-1920 p {padding: 0px;text-align: center!important;}
.hlschool .main-content1 ul li p {min-height: unset;}


.school .main-content1 .stroke dl dt,
.school .main-content1 .stroke dl dd {width: 100%;padding: 0px;}

.school .main-content2 .postDiv {padding: 0px;}
.school .main-content2 {padding: 0 3%;padding-top: 5%;}

.school .main-content2 .postDiv table th, .school .main-content2 .postDiv table td {font-size: 12px;}
.school .main-content2 .postDiv table td a {font-size: 12px;}
.school .main-content2 .postDiv table td {line-height: 22px;padding: 5px 0;}

.hlschool .main-content1 ul li img {margin-top: 10px;}
.school .main-content3 .process li {padding: 0px!important;}


.joininner .main-content1 .formDiv li{width:98%;margin-bottom: 3%;}
.joininner .main-content1 .formDiv li input {height: 20px;padding-top: 10px;padding-bottom: 10px;text-indent: 1em;}
.joininner .main-content1 .formDiv li h4 {font-size: 14px;}
.joininner .main-content1 .formDiv li textarea {width: 99%}
.joininner .main-content1 .upload h3 {font-size: 20px;line-height: 1.5}
.joininner .main-content1 .formDiv li a {font-size: 22px;height: 42px;line-height: 42px;}

.society .main-content3 .zp-more {top: 10%;}
.society .main-content3 .zp-moreBox {padding: 5%;}

.society .main-content3 .zp-moreBox .div1 {margin-bottom: 3%;padding-bottom: 3%;}
.society .main-content3 .zp-moreBox .div1 h4 {margin-bottom: 3%;font-size: 22px;}
.society .main-content3 .zp-moreBox .div2 p {margin-bottom: 3%;}
.society .main-content3 .zp-moreBox .div2 h4 {margin-bottom: 3%;}

.society .main-content3 .zp-moreBox .div3 span {line-height: 32px}
.society .main-content3 .zp-moreBox .div3 .btnA {width: 100%;text-align: center;}
.society .main-content3 .zp-moreBox .div3 .btnA a {height: 32px;line-height: 32px;font-size: 16px;}

.society .main-content2 ul li {width: 100%;margin-bottom: 10px;}
.society .main-content2 ul li .hs {opacity: 1}
.society .main-content2 ul li .info {margin: 0 3%;width: 94%;}
.society .main-content2 ul li .icon {margin-top: 10%;margin-bottom: 5%;text-align: center;}
.society .main-content2 ul li h3 {margin-bottom: 3%;font-size: 22px;}
.society .main-content2 ul li p {font-size: 14px;line-height:22px;}
.society .main-content2 ul li .icon img {width: 35%;display: inline-block;}
.society .main-content2 .imgBox img {margin-top: -50px;}

.society .main-content3 ul {padding-top: 3%;}
.society .main-content3 ul li {width: 96%;margin: 2% ;min-height:unset;padding-bottom: 3%;}
.society .main-content3 ul li div.zp-div {padding:5%;}
.society .main-content3 ul li div.zp-info p {margin-bottom: 3%;}
.society .main-content3 ul li div.zp-info {min-height: unset;}

.society .main-content1 .imgTabIcon {padding-top: 20px;}
.society .main-content1 .imgTabIcon a {width: 5px;height: 5px;margin: 0 5px;}

.society .main-content3 .moreA {padding: 20px 0;}
.society .main-content3 .moreA a {font-size: 14px;height: 32px;line-height: 32px;}
.society .main-content3 ul li div.zp-name h3 {font-size: 16px;}
.society .main-content3 ul li div.zp-name p {font-size: 14px;}
.society .main-content3 ul li .line {height: 3px;}

.school .main-content3 .process li div {width: auto;padding: 5%;}
.school .main-content3 .process li div h4 {margin-bottom: 5%;}
.school .main-content3 {padding: 0 3%;padding-top: 5%;}
.school .main-content3 .process li div p {font-size: 16px;line-height: 30px;}
.school .main-content2 .postDiv .divovhiden {margin-bottom: 5%;}
.school .main-content3 .process ul {background: none}
.hlschool .main-content3 .timeline li h4, .hlschool .main-content3 .timeline li h4 span   {font-size: 22px;}
.hlschool .main-content3 .timeline li p {font-size: 14px;line-height: 28px;}

.fuSlide {height: 100%;}
.fuSlide ul.ck-slide-wrapper li {height: 100%;}
.fuSlide ul.ck-slide-wrapper li img {height: 100%;width: auto;margin-left:-500px;}



.page p a {font-size: 12px;margin: 0 3px;}


.joininner .main-content1 .formDiv li.li100 {margin-bottom: 3%;}



.main-content {}

.concept .main-content1 {width: 100%;padding: 0px;}
.concept .main-content1 .main-tit {padding: 0 3%;}
.concept .main-content1 ul li {box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.1);margin-bottom: 10px;margin-top: 10px;padding-top: 5%;}
.concept .main-content1 ul li .imgBox {padding: 0 5%;opacity: 1!important}
.concept .main-content1 ul li .divicon h4 {font-size: 16px;font-weight: bold;}


.concept .main-content2 ul li div {margin-bottom: 5%;}
.concept .main-content2 {background:url(../images/conceptbg01.jpg) repeat center top;margin-bottom: 5%;}



/*.w-1920 适配*/
.history .timeIcon {display: none;}


.abouthl .w-1920 {background: url(../images/abbg01.jpg) no-repeat center top;margin-bottom: 5%;}
.abouthl .w-1920 img {display: none;}
.abouthl .w-1920 .divtext {width: 100%;height: 100%; background: url(../images/icon4.png) repeat repeat;position: absolute;top: 0px;left:0px;padding:50px 0;}
.abouthl .w-1920 h3 {color:#fff!important;padding: 0 15px}

.abouthl .main-tit p.p2 span.s1 {text-align: right;}
.abouthl .main-tit p.p2 span.s2 {text-align: left;}

.mission .main-content2 .main-tit p, .mission .main-content3 .main-tit p {padding: 0px;}

#mapContainer {height: 250px!important}

.investment .w-1920 {background: url(../images/bg01.jpg) no-repeat center top;}
.investment .w-1920 img {display: none;}
.investment .w-1920 .divtext {width: 100%;height: 100%; background: url(../images/icon4.png) repeat repeat;position: absolute;top: 0px;left:0px;padding:20px 0!important}
.investment .w-1920 h3,
.investment .w-1920 p {color:#fff!important;padding: 0 15px}

.tourism .w-1920 {background: url(../images/bg04.jpg) no-repeat center top;margin-bottom: 5%;}
.tourism .w-1920 img {display: none;}
.tourism .w-1920 .divtext {width: 100%;height: 100%; background: url(../images/icon4.png) repeat repeat;position: absolute;top: 0px;left:0px;padding:50px 0!important}
.tourism .w-1920 h3,
.tourism .w-1920 p {color:#fff!important;padding: 0 15px;font-size: 16px;}
.tourism .main-content2 {margin-bottom: 5%;}

.hlschool .main-content2 .w-1920 h3 {font-size: 22px;}
.hlschool .w-1920 {background: url(../images/bg01.jpg) no-repeat center top;}
.hlschool .w-1920 img {display: none;}
.hlschool .w-1920 .divtext {width: 100%;height: 100%; background: url(../images/icon4.png) repeat repeat;position: absolute;top: 0px;left:0px;padding:20px 0!important}
.hlschool .w-1920 h3,
.hlschool .w-1920 p {color:#fff!important;padding: 0 15px!important}

.apparel .main-content2 .w-1920 {padding-top: 0px;margin-bottom: 20px;}
.apparel .main-content2 .w-1920 h3 {font-size: 22px;}
.apparel .w-1920 {background: url(../images/bg05.jpg) no-repeat center top;}
.apparel .w-1920 img {display: none;}
.apparel .w-1920 .divtext {width: 100%;height: 100%; background: url(../images/icon4.png) repeat repeat;position: absolute;top: 0px;left:0px;padding:20px 0!important;background-size: 100%}
.apparel .w-1920 h3,
.apparel .w-1920 p {color:#fff!important;padding: 0 15px!important;font-size: 12px!important;line-height: 26px!important}
.apparel .w-1920 span {color: #fff!important}

.society .main-content2 ul li {background: none;overflow: hidden;}
.society .main-content2 ul li .info {position: static;position: relative;z-index: 9}
.society .main-content2 ul li .imgBox {position: absolute;top: 0px;}
.society .main-content2 ul li p {margin-bottom: 0px;padding-bottom: 30px;}

.school .main-content1 .stroke {display: none;}
.school .main-content2 .postDiv {display: none;}

.school .main-content2 .schoolzpBox {padding: 0px;}
.school .main-content2 .schoolzpBox .tableth .zp-div div,
.school .main-content2 .schoolzpBox .tablelist .zp-div div {font-size: 12px;font-weight: normal;}
.school .main-content2 .schoolzpBox .tablelist .zp-div div {line-height: 22px;}

.school .main-content2 .schoolzpBox .tableth .zp-div div {border-bottom: 1px solid #d1d1d1;}

.school .main-content2 .schoolzpBox .tablelist {margin-top: 10px;padding-bottom: 20px;}
.school .main-content2 .schoolzpBox .tablelist .zp-div div a {color: #c30d18;}


.apparel .main-content1 dt, .energy .main-content1 dt, .investment .main-content1 dt, .place .main-content1 dt, .tourism .main-content1 dt {height:200px;overflow: hidden;}

.place .main-content2 dl dt {height: 200px;overflow: hidden;}

}




@media screen and (max-width: 425px){ 


	/*首页*/
	.section .tit h2 {font-size: 22px;margin: 5% 0;}
	.section .tit h2 {}

	.indexBox1 .tit1 h3 {font-size: 22px;}
	.indexBox1 .tit1 p {font-size: 14px;line-height: 28px;}
	.indexBox1 .tit2 {margin-bottom: 5%;}
	.indexBox1 .tit2 h3 {margin-bottom: 3%;line-height: 1.5}
	.indexBox1 .tit2 img {width: 5%;}
	.index-join ul li h3 {font-size:18px;}
	.index-join ul li p {font-size: 14px;}
	.index-join ul li .icon {margin-top: 5%;}
	.index-news ul li h3 {font-size: 18px;line-height: 1.5}

	.indexBox1 .ps {padding-top: 5%;}


	.index-news p.p-more {padding: 5% 0;}
	.index-news p.p-more a  {font-size: 14px;}

	.index-responsibility ul li .icon {margin-top: 20%;}

	.concept .main-content2 ul li div {height: 180px;overflow:hidden;}
	.concept .main-content2 ul li img {margin-top: -50px;}

	.concept .main-content3 dl dt {height: 200px;overflow: hidden;}
	.concept .main-content3 dl dt img {margin-top: -50px;}
	.concept .main-content3 dl dd div {text-align: center;}
	.concept .main-content3 dl {margin-bottom: 20px;}

}


@media screen and (max-width: 769px){

	.school .main-content2 .zp-more {width: 90%;left: 5%;top:15%;}
	.school .main-content2 .zp-moreBox {padding:20px;}
	.school .main-content2 .zp-moreBox .div1 h4 {width: 100%;}
	.school .main-content2 .zp-moreBox .div1 p {width: 100%;}
	
	.school .main-content2 .zp-moreBox .div2  {height: 200px;overflow-x: hidden;}

	.main-tit h2 {padding-top: 20px;}

	.hlschool .main-content1 ul li h4 {font-size: 20px;margin-bottom: 10px;}

}