﻿@charset "utf-8";
/**
  * FileName: style.css
  * Version: 1.0.0(2014.04.16)
  *	Website: PS
  * Author: Mark,105940137@qq.com
  * Page Width: 1002px;
  **/
/* CSS Document */
*{margin:0; padding:0;}
body{font-family:"微软雅黑",Verdana, Geneva, sans-serif; font-size:12px; -webkit-text-size-adjust: none; overflow-x:hidden;}
html{overflow-x:hidden;}
li,ol{list-style:none;}
a{text-decoration:none; cursor:pointer; color:#333;}
a img{border:0px;}
a:hover{border:none; }
.clear{clear:both;}
h1, h2, h3, h4, h5, h6, p, span,em,small{font-weight:normal; font-style:normal;}
h1, h2, h3, h4, h5, h6,small{font-size:12px;}
i{font-style:normal;}
.tr,.right{float:right;}
.left{ float:left}
*html .clearfix{height: 1%;}
*+html .clearfix{height:1%;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.mainbody{position:relative;}
html{overflow-x:hidden;}
.scorollNav{}
.top{background:url(../images/header_bg.png) repeat-x;}
	.top .toper{width:1002px; margin:0 auto; height:96px; overflow:hidden; line-height:27px; overflow:hidden;}
	.top .toper h1{ float:left;}
	.top .toper h1 a{ display:inline-block; width:463px; height:94px; margin-top:1px;}
	.top .tr ul{ margin-top:23px;}
	.top .tr li{ line-height:12px; color:#221815; float:left; padding:0 13px;  font-size:13px; border-right:1px solid #808285}
	.top .tr li:last-child{ padding-right:0px; border:0px;}
	.top .tr li a{ color:#808285}
	.top .tr li a:hover{ color:#313a97}
	.top .tr .phone{
		background:url(../images/telephone.png) no-repeat; 
		width:215px; 
		height:24px; 
		overflow:hidden;
		margin-top:20px;
	}
	
.head{background:url(../images/nav_bg.png) repeat-x;}
	.header{width:1002px; margin:0 auto; height:34px;}
	.header .nav{ line-height:34px;}
	.header li{ float:left; position:relative;  font-size:14px; padding:0px 28px}
	.header li:hover{ background:url(../images/nav_on.png) repeat-x}
	.header li:hover a{ color:#fff}
	.header li.on{ background:url(../images/nav_on.png) repeat-x}
	.header li a{ color:#313a97;}
	.header li a:hover{ color:#fff;}
	.header li.on a{ color:#fff}
	.header li.on ul li a{ color:#fff}
	
	.header .nav .navigation ul{position:absolute; left:1px; top:34px; margin:0px 0 0 -1px; display:none; z-index:10000000; }
		.header .nav .navigation ul li{ margin:0px; width:102px; padding:0px 5px; background:url(../images/nav-sec-bg.png) repeat; text-align:center; line-height:30px;}
		.header .nav .navigation ul li a{ line-height:25px; text-align:center;  font-size:12px; color:#313a97}
		.header .nav .navigation ul li:hover{ background:url(../images/nav-sec-on-bg.png) repeat;}
		.header .nav .navigation ul li:hover a,.header .nav .navigation ul li a:hover{ color:#fff}
	
/* tip start */
#unitip{position:absolute;z-index:9999;top:-1000px;color:#fff;font:normal normal 1.1em/15px Verdana, Arial, Helvetica, sans-serif;display:none;}
#unitippoint, #unitipmid, #unitipcap{position:relative;top:0px;left:0px;width:145px;display:block;}
#unitippoint{background:url(../images/TipPoint.png) no-repeat; _background:url(../images/TipPoint_1.png) no-repeat;height:19px;overflow:hidden;}
#unitipmid{background:url(../images/TipMid.png) repeat; _background:url(../images/TipMid_1.png) repeat;width:115px;height:auto;padding:5px 15px;}
#unitipcap{background:url(../images/TipCap.png) no-repeat; _background:url(../images/TipCap_1.png) no-repeat;height:7px;overflow:hidden;}
/* tip end */

#main{ 
	width:100%;
	margin-top:30px;
	background:#f1f2f2;
	overflow:hidden;
	padding-bottom:15px;
}
/* index_course start */
.index_course{ width:1002px; height:180px; overflow:hidden; margin:0 auto; margin-top:20px;}
.index_course .content{ width:100%; height:100%; overflow:hidden; margin:0 auto}
.index_course .content .courseitemlist{ width:100%; overflow:hidden}
.index_course .content .courseitemlist .item{ float:left; width:321px; height:180px; overflow:hidden; margin-left:19px;}
.index_course .content .courseitemlist .item:first-child{ margin-left:0px}
.index_course .content .courseitemlist .item .img{ width:321px; height:125px; overflow:hidden}
.index_course .content .courseitemlist .item h3{  height:55px; overflow:hidden; margin-top:3px; line-height:31px; background:url(../images/course-item-bg.png) no-repeat; text-align:center}
.index_course .content .courseitemlist .item h3 a,.index_course .content .courseitemlist .item h3 a:hover{ color:#fff}

/* index_course end */
.bannerImg{width:100%; height:430px; margin:0 auto; position:relative;}
	.bannerImg .img{position:relative; text-align:center}
	.bannerImg .flexslider{ width:100%; height:430px; overflow:hidden; text-align:center}
	.bannerImg .flexslider .slidesjs-pagination { position:absolute; bottom: 20px; left:0px; right:0px; z-index: 100000;}
	.bannerImg .flexslider .slidesjs-pagination li { display: inline-block;}
	.bannerImg .flexslider .slidesjs-pagination li a {  display: inline-block; width: 12px; background:#313a97; height: 12px; margin: 0 4px;text-indent: -999em; border-radius: 6px;cursor: pointer;opacity: .8;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
	.bannerImg .flexslider .slidesjs-pagination li a.active, .slidesjs-pagination li a.active:hover { background: #fff;opacity: 1;}
	.bannerImg .flexslider .slidesjs-pagination li a:hover {background: #fff;opacity: 1;}

.col1{ width:1002px; margin:0 auto;}
.col1-1{
	width:730px;
	height:355px;
	overflow:hidden
}
.col1-1 .col1-1-1,.col1-1 .col1-1-2{
	width:320px;
	height:195px;
	overflow:hidden;
}
.col1-1 .col1-1-2{
	width:388px;
	margin-left:19px;
}
.col1-1 .col1-1-1 .title,.col1-1 .col1-1-2 .title{
	width:100%;
	height:44px;
	line-height:31px;
	overflow:hidden;
	background:url(../images/col1-1-title.png) no-repeat;
}
.col1-1 .col1-1-2 .title{
	background:url(../images/col1-2-title.png) no-repeat;
}

.col1-1 .col1-1-1 .title .s1,.col1-1 .col1-1-2 .title .s1{
	font-size:14px;
	
	color:#333333;
	line-height:31px;
	padding-left:10px;
}
.col1-1 .col1-1-1 .title .s2,.col1-1 .col1-1-2 .title .s2{
	font-size:12px;
	color:#056aa2;
	line-height:31px;
}
.col1-1 .col1-1-1 .title .more,.col1-1 .col1-1-2 .title .more{
	padding-right:5px;
	color:#999
}
.col1-1 .col1-1-1 .content{
	line-height:22px;
}
.col1-1 .col1-1-1 .content a:hover{
	color:#00225f
}
.col1-1 .col1-1-1 .content .time{
	color:#a3a5a8
}
.col1-1 .col1-1-2 .content{
	line-height:22px;
	text-indent:2em;
}
.col1-1-3{
	height:155px;
	overflow:hidden;
}
.col1-1-3 .title{
	height:20px;
	line-height:20px;
}
.col1-1-3 .title h3{
	font-size:14px;
	
	color:#333333;
}
.col1-1-3 .title .more{
	margin-top:-20px;
	padding-right:10px;
	color:#999
}
.col1-1-3 .li{
	float:left;
	
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 670px;
    padding: 10px 30px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  670px;
    height: 118px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 158px;
    height: 116px;
	border:1px solid #ccc;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 8px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 54px;
    right: 5px;
    width: 14px;
    height: 24px;
    cursor: pointer;
    background: transparent url(../images/control.png) no-repeat 0px -24px;
}


.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -14px -24px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 54px;
    left: 5px;
    width: 14px;
    height: 24px;
    cursor: pointer;
    background: transparent url(../images/control.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -14px 0;
}

.col1-2{
	width:250px;
	height:355px;
	overflow:hidden;
	background:#fff
}
.col1-2 .title{
	height:45px;
	width:100%;
	overflow:hidden;
	position:relative
}
.col1-2 .title .ico{
	position:absolute;
	width:250px;
	height:7px;
	background:url(../images/col1-2-top-title.jpg) no-repeat;
	top:0px;
	left:0px;
}
.col1-2 .title .txt{ height:44px; line-height:48px; width:230px; margin-left:10px; border-bottom:1px dashed #a9abae; font-size:14px}
.col1-2 .title .txt .more{ float:right; font-size:13px} 
.col1-2 .content{
	padding:0px 10px;
	line-height:22px;
}
.col1-2 .content a{ color:#f00}

/* 底部css start */
#footer{width:100%; overflow:hidden; margin:0px auto; padding:10px 0px 15px 0px; background:#4a4b4c;}
	#footer .nav{width:1002px; margin:0 auto; overflow:hidden; text-align:center; position:relative; height:30px; border-bottom:1px dashed #b0b0b0; margin-bottom:10px;}
	#footer .nav ul{ position:absolute; left:0px; right:0px}
	#footer .nav li{ border-left:1px solid #b0b0b0; height:15px; overflow:hidden; padding:0px 15px; display:inline-block
	
	}
	#footer .nav li:first-child{ border:0px;}
	#footer .nav li a{ color:#b0b0b0;}
	#footer .nav li a:hover{ color:#fff}
	#footer p{ color:#fff; line-height:25px; text-align:center}
	
	.position{width:100%;height:41px; background:#000; position:fixed; left:0px; bottom:0px; z-index:1001;}			
	
	.pages{}
		.pages{height:35px; text-align:right; margin-right:30px}
		.pages a,.pages span{ padding:0px 10px; display:inline-block; line-height:30px; text-align:center; font-size:12px;color:#333333; border:1px solid #d1d1d1;}
		.pages a:hover,.page a.hover,.pages span{ border:1px solid #313a97; background:#c1c4ec; color:#fff}
		



* html, * html body{background-image:url(about:blank); background-attachment:fixed;}
/** html .h{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));} 悬浮与顶部*/
* html .position{position:absolute;bottom:0px;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
/*内嵌字体*/
@font-face{font-family: " your FontName "; src: url( /location/of/font/FontFileName.eot ); /* IE */ src: local(" real FontName "), url( /location/of/font/FontFileName.ttf ) format("truetype"); /* 非IE */}

.main{ width:1002px; margin:0 auto;overflow:hidden;}
.main-c-bg{ background:url(../images/main-c-bg.png) repeat-y}
.main .col{}
.main .col .col-1{ width:705px;}
.main .col .col-1 .content{ padding:15px 0px; line-height:23px}
.main .col .col-1 .content h2{ font-size:24px;  line-height:35px; padding:20px 0px 10px}
.main .col .col-1 .content h2.page_h2{border-bottom: 1px solid #e5e5ed;  }
.main .col .col-1 .content .info{border-bottom: 1px solid #e5e5ed; color: #666; height: 20px; line-height: 20px;  padding-bottom: 10px;}
.main .col .col-1 .content .info .hits{ color:#313a97 !important; padding-left:10px;}
.main .col .col-1 .content .desc{ text-indent:2em; padding:15px 0px 0px}
.main .col .col-1 .content .desc .d-img{ width:215px; height:255px; overflow:hidden; position:relative}
.main .col .col-1 .content .desc .d-img img{ width:215px; height:255px;}
.main .col .col-1 .content .desc .d-img .txt{ position:absolute; bottom:0px; background:#000; color: #fff; left: 0; padding: 5px 0; text-align: center; width: 100%; opacity:0.8}
.main .col .col-1 .content .desc .d-img .txt .t-title{ font-size:16px; font-weight:bold}
.main .col .col-1 .content .desc .d-desc{ width:470px; margin-left:15px; padding-bottom:15px;}

.main .col .col-1 .content .list{}
.main .col .col-1 .content .list li{ margin-bottom:15px; overflow:hidden}
.main .col .col-1 .content .list li .image{ width:158px; height:116px; overflow:hidden; margin-right:15px;}
.main .col .col-1 .content .list li .txt{ width: 500px; height:119px; overflow:hidden; line-height:23px; border-bottom:1px dashed #5a5a5a}
.main .col .col-1 .content .list li .txt .t-title{ font-size:14px;  font-weight:bold}
.main .col .col-1 .content .list li .txt .t-desc{ color:#5a5a5a; text-indent:2em;}
.main .col .col-1 .content .list li .txt .t-desc .more{ color:#f00}
.main .col .col-1 .content .list li .full{ width:100%; height:auto; overflow:hidden}
.main .col .col-1 .content .list li .full .t-desc{ padding-bottom:8px;}

.main .col .col-2{ width:295px; overflow:hidden}
.main .col .col-2 .child-nav{  margin-bottom:10px;}
.main .col .col-2 .child-nav h3{ font-size:20px; padding:5px 10px; border-bottom:1px solid #e3e3e3;}
.main .col .col-2 .child-nav p{ line-height:30px; border-bottom:1px solid #e3e3e3; padding:0px 10px;}
.main .col .col-2 .child-nav p a:hover{ color:#f7ad39}
.main .col .col-2 .child-nav p.cur,.main .col .col-2 .child-nav p.cur a{ color:#f7ad39}

.main .col .col-2 .col-2-top{}
.main .col .col-2 .col-2-top h3{ font-size:20px; padding:5px 10px; }
.main .col .col-2 .col-2-top li{ line-height:25px; padding:0px 10px}
.main .col .col-2 .col-2-top li a{ padding-left:8px;}
.main .col .col-2 .col-2-top li:hover,.main .col .col-2 .col-2-top li:hover a{ color:#f7ad39}

.k-list{ height:28px; line-height:28px;}
.k-list a{font-size:14px;font-family:Tahoma, Geneva, sans-serif;float:left;padding:0 8px;text-align:center}
.k-list a:hover{color:#FFF;background:#989696}
.k-list .act,.k-list .act:hover{background:#FFF;height:28px;border:1px solid #dbdee1;border-width:0 1px;color:red;font-weight:bold}

.partners-list li {float: left; font-size: 14px; line-height: 32px; width: 12%;}
.partners-list li a:hover{ color:#313a97}

.links{ width:100%}
.links li{ float:left; width:150px; height:130px; margin-top:15px; margin-left:20px;}
.links li:first-child,.links li:nth-child(7n){ margin-left:0px;}
.links li a:hover{ color:#313a97}
.links li img{ border:1px solid #ccc;}
.links li p{ line-height:30px; text-align:center}

.kefu{ width: 93px; height: 155px; overflow: hidden; position: fixed; right: 50px; top: 130px; z-index: 1000000}

