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

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

/*头部*/
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; transition:all ease 0.4s;}
.header::after{ content:''; display:block; width:83.34vw; min-width:1200px; height:100%; background:#fff; position:absolute; left:50%; top:0; transition:all ease 0.4s; transform:translateX(-50%) scale(1,1); transform-origin:center; opacity:0; z-index:1;}
.header .head{ width:83.34vw; min-width:1200px; height:68px; position:relative; margin:0 auto; z-index:3;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; position:relative;}
.header h1.logo a::before{ content:''; display:block; width:100%; height:100%; background:url(../images/common/logo_fix.png) no-repeat; background-size:100% 66px; position:absolute; left:0; top:12px; z-index:1; opacity:0; transition:all ease 0.4s;}
.header h1.logo a img{ display:block; height:68px; box-sizing:border-box; transition:all ease 0.4s;padding-top:12px;}
.header p.lang{ display:block; width:5.25em; font-size:16px; float:right; margin:0 0 0 1em; position:relative;}
.header p.lang span{ display:block; line-height:98px; color:#fff; background:url(../images/common/head_lang.png) left center no-repeat; background-size:1.5em auto; padding-left:2em; cursor:pointer; position:relative; transition:all ease 0.4s;}
.header p.lang span::after{ content:''; display:block; width:7px; height:7px; border:1px solid #fff; border-width:0 1px 1px 0; position:absolute; right:0; top:50%; transform:translateY(-65%) rotate(45deg); transition:all ease 0.4s;}
.header p.lang em{ display:none; width:100%; background:rgba(255,255,255,1); overflow:hidden; padding:8px 0; position:absolute; left:50%; top:100%; transform:translate(-50%,-8px); z-index:98; border-top:2px solid rgba(255,255,255,0); box-shadow:0 4px 4px rgba(22,22,22,0.2); opacity/:0; visibility/:hidden; transition/:all ease 0.4s;}
.header p.lang:hover em/{ opacity:1; visibility:visible;}
.header p.lang em a{ display:block; line-height:2.625; text-align:center; transition:all ease 0.4s;}
.header p.lang em a:hover{ color:#fff; background:#e60012;}

/*导航*/
ul.nav{ display:block; font-size:16px; height:98px; float:right;}
ul.nav li{ display:block; margin:0 1em; float:left; position:relative;}
ul.nav li.close{ display:none;}
ul.nav li a{ display:block; line-height:98px; color:#fff; text-align:center; overflow:hidden; position:relative; margin:0 1em; transition:all ease 0.4s;}
ul.nav li > a:hover,
ul.nav li.on > a,
ul.nav li.cur > a{ color:#e60012; font-weight:bold;}
ul.nav li > a::after{ content:''; display:none; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:0; transition:all ease 0.4s; transform:scale(0,1);}
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:100%; background:rgba(255,255,255,1); overflow:hidden; padding:8px 0; position:absolute; left:50%; top:100%; transform:translate(-50%,-8px); z-index:98; border-top:2px solid rgba(255,255,255,0); box-shadow:0 4px 4px rgba(22,22,22,0.2);}
ul.nav li p.sub a{ line-height:2.875; color:#333; font-size:15px; font-weight:normal; padding:0 12px; white-space:nowrap; background:#fff; margin:0;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; background:#e60012;}

.header.fixed{}
.header.fixed::after{ box-shadow:0 0 6px rgba(0,0,0,0.2); transform:translateX(-50%) scale(1.25,1); opacity:1;}
.header.fixed h1.logo a::before{ opacity:1;}
.header.fixed h1.logo a img{ opacity:0;}
.header.fixed p.lang span{ color:#333; background-image:url(../images/common/head_lang_fix.png);}
.header.fixed p.lang span::after{ border-color:#666;}
.header.fixed p.lang em{ border-color:#e60012;}
.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:#e60012;}
.header.fixed ul.nav li p.sub{ border-color:#e60012;}

/*banner*/
.banner{ width:100vw; height:430px; max-height:26.875vw; overflow:hidden; position:relative;}
.banner .bg{ width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:1; animation:banner 10s infinite linear alternate both;}
@keyframes banner{
	0%{ transform:scale(1);}
	100%{ transform:scale(1.12);}
}
.banner .txt{ width:83.34vw; min-width:1200px; line-height:1; color:#fff; font-size:16px; position:absolute; left:50%; top:64.5%; transform:translate(-50%,-50%); z-index:3;}
.banner .txt em{ display:block; font-size:2.5em; padding:0 0 0.55em;}

/*底部*/
.footer{ background:#202020;}
.footer .foot{ width:83.2vw; min-width:1200px; margin:0 auto; position:relative; padding:60px 0;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .info{ font-size:16px; overflow:hidden; float:left; min-width:33%;}
.footer .info a.logo{ display:inline-block; vertical-align:top; margin:0 0 2em;}
.footer .info a.logo img{ display:block; height:3.625em;}
.footer .info p{ display:block; line-height:2; color:#999; overflow:hidden; padding:0.625em 0;}
.footer .info p img{ display:block; height:2em; border:0px solid #fff; border-radius:50%; box-sizing:border-box; margin-right:0.5em; float:left; opacity:0.55;}
.footer .info p span{ display:block; line-height:1.375;}
.footer .info p span b{ display:block; padding:0 0 0.375em;}
.footer .code{ font-size:16px; float:right; padding:1em 0 0;}
.footer .code span{ display:block; line-height:4; color:#999; text-align:center; overflow:hidden;}
.footer .code img{ display:block; height:8.125em; margin:0 auto;}
.footer dl{ display:block; width:7%; color:#fff; font-size:16px; float:left; margin:0 1% 0 0;}
.footer dl dt{ display:block; line-height:3.5; color:#b7b7b7; overflow:hidden;}
.footer dl dt::after{ content:''; display:block; width:2em; height:2px; background:#e60012; margin:0 0 0.5em;}
.footer dl dt a{ transition:all ease 0.4s;}
.footer dl dt a:hover{ color:#fff;}
.footer dl dd{ display:block; position:relative;}
.footer dl dd a{ display:block; line-height:2.75; color:#999; font-size:0.875em; transition:all ease 0.4s;}
.footer dl dd a:hover{ color:#fff; transform:translateX(0.5em);}
.footer .copyright{ line-height:2; color:#999; font-size:13px; text-align:center; overflow:hidden; padding:1.65em 0; border-top:1px solid rgba(255,255,255,0.1);}
.footer .copyright a:hover{ color:#fff; text-decoration:underline;}

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

/*主体样式*/
.main{ margin:0 auto; position:relative; z-index:2; overflow:hidden;}
.main::before,
.main::after{ content:''; display:block; width:100%; height:0; overflow:hidden; clear:both;}

/*左侧样式*/
.main .position{ font-size:16px;}
.main .position ul.menu{ display:block; text-align:center; background:#fff; overflow:hidden; box-shadow:0 1px 22px 7px rgba(218,218,218,0.6);}
.main .position ul.menu li{ display:inline-block; vertical-align:top; position:relative; z-index:3; margin:0 2.3%;}
.main .position ul.menu li a{ display:block; line-height:4; color:#333; padding:0 3px; position:relative; transition:all ease 0.4s;}
.main .position ul.menu li a::after{ content:''; display:block; width:100%; height:4px; background:#e60012; position:absolute; left:0; bottom:0; transition:all ease 0.4s; transform:scale(0,1);}
.main .position ul.menu li a:hover,
.main .position ul.menu li.cur a{ color:#e60012;}
.main .position ul.menu li a:hover::after,
.main .position ul.menu li.cur a::after{ transform:scale(1,1);}
.main .position p{ display:block; line-height:5; color:#888; font-size:0.875em; position:relative; padding:0.3em 0 0;}
.main .position p::after{ content:''; display:block; width:100vw; height:1px; background:#ddd; margin-left:50%; transform:translateX(-50%);}
.main .position p a{ margin:0 2px; transition:all ease 0.4s;}
.main .position p a:hover{ color:#e60012;}
.main .position p select{ display:block; width:17.375em; height:3em; color:#666; background:#fff url(../images/common/select.png) right 1.75em center no-repeat; background-size:1.3125em auto; padding:0 2em; border:1px solid #ddd; border-radius:1.5em; margin:2em 0; cursor:pointer; position:relative; z-index:3; -webkit-appearance:none;}

.main dl.subMenu{ display:block; font-size:16px; padding:0 2%; border-bottom:1px solid #ddd; position:relative;}
.main dl.subMenu::before,
.main dl.subMenu::after{ content:''; display:block; width:100%; height:0; overflow:hidden; clear:both;}
.main dl.subMenu dt{ display:block; line-height:1; font-size:2.25em; text-align:center; padding:1.5em 0 1em; position:relative; float:left;}
.main dl.subMenu dt em{ display:block; color:#333; position:relative; z-index:3;}
.main dl.subMenu dt i{ display:block; width:0.85em; height:4px; background:#e60012; margin:0.33em 0 0; position:relative; z-index:3;}
.main dl.subMenu dd{ display:block; text-align:right; position:relative; padding:3.2em 0; overflow:hidden;}
.main dl.subMenu dd a{ display:inline-block; vertical-align:top; min-width:8em; height:3em; line-height:3; color:#333; text-align:center; background:#fff; overflow:hidden; padding:0 1.4em; border:1px solid #999; margin:0 0 0 1em; position:relative; z-index:3; transition:all ease 0.4s;}
.main dl.subMenu dd a font{ display:block; color:#333; transition:all ease 0.4s;}
.main dl.subMenu dd a:hover,
.main dl.subMenu dd a.cur{ color:#fff; background:#e60012; border-color:#e60012;}
.main dl.subMenu dd a:hover font,
.main dl.subMenu dd a.cur font{ color:#fff; transform:translateY(-100%);}
.main dl.subMenu dd select{ display:inline-block; vertical-align:top; width:17.375em; height:3em; color:#666; background:#fff url(../images/common/select.png) right 1.75em center no-repeat; background-size:1.3125em; padding:0 2em; border:1px solid #ddd; border-radius:1.5em; margin:0 0 0 1em; cursor:pointer; position:relative; z-index:3; -webkit-appearance:none;}

/*内容样式*/
.main .attr{ width:83.34vw; min-width:1200px; margin:0 auto;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; line-height:1; font-size:36px; font-weight:normal; text-align:center; padding:1.75em 2% 1em; position:relative;}
.main .attr h2.title em{ display:block; color:#333; position:relative; z-index:3;}
.main .attr h2.title i{ display:block; width:0.85em; height:4px; background:#e60012; margin:0.33em auto 0; position:relative; z-index:3;}
.main .attr h2.title a{ display:block; width:10px; height:10px; position:absolute; left:0; top:-98px;}
.main .attr h3.sub{ display:block; line-height:2.25; color:#333; font-size:26px; font-weight:normal; padding:2em 0 0;}
.main .attr h2.title + h3.sub{ padding:0.75em 0 0;}
.main .attr h3.sub::after{ content:''; display:block; width:4em; height:4px; background:#e60012;}
.main .attr h3.title{ display:block; line-height:1.75; color:#333; font-size:32px; font-weight:normal; text-align:center; padding:1.375em 0 1.1875em;}
.main .attr p.mark{ display:block; line-height:4; color:#999; font-size:16px; text-align:center; background:#f8f8f8;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ min-height:280px; line-height:2; color:#333; font-size:16px; text-align:justify; padding:1.875em 4px 3em; overflow:hidden;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ font-size:16px; padding:0 0 3em;}
.main .change::before{ content:''; display:block; width:100vw; height:1px; background:#ddd; transform:translateX(-50%); margin:0 0 2em 50%;}
.main .change p{ display:block; line-height:2.4; color:#999; font-size:0.9375em; overflow:hidden; margin:0 4px;}
.main .change p a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.main .change p a:hover{ color:#e60012;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 80px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:14px; color:#999; height:24px; line-height:24px; text-align:center; padding:6px 12px; background:#fff; border:1px solid #d2d2d2; margin:0 5px;}
.pages a:hover,
.pages span{ color:#fff; background:#e60012; border-color:#e60012;}
.pages .disabled span{ color:#fff; background:#e60012; border-color:#e60012;}

.main ul.teamList{ display:block; font-size:16px; padding:30px 0 50px; margin:0 -20px; overflow:hidden;}
.main ul.teamList li{ display:block; width:33.33%; padding:20px 0; float:left;}
.main ul.teamList li .box{ display:flex; background:url(../images/icons/team_title.jpg) center no-repeat; background-size:cover; padding:4.5%; margin:0 20px;}
.main ul.teamList li .box a.pic{ display:block; flex-shrink:0; overflow:hidden; margin-right:6.5%;}
.main ul.teamList li .box a.pic img{ display:block; width:8.625em; height:11.75em; transition:all ease 0.4s;}
.main ul.teamList li:hover .box a.pic img{ transform:scale(1.1);}
.main ul.teamList li .box p{ display:flex; flex:auto; flex-direction:column; justify-content:center; color:#fff; font-size:0.9375em;}
.main ul.teamList li .box p a{ display:block; line-height:2; padding:0.5em 0;}
.main ul.teamList li .box p a img{ display:block; height:1.2em; float:left; margin:0.4em 0.8em 0 0; filter:brightness(0) invert(1);}
.main ul.teamList li .info{ background:url(../images/icons/team_info.jpg) center no-repeat; background-size:cover; padding:4.5%; margin:0 20px;}
.main ul.teamList li .info a.title{ display:block; line-height:1.5; color:#333; font-size:1.125em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.main ul.teamList li:hover .info a.title{ color:#e60012;}
.main ul.teamList li .info em{ display:block; height:3.5em; line-height:1.75; color:#333; overflow:hidden; padding:0.5em 0 0;}
.main ul.teamList li .info .txt{ height:3.6em; line-height:1.8; color:#666; font-size:0.9375em; padding:0.75em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.teamList li .info a.view{ display:block; width:6.5em; height:2.35em; overflow:hidden; line-height:2.35; color:#e60012; font-size:0.875em; text-align:center; border:1px solid #e60012; border-radius:1.25em; margin:1.125em 0 0.25em; transition:all ease 0.4s;}
.main ul.teamList li .info a.view font{ display:block; color:#e60012; transition:all ease 0.4s;}
.main ul.teamList li .info a.view:hover{ color:#fff; background:#e60012;}
.main ul.teamList li .info a.view:hover font{ color:#fff; transform:translateY(-100%);}

.teamInfo{ font-size:16px; padding:3.375%; background:url(../images/icons/info.jpg) center no-repeat; background-size:cover; overflow:hidden; transition:all ease 0.4s; margin:0 0 80px;}
.teamInfo .pic{ display:block; width:23.2%; overflow:hidden; float:left; margin-right:4.25%;}
.teamInfo .pic img{ display:block; width:100%;}
.teamInfo .pic a.back{ display:block; height:2.375em; overflow:hidden; line-height:2.375; color:#e60012; border:1px solid #e60012; border-radius:1.25em; padding:0 1.875em; float:left; margin:3em 0; transition:all ease 0.4s;}
.teamInfo .pic a.back font{ display:block; color:#e60012; transition:all ease 0.4s;}
.teamInfo .pic a.back:hover{ color:#fff; background:#e60012;}
.teamInfo .pic a.back:hover font{ color:#fff; transform:translateY(-100%);}
.teamInfo .info{ overflow:hidden;}
.teamInfo .info h3{ display:block; line-height:2.3; color:#333; font-size:1.625em; font-weight:normal; padding:0.85em 0 0; transition:all ease 0.4s;}
.teamInfo .info h3::after{ content:''; display:block; width:4.25em; height:4px; background:#e60012;}
.teamInfo .info p.desc{ display:block; line-height:1.5; color:#333; padding:0.75em 0;}
.teamInfo .info h4{ display:block; width:8.35em; line-height:2; color:#fff; font-size:1.25em; font-weight:normal; text-align:center; border:1px solid #e60012; border-radius:0 0.75em; transition:all ease 0.4s; margin:2em 0 0 6px;}
.teamInfo .info h4 em{ display:block; background:url(../images/icons/title.jpg) center no-repeat; background-size:100% 100%; border-radius:0 0.75em; margin:-1px; transform:translate(-6px,-6px);}
.teamInfo .info span{ display:block; line-height:3.8; color:#333; font-size:1.25em; font-weight:bold; transition:all ease 0.4s;}
.teamInfo .info .txt{ line-height:2; color:#333; overflow:hidden; padding:1.25em 0 0; transition:all ease 0.4s;}
.teamInfo .info p.tel{ display:block; padding:1.25em 0 2em; overflow:hidden;}
.teamInfo .info p.tel a{ display:block; line-height:2.625; color:#333; float:left; clear:both;}
.teamInfo .info p.tel a img{ display:block; height:1.125em; float:left; margin:0.75em 1em 0 0;}

.main ul.srvList{ display:block; font-size:16px; overflow:hidden; padding:0 0 80px; margin:0 -20px;}
.main ul.srvList + h2.title{ margin-top:-70px;}
.main ul.srvList li{ display:block; width:25%; float:left;}
.main ul.srvList li a{ display:block; background:rgba(255,255,255,0.4); box-shadow:0 0 9px rgba(190,190,190,0.5); position:relative; overflow:hidden; margin:20px; transition:all ease 0.4s;}
.main ul.srvList li a p{ display:block; line-height:1; text-align:center; overflow:hidden; padding:3.5em 0 1.375em;}
.main ul.srvList li a img{ display:block; height:3.5em; margin:0 auto; filter:brightness(0) invert(0.385); transition:all ease 0.4s;}
.main ul.srvList li a em{ display:block; color:#626262; font-size:1.25em; padding:0.6em 0 0; transition:all ease 0.4s;}
.main ul.srvList li a span{ display:block; color:#626262; font-size:0.75em; text-transform:uppercase; padding:1.25em 0 0; transition:all ease 0.4s;}
.main ul.srvList li a font{ display:block; width:7em; line-height:2; color:#fff; font-size:0.9375em; background:#626262; border-radius:1em; margin:1.6em auto 0; opacity:0; transition:all ease 0.4s;}
.main ul.srvList li a p.red{ width:100%; background:#e60012; position:absolute; left:0; top:100%; transition:all ease 0.4s;}
.main ul.srvList li a p.red img{ filter:brightness(0) invert(1); transform:translateY(-20px);}
.main ul.srvList li a p.red em{ color:#fff; transform:translateY(-20px);}
.main ul.srvList li a p.red span{ color:#fff; transform:translateY(-20px);}
.main ul.srvList li a p.red font{ color:#e60012; background:#fff; opacity:1; transform:translateY(-20px);}
.main ul.srvList li a:hover{ background/:rgba(255,255,255,0.7); box-shadow:0 0 9px rgba(255,0,0,0.4);}
.main ul.srvList li a:hover p.red{ transform:translateY(-100%);}

.srvinfo{ background:url(../images/icons/srv_bg.jpg) center no-repeat; background-size:cover; padding:3.125% 3.875%; margin:0 0 80px;}
.srvinfo .flex{ display:flex; justify-content:space-between;}
.srvinfo .pic{ max-width:43.375%; overflow:hidden; margin-left:4%;}
.srvinfo .pic img{ display:block; width:100%; transition:all ease 0.4s;}
.srvinfo .pic:hover img{ transform:scale(1.05);}
.srvinfo .info h3{ display:block; line-height:1; color:#333; font-size:26px; font-weight:normal; padding:0 0 1em;}
.srvinfo .info h3::after{ content:''; display:block; width:4em; height:4px; background:#e60012; margin:0.625em 0 0;}
.srvinfo .info .article{ padding:0; min-height:0;}
.srvinfo .msg99{ overflow:hidden; font-size:15px; border-top:2px dashed #ddd; margin:48px 0 0; padding:48px 0 0;}
.srvinfo .msg{ overflow:hidden; font-size:15px; border-top:2px dashed #ddd; margin:48px 0 0; padding:48px 0 0;}
.srvinfo .msg h3{ display:block; line-height:1; color:#333; font-size:26px; font-weight:normal; padding:0 0 1em;}
.srvinfo .msg h3::after{ content:''; display:block; width:4em; height:4px; background:#e60012; margin:0.625em 0 0;}
.srvinfo .msg form{ display:block; overflow:hidden; padding:0 0 30px;}
.srvinfo .msg form p{ display:block; width:32%; box-sizing:border-box; background:#fff; overflow:hidden; border:1px solid #ddd; border-radius:5px; float:left; margin:0 0 16px 2%; position:relative;}
.srvinfo .msg form p:nth-child(3n-2){ margin-left:0;}
.srvinfo .msg form label{ display:block; width:4em; color:#333; line-height:52px; color:#333; float:left; margin-left:1em;}
.srvinfo .msg form input.text{ display:block; width:calc(100% - 5em); height:52px; box-sizing:border-box; color:#333; background:none; padding:0 1em; border:0;}
.srvinfo .msg form ::placeholder{ color:#999;}
.srvinfo .msg form select{ display:block; width:calc(100% - 5em); height:52px; color:#333; background:url(../images/common/select.png) right 1em center no-repeat; background-size:0.9em auto; padding:0 1em; border:0; -webkit-appearance:none;}
.srvinfo .msg form select.short{ width:calc(50% - 2.5em); float:left;}
.srvinfo .msg form label.radio{ width:auto; margin:0 1.5em 0 1em; cursor:pointer; user-select:none; position:relative;}
.srvinfo .msg form label.radio::before{ content:''; display:block; box-sizing:border-box; width:1em; height:1em; border:1px solid #999; padding:2px; background-clip:content-box !important; position:absolute; left:0; top:50%; transform:translateY(-50%); border-radius:50%;}
.srvinfo .msg form label.radio.checked::before{ background-color:#e60012; border-color:#e60012;}
.srvinfo .msg form label.radio input{ display:block; width:1em; height:52px; float:left; margin-right:0.5em; cursor:pointer; visibility:hidden;}
.srvinfo .msg form p.long{ width:100%; margin-left:0; margin-bottom:40px;}
.srvinfo .msg form p.long label{ width:7em;}
.srvinfo .msg form textarea{ display:block; width:calc(100% - 8em); height:132px; line-height:24px; box-sizing:border-box; color:#333; background:none; padding:14px 1em; border:0; resize:none;}
.srvinfo .msg form input.btn{ display:block; width:15em; height:54px; color:#fff; font-size:16px; background:#e60012; border:0; border-radius:5px; overflow:hidden; clear:both; margin:0 auto; cursor:pointer;}

/*新闻列表*/
.main ul.newsList{ display:block; font-size:16px; overflow:hidden; padding:0 0 80px;}
.main ul.newsList li{ display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.main ul.newsList li .box{ overflow:hidden; padding:3% 0; transition:all ease 0.4s;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:3%;}
.main ul.newsList li a.pic img{ display:block; width:23.75em; height:15.75em; transition:all ease 0.4s;}
.main ul.newsList li span{ display:block; line-height:1; color:#888; font-size:0.9375em; overflow:hidden; padding:1.6em 0 0;}
.main ul.newsList li a.title{ display:block; line-height:2.68; color:#333; font-size:1.375em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s; padding:0.5em 0 0;}
.main ul.newsList li .txt{ display:block; height:3.5em; line-height:1.75; color:#999;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li a.view{ display:block; width:6.5em; height:2em; line-height:2; color:#e60012; font-size:0.9375em; text-align:center; overflow:hidden; border:1px solid #e60012; border-radius:1.6em; overflow:hidden; margin:2em 0 0; transition:all ease 0.4s;}
.main ul.newsList li a.view font{ display:block; transition:all ease 0.4s;}
.main ul.newsList li a.view:hover font{ transform:translateY(-100%);}
.main ul.newsList li:hover .box{ background:#f9f9f9;}
.main ul.newsList li:hover a.pic img{ transform:scale(1.05);}
.main ul.newsList li:hover a.title{ color:#e60012;}
.main ul.newsList li:hover a.view{ color:#fff; background:#e60012;}
.main ul.newsList li:hover a.view font{ color:#fff;}

.main ul.lesson{ display:block; font-size:16px; overflow:hidden; padding:0 0 80px;}
.main ul.lesson li{ display:block; line-height:5; padding:0 2%; position:relative;}
.main ul.lesson li::before{ content:''; display:block; width:100%; height:1px; background:#e60012; position:absolute; left:0; bottom:0; z-index:3; transition:all ease 0.6s; transform:scale(0,1); transform-origin:left center;}
.main ul.lesson li::after{ content:''; display:block; border-bottom:1px dashed #ddd; clear:both; margin:0 -2%;}
.main ul.lesson li a{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:4em; background:url(../images/common/lesson.png) left center no-repeat; background-size:2.75em auto; transition:all ease 0.4s;}
.main ul.lesson li span{ display:block; color:#666; float:right; margin-left:4%;}
.main ul.lesson li:hover::before{ transform:scale(1,1);}
.main ul.lesson li:hover a{ color:#e60012; background-image:url(../images/common/lesson_h.png);}

.main ul.dataList{ display:block; font-size:16px; overflow:hidden; padding:0 0 80px;}
.main ul.dataList li{ display:block; line-height:5; padding:0 2%; position:relative;}
.main ul.dataList li::before{ content:''; display:block; width:100%; height:1px; background:#e60012; position:absolute; left:0; bottom:0; z-index:3; transition:all ease 0.6s; transform:scale(0,1); transform-origin:left center;}
.main ul.dataList li::after{ content:''; display:block; border-bottom:1px dashed #ddd; clear:both; margin:0 -2%;}
.main ul.dataList li a.title{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:3.5em; background:url(../images/common/data.png) left center no-repeat; background-size:auto 2em; transition:all ease 0.4s;}
.main ul.dataList li a.btn{ display:block; width:5.875em; height:2em; overflow:hidden; line-height:2; color:#fff; text-align:center; background:#e60012; float:right; margin:1.5em 0; margin-left:4%;}
.main ul.dataList li a.btn font{ display:block; color:#fff; overflow:hidden; transition:all ease 0.4s;}
.main ul.dataList li a.btn img{ display:inline-block; vertical-align:top; height:1em; margin:0.5em 0.25em 0 0;}
.main ul.dataList li a.btn:hover font{ transform:translateY(-100%);}
.main ul.dataList li span{ display:block; width:8.25em; color:#666; float:right; margin:0 -2% 0 2%;}
.main ul.dataList li:hover::before{ transform:scale(1,1);}
.main ul.dataList li:hover a.title{ color:#e60012; background-image:url(../images/common/data_h.png);}





/**/

@media only screen and (max-width:1440px){
ul.nav li{ margin:0;}

.footer .info{ padding:0 0 150px; font-size:14px; min-width:34%;}
.footer .code{ position:absolute; left:34px; bottom:0; font-size:14px; transform:translateX(-300px); transition-delay:0s !important;}
.footer .code img{ height:9.35em;}
.footer dl{ margin:0 0 0 3.5%; width:auto;}

.main .article{ font-size:15px;}

.main ul.teamList li .info{ padding:5.5% 4.5%;}

.main ul.srvList{ font-size:15px; margin:0 -14px;}
.main ul.srvList li a{ margin:14px;}
.main ul.srvList li a p{ padding:2.5em 0 0.375em;}

.srvinfo .msg{ margin:30px 0 0; padding:30px 0 0;}
.srvinfo .msg form{ padding:0 0 20px;}

}

@media only screen and (max-width:768px){
.wrap{ min-width:0;}

.header .head,
.banner .txt,
.footer .foot,
.main .attr{ width:calc(100% - 32px); min-width:0;}

.header .head,
.header h1.logo a img{ height:60px;}
.header h1.logo a img{ box-sizing:border-box; padding:0px 0;}
.header a.menu{ display:block; width:20px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:100% auto; float:right; margin:0 2px 0 20px; filter:brightness(0) invert(1); transition:all ease 0.4s;}
.header p.lang{ font-size:14px;}
.header p.lang span{ line-height:60px;}
.header p.lang em{ padding:0;}

.header.fixed a.menu{ filter:brightness(1) invert(0);}

ul.nav{ width:100vw; height:100vh; overflow:hidden; overflow-y:auto; background:#fff; float:none; position:fixed; left:0; top:0; z-index:999; transition:all ease 0.4s; transform:translateX(100%);}
ul.nav li{ float:none; text-align:left; padding:0 20px; border-bottom:1px solid #f5f5f5; clear:both; margin:0 0 12px; transition:all ease 0.4s; transform:translateY(100%); opacity:0; transition-delay:0.3s;}
ul.nav li a{ width:80%; line-height:50px; color:#333; text-align:left; padding:0;}
ul.nav li i{ display:block; 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 p.sub{ position:static; width:auto; transform:none; box-shadow:none;}
ul.nav li p.sub a{ width:auto; font-size/:inherit; line-height:50px; border-bottom:1px solid #f5f5f5; padding:0 2em;}

ul.nav li > a::after{ display:none;}
ul.nav li > a:hover,
ul.nav li.on > a,
ul.nav li.cur > a{ color:#e60012; font-weight:bold;}

ul.nav li i.open{ transform:rotate(225deg); margin:-4px 8px 0 0;}

ul.nav li.close{ display:block; width:20px; height:60px; float:right; padding:0; background:url(../images/common/head_close.png) center no-repeat; background-size:100% auto; margin:0 18px; transform:translateY(0); opacity:1; border:0;}

ul.nav li:nth-child(2){ transition-delay:0.0s;}
ul.nav li:nth-child(3){ transition-delay:0.1s;}
ul.nav li:nth-child(4){ transition-delay:0.2s;}
ul.nav li:nth-child(5){ transition-delay:0.3s;}
ul.nav li:nth-child(6){ transition-delay:0.4s;}
ul.nav li:nth-child(7){ transition-delay:0.5s;}
ul.nav li:nth-child(8){ transition-delay:0.6s;}
ul.nav li:nth-child(9){ transition-delay:0.7s;}

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

.banner{ height:54vw; max-height:none;}
.banner .txt{ font-size:12px; line-height:1.5; top:auto; bottom:16%; transform:translate(-50%,0);}
.banner .txt em{ font-size:1.87em; padding:0 0 0.125em;}
.banner .txt span{ font-size:1.42em;}

.footer .foot{ padding:30px 0 0;}
.footer dl{ display:none;}
.footer .info{ font-size:13px; float:none; padding:0;}
.footer .info a.logo{ margin:0 0 1em;}
.footer .info p{ padding:0.4em 0; padding-left:2.5em;}
.footer .info p img{ margin-left:-2.5em;}
.footer .code{ position:static; transform:none; float:none; font-size:13px; padding:1.5em 0 0;}
.footer .code span{ line-height:3;}

.backToTop{ width:32px; height:32px; right:12px; bottom:96px;}

.main .position{ font-size:14px;}
.main .position ul.menu{ display:flex; flex-wrap:wrap; justify-content:center; padding:6px 0;}
.main .position ul.menu:empty{ display:none; padding:0;}
.main .position ul.menu li{ width:33.33%; margin:0; display:block;}
.main .position ul.menu li a{ line-height:2.75; padding:0; margin:0 6px;}
.main .position ul.menu li a:hover,
.main .position ul.menu li.cur a{ color:#fff; background:#e60012;}

.main .position p{ line-height:3; font-size:13px; padding:7px 0;}
.main .position p::after{ transform:translate(-50%, 7px);}
.main .position p select{ width:15em; margin:0.2em 0;}

.main dl.subMenu dd{ font-size:13px; margin:30px 0 0;}
.main dl.subMenu dd::after{ top:2.25em;}
.main dl.subMenu dd a i{ width:4.5em;}

.newsCon{ padding:0 12px;}

.main .attr h2.title{ font-size:24px; padding:1.5em 0 1em;}
.main .attr h2.title i{ margin-top:0.5em;}
.main .attr h3.title{ font-size:19px;}
.main .attr p.mark{ line-height:1.85; font-size:13px; padding:1em 0 0.75em;}
.main .article{ min-height:0; font-size:14px; line-height:2; padding:1em 4px 2em; margin:0;}

.main .change{ display:block; font-size:14px; padding:0 0 2em;}
.main .change::before{ margin-bottom:1.25em;}
.main .change p{ max-width:none; font-size:inherit; margin:0;}

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

.main ul.srvList + h2.title{ margin-top:-50px;}
.main ul.srvList{ font-size:14px; margin:-6px -6px 0; padding:0 0 50px;}
.main ul.srvList li{ width:50%;}
.main ul.srvList li a{ margin:6px;}
.main ul.srvList li a p{ padding:1em 0.3em 0.9em; box-sizing:border-box;}
.main ul.srvList li a img{ height:2.75em;}
.main ul.srvList li a em{ font-size:inherit;}
.main ul.srvList li a span{ padding:0.5em 0 0; line-height:1.2; height:2.4em; font-size:12px; transform:scale(0.9); opacity:0.7;}
.main ul.srvList li a font{ display:none;}
.main ul.srvList li a p.red img,
.main ul.srvList li a p.red em,
.main ul.srvList li a p.red span{ transform:none;}

.srvinfo{ padding:16px; margin:0 -16px;}
.srvinfo .flex{ display:block;}
.srvinfo .info h3{ font-size:20px; padding:0.5em 0 0.5em;}
.srvinfo .info h3::after{ height:3px; margin:0.75em 0 0;}
.srvinfo .pic{ max-width:none; margin:16px 0 4px;}
.srvinfo .msg{ margin:16px 0 0; padding:16px 0 0; border-top-width:1px; font-size:14px;}
.srvinfo .msg h3{ font-size:20px; padding:0.2em 0 0.8em;}
.srvinfo .msg h3::after{ height:3px; margin:0.75em 0 0;}
.srvinfo .msg form p{ float:none; margin:0 0 12px !important; float:none; width:100%;}
.srvinfo .msg form label{ line-height:42px;}
.srvinfo .msg form input.text{ height:42px;}
.srvinfo .msg form select{ height:42px; line-height:42px;}
.srvinfo .msg form p.long{ margin-bottom:28px !important;}
.srvinfo .msg form p.long label{ float:none;}
.srvinfo .msg form textarea{ width:100%; height:112px; margin:-14px 0 0;}
.srvinfo .msg form input.btn{ font-size:15px; height:46px;}

.main ul.newsList{ font-size:14px;}
.main ul.newsList li .box{ padding:20px 0;}
.main ul.newsList li a.pic{ float:none; margin:0;}
.main ul.newsList li a.pic img{ width:100%; height:auto;}
.main ul.newsList li a.title{ line-height:2.25; font-size:1.125em;}
.main ul.newsList li span{ padding:1.2em 0 0;}
.main ul.newsList li a.view{ margin:1em 0 0;}

.main dl.subMenu{ padding:0 0 12px;}
.main dl.subMenu dt{ font-size:26px; float:none;}
.main dl.subMenu dt i{ margin:0.5em auto 0;}
.main dl.subMenu dd{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; margin:0;}
.main dl.subMenu dd a{ display:block; width:48%; margin:0 0 8px; padding:0;}

.main ul.lesson{ font-size:14px; padding:0 0 46px;}
.main ul.lesson li{ line-height:52px; padding:0;}
.main ul.lesson li span{ font-size:13px; width:5.75em; overflow:hidden; white-space:nowrap;}
.main ul.lesson li a{ background-size:2em auto; padding-left:2.5em;}

.main dl.subMenu dd select{ display:block; margin:0 auto;}

.main ul.dataList{ font-size:14px; padding:0 0 46px;}
.main ul.dataList li{ line-height:28px; padding:40px 0 6px; border-bottom:1px dashed #ddd;}
.main ul.dataList li::after{ display:none;}
.main ul.dataList li span{ width:auto; font-size:13px; float:left; margin:0 0 0 30px; color:#999;}
.main ul.dataList li a.title{ background-size:1.5em auto; padding-left:30px; clear:both; transform:translateY(-200%); margin-bottom:-28px;}
.main ul.dataList li a.btn{ padding:0; margin:0; font-size:13px; width:5em;}




}


@media only screen and (min-width:769px){
.main .attr h2.title em{ transform:scale(0.9);}
}













/**/