@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%; border-bottom:1px solid rgba(255,255,255,0.5); position:fixed; left:0; top:0; z-index:99;}
.header .head{ width:83.2vw; min-width:1200px; height:98px; position:relative; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; position:relative;}
.header h1.logo a::after{ content:''; display:block; width:100%; height:100%; background:url(../images/common/logo_fix.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.header h1.logo a img{ display:block; height:98px;}

/*导航*/
ul.nav{ display:block; font-size:18px; float:right;}
ul.nav::before,
ul.nav::after{ content:''; display:block; overflow:hidden; clear:both;}
ul.nav li{ display:block; margin-left:4vw; float:left; position:relative;}
ul.nav li a{ display:block; min-width:4em; line-height:98px; color:#fff; font-weight:bold; text-align:center; white-space:nowrap; position:relative;}
ul.nav li a::after{ content:''; display:block; width:100%; height:3px; background:#fff; position:absolute; left:0; bottom:-2px; transition:all ease 0.4s; transform:scale(0,1); z-index:99;}
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%; padding:11px 0 7px; position:absolute; left:50%; top:100%; transform:translate(-50%); z-index:98;}
ul.nav li p.sub a{ width:auto; line-height:3; color:#666; font-size:0.85em; font-weight:normal; padding:0 0.5em; background:#fff; 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:#0c70cd;}

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

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

/*banner*/
.banner{ width:100vw; height:596px; overflow:hidden; position:relative;}
.banner .bg{ width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:1; transform/:scale(1.1); animation:banner 1.75s ease;
	-moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-fill-mode:forwards; /*让动画停留在最后一帧 */
    -moz-animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
    -o-animation-fill-mode:forwards;
}
@keyframes banner{
	0%{ transform:scale(1.1);}
	100%{ transform:scale(1);}
}
.banner .txt{ line-height:1; color:#fff; font-size:38px; text-align:center; position:absolute; left:50%; top:52%; transform:translate(-50%,-50%); z-index:3;}
.banner .txt span{ display:block; text-transform:uppercase; font-weight:lighter; padding:0 0 0.21em;}
.banner .txt em{ display:block;}


/*底部*/
.footer{ background:#22242b;}
.footer .foot{ width:83.2vw; min-width:1200px; margin:0 auto; position:relative;}
.footer > .foot{ padding:50px 0;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .links{ font-size:18px; padding:1.625em 0; background:#2f3138;}
.footer .links p{ display:block; line-height:1.75; color:#fff; overflow:hidden; padding-left:5em; margin-right:-1.25em;}
.footer .links p em{ display:block; float:left; margin:0 0 0 -5em;}
.footer .links p a{ display:block; float:left; margin:0 1.25em 0 0.25em;}
.footer .links p a:hover{ text-decoration:underline;}
.footer .slogan{ min-height:13.375em; font-size:16px; padding:0 4% 0 0; float:left; border-right:1px solid rgba(255,255,255,0.5);}
.footer .slogan em{ display:block; line-height:1.36; color:#0c70cd; font-size:1.375em; font-weight:bold;}
.footer .slogan span{ display:block; line-height:2.22; color:#999; font-size:1.125em; text-transform:uppercase;}
.footer .info{ color:#fff; font-size:16px; overflow:hidden; padding:0 0 2em 4%; float:left; border-left:1px solid rgba(255,255,255,0.5); margin:0 0 0 4%;}
.footer .info h4{ display:block; line-height:1.35; font-size:1.125em; font-weight:normal; overflow:hidden; padding:0 0 0.75em;}
.footer .info p{ display:block; line-height:1.5; color:#d0d0d0; overflow:hidden; padding:0.75em 0; padding-left:2em;}
.footer .info p img{ display:block; height:1.5em; margin:0 0.5em 0 -2em; float:left;}
.footer .info p a:hover{ text-decoration:underline;}
.footer dl{ display:block; color:#fff; font-size:16px; float:left; margin:0 0 0 4%;}
.footer dl dt{ display:block; line-height:1.35; font-size:1.125em; overflow:hidden; padding:0 0 0.75em;}
.footer dl dd{ display:block; position:relative;}
.footer dl dd a{ display:block; line-height:3; color:#d0d0d0;}
.footer dl dd a:hover{ color:#fff;}
.footer .copyright{ line-height:2; color:#d0d0d0; font-size:14px; text-align:center; overflow:hidden; padding:1.07em 0; background:#2f3138;}
.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:90px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:99;}
.backToTop:hover{ opacity:0.9;}

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

.main div.menu{ font-size:20px; box-shadow:0 1px 22px 7px rgba(218,224,227,0.6);}
.main div.menu ul{ display:block; width:83.2vw; min-width:1200px; font-size:1.125em; text-align:center; margin:0 auto;}
.main div.menu ul li{ display:inline-block; vertical-align:top;}
.main div.menu ul li a{ display:block; line-height:4; color:#333; text-align:center; position:relative; margin:0 1.7em; transition:all ease 0.4s;}
.main div.menu ul li a::after{ content:''; display:block; width:3em; height:4px; background:#0c70cd; margin:0 auto; transition:all ease 0.4s; transform:scale(0,1);}
.main div.menu ul li a:hover,
.main div.menu ul li.cur a{ color:#0c70cd;}
.main div.menu ul li a:hover::after,
.main div.menu ul li.cur a::after{ transform:scale(1,1);}

.position{ font-size:16px; border-bottom:1px solid #ddd; padding:0.3125em 0 0;}
.position p{ display:block; width:83.2vw; min-width:1200px; line-height:5; color:#999; font-size:0.875em; margin:0 auto;}
.position p a:hover{ color:#0c70cd;}

/*内容样式*/
.main .attr{ width:83.2vw; min-width:1200px; margin:0 auto; position:relative;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}

.main .attr h2.title{ display:block; line-height:1; font-size:24px; font-weight:normal; text-align:center; padding:2em 0 1.75em;}
.main .attr h2.title em{ display:block; line-height:1.35; color:#333; font-size:1.5em; font-weight:bold; position:relative;}
.main .attr h2.title span{ display:block; line-height:1.35; color:#9a9a9a; text-transform:uppercase;}

.main .attr h3.title{ display:block; line-height:1.5; color:#333; font-size:32px; font-weight:normal; text-align:center; padding:1.75em 0 1.5em;}
.main .attr p.mark{ display:block; line-height:3.75; color:#999; font-size:16px; text-align:center; background:#f9f9f9; margin:0 0 2.5em;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ line-height:2.375; color:#333; font-size:16px; text-align:justify; overflow:hidden; padding:0 0 2.5em;}
.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; line-height:2.4; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p font{ margin:0 4px;}
.main .change p a{ color:inherit;}
.main .change p a:hover{ color:#0c70cd;}

/*页码样式*/
.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; 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:#0c70cd; border-color:#0c70cd;}
.pages span{ color:#fff; background:#0c70cd; border-color:#0c70cd;}

/*招商列表*/
.main ul.zhaoshang{ display:block; font-size:16px; overflow:hidden; padding:0 0 80px;}
.main ul.zhaoshang li{ display:block; padding:60px 0 0;}
.main ul.zhaoshang li .box{ display:flex; align-items:center; overflow:hidden;}
.main ul.zhaoshang li:nth-child(even) .box{ flex-direction:row-reverse;}
.main ul.zhaoshang li a{ display:block; overflow:hidden;}
.main ul.zhaoshang li a.pic{ display:block; width:51.875%; flex-shrink:0;}
.main ul.zhaoshang li a.pic img{ display:block; width:100%; height:29vw; object-fit:cover; transition:all ease 0.4s;}
.main ul.zhaoshang li .info{ text-align:center; padding:0 5%;}
.main ul.zhaoshang li h5.tit{ display:block; line-height:1; font-size:1.5em; font-weight:normal; padding:0 0 0.125em;}
.main ul.zhaoshang li h5.tit a{ display:inline;}
.main ul.zhaoshang li h5.tit b{ display:block; color:#333; font-size:1.5em; transition:all ease 0.4s;}
.main ul.zhaoshang li h5.tit span{ display:block; line-height:2.5; color:#999; text-transform:uppercase;}
.main ul.zhaoshang li .txt{ height:5.25em; line-height:1.75; color:#535353;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main ul.zhaoshang li i.view{ display:block; width:8.25em; line-height:3; color:#fff; background:#0c70cd; border-radius:1.5em; margin:2em auto 0;}
.main ul.zhaoshang li a.pic:hover img{ transform:scale(1.05);}
.main ul.zhaoshang li h5.tit:hover b{ color:#0c70cd;}

/*文字列表*/
.main ul.List{ display:block; font-size:16px; overflow:hidden; padding:0 0 80px;}
.main ul.List li{ display:block; background:#fff; padding:2em 1.25em 2em 2.5em; overflow:hidden; position:relative;}
.main ul.List li::before{ content:''; display:block; width:100%; height:1px; background:#0c70cd; position:absolute; left:0; bottom:0; z-index:3; transition:all ease 0.6s; transform:scale(0,1); transform-origin:left center;}
.main ul.List li::after{ content:''; display:block; width:100%; border-bottom:1px dashed #ddd; position:absolute; left:0; bottom:0; z-index:1;}
.main ul.List li i{ display:block; width:0.5em; height:0.5em; background:#0c70cd; border-radius:50%; position:absolute; left:1.25em; top:2.5625em; transform:translateY(-50%);}
.main ul.List li a.title{ display:block; line-height:1; color:#333; font-size:1.125em; transition:all ease 0.4s; margin:0 0 1em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.List li:hover a.title{ color:#0c70cd;}
.main ul.List li .txt{ display:block; height:3.5em; line-height:1.75; color:#666;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.List li:hover::before{ transform:scale(1,1);}
.main ul.List li:hover a.title{ color:#0c70cd;}

/*新闻列表*/
.main ul.newsList{ display:block; font-size:16px; padding:0 0 80px;}
.main ul.newsList li{ display:block; padding:0 0 1px; position:relative;}
.main ul.newsList li::after{ content:''; display:block; width:100vw; height:100%; border-bottom:1px solid #e6e6e6; box-sizing:border-box; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1; transition:all ease 0.4s;}
.main ul.newsList li .box{ overflow:hidden; position:relative; z-index:3; padding:4% 0;}
.main ul.newsList li span{ display:block; width:5.5em; height:5.5em; line-height:1; color:#0c70cd; text-align:center; overflow:hidden; border-radius:0.5em; float:left; margin:2em 2.875% 5em 5px; box-shadow:0 0 5px rgba(12,112,205,0.3);}
.main ul.newsList li span b{ display:block; font-size:1.5em; padding:0.84em 0 0.42em;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; border-radius:0.75em; float:right; margin-left:2.625%;}
.main ul.newsList li a.pic img{ display:block; width:25em; height:14em; transition:all ease 0.4s;}
.main ul.newsList li a.title{ display:block; line-height:2.65; color:#333; font-size:1.375em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s; padding:0.75em 0 0;}
.main ul.newsList li .txt{ display:block; height:4em; line-height:2; color:#666;
	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; line-height:3; color:#0c70cd; float:left; margin:1em 0 0;}
.main ul.newsList li:hover::after{ background:#f6f9f9;}
.main ul.newsList li:hover a.pic img{ transform:scale(1.05);}
.main ul.newsList li:hover a.title{ color:#0c70cd;}

/*企业列表*/
.main ul.qyList{ display:block; font-size:16px; overflow:hidden; padding:60px 0 80px; margin:-1.5vw -0.75vw;}
.main ul.qyList li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.qyList li .box{ overflow:hidden; box-shadow:0 0 7px 2px rgba(196,196,196,0.5); transition:all ease 0.4s; margin:1.5vw 0.75vw;}
.main ul.qyList li a.pic{ display:block; overflow:hidden;}
.main ul.qyList li a.pic img{ display:block; width:100%; transition:all ease 0.4s;}
.main ul.qyList li a.title{ display:block; line-height:4; color:#333; font-size:1.125em; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.main ul.qyList li:hover .box{ box-shadow:0 0 9px 2px rgba(12,112,205,0.3);}
.main ul.qyList li:hover a.pic img{ transform:scale(1.05);}
.main ul.qyList li:hover a.title{ color:#0c70cd;}

/*企业详情*/
.main img.qyPic{ display:block; width:42.375%; float:left; margin:60px 6% 80px 0;}
.qyInfo{ overflow:hidden; padding:60px 0 80px;}
.main .qyInfo h3.title{ text-align:left; padding:1em 0 0.5em;}

.contact{ background:url(../images/icons/contact_bg.jpg) center bottom no-repeat; background-size:cover; overflow:hidden; padding:60px 0 80px;}
.contact .attr{ display:flex; justify-content:space-between;}
.contact .attr::before,
.contact .attr::after{ display:none;}
.contact .info{ font-size:16px; margin-left:2%;}
.contact h3{ display:block; line-height:1; color:#333; font-size:2em; font-weight:normal; padding:1em 0;}
.contact h3 b{ display:block; padding:0 0 0.625em;}
.contact h4{ display:block; line-height:2; color:#0c70cd; font-size:1.5em; font-weight:normal; padding:0.5em 0 0;}
.contact p{ display:block; line-height:1.5; color:#333; overflow:hidden; padding:1em 0 1em 4.5em; margin:1.5em 0 0;}
.contact p img{ display:block; height:3.5em; float:left; margin:-1em 1em -1em -4.5em;}
.contact p a:hover{ color:#0c70cd;}
.contact .map{ width:46.75%; background:#fff; padding:1%; overflow:hidden; box-shadow:0 0 8px 1px rgba(238,238,238,0.8); margin:0 2% 0 5%;}


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

.header h1.logo{ padding:4px 0;}
.header h1.logo a img{ height:90px;}

ul.nav{ font-size:16px;}
ul.nav li{ margin-left:36px;}

.footer .links{ font-size:16px;}
.footer .slogan{ font-size:14px; padding-right:2.5%; margin-right:1%;}
.footer dl{ font-size:14px; margin-left:2.5%;}
.footer .info{ font-size:14px; padding-left:2.5%;}

.banner{ height:448px;}
.banner .txt{ font-size:32px; top:58%;}

.main div.menu{ font-size:16px;}

.main .attr h2.title{ font-size:22px;}
.main .attr h3.title{ font-size:28px;}
.main .attr p.mark{ font-size:15px;}

.main ul.zhaoshang{ font-size:15px;}

.main ul.List{ font-size:15px;}

.main ul.newsList{ font-size:15px;}

.contact .info{ font-size:14px;}
.contact p{ font-size:15px;}

}

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

.header .head{ height:60px;}
.header h1.logo{ padding:6px 0;}
.header h1.logo a img{ height:48px;}
.header a.menu{ display:block; width:20px; height:60px; 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;}

ul.nav{ width:36%; height:auto; margin:0; background:rgb(12,112,205,0.9); padding:6px 0; position:absolute; right:-15px; top:61px; 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:56vw;}
.banner .txt{ font-size:20px; top:64%;}

.footer .links{ font-size:13px; padding:1.5em 0;}
.footer .links p{ line-height:1.75;}
.footer > .foot{ padding:24px 0;}
.footer .slogan{ width:auto; float:none; border:0; border-bottom:1px solid rgba(255,255,255,0.5); min-height:0; font-size:12px; padding:0 0 1em; margin:0 0 1em;}
.footer dl{ display:none;}
.footer .info{ padding:0; border:0; margin:0; font-size:13px;}
.footer .info p{ padding:0.5em 0; padding-left:2em;}
.footer .info h4{ padding:0.25em 0 0.625em;}
.footer .copyright{ font-size:13px; line-height:1.75; padding:1em 0;}

.backToTop{ width:36px; height:36px; right:12px; bottom:75px; background-size:contain; opacity:0.7;}

.main div.menu{ font-size:14px;}
.main div.menu ul{ width:auto; font-size:inherit; overflow:hidden;}
.main div.menu ul li{ width:25%; float:left; display:block;}
.main div.menu ul li a{ margin:0; line-height:3; padding:4px 0 0;}

.main .attr h2.title{ font-size:16px; padding:2em 0 1.25em;}
.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{ line-height:2.25; 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;}

.main ul.zhaoshang{ font-size:13px; padding:6px 0 40px;}
.main ul.zhaoshang li{ padding:14px 0 0;}
.main ul.zhaoshang li .box{ display:block; background:#f6f6f6;}
.main ul.zhaoshang li a.pic{ width:auto;}
.main ul.zhaoshang li a.pic img{ height:48vw;}
.main ul.zhaoshang li .info{ padding:30px 5% 24px;}
.main ul.zhaoshang li h5.tit{ font-size:1.25em;}
.main ul.zhaoshang li .txt{ height:auto; -webkit-line-clamp:99;}

.main ul.List{ font-size:13px; padding:0 0 40px;}
.main ul.List li{ padding:1.75em 0.5em 1.5em 1.5em;}
.main ul.List li i{ left:0.25em; top:2.25em;}

.main ul.qyList{ margin:0 -6px; padding:24px 0 36px;}
.main ul.qyList li{ width:50%;}
.main ul.qyList li .box{ margin:0 6px 12px;}
.main ul.qyList li a.title{ line-height:3; font-size:14px;}

.main img.qyPic{ width:100%; float:none; margin:0;}
.qyInfo{ padding:20px 0 0;}
.main .qyInfo h3.title{ padding:0 0 0.25em;}

.contact{ padding:10px 0 48px;}
.contact .attr{ display:block;}
.contact .info{ font-size:11px;}
.contact h4{ padding:0.25em 0 0.25em;}
.contact p{ padding:0.5em 0 0.5em 3.25em; font-size:13px; margin:1em 0 0;}
.contact p img{ height:2.5em; margin:-0.5em 0.75em -0.5em -3.25em;}
.contact .map{ width:auto; margin:24px 0 0;}


}












/**/