@charset "utf-8";
/* CSS Document */
.main .top,.main .box,.main .banner { overflow:hidden; zoom:1; margin:0 0 40px;}
.main .banner img.big { display:block;}
.main .banner img.small { display:none;}
.main .top .fl {width:730px;}
.main .top h2 { text-align:center; font-size:24px; padding:20px 0 10px;}
.main .top .fr {width:440px;}
.main .top .fl ul li { float:left; width:180px; text-align:center;}
.main .top .fl ul li span {width:98px; margin:24px 0 0 41px; line-height:98px; height:50px; padding:24px 0; border-radius:49px; -moz-border-radius:49px; -webkit-border-radius:49px; display:block; text-align:center;}
.main .top .fl ul li.t1 span { background:#a8b6ff;}
.main .top .fl ul li.t2 span { background:#ffa292;}
.main .top .fl ul li.t3 span { background:#fdb145;}
.main .top .fl ul li.t4 span { background:#80e9dc;}
.main .top .fl ul li p { font-size:14px; line-height:24px;}
.main .top .fl .arrowbox { clear:both; overflow:hidden; zoom:1; padding:30px 0 0;}
.main .top .fl .arrowbox span {width:200px; text-align:center; display:block; float:left; font-size:14px; color:#20bfee; padding:15px 0; line-height:24px; border:1px solid #dfdfdf; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.main .top .fl .arrowbox em { float:left; width:60px; height:80px; background:url(../img/30x9.png) no-repeat center center;}
.main .top .fr a.btn { height:40px; text-align:center; background:#41b773; color:#fff; font-size:14px; line-height:40px; display:block; margin:2px 0 0;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition:all 0.3s linear 0s;}
.main .top .fr a.btn:hover { background:#289757; transition:all 0.3s linear 0s;}
.box .box-title {width:430px; line-height:36px; height:36px; margin:12px 0; background:#5acfff; font-size:24px; color:#fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.box .box-title span {width:54px; height:54px; text-align:center; display:block; float:left; font-size:36px; margin:0 5px 0 10px; position:relative; top:-12px; background:#fff; line-height:54px;  border:3px solid #5acfff; color:#5acfff; font-family:Verdana, Geneva, sans-serif;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.box .box-cont { overflow:hidden; zoom:1; clear:both;}
.first .box-cont ul li { float:left; border:1px solid #dfdfdf; padding:5px; height:315px; margin:0 20px 0 0;}
.first .box-cont ul li.hover {transition:all 0.3s linear 0s;-moz-transform:translate(0px,-3px);-webkit-transform:translate(0px,-3px);-o-transform:translate(0px,-3px);-ms-transform:translate(0px,-3px);transform:translate(0px,-3px); box-shadow: 0px 2px 5px #ccc;}
.first .box-cont ul li img {height:106px;}
.first .box-cont ul li h2 { text-align:center; font-size:16px; line-height:40px; padding:10px 0;}
.first .box-cont ul li p { padding:0 15px; font-size:14px; line-height:24px; text-align:left;}
.first .box-cont ul li.w1 {width:190px;}
.first .box-cont ul li.w2 {width:328px;}
.first .box-cont ul li.w3 {width:350px;}
.first .box-cont ul li.w4 {width:220px; margin:0;}

.second .box-cont .wordlist { padding:0 0 30px; overflow:hidden; zoom:1;}
.second .box-cont .wordlist li { float:left; width:380px; height:180px; color:#fff; margin:0 0 0 30px;}
.second .box-cont .wordlist li h2 { text-align:center; font-size:16px; padding:10px 0; line-height:30px;}
.second .box-cont .wordlist li p { font-size:14px; line-height:24px; padding:0 30px;}
.second .box-cont .wordlist li.s1 { background:#a8b6ff; margin:0;}
.second .box-cont .wordlist li.s2 { background:#ffa292;}
.second .box-cont .wordlist li.s3 { background:#80e9dc;}
.second .box-cont .listbox { border:1px solid #fdb145; padding:20px 0; margin:0 0 0 40px; clear:both; display:block;}
.second .box-cont .listbox .fl { float:left; width:20px; padding:20px 10px; text-align:center; font-size:14px; color:#fff; background:#fdb145;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; top:40px; left:-20px;}
.second .box-cont .listbox ul li { text-align:center; float:left; width:220px;}
.second .box-cont .listbox ul li h3 { font-size:16px; line-height:40px;}
.second .box-cont .listbox ul li p { font-size:14px; line-height:24px; padding:0 20px; text-align:left;}

.third .box-cont ul li { float:left; width:520px; height:122px; margin:20px 10px 20px 63px; border:1px solid #5acfff;}
.third .box-cont ul li.fr { float:right; margin:20px 0 20px 63px;}
.third .box-cont ul li img { float:left; position:relative; left:-63px; top:-1px;}
.third .box-cont ul li h3 { font-size:16px; line-height:30px; position:relative; left:-40px; padding:10px 0 0; font-weight:normal;}
.third .box-cont ul li p { font-size:14px; line-height:20px; padding:0; position:relative; left:-40px;}
.third .box-cont ul li.r { margin:20px 63px 20px 0;}
.third .box-cont ul li.r img { float:right; right:-63px; left:inherit;}
.third .box-cont ul li.r h3 { text-align:right;}
.third .box-cont ul li.r h3,.third .box-cont ul li.r p { left:inherit; right:-40px;}

.fourth .box-cont ul li { float:left; margin:0 10px; width:280px; }
.fourth .box-cont ul li p {background:#e0f6ff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px; height:140px; position:relative; font-size:14px; line-height:24px;}
.fourth .box-cont ul li p span { background:url(../img/44x23.png) no-repeat; position:absolute; bottom:-23px; left:120px; width:44px; height:23px;}
.fourth .box-cont ul li h3 { line-height:40px; width:160px; margin:40px 0 0 60px; text-align:center; color:#fff; font-size:14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.fourth .box-cont ul li.f1 h3 { background:#a8b6ff;} 
.fourth .box-cont ul li.f2 h3 { background:#ffa292;}
.fourth .box-cont ul li.f3 h3 { background:#fdb145;}
.fourth .box-cont ul li.f4 h3 { background:#80e9dc;}
.fourth .box-cont ul li.hover p,.fourth .box-cont ul li.hover h3 {transition:all 0.3s linear 0s;-moz-transform:translate(0px,-3px);-webkit-transform:translate(0px,-3px);-o-transform:translate(0px,-3px);-ms-transform:translate(0px,-3px);transform:translate(0px,-3px); box-shadow: 0px 2px 5px #ccc;}


.xlbot { background:url(../img/1110x195bg.gif) no-repeat; margin:60px 0 40px 40px; width:960px; padding:20px 80px 40px; color:#fff;}
.xlbot h3 { font-size:24px; padding:0 0 10px;}
.xlbot p { font-size:14px; line-height:24px;}





















.formbox { overflow:hidden; margin:20px 0; background:#fff; }
.formbox .title { background:#ccc url(../img/180x57.gif) no-repeat center center; width:100%; height:57px; position:relative;}
.formbox .title h1 { text-indent:-999em;}
.tableform { overflow:hidden; width:700px; margin:20px 0 50px 100px;}
.tableform td { padding:10px 0;}
.tableform label {width:80px; text-align:right; vertical-align:top; line-height:30px; float:right; color:#626262; font-size:14px; font-weight:normal;}
.tableform label em { visibility:hidden;}
.tableform .inputx {width:230px; line-height:22px; padding:4px; border:1px solid #86d6fa; font-size:14px; color:#535353; margin:0;}
.tableform .inputx:focus,.tableform select:focus { border:1px solid #1eb247;}
.tableform select {width:240px; height:44px; border:1px solid #86d6fa; color:#535353;}
.tableform .textarea {width:597px; height:80px; border:1px solid #86d6fa; color:#535353; font-size:14px; line-height:22px; padding:4px; margin:0;}
.tableform .subtn { background:url(../img/226x47btn.gif) no-repeat; width:226px; height:47px; border:0; font-size:0;}
.tableform .black { color:#626262;}
.formbox .title a.back {  left:20px; top:20px;text-decoration:underline; color:#008fd4; position:absolute; font-size:16px;}


@media only screen and (max-width:1152px ) {
	.main .banner img.big { display:none;}
	.main .banner img.small { display:block;}
	.main .top .fr {width:380px;}
	.main .top .fr img {width:380px;}
	.main .top .fl { width:620px;}
	.main .top .fl ul li {width:154px;}
	.main .top .fr a.btn { margin:42px 0 0;}
	.main .top .fl .arrowbox span {width:150px;}
	.first .box-cont ul li.w1,.first .box-cont ul li.w1 img {width:140px;}
	.first .box-cont ul li.w2,.first .box-cont ul li.w2 img {width:278px;}
	.first .box-cont ul li.w3,.first .box-cont ul li.w3 img {width:300px;}
	.first .box-cont ul li.w4,.first .box-cont ul li.w4 img {width:170px;}
	.first .box-cont ul li p { padding:0 10px;}
	.first .box-cont ul li { height:380px;}
	.second .box-cont .wordlist li {width:313px;}
	.second .box-cont .listbox ul li {width:180px;}
	.third .box-cont ul li {width:420px;}
	.third .box-cont ul li p { font-size:12px;}
	.third .box-cont ul li.r h3, .third .box-cont ul li.r p {width:460px;}
	.fourth .box-cont ul li {width:230px;}
	.fourth .box-cont ul li p { height:190px;}
	.fourth .box-cont ul li p span { left:90px;}
	.fourth .box-cont ul li h3 { margin:40px 0 0 37px;}
	.xlbot { margin:60px 0 40px 0; background-size:90%; width:830px; padding:20px 180px 40px 80px;}
	.third .box-cont ul li.r p { line-height:18px;}
	.third .box-cont ul li.r h3 { padding:0;}
	
	}