/*-------------初始化----------------*/

/****  文字大小初始化,使1em=10px *****/

body{font-size:62.5%; min-width:1000px;}/* for IE/Win */

html>body{font-size:12px;} /* for everything else */

/*字体边框等初始化*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,img{padding:0; margin:0; font-size:12px;}

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

fieldset,img,input{border:0;}

address,caption,cite,code,dfn,th,var{font-weight:normal; font-style:normal;}

ol,ul,li{list-style:none; vertical-align:top;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}

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

abbr,acronym{border:0;}

a{text-decoration:none; outline:none;}

a img{border:none;}/*for IE*/

a:active{star:expression(this.onFocus=this.blur());}/*点击虚框去除*/

/*--------------end------------*/

body{background:#fff; font-size:14x; font-family:'微软雅黑'; color:#444;}

.ztgd{ -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

.pr{ position:relative; top:0;}

.pr:hover{ top:-5px;}


/*头部样式*/
#top .head{
	width: 1200px;
	height: 88px;
	margin:auto;
	position:relative;
	margin-bottom:3px;
}
.head .aptitude,.head .logo,.head .area,.head .contact{
	float: left;
}
.head .logo{
	margin-top: 29px;
}
#top .head .aptitude{
	margin-left: 130px;
	height: 100%;
}
#top .head .aptitude div{
	display: table-cell;
	vertical-align: middle;
	height: 100px;
}
#top .head .aptitude ul{
	list-style: disc;
	color: #989898;
}
#top .head .aptitude li{
	padding:2px 0px;
	font-size: 12px;
}

#top .head .contact{
	width: 220px;
	margin-top: 20px;
	position:absolute;
	right:0;
}
#top .head .contact div{
	float: left;
}
#top .head .contact .quhao{
	font-size: 24px;
	color: #414141;
	font-weight: bold;
	font-family: "黑体";
}
#top .head .contact .number{
	font-size: 26px;
	color: #414141;
	font-weight: bold;
	font-family: "黑体";
	line-height: 28px;
}
#top .head .contact .zixun{
	font-size: 14px;
	color: #424242;
	margin-top: 8px;
	text-align: center;
	width: 100%;
}
/*nav样式*/
.navbg{  width: 100%;
   		 background-image: url("/www.zrgjxa.com/skin/default/images/dhbj.jpg");
   		 height: 50px;
  		  line-height: 50px;
   		 clear: both;
   		 margin: 7px auto;
   		 border-radius: 4px; 
		 box-shadow: 0px 4px 5px #888888;
	}
.nav{ width:1180px; margin:0 auto; text-align:center; font-size:16px; font-weight:bold;}
.nav a{padding:0 18px 0 20px; }




/*--------------banner------------*/

.ban{ width:100%; height:730px; overflow:hidden; position:relative;}

#Mycanvas{ z-index:9;}

.ban .inner{ width:1200px; height:730px; position:absolute; left:50%; top:0; margin-left:-600px;}

.ban .banbox{ width:1200px; height:730px; position:relative;}

.ban .banbox img{ display:block; margin:0 auto 8px; z-index:99;}

.ban .banbox .abox{ width:435px; position:absolute; left:385px; bottom:110px; z-index:999;}

.ban .banbox .abox a{ display:block; width:176px; height:46px; text-align:center; line-height:46px; font-size:22px; font-weight:bold; background:#fff10a; color:#00a4d8; border-bottom:8px solid #d5c906; border-radius:50px; float:left;}

.ban .banbox .abox .a_r{ background:#fe711c; color:#fff; border-bottom-color:#cd550c; float:right;}

.ban .banbox .abox a:hover{ height:54px; line-height:54px; border:none;}

.ban .zs{ display:block; position:absolute; left:50%; top:43px; margin-left:-860px; animation: yun 2s linear infinite alternate;  -moz-animation: yun 2s linear infinite alternate; -webkit-animation: yun 2s linear infinite alternate; -o-animation: yun 2s linear infinite alternate;}

.ban .zs2{ top:53px; margin-left:500px; animation: yun1 2s linear infinite alternate;  -moz-animation: yun1 2s linear infinite alternate; -webkit-animation: yun1 2s linear infinite alternate; -o-animation: yun1 2s linear infinite alternate;}

/*box7 职业发展先人一步一下样式*/

.box7_h1{background: #4bcbd7;width: 100%;height: 98px;text-align: center;font-size: 42px;line-height: 98px;color: #ffffff;}

.box7{background: #d3fbff;}

.box7_content{background: #d3fbff; width:1200px; margin: 0 auto;  padding: 50px 0; overflow: hidden}

.img1{display: inline-block;padding-left: 75px;}

.img2{display: inline-block;margin-left: 20px; margin-top: 15px;}

.img3{ 468px;display: inline-block; padding-left: 15px;}



/*头图上下浮动动画*/

/*box8 python*/



@keyframes yun

{

from {top: 43px;}

to {top: 35px;}

}



@-moz-keyframes yun /* Firefox */

{

from {top: 43px;}

to {top: 35px;}

}



@-webkit-keyframes yun /* Safari 和 Chrome */

{

from {top: 43px;}

to {top: 35px;}

}



@-o-keyframes yun /* Opera */

{

from {top: 43px;}

to {top: 35px;}

}

/*头图上下浮动动画1*/

@keyframes yun1

{

from {top: 53px;}

to {top: 58px;}

}



@-moz-keyframes yun1 /* Firefox */

{

from {top: 53px;}

to {top: 58px;}

}



@-webkit-keyframes yun1 /* Safari 和 Chrome */

{

from {top: 53px;}

to {top: 58px;}

}



@-o-keyframes yun1 /* Opera */

{

from {top: 53px;}

to {top: 58px;}

}



/*-------------全局样式------------*/

.box{ width:100%; overflow:hidden; padding:45px 0;}

.box .box_in{ width:1200px; margin:0 auto; position:relative; overflow:hidden; }

.box h2{width:655px; height:135px; margin:0 auto 30px; background:url("/zt/python/images/h2_1.jpg") no-repeat center top; text-indent:-999px;}

.box ul{ width:100%; overflow:hidden;}

.box img{ display:block;}

.box .ztbtn{ display:block; width:270px; margin:0 auto; height:54px; text-align:center; line-height:54px; background:#27b5f5; border-bottom:6px solid #1390c8; color:#fff; font-size:22px; border-radius:50px;}

.box .ztbtn:hover{ height:60px; line-height:60px; border:none;}



.box1{ background:url("/zt/python/images/box1bg.jpg");}

.box1 .ulbox{ width:1100px; background:url("/zt/python/images/box15.png") no-repeat right top;}

.box1 .ulbox ul{ margin-left:160px; padding-top:4px;}

.box1 .ulbox li{ margin-bottom:5px;}

.box1 .ulbox li img{ height:72px;}



.box2 .con2{ width:1100px; overflow:hidden; margin-bottom:30px;}

.box2 .con2 h3{ font-size:24px; text-align:center; margin-bottom:10px;}

.box2 .con2 .con2_l{ width:542px; float:left;}

.box2 .con2 .con2_r{ width:463px; float:right;}



.box2s h2{width:589px; height:170px; background-image:url("/zt/python/images/h2_2.jpg"); margin-bottom:0;}



.box3{ background:#cbf2ff;}

.box3 .con3{ width:100%; overflow:hidden;}

.box3 .con3 .con3_l{ width:590px; height:370px; float:left; position:relative; background:url("/zt/python/images/box31.jpg") no-repeat right top;}

.box3 .con3 .con3_r{ float:right; background:url("/zt/python/images/box32.jpg") no-repeat left top;}

.box3 .con3 .con3_l img{ width:310px; height:300px; position:absolute; left:0; top:66px;}

.box3 .con3 .con3_r img{ left:279px;}

.box3 .con3 .con3_l:hover img{ left:5px; top:70px;}

.box3 .con3 .con3_r:hover img{ left:274px;}



.box4{ background:url("/zt/python/images/box1bg.jpg"); padding:0;}

.box4 .box_in{ width:930px; height:650px; background:url("/zt/python/images/box4"/zt/python/images/bg.png"") no-repeat center; position:relative; overflow:hidden;}

.box4 .box_in h3{ width:498px; height:111px; background:url("/zt/python/images/box41.png") no-repeat center; margin:260px auto 0;}

.box4 .box_in img{ position:absolute;}

.box4 .box_in .ztpic1{ left:65px; top:106px;}

.box4 .box_in .ztpic2{ left:0px; top:262px;}

.box4 .box_in .ztpic3{ left:56px; bottom:67px;}

.box4 .box_in .ztpic4{ left:232px; bottom:123px;}

.box4 .box_in .ztpic5{ left:390px; bottom:61px;}

.box4 .box_in .ztpic6{ right:230px; bottom:147px;}

.box4 .box_in .ztpic7{ right:73px; bottom:26px;}

.box4 .box_in .ztpic8{ right:0px; bottom:189px;}

.box4 .box_in .ztpic9{ right:25px; bottom:342px;}

.box4 .box_in .ztpic10{ right:186px; top:65px;}

.box4 .box_in .ztpic11{ left:311px; top:57px;}

.box4 .box_in img:hover{ -webkit-transform: scale(.96); -moz-transform: scale(.96); -ms-transform: scale(.96); -o-transform: scale(.96); transform: scale(.96);}



.box5{ padding-top:0;}

.box5 h2{width:590px; height:225px; background-image:url("/zt/python/images/h2_3.jpg");}

.box5 .ulbox{ width:940px; overflow:hidden; margin:0 auto; position:relative;}

.box5 .ulbox .fgx{ height:570px; width:1px; background:#000; position:absolute; left:465px; top:110px;}

.box5 .ulbox ul{ width:1090px;}

.box5 .ulbox li{ width:395px; float:left; margin:0 150px 20px 0; color:#000; overflow:hidden;}

.box5 .ulbox li h3{ font-size:30px; margin-bottom:10px; text-align:center;}

.box5 .ulbox li p{ font-size:16px; line-height:28px; text-align:center;}

.box5 .ulbox .picbox{ display:block; width:196px; height:220px; margin:0 auto;}

.box5 .ulbox .picbox .sticker-img{ background:url("/zt/python/images/box51.png") no-repeat center;}

.box5 .ulbox .picbox1 .sticker-img{ background-image:url("/zt/python/images/box52.png");}

.box5 .ulbox .picbox2 .sticker-img{ background-image:url("/zt/python/images/box53.png");}

.box5 .ulbox .picbox3 .sticker-img{ background-image:url("/zt/python/images/box54.png");}



.box6{ padding:0; position:relative;}

.box6 .box6bg div{ width:100%; height:182px; background:url("/zt/python/images/box6bg_01.jpg") no-repeat center top;}

.box6 .box6bg .div1{ background-image:url("/zt/python/images/box6bg_02.jpg");}

.box6 .box6bg .div2{ background-image:url("/zt/python/images/box6bg_03.jpg");}

.box6 .box6bg .div3{ background-image:url("/zt/python/images/box6bg_04.jpg");}

.box6 .box6bg .div4{ background-image:url("/zt/python/images/box6bg_05.jpg");}

.box6 .box_in{ position:absolute; left:50%; top:50px; margin-left:-600px;}

.box6 .hd{ font-size:50px; color:#fff; text-align:center; margin-bottom:40px;}

.box6 .slideGroup{ width:1160px; margin:0 auto; overflow:hidden;}

.box6 .slideGroup .parHd{position:relative; width:374px; height:561px; float:left; background:url("/zt/python/images/box61.png") no-repeat left center;}

.box6 .slideGroup .parHd ul{ width:322px; position:absolute; left:52px; top:24px; overflow:visible;}

.box6 .slideGroup .parHd ul li{cursor:pointer; width:322px; height:135px; padding-top:36px;}

.box6 .slideGroup .parHd ul li h3{ font-size:34px; text-align:center; margin-bottom:15px;}

.box6 .slideGroup .parHd ul li p{ font-size:24px; text-align:center;}

.box6 .slideGroup .parHd ul li.on{ background:url("/zt/python/images/box62.png") no-repeat 300px 0;}

.box6 .slideGroup .slideBox{ overflow:hidden; zoom:1; position:relative; width:765px; height:460px; float:right; background:#f1fbff url("/zt/python/images/pc.jpg") no-repeat center top; padding-top:54px; margin-top:24px;}

.box6 .slideGroup .slideBox1{ background-image:url("/zt/python/images/sjwj.jpg");}

.box6 .slideGroup .slideBox2{ background-image:url("/zt/python/images/web.jpg");}

.box6 .slideGroup .parBd ul{ overflow:hidden; zoom:1; }

.box6 .slideGroup .parBd ul li{ height:42px; line-height:42px;}

.box6 .slideGroup .parBd ul li p{ font-size:16px;}

.box6 .slideGroup .parBd ul li p span{ display:inline-block; float:left; text-align:center; width:75px;}

.box6 .slideGroup .parBd ul li p .span2{ width:60px;}

.box6 .slideGroup .parBd ul li p .span3{ width:245px;}

.box6 .slideGroup .parBd ul li p .span4{ width:95px; color:#018bad; font-weight:bold;}

.box6 .slideGroup .parBd ul li p .span5{ width:290px;}

.box6 .ztbtn{ background:#fffc0b; border-bottom-color:#dad80c; color:#444; margin-top:70px;}

/*职业发展 先人一步*/

.box7{ padding-top:0;}

.box7 h2{width:435px; height:198px; background-image:url("/zt/python/images/h2_4.jpg");}

.box7 .con7{ overflow:hidden; position:relative; padding-top:16px; margin-bottom:24px;}

.box7 .con7 .con7_l{ width:600px; float:left;}

.box7 .con7 h3{ font-size:30px; text-align:center; margin-bottom:30px;}

.box7 .con7 img{ width:600px; height:599px;}

.box7 .con7 .vs{ display:block; width:120px; height:90px; background:url("/zt/python/images/vs.png") no-repeat center; position:absolute; left:540px; top:10px; animation:scaleBtn 0.8s infinite;-moz-animation:scaleBtn 0.8s infinite; -webkit-animation:scaleBtn 0.8s infinite; -o-animation:scaleBtn 0.8s infinite;}

.box7 .car{ margin:0 auto;}

/*循序渐进学透"人工智能＋Python"*/

.box8{width: 100%;background: #fff;padding-bottom:40px;}

.box8 .h2hd{ text-align:center; margin-bottom:50px;color: #006ba4; font-size: 40px;}

.box8 .h2hd h3{ margin-bottom:5px;margin: 44px 0;}

.box8_top_right{width: 332px;height: 22px; padding:8px 48px; border: 1px solid #006ba4; margin-left: 10px;font-size: 28px; position: relative; bottom:5px;}

.box8 .h2hd p{ font-size:40px;}

.box8 .one{background: url("/zt/python/images/one.png") no-repeat;padding:3px 0 12px 30px ;}

.box8 .two{background: url("/zt/python/images/two.png") no-repeat;padding:3px 0 14px 30px ;}

.box8 .three{background: url("/zt/python/images/three.png") no-repeat;padding:3px 0 12px 30px ;}

.box8 .three1{background: url("/zt/python/images/04.png") no-repeat;padding:3px 0 12px 30px ;}

.box8 .three2{background: url("/zt/python/images/05.png") no-repeat;padding:3px 0 12px 30px ;}

.box8 .six{background: url("/zt/python/images/six.png") no-repeat;padding:3px 0 12px 30px ;}

.box8 .pskc{width: 1148px; margin: 0 auto; position: relative;}

.box8 .pskc .line{width:1147px; height: 112px; background:url("/zt/python/images/linebig.png") no-repeat; position: absolute; right:0; top:500px;}

.box8 .pskc .line2{width:1189px; height: 464px; background:url("/zt/python/images/ps2.png") no-repeat; position: absolute; right:0; top:800px;}

.box8 .pskc .line3{width:748px; height: 291px; background:url("/zt/python/images/python.png") no-repeat; top:1485px; left: -38px; right: inherit;}

.box8 .pskc .abtn{position: absolute; bottom:-25px; left:500px;}

.box8 .pskc .pshxbc{width: 520px;height: 504px; display: inline-block; margin-right: 50px; margin-bottom: 74px; position: relative; z-index: 2;}


.box8 .pskc .pshxbc2 .psggt_ky3_bd{height: 322px;}

.box8 .pskc .pshxdht{width: 30px;height: 445px;}

.box8 .pskc .pshxdht01{position: absolute;left: 40px;top: -8px;}

.box8 .pskc .pshxdht01_cl{background: #4bcbd7;color: #FFFFFF;font-size:19px;padding:6px;text-align: center;float: left;margin-right: 20px;float: left;.box8 .pskc }

.box8 .pskc .ps_w{width: 520px;margin-top: 20px; overflow: hidden}

.box8 .pskc .pshxdht01_cr{color: #23b6c4;font-size: 18px;width: 335px; height: 100px; float: left; overflow: auto;}

.box8 .pskc .pshxdht01_cr li{font-size: 14px; line-height: 24px;}

.box8 .pskc .pshxdht01_jjl{background: #006ba4;color: #FFFFFF;font-size:19px;padding:6px;text-align: center;float: left;margin-right: 20px;float: left.box8 .pskc ;}

.box8 .pskc .pshxdht01_jjr{color: #175678;font-size: 18px;width: 312px;height: 73px;float: left;}

.box8 .pskc .pshxdht01_jjr li{font-size: 14px; line-height: 24px;}

.box8 .pskc .top_h{color: #006ba4;font-size: 28px;font-weight: bold !important;}

.box8 .pskc .pshxdht01_nr{width: 490px;height: 210px;background: #d3fbff;border-radius: 22px;padding:15px 5px  15px 23px}

.box8 .pskc .pshxdht01_nr_top{color: #478fb8;font-size: 22px;display: inline-block;text-align: left; padding-bottom: 10px;}

.box8 .pskc .pshxdht01_jjwth{height: 100px;}

.box8 .pskc .psggt_ky1{width: 20px;height: 20px;border:2px solid #77cff2;border-radius:12px;margin: 0 auto;}

.box8 .pskc .psggt_ky2{width: 16px;height: 16px;background: #4bcbd7;border-radius:10px; margin: 0 auto;}

.box8 .pskc .psggt_ky3{width: 16px;height: 16px;background: #006ba4;border-radius:10px; margin: 0 auto;}

.box8 .pskc .psggt_ky1_bd{width: 1px;height: 48px;margin: 0 auto;background: #20b0e9;}

.box8 .pskc .psggt_ky2_bd{width: 1px;height: 68px;margin: 0 auto;background: #20b0e9;}

.box8 .pskc .psggt_ky3_bd{width: 1px;height: 292px;margin: 0 auto;background: #20b0e9;}

.box8 .pskc .pshxdht01_nr ul li{font-size: 13px;color: #333333;width: 50%;float: left;font-family: "微软雅黑";margin-top: 6px;text-align: left;}

.box8 .pskc .pshxdht01_nr div p{font-size: 14px;color: #333333; font-family: "微软雅黑";margin-top: 3px;text-align:left;}



/*项目升级 学以致用*/

.box9{ padding:0; position:relative; background:#eff9fe url("/zt/python/images/xm_bg.jpg") no-repeat center 30px; margin-top:216px;}

.box_box9{overflow: visible !important; padding-bottom: 30px;}

.box9 .con9{ width:1200px; position:relative;}

.box9 .con9 .h3hd{ font-size:60px; line-height:70px; position:absolute; left:95px; top:0;}

.box9 .xyjy_h{font-size: 44px; font-weight: bold;color: #006ba4; text-align: center; padding-bottom: 40px;}

.box9 .xyjy .xyjy_h span{color: #006ba4;font-size: 44px;font-weight: 400;}

.box9 .con9 .tabt{ position:absolute; left:95px; top:-135px;}

.box9 .con9 .tabt ul{overflow: visible; text-align: center;}

.box9 .con9 .tabt li{float: left; width:300px; height:36px; padding-left:40px; text-align:left; line-height:36px; background:#15aaff; color:#fff; font-size:18px; font-weight:bold; margin-bottom:16px; border-radius: 20px 20px 0px 0px; cursor:pointer;}

.box9 .con9 .tabt li.zxts{ background:#ff4444; height: 46px; line-height: 46px; position: relative; bottom:10px;}

.box9 .con9 .tabc .mains{ width:1200px; margin:0 auto; overflow:hidden; display:none;}

.box9 .con9 .tabc .nowmains{ display:block;}

.box9 .mains .slidebox{width:708px; height: 426px; border:10px solid #8ACBD9; overflow:hidden; position:relative; margin:65px 0 50px 455px;}

.box9 .mains .slidebox .hd{ height:15px; background:url("/zt/python/images/bg.png"); padding:5px 5px 0 10px; overflow:hidden; position:absolute; right:300px; bottom:20px; z-index:9999; }

.box9 .mains .slidebox .hd ul{ overflow:hidden; zoom:1; float:left;}

.box9 .mains .slidebox .hd ul li{ float:left; margin-right:5px; width:10px; height:10px; text-align:center; background:#ff4444; cursor:pointer;}

.box9 .mains .slidebox .hd ul li.on{ width:15px;}

.box9 .mains .slidebox .bd{ position:relative; height:100%; z-index:999;}

.box9 .mains .slidebox .bd li{ zoom:1; vertical-align:middle; }

.box9 .mains .slidebox .bd img{ width:708px; height:426px;}

.box9 .mains .txtbox{ margin-left:75px; overflow:hidden;}

.box9 .mains .txtbox h3{ font-size:30px; color:#006ba4; margin-bottom:23px;}

.box9 .mains .txtbox p{ font-size:14px; line-height:24px;color: #e5f5fd;}

.box9 .mains .txtbox .xmjj{width: 410px;position: absolute;left:0px;top: 86px;}

.box9 .mains .txtbox .xmts{width: 434px; position: absolute;left:0px;top: 290px;}

.box9 .mains .txtbox .xmts{ width:440px; float:right;}

.box9 .mains .txtbox .xmts h3{font-size:20px; margin-bottom: 10px;}

.box9 .mains .txtbox .xmts p{ font-size:12px; line-height:22px;color: #2377ab;}



.box10{ padding-top:0;}

.box10 h2{width:910px; height:140px; background-image:url("/zt/python/images/h2_5.jpg"); margin-bottom:0;}

.box10 .con10{width:1100px; background:url("/zt/python/images/box1bg2.jpg") no-repeat center 90px; margin:0 auto 45px;}

.box10 .picScroll-left{ width:1100px; position:relative; }

.box10 .picScroll-left .hd{ overflow:hidden; height:30px; position:absolute; bottom:-48px; left:45%; z-index:999;}

.box10 .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }

.box10 .picScroll-left .hd ul li{ float:left; width:11px; height:11px; border-radius:50px; background:#677880; overflow:hidden; margin-right:7px; cursor:pointer; text-indent:-999px; }

.box10 .picScroll-left .hd ul li.on{ background:#2EC4F7;}

.box10 .picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.box10 .picScroll-left .bd li{ float:left; width:225px; padding-left: 40px;}

.box10 .picScroll-left .bd li .mydiv{ width:100%; overflow:hidden;}

.box10 .picScroll-left .bd li .picbox img{ width:178x; height:185px; margin:0 auto;}

.box10 .picScroll-left .bd li .txtbox{ height:234px; float:left;}

.box10 .picScroll-left .bd li .txtbox h3{ font-size:26px; text-align:center; line-height:30px; padding-bottom:8px; margin-bottom:7px; color:#fff;}

.box10 .picScroll-left .bd li .txtbox h3 span{ font-size:16px;}

.box10 .picScroll-left .bd li .txtbox p{ font-size:13px; line-height:20px;}

.box10 .picScroll-left .bd li .mydiv:hover img{ top:-5px;}



.box11{ background:#61CCD6;}

.box11 .h3hd{ margin:0 auto 30px; color:#fff; text-align:center;}

.box11 .h3hd h3{ font-size:50px;}

.box11 .h3hd p{ font-size:26px;}

.box11 .con11{ width:1006px; margin:0 auto; overflow:hidden;}

.box11 .con11 ul{ width:1042px;}

.box11 .con11 li{ width:302px; height:180px; margin:0 35px 12px 0; float:left; border:4px dotted #61CCD6; border-radius:15px; position:relative; overflow:hidden;}

.box11 .con11 li div{  width:292px; height:200px; overflow:hidden; border-radius:15px;}

.box11 .con11 li .now img{ width:140px; height:150px; margin:15px auto 0;}

.box11 .con11 li .hov{height:170px;  position:absolute; top:210px; left:0; border:4px dotted #fff;}

.box11 .con11 li .hov p{ width:245px; padding:15px; margin:5px auto; height:130px;  font-size:15px; line-height:22px; text-align:center; background:#fff; color:#298B94;}

.box11 .con11 li:hover .hov{ top:0px;}

.boxabtn{background:#688897;}

.boxabtn .ztbtn{ background:#fffc0b; border-bottom-color:#dad80c; color:#444;}
.box_02{ height:1150px;margin: 0 auto }
.bixing_left {
	float: left;
}
.bixing_right {
	float: right;
}
.red_lin {
	border: 3px solid #e61016;
	width: 377px;
	margin: -4px auto 0 auto;
}
h1 {
	font-size: 36px;
	color: #e61016;
	border-bottom: 2px solid #cbcbcb;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
	font-weight: bold;
}
.bixing {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
}
.box_02_animote .bixing_botoom{animation:box2_bottom 1S 0.6s forwards; -webkit-animation:box2_bottom 1S 0.6s forwards;-moz-animation:box2_bottom 1S 0.6s forwards;-ms-animation:box2_bottom 1S 0.6s forwards; margin-top:150px; opacity:0;}
@keyframes box2_bottom
{
	from { margin-top:150px; opacity:0;}
	to {  margin-top:0px; opacity:1;}
}
@-webkit-keyframes box2_bottom
{
	from { margin-top:150px; opacity:0;}
	to {  margin-top:0px; opacity:1;}
}
@-moz-keyframes box2_bottom
{
	from { margin-top:150px; opacity:0;}
	to {  margin-top:0px; opacity:1;}
}
@-ms-keyframes box2_bottom
{
	from { margin-top:150px; opacity:0;}
	to {  margin-top:0px; opacity:1;}
}


/*foot样式*/
ol, ul, li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

a {
	color: #000000;
	text-decoration: none;
}


.col-lg-6 {
    width: 50%; float: left;margin-right: 10%
}
.col-lg-7 {
	width: 40%;float: left;overflow: hidden
}
.col-lg-7 h4{font-size:  24px}

.foot-div1{padding-bottom: 20px}
.foot-div1 p{font-size: 14px}
.foot-div1 span {
    font-size: 36px;
    margin-left: 15px;
    position: relative;
    top: -5px;
	font-weight: normal
}
.footer {
	position: relative;
	max-height: 675px;
}
.footer-container {
	position: absolute;
	z-index: 999;
	bottom: 50px;
	width: 100%;
	left: 0;
	height: 555px;
	background: #262b2b;
	background-color: rgba(37,42,42,0.8);
}
.footer-container .container {
	color: #fff;
	padding-top:2%;
    width: 1200px;
	margin: 0 auto
}
.footer-container .container input, .footer-container .container textarea {
	border: 1px #fff solid;
	background-color: rgba(255,255,255,0);
	border-radius: 0;
	font-size: 1.6rem;
	padding: 22px 81px;
	color: #fff;
	 width: 316px;
}

.footer-container li {
	margin-top: 37px;
}
.foot-li {
	text-align: right;
}
.foot-li button {
	border-radius: 2px;
	padding: 12px 10%;
	font-size: 1.8rem;
	border: 0;
}

.foot-div2 {
	border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
    padding-top: 15px;
}
.foot-div2 p {
	padding-left: 25px;
	background: url("/skin/default/css/index3/images/foot-p.png") no-repeat;
	font-size: 16px;
   color: #CCCCCC;
    padding-top: 20px;
}
.foot-div2 h4{font-size: 20px;font-weight: normal}
.foot-div2 p:nth-child(2) {
	background-position: 0px 19px;
}
.foot-div2 p:nth-child(3) {
	background-position: 0px -53px;
}
.foot-div2 p:nth-child(4) {
	background-position: 0px -120px;
}
.foot-div2 p:nth-child(5) {
	background-position: 0px -190px;
}


.footer-map {
	border-top: 1px #ccc solid;
}
.footer2 {
	background: #1e2525;
	height: auto;
	overflow: hidden;
	padding: 15px;
	margin: 0;
	text-align: center
}

.foot-div3{margin-top: 30px}
.foot-div3 p{font-size: 14px;color: #CCCCCC;padding-top: 10px}
.foot-div3 ui li {
    float: left;
    margin: 0;
    text-align: center;
    height: 70px;
    margin-right: 50px;
}
.foot-div4{margin-top:70px;}
.foot-div4 p{font-size: 14px;color: #CCCCCC}
.weixin-img {
	display: none;
    width: 209px;
    height: 206px;
    border-radius: 0px;
    position: absolute;
    top: 210px;
    left: 16%;
    z-index: 1;

}

.weixin:hover > .weixin-img {
    display: block;
    width: 150px;
    height: 150px;
}





/*<!--    表单             -->*/

.boxbd{background: #10B8BB; padding-top: 50px;}

.boxbd .box_in{width:960px; margin: 0 auto; overflow: hidden;}

.boxbd .box_l{float:left;}

.boxbd .box_r{width:436px; float: right;}

.boxbd h3{font-size: 40px; color: #fff; text-align: center; margin: 45px 0 30px;}

.boxbd p{background: url("/zt/python/images/icon.jpg") no-repeat 0 0; height: 52px; padding-left: 62px; margin-bottom: 10px;}

.boxbd p.p2{background-position: 0 -62px;}

.boxbd p.p3{background-position: 0 -124px;}

.boxbd p input{height: 52px; line-height: 52px; text-indent: 20px; width:370px; font-size: 18px; border-top-right-radius:10px; border-bottom-right-radius:10px;}

.boxbd a{display:block; text-align:center; width:370px; background: #069A9D; color: #fff; border:0; height: 42px; margin-left: 62px; border-radius: 5px; margin-top: 20px; font-size: 28px; cursor: pointer;}

#input{display:block; text-align:center; width:370px; background: #069A9D; color: #fff; border:0; height: 42px; margin-left: 62px; border-radius: 5px; margin-top: 20px; font-size: 28px; cursor: pointer;}

.boxbd .p_txt{background: #005B5D; color: #fff; text-align: center; font-size: 30px; line-height: 68px; height: 68px; padding-left: 0; position: relative; margin-bottom: 0;}

.boxbd .p_txt span{display:block; width:0; height:0; border-width:0 28px 28px; border-style:solid; border-color:transparent transparent #005B5D;    position:absolute; top:-20px; left:50%; margin-left: -20px}
.son_ssxm {
	height: 1070px;
	position: relative;
}
.son_ssxm > p{position: absolute;margin: 0 auto;left: 0;right: 0;width: 1200px;top: 392px;height: 345px;}
.son_ssxm > p > span{display: block;width: 100px;height: 49px;overflow: hidden;font-size:20px;color:#fff;line-height: 49px;background: #0070ee;margin-bottom: 7px;padding: 0 16px;clear: both;cursor:pointer;}
.son_ssxm > p .active{background: #0e072d; float:left;width: auto;}
.son_ssxm > ul{position: absolute;margin: 0 auto;left: 0;right: 0;width: 1200px;height: 472px;top: 331px;}
.son_ssxm > ul > li{width: 876px;height: 472px;opacity: 0;position: absolute;left: 305px;}
.son_ssxm > ul .active{opacity: 1;}
.son_ssxm > a {margin-left:-285px;bottom:60px;}



/*--------------vs动画------------*/

@keyframes  scaleBtn {

    0%{

        transform:scale(1);

        opacity:1;

    }

    50%{

        transform:scale(0.9);

        opacity:0.9;

    }

    100%{

        transform:scale(1);

        opacity:1;

    }

}

@-webkit-keyframes scaleBtn{

    0%{

        -webkit-transform:scale(1);

        opacity:1;

    }

    50%{

        -webkit-transform:scale(0.9);

        opacity:0.9;

    }

    100%{

        -webkit-transform:scale(1);

        opacity:1;

    }

}

@-moz-keyframes scaleBtn{

    0%{

        -moz-transform:scale(1);

        opacity:1;

    }

    50%{

        -moz-transform:scale(0.9);

        opacity:0.9;

    }

    100%{

        -moz-transform:scale(1);

        opacity:1;

    }

}