@charset "gb2312";
* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "\5b8b\4f53", "微软雅黑", 'STHeiti', "SimHei", "黑体";
	font-weight: normal;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	border: none;
}
a img {
	border: none;
}
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #313fa8;
	text-decoration: underline;
}
a:active {
	color: #333333;
}
p{
	color: #333;
	font-size: 12px;
}
table {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
table th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}
table td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}
strong{
	font-weight:bold;
	}
.container:after,.i-container:after,#top:after,.qualification-more:after,.qualification-list:after,.about:after,.odds-list:after,.cases-list:after,#environment:after,.i-contact:after,.i-environment:after{
	content: "";
	display: table;
	clear: both;
}
body {
	background: #fff;
}
/*动画*/
.not-animated { opacity:0; }
.container{
	width:1200px;
	margin:0 auto;
	}
.i-container{
	position:relative;
	width:1200px;
	margin:0 auto;
	}
#top{
	width:100%;
	min-width:1200px;
	background-color:#fff;
	}
.logo{
	width:325px;
	padding:10px 0;
	float:left;
	}

.nav{
	padding-top:36px;
	float:right;
	}
.nav>li{
	position:relative;
	padding:0 18px;
	float:left;
	}
.nav>li>a{
	position:relative;
	display:inline-block;
	font-size:15px;
	text-shadow: 0 1px 0 #fff;
	padding:0 7px 0 7px;
	}
.nav>li>a.cur{
    color: #313fa8;
	}

.nav-line{
	border-right:1px solid #eee; 
	height:20px;
	float:left;
	}
.nav>li>a:hover{
	text-decoration:none;
	}

.down-menu{
	display:none;
	position:absolute;
	padding-top:10px;
	width:104px;
	left:0;
	right:0;
	margin:auto;
	z-index:999;
	}
.down-menu-list{
	padding:7px 0;
	background:rgba(49, 63, 168,0.6) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	background:#313fa8;
	filter:Alpha(opacity=60);/*实现IE背景透明*/
	border-radius:0 0 5px 5px;
	}
.down-menu-list a{
	display:block;
	color:#f9f9f9;
	border-bottom: 1px solid #b4b9e6;
	font-size:13px;
	padding:7px 0;
	text-align:center;
	}
.down-menu-list a:hover{
	color:#fff;
	background:#353d79;
	text-decoration:none;
	}
.down-menu-list a:last-child{
	border-bottom:none;
	}



.nav>li>a span{
	color:#333;
	padding:0 3px;
	font-size:15px;
	}
.nav>li>a div{
	width:0;
	border-bottom:3px solid #116038;
	transition:all 0.3s ease-in-out;
	margin:29px auto 0 auto;
	}

.nav>li>a:hover span,.nav>li:hover span,.nav>li>a.cur span{
	color:#116038;
	}
.nav>li>a:hover div,.nav>li:hover>a>div, .nav>li>a.cur div{
	width:100%;
	}
#banner{
	  min-width:1200px;
	  min-height:400px;
	}
#banner-img img{
	}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
/*  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
*/  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img{
	display: block;
	}
.swiper-button-next, .swiper-button-prev {
	display: none;
}
.swiper-banner:hover .swiper-button-next, .swiper-banner:hover .swiper-button-prev {
	display: block;
}
.swiper-button-prev {
	left: 30px !important;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-button-next {
	right: 30px !important;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-button-next, .swiper-button-prev {
	width: 18px !important;
	height: 29px !important;
	background-size: 18px 29px !important;
}
#banner:hover .swiper-button-next, #banner:hover .swiper-button-prev {
	display: block;
}
.swiper-button-prev:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fd8103'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-button-next:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fd8103'%2F%3E%3C%2Fsvg%3E") !important;
}
.banner-paper {
	position: absolute;
	height: 3px;
	line-height: 0;
	bottom: 35px !important;
	left: 0;
	right: 0;
	text-align: center;
}
.banner-paper .swiper-pagination-bullet {
	width: 40px;
	height: 3px;
	position: relative;
	line-height: 3px;
	border-radius: 0;
	background: #fff;
	opacity: 1;
}
.banner-paper .swiper-pagination-bullet:before {
	position: absolute;
	width: 40px;
	height: 30px;
	content: '';
	left: 0;
	top: -10px;
}
.banner-paper .swiper-pagination-bullet-active {
	background: #f10f0f;
}
.tit{
	text-align:center;
	
	}
.tit h2{
	font-size:24px;
	font-weight:bold;
	}
.tit p{
	font-size:13px;
	text-align:center;
	letter-spacing:1px;
	margin-top:20px;
	}
.about{
	padding-top:40px;
	}

.contact{
	width:484px;
	height:312px;
	float:left;
	}
.contact-info{
	margin:0 -10px 0 -10px;
	}
.contact-info li{
	width:227px;
	margin:0 10px 20px 10px;
	padding:23px 0;
	background:#f7f7f7;
	float:left;
	}
.contact-info li span{
	display:block;
	height:45px;
	text-align:center;
	}
.contact-info li span img{
	width:35px;
	}

.contact-info li p.c_info{
	color:#6f6f6f !important;
	font-size:16px;
	margin-bottom:10px;
	text-shadow:0 1px 0 #fff;
	}
.contact-info li p{
	color:#000;
	font-size: 16px;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	}
.about-hd{
	width:680px;
	float:right;
	}
.about-line{
	width:30px;
	margin:10px 0;
	border-bottom:2px solid #313fa8;
	}
.about-tit{
	padding-bottom:12px;
	border-bottom:1px solid #eee;
	}
.about-tit h2{
	font-size:20px;
	margin-bottom:10px;
	}
.about-tit p{
	font-size:13px;
	}
.about-content{
	padding-top:12px;
	
	}
.about-content p{
	color:#6B6B6B;
	font-size:14px;
	margin-bottom:8px;
	line-height:24px;
	text-align: justify;
	}

#odds{
	min-width:1200px;
	padding:50px 0;
	background:#fff;
	}
.odds-list{
	min-width:1200px;
	padding-top: 80px;
	margin:0 -10px;
}
	
.odds-list dl{
	position:relative;
	width:265px;
	height:200px;
	padding:10px 10px;
	margin:0 10px;
	background:#f5f5f5;
	float:left;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.odds-list dl:hover{
	-webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-box-shadow:0 5px 10px #ccc;
    box-shadow: 0 5px 10px #ccc;
	}
.odds-list dl dt{
	position:absolute;
	width:80px;
	height:80px;
	border-radius:42px;
	border:2px solid #fff;
	margin:0 auto;
	background:#313fa8;
	top:-42px;
	left:0;
	right:0;
	overflow:hidden;
}
.odds-list dl:hover dt{
	background:#c2c8fb;
	}
.odds-list dl dt img{
	position:absolute;
	width:80px;
	top:0;
	left:0;
	right:0;
	margin:auto;
	transition:all 0.3s ease;
	}
.odds-list dl:hover dt img{
	top:-80px;
	}
.odds-list dl dd{
	padding:60px 20px 0 20px;
}
.odds-list dl dd h3{
	font-size:16px;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	}
.odds-list dl dd p{
	margin-top:15px;
	font-size:13px;
	color:#7B7B7B;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	line-height:24px;
	}
#digital{
	position: relative;
	margin: 40px 0;
	height: 200px;
	background-image:url(/images/HituxBlue/digital-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    overflow: hidden;
	}
.slide-full {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 10;
    background: rgba(0,0,0,.88);
}
.mid-banner-full{
	background: rgba(35, 48, 216, 0.4) !important;
}
.mid-banner-box{
	height: 200px;
}

.table-box{
	display: table;
    width: 100%;
    height: 100%;
}
.table-cell{
	display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.mid-banner-list{
	position: relative;
    z-index: 99;
    margin: 0 -5%;
	overflow: hidden;
}
.mid-banner-list dl{
	width: 25%;
	text-align: center;
	float: left;
	
}
.mid-banner-list .line{
	display: inline-block;
	width: 1px;
    height: 90px;
    background: #e8c29f;
    margin-top: 10px;
}
.mid-banner-list dl dt{
    text-align: center;
    width: 175px;
    margin: 0 auto 10px auto;
}
.mid-banner-list dl dt .num{
	position: relative;
	display: inline-block;
	padding: 0 15px 0 15px;
	margin: 0 auto 0 auto;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}
.mid-banner-list dl dt .num span{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
	text-shadow: 0 0 5px #4f5280;
}
.no-1{
	width: 115px !important;
}
.plus{
	position: absolute;
	font-size: 21px;
	color: #fff;
	right: 0;
	top: 0;
	font-family: Times, Times New Roman, serif
	
}
.mid-banner-list dl dt img{
	display: block;
	width: 40px;
	margin: 10px auto;
}
.mid-banner-list dl dd{
	padding: 0 14px;
	font-size: 15px;
	line-height: 22px;
	color: #fff;
}
#product{
	padding:50px 0;
	background:#fff;
	}
.product-list{
	min-width:1200px;
	padding-top:40px;
	margin:0 -10px;
	}
.product-list dl{
	width:285px;
	margin:0 10px;
	float:left;
	}
.product-list dl dt{
	height:163px;
	overflow:hidden;
	}
.product-list dl dt img{
	display:block;
	width: 100%;
	-webkit-transition: transform 0.7s ease-out;
    -moz-transition: transform 0.7s ease-out;
    -ms-transition: transform 0.7s ease-out;
    -o-transition: transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
		}
.product-list dl:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	}
.product-list dl dd{
	font-size:14px;
	padding:15px 0;
	text-align:center;
	background:#f5f5f5;
	text-shadow:0 1px 0 #fff;
	}
.product-list dl:hover dd{
	color:#313fa8;
	}
.swiper-raduis{
	padding-bottom:60px;
	}
#product .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin:0 7px !important;
	display: inline-block;
	border-radius: 50%;
	background: #313fa8;
}
#product .swiper-pagination-bullet-active{
	opacity: .9;
	}
#product .swiper-pagination-bullet-active:after {
	display:none;
}

#product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 6px !important;
}
#product .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:0;
	}
#qualification{
	position:relative;
	padding:50px 0;
	min-width:1200px;
	background:#f3f3f3;
	background:url(/images/HituxBlue/qualification-bg.jpg) no-repeat;
	overflow:hidden;
	z-index:5;
	}
.qualification-full{
	background: rgba(245, 247, 255, 0.85) !important;
}
.qualification-box{
	position: relative;
	z-index: 100;
}
.qualification-list{
	padding-top:40px;
	margin:0 -10px;
	}
.qualification-list dl{
	position:relative;
	width:285px;
	height:225px;
	margin:0 10px;
	background:#fff;
	overflow:hidden;
	border-bottom: 2px solid #7d8bef;
	border-radius: 0 0 3px 3px;
	float:left;
	}

.qualification-list dl:hover dt img{
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
.qualification-list dl dt{
	width:285px;
	height:180px;
	overflow:hidden;
	}
.dt-bg{
	position:absolute;
	width:285px;
    height: 108px;
	margin-top: 108px;
	 background-color:#7d8bef;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
	left:0;
	right:0;
	top:180px;
	z-index:9;
	}
.qualification-list dl:hover .dt-bg{
	margin-top:0;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
	}
.qualification-list dl:hover dd{
    position: absolute;
    left: 0;
    right: 0;
    height: 48px;
    z-index: 99;
	background: none !important;
	}
.qualification-list dl:hover dd h3,.qualification-list dl:hover dd p{
	color:#fff;
	}
.qualification-list dl dt>img{
	width:285px;
	height:180px;
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -ms-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

.qualification-list dl dd{
    height: 45px;
    padding: 10px;
    background: #f7f7f7;
}
.qualification-list dl dd h3{
	font-size:14px;
	margin-bottom:10px;
	text-align: center;
	
	}
.qualification-list dl dd p{
	font-size:13px;
	}
.qualification-more{
	padding-top:50px;
	text-align:center;
	}
.qualification-more a{
	font-size:13px;
	padding:10px 15px;
	border:1px solid #7d8bef;
	color:#616161;
	background:#f3f3f3;
	border-radius:5px;
	text-shadow:0 1px 0 #fff;
	}
.qualification-more a:hover{
	color:#fff;
	background:#7d8bef;
	text-shadow:none;
	}
.platform_advantage_bg {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.platform_advantage_bg_z {
	position:absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:-1;
}
.platform_advantage_bg li {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(255, 169, 186, .15);
	bottom: -160px;
	-webkit-animation: square 28s infinite;
	animation: square 28s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}
.platform_advantage_bg_z li {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(255, 169, 186, .15);
	bottom: -300px;
	-webkit-animation: square_z 22s infinite;
	animation: square_z 22s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}
.platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) {
	left: 10%
}
.platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) {
	left: 20%;
	width: 80px;
	height: 80px;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
	-webkit-animation-duration: 17s;
	animation-duration: 17s
}
.platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) {
	left: 25%;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms
}
.platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	background: rgba(255, 169, 186, .25);
}
.platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) {
	left: 70%
}
.platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) {
	left: 80%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	background: rgba(255, 169, 186, .2);
}
.platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) {
	left: 32%;
	width: 100px;
	height: 100px;
	-webkit-animation-delay: 7s;
	animation-delay: 7s
}
.platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) {
	left: 55%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s
}
.platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) {
	left: 25%;
	width: 10px;
	height: 10px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s;
	background: rgba(255, 169, 186, .3);
}
.platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) {
	left: 90%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 11s;
	animation-delay: 11s
}
 @-webkit-keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @-webkit-keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}
 @keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}

#cases{
	padding:40px 0 60px 0;
	background:#fff;
	border-bottom:1px solid #F3F3F3;
	}
.cases-list{
	padding-top:40px;
	margin:0 -10px;
	}
.cases-list dl{
	width:590px;
	height:163px;
	margin:0 10px 20px 10px;
	float:left;
	background:#F9F9F9;
	transition:all 0.3s ease-in;
	}
.cases-list dl:hover{
	cursor:pointer;
	background:#7d8bef;
	}
.cases-list dl:hover a{
	color:#333;
	}
.cases-list dl dt{
	width:290px;
	height:163px;
	float:left;
	}
.cases-list dl dt img{
	width:290px;
	height:163px;
	}
.cases-list dl dd{
	width:270px;
	height:140px;
	float:left;
	padding:20px 15px;
	}

.cases-list dl dd h2{
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
	text-shadow:0 1px 0 #fff;
	}
.cases-list dl dd p{
	font-size:13px;
	text-shadow:0 1px 0 #fff;
	}
.cases-list dl dd p span{
	font-size:24px;
	font-weight:bold;
	}

.cases-more{
	padding-top:40px;
	text-align:center;
	}
.cases-more a{
	font-size:13px;
	padding:10px 25px;
	border:1px solid #7d8bef;
	color:#616161;
	background:#f9f9f9;
	border-radius:5px;
	text-shadow:0 1px 0 #fff;
	}
.cases-more a:hover{
	color:#fff;
	background:#313fa8;
	text-shadow:none;
	}
#environment{
	padding:40px 0;
	background:#fff;
	}
.container_image {
	position: relative;
	width: 1200px;
	height: 475px;
	padding-top:50px;
	margin: 0 auto;
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}
.add {
	background: url(/images/HituxBlue/a_more.png) no-repeat 0 0;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 30px;
	z-index: 4;
	cursor: pointer;
	display: none;
}
.container_image .i_btn {
	display: block;
	position: absolute;
	top: 225px;
	z-index: 3;
    width: 35px;
    height: 48px;
    cursor: pointer;
    transition: background-color ease-in .3s;	
	
}
.container_image .prev_L:hover,
.container_image .next_R:hover {
    background-color: rgba(49,63,168,.7);
}
.container_image .prev_L {
	left: 136px;
    background: rgba(49,63,168,.5) url("/images/HituxBlue/prev.png") center;
}
.container_image .next_R {
	right: 136px;
    background: rgba(49,63,168,.5) url("/images/HituxBlue/next.png") center;
}
.slide_img {
	height: 400px;
	position: relative;
	z-index: 1;
}
.slide_img li {
	overflow: hidden;
	position: absolute;
	top: 15px;
}
.slide_img li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	height: 425px;
}
.slide_img li a img {
	position: absolute;
	height: 100%;
}
.slide_img li.on a {
	height: 455px !important;
}
.slide_img li.on {
	width: 810px;
	left: 195px;
	top: 0;
	box-shadow: 0 0 5px #b0b0b0;
	overflow: hidden;
}
.slide_img li.on img {
	width: 100%;
}
.slide_img li.left {
	left: 0;
}
.slide_img li.right {
	left: 1000px;
}
.slide_img li.mid {
	left: 195px;
}
.slide_img li:hover.on .bg{
	background:rgba(49,63,168,0.7) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	background:#313fa8;
	filter:Alpha(opacity=70);/*实现IE背景透明*/
	}
.slide_img li:hover.on .bg p{
	color:#fff;
	}
.slide_img li .bg {
	width: 100%;
	padding:10px 0;
	background:rgba(0,0,0,0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	background:#000;
	filter:Alpha(opacity=50);/*实现IE背景透明*/
	position: absolute;
	left:0;
	right:0;
	bottom: 0;
	z-index: 0;
	display:none;
}
.slide_img li .bg p{
	padding-left:20px;
	color:#fff;
	font-size:16px;
	}
#news{
	padding:40px 0;
	background:#f5f5f5;
}
.news-list{
	margin: 0 -10px;
	margin-top: 30px;
	height: 150px;
}
.news-list li{
	width: 285px;
	margin: 0 10px;
	float: left;
}
.news-list li a{
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	text-shadow: 0 1px 0 #fff;
}
/*内页*/
#i-banner{
	position:relative;
	min-width:1200px;
	height:400px;
	overflow:hidden;
	}
#i-banner img{
	position:absolute;
	width:1920px;
	height:400px;
	margin-left:-960px;
	left:50%;
}
#inner{
	padding:30px 0;
	}
.i-tit{
	text-align:center;
	}
.i-tit h2{
	color:#333;
	font-size:18px;
	text-shadow:0 1px 0 #fff;
	}
.i-tit p{
	font-size:13px;
	}

.i-line{
	width:33px;
	margin:15px auto 20px auto;
	border-bottom:3px solid #7d8bef;
	}
.i-sort-nav{
	text-align:center;
	}
.i-sort-nav li{
	display:inline-block;
	margin:0 10px;
	}
.i-sort-nav li a{
	display:block;
	font-size:13px;
	border-radius:5px;
	padding:6px 12px;
	text-shadow:0 1px 0 #fff;
	background:#f6f6f6;
	}
.i-sort-nav li.current a{
	color: #313fa8;
	}
.i-content{
	padding-top:30px;
	}
.i-content p{
	font-size:15px;
	margin-bottom:20px;
	line-height:24px;
	}
.i-about-img-list{
	
	}
.i-about-img-list li{
	width:385px;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	}
.i-about-img-list li img{
	display:block;
	width:385px;
	}
.i-about-img-list li:nth-child(3n){
	margin-right: 0;
	}
.i-pic {
    text-align: center;
}

/*学员作品*/
.i-product{
	overflow: hidden;
	}
.i-product dl{
	margin-bottom:20px;
	}
.i-product dl:hover{
	cursor:pointer;
	}
.i-qualification dl{
	margin-bottom:20px;
	}
.i-qualification dl dd{
	background:#f7f7f7;
	}
.i-qualification dl:hover dd{
	background:none;
	}
/*课堂剪影*/
.i-environment{
	padding-top:30px;
	margin:0 -10px;
	}
.i-environment dl:hover a{
	color:#333;
	}
.i-environment-more{
	padding-top:0 !important;
	}
.i-environment dl{
	width:285px;
	margin:0 10px 20px 10px;
	float:left;
	}

.i-environment dl dt{
	width:285px;
	height:160px;
	overflow:hidden;
	}
.i-environment dl dt img{
	display:block;
	width:285px;
	-webkit-transition: transform 0.7s ease-out;
    -moz-transition: transform 0.7s ease-out;
    -ms-transition: transform 0.7s ease-out;
    -o-transition: transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
	}
.i-environment dl dd{
	font-size:13px;
	text-align:center;
	padding:10px 0;
	text-shadow:0 1px 0 #fff;
	background:#f7f7f7;
	}
.i-environment dl:hover dd{
	color: #fff;
	background:#7d8bef;
	text-shadow: none !important;
	}
.i-environment dl:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	}
.pro-tit{
    padding-top: 10px;
    padding-bottom: 20px;
	}
.pro-tit h1{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	}
/*图片浏览列表*/
/*wrapper*/

#picSlideWrap {
	padding-bottom: 30px;
}
.imgnav {
	position: relative;
	margin: 0 auto;
	width: 1200px;
}
#img {
	z-index: 10;
	position: relative;
	text-align: center;
}
#img img {
	max-width:1200px;
	display: none;
}
#front {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	cursor: pointer;
	width: 394px;
	height: 578px;
	background: url(/images/HituxBlue/ico/blank.gif);
}
#front a {
	position: absolute;
	left: 0px;
	top: 224px;
	display: block;
	background: url(/images/HituxBlue/ico/imgSlideLeft.png) no-repeat;
	width: 48px;
	height: 70px;
	display: none;
}
#next {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 10;
	cursor: pointer;
	width: 394px;
	height: 578px;
	background: url(/images/HituxBlue/ico/blank.gif);
}
#next a {
	position: absolute;
	right: 0px;
	top: 224px;
	display: block;
	background: url(/images/HituxBlue/ico/imgSlideRight.png) no-repeat;
	width: 48px;
	height: 70px;
	display: none;
}
#cbtn {
	background: #EAEBF0;
	position: relative;
	height: 122px;
	border: 1px solid #D6D9DC;
	margin-top: 12px;
}
#cbtn ul {
	position: relative;
	width: 10000px;
	height: 122px;
}
#cbtn ul li {
	float: left;
	padding: 8px 3px 3px 3px;
	width: 116px;
	height: 86px;
	cursor: pointer;
	text-align: center;
	margin-right: 20px;
	position: relative;
}
#cbtn ul li img {
	width: 116px;
	height: 86px;
	display: block;
}
#cbtn ul li tt {
	background: #000;
	color: #FFF;
	position: absolute;
	right: 4px;
	bottom: 4px;
	z-index: 20;
	font-family: "宋体";
	font-size: 12px;
	line-height: 16px;
	padding: 0 5px;
}
#cbtn li.hov {
	background: url(/images/HituxBlue/ico/imgHoverBg.gif) no-repeat;
}
.ctrl div {
	clear: both;
}
#cSlideUl {
	width: 1110px;
	height: 116px;
	overflow: hidden;
	position: relative;
	top: 10px;
	margin: 0 auto;
}
.picSildeLeft {
	cursor: pointer;
	position: absolute;
	top: 32px;
	left: 10px;
	z-index: 9;
}
.picSildeRight {
	cursor: pointer;
	position: absolute;
	top: 32px;
	right: 10px;
	z-index: 9;
}

/*新闻中心*/
.i-left{
	width:230px;
	padding:30px 0;
	background:#f9f9f9;
	border-top:2px solid #7d8bef;
	float:left;
	}

.i-left h2{
	color:#313fa8;
	text-align:center;
	font-size:19px;
	padding-bottom:20px;
	text-shadow:0 1px 0  #fff;
	border-bottom:1px solid #fff;
	}
.i-position-left{
	position:fixed;
	top:0;
	float:none;
	}

.i-left-list{
	border-top:1px solid #E8E8E8;
	padding-top:5px;
	}
.i-left-list>a{
	display:block;
	color:#666;
	text-align:center;
	border-left:2px solid #f5f5f5;
	padding:15px 0;
	text-shadow:0 1px 0  #fff;
	border-bottom: 1px solid #F1F1F1;
	font-size:14px;
	}
.i-left-list>a:hover,.i-left-list>a.current,.i-left-list>li.current>a{
	color:#313fa8;
	background:#fff;
	border-left:2px solid #313fa8;
	text-decoration:none;
	}
.i-right{
	width:900px;
	padding:20px;
	background:#fff;
	float:right;
	}


.bread{
	font-size:13px;
	padding-bottom:20px;
	padding-top:10px;
	border-bottom:1px solid #eee;
	}
.bread img{
	width:30px;
	vertical-align:middle;
	}
.bread a{
	font-size:13px;
	color:#333;
	}
/*新闻列表*/
.i-news{
	
	}

.i-news li {
	margin-bottom:15px;
	border-bottom:1px #D0D0D0 dotted;
}
.i-news li .newstitle {
	height:25px;
	margin-top: 15px;
	margin-bottom:5px;
	overflow:hidden;
}
.i-news li .newstitle a {
	line-height:25px;
	font-size:15px;
	color:#000;
	float:left;
}
.i-news li .newstitle .time {
	width:75px;
	padding-top:5px;
	font-size:12px;
	color:#4d4d4d;
	float:right;
}
.i-news li p {
	height:auto;
	font-size:12px;
	line-height:21px;
	color: #969696;
	margin-bottom: 5px;
	overflow:hidden;
}	
	
.i-content h1 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.infos {
    font-size: 12px;
    line-height: 40px;
    color: #666666;
    text-align: center;
}
.t_page{
	padding:10px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	}	
.t_page a{
	padding:2px 5px;
	border:1px solid #DEDEDC;
	margin:0px 3px;}	

.prenext{
	padding:10px 0px;
	margin-top:10px;
	}
.prenext ul li{
	font-size:13px;
	line-height:30px;
	background:url("/images/Hituxblue/jiantou.gif") no-repeat 0px 1px;
	padding-left:15px;
	border-bottom:none;
	}	
.prenext ul li a, .prenext ul li span{
	font-size:13px;
	float:none;
}	
.i-details{
	
	}
.i-details img{
	max-width: 860px;
	}

.i-details p{
	font-size:15px;
	line-height:24px;
	margin-bottom:15px;
	text-align:justify;
	}
.i-product-more{
	height:35px;
	margin-top: 25px;
	margin-bottom: 20px;
	line-height:35px;
	background:#7d8bef;
	}
.i-product-more h3{
	font-size:14px;
	color:#fff;
	padding-left:10px;
	}
/*联系我们*/
.i-contact{
	margin:40px -10px 0 -10px;
	}
.i-contact li{
	width:285px;
	margin:0 10px;
	padding:40px 15px;
	text-align:center;
	background:#f6f6f6;
	float:left;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
	}
.i-contact li:hover{
    box-shadow: 0 5px 15px #A5A5A5;
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
	}
.i-contact li .icon{
	
	}
.i-contact li .icon img{
	width:50px;
	}
.i-contact li h3{
	margin:15px 0;
	font-size:17px;
	color:#222;
	text-shadow:0 1px 0 #fff;
	}
.i-contact li  p{
	color:#555;
	font-size:14px;
	text-shadow:0 1px 0 #fff;
	}
#allmap {margin: 40px auto 0 auto; width: 1198px;   height: 500px; overflow: hidden; border:1px solid #eee; }
#footer{
	min-width:1200px;
	padding:40px 0 30px 0;
	background:#1f1f1f;
	}
.bottom-logo{
	float:left;
	}
.bottom-logo>img{
	display:block;
	width:220px;
	}

.bottom-logo span{
	display:block;
	margin:5px 0;
	font-size:14px;
	}
.bottom-logo>span>img{
	width:15px;
	}
.bottom-logo>span>i{
	color:#eee;
	font-size:15px;
	padding-left:10px;
	vertical-align: top;
	}
.bottom-logo p{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	}
.bottom-code{
	padding-left:40px;
	float:left;
	}
.bottom-code img{
	display:block;
	width:120px;
	margin-bottom:10px;
	}
.bottom-code p{
	color:#fdfdfd;
	font-size:13px;
	text-align:center;
	}
.bot-line{
	border-right:1px solid #3c3c3c;
	height:145px;
	margin:0 40px;
	float:left;
	}
.columns{
	float:left;
	}
.bottom-col{
	margin-right:60px;
	float:left;
	}
.bottom-col h3{
	color:#d0d0d0;
	font-size:15px;
	margin-bottom:15px;
	}
.bottom-nav{
	
	}
.bottom-nav a{
	display:block;
	color:#797979;
	font-size:12px;
	margin-bottom:10px;
	}
#copy, #link{
	min-width:1200px;
	padding:8px 0;
	background:#000;
	}
#copy p, #link span, #link a{
	text-align:center;
	font-size:12px;
	color:#717171;
	}
#copy p a{
	color:#717171;
}
#link a{
	padding: 0 3px;
}
/*qq客服代码*/
#right_ul li {
	position:relative;
	list-style: none;
	width:40px;
	padding:10px;
	background:#7d8bef;
	border-bottom:1px solid #F9D4D9;
	text-align:center;
}
#rightButton {
	position: fixed;
	_position: absolute;
	top: 258px;
	right: 0;
	z-index: 999999;
	display: block;
}
#right_ul li>img{
	width:40px;
	}
#right_ul li:hover{
	cursor:pointer;
	background:#F9D4D9 !important;
	}
#backToTop {
	position: fixed;
	_position: absolute;
	right: 0;
	z-index: 999999;
	display: none;
}
a.backToTop_a img{
	width:40px;
	}
a.backToTop_a {
	background:#1D4D59;
	width: 68px;
	padding:8px 0;
	text-align:center;
	display: block;
}
a.backToTop_a:hover{
	background:#34869A;
	}
.line91 {
	line-height: 91px;
}
.flagShow{
	position:absolute;
	width:0;
	height:45px;
	padding:9px 10px 10px 10px;
	background:#f5f5f5;
	top:0;
	right:60px;
	display:none;
	}
.flagShow_weixin{
	position:absolute;
	width:0;
	background:#7d8bef;
	top:0;
	right:60px;
	display:none;
	}

.flagShow_weixin>img{
	width:140px !important;
	height:140px;
	}
.flagShow p{
	color:#333;
	margin:0;
	margin-bottom:10px;
	text-align:left;
	font-size:13px;
	}
.flagShow_weixin p{
	color:#333;
	margin:0;
	padding:10px 0;
	font-size:13px;
	text-align:center;
	}