.clear{ clear: both; }
.container{ width: 1260px; margin: 100px auto 0; }
.container .title{ text-align: center; margin:0px 0; width:100%;}
.container .title h2{ font-size: 40px; color: #898989; display: inline-block; padding: 0 30px; text-align: center; letter-spacing: 2px }
.container .title h2 strong{ color: #288df5; font-weight: normal; }
.container .title p{ font-size: 18px; color: #313131; margin-top: 20px; line-height: 180%; }
.zixun{ text-align: center; margin-top: 50px; }
.zixun a{ display: inline-block; border: 2px solid #288df5; font-size: 24px; color: #288df5; padding: 10px 40px; transition: all 0.3s; }
.zixun a:hover{ background: #288df5; color: #FFF; }

/*python_banner开始*/
.python_banner .slideBox{width:100%;height:650px; overflow:hidden; position:relative; }
.python_banner .slideBox .hd{ overflow:hidden; position:absolute; left:50%; margin-left:-25px; bottom: 50px; z-index:1;}
.python_banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; padding:4px 7px;}
.python_banner .slideBox .hd ul li{ float:left; margin-right:10px; width:20px; height:6px; background:#0096E1; cursor:pointer; opacity:.5; filter:alpha(opacity=50);}
.python_banner .slideBox .hd ul li:last-child{ margin-right:0px;}
.python_banner .slideBox .hd ul li.on{ opacity:1; filter:alpha(opacity=100);}
.python_banner .slideBox .bd{ position:relative; height:100%; z-index:0;}
.python_banner .slideBox .bd li{ zoom:1; vertical-align:middle;height:650px;}
.python_banner .slideBox .bd .li1{background: #0096e1 url(../images/banner01_bg.jpg) no-repeat center bottom;}
.python_banner .slideBox .bd .li2{background: #E7FAFF url(../images/banner02_bg.jpg) no-repeat center bottom;}
.python_banner .slideBox .bd .li1 .text{ width: 469px; text-align: center; position: relative; left: 50%; top: 90px; margin-left: -95px; }
/*.python_banner .slideBox .bd .li1 .text img{ margin: 18px 0; }*/
.python_banner .slideBox .bd .li2 .text{ width: 617px; text-align: left; position: relative; left: 20%; top: 65px; }
.python_banner .slideBox .bd .li2 .text img{ margin: 6px 0; }
.python_banner .slideBox .bd .li2 .text img:nth-child(2){ margin-top: 0; position: relative; top: -10px; }


.section_01 .content{ height: 471px; }
.section_01 .content .boxL{ width: 559px; height: 471px; float: left; }
.section_01 .content .boxR .box{ width: 303px; height: 228px; background: #dcdcdc; border: 1px solid #ddd; float: left; margin-left: 15px; margin-bottom: 15px; float: left; padding: 20px; box-sizing: border-box; transition: all 0.3s; cursor: pointer; }
.section_01 .content .boxR .box h3{ font-size: 18px; }
.section_01 .content .boxR .box h3 span{ display: inline-block; width:70px; height: 43px; line-height: 43px; background: url(/themes/theme_gzhou_39/pc/images/python/bg_01.png) no-repeat; padding-left: 28px; font-size: 24px; }
.section_01 .content .boxR .box p{ font-size: 14px; color: #626262; margin-top: 10px; line-height: 160%; }
.section_01 .content .boxR .box:hover{ background: #00a0e9; color: #FFF; }
.section_01 .content .boxR .box:hover h3 span{ background-position: 0 -43px; }
.section_01 .content .boxR .box:hover p{ color: #FFF; }


.section_02{ background: #FFF; clear: both;}
.section_02 .container,.section_04 .container,.section_08 .container{ padding: 20px 0; }
.section_02 .content .boxL{ width: 560px; float: left; }
.section_02 .content .boxL .box{ width: 240px; margin: 0 20px 40px; text-align: center; float: left; }
.section_02 .content .boxL .box p{ display: inline-block; font-size: 22px; color: #333; margin-top: 10px; border-bottom: 3px solid #00a0e9; padding: 0 2px 5px; transition: all 0.5s; }
.section_02 .content .boxL .box:hover p{ padding: 0 15px 5px; }
.section_02 .content .boxR{ text-align: right; text-align: center; }
.section_02 .content .boxR h3{ font-size: 24px; color: #333; margin-bottom: 20px; }


.section_03 .content{ height: 580px; background: url(../images/bg_02.jpg) center bottom no-repeat; position: relative;clear: both;}
.section_03 .content p{ font-size: 18px; position: absolute; }
.section_03 .content p.p1{ top: 48px; left: 550px; font-size: 24px; }
.section_03 .content p.p2{ top: 180px; left: 204px; font-size: 18px; }
.section_03 .content p.p3{ top: 150px; left: 390px; font-size: 18px; }
.section_03 .content p.p4{ top: 195px; left: 825px; font-size: 18px; }
.section_03 .content p.p5{ top: 340px; left: 105px; font-size: 16px; }
.section_03 .content p.p6{ top: 350px; left: 290px; font-size: 16px; }
.section_03 .content p.p7{ top: 410px; left: 456px; font-size: 16px; }
.section_03 .content p.p8{ top: 306px; left: 716px; font-size: 16px; }
.section_03 .content p.p9{ top: 396px; left: 760px; font-size: 16px; }
.section_03 .content p.p10{ top: 305px; left: 964px; font-size: 16px; }


.section_04{ background: #fff; }
.section_04 .container h2{ color: #000; }

/* Common style */
.section_04 .content {
	position: relative;
	margin: -20px auto;
	padding: 1em 0 0;
	max-width: 1300px;
	list-style: none;
	text-align: center;
}
.section_04 .content figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 20px 10px;
	width: 380px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}
.section_04 .content figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.section_04 .content figure figcaption {
	padding: 3em 1.8em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.section_04 .content figure figcaption::before,
.section_04 .content figure figcaption::after {
	pointer-events: none;
}
.section_04 .content figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
}

/* Anchor will cover the whole item by default */
.section_04 .content figure h3 {
	font-size: 28px;
	word-spacing: -0.15em;
	font-weight: bold;
}
.section_04 .content figure.effect-ruby {
	background: -moz-linear-gradient(top right,#1aa1ff,#ae5da1);
	background: -webkit-gradient(linear, 0 0, 100% 100%, from(#1aa1ff), to(#ae5da1));
}
.section_04 .content figure.effect-ruby img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.section_04 .content figure.effect-ruby:hover img {
	opacity: 0.1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.section_04 .content figure.effect-ruby h3 {
	display: none;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
.section_04 .content figure.effect-ruby p {
	display: none;
	font-size: 14px;
	margin: 1em 0 0;
	padding: 1em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
}
.section_04 .content figure.effect-ruby:hover h3 {
	display: block;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.section_04 .content figure.effect-ruby:hover p {
	display: block;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

.section_05 .container{ margin-top: 0; }
.section_05 .content .kc_nav{ width: 980px; margin: 0 auto; position: relative; cursor: pointer; }
.section_05 .fl{width: 210px;}
.section_05 .fr{width: 990px;position: relative}
.section_05 .ul1{margin-right: 55px;text-align: right;margin-top:40px;}
.section_05 .frist{position: relative;}
.section_05 .frist p{position: absolute;color: #000;font-size: 25px;top: 18px;left: 78px;}
.section_05 .ul1 li{font-size: 18px;color: #000;margin-bottom: 30px;}
.section_05 .ul1 li .span1{font-size: 36px;color: #0096E1;}
.section_05 .ul1 li .span2{font-size: 18px;}
.section_05 .stage{overflow: hidden;padding-bottom: 18px;}
.section_05 .stage li{float: left;width: 140px;text-align: center;font-size: 20px;}
.section_05 .kc_content{ width: 980px; margin: 50px auto 0; }
.section_05 .kc_content li{display: none;}
.section_05 .kc_content li h3{ font-size: 24px; margin-bottom: 50px; }
.section_05 .kc_content li .text{margin-top: 30px;}
.section_05 .kc_content li .p1{ float: left; width: 150px;height: 30px;line-height: 30px;text-align: center;background: #0096E1;color: #fff;font-size: 16px;}
.section_05 .kc_content li .p2{ float: left; width: 815px; font-size: 16px; margin-top: 10px; margin-left: 15px; line-height: 28px; }
.section_05 .kc_content li.show{display: block;}
.section_05 .stage li.on{color: #0096E1;}
.section_05 .line,.section_06 .line{position: absolute; width: 140px; border-top:3px solid #0096E1; left: 0;bottom: 0;}


/*项目设计暂未完成
.section_06{margin-top: 56px;}
.section_06 .nav{ width: 988px; margin: 0 auto; position: relative; }
.section_06 .ul1{margin-top:114px;}
.section_06 .kc_content{ height: 600px; margin-top: 30px; }
.section_06 .ul2{overflow: hidden;}
.section_06 .ul2 li{width: 247px;float: left;padding-bottom: 16px;}
.section_06 .ul2 li img{display: block;margin: 0 auto 16px;}
.section_06 .ul2 li p{font-size: 18px;text-align: center;}
.section_06 .line{width: 247px;left: 0;}
.section_06 .slideBox{ width:700px; height:315px; overflow:hidden; position:relative;padding: 25px 0;margin: 0 auto; }
.section_06 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.section_06 .slideBox .bd ul{width: 700px;}
.section_06 .slideBox .bd li{ zoom:1; vertical-align:middle; width: 700px;}
.section_06 .slideBox .bd img,.section_06 .imgb{ width:570px; height:315px; display:block;margin: 0 auto;  }
.section_06 .slideBox .prev,.section_06 .slideBox .next{ position:absolute;width: 40px;height: 40px;display: block;top: 150px; }
.section_06 .slideBox .next{background: url(/themes/theme_gzhou_39/pc/images/python/box7_right.png) no-repeat center;right: 0; }
.section_06 .slideBox .prev{background: url(/themes/theme_gzhou_39/pc/images/python/box7_left.png) no-repeat center;left: 0;}
.section_06 .kc_content .btm{width: 860px;margin: 0 auto;}
.section_06 .kc_content .btm h3{font-size: 18px;color: #333;}
.section_06 .kc_content .btm p{overflow: hidden;margin-top: 14px;}
.section_06 .kc_content .btm span{float: left;width: 82px;height: 28px;line-height: 28px;display: block;text-align: center;color: #fff;font-size: 16px;background: #0096E1;margin-right: 12px;}
.section_06 .kc_content .btm b{float: left;font-weight: 400;font-size:16px;line-height: 24px;width: 748px;overflow: hidden;}
.section_06 .kc_content .btm b i{float: left;font-style: normal;display:block;margin-right:10px ;}
.section_06 .kc_content .btm .last_b i{margin-right:40px;}
.section_06 .a_btn{top:633px;background: #fff;color: #0096E1;box-shadow: 0 5px 0 #0B9CD8;transition: all .5s ease;margin-left: -100px;}
.section_06 .a_btn:hover{top:640px;}
.section_06 .imgb{padding: 25px 0;}
.section_06 .con{display: none;}
.section_06 .con.section_06_show{display: block;}
*/

.section_08{ background: #FFF;}
.section_08 .container{ margin-top: 0;}
.section_08 .content{ width: 875px; margin: 0 auto; }
.section_08 .box{ height: 215px; margin-top: 30px; box-shadow: 0 0 5px #aaa; cursor: pointer; }
.section_08 .box:hover{ box-shadow: 0 0 20px #999; }
.section_08 .box .pic img{ display: block; }
.section_08 .box .text{ width: 660px; height: 215px; background: #9e9e9e; padding: 20px; box-sizing: border-box; color: #FFF; }
.section_08 .box:hover .text{ background: #00a0e9; }
.section_08 .box_01 .pic,.section_08 .box_01 .text{ float: left; }
.section_08 .box_02 .pic,.section_08 .box_02 .text{ float: right; }
.section_08 .box_01 .text{ text-align: left; }
.section_08 .box_02 .text{ text-align: right; }
.section_08 .box h3{ font-size: 36px; }
.section_08 .box h3 small{ font-size: 24px;  font-style: italic; font-weight: 200; }
.section_08 .box p{ font-size: 18px; margin-top: 5px; font-weight: 200; }

.section_09{ height:560px; background: url(../images/s12_bg.jpg) bottom right no-repeat #FFF;}
.section_09 .container{ margin-top: 0;}
.section_09 .form{ width: 460px; text-align: center; padding-top: 50px; }
.section_09 .form input{display: inline-block; width: 380px; height:60px; font-size: 24px; color: #666;  padding: 0 1em; margin-bottom: 20px; box-sizing: border-box; border: solid 2px #00a0e9;}
.section_09 .form input.btn{background: #00a0e9; color: #FFF; font-size: 30px; cursor: pointer; border: none; transition:  all 300ms; }
.section_09 .form input.btn:hover{ background: #007ee9;}


.section_10{ width: 100%; height: 680px; background: #e5e5e5; }