/* CSS Document */

body{ background:#fff; /* letter-spacing:3px; */}
.left{ float:left;}
.right{ float:right;}
.wrap{ background:#fafafa; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; border-bottom:1px solid rgba(255,255,255,0.25); position:absolute; left:0; top:0; z-index:99;}
.header .head{ position:relative; width:92%; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; float:left; padding:12px 0;}
.header h1.logo a{ display:block; position:relative;}
.header h1.logo a::after{ content:''; display:block; width:100%; height:100%; background:url(/static/addons/cms/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:46px;}

/*导航*/
ul.nav{ display:block; font-size:16px; float:right;}
ul.nav::before,
ul.nav::after{ content:''; display:block; overflow:hidden; clear:both;}
ul.nav li.close,
ul.nav li.home{ display:none;}
ul.nav li{ display:block; float:left; position:relative; margin:0 1.5em;}
ul.nav li a{ display:block; line-height:70px; color:#fff; text-align:center; white-space:nowrap; position:relative; padding:0 0 0 3px;}
ul.nav li a::after{ content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:0; transition:all ease 0.4s; transform:scale(0,1); transform-origin:left center;}
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 !important; 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:#dac27a;}

.header,
.header h1.logo a::after,
.header h1.logo a img,
.header ul.nav li > a,
.header ul.nav li > a:hover,
.header ul.nav li.on > a,
.header ul.nav li.cur > a,
.header ul.nav li a::after{ transition:all ease 0.4s;}

/*
.header.fixed{ background:#fff; box-shadow:0 0 6px rgba(0,0,0,0.4);}
.header.fixed h1.logo a::after{ opacity:1;}
.header.fixed h1.logo a img{ opacity:0;}
.header.fixed a.tel{ color:#444;}
.header.fixed a.tel img{ filter:brightness(1) invert(0);}
.header.fixed ul.nav li > a{ color:#333;}
.header.fixed ul.nav li > a:hover,
.header.fixed ul.nav li.on > a,
.header.fixed ul.nav li.cur > a{ color/:#dac27a;}
.header.fixed ul.nav li a::after{ background:#dac27a;}
*/

/*banner*/
.banner{ min-height:71px; background:url(../image/sbanner.png) center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.banner img{ display:block; width:100%; min-height:200px;}
.banner .bg{ display:none; width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:1; transform/:scale(1.1); animation:banner 1.75s ease;
	-moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-fill-mode:forwards; /*让动画停留在最后一帧 */
    -moz-animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
    -o-animation-fill-mode:forwards;
}
@keyframes banner{
	0%{ transform:scale(1.1);}
	100%{ transform:scale(1);}
}
.banner .txt{ width:90%; max-width:1300px; color:#fff; font-size:16px; position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%,-30%);}
.banner .txt em{ display:block; line-height:1.43; font-size:1.75em; font-family:'微软雅黑'; padding:0.36em 0 0.72em; animation:bannerTxt 2s ease;
	-moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-fill-mode:forwards; /*让动画停留在最后一帧 */
    -moz-animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
    -o-animation-fill-mode:forwards;
}
.banner .txt p{ display:block; line-height:1.875; animation:bannerTxt 2s ease;
	-moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-fill-mode:forwards; /*让动画停留在最后一帧 */
    -moz-animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
    -o-animation-fill-mode:forwards;
}
@keyframes bannerTxt{
	0%{ transform:translateY(48px); opacity:0;}
	100%{ transform:translateY(0); opacity:1;}
}


/*底部*/
.footer{ background:#000;}
.footer .foot{ display:flex; justify-content:space-between; width:92%; max-width:1140px; margin:0 auto; position:relative;}
.footer .info{ line-height:1.75; color:#fff; font-size:12px; max-width:22%; padding:4em 0; margin:0 0 1.45em;}
.footer .info p{ display:block;}
.footer .info p::before,
.footer .info p::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .info p.btn a{ display:block; width:40px; height:40px; background-size:auto 50% !important; border:1px solid #fff; border-radius:50%; float:left; position:relative; margin:0 0 0 10px; cursor:pointer; transition:all ease 0.4s;}
.footer .info p.btn a em{ display:block; width:120px; padding:8px 0; position:absolute; left:50%; bottom:100%; transform:translate(-50%,-20px); z-index:3; transition:all ease 0.4s; opacity:0; visibility:hidden;}
.footer .info p.btn a em img{ display:block; width:100%;}
.footer .info p.btn a.tel{ background:url(../image/foot_tel.png) center no-repeat;}
.footer .info p.btn a.wx{ background:url(../image/foot_wx.png) center no-repeat;}
.footer .info p.btn a.mail{ background:url(../image/foot_mail.png) center no-repeat;}
.footer .info p.btn a:hover{ background-color:#e1dfc8; border-color:#e1dfc8;}
.footer .info p.btn a.tel:hover{ background-image:url(../image/foot_tel_h.png);}
.footer .info p.btn a.wx:hover{ background-image:url(../image/foot_wx_h.png);}
.footer .info p.btn a.mail:hover{ background-image:url(../image/foot_mail_h.png);}
.footer .info p.btn a:hover em{ opacity:1; visibility:visible; transform:translate(-50%,0);}

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

.qyShow{ width:100%; height:100%; font-size:16px; background:rgba(255,255,255,0.95); position:fixed; left:0; top:0; z-index:9999; transition:all ease 0.75s; transform:translateX(100%);}
.qyShow.open{ transform:translateX(0);}
.qyShow a.close{ display:block; width:64px; height:64px; background:url(../image/close.png) center no-repeat; border:3px solid rgba(0,0,0,0.1); border-radius:50%; position:absolute; left:44.25%; top:25%; transform:translate(-50%,-50%); z-index:3;}
.qyShow .box{ height:100%; background:#fafafa; overflow:hidden; overflow-y:auto; padding:0 5.5%; margin-left:45%;}
.qyShow img.logo{ display:block; height:3.75em; margin:6em auto 2em;}
.qyShow em.name{ display:block; line-height:2; color:#262626; font-size:2.5em; font-weight:bold; text-align:center;}
.qyShow a.web{ display:block; width:2em; height:2em; background:url(../image/net.png) center no-repeat; margin:0 auto;}
.qyShow .txt{ line-height:1.75; color:#595959; overflow:hidden; letter-spacing:0; padding:3.25em 0 4em;}

/*主体样式*/
.main{ min-height:calc(100vh - 247px); margin:0 auto; position:relative; z-index:99;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.main ul.subMenu{ display:block; font-size:24px; text-align:center; overflow:hidden; padding:80px 0 2em;}
.main ul.subMenu li{ display:inline-block; vertical-align:top;}
.main ul.subMenu li a{ display:block; line-height:50px; color:#000; text-align:center; padding:0 10px; margin:0 1.25em; position:relative;}
.main ul.subMenu li.cur a{ font-weight:bold;}
.main ul.subMenu li.cur a::after{ content:''; display:block; width:100%; height:2px; background:#000; position:absolute; left:0; bottom:0;}

/*内容样式*/
.main .attr{ width:90%; max-width:1400px; 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; text-align:center; overflow:hidden; padding:2.25em 0 2.5em;}
.main .attr h2.title em{ display:block; line-height:2.1; color:#333; font-size:1.875em;}
.main .attr h2.title i{ display:block; width:3.5em; height:2px; background:#dac27a; margin:0 auto;}
.main .attr h2.title span{ display:block; line-height:1; color:#666; padding:1em 0 0;}
.main .attr > h2.title + .txt{ line-height:1.75; color:#666; font-size:16px; text-align:center; padding:0 0 2em;}

.main .attr h3.title{ display:block; line-height:1.25; color:#222; font-size:26px; font-weight:normal; padding:1.615em 0 0.35em;}
.main .attr p.mark{ display:block; line-height:1.5; color:#595959; font-size:14px; padding:0.75em 0; border-bottom:1px solid #eee; margin:0 0 0.5em;}
.main .attr p.mark font{ display:none;}
.main .attr p.mark font:first-child{ display:block;}
.main .article{ line-height:2.25; color:#595959; font-size:15px; overflow:hidden; padding:3em 0 3em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

.main ul.subMenu + .article{ padding:1em 0 3em;}
.main p.mark + .article{ padding:1em 0 3em;}

/*文章切换*/
.main .change{ display:flex; justify-content:space-between; font-size:14px; overflow:hidden; padding:0.55em 0em; margin:0 0 4em;}
.main .change p{ display:block; width:48%; line-height:1.5; color:#595959; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p a{ color:inherit;}
.main .change p a font::after{ content:'：';}
.main .change p a:hover{ color:#00f;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 60px;}
.pages span,
.pages a{ display:inline-block; min-width:12px; color:#595959; height:24px; line-height:24px; text-align:center; padding:6px 13px; border:1px solid #fff; margin:0;}
.pages a:hover{ color:#fff; background:#668c4d; border-color:#668c4d;}
.pages span{ color:#fff; background:#668c4d; border-color:#668c4d;}

.main .about{ overflow:hidden; margin:-98px 0 0;}
.main .about .attr{ background:#fff; margin:0 auto 80px;}
.main .about .article{ max-width:770px; margin:0 auto;}
.main .about ul.subMenu + .txt{ max-width:760px; line-height:2.26; color:#595959; font-size:16px; text-align:center; margin:0 auto;}

.main dl.teamList{ display:block; width:1136px; font-size:16px; overflow:hidden; padding:40px 0; margin:0 auto;}
.main dl.teamList dt{ display:block; width:33%; overflow:hidden; margin:0 auto;}
.main dl.teamList dd{ display:block; width:25%; overflow:hidden; float:left;}
.main dl.teamList a{ display:block; overflow:hidden; position:relative; transition:all ease 0.4s; margin:0 28px 50px;}
.main dl.teamList a::after{ content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:2; transition:all ease 0.5s; transform:translateY(-101%);}
.main dl.teamList a img{ display:block; width:100%;}
.main dl.teamList p.info{ display:block; width:100%; color:#fff; text-align:center; padding:50% 0 0; position:absolute; left:0; top:0; z-index:3; transition:all ease 0.4s; opacity:0;}
.main dl.teamList p.info em{ display:block; line-height:2; font-size:1.5em;}
.main dl.teamList p.info span{ display:block; line-height:1.5; font-size:0.875em;}
.main dl.teamList a:hover::after{ transform:translateY(0%);}
.main dl.teamList a:hover p.info{ opacity:1;}

.teamInfo{ max-width:1260px; font-size:16px; overflow:hidden; padding:90px 20px; margin:0 auto;}
.teamInfo img.pic{ display:block; width:400px; max-width:32%; margin-right:5.5%; float:left;}
.teamInfo .info{ color:#222; overflow:hidden;}
.teamInfo .info h3{ display:block; line-height:1; font-size:1.875em; font-weight:bold; margin:9% 0 0;}
.teamInfo .info p.desc{ display:block; line-height:2.8; font-size:1.25em; padding:0 0 0.2em; border-bottom:1px solid #e8e8e8;}
.teamInfo .info .txt{ line-height:1.875; color:#222; letter-spacing:0; overflow:hidden; padding:1em 0 0;}
.teamInfo .info a.btn{ display:block; width:15.5em; line-height:2.86; color:#fff; font-size:0.875em; text-align:center; background:#333; margin:2.85em 0 0;}

.main dl.yewu{ font-size:16px; overflow:hidden; margin:0 8px 80px;}
.main dl.yewu dt{ display:block; width:100%; text-align:center; overflow:hidden; position:relative; float:left; margin:1em 0 0;}
.main dl.yewu dd + dt{ margin:3em 0 0;}
.main dl.yewu dt::after{ content:''; display:block; width:94%; height:1px; background:#ccc; position:absolute; left:3%; top:60%; z-index:1;}
.main dl.yewu dt a{ display:inline-block; vertical-align:top; width:10.85em; line-height:3.5; color:#222; font-size:1.5em; font-weight:bold; background:#fff; padding:0.5em 0 0; position:relative; z-index:3;}
.main dl.yewu dd{ display:block; width:16.66%; overflow:hidden; float:left;}
.main dl.yewu dd a{ display:block; overflow:hidden; background:#fff; padding:4px; margin:12px;}
.main dl.yewu dd a img{ display:block; width:100%;}
.main dl.yewu dd .info{ display:none;}

.main ul.newsList{ display:block; font-size:16px; overflow:hidden; padding:48px 0 30px;}
.main ul.newsList li{ display:block; width:25%; float:left;}
.main ul.newsList li .box{ overflow:hidden; position:relative; margin:0 1em 2em;}
.main ul.newsList li a.title{ display:block; overflow:hidden;}
.main ul.newsList li a.pic img{ display:block; width:100%; height:155px; object-fit:cover;}
.main ul.newsList li a.title{ display:block; height:3em; line-height:1.5; color:#262626; font-size:14px; margin:1.45em 0 1em; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li span{ display:block; line-height:1; color:#b3b3b3; overflow:hidden; margin:0 0 0.5em;}
.main ul.newsList li .txt{ display:block; height:4.5em; line-height:1.5; color:#808080; font-size:12px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main ul.newsList li a.view{ display:block; line-height:1.785; color:#707070; font-size:14px; text-decoration:underline; overflow:hidden; float:left; margin:1em 0 0; transition:all ease 0.4s;}
.main ul.newsList li a.title:hover{ color:#0160ae;}
.main ul.newsList li:hover a.view{ color:#0160ae;}

.main dl.relate{ display:block; font-size:16px; margin:2em 0; overflow:hidden;}
.main dl.relate dt{ display:block; line-height:1.5; color:#222; padding:0 0 2em; border-bottom:1px solid #f0f0f0;}
.main dl.relate dd{ display:block; border-bottom:1px dashed #ececec;}
.main dl.relate dd a{ display:block; line-height:3; color:#707070; font-size:0.875em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.main dl.relate dd a:hover{ color:#00f;}

.newsCon{ width:73%; overflow:hidden; float:left; margin-right:4%;}


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


}

@media only screen and (max-width:768px){
.header .head,
.footer .foot,
.position ul.menu,
.position p,
.main .attr{ width:calc(100% - 36px); min-width:0;}

.header{ background:#000; z-index:9999;}
.header .head{ height:40px; padding:28px 0; margin:0 auto;}
.header h1.logo{ padding:0;}
.header h1.logo a img{ height:40px;}
.header a.menu{ display:block; width:25px; height:40px; background:url(../image/head_menu.png) center no-repeat; background-size:100% auto; float:right; transition:all ease 0.4s;}

ul.nav{ width:100vw; height:calc(100vh - 96px); font-size:16px; background:#fff; float:none; position:absolute; left:-18px; top:96px; z-index:999; transition:all ease 0.4s; opacity:0; visibility:hidden;}
ul.nav li{ float:none; text-align:left; border-bottom:1px solid #dcdcdc; clear:both; margin:0 12px; transform:translateX(30px); opacity:0; transition:all ease 0.4s;}
ul.nav li a{ line-height:60px; color:#333; text-align:left; padding:0 20px;}
ul.nav li > a::after{ display:none;}
ul.nav li i{ display:none !important; width:10px; height:10px; border:1px solid #999; border-width:0 1px 1px 0; position:absolute; right:5%; top:25px; margin:-8px 8px 0 0; transform:rotate(45deg); transition:transform ease 0.5s;}
ul.nav li i.open{ transform:rotate(225deg); margin:-4px 8px 0 0;}
ul.nav li p.sub{ display:none !important; position:static; width:auto; transform:none; box-shadow:none; padding:0;}
ul.nav li p.sub a{ width:auto; font-size:16px; line-height:50px; border-bottom:1px solid #f5f5f5; padding:0 2em;}
ul.nav li > a:hover,
ul.nav li.on > a,
ul.nav li.cur > a{ color:#dac27a; font-weight:bold; background:none;}
ul.nav li.home{ display:none;}
ul.nav li.close{ display:block; width:61px; height:96px; float:right; margin:0; border:0; background:#000 url(../image/head_close.png) center no-repeat; background-size:25px auto; position:absolute; right:0; bottom:100%;}

ul.nav.show{ opacity:1; visibility:visible;}
ul.nav.show li{ transform:translateX(0%); opacity:1;}

.banner{ margin:96px 0 0; min-height:0;}
.banner img{ min-height:300px;}
.banner .txt{ font-size:14px; width:calc(100% - 36px); top:40%;}
.banner .txt em{ line-height:1.4; font-size:20px; font-weight:bold; padding:0 0 10px;}
.banner .txt p{ line-height:20px;}

.footer{ padding:30px 0;}
.footer .foot{ display:block; text-align:center;}
.footer .info{ max-width:none; padding:10px 6px; margin:0;}
.footer .info p br{ display:none;}
.footer .info p.btn{ width:250px; display:flex; margin:0 auto; justify-content:space-between;}
.footer .info p::before,
.footer .info p::after{ display:none;}
.footer .info p.btn a{ float:none; margin:0;}

.main ul.subMenu{ font-size:18px; display:flex; justify-content:center; padding:16px 0 1em;}
.main ul.subMenu li a{ margin:0 10px; padding:0;}

.main .about{ margin-top:-50px;}
.main .about .attr{ margin-bottom:40px;}
.main .about ul.subMenu + .txt{ letter-spacing:0; font-size:14px; padding:0 15px;}

.main .article{ letter-spacing:0; font-size:14px; line-height:2; padding-top:1.75em;}
.main ul.subMenu + .article{ margin:0 15px;}

.pages{ font-size:12px; padding:0 0 40px;}
.pages span,
.pages a{ min-width:10px; padding:3px 11px;}

.main dl.teamList{ width:auto; margin:0 8px; padding:20px 0;}
.main dl.teamList dt{ width:100%;}
.main dl.teamList dd{ width:50%;}
.main dl.teamList a{ margin:0 8px 16px;}
.main dl.teamList dd a img{ height:164px; object-fit:cover;}
.main dl.teamList dd p.info{ box-sizing:border-box; padding:50px 10px 0;}
.main dl.teamList dd p.info em{ line-height:26px; padding:0 0 16px;}

.teamInfo{ padding:40px 30px; margin:0 -18px; font-size:14px;}
.teamInfo img.pic{ width:100%; float:none; margin:0; max-width:none;}
.teamInfo .info h3{ font-size:24px; font-weight:normal; margin:20px 0 0;}
.teamInfo .info p.desc{ line-height:3; font-size:1em; padding:0 0 5px;}
.teamInfo .info .txt{ line-height:2;}

.main dl.yewu{ margin-bottom:30px;}
.main dl.yewu dd + dt{ margin:1em 0 0;}
.main dl.yewu dt a{ padding:0;}
.main dl.yewu dd{ width:50%;}
.main dl.yewu dd a{ margin:8px 15px; padding:0;}

.qyShow{ background:#fafafa; overflow-y:auto; font-size:15px;}
.qyShow .box{ margin:0; height:auto; padding:0 24px;}
.qyShow a.close{ width:36px; height:36px; border-color:#333; border-width:2px; background-size:18px auto; position:static; margin:60px auto 30px; transform:none;}
.qyShow img.logo{ margin:0 auto; height:60px;}
.qyShow em.name{ font-size:34px; font-weight:normal; line-height:1; padding:1em 0 24px;}
.qyShow .txt{ line-height:2; padding:2.58em 0;}

.main ul.newsList{ padding:20px 0;}
.main ul.newsList li{ width:100%;}
.main ul.newsList li a.title{ font-size:16px; font-weight:bold;}
.main ul.newsList li span,
.main ul.newsList li .txt{ font-size:14px;}

.newsCon{ width:auto; float:none; margin:0;}
.main .attr h3.title{ font-size:24px; line-height:26px; font-weight:bold;}
.main .attr p.mark{ border:0; border-top:1px solid #999; padding:2em 0 1em; margin:1.75em 0 0;}
.main .attr p.mark font{ display:block;}

.main .change{ margin:0 0 0em;}
.main .change p{ text-align:center; white-space:normal;}
.main .change p a font{ display:block;}
.main .change p a font::after{ content:'';}

.main dl.relate{ margin:2em 0 3em;}
.main dl.relate dt{ padding:0 0 1em;}


}












/**/