@charset "utf-8";
/* CSS Document */

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; background:rgba(255,255,255,0.8); position:fixed; left:0; top:0; z-index:99;}
.header .head{ position:relative; margin:0 5%; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header a.lang{ display:block; width:66px; line-height:28px; color:#fff; font-size:14px; text-align:center; background:url(../images/common/lang.png) left center no-repeat; background-size:auto 100%; float:right; margin:14px 0 0; margin:18px 0 0; position:relative;}
.header a.lang::after{ content:''; display:block; width:0%; height:100%; background:url(../images/common/lang_h.png) left center no-repeat; background-size:auto 100%; position:absolute; left:0; top:0; z-index:1; transition:all ease 0.4s;}
.header a.lang i{ display:block; position:relative; z-index:3;}
.header a.lang:hover::after{ width:100%;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; position:relative;}
.header h1.logo a::after{ content:''; display:block; width:100%; height:100%; background:url(../images/common/logo_fix.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.header h1.logo a img{ display:block; height:64px;}

/*导航*/
ul.nav{ display:block; font-size:14px; float:right;}
ul.nav::before,
ul.nav::after{ content:''; display:block; overflow:hidden; clear:both;}
ul.nav li.close{ display:none;}
ul.nav li{ display:block; float:left; position:relative; margin:0 2.5em 0 0;}
ul.nav li a{ display:block; min-width:2.5em; line-height:64px; color:#00aa72; text-align:center; white-space:nowrap; position:relative; padding:0 0.5em;}
ul.nav li a::after{ content:''; display:block; width:100%; height:0px; background:#00aa72; position:absolute; left:0; bottom:0; transition:all ease 0.4s; transform:scale(0,1);}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ font-weight/:bold;}
ul.nav li a:hover::after,
ul.nav li.on a::after,
ul.nav li.cur a::after{ transform:scale(1,1);}
ul.nav li p.sub{ display:none; min-width:132%; background:#fff; padding:0.5em 0; position:absolute; left:50%; top:100%; transform:translate(-50%); z-index:99; box-shadow:0 0 8px rgba(22,22,22,0.2);}
ul.nav li p.sub a{ width:auto; line-height:3; color:#666; font-size:0.9375em; font-weight:normal; padding:0 1em; border:0;}
ul.nav li p.sub a::after{ display:none;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; background:#00aa72;}

.header{ transition:all ease 0.4s;}
.header.fixed{ background:rgba(255,255,255,1); box-shadow:0 0 6px rgba(0,0,0,0.4);}

/*底部*/
.footer{ background:#2c343b; padding:70px 0 0;}
.footer .foot{ margin:0 64px; position:relative; z-index:5;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .info{ font-size:16px; padding:0 0 70px; float:left;}
.footer .info a.logo{ display:inline-block; vertical-align:top; margin:0 0 30px;}
.footer .info a.logo img{ display:block; height:2.75em;}
.footer .info p{ display:block; line-height:1.75; color:#c5c9cb; overflow:hidden;}
.footer .info p a:hover{ color:#00aa72; text-decoration:underline;}
.footer .code{ font-size:16px; padding:30px 0 0;}
.footer .code::before,
.footer .code::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .code a{ display:block; background:#303b44; border-radius:5px; position:relative; float:left; margin:0 18px 0 0; cursor:pointer; transition:all ease 0.4s;}
.footer .code a > img{ display:block; width:56px; height:56px; filter:brightness(0) invert(1); opacity:0.7; transition:all ease 0.4s;}
.footer .code a em{ display:block; background:#fff; padding:10px; border-radius:5px; position:absolute; left:50%; top:100%; transform:translate(-50%,24px); z-index:5; transition:all ease 0.4s; opacity:0; visibility:hidden;}
.footer .code a em::before{ content:''; display:block; border:1px solid #fff; border-width:0 7px 7px; border-color:#fff transparent; position:absolute; left:50%; bottom:100%; transform:translateX(-50%);}
.footer .code a em img{ display:block; width:auto; height:110px; border-radius:4px;}
.footer .code a:hover{ background:#fff;}
.footer .code a:hover > img{ filter:brightness(1) invert(0); opacity:1;}
.footer .code a:hover em{ opacity:1; visibility:visible;}

.footer dl.addr{ display:block; color:#fff; font-size:16px; float:right; margin:0 0 0 64px;}
.footer dl.addr dt{ display:block; line-height:1.375; padding:0 0 0.25em;}
.footer dl.addr dt::before{ content:''; display:inline-block; width:1.125em; height:0.5em; background:url(../images/icons/more.png) center no-repeat; background-size:100% 100%; vertical-align:top; margin:0.4375em 0.5em 0 0; position:relative; z-index:1;}
.footer dl.addr dd + dt{ padding:1.25em 0 0.5em;}
.footer dl.addr dd{ display:block; line-height:2.75; font-size:0.9375em;}
.footer dl.addr dd a{ display:block; position:relative;}
.footer dl.addr dd a::after{ content:''; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0; transition:all ease 0.4s; transform:scale(0,1); transform-origin:left center;}
.footer dl.addr dd a:hover::after{ transform:scale(1,1);}

.footer .copyright{ display:flex; justify-content:space-between; line-height:2; color:#ddd; font-size:15px; padding:2em 0; border-top:1px solid #505a62; margin:0 64px;}

.shadow{ display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:998;}
.notice{ display:none; width:950px; overflow:hidden; font-size:16px; background:#fff url(../images/icons/win.jpg) center bottom no-repeat; background-size:100% auto; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999;}
.notice .info{ padding:0 54px; position:relative; overflow:hidden;}
.notice a.close{ display:block; width:30px; height:30px; background:url(../images/icons/close.png) no-repeat; position:absolute; right:0; top:0; z-index:3; margin:16px; opacity:0.7; cursor:pointer;}
.notice h4{ display:block; color:#333; font-size:1.5em; font-weight:normal; text-align:center; padding:2em 0 1.125em;}
.notice .txt{ display:block; max-height:26em; line-height:2; color:#666; font-weight:normal; overflow:hidden; overflow-y:auto; padding-right:1em; margin-right:-2em; margin-bottom:3em;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png); background-size:contain; position:fixed; right:20px; bottom:60px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:99;}
.backToTop:hover{ opacity:0.9;}

/*主体样式*/
.main{ background:#edf3f8; margin:0 auto; position:relative;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.main p.position{ display:block; line-height:4.5em; color:#888; font-size:15px; overflow:hidden; padding:0.5em 0 0;}
.main p.position a{ margin:0 2px;}
.main p.position a:hover{ color:#00aa72;}

/*内容样式*/
.main .attr{ width:80vw; min-width:1200px; margin:0 auto; position:relative;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; font-size:16px; font-weight:normal; padding:2.5em 0 2.5em; overflow:hidden;}
.main .attr h2.title a{ display:block; line-height:2.25; color:#00aa72; background:#fff; padding:0 1.25em; border-radius:1.125em; overflow:hidden; float:right; transition:color ease 0.4s; margin:2.25em 0 0;}
.main .attr h2.title a::before{ content:''; display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid #fff; border-radius:1.125em; position:absolute; left:0; top:0; z-index:3;}
.main .attr h2.title a::after{ content:''; display:inline-block; width:1.125em; height:0.5em; background:url(../images/icons/more.png) center no-repeat; background-size:100% 100%; vertical-align:top; margin:0.875em 0 0 0.5em; transition:all ease 0.6s; position:relative; z-index:1;}
.main .attr h2.title a font{ position:relative; z-index:3;}
.main .attr h2.title a:hover{ color:#fff;}
.main .attr h2.title a:hover::after{ transform:scale(20);}
.main .attr h2.title em{ display:block; line-height:1.5; color:#00aa72; font-size:2.25em; font-weight:bold; overflow/:hidden;}
.main .attr h2.title span{ display:block; line-height:1.5; color:#333; font-size:2.25em; text-transform:uppercase; font-weight:100; overflow:hidden; line-height:2.25; font-size:1.5em;}

.newsCon{ background:#edf3f8;}
.newsCon .box{ background:#fff; padding:0 40px; border-top:3px solid #00aa72; border-radius/:5px; box-shadow/:0 0 16px rgba(147,147,147,0.1);}
.main .attr h3.title{ display:block; line-height:1.6875; color:#333; font-size:32px; font-weight:normal; text-align:center; padding:1.375em 0 0;}
.main .attr p.mark{ display:block; line-height:2.6; color:#999; font-size:15px; text-align:center; padding:1em 0; border-bottom:1px solid #ddd;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ line-height:2.125; color:#444; font-size:16px; text-align:justify; padding:1.875em 0 3em; margin:0 0.5em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

.main .attr h2.title ~ .article{ padding-top:0; margin:-1.25em 0 0;}


/*文章切换*/
.main .change{ font-size:16px; background:#fff; overflow:hidden; padding:1.25em 40px; border-top:3px solid #00aa72; border-radius/:5px; margin:30px 0 70px; box-shadow/:0 0 16px rgba(147,147,147,0.1);}
.main .change a.back{ display:block; width:8.125em; line-height:3; color:#fff; text-align:center; background:#00aa72; border-radius:1.5em; overflow:hidden; transition:color ease 0.4s; float:right; margin:0.9em 0 0 2em;}
.main .change a.back::after{ content:''; display:inline-block; width:1.125em; height:0.5em; background:url(../images/icons/more2.png) center no-repeat; background-size:100% 100%; vertical-align:top; margin:1.25em 0 0 0.5em; transition:all ease 0.6s; position:relative; z-index:1;}
.main .change a.back font{ position:relative; z-index:3;}
.main .change a.back:hover{ color:#00aa72;}
.main .change a.back:hover::after{ transform:scale(20);}
.main .change p{ display:block; line-height:2.4; color:#666; font-size:0.9375em; overflow:hidden;}
.main .change p a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; max-width:100%; transition:all ease 0.4s;}
.main .change p a:hover{ color:#00aa72;}

/*页码样式*/
.pages{ text-align:center; font-size:15px; padding:0 0 70px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; width:66px; color:#444; line-height:34px; text-align:center; background:url(../images/common/page.png) center no-repeat; background-size:100% 100%; margin:0 -6px; transition:all ease 0.4s;}
.pages a:hover,
.pages span{ color:#fff; background-image:url(../images/common/page_h.png);}

/*君联观点*/
.main ul.newsList{ display:block; font-size:16px; position:relative; padding:70px 0 40px; margin:0 -18px;}
.main ul.newsList::before,
.main ul.newsList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.newsList li{ display:block; width:50%; overflow:hidden; position:relative; float:left;}
.main ul.newsList li a{ display:block; overflow:hidden; position:relative; margin:0 18px 36px; transition:all ease 0.4s;}
.main ul.newsList li a img{ display:block; width:100%; height/:28vw; object-fit/:cover; transition:all ease 0.4s;}
.main ul.newsList li a span{ display:block; width:100%; box-sizing:border-box; line-height:3.75; color:#fff; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s; padding:3em 1.25em 1em; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); position:absolute; left:0; bottom:-1em;}
.main ul.newsList li a:hover{ background:#00573d; box-shadow:0 0 8px rgba(0,0,0,0.2);}
.main ul.newsList li a:hover img{ opacity:0.9; transform:scale(1.05);}
.main ul.newsList li a:hover span{ transform:translateY(-0.625em);}



@media only screen and (max-width:1440px){

.header .head{ margin:0 3% 0 5%;}

.footer{ padding:60px 0 0;}
.footer .foot{ margin:0 64px;}
.footer .info{ font-size:14px; padding:0 0 70px;}
.footer .info a.logo{ margin:0 0 24px;}
.footer dl.addr{ font-size:14px; margin:0 0 0 64px;}
.footer dl.addr dd{ font-size:13px;}
.footer .code a em{ padding:7px; transform:translate(-50%,18px);}
.footer .code a em img{ height:90px;}
.footer .code a > img{ width:40px; height:40px;}
.footer .copyright{ font-size:13px; padding:1.5em 0; margin:0 44px;}

.notice{ width:900px; font-size:15px;}

.backToTop{ width:44px; height:44px; right:16px;}

.main .attr h3.title{ font-size:28px;}

.main ul.newsList{ margin:0 -12px;}
.main ul.newsList li a{ margin:0 12px 32px;}
.main ul.newsList li a span{ font-size:inherit;}


}




/**/