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

.ani{
	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{ min-width:1220px; background:#fff; position:relative; overflow:hidden;}
.content{ overflow:hidden;}

/*头部样式*/
.header{ width:100%; position:absolute; left:0; top:0; z-index:999;}
.header .head{ width:1200px; height:120px; padding:0 8px; margin:0 auto; position:relative;}
.header h1.logo{ display:block; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:120px; margin:0 0 0 -8px;}
.header .code{ float:right; position:relative; padding:35px 0 0; z-index:999;}
.header .code a{ display:block; width:24px; height:24px; background:url(../images/common/h_wx.png) center no-repeat;}
.header .code em{ display:none; width:128px; padding:12px 0 0; position:absolute; left:50%; top:100%; margin-left:-64px; z-index:999;}
.header .code:hover em{ display:block;}
.header .code em::before{ content:''; display:block; width:0; height:0; border:1px solid #fff; border-width:0 6px 6px; border-color:#fff transparent; position:absolute; left:50%; top:6px; margin-left:-6px;}
.header .code em img{ display:block; width:100%; height:auto; box-shadow:1px 1px 10px 0 rgba(0,0,0,0.2);}
.header p.btns{ display:block; overflow:hidden; padding:35px 0 0 14px; float:right;}
.header p.btns a{ display:block; width:24px; height:24px; float:left; margin:0 14px 0 0;}
.header p.btns a.cart{ background:url(../images/common/h_cart.png) center no-repeat;}
.header p.btns a.app{ background:url(../images/common/h_app.png) center no-repeat;}

/*导航样式*/
ul.nav{ display:block; height:38px; padding:28px 0 0; z-index:99; float:right;}
ul.nav li{ display:block; text-align:center; float:left; margin:0 2px; position:relative; z-index:99;}
ul.nav li a{ display:block; line-height:38px; color:#fff; font-size:18px; padding:0 28px; border-radius:19px; position:relative; z-index:5;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ background:#0a3585;}

ul.nav li p.sub{ display:none !important; width:100%; padding:8px 0 0; position:absolute; left:-0%; top:100%; z-index:99;}
ul.nav li p.sub a{ line-height:40px; font-size:15px; background:#0a3585; padding:0; border-radius:0;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ background:#db381f;}

/*banner样式*/
.banner{ height:350px; background-size:cover !important;}
 
/*footer样式*/
.footer{ background:#1b202c; background:#005192; overflow:hidden;}
.footer .foot{ width:1200px; margin:0 auto;}

.footer .contact{ min-width:442px; padding:36px 0 40px; float:left;}
.footer .contact h3{ display:block; line-height:44px; color:#fff; font-size:26px; font-weight:normal;}
.footer .contact h3 em{ display:block; line-height:30px; color:#999; color:rgba(255,255,255,0.6); font-size:14px; text-transform:uppercase;}
.footer .contact p{ display:block; min-height:30px; line-height:30px; color:#fff; font-size:14px; padding:8px 0;}
.footer .contact p>img{ display:block; height:30px; margin-right:14px; float:left;}
.footer .contact p a{ display:block; position:relative; float:left; margin:0 20px 0 0;}
.footer .contact p a img{ display:block; height:30px;}
.footer .contact p a.code em{ display:none; width:96px; padding:12px 0 0; position:absolute; left:50%; top:100%; margin-left:-48px; z-index:999;}
.footer .contact p a.code:hover em{ display:block;}
.footer .contact p a.code em::before{ content:''; display:block; width:0; height:0; border:1px solid #fff; border-width:0 6px 6px; border-color:#fff transparent; position:absolute; left:50%; top:6px; margin-left:-6px;}
.footer .contact p a.code em img{ display:block; width:100%; height:auto; box-shadow:1px 1px 10px 0 rgba(0,0,0,0.2);}

.footer dl{ display:block; float:left; padding:20px 0 38px 48px;}
.footer dl:first-child{ margin-left:0px;}
.footer dl dt{ display:block; padding-left:24px; background:url(../images/common/fdot.png) left center no-repeat;}
.footer dl dt a{ display:block; line-height:66px; color:#fff; font-size:16px; position:relative; z-index:5;}
.footer dl dd{ display:block; padding-left:24px;}
.footer dl dd a{ display:block; line-height:34px; color:#a8a9ac; color:rgba(255,255,255,0.7); font-size:13px;}
.footer dl dd a em{ display:block; width:4em;}
.footer dl dd a:hover{ color:#fff;}

.footer .copyright{ line-height:28px; color:#a6a7a8; font-size:13px; text-align:center; overflow:hidden; background:#10131b; padding:14px 0; clear:both;}
.footer .copyright a{ color:#a6a7a8;}
.footer .copyright a:hover{ color:#fff;}

/*返回顶部*/
.backToTop{ display:none; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; position:fixed; _position:absolute; right:20px; bottom:76px; cursor:pointer; opacity:0.8; z-index:998;}

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

/*左侧*/
.menu{ background:#0a3585;}
.menu dl{ display:block; width:1200px; height:60px; margin:0 auto;}
.menu dl dt{ display:block; width:218px; height:60px; position:relative; float:left; margin:0 -4px 0 0;}
.menu dl dt span{ display:block; width:100%; line-height:76px; color:#fff; font-size:26px; text-align:center; letter-spacing:2px; background:#db381f; position:absolute; left:0; top:50%; margin-top:-38px;}
.menu dl dd{ display:block; line-height:60px; color:#fff; font-size:16px; float:left;}
.menu dl dd::before{ content:'|';}
.menu dl dd a{ color:#fff; padding:0 36px;}
.menu dl dd:hover a,
.menu dl dd.cur a{ color:#ffd700;}

/*右侧*/
.main .attr{ width:1200px; min-height:480px; position:relative; z-index:2; margin:0 auto;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main h2.title{ display:block; line-height:130px; color:#333; font-size:36px; text-align:center; background:url(../images/icons/title.png) center no-repeat; margin:12px 0 0;}
.main h3.title{ display:block; line-height:56px; color:#333; font-size:36px; text-align:center; padding:50px 0 36px;}
.main p.mark{ display:block; line-height:48px; color:#999; font-size:14px; text-align:center; background:#f1f1f1; margin:0 0 32px;}
.main .article{ line-height:2.125; color:#333; font-size:16px; padding:0 0 58px; overflow:hidden;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}

/*文章切换*/
.main .change{ overflow:hidden; padding:28px 0 72px; border-top:1px solid #ddd;}
.main .change p{ display:block; max-width:48%; line-height:40px; color:#666; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:right;}
.main .change p:first-child{ float:left;}
.main .change a{ color:#666;}
.main .change a:hover{ color:#db381f;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 60px;}
.pages a,
.pages span{ display:inline-block; min-width:16px; color:#333; height:24px; line-height:24px; text-align:center; padding:9px 14px; margin:0 9px; border:1px solid #d2d2d2;}
.pages a:hover{ color:#fff; background:#0a3585; border-color:#0a3585;}
.pages span{ color:#fff; background:#0a3585; border-color:#0a3585; cursor:pointer;}
.pages a.num{ display:none;}

/*产品列表*/
.main ul.proList{ display:block; background:url(../images/icons/pro_bg.png) center top repeat-y; overflow:hidden; padding:0 55px; margin:10px -87px 0;}
.main ul.proList li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.proList li a{ display:block; height:404px; text-align:center; overflow:hidden; margin:0 32px 76px;}
.main ul.proList li a img{ display:block; width:100%; height:354px; padding:0 0 14px; background:url(../images/icons/pro_shadow.png) center bottom no-repeat;}
.main ul.proList li a span{ display:inline-block; max-width:228px; line-height:22px; color:#fff; font-size:16px; text-align:center; background:#0a3585; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:6px 12px; margin:-3px 0 0;}
.main ul.proList li a:hover span{ background:#db381f;}

/*下载列表*/
.main form.search{ display:block; overflow:hidden; padding:62px 0 0; position:absolute; right:0; top:0; z-index:1;}
.main form.search input.txt{ display:block; width:196px; height:34px; line-height:1.5; color:#666; font-size:14px; background:url(../images/common/search.png) left 12px center no-repeat; padding:0 12px 0 36px; border:1px solid #ddd; float:left;}
.main form.search input.btn{ display:block; width:64px; height:36px; line-height:1; color:#fff; font-size:16px; background:#db381f; padding:10px 0; border:0; cursor:pointer; float:left; margin:0 0 0 -1px;}
.main ul.download{ display:block; margin:0 -13px 48px;}
.main ul.download::before,
.main ul.download::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.download li{ display:block; width:25%; float:left;}
.main ul.download li a{ display:block; background:#fff; margin:15px 13px; box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
.main ul.download li p{ height:90px; line-height:30px; color:#666; font-size:16px; padding:30px 18px 0; position:relative;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main ul.download li p i{ display:block; width:22px; height:22px; position:absolute; left:0; top:0; z-index:1;}
.main ul.download li p i.pdf{ background:url(../images/icons/pdf.png) no-repeat;}
.main ul.download li p i.word{ background:url(../images/icons/word.png) no-repeat;}
.main ul.download li span{ display:block; line-height:36px; color:#666; font-size:15px; text-align:center; padding-left:32px; background:#f1f1f1 url(../images/icons/download.png) center top no-repeat; margin:30px 0 0;}
.main ul.download li a:hover{ box-shadow:0 0 20px 0 rgba(219,56,31,0.1);}
.main ul.download li a:hover span{ color:#fff; background-color:#db381f; background-position:center bottom;}

/*课件列表*/
.main dl.course{ display:block; overflow:hidden; margin:8px -18px 28px;}
.main dl.course dt{ display:block; overflow:hidden; padding:0 18px 28px;}
.main dl.course dt i{ display:block; height:42px; background:#f1f1f1 url(../images/icons/line.png) right center no-repeat;}
.main dl.course dt em{ display:block; line-height:52px; color:#fff; font-size:24px; letter-spacing:28px; padding:0 0 2px; background:url(../images/icons/text.png) left center repeat-x; float:left; margin:-28px 20px 0;}
.main dl.course dt em font{ display:block; margin:0 -12px 0 12px;}
.main dl.course dd{ display:block; width:16.6666%; overflow:hidden; float:left;}
.main dl.course dd a{ display:block; overflow:hidden; margin:0 18px 24px;}
.main dl.course dd a img{ display:block; width:100%; height:238px; padding:0 0 8px; background:url(../images/icons/course_shadow.png) center bottom no-repeat;}
.main dl.course dd a span{ display:block; line-height:38px; color:#555; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main dl.course dd a:hover span{ color:#db381f; font-weight:bold;}

.main dl.cozList{ display:block; overflow:hidden; margin:8px -8px 36px;}
.main dl.cozList dt{ display:block; overflow:hidden; padding:0 8px 28px;}
.main dl.cozList dt i{ display:block; height:42px; background:#f1f1f1 url(../images/icons/line.png) right center no-repeat;}
.main dl.cozList dt em{ display:block; line-height:52px; color:#fff; font-size:24px; letter-spacing:28px; padding:0 0 2px; background:url(../images/icons/text.png) left center repeat-x; float:left; margin:-28px 20px 0;}
.main dl.cozList dt em font{ display:block; margin:0 -12px 0 12px;}
.main dl.cozList dd{ display:block; width:33.33%; overflow:hidden; float:left;}
.main dl.cozList dd a{ display:block; line-height:42px; color:#0a3585; font-size:16px; overflow:hidden; white-space:nowrap; text-

overflow:ellipsis; padding:0 36px 0 16px; background:url(../images/icons/list.png) right 15px center no-repeat; border:1px dotted #0a3585; margin:0 8px 16px;}
.main dl.cozList dd a em{ display:block; width:40px; font-size:18px; font-weight:bold; transform:skewX(-14deg); float:left;}
.main dl.cozList dd a:hover{ color:#db381f; border-color:#db381f;}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden; margin:-24px 0 60px;}
.main ul.newsList li{ display:block; overflow:hidden; padding:32px 0; border-bottom:1px solid #ddd;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; border:1px solid #ddd; float:right; margin-left:28px;}
.main ul.newsList li a.pic img{ display:block; width:270px; height:180px;}
.main ul.newsList li span{ display:block; width:146px; height:146px; line-height:40px; color:#0a3585; font-size:18px; text-align:center; border-right:1px solid #ddd; float:left; margin:18px 38px 18px 0;}
.main ul.newsList li span b{ display:block; line-height:58px; font-size:48px; padding:24px 0 0;}
.main ul.newsList li a.title{ display:block; line-height:56px; color:#333; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a.title:hover{ color:#db381f;}
.main ul.newsList li .txt{ height:72px; line-height:24px; color:#999; font-size:14px; overflow:hidden; padding:8px 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 a.more{ display:block; line-height:34px; color:#db381f; font-size:14px; float:left; margin:12px 0 0;}

/*风采列表*/
.main ul.picList{ display:block; overflow:hidden; margin:4px -12px 32px;}
.main ul.picList li{ display:block; width:33.33%; overflow:hidden; float:left;}
.main ul.picList li a{ display:block; overflow:hidden; position:relative; margin:0 12px 28px;}
.main ul.picList li a img{ display:block; width:100%; height:258px;}
.main ul.picList li a span{ display:block; width:100%; line-height:50px; color:#fff; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.5); overflow:hidden; position:absolute; left:0; bottom:0;}
.main ul.picList li a:hover span{ background:rgba(219,56,31,0.8);}

/*申请表单*/
.main form.apply{ display:block; padding:24px 0; background:#f1f1f1; margin:-20px 0 54px;}
.main form.apply h3{ display:block; line-height:72px; color:#0a3585; font-size:30px; font-weight:normal; text-align:center;}
.main form.apply p{ display:block; padding:14px 36px; overflow:hidden;}
.main form.apply p label{ display:block; width:128px; line-height:42px; color:#555; font-size:16px; text-align:right; margin-right:8px; float:left;}
.main form.apply p input.text{ display:block; width:374px; height:40px; line-height:1.75; color:#555; font-size:16px; background:none; padding:0 14px; border:1px solid #999; float:left;}
.main form.apply p textarea{ display:block; width:914px; height:100px; line-height:1.75; color:#555; font-size:16px; background:none; padding:6px 14px; border:1px solid #999; float:left; resize:none;}
.main form.apply p input.btn{ display:block; width:294px; height:60px; color:#fff; font-size:24px; text-align:center; background:#0a3585; border:0; cursor:pointer; margin:6px auto 0;}

.menu dl dt span{ line-height:60px; margin-top:-30px;}

.main img.dLpic{ display:block; width:218px; height:308px; float:left; margin:30px 40px 0 0;}
.main ul.dLcate{ display:block; min-height/:308px; overflow:hidden; padding:30px 0 16px; border-bottom:1px solid #ddd;}
.main ul.dLcate li{ display:block; overflow:hidden; padding:6px 0;}
.main ul.dLcate li em{ display:block; line-height:36px; color:#0a3585; font-size:16px; float:left; margin:0 8px 0 0;}
.main ul.dLcate li p{ display:block; overflow:hidden;}
.main ul.dLcate li a{ display:block; line-height:28px; color:#333; font-size:15px; padding:0 10px; float:left; margin:4px 8px 0 0;}
.main ul.dLcate li a:hover{ color:#db381f;}
.main ul.dLcate li a.cur{ color:#fff; background:#db381f;}
.main ul.dList{ display:block; overflow:hidden; margin:18px 0 80px 258px;}
.main ul.dList li{ display:block; padding:6px 0; overflow:hidden; border-bottom:1px dashed #ededed;}
.main ul.dList li a.title{ display:block; line-height:36px; color:#333; font-size:15px; float:left;}
.main ul.dList li a.title::before{ content:''; display:block; width:4px; height:4px; background:#0a3585; float:left; margin:16px 12px 0 2px;}
.main ul.dList li a.title:hover{ color:#0a3585; text-decoration:underline;}
.main ul.dList li a.down{ display:block; width:36px; height:36px; background:url(../images/icons/download1.png) center top no-repeat; float:right;}
.main ul.dList li a.down:hover{ background-position:center bottom;}





/**/