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

@font-face{ font-family:"方正小标宋简体"; src:url('../font/方正小标宋简.ttf');
			src:url('../font/方正小标宋简.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
				url('../font/方正小标宋简.woff') format('woff'), /* Modern Browsers */ 
				url('../font/方正小标宋简.ttf')  format('truetype'), /* Safari, Android, iOS */ 
				url('../font/方正小标宋简.svg#方正小标宋简') format('svg'); /* Legacy iOS */
}
@font-face{ font-family:"仿宋_GB2312"; src:url('../font/仿宋_GB2312.ttf');
			src:url('../font/仿宋_GB2312.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
				url('../font/仿宋_GB2312.woff') format('woff'), /* Modern Browsers */ 
				url('../font/仿宋_GB2312.ttf')  format('truetype'), /* Safari, Android, iOS */ 
				url('../font/仿宋_GB2312.svg#仿宋_GB2312') format('svg'); /* Legacy iOS */
}
@font-face{ font-family:"楷体_GB2312"; src:url('../font/楷体_GB2312.ttf');
			src:url('../font/楷体_GB2312.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
				url('../font/楷体_GB2312.woff') format('woff'), /* Modern Browsers */ 
				url('../font/楷体_GB2312.ttf')  format('truetype'), /* Safari, Android, iOS */ 
				url('../font/楷体_GB2312.svg#楷体_GB2312') format('svg'); /* Legacy iOS */
}

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

/*头部*/
.header{ position:relative; z-index:99;}
.header .head{ width:1350px; height:118px; 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;}
.header h1.logo a img{ display:block; height:118px;}
.header a.lang{ display:block; width:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; background:#3561a2; float:right; margin:39px 0 0 18px;}

/*导航*/
.nav{ display:block; font-size:18px; font-family:Arial; background:#f4f4f4; position:relative;}
.nav ul{ display:block; width:1350px; height:60px; position:relative; margin:0 auto;}
.nav ul li{ display:block; float:left; position:relative; padding:0 86px;}
.nav ul li::before{ content:''; display:block; width:1px; height:26px; background:#dbdada; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.nav ul li:first-child::before{ display:none;}
.nav ul li a{ display:block; line-height:60px; color:#333; text-transform:uppercase; text-align:center; white-space:nowrap; position:relative;}
.nav ul li>a::after{ content:''; display:none; width:100%; height:2px; background:#3561a2; position:absolute; left:0; bottom:0; transform:translateY(1px) scale(0,1); transition:all ease 0.4s;}
.nav ul li a:hover,
.nav ul li.on a,
.nav ul li.cur a{ color:#d82b2b;}
.nav ul li>a:hover::after,
.nav ul li.on>a::after,
.nav ul li.cur>a::after{ transform:translateY(1px) scale(1,1);}

.nav ul li p.sub{ display:none !important; min-width:100%; background:#fff; padding:6px 0 8px; border-radius:0 0 10px 10px; border-top/:2px solid #3561a2; position:absolute; left:50%; top:100%; transform:translate(-50%,0); z-index:99; box-shadow:0 0 8px rgba(22,22,22,0.2);}
.nav ul li p.sub a{ width:auto; line-height:3.125; color:#444; font-size:0.875em; font-weight:normal; padding:0 0.5em; margin:0; background:none; border-radius:0; transition:all ease 0.4s;}
.nav ul li p.sub a::after{ display:none;}
.nav ul li p.sub a:hover,
.nav ul li p.sub.on a{ color:#d82b2b; background:#f4f4f4;}

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

/* banner */
.ibanner{ width:100vw; height:610px; position:relative;}
.ibanner .swiper-slide{ display:block; height:100%; background:#fff center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100%; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box .bg{ height:100%; background-size:cover !important; overflow:hidden; position:relative; z-index:1;}
.ibanner .swiper-pagination{ display:block; height:10px; bottom:22px;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; border-radius:5px; opacity:1; margin:0 8px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet:only-child{ display:none;}
.ibanner .swiper-pagination-bullet-active{ width:32px; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none;}

/*底部*/
.footer{ font-size:15px; background:#3561a2; padding:1.875em 0;}
.footer .foot{ width:1350px; margin:0 auto; position:relative;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .code{ float:right; padding:0.7em 0; margin-left:6%;}
.footer .code img{ display:block; height:7.4em;}
.footer .copyright{ line-height:2.2; color:#fff; overflow:hidden;}
.footer .copyright a:hover{ color:#fff; text-decoration:underline;}

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

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

.leftCon{ display:block; width:300px; background:#3561a2; overflow:hidden; margin:0 48px 0 0; float:left; transform:translateY(-90px); position:relative; z-index:9;}
.leftCon h2{ display:block; line-height:3; color:#fff; font-size:30px; padding-left:1.4em; background:url(../images/common/title.png) right 1em center no-repeat;}
.leftCon ul{ display:block; font-size:18px; overflow:hidden; background:#f4f4f4; padding:4px 0 260px; margin:0 0 8px 8px;}
.leftCon ul li{ display:block; overflow:hidden; margin:1em 0 0;}
.leftCon ul li a{ display:block; line-height:3; color:#333; background:url(../images/common/dot.png) left 0.75em center no-repeat; padding:0 1.75em; overflow:hidden; position:relative; transition:all ease 0.4s;}
.leftCon ul li:hover,
.leftCon ul li.cur{ background:#fff url(../images/common/list.png) right 1.388em center no-repeat; text-indent:0.75em;}
.leftCon ul li:hover a,
.leftCon ul li.cur a{ color:#d82b2b; background-image:url(../images/common/dot_h.png); background-position:left 1.75em center; text-indent:0.75em;}

.rightCon{ overflow:hidden;}
.rightCon p.position{ display:block; line-height:68px; color:#999; font-size:14px; text-align:right; overflow:hidden; border-bottom:1px solid #ddd; padding:10px 0 0;}
.rightCon p.position em{ display:block; color:#333; font-size:20px; font-weight/:bold; padding-left:2em; background:url(../images/common/posit.png) left center no-repeat; float:left;}
.rightCon p.position span{ margin-right:-0.8em; padding:2px 0; padding-left:2em; background:url(../images/common/home.png) left center no-repeat;}
.rightCon p.position a{ margin:0 0.8em;}
.rightCon p.position a:last-child{ margin-right:0;}
.rightCon p.position a:hover{ color:#3561a2;}

/*内容样式*/
.main .attr{ 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.5; color:#333; font-size:30px; font-family:"方正小标宋简体"; font-weight:normal; text-align:center; padding:1.575em 0 1.475em;}
.main .attr h3.title{ display:block; line-height:1.5; color:#333; font-size:30px; font-family:"方正小标宋简体"; font-weight:normal; text-align:center; padding:1.25em 0; margin:0.1em 0 0;}
.main .attr p.mark{ display:block; line-height:3; color:#999; font-size:16px; text-align:center; background:#f4f4f4; margin:0 0 2em;}
.main .attr p.mark font{ margin:0 0.75em;}
.main .article{ line-height:2.25; color:#333; font-size:16px; font-family:Arial; text-align:justify; overflow:hidden; padding:0 0 4em;}
.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:1.85em 0 3.25em; border-top:1px solid #ddd; margin-top:-1em;}
.main .change p{ display:block; line-height:2.4444; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p a:hover{ color:#3561a2; text-decoration:underline;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 70px;}
.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; border-radius:5px; margin:0 8px; cursor:pointer;}
.pages span{ color:#fff; background:#3561a2; border-color:#3561a2;}
.pages + h2.title{ margin-top:-60px;}

/*新闻列表*/

.main ul.List{ display:block; font-size:16px; overflow:hidden; padding:20px 0 46px;}
.main ul.List li{ display:block; line-height:3; overflow:hidden; padding:0 4px;}
.main ul.List li.line{ border-bottom:1px dashed #ddd; padding:0 0 1.4em; margin:0 0 1.4em;}
.main ul.List li span{ display:block; color:#999; float:right; margin-left:2em;}
.main ul.List li a{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:1em; background:url(../images/icons/dot.png) left center no-repeat;}
.main ul.List li a:hover{ color:#d82b2b; background-image:url(../images/common/dot_h.png);}


@media only screen and (max-width:1366px){
.wrap{ min-width:1240px;}
.header .head,
.nav ul,
.footer .foot,
.main{ width:1200px;}

.nav{ font-size:16px;}
.nav ul li p.sub a{ font-size:14px;}

.footer{ font-size:14px;}

.banner{ height:438px;}
.ibanner{ height:542px;}

.leftCon h2{ line-height:90px; font-size:26px;}
.leftCon ul{ font-size:16px;}

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

}

@media only screen and (max-width:768px){
.wrap{ min-width:0;}
.header .head,
.nav ul,
.footer .foot,
.main{ width:auto; margin:0 12px;}

.header .head{ height:60px;}
.header h1.logo a img{ box-sizing:border-box; height:60px; padding:12px 0;}
.header a.menu{ display:block; width:22px; height:30px; background:url(../images/common/head_menu.png) center no-repeat; background-size:contain; float:right; margin:15px 0 0 14px;}
.header a.lang{ width:24px; line-height:24px; font-size:12px; margin:18px 0 0;}
.header form.search,
.header iframe{ display:none !important;}

.nav{ font-size:13px; padding:6px 0; position:fixed; right:0; top:60px; z-index:99; transition:all ease 0.4s; transform:translateX(105%);}
.nav.show{ transform:translateX(0);}
.nav ul{ height:auto; margin:0;}
.nav ul li{ float:none; padding:0;}
.nav ul li a{ line-height:2.8; padding:0 1em;}
.nav ul li p.sub{ display:none !important;}

.banner{ height:160px;}
.ibanner{ height:50vw;}
.ibanner .swiper-pagination{ display:none; height:8px; bottom:12px;}
.ibanner .swiper-pagination-bullet{ width:8px; height:8px; margin:0 4px !important;}
.ibanner .swiper-pagination-bullet-active{ width:24px;}

.footer{ font-size:12px; padding:0 0 1.5em;}
.footer .code{ float:none; margin:0; padding:1.75em 0 1em;}
.footer .code img{ margin:0 auto; height:7.5em;}
.footer .copyright{ line-height:1.75; text-align:center;}

.backToTop{ width:30px; height:30px; right:10px; bottom:36px;}

.leftCon{ float:none; width:auto; margin:0 -12px; background:none; transform:translateY(-45px); margin-bottom:-45px;}
.leftCon h2{ width:9em; line-height:3; background-size:auto 0.7em; background-color:#3561a2; font-size:15px; padding-left:1em; box-sizing:border-box; margin:0 0;}
.leftCon ul{ margin:0; font-size:13px; overflow:hidden; padding:0;}
.leftCon ul li{ width:33.33%; float:left; background:none; margin:0;}
.leftCon ul li a{ height:3em; padding:0; background:none; text-align:center; overflow:hidden;}
.leftCon ul li a span{ display:block; line-height:1.25; margin:1.5em 0 0; transform:translateY(-50%);}
.leftCon ul li:hover,
.leftCon ul li.cur{ background-image:none;}
.leftCon ul li:hover a,
.leftCon ul li.cur a{ background:none; text-indent:0;}

.rightCon p.position{ display:none;}
.main .attr h2.title,
.main .attr h3.title{ font-size:20px;}
.main .attr p.mark{ font-size:12px;}
.main .attr p.mark font:nth-child(2){ display:none;}
.main .article{ font-size:14px;}
.main p.mark + .article{ font-size:15px;}
.main h2.title + .article{ margin-top:-0.5em;}

.main .change{ font-size:13px; padding:1.4em 0 2.6em;}
.main .change p{ line-height:2.25;}

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

.main ul.List{ font-size:14px; padding:16px 0 26px;}
.main ul.List li{ line-height:2.625;}
.main ul.List li.line{ padding:0 0 1em; margin:0 0 1em;}
}




/**/