.conLeft{width:300px;display:none}
.conRig {width:100%;}
.comBox{margin:70px 0;}

/*banner*/
.banner img{width:100%;}

/*导航*/
.leftNavCtgi{display:none;}
.leftNav{}
.leftNav h3{font-size: 32px;color: #004683; text-align: center;background: url(/uiFramework/commonResource/image/2020092316274334057.png) center no-repeat; font-weight: bold; line-height: 90px;}
.leftNav .leftList{margin-top:6px;background:#f7fbff;}
.leftNav .leftList .one{ }
.leftNav .leftList .one .oneLi .navLtit{padding:28px 0 28px 30px;}
.leftNav .leftList .one .oneLi .navLtit a{font-size: 20px;color: #333; }
.leftNav .leftList .one .oneLi.yes .navLtit , .leftNav .leftList .one .oneLi:hover .navLtit {background:#0474d0;}
.leftNav .leftList .one .oneLi.yes a,.leftNav .leftList .one .oneLi:hover a{color:#fff;}
.leftNav .leftList .one .oneLi.yes .two{display:block}
.leftNav .leftList .one .two{display:none;}
.leftNav .leftList .one .oneLi.yes .two .twoLi:last-child{border-bottom:none;}
.leftNav .leftList .one .oneLi.yes .two .twoLi{text-indent: 24px;width: 80%;margin: 0 auto;padding:20px 0;}
.leftNav .leftList .one .oneLi.yes .two .twoLi a{color:#333;font-size:16px;}
.leftNav .leftList .one .oneLi.yes .two .twoLi:hover a{color:#0a64b9;}
.leftNav .leftList .one .oneLi.yes .two .twoLi.on a{color:#0a64b9;}


/*文章列表*/
.listBox{}
.listBox h3,.listBox2Title{font-size:30px;color:#333;margin-bottom:2.25rem;}
.listBox2Title1{font-size:26px !important;color:#0474d0 !important;margin:2rem 0 0 0 !important;}
.listBox1 .nTitle{font-size:30px;color:#333;margin-bottom:2.25rem;}
.listDan{}
.listDan p,.listDan p em{line-height:32px;font-size:16px;color:#333;margin-bottom:2.5rem;text-align:justify;}
.listDan p strong{font-size:16px;color:#333;}

/*team*/
.glcList {margin-top:-20px;}
.glcList li{border-bottom:1px solid #e5e5e5;padding:40px 0;overflow:hidden;}
.glcList li .glcL {width:160px;height:208px;background:#dce4e8;}
.glcList li .glcL img{width:100%;height:100%;object-fit:cover;}
.glcList li .glcR {margin-left:36px;width:80%;}
.glcList li .glcR h3{font-size:22px;color:#333;}
.glcList li .glcR .glcTitle {margin:20px 0;padding-bottom:28px;border-bottom:1px dashed #dcdcdc;}
.glcList li .glcR .glcTitle,.glcList li .glcR .glcTitle a{font-size:16px;color:#888;}
.glcList li .glcR .glcSummary{font-size:16px;color:#333;line-height:32px;}

/*We are CTGI  380X460*/
.listWeAre {}
.listWeAre p{width:32%;margin-right:2%;float:left;}
.listWeAre p img{width:100%;}

/*Chairman's Message  660X400*/
.listDan .message{display:inline-block;width:48%;margin:0 2% 2% 0;}


/*Strategic Objectives*/
#listStrtObj{background:url(/uiFramework/commonResource/image/2021073011464115207.jpg) no-repeat center;margin:0;}
/*#listStrtObj{background:url(/uiFramework/commonResource/image/2021060415292248429.jpg) no-repeat center;margin:0;}*/
.listStrtObj{background:url(/uiFramework/commonResource/image/2021060410520151500.jpg) no-repeat center;margin:60px 0;padding:50px 30px;}
.listStrtObjlist li *{font-size:16px;color:#fff;line-height:30px;text-align:justify;}

/*Our Values*/
.ourValues {overflow:hidden;width:100%;}
.ourValues li{overflow:hidden;font-size:22px;font-weight:550;padding:0 0 0 40px;height:150px;line-height:150px;box-shadow:1px 15px 30px #f4f7f9;margin-top:1.625rem;}
.ourValues li span{font-size:22px;font-weight:550;width:136px;padding-left:24px;display:inline-block;}
.ourValues li img{float:left;padding-top:34px;}
.ourValues li .valueDiv p{display:inline-block;}


/*At a Glance*/
.listBox .glance{font-size:16px;color:#333;line-height:32px;text-align:justify;}
.glanceList li{padding:3.125rem 0;border-bottom:1px solid #dcdcdc;}
.glanceList li .glL{width:43%;}
.glanceList li .glL img{width:100%;height:386px;object-fit:cover;}
.glanceList li .glR{width:53%;}
.glanceList li:nth-child(odd) .glL{float:left;}
.glanceList li:nth-child(even) .glL{float:right;}
.glanceList li:nth-child(odd) .glR{float:right;}
.glanceList li:nth-child(even) .glR{float:left;}
.glanceList li .glR .glRtitle{margin-bottom:1.5rem;font-size:1.5rem;color:#333;font-weight:600;line-height:28px;margin-top:4rem;}
.glanceList li .glR .glRtitle a{font-size:1.5rem;color:#333;font-weight:600;}
.glanceList li .glR .glRsummary{font-size:16px;line-height:32px;text-align:justify;color:#333;}
.glanceList li .glR .glRhref{margin-top:3.125rem;}
.newsImgRmore{color:#0474d0;font-size:16px;}
.newsImgRmore span{margin:11px 0 0 12px;}

/*latest news*/
.newsImg {padding-bottom:3.125rem;border-bottom:1px solid #dcdcdc;}
.newsImg .newsImgL img{width:100%;}
.newsImg .newsImgL,.newsImg .newsImgR {width:49%;}
.newsImg .newsImgR div{margin-bottom:1.875rem;overflow:hidden;}
.newsImg .newsImgR div a{font-size:24px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:96%;display:block;float:left;height:28px;}
.newsImg .newsImgR p{font-size:16px;color:#888;line-height:2rem;text-align:justify;margin-bottom:4rem;}
.newsList {}
.newsList li{padding:3.125rem 0;border-bottom:1px dashed #d2d2d2;}
.newsList li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;display:block;float:left;}
.newsList li a,.newsList li span{font-size:22px;color:#333;height:26px;}
.newsList li p{font-size:16px;color:#999;margin-top:1.875rem;text-align:justify;line-height:2rem;}
.newsList li:hover a,.newsList li:hover span{color:#0474d0;}
.newsList li .sustain{overflow:hidden;}


/*Media Center*/
.videoPicture{display:none;}
.videoStopBox {position:relative;}
.videoStopBox p{overflow:hidden;}
.videoStopBox p img{width:100%;height:235px;object-fit:cover;-webkit-transition: all .5s ease-out;  transition: all .5s ease-out;}
.videoStopBox .vidStop{position:absolute;top:0;width:100%;height:100%;left:0;background:url(/uiFramework/commonResource/image/2020092715153719388.png) repeat;text-align:center;}
.videoStopBox .vidStop a{display:inline-block;padding-top:22%;}
.videoStopBox .vidStop a img{}
.contentList{margin-left:-2.333%;border-bottom:1px solid #dcdcdc;}
.contentList li{float:left;width:31%;margin-left:2.333%;margin-bottom:3.125rem;-webkit-transition: all .2s linear;  transition: all .2s linear;}
.contentDivs{padding:20px 10px;}
.contentDivs a{font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:96%;display:block;}
.contentTime {margin-top:14px;}
.contentTime *{font-size:14px;color:#999;}
.contentTime img{margin-right:8px;}
.contentList li:hover {box-shadow:0 10px 20px rgba(0,0,0,.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='#cdcdcd', Direction=155, Strength=5);/*for ie6,7,8*/ -webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0);}
.contentList li:hover a{color:#0474d0;}
.contentList li:hover .videoStopBox>p>img{transform:scale(1.1);}


/*news*/
.latNewsBox {background:#f4faff;padding:50px 0;}
.latNewsBox h4{font-size:26px;color:#333;margin-bottom:24px;}
.latNewsBox .latList{margin-left: -2%;}
.latNewsBox .latList li{width: 31.3%;margin-left: 2%;margin-bottom:2%;float: left;-webkit-transition: all .2s linear;  transition: all .2s linear;}
.latNewsBox .latList li .latImg{font-size: 0;overflow:hidden;}
.latNewsBox .latList li .latImg img{width: 100%;height: 300px;object-fit: cover;}
.latNewsBox .latList li .latBg{ border:1px solid #e3eff5;border-top:1px solid transparent;padding: 6%;transition: all 1s; height: 240px;box-sizing: border-box;background:#fff;}
.latNewsBox .latList li .latBg .latTitle{margin-bottom: 2%;}
.latNewsBox .latList li .latBg .latTitle a{transition: all 1s; font-size: 1.5rem;color: #333;line-height: 36px;}
.latNewsBox .latList li .latBg .latSummary{position: relative;}
.latNewsBox .latList li .latBg .latSummary p{font-size: 16px;color: #999;line-height: 32px;width: 75%;}
.latNewsBox .latList li .latBg .latSummaryImg{transition: all 1s; position: absolute;bottom: 6px;right: 0;z-index: 1;width: 62px;height: 42px;background: url(	
/uiFramework/commonResource/image/2020092314491691522.png) no-repeat center;}
.latNewsBox .latList li .latBg .latSummaryImg a{display:block;width:100%;height:100%;}
.latNewsBox .latList li:hover .latBg{background: url(/uiFramework/commonResource/image/2020092314493740224.jpg) no-repeat center #0474d0;border:1px solid #0474d0;}
.latNewsBox .latList li:hover .latBg .latTitle>a{color: #fff;}
.latNewsBox .latList li:hover .latBg .latSummary>p{color: #fff;opacity: 0.7;}
.latNewsBox .latList li:hover .latBg .latSummaryImg{background: url(/uiFramework/commonResource/image/2020092314492193814.png) no-repeat center;}
.latNewsBox .latList li:hover{box-shadow:0 15px 30px rgba(0,0,0,.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='#cdcdcd', Direction=155, Strength=5);/*for ie6,7,8*/ -webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0);}
.latNewsBox .latList li img{width:100%;}
.latNewsBox .latList li:hover .latmeBg1{background: url(/uiFramework/commonResource/image/2020092314494834532.png) no-repeat center;border:none;}
.latNewsBox .latList .latme1:hover  img{transform:scale(1.1)}


/*Video、picture*/
.videoBox {overflow:hidden;}
.videoTab{overflow:hidden;}
.videoTab li{float:left;margin-left:2rem;}
.videoTab li.on a{color:#0474d0;border-bottom:2px solid #0474d0;}
.videoTab li a{font-size:1.875rem;color:#8ca3b6;display:inline-block;padding-bottom:8px;border-bottom:2px solid transparent;}

/*Environment、People、Community
.suhref{width:160px;margin:auto;}
.suList {margin:3.125rem 0 0 0;}
.suList li{position:relative;overflow:hidden;}
.suList li .suBg{position:absolute;width:100%;background:url(/uiFramework/commonResource/image/2020092715153719388.png) repeat center;bottom:0;text-align:center;padding:18px 0px;}
.suList li .suBg a{color:#fff;font-size:18px;display:block;max-width:94%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.suList .su1 {width:41.4%;margin-right:2%;}
.suList .su2 {width:23%;margin-right:2%;}
.suList .su3 {width:31%;}
.suList .su3 .su3Box{position:relative;}
.suList li .suBgBox{display:none;-webkit-transition: all 1s linear;  transition: all 1s linear;}
.suList .su1:hover .suBgBox,.suList .su2:hover .suBgBox,.suList .su3Box:hover .suBgBox{display:block;}
*/
.conServer {padding-top:40px;}

.suhref{text-align:center;}
.suhref a{display:inline-block;padding:12px 56px;border:1px solid #076baf;border-radius:32px;font-size:16px;color:#076baf;}
.suList {margin:3.125rem 0;}
.suList li{position:relative;overflow:hidden;}
.suList li .suBg{position:absolute;width:100%;height:100%;background:url(/uiFramework/commonResource/image/2020092715153719388.png) repeat center;top:0;text-align:center;  display: block;}
.suList li .suBg a{    color: #fff;font-size: 18px;display: block; width: 100%;height: 100%;text-align: center;line-height: 400px;}
.suList .su1{width:47%;margin-right:3%;}
.suList .su2{width:510px;}
.suList li .su3Box{position:relative;margin-bottom:3%;}
.suList li .suBgBox{display:none;-webkit-transition: all 1s linear;  transition: all 1s linear;}
.suList .su3Box:hover .suBgBox{display:block;}
.suList li .su3Box p img{height:400px;width:100%;}

/*环境保护列表*/
.glanceList1{margin-top:-40px;}
.glanceList1 li{padding:40px 0;border-bottom:1px solid #dcdcdc;overflow:hidden;}
.glanceList1 li:last-child{border-bottom:none;}
.glanceList1 li .glL{width:43%;}
.glanceList1 li .glL img{width:100%;height:280px;object-fit:cover;}
.glanceList1 li .glR{width:53%;}
.glanceList1 li:nth-child(odd) .glL{float:left;}
.glanceList1 li:nth-child(even) .glL{float:right;}
.glanceList1 li:nth-child(odd) .glR{float:right;}
.glanceList1 li:nth-child(even) .glR{float:left;}
.glanceList1 li .glR .glRtitle{margin-bottom:24px;font-size:20px;color:#333;    display: block;line-height:26px;}
.glanceList1 li .glR .glRhref  a{color:#0474d0;line-height:32px;font-size:16px;font-weight:550;}
.glRhref {
    font-size: 16px;
    color: #333;
    line-height: 32px;
    text-align: justify;
    margin-bottom: 30px;
}


/*Annual Report*/
.annualList {margin-left:-3%;border-bottom:1px solid #dcdcdc;}
.annualList li{width:21%;margin-left:4%;position:relative;margin-bottom:4%;box-shadow:0 15px 30px #ecf0f4;-webkit-transition: all .2s linear;  transition: all .2s linear;}
.annualList li p img{width:100%;height:340px;}
.annualList li .conReportBox{display:none;}
.annualList li .conReport{position:absolute;top:0;width:100%;height:100%;left:0;background:url(/uiFramework/commonResource/image/2020092916240629507.png) repeat;text-align:center;}
.annualList li .conReport a{display:block;padding-top:44%;}
.annualList li:hover .conReportBox{display:block;}
.contentList li:hover {box-shadow:0 10px 20px rgba(0,0,0,.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='#cdcdcd', Direction=155, Strength=5);/*for ie6,7,8*/ -webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0);}


/*asia*/
.asiaList {margin-top:2.125rem;padding-top:3.125rem;border-top:1px solid #dcdcdc;}
.asiaList li{overflow:hidden;margin-bottom:3.2rem;}
.asiaList li .glL{width:38%;margin-right:3%;}
.asiaList li .glL img{width:100%;height:260px;object-fit:cover;}
.asiaList li .glR{width:59%;}
.asiaList li .glR>div,.asiaList li .glR>p{padding:24px 0;border-bottom:1px dashed #e7e7e7;}
.asiaList li .glR .glRbox p{padding-left:156px;}
.asiaList li .glR p{font-size:16px;color:#333;}
.asiaList li .glR p a{font-size:16px;color:#333;}
.asiaList li .glR p>span,.asiaList li .glR .glRbox>span{font-size:16px;color:#999;display:inline-block;width:156px;}
.asiaList li .glR .glType a{color:#0bba66;font-size:16px}

/*Life at CTGI*/
.aboutboxs1 {position:relative;}
.aboutboxs1 .listbd{width: 94%;margin: 0 auto; overflow: hidden; position:relative;}
.aboutboxs1 .listbd ul{overflow:hidden;}
.aboutboxs1 .listbd ul li{ float:left; overflow:hidden; text-align:center;border:1px solid transparent;width:10%;margin:0 1%;text-align:center;}
.aboutboxs1 .listbd ul li.on p{border:1px solid #076baf;}
.aboutboxs1 .listbd ul li.on p span{z-index:-1;}
.aboutboxs1 .listbd ul li img{width:100%;height:100%;object-fit:cover;}
.aboutboxs1 .listbd ul li p{ width:90px;height:90px; overflow:hidden; border:1px solid transparent;border-radius:50%;margin:auto;position:relative;}
.aboutboxs1 .listbd ul li p span{background:url(/uiFramework/commonResource/image/2020111215155380140.png) repeat;position:absolute;top:0;left:0;width:100%;height:100%;}
/*时间轴*/
.aboutboxs1 .hd{ width:100%; height:130px; position:relative;margin-top:40px;border-bottom:1px solid #d1dee9;margin-bottom:10px;}
.aboutboxs1 .hd ul{  height:140px;width:100%;margin:0 auto;}
.aboutboxs1 .hd ul li{width:16%;float:left; height:140px;cursor:pointer;box-sizing:border-box; margin-right:10px;;font-size:3.125rem;}
.aboutboxs1 .hd ul li p{font-size:16px;color:#999;line-height:24px;margin-top:16px;}
/*左右按钮*/
.aboutboxs1 .arrow{position:absolute;width:100%;top:30px;}
.aboutboxs1 .arrow a{ display:block; width: 35px; height: 35px; cursor:pointer;}
.aboutboxs1 .arrow .prev_me{background:url(/uiFramework/commonResource/image/2020111611212488090.png) no-repeat 0 0;float:left;}
.aboutboxs1 .arrow .next_me{background:url(/uiFramework/commonResource/image/2020111611213770103.png) no-repeat 0 0;float:right;}

/*tab内容区*/
.lifeList {margin-top:40px;}
.lifeList li{display:none;}
.lifeList li .lifeImg  {background: #eee;width: 270px; height: 340px; border-radius: 8px;position: relative;margin-left:12px;}
.lifeList li .lifeImg img{ width: 270px;height: 340px;object-fit: cover;position: absolute;top: -12px;left: -12px;border-radius: 8px;}
.lifeList li .lifeCons{padding-left:310px;}
.lifeList li .lifeCons h3{background:url(/uiFramework/commonResource/image/2020111215382941989.png) no-repeat left;font-size:28px;color:#333;height:64px;line-height:64px;margin-bottom:20px;}
.lifeList li .lifeCons h3 span{font-size:24px;color:#888;font-weight:250;}
.lifeList li .lifeCons .lifeContent *{font-size:16px;line-height:24px;color:#333;text-align:justify;}
.lifeList li .lifeCons .lifeContent p{margin-bottom:16px;}

/*Join Us*/
.joinBox .joinTitl1{font-size:24px;color:#333;margin-bottom:20px;}
.joinBox .joinTitl2{font-size:16px;line-height:24px;color:#333;}
.joinBox .joinTitl2 a{font-size:16px;color:#0474d0;}
.joinBox .joinTitl3{font-size:16px;line-height:24px;color:#888;}
.joinBox .joinOl {margin-top:40px;height:60px;}
.joinBox .joinOl li{float:left;font-size:18px;color:#5c7082;margin-right:0.6%;background:#e9f0f6;height:60px;line-height:60px;text-align:center;}
.joinBox .joinUl li{overflow:hidden;}
.joinBox .joinUl li:nth-child(even){background:#f7fbff;}
.joinBox .joinOl .ol1,.joinBox .joinUl li .join1{width:10%;}
.joinBox .joinOl .ol2,.joinBox .joinUl li .join2{width:26%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.joinBox .joinOl .ol3,.joinBox .joinUl li .join3{width:28%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.joinBox .joinOl .ol4,.joinBox .joinUl li .join4{width:17%;}
.joinBox .joinOl .ol5,.joinBox .joinUl li .join5{width:16%;margin-right:0;}
.joinBox .joinUl li>div{float:left;margin-right:0.6%;text-align:center;padding:24px 0;line-height:24px;font-size:18px;color:#333;}
.joinBox .joinUl li>div a{font-size:18px;color:#0474d0;}
.joinBox .joinUl li .join2,.joinBox .joinUl li .join3{padding:24px 12px;box-sizing:border-box;}

/*关于我们*/
.contentBox {}
.contentBox .contentL{width:32%;padding-top:3%;}
.contentBox .contentR {width:65%;}
.contentBox .contentR .aboutLogo{padding-bottom:24px;}
.contentBox .contentR .aboutLogo p{color:#333;font-size:26px;padding-bottom: 20px;font-weight: 550;border-bottom: 1px solid #e6e5e5;}
.contentBox .contentR ul{}
.contentBox .contentR ul li{font-size:16px;color:#333;margin-bottom:24px;}
.contentBox .contentR ul li span{font-size:16px;color:#999;display:inline-block;width:86px;padding-left:10px;}


/*分页*/
.ej_page { padding:3rem 0;width:99.5%;margin:auto; }
.ej_page  .easysite-page-wrap>a{float:left;font-size:16px;color:#333;padding:0 2rem;border:1px solid #0474d0;border-radius:32px;margin:0 1.5rem;height:36px;line-height:36px;}
.ej_page  .easysite-page-wrap .nums {}
.ej_page  .easysite-page-wrap .shu{float:left;}
.ej_page  .easysite-page-wrap .shu a{margin-right:12px;}
.ej_page  .easysite-page-wrap .shu a,.ej_page  .easysite-page-wrap .nums {width:36px;height:36px;line-height:36px;text-align:center;font-size:16px;color:#333;border:1px solid #0474d0;border-radius:50%;display:inline-block;}
.ej_page  .easysite-page-wrap .shu .NormalRed{width:38px;height:38px;line-height:36px;text-align:center;font-size:16px;color:#fff;background:#0474d0;border-radius:50%;display:inline-block;margin-right:12px;}


/*1366  1440*/
@media only screen and (min-width: 100px) and (max-width: 1440px) {
.listBox h3,.listBox2Title{font-size:26px;}

.ourValues li{font-size:20px;}
.ourValues li span{width:124px;font-size:20px;}

.annualList li p img{width:100%;height:270px;}

.glanceList li .glR .glRsummary{padding-bottom:10px;}

.newsImg .newsImgR p{margin-bottom:2rem;}
.glanceList li .glR .newsImgRmore{width:13%;}
.glanceList li .glL img{height:304px;}


.glcList li .glcR{width:78%;}

.ej_page .easysite-page-wrap>a{padding:0 1.5rem;margin: 0 1rem;font-size:14px;}

.listStrtObj{margin:40px 0;}
.latNewsBox {padding:40px 0;}
.latNewsBox .latList li .latImg img{height: 222px;}
.latNewsBox h4{font-size:20px;}
}



/*ipad iPadPro*/
@media only screen and (min-width: 960px) and (max-width: 1024px) {
.ourValues li{padding:0;text-align:center;font-size:18px;line-height:50px;}
.ourValues li>p{display:none;}
.ourValues li span{font-size:18px;width:auto;display:block;padding-left:0;}
.ourValues li .valueDiv{width:100%;margin-top:20px; }


.newsList li a{max-width:68%;}

.videoStopBox p img,.asiaList li .glL img{height:160px;}

.pageHomes{display:none;}

.asiaList li .glR>div, .asiaList li .glR>p{padding:12px 0;}
.glanceList li .glR .glRtitle{margin-bottom:0.5rem;}
.glanceList li .glR .glRhref{margin-top:1.125rem;}
}

/*手机端1200px*/
@media only screen and (min-width: 100px) and (max-width: 1200px) {

}


/*手机端960px*/
@media only screen and (min-width: 100px) and (max-width: 960px) {
.leftNav{display:none;}
.conRig{width:100%;margin-bottom:24px;min-height:auto;}

}


/*手机端768px*/
@media only screen and (min-width: 100px) and (max-width: 768px) {
.comBox{margin:20px 0;background:none !important;}
.listDan,.listBox{min-height:inherit;}


.listStrtObj, #listStrtObj{margin:0;padding:20px 12px;background:#0474d0;}

/*分页*/
#left{margin-left:12px;}
#right{margin-right:12px;}
.ej_page{width:100%;padding:0;margin:20px auto;}
.ej_page .easysite-page-wrap a{padding:0 10px;height:28px;line-height:28px;margin:0 8px;}
.ej_page .easysite-jump-page *{height: 26px; ; line-height: 26px;border-radius:4px;}
.ej_page .pageHomes{display:none;}
.ej_page .easysite-page-wrap .shu{width:100%;padding:1.5rem 0;text-align:center;}
.ej_page .easysite-page-wrap .shu a{padding:0;}
.ej_page .easysite-page-wrap>a{padding:0;margin: 0 auto;text-align:center;width:100%;}
.dqwz{width:100%;margin:0 auto;float:none;padding-bottom:1rem;}

/*banner*/
.banner img{height:20vh;object-fit:cover;}
.conRig{padding-left:0;}

/*aboust us*/
.listBox h3,.listBox2Title{font-size:18px;margin-bottom:1rem;}
.listDan{background:none !important;}
.listDan p{margin-bottom:1rem;line-height:26px;padding-top:0 !important;}

.ourValues li{width:100%;overflow:hidden;height:auto;line-height:inherit;box-shadow:inherit;margin:0 0 1rem 0;font-size:16px;padding:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #dcdcdc;}
.ourValues li span{font-size:18px;padding-left:0;margin-bottom:1rem;}
.ourValues li img{padding-top:0;}
.ourValues li .valueP {width:13%;}
.ourValues li .valueDiv{width:83%;padding-left:4%;}
.ourValues li .valueDiv p{line-height:24px;}

/*Main Business*/
.listBox .glance,.glanceList li .glR .glRsummary{line-height:26px;}
.glanceList li{padding:1rem 0;}
.glanceList li .glL,.glanceList li .glR,.asiaList li .glL,.asiaList li .glR,.newsImg .newsImgL, .newsImg .newsImgR{width:100%;}
.glanceList li .glR .glRtitle{margin:1rem 0;}
.glanceList li .glR .glRtitle{font-size:18px;}
.glanceList li .glR .glRhref{margin-top:1rem;}
.glanceList li .glL img{height:25vh;}

.asiaList{margin-top:2rem;padding-top:2rem;}
.asiaList li{margin-bottom:20px;}
.asiaList li .glL{margin-right:0;}
.asiaList li .glL img{height:26vh;}
.asiaList li .glR p{font-size:14px;}
.asiaList li .glR p>span, .asiaList li .glR .glRbox>span{display:inline;width:auto;}
.asiaList li .glR .glRbox p{padding-left:0;}
.asiaList li .glR>div, .asiaList li .glR>p{padding:20px 0;}


/*Latest News*/
.listBox1 .nTitle{font-size:18px;margin-bottom:1rem;}
.newsImg{padding-bottom:1.5rem;}
.newsImg .newsImgR div{margin:1rem 0;}
.newsImg .newsImgR div a{font-size:18px;}
.newsList li{padding:1.5rem 0;}
.newsList li a, .newsList li span{font-size:16px;}
.newsList li a{max-width:64%;}
.newsList li p{margin-top:1rem;line-height:24px;}

/*media center*/
.videoTab li a{font-size:16px;}
.contentList{margin-left:0;margin-top:1rem;}
.contentList li{width:100%;margin-left:0;margin-bottom:1rem;}

/*Sustainability*/
.suList{margin:1.3rem 0 0 0; }
.suList li{width:100% !important;margin-right:0 !important;margin-bottom:1rem;}
.suList li img{width:100%;height:30vh;object-fit:cover;}
.suList li .suBgBox{display:block;}
.suList li .suBg{padding:14px 0;}
.suList li .suBg a{font-size:16px;}


/*Annual Report*/
.annualList{margin-left:-2%;}
.annualList li{width:48%;margin:0 2% 2% 0;}
.annualList li img{width:100%;height:218px;object-fit:cover;}
.annualList li:hover .conReportBox{display:none;}

/**/
.listBox2 {display:block;}
.videoBox1 {overflow:hidden;}
.videoBox1 h3{font-size:18px;margin-bottom:1rem;color:#333;}
.videoTab1{overflow:hidden;width:100%;}
.videoTab1 li{float:left;width:50%;text-align:center;margin-bottom:1.5rem;}
.videoTab1 li.on a{color:#0474d0;border-bottom:2px solid #0474d0;}
.videoTab1 li a{font-size:16px;color:#8ca3b6;display:inline-block;padding-bottom:8px;border-bottom:2px solid transparent;}

/*ctgiNav*/
.leftNavCtgi {display:block;}
.leftNavCtgi .leftList{margin-bottom:20px;background:#f7fbff;}
.leftNavCtgi .leftList .one{width:100%;}
.leftNavCtgi .leftList .one .oneLi{width:50%;float:left;text-align:center;border-radius:4px;overflow:hidden;}
.leftNavCtgi .leftList .one .oneLi .navLtit{padding:12px 0;}
.leftNavCtgi .leftList .one .oneLi .navLtit a{font-size: 18px;color: #333; }
.leftNavCtgi .leftList .one .oneLi.yes .navLtit , .leftNav .leftList .one .oneLi:hover .navLtit {background:#0474d0;}
.leftNavCtgi .leftList .one .oneLi.yes a,.leftNav .leftList .one .oneLi:hover a{color:#fff;}

/*contact us*/
.contentBox{background:none;min-height:inherit;}
.contentBox .contentR{position:static;margin-top:1rem;}
.contentBox .contentR .aboutLogo{padding-bottom:1.2rem;}
.contentBox .contentR .aboutLogo h3{font-size:18px;margin-bottom:1rem;}
.contentBox .contentR .aboutLogo p{font-size:16px;line-height:26px;}
.contentBox .contentR ul{}
.contentBox .contentR ul li{font-size:14px;margin-bottom:1rem;line-height:24px;display:flex;}
.contentBox .contentR ul li:first-child img{width:19px;height:20px;display:block;}

/*life is ctgi*/
.lifeList li .lifeImg{width:100%;height:auto;margin-left:0;float:none;}
.lifeList li .lifeImg img{width:100%;height:auto;position:static;}
.lifeList li .lifeCons{padding-left:0;}
.lifeList li .lifeCons h3{background:none;font-size:18px;margin:1rem 0;height:auto;line-height:inherit;}
.lifeList li .lifeCons h3 span{font-size:15px;}
.aboutboxs1 .listbd{width:100%;}
.aboutboxs1 .listbd ul{}
.aboutboxs1 .listbd ul li{width:20%;margin:0;}
.aboutboxs1 .listbd ul li p{width:60px;height:60px;}
.aboutboxs1 .arrow{position:static;margin-top:20px;text-align:center;}
.lifeList{margin-top:20px;}
.aboutboxs1 .arrow a{float:none !important;display:inline-block;}


/*join us*/
.listBox h3,.listBox2Title{font-size:18px;margin-bottom:1rem;}
.joinBox .joinOl{height:46px;}
.joinBox .joinOl li{height:46px;line-height:46px;font-size:16px;}
.joinBox .joinTitl1{font-size:20px;}
.joinBox .joinOl{margin-top:20px;}
.joinBox .joinOl .ol1, .joinBox .joinUl li .join1,.joinBox .joinOl .ol3, .joinBox .joinUl li .join3,.joinBox .joinOl .ol4, .joinBox .joinUl li .join4{display:none;}
.joinBox .joinOl .ol2, .joinBox .joinUl li .join2{width:50%;}
.joinBox .joinOl .ol5, .joinBox .joinUl li .join5{width:49%;}
.joinBox .joinUl li .join2,.joinBox .joinUl li>div{padding:12px 6px;font-size:14px;box-sizing:border-box;}
.joinBox .joinUl li>div a{font-size:15px;}

/**/
.latNewsBox {padding:20px 0;}
.latNewsBox h4{font-size:18px;}
.latNewsBox .latList{margin:0;}
.latNewsBox .latList li{width:100% !important;height:auto !important;margin:0 0 1rem 0;}
.latNewsBox .latList li .latBg{padding:1rem 12px;height:auto;}
.latNewsBox .latList li .latBg .latTitle a{font-size:16px;line-height:30px;display:block;text-align:justify;}
.latNewsBox .latList li .latBg .latSummary p{font-size:14px;line-height:26px;}

.contentBox .contentL, .contentBox .contentR{width:100%;}


}