.display-none { display: none; }

/* reset.css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; font-family: "Microsoft YaHei",sans-serif; }
a { color: #000; text-decoration: none; outline: none; }

a:focus { outline: none; }

select { font-family: "Microsoft YaHei",sans-serif; }

option { font-family: "Microsoft YaHei",sans-serif; }

input { font-family: "Microsoft YaHei",sans-serif; text-indent: 8px; }

input::-webkit-input-placeholder { font-family: "Microsoft YaHei",sans-serif; }

input::-moz-placeholder { font-family: "Microsoft YaHei",sans-serif; }

input:-ms-input-placeholder { font-family: "Microsoft YaHei",sans-serif; }

input::placeholder { font-family: "Microsoft YaHei",sans-serif; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.clearfloat{
	zoom:1;
}
.clearfloat:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clearfix:after{
	content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}
#xx170911-top-fixed{
	position: relative;
	width: 100%;
	background-color: #202141;
	z-index: 102;
}

#xx170911-top-fixed .top-fixed-container{
	width: 1000px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	position: relative;
	margin: 0 auto;
}

#xx170911-top-fixed .top-fixed-container > div{
	float: left;
}

#xx170911-top-fixed .top-fixed-container > div a{
	color: #b3b3b3;
}

#xx170911-top-fixed .top-fixed-container > div a:hover{
	color: #fff;
}

#xx170911-top-fixed i{
	display: inline-block;
}

#xx170911-top-fixed .top-fixed-container > div .icon-zixun{
	width: 19px;
	height: 19px;
	background-image: url(../images/icon-zixun_19x19.png);
}

#xx170911-top-fixed .top-fixed-container > div .icon-tel{
	width: 12px;
	height: 18px;
	background-image: url(../images/icon-tel_14x18.png);
}

#xx170911-top-fixed .top-fixed-container > div i{
	vertical-align:sub;
	margin-right: 4px;
}

#xx170911-top-fixed .top-fixed-container .tel{
	margin-left: 25px;
	cursor: default;
}

#xx170911-top-space{
	height: 0px;
}

#xx170911-top-navigation{
	position: relative;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	-webkit-box-shadow:0px 0px 10px #443f3f;
	box-shadow: 0px 0px 10px #443f3f;
	z-index: 101;
}

#xx170911-top-navigation .nav-container { 
	width: 1000px; 
	height: 70px; 
	margin: 0 auto; 
}

#xx170911-top-navigation .nav-container .logo { 
	width: 339px; 
	line-height: 0; 
	float: left; 
}

#xx170911-top-navigation a { 
	display: block; 
	width: 100%; 
	height: 100%; 
}

#xx170911-top-navigation .icon-black-logo { 
	width: 339px; 
	height: 36px; 
	background-image: url(../images/icon-black-logo_339x36.png); 
}

#xx170911-top-navigation .nav-container .logo i { 
	display: inline-block;
	margin-top: 17px; 
}

#xx170911-top-navigation .nav-container .nav-list { 
	height: 70px; 
	line-height: 70px; 
	margin-left: 115px; 
	margin-right: -40px; 
	font-size: 18px; 
	float: left; 
}


#xx170911-top-navigation .nav-container .nav-list > li { 
	float: left; 
	padding: 0 20px; 
}

#xx170911-top-navigation .nav-container .nav-list > li:hover a { 
	color: #ee7700; 
}

#xx170911-top-banner { 
	height: 503px; 
	background: url(../images/banner_1920x600.png) no-repeat center; 
}

#xx170911-top-banner a{
	position: relative;
	top: 450px;
	display: block;
	width: 551px;
	height: 58px;
	margin: 0 auto;
	font-size: 30px;
	color: #fff;
	line-height: 58px;
	text-align: center;
	background-image:url(../images/buttonbg_551x58.png);
}

#xx170911-section-1 { 
	padding: 50px 0; 
}

#section-1-bg { 
	height: 586px; 
	background: url(../images/section-1-1920x586.png) no-repeat center; 
}

.tag-container{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#section-1-bg .tag{
	font-size: 30px;
	line-height: 1.2;
	display: block;
	position: absolute;
}

#section-1-bg .tag-1{
	width: 400px;
	top: 40px;
	color: #727388;
}

#section-1-bg .tag-2{
	font-size: 36px;
	right: 5px;
	color: #727388;
}

#section-1-bg .tag-3{
	left: 430px;
	top: 80px;
	color: #ff5400;
	font-size: 32px;
}
#section-1-bg .tag-4{
	width: 288px;
	left: 50px;
	top: 230px;
	color: #ff5400;
	font-size: 36px;
}

#section-1-bg .tag-5{
	width: 300px;
	right: 0px;
	top: 180px;
	color: #727388;
}

#xx170911-section-1 .container { 
	width: 1000px; 
	padding-top: 20px; 
	margin: 0 auto ; 
}

#xx170911-section-1 .btn { 
	display: block; 
	width: 616px; 
	height: 84px; 
	line-height: 84px; 
	text-align: center; 
	font-size: 30px; 
	color: #fff; 
	background-color: #353754; 
	border-radius: 38px; 
	cursor: pointer; 
	margin: 0 auto ; 
}

#xx170911-section-1 .btn:hover { 
	background-color: #2e304a; 
}

#xx170911-section-2{

}

#part-1-bg { 
	background: url(../images/part-1-bg_1920x641.png) no-repeat top center #f2f2f2;
}

#xx170911-section-2 .part-1-container{
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
}

#xx170911-section-2 .part-1-title{
	position: relative;
	top: 15px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

#xx170911-section-2 .part-1-title h2{
	font-size: 36px;
	color: #353754;
}

 .h3{
	font-size: 30px;
	color: #ff5400;
	padding: 10px 0;
	line-height: 2;
	font-weight: bold;
	text-align: center;
	background:url(../images/line-1.png) no-repeat bottom center;
}

#xx170911-section-2 .part-1-container h4, #part-3-bg h4{
	font-size: 24px;
	line-height: 2;
	text-align: center;
}

#xx170911-section-2 .part-1-title h4, #part-3-bg h4{
	color: #353754;
}

#xx170911-section-2 .part-1-title span, #part-3-bg span{
	font-size: 18px;
	line-height: 1.5;
}

#xx170911-section-2 .part-1-title .span-1{
	color: #ff5400;
}

#xx170911-section-2 .part-1-title .span-2, #part-3-bg .span-2{
	color: #727388;
}

#xx170911-section-2 .block-container{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 20px;
}

#xx170911-section-2 .student{
	width: 290px;
	margin: 8px 5px 22px 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 10px;
	float: left;
	height: auto;
}
#xx170911-section-2 .space-1{
	height: 40px;
	width: 10px;
	margin: 0 auto;
}

#xx170911-section-2 .space-2{
	height: 20px;
	width: 10px;
	margin: 0 auto;
}

#xx170911-section-2 .student-grade{
	color: #727388;
}

#xx170911-section-2 .block-orange{
	background-color: #fcad2a;
	padding: 13px 13px 22px 13px;
	color: #fff;
	font-size: 16px;
	line-height: 1.8;
	padding-bottom: 999999px;
	margin-bottom: -999999px;
}
#xx170911-section-2 .sum{
	color: #fff;
}

#xx170911-section-2 .method{
	display: block;
	width: 80%;
	margin: 0 auto;
	font-size: 18px;
	border-bottom: 1px solid #fff;
	text-align: center;
	padding-bottom: 14px;
	margin-bottom: 14px;
}

#xx170911-section-2 .block-green{
	background-color: #ee4b4c;
	padding: 33px 13px 22px 13px;
	color: #fff;
	font-size: 16px;
	line-height: 1.8;
	padding-bottom: 999999px;
	margin-bottom: -999999px;
}

#xx170911-section-2 .block-blue{
	background-color: #967bc8;
	padding: 53px 13px 20px 13px;
	color: #fff;
	font-size: 16px;
	line-height: 1.8;
	padding-bottom: 999999px;
	margin-bottom: -999999px;
}

.fill{
	clear: both;
	height: 45px;
	background-color: #f2f2f2;
}

#xx170911-section-2 .container { 
	width: 1000px; 
	margin: 0 auto; 
}

#part-2-bg { 
	position: relative; 
	padding: 0 0 20px 0; 
	height: 560px; 
	background: url(../images/part-2-bg_990x530.png) no-repeat top center; 
}

#part-2-bg .btn { 
	display: block; 
	width: 98px; 
	height: 38px; 
	position: absolute; 
	line-height: 38px; 
	text-align: center; 
	font-size: 16px; 
	color: #50526f; 
	background-color: #f2f2f2; 
	border-radius: 16px; 
	cursor: pointer; 
}

#part-2-bg .btn:hover { 
	color: #ff5400; 
}

#part-2-bg .btn-1 { 
	top: 450px; 
	left: 34px; 
}

#part-2-bg .btn-2 { 
	top: 318px; 
	left: 175px; 
}

#part-2-bg .btn-3 { 
	top: 248px; 
	left: 354px; 
}

#part-2-bg .btn-4 { 
	top: 248px; 
	right: 354px; 
}

#part-2-bg .btn-5 { 
	top: 318px;
	right: 175px; 
}

#part-2-bg .btn-6 { 
	top: 450px; 
	right: 34px; 
}

#part-2-bg .subject{
	width: 140px;
	height: 140px;
	text-align: center;
	position: absolute;
}

#part-2-bg .subject-1{
	left: 10px;
	top: 318px;
}

#part-2-bg .subject-2{
	left: 150px;
	top: 192px;
}

#part-2-bg .subject-3{
	left: 330px;
	top: 115px;
}

#part-2-bg .subject-4{
	right: 330px;
	top: 115px;
}

#part-2-bg .subject-5{
	right: 152px;
	top: 192px;
}

#part-2-bg .subject-6{
	right: 10px;
	top: 318px;
}

#part-2-bg .subject > span{
	display: block;
	line-height: 1.5;
}

#part-2-bg .subject .school{
	font-size: 24px;
	color: #fff;
}

#part-2-bg .subject .sub-1{
	font-size: 18px;
	color: #fff;
}

#part-2-bg .subject .sub-2{
	font-size: 18px;
	color: #fff;
}

#part-2-bg .circle-lg{
	width: 254px;
	height: 254px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #5a5b73;
	position: absolute;
	bottom: 30px;
	left: 368px;
}

#part-2-bg .circle-md{
	margin: 0 auto;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background-color: #5d94e0;
	position: relative;
	top: 7px;
	text-align: center;
}

#part-2-bg .circle-md > img{
	width: 60px;
	height: 57px;
	margin: 8px 0px 2px;
}

#part-2-bg .order{
	width: 94%;
	margin: 0 auto;
}

#part-2-bg .order > span{
	display: block;
	line-height: 1.6;
}

#part-2-bg .circle-md .sub1{
	font-size: 24px;
	color: #ffd700;
}

#part-2-bg .circle-md .sub2{
	font-size: 16px;
	color: #fff;
}

#xx170911-section-2 .tel { 
	height: 150px; 
	line-height: 150px;
	background-color: #5d94e0;
	font-size: 36px;
	text-align: center;
	color: #50526f;
}

#xx170911-section-2 .tel .tel-1 { 
	color: #ffd700;
}
#xx170911-section-2 .tel > h2{
	display: inline-block;
}
#xx170911-section-2 .tel-num{
	display: inline-block;
	margin-left: 15px;
	width: 328px;
	height: 60px;
	border-radius: 30px;
	border: 1px solid #fff;
	line-height: 60px;
	color: #50526f;
}

#part-3-bg{
	text-align: center;
	padding-bottom: 20px;
}

#tab-tt { 
	height: 260px; 
	background: url(../images/tab-tt-bg_1920x260.jpg) no-repeat center; 
}

#tab-tt .tab-tt-container { 
	width: 1000px; 
	margin: 0 auto; 
}

#tab-tt .tab-tt-container li.active p { 
	color: #ff5400; 
}

#tab-tt .tab-tt-container li.active .icon-1 { 
	background: url(../images/Z_icon1.png) no-repeat center bottom; 
}

#tab-tt .tab-tt-container li.active .icon-2 { 
	background: url(../images/Z_icon2.png) no-repeat center bottom; 
}

#tab-tt .tab-tt-container li.active .icon-3 { 
	background: url(../images/Z_icon3.png) no-repeat center bottom; 
}

#tab-tt .tab-tt-container li.active .icon-4 { 
	background: url(../images/Z_icon4.png) no-repeat center bottom; 
}

#tab-tt .tab-tt-container li.active .icon-5 { 
	background: url(../images/Z_icon5.png) no-repeat center bottom; 
}

#tab-tt .tab-tt-container li { 
	width: 20%; 
	height: 260px; 
	text-align: center; 
	float: left; 
}

#tab-tt .tab-tt-container li:hover { 
	cursor: pointer; 
}

#tab-tt .tab-tt-container .icon { 
	height: 140px; 
}

#tab-tt .tab-tt-container .icon-1 { 
	background: url(../images/Z_icon1_1.png) no-repeat center bottom; 
}

#tab-tt .tab-tt-container .icon-2 { 
	background: url(../images/Z_icon2_2.png) no-repeat center bottom; 
}

#tab-tt .tab-tt-container .icon-3 { 
	background: url(../images/Z_icon3_3.png) no-repeat center bottom; 
}

#tab-tt .tab-tt-container .icon-4 {
 background: url(../images/Z_icon4_4.png) no-repeat center bottom; 
}

#tab-tt .tab-tt-container .icon-5 {
 background: url(../images/Z_icon5_5.png) no-repeat center bottom; 
}

#tab-tt .tab-tt-container p {
 margin-top: 34px; 
 color: #fff; 
 font-size: 24px; 
}

#tab-content { 
	height: 486px; 
	background: url(../images/tab-content-bg_1920x134.png) no-repeat center bottom; 
	overflow: hidden; 
}

#tab-content .tab-content-container { 
	width: 1000px;
	height: 100%; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	margin: 0 auto 0; 
}

#tab-content .text { 
	float: left;
	width: 50%; 
	height: 486px; 
	padding: 30px 30px 30px 0; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

#tab-content .img { 
	float: left; 
	width: 50%; 
	height: 486px; 
	background: url(../images/zhang_11.png) no-repeat center; 
}
#tab-content .img1 { 
	float: left; 
	width: 50%; 
	height: 100%; 
	background: url(../images/zhang_22.png) no-repeat center; 
}
.tab-content .class-list{
	width: 380px;
	height: 350px;
	position: relative;
	left: 35px;
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.tab-content .class-item{
	width: 100%;
	height: 60px;
	line-height: 60px;
	position: absolute;

}
.tab-content .class-list li:nth-child(1){
	background-color: #f39c12;
	top: 38px;
}
.tab-content .class-list li:nth-child(2){
	background-color: #ff7c52;
	top: 110px;
}
.tab-content .class-list li:nth-child(3){
	background-color: #93bb30;
	top: 179px;
}
.tab-content .class-list li:nth-child(4){
	background-color: #11b9af;
	top: 253px;
}
#tab-content .img2 {
	float: left; 
	width: 50%; 
	height: 486px; 
	background: url(../images/zhang_33.png) no-repeat center; 
}
#tab-content .img3 { 
	float: left; 
	width: 50%; 
	height: 486px; 
	background: url(../images/zhang_44.png) no-repeat center; 
}
#tab-content .img4 { float: left; width: 50%; height: 486px; background: url(../images/zhang_55.png) no-repeat center; }

#tab-content h2 { 
	width: 350px; 
	padding-bottom: 10px; 
	border-bottom: 1px solid #f39c12; 
}

#tab-content .one { 
	font-size: 24px; 
	color: #f39c12; 
}

#tab-content .two { 
	position: relative; 
	top: 8px; 
	margin-left: -4px; 
	font-size: 48px; 
	font-weight: bold; 
	color: #f39c12; 
}

#tab-content .three { 
	font-size: 48px; 
	color: #202141; 
	margin-left: 20px; 
	font-weight: bold;
}

#tab-content h3 { 
	font-size: 24px; 
	color: #727388; 
	margin: 12px 0 16px; 
}

#tab-content h4 { 
	font-size: 24px; 
	color: #ff5400; 
	font-weight: bold; 
}

#tab-content p { 
	font-size: 16px; 
	color: #727388; 
	line-height: 28px; 
}

#tab-content .tab-content-left-img { 
	margin: 20px 10px; 
}

#tab-content .tab-content-txt{
	width: 400px;
	margin: 15px 0;
	font-size: 18px;
	line-height: 1.8;
}

#tab-content .tab-content-txt li{
	padding-left: 20px;	
	position:relative;
}

#tab-content .tab-content-txt li:before{
	content:"";
	position:absolute;
	top: 10px;
    left: 0;
    width: 12px;
    height: 12px;
}
#tab-content .tab-content-txt li:nth-child(1):before{
	background: url(../images/item1_12x12.png) no-repeat center left;
}

#tab-content .tab-content-txt li:nth-child(2):before{
	background: url(../images/item2_12x12.png) no-repeat center left;
}

#tab-content .tab-content-txt li:nth-child(3):before{
	background: url(../images/item3_12x12.png) no-repeat center left;
}

#tab-content .btn { 
	display: block; 
	width: 314px; 
	height: 52px; 
	margin-top: 20px; 
	line-height: 52px; 
	text-align: center;
	font-size: 18px; 
	color: #fff; 
	background-color: #5b5c7b; 
	border-radius: 24px; 
	cursor: pointer; 
}

#tab-content .btn:hover { 
	background-color: #4f5071; 
}

#xx170911-section-3{
	width: 100%;
	background-color: #f2f2f2;
}

#xx170911-section-3 .container { 
	width: 1000px; 
	margin: 0 auto; 
	padding-bottom: 20px;
}

.orange{color: #f39c12; }
.deep-orange{color: #ff7c52;}
.grass-green{color: #93bb30; }
.green{color: #11b9af; }
.blue{color: #16b0dc; }

#xx170911-section-3 hgroup{
	text-align: center;
	line-height: 2;
	padding: 30px 0;
}

#xx170911-section-3 hgroup > h2{
	font-size: 36px;
	color: #353754;
}

#xx170911-section-3 hgroup > h5{
	font-size: 18px;
	color: #727388;
}

#xx170911-section-3 .step-block{
	padding: 20px 10px;
	position: relative;
}

#xx170911-section-3 .step{
	box-sizing: border-box;
	width: 450px;
	height: 220px;
	background-color: #fff;
	float: left;
	margin: 12px 20px;
	padding: 25px 45px;
	line-height: 1.6;
}

#xx170911-section-3 .step-1, .step-4{
	border-radius: 0px 60px 0px 60px;
}

#xx170911-section-3 .step-2, .step-3{
	border-radius: 60px 0px 60px 0px;
}

#xx170911-section-3 .step h5{
	font-size: 20px;
	line-height: 2;
}

#xx170911-section-3 .step p{
	font-size: 16px;
	color: #727388;
	text-indent: 2em;
}

#xx170911-section-3 .section-3-circle{
	box-sizing: border-box;
	width: 168px;
	height: 168px;
	border-radius: 50%;
	background-color: #5c5d74;
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -84px;
	margin-top: -84px;
	padding: 10px;
}

#xx170911-section-3 .section-3-circle span{
	display: inline-block;
	text-align: center;
	font-size: 22px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 1.5;
	position: relative;
	top: 20%;
}

#xx170911-section-4, #xx170911-section-8{
	width: 100%;
	height: 250px;
	background-color: #ffd700;
}
#xx170911-section-4 .container, #xx170911-section-8 .container{
	width: 1000px;
	margin:0 auto;
	text-align: center;
}

#xx170911-section-4 .container h2, #xx170911-section-8 .container h2{
	padding: 42px 0 20px 0;
	font-size: 36px;
	color: #353754;
}

#xx170911-section-4 .container h3, #xx170911-section-8 .container h3{
	font-size: 24px;
	color: #50526f;
	padding: 10px 0;
}

#xx170911-section-4 .container a, #xx170911-section-8 .container a{
	display: block;
	width: 385px;
	height:50px;
	margin:30px auto;
	line-height: 50px;
	background-color: #353754;
	color: #fff;
	font-size: 24px;
	border-radius: 25px;
}

#xx170911-section-5 .container{
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
}

#xx170911-section-5 .container .part1-title{
	text-align: center;
	margin: 10px auto;
}

#xx170911-section-5 .container .part1-title h2{
	font-size: 36px;
	color: #353754;
	line-height: 2;
}

#xx170911-section-5 .container .part1-title h4{
	font-size: 24px;
	color: #ff5400;
	margin: 5px 0;
}
 #xx170911-section-5 .container .part1-title .h4-2{
	color: #50526f;
	margin-top: 15px;
}

#xx170911-section-5 .circle-link{
	width: 100%;
	margin: 40px auto;
	padding: 40px 0;
	position: relative;
}

#xx170911-section-5 .circle-link .out-circle{
	width: 320px;
	height: 320px;
	margin: 0 auto;
	border-radius: 50%;
	border: 2px dashed #9a9a9a;

}

#xx170911-section-5 .circle-link .inner-circle{
	width: 150px;
	height: 150px;
	line-height: 150px;
	background-color: #5c5d74;
	color: #fff;
	font-size: 24px;
	margin: 0 auto;
	border-radius: 50%;
	position: relative;
	top: 50%;
	margin-top: -75px;
	text-align: center;

}

#xx170911-section-5 .circle-link .cir{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
	text-align: center;
	box-sizing: border-box;
	padding: 3px;

}
#xx170911-section-5 .circle-link .cir > h3{
	font-size: 30px;
}
#xx170911-section-5 .circle-link .circle-01{
	background-color: #93bb30;
	top: 0px;
	left: 450px;

}

#xx170911-section-5 .circle-link .circle-02{
	background-color: #f39c12;
	top: 110px;
	left: 300px;
}

#xx170911-section-5 .circle-link .circle-03{
	background-color: #ff7c52;
	top: 275px;
	left: 340px;
}

#xx170911-section-5 .circle-link .circle-04{
	background-color: #11b9af;
	top: 275px;
	right: 340px;
}

#xx170911-section-5 .circle-link .circle-05{
	background-color: #16b0dc;
	top: 110px;
	right: 300px;
}

#xx170911-section-5 .circle-link span{
	display: block;
	position: absolute;
	font-size: 16px;
	color: #727388;
	line-height: 1.5;
}

#xx170911-section-5 .circle-link .txt-content-01{
	top: 10px;
	left: 580px;
	width: 370px;
}

#xx170911-section-5 .circle-link .txt-content-02{
	top: 140px;
	left: 20px;
	width: 280px;
}

#xx170911-section-5 .circle-link .txt-content-03{
	top: 300px;
	left: 50px;
	width: 280px;
}

#xx170911-section-5 .circle-link .txt-content-04{
	top: 300px;
	left: 670px;
	width: 300px;
}

#xx170911-section-5 .circle-link .txt-content-05{
	top: 120px;
	left: 710px;
	width: 300px;
}

#xx170911-section-6{
	width: 100%;
	height:380px;
	background-color:#f2f2f2;
}

#xx170911-section-6 .container{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

#xx170911-section-6 h4{
	margin: 15px auto;
	color: #50526f;
	font-size: 24px;
}

#xx170911-section-6 .arrow{
	width: 755px;
	height: 132px;
	margin: 0px auto;
	padding: 30px 0;
	background:url(../images/section-6_755x132.png) no-repeat center;
}
#xx170911-section-6 .arrow  ul{
	padding:0 13px;
}
#xx170911-section-6 .arrow .arr-txt-top li{
	width:25%;
	height:110px;
	float:left;
	display: table;
}

#xx170911-section-6 .arrow .arr-txt-bottom li{
	width:25%;
	height:60px;
	float:left;
	display: table;
}

#xx170911-section-6 .arrow .arr-txt-top li a{
	display: table-cell;
    vertical-align: middle;
    padding: 0 50px;
    text-align: center;
    color:#fff;
    font-size:16px;
    line-height: 24px;
}
#xx170911-section-6 .arrow .arr-txt-top li:nth-child(3) a,
#xx170911-section-6 .arrow .arr-txt-top li:nth-child(4) a{
	padding:0 60px 0 42px;
}

#xx170911-section-6 .arrow .arr-txt-bottom{
	margin-top: 30px;
	font-size: 16px;
	color:#727388;
}

#xx170911-section-7 .container{
	width: 1000px;
	height: 385px;
	margin:0 auto;
}

#xx170911-section-7 .sec-7-left{
    width: 55%;
    height: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#xx170911-section-7 .sec-7-left .step{
	box-sizing: border-box;
    width: 260px;
    height: 135px;
    float: left;
    margin: 5px 5px;
    padding: 5px 10px;
}

#xx170911-section-7 .sec-7-left .step-1{
	border-radius: 0px 40px 0px 40px;
	background-color: #f39c12;
}
#xx170911-section-7 .sec-7-left .step-2{
	border-radius: 40px 0px 40px 0px;
	background-color: #ff7c52;
}
#xx170911-section-7 .sec-7-left .step-3{
	border-radius: 40px 0px 40px 0px;
	background-color: #93bb30;
}
#xx170911-section-7 .sec-7-left .step-4{
	border-radius: 0px 40px 0px 40px;
	background-color: #11b9af;
}

#xx170911-section-7 .sec-7-right{
	float: right;
    width: 44%;
	height: 100%;
}

#xx170911-section-7 h4{
	text-align: center;
	margin: 30px auto 15px;
	color: #50526f;
	font-size: 24px;
}

#xx170911-section-7 h5{
	text-align: center;
	margin: 5px auto;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
}

#xx170911-section-7 p{
	margin: 5px auto;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
}

#xx170911-section-7 .section-7-bg{
	width: 350px;
	height: 250px;
	margin: 5px auto;
	padding: 15px 0;
	background:url(../images/section-7_350x250.png) no-repeat center;
}
#xx170911-section-7 .emotion-list{
	padding: 0px 10px;
	box-sizing: border-box;
	color: #727388;
	font-size: 18px;
}

#xx170911-section-7 .emotion-list li{
	box-sizing: border-box;
    width: 332px;
    height: 40px;
    background-color: #f2f2f2;
    margin: 8px 0;
    padding: 10px 20px;
}

#xx170911-footer { height: 559px; background: url(../images/footer-bg_1920x559.jpg) no-repeat center; }

#xx170911-footer .container { width: 1000px; padding-top: 50px; margin: 0 auto 0; }

#xx170911-footer h2 { font-size: 36px; color: #fff; text-align: center; }

#xx170911-footer .content { padding-top: 20px; }

#xx170911-footer .img { float: left; width: 50%; height: 414px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/footer-left-img_291x414.png) no-repeat center; }

#xx170911-footer .form { width: 400px; float: left; }

#xx170911-footer .form h3 { font-size: 56px; color: #ffd700; margin-top: 24px; }

#xx170911-footer .form input { margin: 15px 0; padding: 0; width: 100%; height: 46px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 18px; color: #727388; }

#xx170911-footer .form input:focus { outline: none; }

#xx170911-footer .form input::-webkit-input-placeholder { color: #727388; }

#xx170911-footer .form input::-moz-placeholder { color: #727388; }

#xx170911-footer .form input:-ms-input-placeholder { color: #727388; }

#xx170911-footer .form input::placeholder { color: #727388; }

#xx170911-footer .form .btn { display: block; width: 100%; height: 48px; line-height: 48px; text-align: center; color: #353754; background-color: #ffd700; cursor: pointer; }

#xx170911-footer .form .btn:hover { background-color: #edc800; }

#xx170911-footer .form .select-container { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; color: #727388; }

#xx170911-footer .form .select-container .select-tt { width: 100%; height: 100%; line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; cursor: pointer; background-color: #fff; position: relative; font-size: 18px; }

#xx170911-footer .form .select-container i.select-arrow { position: absolute; top: 16px; right: 16px; display: block; border-top: 8px solid #727388; border-left: 5px solid transparent; border-right: 5px solid transparent; }

#xx170911-footer .form .select-container .select { display: none; width: 400px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: none; background-color: #fff; z-index: 101; }

#xx170911-footer .form .select-container .select .option { height: 30px; padding: 0 8px; line-height: 30px; }

#xx170911-footer .form .select-container .select .option:hover { background-color: #f8f8f8; color: #404040; cursor: pointer; }

#xx170911-copyright { width: 100%; height: 110px; background-color: #202141; z-index: 100; }

#xx170911-copyright i { display: inline-block; }

#xx170911-copyright .icon-wechat-1 { width: 25px; height: 20px; background-image: url(../images/icon-wechat-1_25x20.png); }

#xx170911-copyright .icon-wechat-1:hover { background-image: url(../images/icon-hover-wechat-1_25x20.png); }

#xx170911-copyright .icon-weibo-1 { width: 25px; height: 21px; background-image: url(../images/icon-weibo-1_25x21.png); }

#xx170911-copyright .icon-weibo-1:hover { background-image: url(../images/icon-hover-weibo-1_25x21.png); }

#xx170911-copyright .copyright-container { width: 1000px; margin: 0 auto; padding: 30px 0 0 0; font-size: 14px; text-align: center; }

#xx170911-copyright p { color: #b3b3b3; cursor: default; }

#xx170911-copyright p:hover { color: #fff; }

#xx170911-copyright ul { width: 350px; margin: 20px auto 0; }

#xx170911-copyright ul li { float: left; }

#xx170911-copyright ul li a { color: #b3b3b3; display: block; }

#xx170911-copyright ul li a:hover { color: #fff; }

#xx170911-copyright ul .text { margin: 0 12px; }

#xx170911-copyright ul .icon { margin-top: -4px; margin-right: 15px; }

#xx170911-copyright .icon-wechat { position: relative; cursor: pointer; }

#xx170911-copyright .icon-wechat:hover .qrcode { display: block; }

#xx170911-copyright .icon-wechat .qrcode { position: absolute; display: none; width: 180px; height: 180px; background-color: #fff; top: -196px; left: -77.5px; border-radius: 18px; }

#xx170911-copyright .icon-wechat .triangle { position: absolute; bottom: -14px; left: 80px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #fff; }

#xx170911-copyright .icon-wechat img { width: 170px; height: 170px; margin: 5px; }