.banner{ width:100%; background:url(banner.jpg) no-repeat center; height:500px;}
.content{ width:1200px; margin:auto; padding:0px;}
.clear{ clear:both}

.gqh{ width:100%; background:url(body1.png) no-repeat bottom  right; padding-top:50px; background-size:100% 100%; height:1200px;}

.gqhc{ text-align:center; font-size:36px; margin-top:20px; color:#000; font-weight:bold; line-height:70px;}
.gqhc1{ font-size:14px; text-align:center; color:#999; line-height:40px;}
.gqhc2{ border-bottom:1px solid #0FA6DA; width:200px;margin:auto; padding:0px;}
.gqhc3{ border-bottom:5px solid #0FA6DA; width:100px; margin:auto; padding:0px; margin-top:-3px;}
.gqhleft{ width:550px; float:left; margin-top:100px;}
.gqhleft1{ font-size:22px; font-weight:bold; line-height:60px; color:#000;}
.gqhleft2{ font-size:16px; color:#666; line-height:35px;}
.gqhleft a{    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #0FA7D9;
    display: block;
    font-size: 16px;
    border-radius: 50px; margin-top:50px;}
	.gqhleft a:hover{    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background:#F60;
    display: block;
    font-size: 16px;
    border-radius: 50px; margin-top:50px;}
.gqhright{ width:600px; float:right; text-align:center;margin-top:50px; text-align:center;}
.gqhright img{ width:90%;}

.gqh2right{ width:600px; float:right;margin-top:100px; color:#FFF ;}
.gqh2right1{ font-size:22px; font-weight:bold; line-height:60px; color:#fff;}
.gqh2right2{ font-size:16px; color:#fff; line-height:35px;}
.gqh2right a{    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000;
    background: #fff;
    display: block;
    font-size: 16px;
    border-radius: 50px; margin-top:30px;}
.gqh2right a:hover{    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background:#F60;
    display: block;
    font-size: 16px;
    border-radius: 50px; margin-top:30px;}
.gqh2left{ width:550px; float:left; margin-top:50px; text-align:center;}


.haocu{ width:220px; padding:30px 9px; border:1px solid #E6E6E6; float:left; height:250px;margin-top:-1px; background:#FFF;}
.haocu1{background:url(ys1.png) no-repeat; width:50px; height:50px; margin:auto; padding:0px;}
.haocu1 img{ width:20px; margin:22px 0px 0px 15px;}
.haocu2{ text-align:center; color:#0FA7D9; line-height:50px; font-size:20px;}
.haocu3{ text-align:center; line-height:30px; color:#999}
.haoculeft{ margin-left:-1px;margin-top:-1px; width:220px; padding:30px 9px; border:1px solid #E6E6E6; float:left; height:250px;background:#FFF;}
.haoculeft:hover{transform: scale(1.1);box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
.haocu:hover{transform: scale(1.1);box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }

.gptj{ margin-top:50px; background:#09C; padding:50px 0px;}

.gptjleft{ width:350px; margin:10px; background:#FFF; padding:30px 15px; border-radius:10px;  float:left; margin-top:40px; height:690px;}
.gptjleft1{ text-align:center; font-size:26px; color:#000; font-weight:bold; line-height:60px;}
.gptjleft2{ text-align:center; color:#666; font-size:16px; line-height:40px;}
.gptjleft3left{ width:20px; float:left; height:420px; border-right:2px solid #09C}
.gptjleft3right{ width:320px; float:left; line-height:30px; margin-left:-21.5px;}
.gptjleft3right p{background:url(q.png) no-repeat; color: #09C; line-height:40px; font-size:16px; padding-left:50px;}
.gptjleft3right1{ padding-left:50px;}
.gptjleft3right2{ font-size:15px; line-height:40px;}


#tab{position:relative;width:1200px;margin:40px auto 0 auto;}
#tab .tabList ul{ margin-left:342px;}
#tab .tabList ul li{
	float:left;
	background:#fff;
	border:1px solid #ccc;
	line-height:45px; height:45px;
	width:150px;
	text-align:center;
	position:relative;
	cursor:pointer;
	margin-right:15px;
	font-size:16px;
}
#tab .tabCon{
	position:absolute;
	top:60px;
	border-top:none;
	width:1198px;
	
}
#tab .tabCon div{

	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	
}
#tab .tabList li.cur{
	border:none;
	background:#0FA6DA; color:#FFF;
}
#tab .tabCon div.cur{
	opacity:1;
	filter:alpha(opacity=100);
}

#tab table{width:100%;}
#tab  td{ padding:10px 20px; border: 1px solid #dedede; line-height: 24px;}
#tab  .a1{ background: #f4f4f4;}


 .left{width:330px; height:460px; float: left; padding-left:50px; color:#FFF; font-size:15px; margin-top:30px;}	
 .right{width:310px; height:460px; float: right; padding-right: 50px;color:#FFF; font-size:15px;margin-top:30px;}		
.left .a1{ padding:15px 0 0 98px;}
.left .a2{ padding:65px 0 0 25px;}	
.left .a3{ padding:75px 0 0 0; width: 240px;}	
.left .a4{ padding:40px 0 0 25px;width: 240px;}	
.left .a5{ padding:40px 0 0 90px;width: 220px;}
.right .a6{ padding:12px 0 0 90px;}
.right .a7{ padding:60px 0 0 50px; width: 230px;}
.right .a8{ padding:50px 0 0 80px; width: 210px;}
.right .a9{ padding:30px 0 0 50px; width: 230px;}
.right .a10{ padding:10px 0 0 0; width: 220px;}


.mainBody_07{width: 1200px; margin:0 auto; height:auto;overflow: hidden;}	
.mainBody_07 .main{width:100%; height: auto; padding:50px 0;overflow: hidden;}	
.mainBody_07 .main table{width:100%;}
.mainBody_07 .main td{ padding:20px; border: 1px solid #dedede; line-height: 27px; font-size: 14px;}
.mainBody_07 .main .a1{ background: #0FA7D9; color: #fff;text-align: center;}


.mainBody_09{width: 100%;min-width: 1200px;overflow: hidden; position: relative;z-index: 2;}
.mainBody_09 .main{width: 1200px; margin:0 auto; height:auto;overflow: hidden;padding:50px 0;background:url(h9.png) no-repeat center 50px;}
.mainBody_09 ul{width: 1250px;}
.mainBody_09 li{width: 224px;text-align: center; float: left;  padding-right: 20px;}
.mainBody_09 li h2{font-size: 22px;margin-top: 30px;}
.mainBody_09 li p{font-size: 15px;margin-top: 15px;color: #999;}

.mainBody_11{width: 1200px; margin: 0 auto; overflow:hidden;}
.mainBody_11 .list{ width: 100%;text-align: center;overflow:hidden; padding: 50px 0;}
.mainBody_11 .list ul{ width:400px; float: left;}
.mainBody_11 .list .a1{width: 180px;height: 180px;line-height: 180px; border-radius: 100px;border: 8px solid #dcf5fe; display: inline-block;background: #0fa6da;font-size: 30px;text-align: center;color: #fff;}
.mainBody_11 .list .a1 span{font-weight: 900;}
.mainBody_11 .list .a2{width: 260px;height:50px;line-height: 50px;display: inline-block;margin-top: 20px;font-size: 20px;background: #0fa6da; color: #fff;}

.mainBody_11 .list1{ width: 100%;text-align: center;overflow:hidden; padding-top: 60px;}
.mainBody_11 .list1 ul{ width: 1280px;}
.mainBody_11 .list1 li{width: 121px;height:85px; line-height: 85px; padding:10px; margin-right: 10px; float: left; background: #0fa6da; color: #fff; font-size: 16px;}
.mainBody_11 .list1 .a3{ line-height: 27px;}
.mainBody_11 .list1 .a4{ line-height: 27px;}





/* Generic Utility */
.hide1{position:absolute;top:-9999px;left:-9999px}

/* Specific to example one */


#example-one{padding:0.5%;}

#example-one .nav2{overflow:hidden;margin:0 0 10px 37%}
#example-one .nav2 li{width:97px;float:left;margin:0 10px 0 0}
#example-one .nav2 li.last{margin-right:0}

#example-one ul{list-style:none}
#example-one ul li a{display:block;border:1px solid #eee;padding:4px; line-height:40px; text-align:center;color:#666; font-size:16px;}
#example-one ul li:last-child a{display:block;border:1px solid #eee;padding:4px; line-height:40px; text-align:center;color:#666; font-size:16px;}
.list-wrap table tr{ border:1px solid #CCC !important; line-height:35px; font-size:14px; }
.list-wrap table td{ border:1px solid #CCC !important; line-height:35px; font-size:14px; padding:0px 3px; }

#example-one ul li.nav-one a.current, #example-one ul#featured li a:hover{background-color:#0FA6DA;color:white}
#example-one ul li.nav-two a.current, #example-one ul#core li a:hover{background-color:#0FA6DA;color:white}
#example-one ul li.nav-three a.current, #example-one ul#jquerytuts li a:hover{background-color:#0FA6DA;color:white}