/* Created by kong 20250312 */

body { background-image: url("../images/bg_11.jpg");}
body.area_internationl { background-image: url("../images/bg_12.jpg");}

.areainfo { margin-top: 227px; width: 428px; color: white;}
.areainfo .title { margin-left: 42px;}
.areainfo p { margin: 23px 0 0 42px; font-size: 16px; line-height: 30px; height:120px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.areainfo .readmore { margin-top: 85px;}

.areaselect { margin-top: 135px; height: 212px; box-sizing: border-box; padding: 46px 28px 0 50px; font-size: 20px; line-height: 22px; color: white; border-radius: 10px 10px 0 0; background: url("../images/bg_13.png") no-repeat; background-size: 100% 100%;}
.areaselect span { float: left; width: 94px; height: 35px; margin-bottom: 15px;}
.areaselect span a, .areaselect span b { color: white; padding-bottom: 9px; border-bottom: transparent 4px solid;}
.areaselect span a:hover, .areaselect span.current a, .areaselect span.current b { border-color: white; text-decoration: none;}

.areanews { padding: 68px 50px 50px; border-radius: 0 0 10px 10px; background: #F9F9F9;}
.areanews .areadata { font-size: 16px; line-height: 16px; color: #333; padding-bottom: 19px; border-bottom: #E8E8E8 1px solid;}
.areanews dt { margin-top: 30px; font-size: 24px; line-height: 24px; color: #333; font-weight: bold;}
.areanews dd { margin-top: 30px; overflow: hidden;}
.areanews dd .thumb { float: left; margin-right: 22px; width: 240px; height: 150px; border-radius: 10px;}
.areanews dd strong { display: block; padding-top: 9px; font-size: 24px; line-height: 26px; color: #333; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.areanews dd p { margin-top: 7px; font-size: 16px; line-height: 30px; color: #999; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.areanews dd span { float: left; margin-top: 8px; padding: 0 42px 0 30px; font-size: 16px; line-height: 38px; color: #333; border: #CCC 1px solid; border-radius: 38px; background: url("../images/arrow_06.png") right 22px center no-repeat; cursor: pointer; transition: all 0.2s;}
.areanews dd span:hover { background-color: white;}
.areanews dd span.show { background-image: url("../images/arrow_05.png");}
.areanews ul { display: none; float: right; margin-top: 4px; width: 938px;}
.areanews li { font-size: 18px; line-height: 52px; color: #333; border-bottom: #E8E8E8 1px solid; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.arealinks { margin-top: 40px;}
.arealinks ul { margin-top: 15px; height: 120px; font-size: 24px; line-height: 112px; color: white; padding: 0 66px 0 90px; display: flex; justify-content: space-between; background: url("../images/bg_14.png") no-repeat; border-radius: 10px; overflow: hidden;}
.arealinks ul li { width: 324px;}
.arealinks ul a { color: white;}