/* CSS Document */

*{
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease; /* Firefox 4 */
	-webkit-transition:all 0.4s ease; /* Safari and Chrome */
	-o-transition:all 0.4s ease; /* Opera */
}
.left{ float:left;}
.right{ float:right;}
.clear{ height:0; clear:both;}
.wrap{ width:100%; background:#fff; position:relative; overflow:hidden;}
.content{ overflow:hidden;}

/*头部样式*/
.header{ width:100%; height:auto; background:#fff; position:relative; z-index:9; box-shadow:rgba(0,0,0,0.45) 0 0 16px; position:fixed; left:0; top:0; z-index:9999;}
.banner #content{ width:100px; height:1px; position:absolute; left:0; top:100%; margin-top:-104px;}
.header .head{ margin:0 10%; height:104px; position:relative;}
.header .head h1.logo{ display:block; height:100%; float:left;}
.header .head h1.logo a{ display:block; height:100%;}
.header .head h1.logo a img{ display:block; height:100%;}
.header .head p.btns{ display:block; padding:36px 0; float:right;}
.header .head p.btns:after{ content:''; display:block; clear:both;}
.header .head p.btns a{ display:block; width:32px; height:32px; float:left; margin:0 0 0 2px; position:relative;}
.header .head p.btns a.search{ background:url(../images/head_search.png) center no-repeat;}
.header .head p.btns a.wechat{ background:url(../images/head_wechat.png) center no-repeat;}
.header .head p.btns a.phone{ background:url(../images/head_phone.png) center no-repeat;}
.header .head p.btns a.search:hover{ background-image:url(../images/head_search_cur.png);}
.header .head p.btns a.wechat:hover{ background-image:url(../images/head_wechat_cur.png);}
.header .head p.btns a.phone:hover{ background-image:url(../images/head_phone_cur.png);}
.header .head p.btns a em{ display:none; position:absolute; top:120%; left:50%; transform:translateX(-50%);z-index: 999}
.header .head p.btns a em::before{ content:''; display:block; width:0; height:0; border-bottom:8px solid #fff; border-left:9px solid transparent; border-right:9px solid transparent; position:absolute; left:50%; top:0; transform:translate(-50%,-100%); z-index:1;}
.header .head p.btns a em img{ width:160px; box-shadow:rgba(0,0,0,0.3) 0 0 6px;}
.header .head p.btns a:hover em{ display:block;}
.header form.search{ display:block; overflow:hidden; background:#fff; padding:9px; position:absolute; right:1px; top:100%; z-index:-1; transition:all 0.36s ease; transform:translateY(-100%); transform:translateY(-28%); border-top:1px solid #ebebeb; opacity:0;}
.header form.search.show{ transform:translateY(0); z-index:2; opacity:1;}
.header form.search select{ display:block; height:38px; color:#666; font-size:15px; background:#fff; padding:4px 6px; border:1px solid #ddd; box-sizing:border-box; float:left; margin-right:8px; cursor:pointer;}
.header form.search input.txt{ display:block; width:232px; height:38px; color:#666; font-size:15px; background:#fff; padding:4px 10px; border:1px solid #ddd; border-right:0; box-sizing:border-box; float:left;}
.header form.search input.txt::placeholder{ color:#999;}
.header form.search input.btn{ display:block; width:56px; height:38px; color:#fff; font-size:15px; border:0; background:#3c67a7; background-size:52% auto; cursor:pointer; float:left;}
.header .head a.menu{ display:none; width:88px; height:88px; background:url(../images/head_menu.png) center no-repeat; background-size:contain; float:right;}

/*导航样式*/
ul.nav{ display:block; z-index:999;}
ul#nav1{ display:none;}
ul.nav::after{ content:''; display:block; height:0; clear:both;}
/*ul.nav.show::after{ content:''; display:block; width:100vw; height:3.6em; font-size:15px; position:absolute; left:50%; top:100%; background:rgba(255,255,255,0.5); z-index:9; margin-left:-50vw;}*/
ul.nav li{ display:block; width:90px; text-align:center; float:left; position:relative; z-index:999;}
ul.nav li a{ display:block; line-height:104px; color:#333; font-size:16px; position:relative; z-index:5;}

ul.nav li.on a,
ul.nav li.cur a{ color:#3c67a7; font-weight:bold;}
ul.nav li.on::after,
ul.nav li.cur::after{ content:''; display:block; width:2.7em; height:4px; background:#3c67a7; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}

ul.nav li ul.subNav{ display:none; width:140%; height:auto; background:#fff; padding:12px 0; position:absolute; left:50%; margin-left:-70%; top:100%; z-index:998; box-shadow:rgba(0,0,0,0.45) 0 0 16px; transition:all;}
ul.nav li ul.subNav::after{ display:none !important;}
ul.nav li ul.subNav li{ width:auto; float:none;}
ul.nav li ul.subNav li::before{ display:none !important;}
ul.nav li ul.subNav li a{ display:block; line-height:2.58em; color:#333; font-size:14px; font-weight:normal;}
ul.nav li ul.subNav li a:hover,
ul.nav li ul.subNav li.on a{ color:#fff; background:#3c67a7;}

/*banner样式*/
.banner{ width:100%; height:456px; background-size:cover !important; margin-top:104px; position:relative;}
 
/*footer样式*/
.flink{ background:#714a4e;}
.flink .con{ overflow:hidden; margin:0 10%;}
.flink .con a.logo{ display:block; height:100px; float:left;}
.flink .con a.logo img{ display:block; height:100%;}
.flink .con p{ display:block; float:right; overflow:hidden;}
.flink .con select{ display:block; width:206px; height:40px; color:#333; font-size:14px; padding:0 12px; background:#ececec url(../images/select.png) right center no-repeat; background-size:auto 100%; border:0; border-radius:5px; cursor:pointer; float:left; margin:30px 0 0 30px; -webkit-appearance:button;}
.footer{ background:#454545; overflow:hidden; padding:2.1% 0 0;}

.footer .foot{ margin:0 10%;}
.footer .foot::after{ content:''; display:block; height:0; clear:both;}
.footer dl{ display:block; float:left; margin:0 2.4% 0 4.8%;}
.footer dl dt{ display:block; line-height:4.2; color:#fff; font-size:14px;}
.footer dl dt a{ color:#fff; font-weight:bold;}
.footer dl dd{ display:block; line-height:2.14; color:#7c7c7c; font-size:14px;}
.footer dl dd a{ color:#7c7c7c;}
.footer dl dd a:hover{ color:#ddd;}
.footer .contact{ overflow:hidden; float:right; margin:0 4.8% 0 0;}
.footer .contact a.flogo{ display:block; margin:0px 0 0px;}
.footer .contact a.flogo img{ display:block;}
.footer .contact .txt{ line-height:2.14; color:#7c7c7c; font-size:14px;}
.footer .contact .txt img{ height:1.5em; vertical-align:top; margin:0.5em 1em 0 0;}
.footer .copyright{ line-height:2em; color:#7c7c7c; font-size:14px; text-align:center; overflow:hidden; background:#222; padding:16px 0; overflow:hidden; margin:2% 0 0;}
.footer .copyright a{ color:#a3a3a3;}
.footer .copyright a:hover{ text-decoration:underline;}
.lianjies{ background:#454545; overflow:hidden; padding-top: 10px;color:#7c7c7c;margin-left: 160px; width:1300px;}
.lianjies a{color:#7c7c7c;}
/*底部菜单*/
ul.footNav{ display:none; width:100%; overflow:hidden; background:#3c67a7; position:fixed; left:0%; bottom:0; z-index:999;}
ul.footNav li{ display:block; width:33.33%; float:left; position:relative;}
ul.footNav li::before{ content:''; display:block; width:1px; height:55%; background:#fff; opacity:0.6; position:absolute; left:-0.5px; top:22.5%;}
ul.footNav li:first-child::before{ display:none;}
ul.footNav li a{ display:block; height:78px; overflow:hidden; padding:12px 0 0;}
ul.footNav li a img{ display:block; height:34px; margin:0 auto;}
ul.footNav li a span{ display:block; height:42px; line-height:44px; color:#fff; font-size:22px; text-align:center;}

/*返回顶部*/
.backToTop{ display:none; width:48px; height:48px; background:url(../images/top.png) center no-repeat; background-size:contain; position:fixed; _position:absolute; right:16px; bottom:72px; cursor:pointer; opacity:0.8; z-index:8;}

/*主体样式*/
.main{ position:relative; padding:0 10%;}
.main::after{ content:''; display:block; height:0; clear:both;}
.position{ height:3.8em; line-height:3.8em; color:#666; font-size:14px; background:#fff; padding:0 1.64em; border-bottom:1px solid #ddd; overflow:hidden; clear:both; margin-top:-3.8em;}
.position p{ display:block; font-size:inherit; overflow:hidden; float:left;}
.position a{ color:#666; margin:0 0.5em;}
.position a:hover{ color:#3c67a7;}
.position img{ height:1.2em; vertical-align:-3px;}
.position .share{ line-height:2em; font-size:14px; overflow:hidden; margin:0.9em 0; float:right;}
.position .share span{ display:block; float:left; margin-right:4px;}
.position .share a{ transition:all;}

/*左侧*/
.leftCon{ width:242px; max-width:20%; padding:0 0 4%; float:left; border-right:1px solid #ededed; margin-bottom:60px;}
.leftCon h2{ display:block; line-height:1.7em; color:#333; font-size:28px; font-weight:normal; padding:1.5em 1em 1em;}
.leftCon h2 span{ display:block; line-height:1.8em; color:#666; font-size:16px; font-family:Bell MT; text-transform:uppercase; white-space:nowrap; transform:scaleY(1.05);}
.leftCon ul.menu{ display:block;}
.leftCon ul.menu li{ display:block; padding:0 0 10px; padding:0 0 2px;}
.leftCon ul.menu li a{ display:block; line-height:2.625em; line-height:3em; color:#333; font-size:16px; text-indent:2.8em; background:#f5f5f5; position:relative;}
.leftCon ul.menu li a em{ display:block; width:3em; height:3em; position:absolute; right:0; top:0;}
.leftCon ul.menu li a em:after{ content:''; display:block; width:9px; height:9px; border:1px solid #aaa; border-width:1px 1px 0 0; position:absolute; right:1em; top:50%; transform:rotate(135deg) translate(-30%,80%); transition:all 0.4s ease;}
.leftCon ul.menu li a.open em{ transform:rotate(-180deg);}
.leftCon ul.menu li a:hover,
.leftCon ul.menu li.cur a{ color:#fff; background:#3c67a7;}
.leftCon ul.menu li a:hover em:after,
.leftCon ul.menu li.cur a em:after{ border-color:#fff;}
.leftCon ul.menu li p.sub{ display: none; font-size:14px; background:#f6f6f6; padding:0.8em 0; transition:all;}
.leftCon ul.menu li p.sub a{ line-height:2.58; color:#666; font-size:inherit; background:none;}
.leftCon ul.menu li p.sub a:hover,
.leftCon ul.menu li p.sub a.cur{ color:#3c67a7; font-weight:bold;}
.leftCon ul.menu li.cur p.sub{ display:none;}

/*右侧*/
.rightCon{ min-height:560px; overflow:hidden; border-left:0px solid #ededed;}
.main .attr{ padding:0 1% 0 4%;}
.main h3.title{ display:block; line-height:1.42em; color:#333; font-size:24px; text-align:center; padding:1.9em 0 1.25em;}
.main p.mark{ display:block; line-height:2.86em; color:#999; font-size:14px; text-align:center; background:#e5edf3; margin:0 0 -1em;}
.main .article{ min-height:20em; line-height:3.2em; color:#333; font-size:15px; padding:2.3em 0;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}

/*文章切换*/
.main .change{ border-top:1px solid #e4e4e4; overflow:hidden; padding:5% 0 6%;}
.main .change a{ display:block; width:7.76em; line-height:2.76em; color:#fff; font-size:18px; text-align:center; background:#666;}
.main .change a:hover{ background:#3c67a7;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:6% 1% 6.5% 4%;}
.pages a{ display:inline-block; min-width:12px; color:#666; height:24px; line-height:24px; text-align:center; background:#fff; padding:3px 10px; margin:0 5px; border:1px solid #ddd;}
.pages a:hover{ color:#fff; background:#3c67a7; border-color:#3c67a7;}
.pages span{ display:inline-block; min-width:12px; color:#666; height:24px; line-height:24px; text-align:center; background:#fff; padding:3px 10px; margin:0 5px; border:1px solid #ddd;}
.pages span{ color:#fff; background:#3c67a7; border-color:#3c67a7; cursor:pointer;}
.pages a.num{ display:none;}

/*图片列表*/
.main ul.picList{ display:block; overflow:hidden; margin:2% -1% 4% -1%;}
.main ul.picList li{ display:block; width:33.33%; overflow:hidden; float:left;}
.main ul.picList li a{ display:block; margin:1% 5% 2%;}
.main ul.picList li a img{ display:block; width:100%;}
.main ul.picList li a span{ display:block; line-height:3em; color:#333; font-size:14px; text-align:center; overflow:hidden;}
.main ul.picList li a:hover span{ color:#3c67a7;}

/*画册列表*/
.main ul.picList li p{ display:block; font-size:14px; overflow:hidden; margin:-2% 5% 2%;}
.main ul.picList li p a{ line-height:4em; color:#333; margin:0;}
.main ul.picList li p a:hover{ color:#3c67a7;}
.main ul.picList li p a.btn{ color:#714a4e; float:right;}
.main ul.picList li p a.btn img{ display:inline; width:auto; height:1em; vertical-align:-2px; margin-right:0.5em;}

/*视频列表*/
.main ul.videoList{ display:block; overflow:hidden; margin:2% -1% 3% -1%;}
.main ul.videoList li{ display:block; width:50%; overflow:hidden; float:left;}
.main ul.videoList li a{ display:block; margin:1% 5% 2%;}
.main ul.videoList li a em{ display:block; position:relative;}
.main ul.videoList li a em::after{ content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/video.png) center no-repeat; background-size:auto 34%; position:absolute; left:0; top:0;}
.main ul.videoList li a img{ display:block; width:100%;}
.main ul.videoList li a span{ display:block; line-height:3.5em; color:#333; font-size:14px; text-align:center; overflow:hidden;}
.main ul.videoList li a:hover span{ color:#3c67a7;}

/*时间轴*/
.timeline{ margin:38px 0 58px; position:relative;}
#timeline{ overflow:hidden; margin:0 auto; position:relative; z-index:3;}
#timeline::after{ content:''; display:block; width:100%; height:4px; border:1px solid #fff; background:#714a4e; border-width:0 6px; box-sizing:border-box; position:absolute; top:50%; margin-top:-2px;}
.timeline ul#dates{ display:block; height:102px; overflow:hidden; position:relative; z-index:2;}
.timeline ul#dates li{ display:block; width:20%; float:left;}
.timeline ul#dates li a{ display:block; width:102px; height:102px; line-height:164px; color:#714a4e; font-size:16px; text-align:center; box-sizing:border-box; position:relative; margin:0 auto;}
.timeline ul#dates li a::before{ content:''; display:block; width:18px; height:18px; background:#fff; border:1px solid #fcf2f3; border-radius:50%; box-sizing:border-box; position:absolute; left:50%; top:50%; margin:-9px 0 0 -9px;}
.timeline ul#dates li a::after{ content:''; display:block; width:10px; height:10px; background:#714a4e; border-radius:50%; box-sizing:border-box; position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px;}
.timeline ul#dates li a.selected{ line-height:84px; color:#fff; font-size:24px; background:#3c67a7; border:9px solid #efe7e7; border-radius:50%;}
.timeline ul#dates li a.selected::before,
.timeline ul#dates li a.selected::after{ display:none;}
.timeline .issues{ overflow:hidden; margin:5% 0 0;}
.timeline ul#issues{ display:block; overflow:hidden;}
.timeline ul#issues li{ display:block; width:100%; overflow:hidden; box-sizing:border-box; position:relative; float:left;}
.timeline ul#issues li p{ display:block; line-height:2em; color:#333; font-size:14px; background:#f1f1f1; padding:0.44em 1em; margin:0 0 1.5em 1.5em; position:relative;}
.timeline ul#issues li p::before{ content:''; display:block; width:6px; height:6px; background:#734d51; position:absolute; left:-2px; top:1.44em; margin-top:-3px;}
.timeline ul#issues li p em{ color:#3c67a7; padding:0 2em 0 0.5em;}
.timeline a#prev,
.timeline a#next{ display:block; width:42px; height:102px; position:absolute; top:0; overflow:hidden; z-index:5;}
.timeline a#next::after,
.timeline a#prev::after{ content:''; position:absolute; top:50%; margin-top:-8px;}
.timeline a#prev{ left:0;}
.timeline a#prev::after{ border-right:11px solid #714a4e; border-top:8px solid transparent; border-bottom:8px solid transparent; left:0;}
.timeline a#next{ right:0;}
.timeline a#next::after{ border-left:11px solid #714a4e; border-top:8px solid transparent; border-bottom:8px solid transparent; right:0;}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden; margin:6px 0 0;}
.main ul.newsList li{ display:block; padding:26px 0; overflow:hidden; border-bottom:1px solid #e6e6e6;}
.main ul.newsList li a.pic{ display:block; float:left; margin-right:24px;}
.main ul.newsList li a.pic img{ display:block; height:158px;}
.main ul.newsList li a.title{ display:block; line-height:28px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:2px 0 0;}
.main ul.newsList li a.title:hover{ color:#3c67a7;}
.main ul.newsList li .txt{ height:72px; line-height:24px; color:#666; font-size:14px; overflow:hidden; padding:12px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main ul.newsList li span{ display:block; line-height:40px; color:#3c67a7; font-size:14px; overflow:hidden; margin:4px 0 0; float:left;}
.main ul.newsList li a.more{ display:block; width:78px; line-height:28px; color:#fff; font-size:14px; text-align:center; background:#3c67a7; border-radius:14px; margin:10px 0 0; float:right;}

/*下载列表*/
.main ul.downList{ display:block; overflow:hidden; margin:0 -2% 0;}
.main ul.downList li{ display:block; width:33.33%; overflow:hidden; float:left; margin:3% 0 0;}
.main ul.downList li a.pic{ display:none; position:relative; margin:0 6%;}
.main ul.downList li a.pic img{ display:block; width:100%;}
.main ul.downList li a.pic em{ display:block; width:6.78em; line-height:4.44em; color:red; font-size:18px; font-weight:bold; text-align:center; background:rgba(255,255,255,0.8); position:absolute; right:0; top:50%; transform:translateY(-50%);}
.main ul.downList li a.title{ display:block; line-height:3; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.5em 0 0; margin:0 6%;}
.main ul.downList li a.title:hover{ color:#3c67a7;}
.main ul.downList li .txt{ height:5.55em; line-height:1.85em; color:#999; font-size:13px; margin:0 6%; border-bottom:1px dashed #ddd;
/*
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
*/
}

.main ul.downList{ display:block; overflow:hidden; margin:1.5% -1% 0;}
.main ul.downList li{ width:50%; margin:0% 0 0;}
.main ul.downList li a.btn{ display:block; line-height:1; color:#3c67a7; font-size:15px; background:#e5edf3; padding:0.6em 0.9em; margin:5% 8% 0 4%; float:right;}
.main ul.downList li a.btn:hover{ color:#fff; background:#3c67a7;}
.main ul.downList li a.title{ padding-left:4px; padding-right:4px; margin:0 3%;}
.main ul.downList li .txt{ height:1.85em; padding:0 4px 3%; margin:0 3%;}

/*产品分类*/
.main ul.proCate{ display:block; overflow:hidden; padding:0 0.5%; margin:6% 0 8%;}
.main ul.proCate li{ display:block; width:29.33%; margin:0 2%; overflow:hidden; float:left;}
.main ul.proCate li h4{ display:block; padding:40px 0 16px; background-size:cover !important; overflow:hidden;}
.main ul.proCate li:nth-child(1) h4{ background:url(../images/pro1.jpg) center top no-repeat;}
.main ul.proCate li:nth-child(2) h4{ background:url(../images/pro2.jpg) center top no-repeat;}
.main ul.proCate li:nth-child(3) h4{ background:url(../images/pro3.jpg) center top no-repeat;}
.main ul.proCate li h4 img{ display:block; height:52px; margin:0 auto;}
.main ul.proCate li h4 span{ display:block; line-height:3.5em; color:#fff; font-size:24px; text-align:center;}
.main ul.proCate li p{ display:block; overflow:hidden;}
.main ul.proCate li p a{ display:block; line-height:4em; color:#333; font-size:16px; padding:0 1.6em; background:url(../images/pro_mark.png) right center no-repeat; background-size:auto 1.12em; border-bottom:1px solid #ddd; position:relative;}
.main ul.proCate li p a::before{ content:''; display:block; width:4px; height:20px; background:#3c67a7; position:absolute; left:2px; top:50%; margin-top:-10px;}
.main ul.proCate li p a:hover{ color:#3c67a7;}

/*产品列表*/
p.prosub{ display:none; font-size:14px; background:#f6f6f6; padding:0.8em; overflow:hidden;}
p.prosub a{ display:block; float:left; line-height:2.58; color:#666; padding:0 4px; margin:0 8px 0 0;}
p.prosub a:hover,
p.prosub a.cur{ color:#3c67a7; font-weight:bold;}

ul.proList{ display:block; overflow:hidden; margin:2% -1% 0 -20px;}
ul.proList li{ display:block; width:25%; float:left;}
ul.proList li a{ display:block; background:#fff; box-shadow:rgba(0,0,0,0.15) 0 0 29px inset; position:relative; margin:20px 0 0 20px; overflow:hidden;}
ul.proList li a em{ display:block; overflow:hidden;}
ul.proList li a img{ display:block; width:100%;}
ul.proList li a span{ display:block; line-height:2em; color:#265aa1; font-size:16px; padding-left:2em; background:url(../images/pro_mark.png) left center no-repeat; background-size:auto 1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0.8em 6.8%;}
ul.proList li a p{ display:block; line-height:2em; color:#666; font-size:14px; padding-left:2.28em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 6.8% 1.64em;}
ul.proList li a:hover{ background:#3a64a2;}
ul.proList li a:hover img{ transform:scale(1.12,1.12);}
ul.proList li a:hover span{ color:#fff; background-image:url(../images/pro_mark_cur.png);}
ul.proList li a:hover p{ color:#c7c7c7;}
/*
ul.proList{ display:block; padding:12px 0 0;}
ul.proList li{ display:block; padding:24px 0 0; overflow:hidden;}
ul.proList li h4{ display:block; line-height:2.5em; font-size:16px; font-weight:normal; background:#e2eee2; overflow:hidden;}
ul.proList li h4 a{ display:block; min-width:8em; color:#fff; padding:0 1.25em 0 3.44em; background:#3c67a7 url(../images/srv_mark.png) left center no-repeat; background-size:auto 100%; float:left; position:relative;}
ul.proList li .txt{ max-height:6em; line-height:2em; color:#666; font-size:14px; background:#f7f7f7; padding:1em 1.2em 0; border-bottom:1.2em solid #f7f7f7;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
*/

/*产品详情*/
.proinfo{ padding:52px 0 0; position:relative; margin:0 auto;}
.proinfo::after{ content:''; display:block; height:0; clear:both;}

/*产品图片放大镜*/
.prozoom{ width:404px; float:left; margin:0 36px 0 0;}
.preview{ width:404px; height:404px;}
.preview .jqzoom{ display:block; position:relative; cursor:pointer;}
.preview .jqzoom img{ display:block; width:404px; height:404px; line-height:404px; text-align:center; background:#fff;}
.preview .jqzoom .jqZoomPup{ width:20px; height:20px; background:#fff; border:1px solid #e2e2e2; z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50);}
.preview .zoomdiv{ display:none; width:350px; height:350px; background:#fff; border:1px solid #e6e6e6; overflow:hidden; position:absolute; top:0px; left:0px; z-index:100; margin:-1px 0 0 2px; *margin:0px 0 0 4px;}
.scroll{ margin:12px 0 0; position:relative;}
.scroll a.prev,
.scroll a.next{ display:block; width:20px; height:100%; position:absolute; top:0; z-index:3; text-indent:-999em;}
.scroll a.prev{ left:0; background:url(../images/zoom_prev.png) center no-repeat;}
.scroll a.next{ right:0; background:url(../images/zoom_next.png) center no-repeat;}
.scroll .items{ width:412px; height:103px; position:relative; overflow:hidden; margin:0 -4px;}
.scroll .items ul{ display:block; width:8000%; overflow:hidden; position:absolute;}
.scroll .items ul li{ display:block; cursor:pointer; overflow:hidden; float:left;}
.scroll .items ul li img{ display:block; width:95px; height:95px; line-height:95px; text-align:center; background:#fff; margin:4px;}
.scroll .items ul li.cur img,
.scroll .items ul li img:hover{ box-shadow:#3c67a7 0 0 4px;}

.proinfo .prointro{ overflow:hidden;}
.proinfo .prointro h3{ display:block; line-height:2.16em; color:#3c67a7; font-size:24px;}
.proinfo .prointro .info{ line-height:2.5em; color:#666; font-size:16px; padding:0 0 1.625em;}
.proinfo .prointro .txt{ line-height:2.57em; color:#666; font-size:14px; padding:2em 2px; border:1px solid #e6e6e6; border-width:1px 0;}
.proinfo .prointro a.tel{ display:block; width:18em; line-height:3; color:#3c67a7; font-size:18px; text-align:center; padding:0 0 0 1.5em; background:#e7e7e7; border-radius:1.5em; margin:3.6em auto 1em; position:relative;}
.proinfo .prointro a.tel:before{ content:''; display:block; width:3.88em; height:3.88em; background:#3c67a7 url(../images/pro_tel.png) center no-repeat; background-size:cover; border-radius:50%; position:absolute; left:0; top:50%; transform:translate(-54%,-50%)}
ul.protab{ display:block; background:#e5edf3; clear:both; margin:3.4% 0 0;}
ul.protab::after{ content:''; display:block; height:0; clear:both;}
ul.protab li{ display:block; line-height:3em; color:#3c67a7; font-size:20px; letter-spacing:2px; font-weight:bold; text-align:center; cursor:pointer; position:relative;}
ul.protab li.cur{ color:#1067a1;}
ul.protab li.cur::after{ content:''; display:block; width:90%; height:3px; background:#1067a1; position:absolute; left:5%; bottom:-2px;}
.protbox{}
.protbox .con{ display:block; min-height:12em; line-height:2.36em; color:#666; font-size:16px; font-family:"方正兰亭黑","微软雅黑"; font-weight:normal; padding:1.2em 0;}
.protbox .con *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit; font-family:inherit;}
.protbox .con ul.list{ display:block;}
.protbox .con ul.list li{ display:block; position:relative; padding:0 0 24px 2.4em;}
.protbox .con ul.list li::before{ content:''; width:2px; height:100%; background:#e6e6e6; position:absolute; left:4px; top:0;}
.protbox .con ul.list li span.date{ display:block; line-height:3em; color:#1067a1; font-size:14px;}
.protbox .con ul.list li span.date::before{ content:''; width:10px; height:10px; background:#1067a1; border-radius:50%; position:absolute; left:0; top:1.5em; margin-top:-5px; z-index:4;}
.protbox .con ul.list li:first-child span.date::after{ content:''; width:2px; height:1.5em; background:#fff; position:absolute; left:4px; top:0; z-index:2;}
.protbox .con ul.list li:last-child span.date::after{ content:''; width:2px; height:0.6em; background:#fff; position:absolute; left:4px; bottom:0; z-index:2;}
.protbox .con ul.list li h4{ display:block; line-height:2.25em; color:#333; font-size:16px;}
.protbox .con ul.list li .text{ line-height:2.14em; color:#666; font-size:14px; overflow:hidden;}
.protbox .con ul.comment{ display:block; overflow:hidden;}
.protbox .con ul.comment li{ display:block; padding:0.6em 0 1.2em; overflow:hidden; border-bottom:1px dashed #dadada; margin:0 0 0.4em;}
.protbox .con ul.comment li img.pic{ display:block; float:left; height:52px; border-radius:50%; float:left; margin:0.32em 1.68em 0 0;}
.protbox .con ul.comment li h4{ display:block; line-height:2.43em; color:#1067a1; font-size:14px; overflow:hidden;}
.protbox .con ul.comment li .text{ line-height:1.8em; color:#666; font-size:14px; overflow:hidden; padding:0.12em 0;}
.protbox .con form.comment{ display:block; background:#eef5f6; padding:1em 0; border:1px solid #cbdbe5; margin:1.7em 0 0;}
.protbox .con form.comment p{ display:block; overflow:hidden; padding:10px 40px;}
.protbox .con form.comment p label{ display:block; width:5em; line-height:34px; font-size:14px; text-align:right; margin-right:0.8em; float:left;}
.protbox .con form.comment p input.text{ display:block; width:486px; height:24px; font-size:14px; padding:4px 8px; background:#fff; border:1px solid #ddd; float:left;}
.protbox .con form.comment p input.short{ width:326px;}
.protbox .con form.comment p img{ display:block; width:144px; height:34px; cursor:pointer; float:left; margin-left:1em;}
.protbox .con form.comment p textarea{ display:block; width:1050px; height:96px; font-size:14px; padding:4px 8px; background:#fff; border:1px solid #ddd; resize:none; float:left;}
.protbox .con form.comment p input.btn{ display:block; width:180px; height:44px; line-height:normal; color:#fff; font-size:18px; background:#1067a1; border:0; border-radius:4px; cursor:pointer; margin:18px auto 0;}

/*推介搜索*/
/*
form.search{ display:block; background:#eee; overflow:hidden; padding:3% 4%; margin:-10px 0 0;}
form.search p{ display:block; width:39%; color:#333; font-size:16px; padding-left:5.6em; overflow:hidden; box-sizing:border-box; float:left; margin-right:4%;}
form.search p label{ display:block; width:5.6em; height:42px; line-height:44px; font-weight:normal; margin:12px 0; margin-left:-5.6em; float:left; clear:left;}
form.search p input.text{ display:block; width:100%; height:42px; color:#333; font-size:14px; padding:2px 12px 0; border:1px solid #ddd; box-sizing:border-box; clear:right; margin:12px 0; float:left;}
form.search p input.text::placeholder{ color:#999;}
form.search p select{ display:block; width:100%; height:42px; color:#333; font-size:14px; padding:2px 12px 0; background:#fff url(../images/select.png) right center no-repeat; background-size:1.8em 90%; border:1px solid #ddd; box-sizing:border-box; -webkit-appearance:button; clear:right; margin:12px 0; cursor:pointer; float:left;}
form.search p select.short{ width:46%; margin-right:8%;}
form.search p select.short:last-child{ margin-right:0;}
form.search p.btns{ display:block; width:14%; padding:0; float:right; margin:0;}
form.search input.btn{ display:block; width:100%; height:42px; color:#fff; font-size:18px; padding:2px 0 0; background:#3c67a7; border:0; cursor:pointer; margin:12px 0; float:left;}
*/
table.tuijie{ width:100%;}
table.tuijie tr th{ line-height:2.9em; color:#fff; font-size:16px; font-weight:normal; text-align:center; background:#c45c65;}
table.tuijie tr td{ line-height:1.86em; color:#666; font-size:13px; padding:1.3em 2em; white-space:nowrap; border-bottom:1px solid #ebebeb;}
table.tuijie tr:nth-child(odd) td{ background:#f7f7f7;}
table.tuijie tr td a{ display:block; color:#666; text-align:left; white-space:normal; margin:0 -0.5em; float:left;}
table.tuijie tr td a:hover{ color:#3c67a7;}

/*文字列表*/
.main ul.list{ display:block; padding:2% 0 0; background:#fff; overflow:hidden; margin:0 0 -1px; position:relative; z-index:3;}
.main ul.list li{ display:block; line-height:2.8em; font-size:14px; overflow:hidden;}
.main ul.list li a{ display:block; color:#333; padding-left:1.5em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative;}
.main ul.list li a::before{ content:''; display:block; width:4px; height:4px; background:#3c67a7; position:absolute; left:0; top:50%; margin-top:-2px;}
.main ul.list li a:hover{ color:#3c67a7;}
.main ul.list li span{ display:block; color:#999; float:right; margin-left:2em;}
.main ul.list li.line{ border-bottom:1px dashed #ddd; margin:1.6em 0;}
.main ul.list li.line:last-child{ margin-bottom:0;}

/*相关文章*/
.relation{ padding:0 0 2%;}
.relation h3{ display:block; line-height:3.2em; color:#3c67a7; font-size:20px; padding:0 1em; border-bottom:1px solid #ddd; position:relative;}
.relation h3::before{ content:''; display:block; width:4px; height:20px; background:#3c67a7; position:absolute; left:2px; top:50%; margin-top:-10px;}
.relation ul.list li{ padding:0 6px;}

/*招聘列表*/
.main div.jobList{ min-height:32vh;}
.main div.jobList table{ width:100%; margin:4% 0 0;}
.main div.jobList table tr th{ line-height:2.6em; color:#333; font-size:16px; font-weight:normal; text-align:center; background:#f4f4f4;}
.main div.jobList table tr td{ line-height:2.6em; color:#666; font-size:15px; font-weight:normal; text-align:center; border-bottom:1px solid #ddd;}
.main div.jobList table tr td a{ color:#666;}
.main div.jobList table tr td a:hover{ color:#3c67a7;}

.main ul.jobList{ display:block; overflow:hidden; background:#fff; position:relative; z-index:3; margin:-10px 0 -1px;}
.main ul.jobList li{ display:block; padding:2% 4%; overflow:hidden; border:1px solid #ddd; margin:4% 0 0;}
.main ul.jobList li a.title{ display:block; line-height:2.9em; color:#333; font-size:24px; overflow:hidden;}
.main ul.jobList li a.title:hover{ color:#3c67a7;}
.main ul.jobList li .txt{ line-height:1.8em; color:#666; font-size:14px; overflow:hidden; margin:0 0 1em;}
.main ul.jobList li .apply{ line-height:2em; color:#999; font-size:18px; text-align:center; white-space:nowrap; float:right; margin:3% 0 3% 4%;}
.main ul.jobList li .apply a.btn{ display:block; width:8.6em; line-height:3em; color:#fff; font-size:24px; background:#3c67a7; margin:0 auto 0.6em;}
.main ul.jobList li .apply span{ display:block; line-height:2em; font-size:14px;}
.main ul.jobList li .apply span img{ height:1em; vertical-align:-2px; margin-right:2px;}

/*招聘详情*/
.jobinfo{ padding:4% 4px 0;}
.jobinfo h3{ display:block; color:#333; font-size:24px; font-weight:normal;}
.jobinfo .article{}

/*招聘申请*/
.main form.msg{ display:block; padding:0 0 4%;}
.main form.msg h3{ display:block; line-height:3.2em; color:#3c67a7; font-size:20px; padding:0 1em; border-bottom:1px solid #ddd; position:relative;}
.main form.msg h3::before{ content:''; display:block; width:4px; height:20px; background:#3c67a7; position:absolute; left:2px; top:50%; margin-top:-10px;}
.main form.msg p{ display:block; width:98%; font-size:14px; overflow:hidden; padding:24px 0 0; padding-left:5.6em; margin:0 2% 0 0; box-sizing:border-box;}
.main form.msg p.short{ width:48%; float:left;}
.main form.msg p label{ display:block; width:5em; height:42px; line-height:44px; color:#333; font-size:14px; text-align:right; overflow:hidden; float:left; margin:0 0.6em 0 -5.6em;}
.main form.msg p input.text{ display:block; width:100%; height:42px; color:#333; font-size:14px; background:#fafafa; padding:6px 12px; border:1px solid #ddd; box-sizing:border-box; float:left;}
.main form.msg p input.text::placeholder{ color:#999;}
.main form.msg p label.radio{ width:auto; padding-right:0.5em; margin:0 2em 0 0; cursor:pointer;}
.main form.msg p label.radio input{ height:30px; float:left; margin:8px 4px 0; cursor:pointer;}
.main form.msg p input.file{ max-width:100%; height:42px; padding:10px 0; box-sizing:border-box; cursor:pointer;}
.main form.msg p input.file::button{ cursor:pointer;}
.main form.msg p textarea{ display:block; width:100%; height:10em; line-height:2em; color:#333; font-size:14px; background:#fafafa; padding:6px 12px; border:1px solid #ddd; box-sizing:border-box; float:left; resize:none;}
.main form.msg p textarea::placeholder{ color:#999;}
.main form.msg p input.btn{ display:block; width:7.8em; height:2.4em; color:#fff; font-size:20px; background:#3c67a7; border:0; cursor:pointer; margin:2em auto 0.5em;}


/*pc适配*/
@media only screen and (min-width:1305px) and (max-width:1605px){
.header .head{ width:1284px; margin:0 auto;}
}
@media only screen and (min-width:1025px) and (max-width:1304px){
.header .head{ margin:0 2%;}
.header .head h1.logo a img{ padding:8px 0; box-sizing:border-box;}
.header .head p.btns{ display:none;}
ul.nav li{ width:7vw;}
}

@media only screen and (min-width:1251px) and (max-width:1500px){
.footer .foot{ width:1200px; margin:0 auto;}
.main{ width:1200px; padding:0; margin:0 auto;}
}
@media only screen and (min-width:1025px) and (max-width:1250px){
ul.nav li{ width:7vw;}
.banner{ height:42vh;}
.footer .foot{ margin:0 2%;}
.footer .contact{ margin-right:2.8%;}
.footer dl{ margin-left:2.8%;}
.main{ padding:0 2%;}
.proinfo .prointro a.tel{ width:10em; margin:2.6em auto 1em;}
.proinfo .prointro a.tel font{ display:none;}
}

/*pad适配*/
@media only screen and (min-width:768px) and (max-width:1024px){
.banner #content{ margin-top:-100px;}
.header .head{ height:100px; margin:0 16px;}
.header .head h1.logo a img{ height:90px; padding:5px 0;}
.header .head span.tel{ display:none; font-size:18px;}
.header .head a.menu{ display:block; width:52px; height:52px; margin:24px 8px;}
.header .head a.en{ line-height:52px; margin:24px 8px;}
.header .head p.btns{ display:none;}

ul.nav{ width:24%; background:rgba(255,255,255,0.9); position:absolute; right:-16px; top:100px; transition:transform 0.4s ease; transform:translateX(110%); margin:0; height:auto; float:none; z-index:99;}
ul#nav{ display:none;}
ul#nav1{ display:block;}
ul.nav li{ width:auto; float:none;}
ul.nav li::before{ display:none !important;}
ul.nav li a{ display:block; width:auto; min-width:0; line-height:2.8em; color:#333; font-size:18px;}
ul.nav li ul.subNav{ display:none !important;}
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; font-weight:normal; background:#3c67a7;}
ul.nav li.on a::before,
ul.nav li.cur a::before{ display:none;}
ul.nav li.on a::after,
ul.nav li.cur a::after{ display:none;}
ul.nav.show{ transform:translateX(0);}
ul.nav.show::after{ display:none;}

.banner{ height:32vw; min-height:0; background-size:cover !important; margin:100px 0 0;}
.flink .con{ margin:0 16px;}
.footer .foot{ margin:0 16px;}
.footer dl{ display:none;}
.footer .contact{ width:460px; float:none; margin:0 auto;}

.main{ padding:0 16px;}
.position{ font-size:15px; padding:1.2em 16px 0; margin:0 -16px;}
.position .share{ display:none;}

.leftCon{ width:auto; max-width:none; padding:0 0 1%; overflow:hidden; border:0; float:none; margin-bottom:0;}
.leftCon h2{ font-size:30px; padding:1em 0.8em 0.5em; float:left; margin-right:0.5em;}
.leftCon h2 span{ font-size:18px;}
.leftCon ul.menu{ overflow:hidden; margin:52px 14px 0 0;}
.leftCon ul.menu li{ width:25%; overflow:hidden; float:left; padding:0;}
.leftCon ul.menu li a{ font-size:18px; text-align:center; text-indent:0; background:#fafafa; margin:2px;}
.leftCon ul.menu li a em,
.leftCon ul.menu li p.sub{ display:none !important;}
.rightCon{ min-height:0;}

.main .attr{ padding:0 16px;}
.main h3.title{ padding:0.6em 0 1em;}
.main p.mark{ margin:0 0 1em;}
.main .article{ min-height:256px; font-size:16px; padding-top:0em;}
.pages{ font-size:16px;}

.main p.prosub{ display:block;}
.main ul.proList{ min-height:256px; padding:10px 0; margin:2% -10px -30px;}
.main ul.proList li a{ margin:0 10px 28px;}
.proinfo{ padding:30px 0 0;}
.proinfo .prointro a.tel{ width:10em; font-size:16px; margin:2em auto 1em;}
.proinfo .prointro a.tel font{ display:none;}
.main ul.picList{ min-height:256px;}
.main ul.newsList{ min-height:256px; margin:-16px 0 10px;}
.main ul.list li{ font-size:15px;}

.main ul.downList{ margin:1% -1%;}
.main ul.downList li{ width:50%;}

.main ul.downList li{ width:100%;}
.main ul.downList li a.title{ line-height:2; padding:1em 4px 0.5em; white-space:normal;}
.main ul.downList li a.btn{ margin:4.5% 5% 0 10%;}

.main ul.jobList{ z-index:0;}
.main ul.jobList li .txt{ font-size:16px;}
.main ul.jobList li .apply span{ font-size:16px;}
.main ul.jobList li .apply a.btn{ font-size:18px;}
.jobinfo .article{ font-size:16px;}
.main form.msg h3{ font-size:24px;}
.main form.msg p,
.main form.msg p label,
.main form.msg p input.text,
.main form.msg p input.file,
.main form.msg p textarea{ font-size:16px;}
.main form.msg p input.btn{ font-size:24px;}
}

/*手机适配*/
@media only screen and (max-width:767px){
.banner #content{ margin-top:-60px;}
.header .head{ height:60px; margin:0 10px;}
.header .head span.tel{ display:none;}
.header .head p.btns{ display:none;}
.header .head a.menu{ display:block; width:36px; height:36px; margin:12px 2px;}
.header .head a.en{ line-height:36px; font-size:14px; margin:12px 8px;}
.header form.search{ display:none;}

ul.nav{ width:36%; background:rgba(255,255,255,0.9); position:absolute; right:-10px; top:60px; transition:transform 0.4s ease; transform:translateX(110%);}
ul#nav{ display:none;}
ul#nav1{ display:block;}
ul.nav{ margin:0; height:auto;}
ul.nav li{ width:auto; float:none;}
ul.nav li::before{ display:none !important;}
ul.nav li a{ display:block; width:auto; min-width:0; line-height:2.8em; color:#333; font-size:15px;}
ul.nav li ul.subNav{ display:none !important;}
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; font-weight:normal; background:#3c67a7;}
ul.nav li.on a::before,
ul.nav li.cur a::before{ display:none;}
ul.nav li.on a::after,
ul.nav li.cur a::after{ display:none;}
ul.nav.show{ transform:translateX(0);}

.banner{ height:33.33vw; background-size:cover !important; margin:60px 0 0;}
.flink .con{ margin:0 10px;}
.flink .con a.logo{ display:none;}
.flink .con p{ float:none; text-align:center; padding:16px 0;}
.flink .con select{ display:inline; width:44%; height:36px; font-size:13px; float:none; margin:0 2%;}
.footer .foot{ margin:0 10px;}
.footer dl{ display:none;}
.footer .code{ float:none;}
.footer .contact{ margin:0 10px 8px; float:none;}
.footer .contact a.flogo{ margin:10px 8px 20px 0;}
.footer .contact a.flogo img{ max-width:100%;}
.footer .contact h2{ display:none;}
.footer .contact h3{ display:none;}
.footer .contact .txt{ font-size:13px;}
.footer .btns{ text-align:center; float:none; margin:0; padding:24px 0 16px;}
.footer .btns a{ display:inline-block; float:none; margin:0 10px;}
.footer .btns a.pc{ display:none;}
.footer .btns a.wap{ display:inline-block;}
.footer .copyright{ font-size:12px; text-align:center; padding:8px 0;}

.backToTop{ width:36px; height:36px;}

.main{ padding:0 10px;}
.position{ font-size:13px; margin:0 -10px; padding:1.2em 10px 0;}
.position .share{ display:none;}

.leftCon{ width:auto; max-width:none; padding:0; overflow:hidden; border:0; float:none; margin-bottom:0;}
.leftCon h2{ font-size:24px; padding:0.8em 0.5em 0;}
.leftCon h2 span{ font-size:18px;}
.leftCon ul.menu{ overflow:hidden; margin:4% -1px 1px;}
.leftCon ul.menu li{ width:33.33%; overflow:hidden; float:left; padding:0;}
.leftCon ul.menu li a{ line-height:2.625em; padding:2px 0; font-size:13px; text-align:center; text-indent:0; background:#fafafa; margin:1px;}
.leftCon ul.menu li a em,
.leftCon ul.menu li.cur p.sub{ display:none !important;}

.rightCon{ padding:0; min-height:0;}
.main h3.title{ font-size:22px; padding:1.2em 0 0.8em;}
.main p.mark{ margin:0 0 12px;}
.main .attr{ padding:0;}
.main .article{ min-height:128px; font-size:13.5px; padding:1em 1% 2em;}
.main .change p{ line-height:30px; font-size:13px;}
.main .change a{ font-size:14px;}
.pages{ font-size:13px; padding:10% 0;}

.main ul.picList li{ width:50%;}
.main ul.picList li a{ margin:1% 3% 2%;}

.main ul.videoList li{ width:100%;}
.main ul.videoList li a{ margin:1% 3% 2%;}

p.prosub{ display:block; font-size:12px;}
ul.proList{ margin:0 -8px -16px; padding:16px 0 0;}
ul.proList li{ width:50%; padding:0;}
ul.proList li a{ margin:0 8px 16px;}
ul.proList li a span{ font-size:14px; padding-left:1.5em; margin:0.8em 4.8% 0;}
ul.proList li a p{ font-size:13px; padding-left:1.5em; margin:0 4.8% 1.2em;}

.proinfo{ padding:12px 0 0;}
.prozoom{ width:auto; float:none; margin:0;}
.preview{ width:auto; height:auto;}
.preview .jqzoom img{ width:100%; height:auto;}
.scroll{ padding-bottom:6px;}
.scroll a.prev, .scroll a.next{ display:none;}
.scroll .items{ width:auto; height:auto;}
.scroll .items ul{ position:static; width:100%; overflow:hidden;}
.scroll .items ul li{ display:block; width:16.6666%;}
.scroll .items ul li:nth-child(1),
.scroll .items ul li:nth-child(2),
.scroll .items ul li:nth-child(3),
.scroll .items ul li:nth-child(4){}
.scroll .items ul li img{ width:100%; height:auto; margin:0; padding:4px; box-sizing:border-box;}
.proinfo .prointro .info{ padding-bottom:0.6em;}
.proinfo .prointro .txt{ padding:1em 2px;}
.proinfo .prointro a.tel{ font-size:13px; margin:2em auto 2em; transform:translateX(1em);}
ul.protab li{ font-size:16px;}

.main ul.newsList{ margin:-6px 0 0;}
.main ul.newsList li{ padding:16px 0;}
.main ul.newsList li a.pic{ margin-right:16px;}
.main ul.newsList li a.pic img{ height:92px;}
.main ul.newsList li a.title{ font-size:16px;}
.main ul.newsList li .txt{ height:48px; color:#999; font-size:13px; -webkit-line-clamp:2;}
.main ul.newsList li span{ display:none;}
.main ul.newsList li a.more{ display:none;}

.main ul.downList{ margin:8px 0 0;}
.main ul.downList li{ width:100%;}
.main ul.downList li a.pic{ margin:0 6px;}
.main ul.downList li a.title{ line-height:2.4; font-size:15px; padding:0.3em 0 0; margin:0 6px;}
.main ul.downList li .txt{ margin:0 6px 6px;}

.main ul.downList li{ width:100%;}
.main ul.downList li a.title{ line-height:2; padding:1em 4px 0.5em; white-space:normal;}
.main ul.downList li .txt{ margin:0 4px 0%;}
.main ul.downList li a.btn{ margin:7% 5% 0 10%;}

form.search{ margin-left:-1%;}
form.search p{ width:auto; font-size:14px; float:none; margin:0;}
form.search p.btns{ width:auto; text-align:center; float:none;}
form.search input.btn{ display:inline-block; width:40%; height:40px; font-size:15px; margin:4% 2%; float:none;}
form.search p label{ height:40px; line-height:42px; margin:8px 0; margin-left:-5.6em;}
form.search p input.text{ height:40px; font-size:14px; margin:8px 0;}
form.search p select{ height:40px; font-size:14px; margin:8px 0;}
table.tuijie{ display:block; width:auto; border-top:2px solid #c45c65; max-width:none; margin:5% 0 0 -1%;}
table.tuijie tr{ display:block; overflow:hidden; padding:12px;}
table.tuijie tr:nth-child(1){ display:none;}
table.tuijie tr:nth-child(odd){ background:#f7f7f7;}
table.tuijie tr th{ display:block; font-size:14px;}
table.tuijie tr td{ display:block; font-size:13px; padding:0; border:0; overflow:hidden;}
table.tuijie tr td a{ line-height:1.6em; font-size:15px; float:none; margin:0 0 2%;}
table.tuijie tr td::before{ color:#3c67a7;}
table.tuijie tr td:nth-child(2)::before{ content:'行　　业： ';}
table.tuijie tr td:nth-child(3)::before{ content:'金　　额： ';}
table.tuijie tr td:nth-child(4)::before{ content:'地　　区： ';}
table.tuijie tr td:nth-child(5)::before{ content:'资产类别： ';}
table.tuijie tr td:nth-child(6)::before{ content:'时　　间： ';}

.main ul.list{ padding:0;}
.main ul.list li{ font-size:13px;}
.main ul.list li.line{ margin:2% 0;}

.relation ul.list{ padding:2% 0 0;}

.main div.jobList table{ margin:2% 0 0;}
.main div.jobList table tr th{ font-size:14px;}
.main div.jobList table tr td{ font-size:13.5px;}

.main ul.jobList{ margin:0; z-index:0;}
.main ul.jobList li{ padding:0 4% 5%;}
.main ul.jobList li a.title{ font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.jobList li a.title::after{ content:'申请职位'; display:block; width:6em; line-height:2.5em; color:#fff; font-size:14px; text-align:center; background:#3c67a7; margin:-1px 0 12px;}
.main ul.jobList li .txt{ font-size:13px; margin:0;}
.main ul.jobList li .apply{ display:none;}
.main ul.jobList li .apply a.btn{ font-size:18px;}
.main ul.jobList li .apply span{ font-size:16px;}

.jobinfo h3{ font-size:20px;}
.jobinfo .article{ font-size:13.5px;}
.main form.msg p,
.main form.msg p label,
.main form.msg p input.text,
.main form.msg p input.file,
.main form.msg p textarea{ font-size:14px;}
.main form.msg p label{ line-height:40px;}
.main form.msg p label,
.main form.msg p input.text,
.main form.msg p input.file{ height:38px;}
.main form.msg p input.btn{ font-size:16px; transform:translateX(-35px); margin:1.5em auto 0;}
.main form.msg p{ margin:0; width:auto; padding-top:12px; float:none;}
.main form.msg p.short{ margin:0; width:auto; float:none;}

/*底部菜单*/
.wrap{ padding-bottom:56px;}
ul.footNav{ display:block;}
ul.footNav li a{ height:48px; padding:8px 0 0;}
ul.footNav li a img{ height:20px;}
ul.footNav li a span{ height:24px; line-height:26px; font-size:12.7px;}
}

分类css:
/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #fff;
  border: 1px solid #3c67a7;
}
.pagination a.page-num-current {
  color: #fff;
  background: #3c67a7;
  border: 1px solid #3c67a7;
}
/* ----- PB分页数字条效果 结束 ----- */




/**/