.titBox{ width:900px; margin:80px auto; text-align:center; background:url(../images/icon_01.png) no-repeat center top; padding-top:125px;box-sizing:initial;}
.titBo{ width:900px; margin:80px auto; text-align:center; background:url(../images/icon_01_1.png) no-repeat center top; padding-top:125px;box-sizing:initial;}
.titBox h2{ font-size:28px; font-weight:bold; color:#222; margin-bottom:40px;}
.titBox p{ font-size:13px; line-height:30px;}

.imgBox{ width:100%; position:relative;}
.imgBox .item{position:absolute; left:0; width:50%; height:100%;}
.imgBox .t2{ left:50%;}
.imgBox .item .pad{ width:180px; height:45px; position:absolute; left:50%; top:30%; margin-left:-90px; margin-top:-90px; display:block; /*background:url(../images/icon_02.png) no-repeat center top;*/ padding-top:00px; text-align:center; font-size:21px; color:#222;}
.imgBox .t2 .pad{/*background:url(../images/icon_03.png) no-repeat center top;*/}
.imgBox .item a{ margin-top:20px; text-align:center; font-size:13px; display:block; color:#222;}
.imgBox .item a span{ width:30px; height:2px; background:#21b3ba; width:30px; display:block; margin:0 auto; margin-top:10px;}

.imgBox .item a:hover span{width:50px;}
.imgBox .item a span,.imgBox .item a:hover span{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}
.infoBox{ margin:80px 0;}
.infoBox .tab{ margin-bottom:50px; text-align:center;}
.infoBox .tab a{ height:30px; line-height:30px; width:122px; display:inline-block; font-size:14px; color:#222; background-position:left 2px; background-repeat:no-repeat; text-indent:30px; margin-right:36px; cursor:pointer; padding-bottom:10px; border-bottom:2px solid #fff; box-sizing:initial;}
.infoBox .tab a.n1{ background-image:url(../images/icon_04_1.png);background-size: 35px}
.infoBox .tab a.n2{ background-image:url(../images/icon_05.png); text-indent:42px;background-size: 34px;}
.infoBox .tab a.on{ border-color:#21b3ba;}


.tabMain{ width:1236px; position:relative; left:-18px; display:none;}
.tabMain .tm li{ float:left; width:376px; margin:0 18px; margin-bottom:40px;position: relative;}
.tabMain .tm li .icon{
	position: absolute;
	top: 0;
	left:18px;
	width: 33px;
	height: 54px;
}
.tabMain .tm li .icon.icon1{
	background: url(../images/class_icon4.png) no-repeat center center;
	background-size:100% auto;
}
.tabMain .tm li .icon.icon2{
	background: url(../images/class_icon3.png) no-repeat center center;
	background-size:100% auto;
}
.tabMain .tm li .icon.icon3{
	background: url(../images/class_icon2.png) no-repeat center center;
	background-size:100% auto;
}
.tabMain .tm li .icon.icon4{
	background: url(../images/class_icon1.png) no-repeat center center;
	background-size:100% auto;
}
.tabMain .tm li .info{ padding-top:12px;}
.tabMain .tm li .info h3{ font-size:16px; color:#333; font-weight:bold; margin:6px 0 15px 0;}
.tabMain .tm li .info .tag span{ height:23px; line-height:21px; padding:0 12px 0 15px; border:1px solid #888; color:#666; font-size:12px; background:url(../images/icon_06.png) no-repeat 10px center; display:inline-block; float:left; text-indent:5px;}

.titleBox{ text-align:center; margin:50px 0;}
.titleBox h1{ font-size:28px; font-weight:bold; color:#000;}
.titleBox p{ margin:18px 0;}
.titleBox .tag span{ height:23px; line-height:21px; border:1px solid #888; color:#666; font-size:12px; background:url(../images/icon_06.png) no-repeat 10px center; display:inline-block; text-indent:5px; margin:0 auto; width:94px;}

.infoPage{ padding:30px 0; font-size:13px; line-height:24px; color:#333;}
.infoPage img{ margin:30px 0;}

.pageBox{ border-top:1px dotted #999; padding-top:15px; line-height:24px; margin-top:40px; padding-top:25px;}
.pageBox p{ margin:0 0 8px 0; color:#333;}
.pageBox p a{ color:#333;}
.pageBox p a:hover{ text-decoration:none;color:#000;}
.pageBox p.pre{ background:url(../images/icon_08.png) no-repeat left center; padding-left:12px;float: left;}
.pageBox p.next{ background:url(../images/icon_07.png) no-repeat left center; padding-left:12px;float: right;}

*{-webkit-box-sizing:inherit;box-sizing:inherit;}