@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%; position:fixed; left:0; top:0; z-index:99;}
.header .head{ width:83.2vw; min-width:1200px; height:60px; position:relative; margin:0 auto; z-index:3; padding:20px 0;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:60px; filter:brightness(1) invert(0);}
.header a.tel{ display:block; line-height:2; color:#fff; font-size:18px; font-weight:bold; float:right; margin:12px 0 0;}
.header a.tel img{ display:block; height:2em; float:left; margin:0 0.78em 0 0; filter:brightness(0) invert(1);}

/*导航*/
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{ display:block; margin-right:4vw; padding:12px 0 32px; float:left; position:relative;}
ul.nav li a{ display:block; line-height:36px; color:#fff; text-align:center; white-space:nowrap; position:relative;}
ul.nav li a::after{ content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:100%; 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:150%; 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.875em; font-weight:normal; padding:0 0.5em; background:#f8f8f8; 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:#0b469e;}

.header,
.header h1.logo a img,
.header a.tel,
.header a.tel 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 img{ filter:brightness(1) invert(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:#0b469e;}
.header.fixed ul.nav li a::after{ background:#0b469e;}

/*banner*/
.banner{ width:100vw; height:412px; background-size:cover !important; position:relative;}

/*底部*/
.footer{ background:#07101e;}
.footer .foot{ width:83.2vw; margin:0 auto; position:relative;}
.footer .foot:first-child{ border-bottom:1px solid #394049;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer a.logo{ display:block; margin:39px 0; float:left;}
.footer a.logo img{ display:block; height:76px;}
.footer dl{ display:block; color:#fff; font-size:16px; float:right; padding:44px 0 30px;}
.footer dl dt{ display:block; line-height:2.2; font-size:1.25em; font-weight:bold;}
.footer dl dd{ display:block; position:relative;}
.footer dl dd a{ display:block; line-height:2.25; float:left; margin-right:2em;}
.footer dl dd a:hover{ font-weight:bold;}
.footer .code{ font-size:14px; float:right; border-left:1px solid #394049; padding:2.5em 0 1em 2em; margin-left:4em;}
.footer .code span{ display:block; line-height:2.5; color:#fff; text-align:center; overflow:hidden; float:left; margin:0 2em;}
.footer .code img{ display:block; height:6.85em;}
.footer .info{ display:flex; justify-content:space-between; overflow:hidden; padding:54px 0 0;}
.footer .info p{ display:flex; align-items:center; line-height:1.25; color:#fff; font-size:16px; overflow:hidden;}
.footer .info p img{ display:block; height:4.375em; margin-right:1.25em;}
.footer .info p span{ display:block; line-height:1.375;}
.footer .info p span b{ display:block; padding:0 0 0.375em;}
.footer .copyright{ line-height:2; color:#fff; font-size:13px; text-align:center; overflow:hidden; padding:1em 0; margin:20px 0 0;}
.footer .copyright a:hover{ color:#fff; text-decoration:underline;}

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

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

.main .position{ width:100%; font-size:16px; position:absolute; left:0; bottom:100%; z-index:3;}
.main .position::before,
.main .position::after{ content:''; display:block; overflow:hidden; clear:both;}
.position ul.menu{ display:block; width:83.2vw; max-width:1200px; font-size:24px; overflow:hidden; margin:0 auto;}
.position ul.menu li{ display:block; width:33.33%; float:left;}
.position ul.menu li a{ display:block; line-height:3; color:#333; text-align:center; background:rgba(255,255,255,0.6); overflow:hidden; position:relative; margin:0 2px; transition:all ease 0.4s;}
.position ul.menu li a img{ display:inline-block; height:3em; vertical-align:top; margin-right:0.5em; transition:all ease 0.4s;}
.position ul.menu li a:hover,
.position ul.menu li.cur a{ color:#fff; background:rgba(11,70,158,0.8);}
.position ul.menu li a:hover img,
.position ul.menu li.cur a img{ filter:brightness(0) invert(1);}

/*内容样式*/
.main .attr{ width:83.2vw; margin:0 auto; position:relative;}
.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; text-align:center; padding:1.75em 0 1.25em;}
.main .attr h2.title em{ display:block; line-height:1; color:#333; position:relative; margin:-0.65em 0 0;}
.main .attr h2.title span{ display:block; min-height:0.5em; line-height:1; color:#0c5ab3; font-size:1.25em; text-transform:uppercase; padding:0 1px; opacity:0.2;}
.main .attr h2.title i{ display:block; width:0.75em; height:2px; background:#0b469e; border-left:0.75em solid #00a2e9; margin:0.5em auto 0;}
.main .attr h3.title{ display:block; line-height:2; color:#333; font-size:32px; font-weight:normal; text-align:center; padding:1em 0; margin:0.5em 0 0}
.main .attr p.mark{ display:block; line-height:3.5; color:#999; font-size:14px; text-align:center; background:#f8f8f8; margin:0 0 2.25em;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ line-height:2.15; color:#333; font-size:16px; text-align:justify; overflow:hidden; padding:0 0 3em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ overflow:hidden; font-size:16px; padding:2em 0; border-top:1px solid #ddd; margin:0 0 1.75em;}
.main .change p{ display:block; max-width:48%; line-height:2.4; color:#666; text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:right;}
.main .change p:first-child{ text-align:left; float:left;}
.main .change p font{ margin:0 4px;}
.main .change p a{ color:inherit;}
.main .change p a:hover{ color:#0b469e;}

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

.ab1{ font-size:16px; background:url(../images/icons/abg1.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.ab1 .pic{ overflow:hidden; float:right; margin-left:2.5%;}
.ab1 .pic img{ display:block; max-width:100%; margin:0 auto; transition:all ease 0.4s;}
.ab1 .pic:hover img{ transform:scale(1.05);}
.ab1 h4{ display:block; line-height:2; color:#0b469e; font-size:1.5em; overflow:hidden;}
.ab1 .txt{ line-height:2; color:#333; overflow:hidden; padding:1em 0 0;}

.ab2{ background:url(../images/icons/abg2.jpg) center no-repeat; background-size:cover; padding:0 0 80px; text-align:center;}
.ab2 .attr h2.title{ text-align:left;}
.ab2 .attr h2.title i{ margin-left:0;}
.ab2 .pic{ display:inline-block; vertical-align:top;}
.ab2 .pic img{ display:block; max-width:100%; margin:0 auto; transition:all ease 0.4s; box-shadow:1px 5px 24px 3px rgba(73,73,73,0.6);}
.ab2 .pic:hover img{ transform:scale(1.05);}

.ab3 ul{ display:block; font-size:20px; overflow:hidden;}
.ab3 ul li{ display:block; width:50%; overflow:hidden; float:left; position:relative;}
.ab3 ul li img{ display:block; width:100%; transition:all ease 0.4s;}
.ab3 ul li .box{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:42%; height:100%; color:#333; position:absolute; left:0; top:0; transition:all ease 0.4s;}
.ab3 ul li .box *{ position:relative; z-index:3;}
.ab3 ul li .box:before{ content:''; display:block; width:100%; height:100%; background:#fff; opacity:0.64; position:absolute; left:0; top:0; z-index:1; transition:all ease 0.4s;}
.ab3 ul li .box:after{ content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to right, #3acffc, #1f59ea); opacity:0; position:absolute; left:0; top:0; z-index:2; transition:all ease 0.4s;}
.ab3 ul li .box h4{ display:block; width:75%; line-height:1; font-size:inherit; border-left:3px solid #333; padding:0 0.5em; margin:0.3em 0 0; box-sizing:border-box; transition:border-color ease 0.4s;}
.ab3 ul li .box p{ display:block; width:75%; min-height:7em; line-height:1.75; font-size:0.9em; padding:1em 0 0;}
.ab3 ul li:hover img{ transform:scale(1.1);}
.ab3 ul li:hover .box{ color:#fff;}
.ab3 ul li:hover .box:before{ opacity:0;}
.ab3 ul li:hover .box:after{ opacity:0.75;}
.ab3 ul li:hover .box h4{ border-color:#fff;}

.ab4{ padding:0 0 60px;}
.ab4 ul{ display:block; margin:0 -12px;}
.ab4 ul::before,
.ab4 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.ab4 ul li{ display:block; width:16.66%; float:left;}
.ab4 ul li a{ display:block; overflow:hidden; border:1px solid #fff; margin:0 12px 28px; position:relative; box-shadow:1px 5px 16px 2px rgba(73,73,73,0.2); transition:all ease 0.4s;}
.ab4 ul li img{ display:block; width:100%; transition:all ease 0.4s;}
.ab4 ul li:hover a{ transform/:translateY(-12px); border-color:#0b469e;}

.main dl.yewu1{ display:block; font-size:16px;}
.main dl.yewu1 dt{ display:block; line-height:1; color:#0b469e; font-size:1.625em; overflow:hidden; padding:0 0.5% 1.25em; position:relative;}
.main dl.yewu1 dd{ display:block; overflow:hidden; position:relative; margin:0 0 80px;}
.main dl.yewu1 dd::before{ content:''; display:block; width:18px; height:18px; background:#0b469e; border-radius:50%; position:absolute; left:51.5%; top:0; transform:translateX(-50%);}
.main dl.yewu1 dd::after{ content:''; display:block; width:2px; height:100%; background:#0b469e; position:absolute; left:51.5%; top:0; transform:translateX(-50%);}
.main dl.yewu1 dd a.pic{ display:block; width:48.5%; padding:0 0 40px; position:relative; float:left; margin-right:6.375%;}
.main dl.yewu1 dd a.pic b{ display:block; line-height:1; color:#333; font-size:1.25em; padding:0 1% 0.5em;}
.main dl.yewu1 dd a.pic img{ display:block; width:100%;}
.main dl.yewu1 dd .box{ overflow:hidden;}
.main dl.yewu1 dd h4{ display:block; line-height:1.65; color:#0b469e; font-size:1.625em; font-weight:normal; overflow:hidden; padding:0 0 0.4em;}
.main dl.yewu1 dd p{ display:block; line-height:1.65; color:#0b469e; font-size:1.125em; font-weight:lighter; overflow:hidden;}
.main dl.yewu1 dd h5{ display:block; line-height:3; color:#0b469e; font-size:1.125em; font-weight:normal; overflow:hidden; padding:1em 0 0;}
.main dl.yewu1 dd span{ display:block; line-height:2.55; color:#333; font-size:1.125em; overflow:hidden; padding:0.5em 0;}
.main dl.yewu1 dd span img{ display:block; height:2.55em; float:left; margin-right:0.9em;}
.main dl.yewu1 dd em.star{ display:block; line-height:2.15; color:#00a2e9; font-size:1.125em; font-weight:normal; overflow:hidden; padding:0.5em 0;}
.main dl.yewu1 dd em.star a{ display:block; float:left; margin-right:1em;}
.main dl.yewu1 dd em.star a:nth-child(3n-2){ clear:left;}
.main dl.yewu1 dd .txt{ min-height:17em; line-height:1.75; color:#333; font-size:1.125em; text-align:justify; overflow:hidden; padding:1em 0;}
.main dl.yewu1 dd a.btn{ display:inline-block; vertical-align:top; width:8em; line-height:2.33; color:#0b469e; font-size:1.125em; text-align:center; border:2px solid #0b469e; border-radius:1.28em; margin:1em 0 0; transition:all ease 0.4s;}
.main dl.yewu1 dd a.btn:hover{ color:#fff; background:#00a2e9; border-color:#00a2e9;}

.shadow{ display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:998;}
.zixun{ display:none; width:62%; font-size:16px; background:url(../images/icons/zixun_bg.jpg) center no-repeat; background-size:cover; overflow:hidden; border-radius:20px; position:fixed; left:50%; top:50%; z-index:999; transform:translate(-50%,-50%);}
.zixun a.close{ display:block; width:1.125em; height:1.125em; background:url(../images/icons/close.png) center no-repeat; background-size:contain; margin:2.5%; float:right;}
.zixun p{ display:block; line-height:1.5; color:#0b469e; font-size:1.5em; text-align:center; overflow:hidden; padding:0.75em 0; margin:0 5%; clear:both;}
.zixun p img{ display:inline-block; vertical-align:middle; height:1.5em;}
.zixun .code{ text-align:center; overflow:hidden; padding:2.5em 0 4.5em;}
.zixun .code span{ display:inline-block; line-height:3; color:#333; text-align:center; margin:0 2em;}
.zixun .code img{ display:block; height:13.75em; margin:0 auto; box-shadow:2px 3px 7px rgba(97,105,114,0.4);}

.ywbox1{ font-size:16px; background:url(../images/icons/ywbg1.jpg) center no-repeat; background-size:cover; border-top:26px solid #e9f1f3; padding:120px 0;}
.ywbox1 .attr{ display:flex; flex-direction:row-reverse; align-items:center;}
.ywbox1 img.pic{ display:block; max-width:50%; float:right; box-shadow:0 0 7px rgba(197,203,203,0.6); margin-left:3.5%;}
.ywbox1 h4{ display:block; line-height:1; color:#333; font-size:1.625em; overflow:hidden; padding/:2em 0 0;}
.ywbox1 h5{ display:block; line-height:1.5; color:#0b469e; font-size:1.375em; font-weight:normal; overflow:hidden; padding:0.75em 0 0;}
.ywbox1 .txt{ line-height:1.78; color:#333; font-size:1.125em; overflow:hidden; padding:1.7em 0 0;}
.ywbox1 .txt a.btn{ display:block; width:8em; line-height:2.33; color:#0b469e; font-size:1.125em; text-align:center; border:2px solid #0b469e; border-radius:1.28em; margin:2em 0 0; transition:all ease 0.4s;}
.ywbox1 .txt a.btn:hover{ color:#fff; background:#00a2e9; border-color:#00a2e9;}

.ywbox2{ background:url(../images/icons/ywbg2.jpg) center no-repeat; background-size:cover; padding:0 0 40px;}
.ywbox2 ul{ display:block; font-size:16px;}
.ywbox2 ul::before,
.ywbox2 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.ywbox2 ul li{ display:flex; align-items:stretch; flex-direction:row-reverse; height:22vw; border:1em solid #fff; border-radius:2.5em; position:relative; box-shadow:0 0 16px 2px rgba(11,70,158,0.2); margin:0 0 60px;}
.ywbox2 ul li .pic{ width:100%; height:100%; overflow:hidden; border-radius:2.25em; position:absolute; left:0; top:0; z-index:1;}
.ywbox2 ul li .pic img{ display:block; width:100%; height:100%; object-fit:cover; transition:all ease 0.4s;}
.ywbox2 ul li em.title{ display:flex; flex-shrink:0; justify-content:center; align-items:center; width:64%; height:100%; color:#fff; font-size:1.875em; font-weight:bold; text-align:center; background:rgba(11,70,158,0.15); text-shadow:0 0 3px rgba(0,0,0,0.6); border-radius:0 1.2em 1.2em 0; position:relative; z-index:3;}
.ywbox2 ul li .txt{ display:flex; height:100%; background:rgba(255,255,255,0.6); overflow:hidden; padding:0 1em 0 0; border-radius:2em 0 0 2em; position:relative; z-index:3;}
.ywbox2 ul li .txt p{ display:flex; align-items:center; line-height:1.8; color:#333; font-size:1.125em; padding:0 8%; border:1px dashed #00a2e9; border-radius:2em;}
.ywbox2 ul li:nth-child(even){ flex-direction:row;}
.ywbox2 ul li:nth-child(even) em.title{ border-radius:1.2em 0 0 1.2em;}
.ywbox2 ul li:nth-child(even) .txt{ padding:0 0 0 1em; border-radius:0 2em 2em 0;}
.ywbox2 ul li:hover .pic img{ transform:scale(1.1);}

.ywbox3{ background:url(../images/icons/ywbg3.jpg) center no-repeat; background-size:cover; padding:0 0 40px;}
.ywbox3 ul{ display:block; font-size:16px;}
.ywbox3 ul::before,
.ywbox3 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.ywbox3 ul li{ display:flex; align-items:stretch; background:#fff; border:1em solid #fff; border-radius:2.5em; position:relative; box-shadow:0 0 16px 2px rgba(11,70,158,0.2); margin:0 0 60px;}
.ywbox3 ul li .pic{ width:36%; overflow:hidden; border-radius:2.25em; margin-right:1.5%; flex-shrink:0;}
.ywbox3 ul li .pic img{ display:block; width:100%; height:100%; object-fit:cover; transition:all ease 0.4s;}
.ywbox3 ul li .txt{ display:flex; flex:auto; flex-direction:column; align-items:center; justify-content:center; background:rgba(255,255,255,0.6); overflow:hidden; border:1px dashed #00a2e9; border-radius:2em; position:relative; z-index:3;}
.ywbox3 ul li .txt em.title{ display:block; line-height:2.8; color:#0b469e; font-size:1.25em; font-weight:bold; text-align:center; padding:0 0 0.5em;}
.ywbox3 ul li .txt i{ display:block; width:2.75em; height:2px; background:#0b469e; margin:0 0 1.5em;}
.ywbox3 ul li .txt p{ display:block; line-height:3; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap;}
.ywbox3 ul li .txt p::before{ content:''; display:block; width:10px; height:10px; background:#0b469e; border-radius:50%; float:left; margin:1.5em 1em 0 0; transform:translateY(-50%);}
.ywbox3 ul li:hover .pic img{ transform:scale(1.1);}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden; padding:0 0 60px; margin:0 -14px;}
.main ul.newsList li{ display:block; width:25%; overflow:hidden; font-size:16px; float:left;}
.main ul.newsList li .box{ overflow:hidden; transition:all ease 0.4s; margin:0 14px 14px;}
.main ul.newsList li a.pic{ display:block; overflow:hidden;}
.main ul.newsList li a.pic img{ display:block; width:100%; transition:all ease 0.4s;}
.main ul.newsList li a.title{ display:block; line-height:3; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s; padding:1em 0 0;}
.main ul.newsList li .txt{ display:block; height:3.44em; line-height:1.72; color:#666; font-size:0.875em;
	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:3.5; color:#999; font-size:1.125em; overflow:hidden;}
.main ul.newsList li:hover .box{ border-color:#0b469e; background:#fafafa;}
.main ul.newsList li:hover a.pic img{ transform:scale(1.12);}
.main ul.newsList li:hover a.title{ color:#0b469e;}
.main ul.newsList li:hover a.more{ color:#0c5ab3;}

.contact{ font-size:16px; background:url(../images/icons/contact_bg.jpg) center no-repeat; background-size:cover; padding:0 0 90px;}
.contact p{ display:block; line-height:1.5; color:#0b469e; font-size:1.5em; text-align:center; overflow:hidden; padding:0.75em 0; margin:0 5%; clear:both;}
.contact p img{ display:inline-block; vertical-align:middle; height:1.5em;}
.contact .code{ text-align:center; overflow:hidden; padding:2.5em 0 2.5em;}
.contact .code span{ display:inline-block; line-height:3; color:#333; text-align:center; margin:0 2em;}
.contact .code img{ display:block; height:13.75em; margin:0 auto; box-shadow:2px 3px 7px rgba(97,105,114,0.4);}
.contact .map{ overflow:hidden; border:20px solid #fff;}

.job{}
.job p.desc{ display:block; line-height:1.8; color:#333; font-size:20px; text-align:center;}
.job dl{ display:block; font-size:16px; padding:2em 0 80px;}
.job dl dt{ display:flex; justify-content:space-between; line-height:3; color:#fff; font-size:1.625em; background:#0b469e;}
.job dl dt b{ display:block; padding:0 2.5em;}
.job dl dd{ display:block; border-bottom:2px solid #ededed;}
.job dl dd a.title{ display:block; line-height:3.5; color:#0b469e; font-size:1.25em; font-weight:bold; padding:0 2em;}
.job dl dd a.title::before{ content:''; display:block; width:5em; height:3.5em; background:url(../images/icons/updown.png) center no-repeat; background-size:1.5em auto; float:right; transition:all ease 0.4s;}
.job dl dd.open a.title::before{ transform:rotate(180deg);}
.job dl dd .info{ display:none; padding:0 2.22em; overflow:hidden; border-top:2px solid #ededed;}
.job dl dd .txt{ line-height:2.22; color:#333; font-size:1.125em; padding:1.8em 0 2em; float:left; max-width:40%; margin-right:10%;}
.job dl dd .txt b{ display:block;}


@media only screen and (max-width:1440px){
.footer .info p{ max-width:35%;}

.position ul.menu{ font-size:20px;}
.main .attr h2.title{ font-size:32px;}

.ab3 ul{ font-size:18px;}

.main dl.yewu1{ font-size:14px;}
.zixun{ font-size:14px;}
.ywbox2 ul{ font-size:14px;}
.ywbox3 ul{ font-size:14px;}
.ywbox3 ul li .txt p{ line-height:2.5;}
.ywbox3 ul li .txt p::before{ margin-top:1.25em;}

.main ul.newsList li{ width:33.33%;}

.contact{ font-size:14px;}

.job p.desc{ font-size:16px;}
.job dl{ font-size:13px;}
}

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

.header .head{ height:40px; padding:10px 0;}
.header h1.logo a img{ height:40px;}
.header a.menu{ display:block; width:24px; height:40px; background:url(../images/common/head_menu.png) center no-repeat; background-size:contain; float:right; filter:brightness(0) invert(1); transition:all ease 0.4s;}
.header a.tel{ display:none;}

ul.nav{ width:36%; height:auto; margin:0; background:rgb(11,70,158,0.9); padding:4px 0; position:absolute; right:-12px; top:60px; transition:transform 0.4s ease; transform:translateX(110%); z-index:99;}
ul.nav li{ width:auto; float:none; padding:0; margin:0;}
ul.nav li a{ display:block; line-height:2.8; color:#fff; font-size:14px; font-weight:normal; border-radius:0;}
ul.nav li a::after{ display:none;}
ul.nav li p.sub{ display:none !important;}
ul.nav.show{ transform:translateX(0);}

.header.fixed a.menu{ filter:brightness(1) invert(0);}
.header.fixed ul.nav li > a{ color:#fff;}
.header.fixed ul.nav li > a:hover,
.header.fixed ul.nav li.on > a,
.header.fixed ul.nav li.cur > a{ color:#fff;}

.banner{ height:50vw;}

.footer{ padding:20px 0 0;}
.footer a.logo{ width:108px; margin:0 auto; float:none;}
.footer a.logo img{ height:40px;}
.footer dl{ float:none; padding:4px 8px 10px; overflow:hidden; font-size:13px; margin-right:-2em;}
.footer .code{ float:none; border:0; overflow:hidden; margin:0 auto; padding:24px 0 0; font-size:12px; text-align:center;}
.footer .code span{ float:none; display:inline-block; vertical-align:top; margin:0 1.8em;}
.footer .info{ display:block; padding:1em 0 0;}
.footer .info p{ max-width:none; font-size:14px; padding:0.5em 0;}
.footer .info p img{ height:3.375em; margin-top:0.5em;}
.footer .copyright{ font-size:12px; padding:1.25em 0; margin:12px 0 0; border-top:1px solid #394049;}
.footer .copyright p{ text-align:center; line-height:1.5; padding:1.25em 0 0;}
.backToTop{ display:none !important;}

.main .position{ width:96%; left:2%;}
.position ul.menu{ width:auto; font-size:14px;}
.position ul.menu li a{ line-height:2.5;}
.position ul.menu li a img{ height:2.5em;}

.main .attr h2.title{ font-size:22px;}
.main .attr h3.title{ line-height:1.75; font-size:20px; padding:1.25em 0 0.75em; margin:0;}
.main .attr p.mark{ font-size:13px; line-height:3; margin:0 0 1em;}
.main .article{ font-size:13.5px; padding-top:0;}
.main .change{ font-size:13.5px; padding:1.2em 0; margin:0 0 0.75em;}
.main .change p{ float:none !important; max-width:none;}
.main .change p span{ display:none;}

.pages{ font-size:12px; padding:0 0 44px;}
.pages span,
.pages a{ min-width:8px; padding:2px 11px; margin:0 4px;}

.ab1{ font-size:14px; padding:0 0 40px;}
.ab1 .pic{ float:none; margin:0 0 1em;}
.ab1 h4{ font-size:1.25em;}
.ab1 .txt{ padding:0.5em 0 0;}

.zixun{ width:90%; font-size:9px;}
.zixun a.close{ width:1.375em; height:1.375em; margin:4% 5% 0;}
.zixun p{ padding:0.5em 0;}
.zixun .code{ padding:2em 0;}
.zixun .code span{ font-size:1.375em; margin:0 0.75em;}
.zixun .code img{ height:8em;}

.ab2{ padding:0 0 40px;}

.ab3 ul{ font-size:14px;}
.ab3 ul li{ width:100%;}
.ab3 ul li .box{ padding:1em 0; box-sizing:border-box; width:64%;}
.ab3 ul li .box p{ min-height:5.25em;}
.ab3 ul li .box h4{ width:86%;}
.ab3 ul li .box p{ width:86%;}

.ab4{ padding:0 0 40px;}
.ab4 ul{ margin:0 -5px;}
.ab4 ul li{ width:50%;}
.ab4 ul li a{ margin:0 5px 10px;}

.main dl.yewu1{ font-size:12px;}
.main dl.yewu1 dt{ font-size:1.375em;}
.main dl.yewu1 dd{ margin:0 0 28px; padding-left:20px;}
.main dl.yewu1 dd::before{ left:6px; width:10px; height:10px; top:7px; margin-top:-5px;}
.main dl.yewu1 dd::after{ left:5px; transform:none; top:7px;}
.main dl.yewu1 dd a.pic{ float:none; width:auto; margin:0; padding:0;}
.main dl.yewu1 dd a.pic img{ height:calc(60vw - 26px);}
.main dl.yewu1 dd h4{ font-size:1.325em; margin:0.6em 0 0;}
.main dl.yewu1 dd h5{ line-height:2; padding:1em 0 0.4em;}
.main dl.yewu1 dd span{ padding:0.2em 0;}
.main dl.yewu1 dd em.star{ padding:1em 0 0;}
.main dl.yewu1 dd .txt{ min-height:0; padding:0.2em 0 0.5em;}
.main dl.yewu1 dd a.btn{ float:right;}

.ywbox1{ padding:20px 0 30px; font-size:12px;}
.ywbox1 .attr{ display:block;}
.ywbox1 img.pic{ float:none; max-width:100%; margin:0;}
.ywbox1 h4{ font-size:1.5em; padding:1.2em 0 0.3em;}
.ywbox1 h5{ font-size:1.125em;}
.ywbox1 .txt{ padding:0.5em 0;}
.ywbox1 .txt a.btn{ float:right; font-size:13.5px; margin:1em 0 0;}

.ywbox2 ul{ font-size:12px;}
.ywbox2 ul li{ background:#fff; border-width:8px; flex-wrap:wrap; height:auto; border-radius:12px; margin:0 0 12px;}
.ywbox2 ul li .pic{ border-radius:12px; border-radius:12px 12px 0 0; height:72px;}
.ywbox2 ul li em.title{ width:100%; line-height:4; height:4em; font-size:1.5em; border-radius:12px 12px 0 0 !important;}
.ywbox2 ul li .txt{ padding:0 !important; border-radius:0 0 12px 12px !important;}
.ywbox2 ul li .txt p{ border-radius:0 0 12px 12px !important; padding:3% 4%;}

.ywbox3 ul{ font-size:12px;}
.ywbox3 ul li{ display:block; border-width:8px; border-radius:12px; margin:0 0 12px;}
.ywbox3 ul li .pic{ border-radius:12px 12px 0 0; width:auto; margin:0; float:none;}
.ywbox3 ul li .pic img{ height:120px;}
.ywbox3 ul li .txt em.title{ padding:4px 0 0;}
.ywbox3 ul li .txt i{ margin:0 0 0.5em;}
.ywbox3 ul li .txt{ padding:0 4% 6px !important; border-radius:0 0 12px 12px !important;}
.ywbox3 ul li .txt p{ line-height:1.5; padding:0 0 0 16px; white-space:normal; margin:6px 0 10px;}
.ywbox3 ul li .txt p::before{ width:6px; height:6px; margin:0.75em 10px 0 -16px;}

.main ul.newsList{ padding:0 0 24px;}
.main ul.newsList li{ width:100%; font-size:14px;}
.main ul.newsList li .box{ border-bottom:1px solid #ddd;}
.main ul.newsList li a.title{ line-height:2.5; padding:0.75em 0 0;}
.main ul.newsList li span{ font-size:1em; line-height:3;}

.contact{ font-size:9px; padding:0 0 40px;}
.contact p{ padding:0.5em 0;}
.contact .code{ padding:2em 0;}
.contact .code span{ font-size:1.375em; margin:0 0.75em;}
.contact .code img{ height:8em;}
.contact .map{ border-width:6px;}

.job p.desc{ font-size:13px;}
.job dl{ font-size:11px; padding-bottom:40px;}
.job dl dt{ font-size:1.25em;}
.job dl dt b{ padding:0 12px;}
.job dl dd a.title{ padding:0 10px;}
.job dl dd a.title::before{ background-size:1em auto; width:2.25em;}
.job dl dd .info{ padding:10px 10px;}
.job dl dd .txt{ float:none; margin:0; max-width:none; font-size:12.5px; line-height:1.85; padding:6px 0;}

}












/**/