@charset "utf-8";
/* CSS Document */
/* common */
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,span,ul,ol,li{margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#363636;}

ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0px;}
.clear{width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both}
b{font-weight:normal;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* link */
a{text-decoration:none;}
a:hover{text-decoration:none;}


body{
    margin:0 auto;
    width:100%;
    max-width:1680px;
    min-width:1000px;
    overflow-x:hidden;
}
/*浏览器更新提示*/
.browserupgrade{
    margin:0;
    z-index:9999;
    width:100%;
    height:42px;
    color:#ec1c32;
    text-indent:20px;
    line-height:42px;
    background:#222222;
    border-bottom:4px solid #000000;
}
.browserupgrade a{
    font-size:16px;
    color:#ffffff;
    cursor:pointer;
}
.browserupgrade a.close{
    font-size:14px;
    margin-right:20px;
    float:right;
}
.wrap{
    margin:0 auto;
    width:100%;
    min-width:1000px;
}
.main{
    margin:0 auto;
    width:1000px;
    position:relative;
}
.header{
    margin:0 auto;
    width:100%;
    min-width:1000px;
}
.header-top{
    height:90px;
}
.logo{
    float:left;
    margin-top:30px;
    padding-right:22px;
    width:151px;
    height:44px;
    display:block;
    border-right:1px solid #dbdbdb;
}
.logo-text{
    float:left;
    margin-top:25px;
    margin-left:15px;
    line-height:20px;
	font:16px/24px "Microsoft YaHei";
	color:#999;
}
.phone{
    float:right;
    margin-top:40px;
    text-align:right;
	font:16px/24px "Microsoft YaHei";
	color:#999;
}

.main-nav{
    margin:0 auto;
    width:1140px;
    position:relative;
	}

.nav{
    width:100%;
    height:45px;
    background:#f9806b;
}

.nav li{ float:left; 
		text-align:center;
}

.nav li a{
	font:16px/45px "Microsoft YaHei";
	color:#fff;
	display:block;
	width:140px;
}
	
.nav li.pipe {
    color: #fff;
	width:1px;
	line-height:45px;
}

.content{
    margin:0 auto;
    width:100%;
}
.part{
    margin:0 auto;
    width:100%;
    overflow:hidden;
	padding-bottom:50px;
}
.part.bg{
    
    background:url("../img/bg.jpg") repeat center center;
}

.part-title{
    padding-top:60px;
    padding-bottom:30px;
}
.part-title h1{
    font-size:40px;
    line-height:45px;
    text-align:center;
	color:#474852;
	font-weight:bold;
}
.part-title.c1 h1{
    color:#ffffff;
}
.part-title p{
    padding-top:12px;
    font-size:20px;
    line-height:28px;
    text-align:center;
    color:#a3a3a3;
}
.part-title h1 b{
    color:#f9806b;
	font-weight:bold;
}



.part1-info{ width:962px; height:281px; margin:0 auto; 
			background:url("../img/part01_00.png") no-repeat center center;
			position:relative;
}

.part1-info li{ width:154px; height:154px; position:absolute;}
.part1-info li h1{
	width:64px;
    font-size:18px;
    line-height:60px;
    font-weight:bold;
    color:#fff;
	text-align:center;
	}
.part1-info li p{
    font-size:12px;
    line-height:14px;
    color:#636363;
	font-family:"宋体";
	}

.s p{ margin-left:40px; margin-top:10px;}

.x p{ height:57px; margin-left:40px; margin-top:30px;}
.x h1{  margin-top:10px;}

.s{ background:url("../img/part01_01.png") no-repeat center left;}
.x{ background:url("../img/part01_02.png") no-repeat center left;}




.s1{ left:20px;}
.s2{ left:170px;}
.s3{ left:320px;}
.s4{ left:470px;}
.s5{ left:620px;}
.s6{ left:770px;}

.x1{ left:95px; top:130px;}
.x2{ left:245px; top:130px;}
.x3{ left:395px; top:130px;}
.x4{ left:545px; top:130px;}
.x5{ left:695px; top:130px;}
.x6{ left:845px; top:130px;}



/*第二部分——大势所趋，互联网+时代来临！*/
.part.bg2{
    height:930px;
    background:url("../img/bg2.jpg") no-repeat center center;
}

.part2{ height:350px;}


.part2 dl{ width:300px; height:350px; float:left;
		background:rgba(0, 0, 0, 0.3)!important;
		filter:Alpha(opacity=30); background:#fff;
		border:1px solid #f9806b;
		margin-right:47px;
}

.part2 dl dt{ width:300px; margin:0 auto;
		text-align:center; padding:10px 0;
 }

.part2 dl:hover{
    transition:1.0s;
}
.part2 dl:hover img{
    transition:1.0s;
    animation: scaling 2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
@keyframes scaling {
    0% {    transform:scale(1);}
    25% {    transform:scale(1.05);}
    50% {    transform:scale(1);}
    75% {    transform:scale(0.95);}
    100% {    transform:scale(1);}
}

.part2 dl dd h1{
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    color:#fff;
    text-align:center;
}
.part2 dl dd h1 b{ font-weight:600;}
.part2 dl dd p{
    margin:5px 15px 0;
    font-size:14px;
    line-height:18px;
    color:#fff;
}
.part2-info{ margin-bottom:40px;}

.part2-info h2{ text-align:center; margin:35px 0 30px;}
.part2-info h3{
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    color:#f9806b;
    text-align:center;
	}

.part2-info ul{ width:1000px; height:200px; 
		background:rgba(255, 255, 255, 0.2)!important;
		filter:Alpha(opacity=20); background:#fff;
		margin-top:35px;
}


.part2-info li{ width:600px;
				background:url(../img/part02_05.png) no-repeat left;
				font-size:18px;
				line-height:36px;
				padding-left:25px;
				margin:0 auto;
				color:#fff;
 }


.btn{
    margin:0 auto;
    width:282px;
    height:40px;
    line-height:40px;
    color:#f9806b;
    font-size:20px;
    text-align:center;
    display:block;
    transition:0.5s;
    border:1px solid #f9806b;
    border-radius:28px;
}
.btn:hover{
    transition:0.5s;
    color:#f9806b;
    background:#ffffff;
}

/*第三部分——9大技术革新*/

.part .rotate{
    width:550px;
    height:500px;
    position:relative;
	margin-top:50px;
	float:left;
}
.part .rotate .php{
    width:444px;
    height:444px;
    animation: rotating1 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    background:url("../img/rotate-bg.png") no-repeat center;
}
.part .rotate .php .box{
    top:139px;
    left:139px;
    width:120px;
    height:120px;
    position:absolute;
    background:#87aad5;
    border:21px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse1 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .php p{
    font-size:36px;
    line-height:120px;
    text-align:center;
    color:#474852;
	font-weight:600;
}
.part .rotate .rotate1{
    top:0;
    left:0;
    width:444px;
    height:444px;
    position:absolute;
    border:1px dashed #b4b4b4;
    border-radius:50%;
    animation: rotating1 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate1 .box{
    width:70px;
    height:70px;
    position:absolute;
    border:7px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse1 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate1 .box p{
    line-height:70px;
    text-align:center;
    color:#474852;
	font-weight:600;
}
.part .rotate .rotate1 .box.b1{
    top:-38px;
    left:253px;
    background:#51bcb4;
    background:rgba(81,188,180,0.6);
}
.part .rotate .rotate1 .box.b2{
    top:87px;
    left:-27px;
    background:#ffad00;
    background:rgba(255,173,0,0.6);
}
.part .rotate .rotate1 .box.b3{
    top:244px;
    right:-24px;
    background:#db8cdb;
    background:rgba(219,140,219,0.6);
}
.part .rotate .rotate1 .box.b4{
    top:302px;
    left:-13px;
    background:#45b7fe;
    background:rgba(69,183,254,0.6);
}
.part .rotate .rotate1 .box.b5{
    top:388px;
    left:141px;
    background:#ff494d;
    background:rgba(255,73,77,0.6);
}
.part .rotate .rotate2{
    top:82px;
    left:82px;
    width:277px;
    height:277px;
    position:absolute;
    border:1px dashed #b4b4b4;
    border-radius:50%;
    animation: rotating2 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate2 .box{
    width:70px;
    height:70px;
    position:absolute;
    border:7px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse2 30s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate2 .box p{
    line-height:70px;
    text-align:center;
    color:#474852;
	font-weight:600;
}
.part .rotate .rotate2 .box.b1{
    top:-30px;
    left:27px;
    background:#7a7ee1;
    background:rgba(122,126,225,0.6);
}
.part .rotate .rotate2 .box.b2{
    top:36px;
    right:-42px;
    background:#fe7748;
    background:rgba(254,119,72,0.6);
}
.part .rotate .rotate2 .box.b3{
    top:156px;
    left:-33px;
    background:#ff458c;
    background:rgba(255,69,140,0.6);
}
.part .rotate .rotate2 .box.b4{
    top:220px;
    right:12px;
    background:#6fc675;
    background:rgba(111,198,117,0.6);
}
.part .rotate .info{
    top:80px;
    width:200px;
    display:none \9;
    opacity:0;
    position: absolute;
    transition:opacity 1s;
}
.part .rotate .box:hover .info{
    display:block \9;
    opacity:1;
    transition:opacity 1s;
}

/*keyframes*/
@keyframes rotating1{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}
@keyframes rotating-reverse1{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}
@keyframes rotating2{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}
@keyframes rotating-reverse2{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}


.part3{ float:left;
		margin-top:30px;
		margin-left:30px;
}
.part3-info{ width:340px; height:470px;
		border:1px solid #d3d3d3;
		background:#fff;
}

.part3-info h3{ font-size:20px;
		color:#f9806b;
		text-align:center;
		padding:20px 0 15px;
		font-weight:500;

}
.part3-info h4{ font-size:18px;
		color:#f9806b;
		text-align:left;
		font-weight:600;
		background:url(../img/part3_01.png) no-repeat left center;
		padding-left:10px;
		margin-left:15px;
}
.part3-info h5{ font-size:14px;
		color:#6f6f6f;
		padding:8px 15px 8px 25px;

}



/*第四部分——看我们怎么打造WEB3.0开发大牛！*/


.part4-main{
    margin:0 auto;
    position:relative;
	height:2000px;
	margin-top:50px;
}
.part4-box{
    width:480px;
    padding-bottom:30px;
    background:#ffffff;
}
.part4-box:hover .part4-title{
    transition:0.5s;
    background:#f9806b;
}
.part4-title{
    margin:2px;
    width:476px;
    height:90px;
    transition:0.5s;
    background:#f9806b;
}
.part4-title h1{
    padding-top:45px;
    font-size:24px;
    line-height:24px;
    color:#ffffff;
    text-align:center;
}
.part4-info{
	margin:2px;
    padding:0 10px;
	border:1px #ddd solid;
	border-top:none;
}
.part4-content{
    width:510px;
    margin-bottom:30px;
}
.part4-text{
    float:left;
    width:270px;
}
.part4-text h1{
    margin-top:25px;
    margin-left:10px;
    width:270px;
    line-height:32px;
	font-size:18px;
	color:#222;
    position:relative;
    border-bottom:1px solid #d3d3d3;
}
.part4-text h1 span{
    top:0;
    left:-10px;
    width:6px;
    height:6px;
    display:block;
    position:absolute;
    background:url("../img/part4-h1-tag.png") no-repeat left top;
}
.part4-text h3{
	width:390px;
	margin-left:20px;
	margin-top:10px;
	font-size:14px;
	line-height:32px;
	color:#999;	
}

.part4-h2{
    margin:0 auto;
    padding:15px;
    width:410px;
    background:#e8e8e8;
    border-radius:5px;
	margin-top:20px;
}


.part4-btn{
    margin:0 auto;
    margin-top:8px;
    width:440px;
    height:42px;
    line-height:42px;
    color:#ffffff;
    display:block;
    font-size:16px;
    text-align:center;
    background:#f9806b;
    border-radius:5px;
}

.part4-content2{
    margin-top:-10px;
    padding:0 10px;
}
.part4-info2{
    margin-top:10px;
    width:440px;
    height:80px;
    overflow:hidden;
    position:relative;
}
.part4-info2.bg1{
    background:url("../img/part4-img1.png") no-repeat center top;
}
.part4-info2.bg2{
    background:url("../img/part4-img2.png") no-repeat center top;
}
.part4-info2.bg3{
    background:url("../img/part4-img3.png") no-repeat center top;
}
.part4-info2.bg4{
    background:url("../img/part4-img4.png") no-repeat center top;
}
.part4-info2.bg5{
    background:url("../img/part4-img5.png") no-repeat center top;
}
.part4-info2.bg6{
    background:url("../img/part4-img6.png") no-repeat center top;
}

.part4-btn2{
    top:3180px;
    width:1000px;
    height:80px;
    font-size:30px;
    line-height:80px;
    text-align:center;
    color:#ffffff;
    display:block;
    position:absolute;
    background:#f9806b;
    border-radius:4px;
}

.part4-content2 h1{
    margin:20px 0 10px;
    padding-left:22px;
    line-height:32px;
	font-size:16px;
	font-weight:bold;
    color:#f9806b;
    background:url("../img/part4-h1-tag2.png") no-repeat left center;
}
.part4-content2 p{
    padding-left:21px;
    padding-top:11px;
    line-height:14px;
}
.part5-content2 h2{
    padding:20px 0;
    line-height:20px;
}
.p4b1{
    top:-29px;
    left:0;
    position:absolute;
}
.p4b2{
    top:94px;
    right:0;
    position:absolute;
}
.p4b3{
    top:590px;
    left:0;
    position:absolute;
}
.p4b4{
    top:732px;
    right:0;
    position:absolute;
}
.p4b5{
    top:1306px;
    left:0;
    position:absolute;
}
.p4b6{
    top:1440px;
    right:0;
    position:absolute;
}
.line1{
    top:5px;
    left:480px;
    width:290px;
    height:92px;
    position:absolute;
    background:url("../img/line1.png") no-repeat center top;
}
.line2{
    top:500px;
    left:228px;
    width:305px;
    height:91px;
    position:absolute;
    background:url("../img/line2.png") no-repeat center top;
}
.line3{
    top:640px;
    right:228px;
    width:292px;
    height:92px;
    position:absolute;
    background:url("../img/line1.png") no-repeat center top;
}
.line4{
    top:1160px;
    left:228px;
    width:305px;
    height:158px;
    position:absolute;
    background:url("../img/line3.png") no-repeat center top;
}
.line5{
    top:1350px;
    right:228px;
    width:290px;
    height:92px;
    position:absolute;
    background:url("../img/line1.png") no-repeat center top;
}

/*第五部分——师资*/


.part.bg5{
    height:710px;
    background:url("../img/bg5.jpg") no-repeat center center;
}

.sztd dl{ float:left;padding:0px 8px; width:150px;}
.sztd dl dt{ height:230px; overflow:hidden}

.sztd dl .tea-post{padding:10px; background:#f9806b; font-size:24px;color:#fff; line-height:24px; text-align:center}
.sztd dl .tea-post span{ font-size:14px; color:#fff;}

.sztd dl .tea-intro{padding:10px 15px; font-size:12px; color:#4f637c; line-height:22px; background:#e3e3e3; height:200px;}


/*第六部分——实战*/
.pro{ height:460px; position:relative;}
.pro .box{
    width:250px;
    height:410px;
    perspective: 300px;
	-webkit-perspective: 500;	
    position:absolute;
}
.pro .box p{
	color:#666;
	line-height:20px;
	transform: rotateY(10deg) scale(0.8);
}
.pro .box img{
    width:250px;
    height:410px;
    transform: rotateY(30deg) scale(0.8);
    border:2px solid #ffffff;
    transition:1s;
}
.pro .box.b1{
    left:0;
    z-index:1;
}
.pro .box.b2{
    left:128px;
    z-index:2;
}
.pro .box.b3{
    left:255px;
    z-index:3;
}
.pro .box.b4{
    left:382px;
    z-index:3;
}
.pro .box.b5{
    left:510px;
    z-index:3;
}
.pro .box.b6{
    left:637px;
    z-index:3;
}
.pro .box.b7{
    left:765px;
    z-index:3;
}
.pro .box.b8{
    left:893px;
    z-index:3;
}


.pro .box:hover{
    z-index:10;
}
.pro .box:hover p{
    transform: rotateY(0deg) scale(1);
    transition:1s;
}
.pro .box:hover img{
    transform: rotateY(0deg) scale(1);
    transition:1s;
}

/*第七部分*/
.part.bg7{
    height:700px;
    background:url("../img/bg7.jpg") repeat;
}
.part7{
    margin-top:36px;
    height:574px;
    position:relative;
    background:url("../img/part7-main.png") no-repeat center top;
}
.part7-box{
    padding:10px;
    width:330px;
    z-index:1;
    position:relative;
    background:#ffffff;
}
.part7-box.b3{
    top:282px;
    left:325px;
    position:absolute;
}
.part7-box h1{
    padding-top:26px;
    text-align:right;
    font-size:18px;
    line-height:18px;
}
.part7-box h2{
    padding-top:8px;
    text-align:right;
    font-size:12px;
    line-height:12px;
    color:#666666;
}
.part7-box.b2 h1{
    text-align:left;
}
.part7-box.b2 h2{
    text-align:left;
}
.part7-box.b3 h1{
    text-align:center;
}
.part7-box.b3 h2{
    text-align:center;
}
.part7-box img{
    margin-top:16px;
}
.part7-box-main{
    width:340px;
    display:none;
}
.part7-box.b3 .part7-box-main{
    margin-left:10px;
    width:680px;
}
.part7-info{
    margin-right:10px;
    margin-top:10px;
    float:left;
    width:160px;
    height:160px;
    background:url("../img/part7-info.png") no-repeat center top;
}
.part7-info.bg2{
    background:url("../img/part7-info2.png") no-repeat center top;
}
.part7-info h3{
    padding-top:34px;
    padding-left:12px;
    font-size:18px;
}
.part7-info p{
    margin-top:10px;
    padding:0 8px;
    line-height:20px;
    font-size:12px;
    color:#666666;
}
.bz1{
    top:53px;
    left:365px;
    width:37px;
    height:10px;
    position:absolute;
    background:url("../img/bz1.png") no-repeat center top;
}
.bz2{
    top:53px;
    left:-51px;
    width:36px;
    height:10px;
    position:absolute;
    background:url("../img/bz2.png") no-repeat center top;
}
.bz3{
    top:-54px;
    left:171px;
    width:10px;
    height:50px;
    position:absolute;
    background:url("../img/bz3.png") no-repeat center bottom;
}
.part7-box:hover{
    background:#cecece;
    z-index:9999;
}
.part7-box:hover h1{
    color:#f9806b;
}
.part7-box:hover img{
    display:none;
}
.part7-box:hover .part7-box-main{
    display:block;
}
.part7-box:hover .bz1{
    background:url("../img/bz1-act.png") no-repeat center top;
}
.part7-box:hover .bz2{
    background:url("../img/bz2-act.png") no-repeat center top;
}
.part7-box:hover .bz3{
    left:341px;
    background:url("../img/bz3-act.png") no-repeat center bottom;
}
.part7-box.b3:hover{
    left:155px;
    width:690px;
}

@charset "utf-8";
.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic; border:3px #fff solid;
	-webkit-box-shadow: 10px 10px 14px #737373;<!--（专对火狐浏览器的支持而设置的）-->
   -moz-box-shadow: 10px 10px 14px #737373;<!--（对Safari和Chrome浏览器而设置的）-->
   box-shadow: 10px 10px 14px #737373;

}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10001; height:1px}
.imageflow .slider{height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}
.imageflow .images{overflow:hidden; white-space:nowrap; }





/*左右滚动*/
#slide{
    margin:0 auto;
    width:1000px;
    height:378px;
    overflow:hidden;
}
#slide li{
    float:left;
}
.slideul1{
    width:3999px;
}
.slideul2 li {
    padding:5px;
    width:158px;
    height:178px;
    float:left;
}
.star1-title{
    background:url("../img/star1.jpg") no-repeat center top;
}
.star2-title{
    background:url("../img/star2.jpg") no-repeat center top;
}
.star3-title{
    background:url("../img/star3.jpg") no-repeat center top;
}
.star4-title{
    background:url("../img/star4.jpg") no-repeat center top;
}
.star5-title{
    background:url("../img/star5.jpg") no-repeat center top;
}
.star6-title{
    background:url("../img/star6.jpg") no-repeat center top;
}
.star7-title{
    background:url("../img/star7.jpg") no-repeat center top;
}
.star8-title{
    background:url("../img/star8.jpg") no-repeat center top;
}
.star9-title{
    background:url("../img/star9.jpg") no-repeat center top;
}
.star10-title{
    background:url("../img/star10.jpg") no-repeat center top;
}
.star11-title{
    background:url("../img/star11.jpg") no-repeat center top;
}
.star12-title{
    background:url("../img/star12.jpg") no-repeat center top;
}
.slideul2 li span{
    padding:0px;
    top:138px;
    height:35px;
    width:158px;
    line-height:35px;
    display:block;
    position:relative;
    background-color:rgba(255,101,0,0.8);
}
.slideul2 li span p{
    margin-left:22px;
    margin-right:11px;
    font-size:13px;
    font-weight:bold;
    color:#ffffff;
}
.slideul2 li span p b{
    font-size:15px;
    font-weight:bold;
    color:#ffffff;
}



.part.bg9{
    height:700px;
    background:url("../img/bg9.jpg") repeat;
}

.tab-ul{
    width:1002px;
    height:59px;
}
.tab-ul li{
    float:left;
    margin-right:1px;
    width:333px;
    height:59px;
    font-size:20px;
    line-height:59px;
    text-align:center;
    cursor:pointer;
    color:#1f2033;
    transition:0.5s;
    background:#e9e9ea;
}
.tab-ul li.selected{
    color:#ffffff;
    transition:0.5s;
    background:#f9806b;
}
.tab-box{
    margin-top:35px;
    width:1000px;
    height:442px;
    position:relative;
}
.hide{
    display:none;
}
.jt{
    top:-35px;
    width:19px;
    height:9px;
    position:absolute;
    background:url("../img/jt.png") no-repeat center;
}
.jt.pn1{
    left:157px;
}
.jt.pn2{
    left:494px;
}
.jt.pn3{
    left:831px;
}
.tb1 .title{
    float:left;
}
.tb1 .title.t2{
    float:right;
}
.tb1 h1{
    float:left;
    color:#f9806b;
    font-weight:bold;
    font-size:25px;
    line-height:58px;
}
.tb1 p{
    float:left;
    margin-left:10px;
    padding:3px 10px;
    color:#f9806b;
    line-height:24px;
    border:2px solid #f9806b;
}
.tb1 .img{
    width:1012px;
}
.tb1 .img img{
    margin-top:11px;
    margin-right:11px;
    float:left;
    width:242px;
    height:161px;
}
.tb2 .img{
    margin-top:12px;
    width:1014px;
}
.tb2 .img img{
    margin-right:13px;
    margin-top:13px;
    float:left;
    width:156px;
    height:189px;
}

.firm .main{
    width:1008px;
	padding-top:40px;
}
.firm .main .box{
    margin-right:8px;
    margin-bottom:8px;
    float:left;
    width:160px;
    height:80px;
    overflow:hidden;
    background:#ffffff;
    position:relative;
}
.firm .main .logo1{
    top:0;
    width:160px;
    height:80px;
    transition:1s;
    position:absolute;
}
.firm .main .logo2{
    top:80px;
    width:160px;
    height:80px;
    transition:1s;
    position:absolute;
}
.firm .main .box.b1 .logo1{
    background:url("../img/logo1.png") no-repeat center center;
}
.firm .main .box.b1 .logo2{
    background:url("../img/logo1-act.png") no-repeat center center;
}
.firm .main .box.b2 .logo1{
    background:url("../img/logo2.png") no-repeat center center;
}
.firm .main .box.b2 .logo2{
    background:url("../img/logo2-act.png") no-repeat center center;
}
.firm .main .box.b3 .logo1{
    background:url("../img/logo3.png") no-repeat center center;
}
.firm .main .box.b3 .logo2{
    background:url("../img/logo3-act.png") no-repeat center center;
}
.firm .main .box.b4 .logo1{
    background:url("../img/logo4.png") no-repeat center center;
}
.firm .main .box.b4 .logo2{
    background:url("../img/logo4-act.png") no-repeat center center;
}
.firm .main .box.b5 .logo1{
    background:url("../img/logo5.png") no-repeat center center;
}
.firm .main .box.b5 .logo2{
    background:url("../img/logo5-act.png") no-repeat center center;
}
.firm .main .box.b6 .logo1{
    background:url("../img/logo6.png") no-repeat center center;
}
.firm .main .box.b6 .logo2{
    background:url("../img/logo6-act.png") no-repeat center center;
}
.firm .main .box.b7 .logo1{
    background:url("../img/logo7.png") no-repeat center center;
}
.firm .main .box.b7 .logo2{
    background:url("../img/logo7-act.png") no-repeat center center;
}
.firm .main .box.b8 .logo1{
    background:url("../img/logo8.png") no-repeat center center;
}
.firm .main .box.b8 .logo2{
    background:url("../img/logo8-act.png") no-repeat center center;
}
.firm .main .box.b9 .logo1{
    background:url("../img/logo9.png") no-repeat center center;
}
.firm .main .box.b9 .logo2{
    background:url("../img/logo9-act.png") no-repeat center center;
}
.firm .main .box.b10 .logo1{
    background:url("../img/logo10.png") no-repeat center center;
}
.firm .main .box.b10 .logo2{
    background:url("../img/logo10-act.png") no-repeat center center;
}
.firm .main .box.b11 .logo1{
    background:url("../img/logo11.png") no-repeat center center;
}
.firm .main .box.b11 .logo2{
    background:url("../img/logo11-act.png") no-repeat center center;
}
.firm .main .box.b12 .logo1{
    background:url("../img/logo12.png") no-repeat center center;
}
.firm .main .box.b12 .logo2{
    background:url("../img/logo12-act.png") no-repeat center center;
}
.firm .main .box.b13 .logo1{
    background:url("../img/logo13.png") no-repeat center center;
}
.firm .main .box.b13 .logo2{
    background:url("../img/logo13-act.png") no-repeat center center;
}
.firm .main .box.b14 .logo1{
    background:url("../img/logo14.png") no-repeat center center;
}
.firm .main .box.b14 .logo2{
    background:url("../img/logo14-act.png") no-repeat center center;
}
.firm .main .box.b15 .logo1{
    background:url("../img/logo15.png") no-repeat center center;
}
.firm .main .box.b15 .logo2{
    background:url("../img/logo15-act.png") no-repeat center center;
}
.firm .main .box.b16 .logo1{
    background:url("../img/logo16.png") no-repeat center center;
}
.firm .main .box.b16 .logo2{
    background:url("../img/logo16-act.png") no-repeat center center;
}
.firm .main .box.b17 .logo1{
    background:url("../img/logo17.png") no-repeat center center;
}
.firm .main .box.b17 .logo2{
    background:url("../img/logo17-act.png") no-repeat center center;
}
.firm .main .box.b18 .logo1{
    background:url("../img/logo18.png") no-repeat center center;
}
.firm .main .box.b18 .logo2{
    background:url("../img/logo18-act.png") no-repeat center center;
}
.firm .main .box.b19 .logo1{
    background:url("../img/logo19.png") no-repeat center center;
}
.firm .main .box.b19 .logo2{
    background:url("../img/logo19-act.png") no-repeat center center;
}
.firm .main .box.b20 .logo1{
    background:url("../img/logo20.png") no-repeat center center;
}
.firm .main .box.b20 .logo2{
    background:url("../img/logo20-act.png") no-repeat center center;
}
.firm .main .box.b21 .logo1{
    background:url("../img/logo21.png") no-repeat center center;
}
.firm .main .box.b21 .logo2{
    background:url("../img/logo21-act.png") no-repeat center center;
}
.firm .main .box.b22 .logo1{
    background:url("../img/logo22.png") no-repeat center center;
}
.firm .main .box.b22 .logo2{
    background:url("../img/logo22-act.png") no-repeat center center;
}
.firm .main .box.b23 .logo1{
    background:url("../img/logo23.png") no-repeat center center;
}
.firm .main .box.b23 .logo2{
    background:url("../img/logo23-act.png") no-repeat center center;
}
.firm .main .box.b24 .logo1{
    background:url("../img/logo24.png") no-repeat center center;
}
.firm .main .box.b24 .logo2{
    background:url("../img/logo24-act.png") no-repeat center center;
}
.firm .main .box:hover .logo1{
    top:-160px;
    transition:1s;
}
.firm .main .box:hover .logo2{
    top:0;
    transition:1s;
}




.part.bg11{
    height:475px;
    background:url("../img/bg11.jpg") no-repeat center;
}
.part.bg11 .main{ padding-top:430px;}

.footer{
    width:100%;
    height:130px;
    background:#222222;
}
.footer p{
    color:#999999;
    font-size:12px;
    line-height:90px;
    text-align:center;
}







.xz-analyze{

}
.xz-analyze .title{
    width:1000px;
    height:30px;
    position:relative;
    background:url("../img/xz-title.png") no-repeat center center;
}
.xz-analyze .title h1{
    font-size:30px;
    line-height:30px;
    text-align:center;
    text-indent:40px;
    color:#f9806b;
	font-weight:bold;
}
.xz-analyze .title p{
    top:0;
    font-size:40px;
    line-height:30px;
    text-align:center;
    color:#f9806b;
    position:absolute;
    font-family:'Haettenschweiler', sans-serif;
}
.xz-analyze .title p.num{
    left:422px;
}
.xz-analyze .title p.num2{
    left:422px;
}
.xz-analyze .title p.num3{
    left:385px;
}
.xz-analyze .box{
    margin:36px 0 50px;
    width:1000px;
    height:350px;
    background:#ffffff;
}

.xz-analyze .box img{
    margin-top:30px;
    margin-left:65px;
    float:left;
    display:block;
}
.xz-analyze .box .info{
    margin-left:150px;
    margin-top:60px;
    float:left;
    width:305px;
}

.xz-analyze .box .info h1{
    font-size:30px;
    font-weight:bold;
    line-height:30px;
	color:#f9806b;
}

.xz-analyze .box .info p{
    margin-top:25px;
    font-size:16px;
    line-height:30px;
	color:#323232;
	font-weight:bold;
}
.xz-analyze .box .info b{
	color:#f9806b;
	font-weight:bold;
}
.xz-analyze .box .info h2{
    font-size:14px;
    line-height:20px;
	border:1px solid #cbcbcb;
	padding:8px 10px;
	margin-top:30px;
}
.xz-analyze .box .info span{
	color:#f9806b;
}

.xz-analyze .box.b2 img{
    margin-top:40px;
    margin-right:90px;
    float:right;
}
.xz-analyze .box.b2 .info{
    margin-left:120px;
}
.xz-analyze .box.b3 img{
    margin-top:40px;
    margin-left:100px;
    float:left;
}
.xz-analyze .box.b3 .info{
    margin-left:200px;
}
.xz-analyze .box.b4 img{
    margin-top:70px;
    margin-right:154px;
    float:right;
}
.xz-analyze .box.b4 .info{
    margin-left:120px;
}


.xz-bg2{
    height:590px;
    background:url("../img/xz-bg2.jpg") no-repeat center;
}


.zx2-info img{ margin-left:20px; margin-top:20px;}


/*文字向上滚动样式*/

table{cursor: pointer;overflow: hidden;}
.table_tit { width:680px; margin:0 auto}
.table_tit{ background:#fff;margin-bottom:5px;}
.table_tit tr th{ border-right:1px solid #ccc; color:#AF1F24; height:14px; overflow:hidden}
.xibao_tit h3{color: #fff;
    font-size: 20px; position:absolute; left:85px; top:9px;}
.xibao_tit a {color: #fff;
    font-size: 12px; position:absolute; left:100px; top:40px;}
.xibao_tit p {color: #fff;
    font-size: 14px; position:absolute; left:210px; top:11px;}
.tb_di{height:20px;width:577px;margin:0 auto;background:#fff;}
.scroll{height:340px;width:976px;overflow:hidden;}
.scrollxb{ height:466px;}
.scroll .xbgdxx{ width:976px; height:340px; font-size:12px; line-height:30px; color:#333; }
.scroll .xbgdxx td{ text-align:center; background-color:#FFF; height:30px; line-height:30px; }
.s_new_xz a{color:#ff9415; text-decoration:none;}
.s_new_xz a:hover{ text-decoration:none;}
.jyxbtable .sy_xb_tr  td{ color:#fff;font-size:14px; text-align:center; height:30px; overflow:hidden; line-height:30px; background-color:#06558f; }
.jyxbtable .sy_xb_tr  {  height:30px; }
.jyxbtable{width:1000px;margin:0 auto}

.thank-con{width:100%;margin:0}
.thank-con .hot{margin:12px 10px 10px 15px; width:315px; float:left; height:110px;}
.thank-con ul { height:200px; clear:both; }
.thank-con ul li{ float:left; width:310px;margin:0 0 0 15px;}
.thank-con{ overflow:hidden}
.sjly{
    margin-top:2px;
    padding:0 10px;
    height:21px;
    line-height:21px;
    color:#ffffff;
    display:block;
    background-color:#445e73;
}
/*文字向上滚动样式结束*/


.xz-bg5{
    height:215px;
    background:url("../img/xz-bg5.jpg") no-repeat center;
}

.xz5-info h1{
	text-align:center;
	font-size:36px;
	line-height:120px;
	color:#222;
}

.xz5-info ul{ width:610px; margin:0 auto; height:50px;}

.xz5-info li{
	float:left;
	margin-left:16px;
	font-size:14px;
	
}

.xz5-info li:before{ 
	content:"●";
	color:#f9806b;
	padding-right:16px;

}
.btn-xz{
    margin:0 auto;
    width:360px;
    height:60px;
    line-height:60px;
    color:#fff;
	background:#f9806b;
    font-size:20px;
    text-align:center;
    display:block;
    transition:0.5s;
    border:1px solid #f9806b;
    border-radius:10px;
}
.btn-xz:hover{
    transition:0.5s;
    color:#f9806b;
    background:#ffffff;
}



.xz-multi h1{
    font-size:16px;
    line-height:24px;
    color:#888888;
}
.tab-ul3{
    float:left;
    width:100px;
}
.tab-ul3 li{
    margin-bottom:10px;
    width:86px;
    height:86px;
    line-height:86px;
    text-align:center;
    font-size:24px;
    color:#f9806b;
    position:relative;
    border:1px solid #585858;
}
.tab-ul3 li img{
    top:36px;
    left:87px;
    display:none;
    position:absolute;
}
.tab-ul3 li.selected{
    color:#fff;
    background:#f9806b;
    border:1px solid #f9806b;
}
.tab-ul3 li.selected img{
    display:block;
}
.tab-box3{
    float:left;
    width:898px;
    height:481px;
    overflow:hidden;
    border:1px solid #ffffff;
}
.tab-box3 > div{
    width:898px;
    height:474px;
    overflow:hidden;
}
.tab-box3 div .info{
    float:left;
    margin-top:80px;
    margin-left:65px;
    width:305px;
}
.tab-box3 div .info h1{
    font-size:40px;
    font-weight:bold;
    line-height:46px;
    color:#f9806b;
    text-align:right;
}
.tab-box3 div .info p{
    margin-top:30px;
    font-size:16px;
    line-height:26px;
    color:#ffffff;
    text-align:right;
}
.tab-box3 div .info a{
    margin-top:10px;
    float:right;;
    width:99px;
    height:30px;
    line-height:30px;
    color:#ffffff;
    display:block;
    text-align:center;
    background:#f9806b;
}
.tab-box3 div img{
    margin-top:10px;
    margin-right:10px;
    float:right;
}
.xz-speech{
    width:1016px;
    padding-bottom:50px;
}
.xz-speech .box{
    margin-right:16px;
    float:left;
    width:238px;
    height:425px;
    background:#ffffff;
}
.xz-speech .box img{
    margin:33px auto 0;
    padding-bottom:30px;
    width:126px;
    height:126px;
    display:block;
    border-bottom:1px solid #ec1c32;
}
.xz-speech .box h1{
    margin-top:37px;
    font-size:18px;
    line-height:18px;
    text-align:center;
}
.xz-speech .box p{
    margin:12px auto 0;
    line-height:26px;
    color:#8a8a8a;
    width:190px;
    text-align:center;
}
.btn.c2{
    color:#ec1c32;
    border:1px solid #ec1c32;
}
.btn.c2:hover{
    color:#ffffff;
    background:#ec1c32;
}


.xz-bg8{
    height:368px;
    background:url("../img/xz-bg8.jpg") no-repeat center;
}


.xz8-info h1{
	text-align:center;
	font-size:60px;
	line-height:120px;
	color:#fff;
	padding-top:120px;
}
.xz8-info h1 b{ color:#f9806b;}

.xz8-info h2{
	text-align:center;
	font-size:30px;
	line-height:30px;
	color:#fff;
}


.fixbox{
    bottom:0;
    width:100%;
    height:70px;
    line-height:70px;
    position:fixed;
    z-index:999;
    background:#222222;
}
.fixbox-main{
    width:1000px;
	margin-left:10%;
}
.fixbox-main p{
    margin-right:24px;
    float:left;
    font-size:18px;
    color:#ffffff;
	padding-top:10px;
	line-height:24px;
}
.fixbox-main p span{ color:#ffc000;}

.fixbox-main input{
    float:left;
}
.fixbox-main input.text{
    margin-right:10px;
    margin-top:20px;
    width:150px;
    height:30px;
    line-height:30px;
    text-indent:15px;
    background:#ffffff;
    border:none;
}
.fixbox-main input.submit{
    margin-left:10px;
    margin-top:15px;
    width:150px;
    height:40px;
    cursor:pointer;
    background:url("../img/submit.png") no-repeat center top;
    border:none;
}