@charset "utf-8";
/* CSS Document */
.header{width:100%;border-bottom:1px solid #f2f2f2}
.header-line{width:100%;border-bottom:1px solid #e0e0e0}
.header-logo{width:1000px;margin:0 auto;overflow:hidden;padding:10px 0}
.logo-l{width:554px;height:75px;float:left}
.logo-r{height:75px;line-height:89px;float:right;font-size:14px;color:#999; letter-spacing:.2px}
.logo-color{color:#418ae2}
.logo-color2{color:#418ae2;font-size:18px}
.main{width:800px;border:1px solid #e9e9e9;margin:0 auto;background:#fdfeff;margin-top:40px;overflow:hidden}
.main-left{background:#f2f2f2;float:left;width:340px;text-align:center;*padding-bottom:10px;height:316px;*height:345px}
.main-left h4{font-size:16px;color:#666;line-height:24px;padding:10px 0}
.main-libg1{background:#ff6666}
.main-libg2{background:#2d7fe2}
.main-libg3{background:#52c81b}
.main-left .main-ul{width:170px;margin:0 auto;margin-top:38px}
.main-left .main-ul li{float:left;width:170px;height:40px;line-height:40px;border-radius:4px;margin-bottom:20px}
.main-left .ul-img{background:url(../../images/main/20150803img1.gif) no-repeat;width:19px;display:inline-block;vertical-align:middle}
.main-left .icon1{background-position:0 -4px;margin-right:5px;margin-bottom:1px;height:23px}
.main-left .icon2{background-position:0 -31px;margin-right:5px;margin-bottom:-2px;height:23px}
.main-left .icon3{background-position:0 -83px;margin-right:5px;margin-bottom:-3px;height:23px}
.main-left .icon4{background-position:0 -108px;margin-right:5px;margin-bottom:-3px;height:23px}
.main-left .main-ul a{display:block;color:#fff;font-size:13px}
.main-left .main-ul .hi-icon {
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}
.main-left .main-ul .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.main-left .main-ul .hi-icon:hover {
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}
.main-right{float:right;width:440px;padding-left:20px}
.main-right h4{font-size:16px;color:#333;line-height:24px;padding:10px 0;font-weight:600}
.r-form{overflow:hidden}
.r-form2{overflow:hidden;color:#f00;margin-left:70px}
.r-form3{overflow:hidden;color:#f00;margin-left:70px;font-size:12px}
.r-form span{width:60px;text-align:right;float:left;line-height:36px;font-size:14px;margin-right:10px}
.r-ipt input[type="text"]{outline:none;float:left;width:310px;height:34px;line-height:34px;border:1px solid #ddd;border-radius:4px;padding:0 4px}
.r-ipt input[type="password"]{outline:none;float:left;width:310px;height:34px;line-height:34px;border:1px solid #ddd;border-radius:4px;padding:0 4px}
.r-ipt2 input[type="text"]{float:left;width:110px;height:34px;line-height:34px;border:1px solid #ddd;border-radius:4px;padding:0 4px}
.mbttom10{margin-bottom:10px}
.mtop10{margin-top:10px}
.r-form a.a-link{background:#418ae2;display:block;width:344px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;border-radius:4px;}
.r-form a.a-link:hover{background:#549ffa}
.r-ipt input:focus{background-color:#E7F6FF;border-color:#d8eaff}
.r-ipt input:hover{background-color:#fbfbfb}
.r-form-txt a{color:#418ae2;font-size:12px}.r-form-txt a:hover{text-decoration:underline}
.r-form-txt a.r-form-txt2{float:left}
.r-form-txt a.r-form-txt3{float:right;color:#666;margin-right:26px}
.main-icon{position:relative}
.main-icon a.icon-bg1{background:url(../../images/main/20150803img3.png) no-repeat;
 -webkit-transition: background-position .2s cubic-bezier(0.25, .5, .5, .9); -moz-transition: background-position .2s cubic-bezier(0.25, .5, .5, .9); transition: background-position .2s cubic-bezier(0.25, .5, .5, .9)}
.main-icon a.icon-bg1{background-position:0 -7px;width:78px;height:72px; display:block;position:absolute;right:0}
.main-icon a.icon-bg2{background:url(../../images/main/20150803img3.png) no-repeat}
.main-icon a.icon-bg2{background-position:0 -98px;width:78px;height:72px; display:block;position:absolute;right:0}
.r-form-btn{width:110px;height:34px;background:#ddd;border:1px solid #f7f7f7;border-radius:4px;margin-left:10px}
.r-form-btn:hover{width:110px;height:34px;background:#eee;border:1px solid #dadada;border-radius:4px;margin-left:10px}