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

a{ color:inherit;}

html,body{ transition:all ease 0.4s;}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; position:relative; overflow:hidden; margin:0 auto; transition:all ease 0.4s;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*顶部*/
.topper{ background:#f5f5f5; border-bottom:1px solid #e6e6e6;}
.topper .tp{ width:1200px; overflow:hidden; position:relative; margin:0 auto;}
.topper p{ display:block; line-height:31px; color:#5d5d5d; font-size:12.5px; overflow:hidden;}
.topper p a{ color:#5d5d5d; margin:0 2px;}
.topper p a:hover{ color:#e71e19;}

/*头部*/
.header{ background:#fff;}
.header .head{ width:1200px; height:110px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; overflow:hidden;}
.header h1.logo a img{ display:block; height:80px; padding:10px 0 0;}
.header p.tel{ display:block; line-height:4; color:#ff0000; background:url(../images/head_tel.png) left center no-repeat; padding-left:2.625em; overflow:hidden; float:right; margin:0.6em 0 0;}
.header img.tel{ display:block; float:right; padding:30px 0 0;}

/*导航*/
.navH{ height:3.5em; font-size:16px; position:relative;}
.nav{ width:100%; background:#e71e19; position:relative; z-index:9; transition:all ease 0.6s;}
.nav ul{ display:block; width:1200px; height:3.5em; margin:0 auto;}
.nav ul li{ display:block; float:left; position:relative;}
.nav ul li a{ display:block; line-height:3.5; color:#fff; text-align:center; padding:0 28.5px;}
.nav ul li a:hover,
.nav ul li.on a,
.nav ul li.cur a{ background:#444444;}
.nav ul li p.sub{ display:none; width:100%; background:rgba(0,0,0,0.35); padding:2px 0; position:absolute; left:0; top:100%;}
.nav ul li p.sub a{ line-height:40px; color:#fff; font-size:14px; padding:0; border:0; border-top:1px solid #d2d2d2; margin:0 8px;}
.nav ul li p.sub a:first-child{ border:0;}
.nav ul li p.sub a:hover{ color:#1d70f2;}

.nav.fixed{ position:fixed; left:0; top:0; margin-top:0; box-shadow1:0 0 4px 0 rgba(0,0,0,0.3);}
.nav.hide{ position:fixed; left:0; top:-56px; box-shadow:none;}

/*banner*/
.banner{ height:300px; overflow:hidden; background-size:cover !important;}
.banner a{ display:block;}
.banner img{ display:block; width:100%;}

/*底部*/
.footer{ padding:32px 0 0; background:#e71e19;}
.footer .foot{ width:1200px; overflow:hidden; margin:0 auto;}
.footer p.tel{ display:block; line-height:2.25; color:#fff; font-size:16px; text-align:right; padding:1.25em 0 0; float:left;}
.footer p.tel span{ display:block; height:1.2em; line-height:1.2; font-size:1.875em; text-align:justify; padding:0.24em 0;}
.footer p.tel span::after{ content:''; width:100%; height:0; display:inline-block; overflow:hidden;}
.footer p.tel img{ display:block; width:1.2em; height:1.2em; float:left; margin-right:0.3em;}
.footer p.tel a{ color:#fff;font-weight:600;}
.footer p.code{ display:block; overflow:hidden; padding:2em 0 0;}
.footer p.code span{ display:block; line-height:2.5; color:#fff; font-size:14px; text-align:center;}
.footer p.code img{ display:block; width:9.6em; margin:0 auto;}
.footer .copyright{ max-width:38.38%; line-height:1.72; color:#fff; font-size:14px; overflow:hidden; float:right;}
.footer .copyright a{ color:#999;}
.footer .copyright a:hover{ color:#333;}
.footer .links{ line-height:2.1; color:#dcdcdc; font-size:12px; overflow:hidden; padding:2.3em 0 1.4em; clear:both;}
.footer .links a{ color:#dcdcdc; margin-right: 10px;}
.footer .links a:hover{ color:#99acc7;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/top.png) center no-repeat; position:fixed; right:30px; bottom:60px; cursor:pointer; text-indent:-9999px; opacity:0.7; filter:Alpha(opacity=70); background-size:contain;}
.backToTop:hover{ opacity:0.9; filter:Alpha(opacity=90);}

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

.menu{ background:#ededed;}
.menu ul{ display:block; width:1200px; text-align:center; overflow:hidden; margin:0 auto;}
.menu ul li{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.menu ul li a{ display:block; line-height:3.2; color:#434343; font-size:18px; overflow:hidden; padding:0 1.4em;}
.menu ul li a:hover,
.menu ul li.cur a{ background:#ccc;}

.main p.position{ line-height:3.72; color:#666; font-size:14px; padding:0.58em 0 0; border-bottom:1px solid #ededed;}
.main p.position a{ color:#666;}
.main p.position a:hover{ color:#1d70f2;}

/*内容样式*/
.main .attr{ width:1200px; overflow:hidden; margin:0 auto;}
.main .attr h2.title{ display:block; font-size:36px; font-weight:normal; text-align:center; overflow:hidden; padding:1em 0 0.6em; position:relative;}
.main .attr h2.title span{ display:block; line-height:2.16; color:#373737; position:relative; z-index:3;}
.main .attr h2.title i{ display:block; width:1.16em; height:3px; background:#1d70f2; overflow:hidden; margin:0 auto;}
.main .attr h3.title{ display:block; line-height:1.72; color:#333; font-size:26px; font-weight:normal; text-align:center; padding:1.8em 0 0.4em;}
.main .attr p.mark{ display:block; line-height:3.5; color:#999; font-size:13px; text-align:center; background:#f6f6f6; margin:2em 0 1em;}
.main .article{ min-height:20em; line-height:2.2; color:#444; font-size:15px; overflow:hidden; padding:1.8em 2px 3em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article a:hover{ color:#e71e19;}

/*文章切换*/
.main .change{ font-size:14px; overflow:hidden; background:#f6f6f6; padding:0 1em; margin:0 0 5%;}
.main .change p{ display:block; max-width:46%; line-height:3.5; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p:first-child{ margin-right:8%;}
.main .change p a{ color:#666;}
.main .change p a:hover{ color:#1d70f2;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:5.5% 0 6%;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:14px; color:#888; height:24px; line-height:24px; text-align:center; padding:6px 12px; background:#f3f4f5; margin:0 6px;}
.pages a:hover,
.pages span{ color:#fff; background:#e71e19; border-color:#e71e19;}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden; padding:1.75% 0 0;}
.main ul.newsList li{ display:block; overflow:hidden; padding:1.75% 0; border-bottom:0px solid #ddd;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:3%;}
.main ul.newsList li a.pic img{ display:block; width:238px; height:160px; transition:all ease 0.4s;}
.main ul.newsList li a.pic:hover img{ transform:scale(1.12);}
.main ul.newsList li span{ display:block; line-height:1.8; color:#999; font-size:14px; overflow:hidden;}
.main ul.newsList li span em{ display:block; line-height:1.6; color:#444; font-size:1.875em;}
.main ul.newsList li a.title{ display:block; line-height:1.2; color:#333; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0.3em;font-weight:600;}
.main ul.newsList li a.title:hover{ color:#e71e19;}
.main ul.newsList li .txt{ height:5.4em; line-height:1.8; color:#757575; font-size:14px; margin:0.9em 0 0.8em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main ul.newsList li a.more{ display:block; width:8.286em; line-height:2.54; color:#fff; font-size:14px; text-align:center; overflow:hidden; background:#1d70f2; margin:1.4em 0 0;}
.main ul.newsList li a.more:hover{ background:##e71e19;}

@media only screen and (max-width:1232px){
.header .head{ width:auto; margin:0 16px;}
.header p.tel{ display:none;}
.nav ul{ padding-right:0;}
.banner{ height:25vw;}
.menu ul{ width:auto; margin:0 16px;}
.main .attr{ width:auto; margin:0 16px;}
}

@media only screen and (max-width:1022px){
.footer .foot{ width:auto; margin:0 16px;}
}

@media only screen and (max-width:1024px){
.topper{ display:none;}
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; box-shadow:0 0 4px 0 rgba(0,0,0,0.3);}
.header .head{ height:96px;}
.header h1.logo a img{ height:96px; height:66px; padding:14px 0 0;}
.header img.tel{ display:none;}
.header a.menu{ display:block; width:64px; height:64px; background:url(../images/head_menu.png) right center no-repeat; background-size:auto 40%; margin:16px 0 0; float:right;}
.navH{ height:auto;}
.nav{ position:relative !important; top:0 !important;}
.nav ul{ width:24%; height:auto; background:#f3f4f5; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); float:none; position:fixed; right:0; top:96px; transform:translateX(110%); transition:all ease 0.4s;}
.nav ul.open{ transform:translateX(0);}
.nav ul li{ float:none; border-top:1px solid #ededed;}
.nav ul li:first-child{ border:0;}
.nav ul li a{ line-height:3.5; color:#333; font-size:16px;}
.nav ul li a:hover, .nav ul li.on a, .nav ul li.cur a{ color:#fff;}

.banner{ margin-top:96px;}
.banner img{ height:32vw;}

.footer .foot{ text-align:center;}
.footer .copyright{ max-width:none; float:none; text-align:left; padding:0 1%;}
.footer p.tel{ display:inline-block; float:none;}
.footer p.code{ display:inline-block; float:none; margin:0 4% 0 14%;}

.backToTop{ width:44px; height:44px; right:16px; bottom:74px;}

.main .attr h2.title{ font-size:32px;}
.main .article{ font-size:15px;}
.main .change{ font-size:15px;}

.main ul.newsList li a.pic{ margin-right:4%;}
.main ul.newsList li a.pic img{ width:214px; height:144px;}
.main ul.newsList li span{}
.main ul.newsList li a.title{ line-height:3; line-height:1.2; margin-top:0;}
.main ul.newsList li .txt{ height:5.1em; line-height:1.7; margin:0.5em 0 0.5em;}
.main ul.newsList li a.more{ display:none;}
}

@media only screen and (max-width:767px){
.header .head{ width:auto; margin:0 12px;}
.menu ul{ width:auto; margin:0 12px;}
.main .attr{ width:auto; margin:0 12px;}

.header{ width:100%; position:fixed; left:0; top:0; z-index:999;}
.header .head{ height:60px;}
.header h1.logo a img{ height:60px; height:40px; padding:10px 0 0;}
.header img.tel{ display:none;}
.header .txt{ display:none;}
.header a.menu{ width:48px; height:48px; margin:6px 0 0;}
.nav ul{ width:40%; top:60px;}
.nav ul li a{ line-height:3; font-size:14px;}

.banner{ height1:34vw; margin-top:60px;}
.banner img{ height:34vw;}

.footer .foot{ text-align:center;}
.footer .copyright{ display:none;}
.footer p.tel{ font-size:14px; padding-top:0;}
.footer p.code{ display:block; margin:0 auto; padding-top:0; margin:1em 0 -1em;}
.footer .links{ padding-top:2em;}

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

.menu ul{ margin:0;}
.menu ul li{ display:block; width:25%; float:left;}
.menu ul li a{ font-size:14px; padding:0;}
.main p.position{ line-height:3.2;}
.main .attr h2.title{ font-size:24px; padding-top:0.7em;}
.main .attr h3.title{ font-size:20px; padding:1.6em 0 0.4em;}
.main .attr p.mark{ font-size:12px; margin:1.2em 0 -0.5em;}
.main .article{ font-size:13px;}
.main .change{ font-size:13px; margin-bottom:10%;}

.pages{ font-size:12px; padding:9% 0 10%;}
.pages span, .pages a{ padding:3px 9px; margin:0 5px;}

.main ul.newsList{ padding-top:3%;}
.main ul.newsList li{ padding:3.5% 0;}
.main ul.newsList li span{ font-size:12px;}
.main ul.newsList li a.pic img{ width:128px; height:86px;}
.main ul.newsList li a.title{ line-height:2.7; line-height:1.2; font-size:15px;}
.main ul.newsList li .txt{ height:3.2em; line-height:1.6; font-size:12px; margin:2px 0 2px;}
}

/*.banner{ height:auto;}
.banner img{ display:block; width:100%; height:auto;}*/






/**/