@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; list-style: none; text-decoration: none; }
img{ border:none; }
h1,h2,h3,h4,h5{ font-weight: normal; }
body{ background: #fff; font-family: "微软雅黑"; }
a{ list-style: none;text-decoration: none;}

/* header */
.header{width: 100%;height: 85px;background:rgba(255,255,255,0.2);position: fixed; top: 0; }
.header_inner{width: 1200px;margin: 0 auto;}
.header_logo{float: left;}
.header .header_logo img{width:90px;margin-top:-7px;}

.nav_list{font-size: 12px;font-family: "宋体"; color: #fff;line-height: 16px; border-left: 1px solid #fff;float: left;margin: 25px 0 0 20px;padding-left:20px; }
.header_nav{float: right;padding-top:30px;}
.header_nav li{float: left;}
.header_nav li a{text-decoration: none; font-size: 16px;color: #fff; padding:0 25px 30px;  }
.header_nav li a:hover{border-bottom:4px solid #fff;}

/* 滑动后导航 */
.nav{width: 100%;height: 70px;background: #fff;position: fixed;top:0;z-index: 9999;}
.nav_inner{width: 1200px;margin: 0 auto;}
.nav_inner .header_logo{float: left;margin-top: 17px;}
.nav_list2{font-size: 12px;font-family: "宋体"; color: #333;line-height: 16px; border-left: 1px solid #333;float: left;margin: 20px 0 0 20px;padding-left:20px; }
.header_nav2{float: right;}
.header_nav2 li{float: left;}
.nav_inner .header_nav2 li a{text-decoration: none; font-size: 16px;color: #333; padding:0 25px 24px; line-height: 70px; }
.header_nav2 li:hover{background-color:#be1528;color: #fff;}
.header_nav2 li a:hover{color: #fff;}
.header_nav2 .current{background-color:#be1528;}




/*banner*/
.banner{ width: 100%; background: url(../images/qy/banner.jpg) no-repeat center; height: 500px; }



/*----内容导航-----*/
.con-list{width:1200px;height:86px;border-bottom:1px solid #d8d8d8;margin:0 auto;}
.con-list ul li{display:inline-block;height:86px;float:left;margin-right: 57px;}
.con-list ul li a{display:inline-block;height:84px;font-size:26px;line-height:84px;color:#4c4948;}
.con-list ul li a img{display:inline-block;float:left;margin-top:28px;margin-right: 15px;}
.con-list ul li a img:nth-of-type(2){display:none;}

.con-list1 a{color:#be1528 !important;border-bottom:4px solid #be1528;}
.con-list1 a img{display:inline-block;float:left;margin-top:28px;margin-right: 15px;}
.con-list1 a img:nth-of-type(1){display:none !important;}
.con-list1 a img:nth-of-type(2){display:block !important;}


.con-list ul li a:hover{color:#be1528;border-bottom:4px solid #be1528;}
.con-list ul li a:hover img:nth-of-type(1){display:none;}
.con-list ul li a:hover img:nth-of-type(2){display:block;}




.li-bg{background:url(../images/qy2/hot1_03.jpg) no-repeat right 20px;padding-right: 30px;}


/*-----新闻---*/
.con-new{width:1200px;height:auto;overflow: hidden;margin:60px auto;}

.new{width:360px;height:auto;float:left;margin-right: 40px;}
.new h2{display:block;width:100%;height:20px;font-weight: normal;}
.new h2 i{display:inline-block;height:18px;width: 4px;background:#be1528;float:left;margin-top:1px;}
.new h2 span{display:block;height:20px;font-size:18px;color:#4c4948;float:left;margin-left:8px;line-height: 20px;}

.new-con{width:358px;height:404px;border-radius: 4px;border:1px solid #d0d0d0;margin:29px auto 0 auto;overflow: hidden;}
.new-con img{width:100%;display: block;}

.new1{width:94%;height:auto;overflow: hidden;margin:20px auto 0 auto;}
.new1 li{width:100%;height:36px;line-height: 36px;background:url(../images/qy2/li-icon1_11.jpg) no-repeat left center;}
.new1 li a{display: block;width: 90%;height:36px;font-size:16px;color:#4c4948;float:right;  white-space:nowrap;	overflow:hidden;text-overflow:ellipsis !important; 

}

/*.new1 li a:hover{color:#be1528;}*/

.new2 li{width:100%;height:36px;line-height: 36px;background:url(../images/qy2/li-icon2_14.jpg) no-repeat left center;}
.new2 li a{display: block;width: 94%;height:36px;font-size:16px;color:#4c4948;float:right;  white-space:nowrap;	overflow:hidden;text-overflow:ellipsis !important; 

}


.new3 li{width:100%;height:36px;line-height: 36px;background:url(../images/qy2/li-icon3_11.jpg) no-repeat left center;}
.new3 li a{display: block;width: 90%;height:36px;font-size:16px;color:#4c4948;float:right;  white-space:nowrap;	overflow:hidden;text-overflow:ellipsis !important; 

}


.con-new .new:nth-last-of-type(1){float:right;}


/*------精品课程-----*/
.con-kc{width:1200px;height:auto;margin:0 auto 40px auto;overflow: hidden;}

.con-nav{display:block;width:1200px;height:20px;font-weight: normal;margin:0 auto;}
.con-nav i{display:inline-block;height:18px;width: 4px;background:#be1528;float:left;margin-top:1px;}
.con-nav span{display:block;height:20px;font-size:18px;color:#4c4948;float:left;margin-left:8px;line-height: 20px;}

.con-kc1{ width:1200px; margin:0 auto;}

.con-kc1 .hd{display:block;height:42px;margin-top:26px;}
.con-kc1 .hd ul{float:left;}
.con-kc1 .hd ul li{width:120px;height:40px;border:1px solid #dcdcdc;cursor: pointer; text-align:center;background:#f7f8fa;font-size:18px;color:#4c4948;line-height:40px;float:left;border-right: none;position: relative;}

.con-kc1 .hd ul li i{display:block;width:100%;height:3px;background:#be1528;position: absolute;bottom:0;left:0;display: none;}

.con-kc1 .hd ul li:nth-last-of-type(1){border-right:1px solid #dcdcdc;}

.con-kc1 .hd ul li.on{background:#fff;border-bottom:1px solid #be1528;}
.con-kc1 .hd ul li.on i{display:block;}


.con-kc1 .bd ul{width:1200px;height:auto;overflow: hidden;margin:35px auto;}
.con-kc1 .bd li{width:280px;height:380px;border:1px solid #dcdcdc;float:left;margin-right: 24px;}

.con-kc1 .bd li:nth-last-of-type(1){float:right;margin-right: 0;}

.con-kc-con img{display:block;margin:0 auto;}
.con-kc-con b{display:block;width:100%;height:30px;font-size:18px;color:#4c4948;font-weight: normal;text-align: center;line-height:30px;margin:0px auto 0 auto;}
.con-kc-con p{display:block;width:96%;font-size:14px;line-height:26px;color:#727171;text-align: center;margin:20px auto 0 auto;overflow: hidden;}


.tablebox{width: 100%;height: 110px;display: table;}
.imgbox{display: table-cell;vertical-align: middle;}



/*------案例-----*/
.con-al2{width:1200px;height:auto;margin:0 auto 40px auto;overflow: hidden;}


.con-al{ width:1200px; margin:0 auto;}

.con-al .hd{display:block;height:42px;margin-top:26px;}
.con-al .hd ul{float:left;}
.con-al .hd ul li{width:120px;height:40px;border:1px solid #dcdcdc;cursor: pointer; text-align:center;background:#f7f8fa;font-size:18px;color:#4c4948;line-height:40px;float:left;border-right: none;position: relative;}

.con-al .hd ul li i{display:block;width:100%;height:3px;background:#be1528;position: absolute;bottom:0;left:0;display: none;}

.con-al .hd ul li:nth-last-of-type(1){border-right:1px solid #dcdcdc;}

.con-al .hd ul li.on{background:#fff;border-bottom:1px solid #be1528;}
.con-al .hd ul li.on i{display:block;}


.con-al .bd ul{width:1200px;height:auto;overflow: hidden;margin:35px auto;}
.con-al .bd li{width:280px;height:520px;border:1px solid #dcdcdc;float:left;margin-right: 24px;}

.con-al .bd li:nth-last-of-type(1){float:right;margin-right: 0;}

.con-al-con img{display: block;width:100%;margin:10px auto;}
.con-al-con i{display:block;width:84px;height:4px;background:#be1528;margin:0px auto 12px auto;}
.con-al-con p{display:block;width:90%;height:auto;font-size:16px;color:#4c4948;line-height:35px;margin:0 auto 0 auto;}

/*------服务体系----*/
.con-tx{width:1200px;height:auto;overflow: hidden;margin:0 auto 40px auto;}

.con-tx2{width:1200px;height:auto;overflow: hidden;margin:35px auto;font-size:14px;line-height: 30px;color:#4c4948;text-indent: 28px;}
.con-con{width:1200px;height:152px;margin:0 auto;overflow: hidden;}


.con-con1{width:232px;height:150px;border:1px solid #b5b5b5;float:left;position: relative;cursor: pointer;margin: 0 3px;}
.con-con1 img{display:block;margin:44px auto 16px auto;}
.con-con1 b{display:block;width:100%;font-size:18px;text-align: center;color:#4c4948;font-weight: normal;margin: 0 auto;}

.con-con1 p{display:block;width:232px;height:150px;border:1px solid #be1528;background:#fff;position: absolute;top:-155px;left:-1px;z-index: 2;}
.con-con1 p span{display:block;width:90%;font-size:14px;line-height: 26px;color:#4c4948;margin:10px auto;}


/*----关于我们----*/

.con-about{width:1200px;height:auto;overflow: hidden;margin:35px auto;}

.con-about p{width:1200px;height:auto;font-size:14px;line-height: 30px;color:#4c4948;text-indent: 28px;margin-bottom:20px;}

.con-about1{width:100%;height:160px;background:#f7f8f8;margin:0 auto;}
.con-about-con{width:1200px;height:160px;margin:0 auto;overflow: hidden;}

.con-about1 p{display:block;width:644px;font-size:14px;line-height: 30px;color: #595757;text-align: right;margin-top:60px;float:left;}
.con-about1 dl{float:right;position:relative;}

.con-about1 dl dt{width:499px;height:160px;overflow: hidden;}

.con-about1 dl dt img{	width: 100%;	transition: transform .6s;}
.con-about1 dl:hover dt img{	transform: scale(1.1);}
.con-about1 dl dd{width:100%;height:160px;position: absolute;top:0;left:0;z-index: 1;}
.con-about1 dl dd img{margin: 35px 0 0 0;}


.con-about2{width:100%;height:160px;background:#f7f8f8;margin:60px auto 0 auto;}
.con-about-con{width:1200px;height:160px;margin:0 auto;overflow: hidden;}

.con-about2 p{display:block;width:644px;font-size:14px;line-height: 26px;color: #595757;margin-top:20px;float:right;}

.con-about2 dl{float:left;position:relative;}

.con-about2 dl dt{width:499px;height:160px;overflow: hidden;}

.con-about2 dl dt img{	width: 100%;	transition: transform .6s;}
.con-about2 dl:hover dt img{	transform: scale(1.1);}
.con-about2 dl dd{width:100%;height:160px;position: absolute;top:0;left:0;z-index: 1;}
.con-about2 dl dd img{margin: 35px 0 0 0;float: right;}

/*-----联系我们----*/

.con-lx{width:1200px;height:auto;overflow: hidden;margin: 0 auto 60px auto;}
.con-lx dl{width:722px;height:50px;float:left;margin-top:60px;}
.con-lx dl dt{width:50px;height:50px;float: left;}
.con-lx dl dt img{margin:0 auto;}

.con-lx dl dd{float:left;width: 650px;height:50px;margin: 0 0 0 20px;}
.con-lx dl dd b{display:block;width:100%;font-weight: normal;font-size:18px;}
.con-lx dl dd p{display:block;width:100%;font-size:16px;padding-top:5px;}

.lx-right{width:124px;float:right;text-align: center;margin-top:60px;}
.lx-right img{display:block;width:122px;border:1px solid #dcdcdc;}
.lx-right b{display:inline-block;width:100%;height:33px;font-size:14px;line-height: 33px;background:#be1528;border-radius: 5px;color:#fff;margin-top:10px;}


/*footer*/
.footer{ width:100%; background:#be1528; height:330px;}
.footer_s{ width:1200px; margin:0 auto; overflow:hidden;}
.footer_left{ width:300px; float:left; margin-top:87px; margin-left:100px;overflow:hidden;}
.footer_left li{ float:left; margin-right:90px; color:#fff; font-size:14px; line-height:30px;}
.footer_left li:hover{ color:#fff; text-decoration: underline;}
.footer_right{ width:300px; float:left; margin-top:40px; margin-left:425px;overflow:hidden;}
.footer_right p{ font-size:12px; line-height:25px; color:#fff;}
.footer_right .ewm{ margin-top:15px;}
.footer_right .phone_left{ float:left; margin-top:10px;}
.footer_right .phone_right{ float:left; color:#fff; font-size:14px; margin-left:10px; line-height:20px;}




::-webkit-scrollbar {/*Chrome适用*/
	width: 10px;
	height: 1px;
	}
::-webkit-scrollbar-thumb {/*滚动条*/
	border-radius: 10px;
	background: #959da9;
	}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
	border-radius: 10px;
	background: #dce1e6;
	opacity: 0.7;
	}

.fleft {
	float: left
	}
.fright {
	float: right
	}
.clear {
	clear: both
	}
.Col3 {
	width: 33%;
	}
.Top {
	position: fixed;top:25%;left:0;z-index: 10000;
	width: 200px;
	height: 200px;
	
	}

.NavMenu { /*所有产品*/
	background:url(../images/qy2/kc.jpg) no-repeat center;background-size: 100% auto;
	width: 50px;
	height: 200px;
	float: left;
	}

.NavMenu .SubMenu { /*子菜单*/
	border-right: 1px solid rgba(120,130,150,.2);
	width: 210px;
	background: #ECEDEF;
	position: fixed;
	
	bottom: 0;
	left: -212px;
	z-index: 10000;
	animation: fadeIn 0.2s;
	transition: 0.2s;
	}
.NavMenu:hover .SubMenu {
	left: 0;
	top: 0px;
	transition: 0.2s;
	z-index: 10;
	}
.NavMenu:hover .SubMenu:before,
.NavMenu:hover .SubMenu ul:before { /*加大甜区*/
	content: "";
	position: absolute;
	width: 100%;
	left: 210px;
	bottom: 0;
	top: 0;
	}
.NavMenu .SubMenu ul {
	padding: 20px 0 0 0;
	}
.NavMenu .SubMenu li {
	border-bottom: 1px solid rgba(120,130,150,.15);
	line-height: 48px;
	text-align: left;
	padding: 0 32px 0 20px;
	list-style: none
	}
.NavMenu .SubMenu li:first-child {
	border-top: 1px solid rgba(120,130,150,.15);
	}
.NavMenu .SubMenu .arrow {
	background:url(../images/qy2/nav_2.png) center right 10px no-repeat;
	background-size: 6px;
	transition: 0.2s;
	
	}
.NavMenu .arrow:hover {
	background:url(../images/qy2/nav_2h.png) #ffecee no-repeat center right 5px !important;
	color: #be1528 !important;
	}
.NavMenu .SubMenu a {
	color: #232c45;
	width: 100%;
	height: 100%;
	display: block;
	}
.NavMenu .SubMenu li:hover {
	background-color: rgba(120,130,150,.2);
	}
.NavMenu .SubMenu li a:hover {
	color: #232c45;
	}


.NavMenu .SubMenu li ul { /*二级菜单*/
	border-right: 1px solid rgba(120,130,150,.2);
	box-shadow: 0 0 10px rgba(120,130,150,.1);
	background: #F6F7F8;
	top: 0;
	bottom: 0;
	left: 210px;
	width: 210px;
	position: absolute;
	display: none;
	transition: 0.2s
	}
.NavMenu .SubMenu li:hover ul {
	animation: fadeIn2 0.2s;
	display: block
	}
.NavMenu .SubMenu .PopMenu {
	width: 300px;
	left: 210px;
	bottom: 0;
	top: 0;
	padding: 10px 20px;
	position: absolute;
	border-right: 1px solid rgba(120,130,150,.2);
	background: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	display: none
	}

.NavMenu li li:hover .PopMenu {
	display: block;
	}
.NavMenu .SubMenu .PopMenu ul {
	background: none;
	border: none;
	box-shadow: none;
	position: relative;
	left: 0;
	}
.NavMenu .SubMenu .PopMenu a {
	font-size:16px;display: block;width:100%;height:48px;line-height:48px;color:#333;
	
	
	}
.NavMenu .SubMenu .PopMenu a:hover {
	color: #be1528;
	}


.NavMenu .PopMenuList {
	
	position: absolute;
	left: 10px;
	right: 0px;
	top: 0px;
	bottom: 10px;
	overflow: auto;
	width: 300px;
	
	}


.FadeIn { /*出现*/
	animation: fadeIn 0.2s;
	}
@keyframes fadeIn {
	0% {
		transform: translate3d(-100%, 0, 0)
		}
	to {
		transform: none
		}
	}
@keyframes fadeInX {
	0% {
		transform: translate3d(0, 10%, 0)
		}
	to {
		transform: none
		}
	}
@keyframes fadeIn2 {
	50% {
		transform: translate3d(-10%, 0, 0);
		}
	to {
		transform: none;
		}
	}

.list3{width: 90%;padding-top:20px;margin:0 auto;}




















