@charset "UTF-8";
/* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 
   本网站通用布局
*/

/* Css Reset */
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul { padding: 0; margin: 0}
table { border-collapse: collapse; border-spacing: 0}
fieldset,
img { vertical-align: top; border: 0}
address,
caption,
cite,
code,
dfn,
em,
i,
th,
var { font-weight: 400; font-style: normal}
li,
ol,
ul { list-style: none}
dd,
div,
dl,
dt,
li,
ol,
ul { zoom: 1}
caption,
th { text-align: left}
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 400; font-size: 100%}
q:after,
q:before { content: ''
}
abbr,
acronym { border: 0}
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif}
article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
time { margin: 0; padding: 0; display: block; zoom: 1}


/* Public */
body { color: #333; line-height: 28px; font-size: 16px; background-color: #f1f0eb; font-family: 'PingFang SC', "Microsoft YaHei", Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; min-width: 1400px;}
a { color: #333; text-decoration: none; outline: none;}
a:hover { color: #007344; text-decoration: none; }
.clearbox { border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;}
.blank { display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
*+html .clearfix { min-height: 1%;}
.fl { float: left;}
.fr { float: right;}
.hide { display: none;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.container { max-width: 1400px; margin: 0 auto; }

/* d-flex */
.d-flex { display: -ms-flexbox!important; display: flex!important; }
.flex-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important;}


/* header--------------- */
.header { background: linear-gradient(180deg, rgba(0, 1, 36, 0.6) 0%, rgba(0, 0, 0, 0) 92.5%); padding: 0 3%; position: fixed; top: 0; left: 0; width: 94%; z-index: 3; padding-top: 30px; padding-bottom: 30px; }

/* logo */
.logo { float: left; width: 25%; }
.logo img { max-width: 100%; height: auto; }
.logo .logo-2 { display: none; }

/* top-panel */
.top-panel { text-align: right; position: absolute; right: 3%; top: 20px; }
.top-panel a { display: inline-block; padding: 0 1rem; font-size: .875rem; color: #fff; text-decoration: none; line-height: 2rem;  position: relative; opacity: 0.85; transition: all 0.5s; letter-spacing: 0; }
.top-panel a:before,
.top-panel a:after { position: absolute; display: block;  font-family: "iconfont"; font-size: 1rem; font-weight: normal; }
.top-panel a:before { left: 0; top: 0; content: "\e661"; }
.top-panel a:after { right: 0; bottom: 0; content: "\e654";  }
.top-panel a:hover{ color: #efe715; opacity: 1;}

/* top-nav */
.top-nav { float: right; width: 70%; text-align: right; padding-top: 30px;}
.top-nav .li1 { font-size: 16px; padding: 0 0.5%; display: inline-block; }
.top-nav .li1 .a1 { color: #fff; }
.top-nav .on1 .a1 { color: #efe715; }

/* header-fixed---------------- */
.header-fixed { background: rgba(255,255,255,.9); box-shadow: 0px 2px 5px rgb(0 0 0 / 10%); backdrop-filter: blur(5px); }
.header-fixed .top-nav .li1 .a1 { color: #555;}
.header-fixed .top-nav .on1 .a1 { color: #018347;}

.header-fixed .logo img.logo-2 { display: block;}
.header-fixed .logo img.logo-1 { display: none;}
.header-fixed .top-panel a { color: #333; }

 
/* content--------------- */
#content { text-align: left; }

/* 位置导航 */
.path { height: 3.125rem; line-height: 3.125rem;  font-size: 0.875rem; position: relative;  }
.path a,
.path span { padding: 0 3px; }
.path .con { position: relative; z-index: 1; }
.path em:before { display: inline-block; content: '\ecd2'; font-family: "iconfont"; font-size: 1.2rem; vertical-align: top; margin-right: 0.4rem;}

/* page-banner */
.page-banner { width: 100%; }
.page-banner img { width: 100%; height: auto; }

/* side */
.side { width: 19rem; float: left; margin-right: 2.1875rem; margin-top: -6.2rem; position: relative; z-index: 1;}
.mainBox { overflow: hidden; }


/*footer----------------- */
#footer { padding: 30px 0 0; background-color: #04623a; line-height: 32px; text-align: center; font-size: 14px; min-width: 1400px; }

/* foot-logo */
.foot-logo { width: 22%; float: left; padding-top: 36px; }
.foot-logo img { max-width: 100%; height: auto; }

/* add */
.add { float: left; width: 48%; padding:0 0 0 4%; text-align: left; opacity: 0.8; color: #fff; padding-top: 8px;}

/* qrcode-list */
.qrcode-list { float: right; width: 25%;  }
.qrcode-list li { float: left; width: 31%; margin: 0 1%;}
.qrcode-list .pic { text-align: center; }
.qrcode-list img {  border: 5px solid #fff; width: 100px; height: 100px; }
.qrcode-list .tit { color: #fff; opacity: 0.8; display: block; line-height: 1.5; padding-top: 8px; }

/* foot-msg */
.foot-msg { clear: both; border-top: 1px solid rgba(255,255,255,.2); margin-top: 1.67rem; padding: 1.2rem 0; color: #d6d6d4; line-height: 1.5; }
.foot-msg a { color: #d6d6d4; }
.foot-msg a:hover { color: #fff; }


/* goTop */
#goTop { position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; box-shadow: 0 0 5px #9c9c9c; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, .5);}
#goTop::after { display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0;}

/* winMark */
#winMark { z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .8); left: 0; top: 0;}

/* 模型盒子----------------- */

/* more */
.hd a.more { font-size: 0.875rem; position: absolute; right: 0; top: 50%; margin-top: -1.125rem; opacity: 0.5; transition: all 0.5s; }
.hd a.more::after { display: inline-block; content: "\e744";  font-family: "iconfont"; font-size: 2rem; vertical-align: middle; position: relative; top: -2px;}
.hd a.more:hover { opacity: 1; }

/* box-primary */
.box-primary>.hd { text-align: center; position: relative; margin-bottom: 2em; }
.box-primary>.hd li { display: inline-block; font-size: 1.625rem; color: #999; margin: 0 1rem;  }
.box-primary>.hd li a.tit { color: #999; font-weight: bold; }
.box-primary>.hd li.on,
.box-primary>.hd li.on a { color: #835A4C; }
.box-primary>.hd li:before,
.box-primary>.hd li:after { display: inline-block; content: "\e61c";  font-family: "iconfont"; font-size: 2.2rem; font-weight: normal; margin: 0 0.5rem; vertical-align: bottom; }
.box-primary>.hd li:after { transform: rotateY(180deg); }
.box-primary>.hd li .more { display: none; }
.box-primary>.hd li.on .more { display: block; }

.box-primary>.hd h3 { font-size: 1.625rem; color: #835A4C; line-height: 2rem;  }
.box-primary>.hd h3 a { color: #835A4C;  }
.box-primary>.hd h3:before,
.box-primary>.hd h3:after { display: inline-block; content: "\e61c";  font-family: "iconfont"; font-size: 1.8rem; font-weight: normal; margin: 0 0.5rem; vertical-align: bottom; }
.box-primary>.hd h3:after { transform: rotateY(180deg); }
.box-primary>.bd { clear: both; }


/* box-default */
.box-default .hd { text-align: center; position: relative; margin-bottom: 2rem;  }
.box-default .hd h3 { font-size: 1.625rem; line-height: 3rem; display: inline-block; padding: 0 2rem; vertical-align: middle; }
.box-default .hd h3:before,
.box-default .hd h3:after { display: inline-block; content: "\e61c";  font-family: "iconfont"; font-size: 2.2rem; font-weight: normal; margin: 0 0.5rem; vertical-align: bottom;}
.box-default .hd h3:after { transform: rotateY(180deg); }
.box-default .hd:before,
.box-default .hd:after { display: inline-block; content: ''; height: 3.55rem; width: 2px; background: linear-gradient(180deg, rgba(133, 89, 76, 0) 0%, #85594c 100%); 
 opacity: 0.8; vertical-align: middle; }
.box-default .hd:before { transform: rotate(-90deg); }
.box-default .hd:after { transform: matrix(0, -1, -1, 0, 0, 0); }
.box-default .hd,
.box-default .hd h3 a,
.box-default .hd h3:before,.box-life .hd h3:after { color: #835A4C; }



/* row-group */
.row-group { clear: both; padding: 3rem 0;  }

/* top-banner */
.top-banner { position: relative; }
.top-banner .hd { position: absolute; bottom: 65px; right: 10%; z-index: 2;}
.top-banner .hd li { float: left; width: 40px; height: 4px; background-color: #fff; margin-right: 20px; cursor: pointer; transition: all 0.5s;  }
.top-banner .hd li span { display: none; } 
.top-banner .hd li.on { background-color: #009B4C; }
.top-banner .bd .title { display: none; }
.top-banner .bd .titleBg { display: block; bottom: 0; left: 0; width: 100%; height: 130px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); position: absolute; } 
.top-banner .pic img { width: 100%; height: auto; }

/* row-group-a------------------------------- */
.row-group-a { background: url(/content/main/contentmanage/english/img/bg-new.jpg) no-repeat center bottom; -webkit-background-size: cover; background-size: cover; }

/* focusBox */
.focusBox { width: 680px; height: 410px; float: left; position: relative; overflow: hidden; margin-right: 20px;}
.focusBox .hd { position: absolute; bottom: 24px; right: 15px; height: 12px; }
.focusBox .hd li { float: left; width: 12px; height: 12px; background-color: #eee; margin-right: 5px; cursor: pointer; }
.focusBox .hd li span { display: none; }
.focusBox .hd li.on { background-color: #009B4C; }
.focusBox .bd .pic img { width: 680px; height: 410px; transition: all 0.5s; display: block; background-color: #fff;}
.focusBox .bd .pic:hover img { transform: scale(1.02); } 
.focusBox .bd .con { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); height: 60px; line-height: 60px;  position: absolute; bottom: 0; left: 0; width: 100%; }
.focusBox .bd .title { font-size: 18px; width: 76%; height: 60px; line-height: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.focusBox .bd .title a { color: #fff; padding-left: 1rem; }

/* top-list */
.top-list { overflow: hidden; }
.top-list li { float: left; background-color: #fff; border-bottom: 2px solid #835A4C; height: 188px; width: 48.5%; transition: all 0.3s ease-out 0s; transform: none; position: relative; }
.top-list .con { padding: 20px; }
.top-list .title {margin-bottom: 10px; }
.top-list .intro { font-size: 14px; line-height: 24px; margin-bottom: 10px; color: #666; height: 48px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.top-list li.first { float: none; height: 200px; margin-bottom: 20px; border-bottom: none; width: 100%; background: #fff url(../img/focus-bg-1.png) no-repeat left center;}
.top-list li.first .con { padding: 20px; }
.top-list li.first .title { font-size: 24px; font-weight: bold; height: 35px; line-height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.top-list li.first .intro { -webkit-line-clamp: 3; height: 72px;}
.top-list li.last { float: right; }

.top-list li:nth-child(2) .title,
.top-list li:nth-child(3) .title { height: 48px; line-height: 24px; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }


.top-list .date { display: block; font-size: 14px; color: #835A4C; transition: all 0.5s; letter-spacing: 0; }
.top-list .date:before { display: block; content: '\E61D'; font-family: "iconfont"; font-size: 1.3rem; display: inline-block; vertical-align: bottom; margin-right: 0.4rem; }
.top-list li:hover .date { letter-spacing: 1px; }

.top-list li:hover { transform: translateY(-5px); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);}
.top-list .title a:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* row-group-b------------------------------- */
.row-group-b { background: url(/content/main/contentmanage/english/img/bg-xshd.jpg) no-repeat center top; -webkit-background-size: cover; background-size: cover; overflow: hidden; }

.box-org .swiper-container { padding: 2rem 0; }

.pic-intro-list li { background: #fff; transition: all 0.3s ease-out 0s; transform: none; position: relative; width: 23%; margin: 0 1%; }
.pic-intro-list .pic { overflow: hidden; }
.pic-intro-list .pic img{ width: 100%; transition: all 0.5s; display: block; line-height: 1.5rem;}
.pic-intro-list li:hover .pic img { transform: scale(1.02); }



.pic-intro-list .con{ padding:1rem 1.25rem; }
.pic-intro-list .title {  line-height: 1.625rem; height: 3.25rem; margin-bottom: 0.3rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.pic-intro-list .title a{ display: block; color: inherit; }
.pic-intro-list .intro {  margin-top: 0.6rem; font-size: 0.875rem; line-height: 1.6rem; height: 4.8rem; margin-bottom: 0.5rem; color: #999; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }

.pic-intro-list .date { font-size: 0.875rem; color: #999; display: block; transition: all 0.5s; letter-spacing: 0;  }
.pic-intro-list .date:before { display: block; content: '\E61D'; font-family: "iconfont"; font-size: 1.3rem; display: inline-block; vertical-align: bottom; margin-right: 0.4rem; }
.pic-intro-list .date:after { clear: both; content: ''; width: 40%; height: 2px; background-color: #ececec; position: absolute; right: 8%; bottom: 50%; margin-bottom: -1px; }
.pic-intro-list .others { position: relative; }
.pic-intro-list .others:before { display: block;  content: ''; width: 12px; height: 12px; border: 1px solid #d9d9d9; border-radius: 100%; position: absolute; right: 0; bottom: 50%; margin-bottom: -6px; }
.pic-intro-list .others:after { display: block; content: ''; position: absolute; width: 6px; height: 6px; border: 1px solid #d9d9d9; border-radius: 100%; right: 3px; bottom: 50%; margin-bottom: -3px; }
.pic-intro-list li:hover { transform: translateY(-10px); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }
.pic-intro-list li:hover .date { letter-spacing: 1px; }

.pic-intro-list .pic a:after { display: block; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.pic-intro-list .noPic .pic { display: none; }
.pic-intro-list .noPic .title { -webkit-line-clamp: 3; height: 4.875rem;}
.pic-intro-list .noPic .intro { -webkit-line-clamp: 8; height: 14.4rem;}

.box-org .pic-intro-list { justify-content: space-between; flex-flow: row wrap; margin: 0 -1%; }


/* row-group-c------------------------------- */
.row-group-c { background: url(/content/main/contentmanage/english/img/bg-new.jpg) no-repeat center bottom; -webkit-background-size: cover; background-size: cover;  }

/* bg-list */
.bg-list li { float: left; width: 41.875rem; height: 10rem; position: relative; }
.bg-list li.first { background: url(/content/main/contentmanage/english/img/bg-list-1.png) no-repeat; }
.bg-list li.last { background: url(/content/main/contentmanage/english/img/bg-list-2.png) no-repeat; float: right; }
.bg-list li:before { display: block; content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0; position: absolute; top: 0; left: 0; }
.bg-list li a { display: block; font-size: 2.25rem; line-height: 10rem; color: #fff; width: 100%; height: 10rem; text-align: center; letter-spacing: 0; transition: all 0.5s; position: relative; z-index: 1;}
.bg-list li:hover:before { opacity: 0.2; }
.bg-list li:hover a { letter-spacing: 1px; }

/* row-group-f------------------------------- */
.row-group-f { background: url(/content/main/contentmanage/english/img/bg-sjxy.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; padding: 2.75rem 0 1rem; }

/* box-data */
.box-data .hd h3 a,
.box-data .hd h3:before, .box-data .hd h3:after { color: #fff; }
.box-data .hd a.more { color: #fff; }
.box-data .hd:before,.box-data .hd:after { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);}
.box-data .bd .con { overflow: hidden; }
.box-data .bd .iconfont { display: block; width: 4.5rem; height: 4.5rem; line-height: 4.5rem; text-align: center; background: url(/content/main/contentmanage/english/img/border.png) no-repeat; float: left; -webkit-background-size: 100% 100%;
background-size: 100% 100%; transition: all 0.5s; }
.box-data .bd li:hover .iconfont {  opacity: 0.8; margin-right: 1.4rem;}

/* data-list */
.data-list li { flex: 0 0 20%; margin-bottom: 3rem; color: #fff; position: relative; }
.data-list li:after { display: block; content: ''; position: absolute; right: 15%; top: 0; width: 0; height: 100%; border-right: 1px dashed rgba(255,255,255,.2); }
.data-list li:nth-child(5n):after { display: none; }

.data-list i.iconfont { font-size: 3.4rem; opacity: 0.5; margin-right: 1.2rem; }
.data-list .num { font-weight: bold; font-size: 2.5rem; line-height: 2.5rem;}
.data-list p,.data-list em { font-size: 0.875rem; opacity: 0.8; }



/* 内页 css------------------------------- */
/* side */
.side { width: 19rem; float: left; margin-right: 2.1875rem; margin-top: -6.2rem; position: relative; z-index: 1;}
.mainBox { overflow: hidden; }


/* sideMenu */
#sideMenu .hd { background: url(/content/main/contentmanage/english/img/side-menu-bg.png) no-repeat; height: 6.25rem; width: 19rem;  }
#sideMenu .hd h3 { color: #fff; font-size: 2.375rem; text-align: center; line-height: 6.25rem;  }
#sideMenu .bd { background-color: #fff;  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);}
#sideMenu .bd ul { padding: 1.875rem 0 0 1.875rem; }
#sideMenu .bd li { border-bottom: 1px solid #EFEFEF; position: relative; margin-bottom: 0.2rem;}
#sideMenu .bd li a { line-height: 1.75rem; padding: 1rem 2rem; display: block; font-size: 1.125rem;  }
#sideMenu .bd li:before { display: block; width: 0.5rem; height: 100%; content: ''; position: absolute; left: 0; top: 0;  background: url(/content/main/contentmanage/english/img/hw-2.png) repeat-y;}
#sideMenu .bd li a:after { display: block; content: ''; position: absolute; left: 90%; top: 50%; margin-top: -4px; width: 5px; height: 9px; background: url(/content/main/contentmanage/english/img/arrow.png) no-repeat; }
#sideMenu .bd li.on { background-color: #007344; }
#sideMenu .bd li.on a,
#sideMenu .bd li:hover a { color: #fff; }
#sideMenu .bd li.on:after { display: block; content: ''; width: 5px; height: 100%; background-color: #007344; position: absolute; left: 100%; top: 0; }
#sideMenu .bd li.on a:before { display: block; content: ''; width: 5px; height: 6px; background: url(/content/main/contentmanage/english/img/sjx.png) no-repeat; position: absolute; top: 100%; left: 100%;  }
#sideMenu .bd li:hover, #sideMenu .bd li:hover:after { background-color: #049E5F;}


.page-content { position: relative; }
.side-intro { position: absolute; top: -3.075rem; width: 19rem; }

/* newsList */
.newsList li { overflow: hidden; position: relative; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5rem; height: 1.5rem; padding: 1.25rem 2.5rem ; background-color: #fff; margin-bottom: 1.25rem;}
.newsList li:before { display: block; width: 8px; height: 100%; content: ''; position: absolute; left: 0; top: 0;  background: url(/content/main/contentmanage/english/img/hw-2.png) repeat-y; }
.newsList li a:after { display: block; position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; }
.newsList .date { margin-right: 1rem; color: #999; border-right: 1px solid #ddd; padding-right: 1rem;}
.newsList li.on { background: #007744; color: #fff; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);  }
.newsList li.on a { color: #fff; }
.newsList li.on .date { color: #fff; }
.newsList li:after { display: block; position: absolute; right: 100%; bottom: 0; background: url(/content/main/contentmanage/english/img/cy.png) no-repeat right center; width: 7.3125rem; height: 100%; -webkit-background-size: auto 100%; background-size: auto 100%; content: ''; transition: all 0.5s; }
.newsList li.on:after { right: 0; }

/* 内容带图片的信息列表_图片判断式 */
.pageTPList li { overflow: hidden; word-wrap: break-word; transition: all 0.5s; margin-bottom: 1.5rem; padding: 1rem 1.125rem 1rem 1.8rem;  position: relative; background-color: #fff; }
.pageTPList li:before { display: block; width: 8px; height: 100%; content: ''; position: absolute; left: 0; top: 0;  background: url(/content/main/contentmanage/english/img/hw-2.png) repeat-y; }
.pageTPList .pic {  width: 14.375rem; float: left; margin-right: 2rem; }
.pageTPList .pic img { width: 100%; height: auto; display: block; line-height: 1.5rem; font-size: 0;}
.pageTPList .con { overflow: hidden; zoom: 1; padding-right: 7rem; }
.pageTPList .title { font-size: 1.125rem; line-height: 2.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0.8rem; }
.pageTPList .title a { color: #007744; }
.pageTPList .title a:after { display: block; position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; }
.pageTPList .intro { line-height: 1.5rem; color: #999; height: 4.5rem; overflow: hidden; font-size: 0.875rem; margin-bottom: 0.5rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.pageTPList .title a:hover { text-decoration: none;}
.pageTPList .intro .more { display: none;}
.pageTPList .last { border-bottom: 0; margin-bottom: 0;}
.pageTPList .on { background: #007744; color: #fff;  transform: translateX(10px);  }
.pageTPList .on .title a { color: #fff; }
.pageTPList .on .intro { color: #fff; }
.pageTPList li:after { display: block; position: absolute; right: 100%; bottom: 0; background: url(/content/main/contentmanage/english/img/cy.png) no-repeat; width: 7.3125rem; height: 7.5rem; content: ''; transition: all 0.5s; }
.pageTPList li.on:after { right: 0; }
.pageTPList .date { font-size: 1rem; color: #aaa; position: absolute; right: 2rem; top: 3rem; }
.pageTPList .date .d3 { display: block; border-top: 1px solid #ddd; text-align: center;}
.pageTPList li.on .date em { color: #fff !important; }
.pageTPList .date .d1 {  padding-bottom: 0.5rem;}


/* url_方块样式分页 */
.page { text-align: left; padding: 3rem 0; clear: both; overflow: hidden; color: #888; text-align: center;}
.page a,
.page span { display: inline-block; *display: inline; zoom: 1; border: 1px solid #E1E1E1; padding: 0px 0.6rem; line-height: 2rem; height: 2rem; color: #888; background-color: #fff; font-size: 0.875rem;}
.page a:hover,
.page span:hover { border: 1px solid #007744; text-decoration: none; color: #007744; }
.page .current { border: 1px solid #007744; background: #007744; color: #fff !important; }
.page select,
.page input { margin: 0 0.5rem; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle; }
.page input { text-align: center; padding: 0 0.25rem; outline: none; line-height: 1rem; }
.page .disabled { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }



/* 文章内容页 -----------------------------------------*/
.subheading { font-size: 16px;}
.articleCon { text-align: left; padding: 2.5rem 3.75rem; background-color: #fff; }

.page-content .articleCon {   }

.printArea .title { font-size: 1.875rem; line-height: 1.5; text-align: center; margin-bottom: 1.875rem; word-wrap: break-word; font-weight: bold; }
.printArea .subTitle,
.printArea .subheading { font-size: 1.2rem; color: #777; text-align: center; margin-bottom: 20px;}
.printArea .property { font-size: 0.875rem; margin-bottom: 1.2rem; padding: 0 1rem; color: #777; background: #f8f8f8; position: relative;  height: 2.625rem; line-height: 2.625rem;}
.printArea .property:before,
.printArea .property:after { display: block; content: ''; width: 0.75rem; height: 2.625rem; background: url(/content/main/contentmanage/english/img/hw-3.png) no-repeat; position: absolute; top: 0; -webkit-background-size: auto 100%; background-size: auto 100%; }
.printArea .property:before { left: 0; }
.printArea .property:after { right: 0; transform: rotateY(180deg); }
.printArea .property>span { margin-right: 0.8rem;}
.printArea .property .shared,
.printArea .property .size { float: right; margin-top: 0.375rem; }
.printArea .property .size { margin-right: 0.3rem; }
.printArea .property .size a { display: inline-block; width: 2.5rem; height: 1.875rem; font-size: .875rem; text-align: center; background-color: #fff; line-height: 1.875rem; vertical-align: top; }

.printArea .property .iconfont { color: #999; }
.printArea .property .icon-b { font-size: 1.5rem; }
.printArea .property .icon-s { font-size: 1.25rem; }
.printArea .property .icon-shared { font-size: 1.5rem; }


.printArea .property .size a:hover { background-color: #12854e; }
.printArea .property .size a:hover .iconfont { color: #fff; }

.printArea .property .shared { position: relative; }
.printArea .property .shared>span { display: inline-block; width: 2.5rem; height: 1.875rem; font-size: .875rem; text-align: center; background-color: #fff; line-height: 1.875rem; vertical-align: top; cursor: pointer; }
.printArea .property .shared>span:hover { background-color: #12854e;  }
.printArea .property .shared>span:hover .icon-shared  { color: #fff;}
.printArea .property .in-shared { position: absolute; top: 1.875rem; right: 0; width: 6rem;  display: none; background-color: #f5f5f5; padding: 0.5rem 1rem;}
.printArea .property .shared:hover .in-shared { display: block; }
.printArea .conTxt,
.printArea .conTxt *{box-sizing:content-box; max-width: 100%; height: auto !important;}
.printArea .conTxt { color: #333; font-size: 1rem; line-height: 2; text-align: left; padding: 0 0 1rem 0; overflow: hidden; font-family: 'PingFang SC', "Microsoft YaHei", Arial, Helvetica, Tahoma, sans-serif; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
.printArea .conTxt p {margin: 0 0 1rem; padding:0px; line-height: 2rem;  word-wrap: break-word; border: none; border-radius: 0; white-space:normal;}
.printArea .conTxt img { max-width: 100%; height: auto !important; border: 0; vertical-align: top}
.printArea .conTxt table{background-color: transparent; border-collapse: collapse; border-spacing: 0; text-align: left; }
.printArea .conTxt table td{padding: 0.4rem 1.8rem;}
.printArea .conTxt table td p{padding: 0 !important; margin: 0 !important; text-indent: 0 !important;}
.printArea .conTxt table p { margin: 0}
.printArea .conTxt a { color: blue; text-decoration: underline;}
.printArea .conTxt em { font-style: italic;}
.printArea .conTxt ul { padding-left: 2em; list-style: inherit;}
.printArea .conTxt ol { padding-left: 2em; list-style: decimal;}
.printArea .conTxt ul li { zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt ol li { zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt h1 { font-size: 2em; margin: .67em 0;}
.printArea .conTxt h2 { font-size: 1.5em; margin: .75em 0;}
.printArea .conTxt h3 { font-size: 1.17em; margin: .83em 0;}
.printArea .conTxt h5 { font-size: .83em; margin: 1.5em 0;}
.printArea .conTxt h6 { font-size: .75em; margin: 1.67em 0;}
.printArea .conTxt h1,
.printArea .conTxt h2,
.printArea .conTxt h3,
.printArea .conTxt h4,
.printArea .conTxt h5,
.printArea .conTxt h6,
.printArea .conTxt b,
.printArea .conTxt strong { font-weight: bolder;}
.printArea .conTxt .videoPlayer{text-indent: 0;}
.printArea .videoPlayer { text-align: center; margin: 1rem auto; }

.articleCon .page { padding: 0.625rem 0; text-align: center; overflow: hidden;}
.articleCon .others { margin-bottom: 1rem; line-height: 1.5rem;}
.articleCon .others .prev,
.articleCon .others .next { padding: 0.3rem 0; word-wrap: break-word}

/* 关闭 打印 */
.userControl { text-align: center; padding-top: 2rem;}
.userControl a { display: inline-block; margin: 0 0.5rem; line-height: 2.5rem; height: 2.5rem; border:1px solid #DADADA; border-radius: 2px; text-align: center; color: #999; padding: 0 1rem; background-color: #F3F3F3; transition: all 0.5s; }
.userControl i { display: inline-block; vertical-align: top; }

.userControl a:hover { background-color: #027345; color: #fff; border-color: #027345; }


.bdsharebuttonbox .hd { display: none; }