@charset "utf-8";

h3.titleBar4 {
    color:#0689E5;
	padding-top:5px;
	/*font-family:"\9ED1\4F53";*/
}
h3.titleBar4 a {
    color:#0689E5;
}
.part-name-box {
	height:42px;
}
.part-name-box-line {
	background:#FFF1E7;
	border-bottom:1px solid #E7CEC2;
	text-align:center;
	height:8px;
	position:relative;
	top:30px;
}
.part-name {
	background:#FFFFFF;
	text-align:center;
	border-bottom:2px solid #F17727;
	width:160px;
	padding-right:6px;
	height:42px;
	line-height:42px;
	margin-left:auto;
	margin-right:auto;
	font-size:24px;
	color:#F17727;
	font-weight:bold;
	position:relative;
	top:-35px;
}
.part-name::before { content:""; display:block; width:35px; height:12px; position:absolute; left:-6px; bottom:-2px; background:url(/img../img/py-title-bg1.png) no-repeat left bottom;}
.part-name::after { content:""; display:block; width:35px; height:12px; position:absolute; right:-0px; bottom:-2px; background:url(/img../img/py-title-bg2.png) no-repeat right bottom;}

.part-name-box-2 {
	height:50px;
	margin-top:20px;
}
.part-name-box-line-2 {
	background:#FFF1E7;
	border-bottom:1px solid #E7CEC2;
	height:8px;
	position:relative;
	top:30px;
}
.part-name-2 {
	background:#FFFFFF url(/img../img/py-title-bg2.png) no-repeat right 30px;
	border-bottom:2px solid #F17727;
	padding-right:50px;
	height:42px;
	line-height:42px;
	font-size:24px;
	color:#F17727;
	font-weight:bold;
	position:relative;
	top:-35px;
	float:left;
}
.part-name-box-2 a { color:#F17727; text-decoration:none;}

h3.titleBar4.part-name-3 {
    color:#F17727;
	padding-top:5px;
	/*font-family:"\9ED1\4F53";*/
	border-top:1px solid #F27828;
}
h3.titleBar4.part-name-3 a {
    color:#F17727;
}

#py {}

#py .py-intro { background:#50A4E2 url(/img../img/py-intro.png) no-repeat center top; height:184px; background-size:contain; text-indent:-5000px;}

#py .py-launch {
	height:105px;
	background:#50A6E3;
	    filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#79BBEB,endColorStr=#50A6E3);/* IE 6 7 8*/ 
	background:    -ms-linear-gradient(top, #79BBEB, #50A6E3);/* IE 10 */
	background:   -moz-linear-gradient(top, #79BBEB, #50A6E3);/* Firefox */ 
	background:       -webkit-gradient(linear, 0% 0%, 0% 100%, from(#79BBEB), to(#50A6E3));/* Safari 4-5, Chrome 1-9 */ 
	background:-webkit-linear-gradient(top, #79BBEB, #50A6E3);/* Safari5.1 Chrome 10+ */
	background:     -o-linear-gradient(top, #79BBEB, #50A6E3);/* Opera 11.10+ */
}

#py .py-launch .span1 h3 {
	display:block;
	width:100%;
	height:85px;
	padding:0;
	margin:0;
	background:url(/img../img/py-launch.png) no-repeat center center;
}
#py .py-launch .span1 h3 a {
	display:block;
	width:100%;
	height:85px;
	padding:0;
	margin:0;
	text-indent:-5000px;
}
#py .py-launch .span11 ul  {
    padding-top:8px;
}
#py .py-launch .span11 ul li {
	width:8%;
	float:left;
	margin-right:8px;
	margin-bottom:10px;
}
#py .py-launch .span11 ul li img {
            box-shadow: 0 0 4px rgba(102,102,102,1);
        -ms-box-shadow: 0 0 4px rgba(102,102,102,1);
    -webkit-box-shadow: 0 0 4px rgba(102,102,102,1);
       -moz-box-shadow: 0 0 4px rgba(102,102,102,1);
         -o-box-shadow: 0 0 4px rgba(102,102,102,1);
            transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
       -moz-transition: all 0.2s linear 0s;
         -o-transition: all 0.2s linear 0s;
}
#py .py-launch .span11 ul li img:hover {
            box-shadow: 0 0 14px rgba(19,127,202,1);
        -ms-box-shadow: 0 0 14px rgba(19,127,202,1);
    -webkit-box-shadow: 0 0 14px rgba(19,127,202,1);
       -moz-box-shadow: 0 0 14px rgba(19,127,202,1);
         -o-box-shadow: 0 0 14px rgba(19,127,202,1);
}

#py #localNav {
    background:#137FCA;
	margin-top:0;
}
	#py #localNav .container {
		background:#137FCA;
	}
    #localNav .navbar .nav li {
        background:#137FCA;
    }
    #localNav .navbar .nav li:hover,
	#localNav .navbar .nav li:focus {
        background-color:#0b4e7e;
    }

#py .part1 {
    
}/*  */
	#py .part1 .span8 .list7 {
	    padding-top: 15px;
	}/*  */
	#py .part1 .span8 .list7 a {
	    font-weight:bold;
	}/*  */
	#py .part1 .span8 .row .span4 h3 .pull-right a {
		cursor:default;
	}/*  */
	#py .part1 .span8 .span4 .list6 li:nth-child(6n+1) {
        font-weight:normal;
	}/*  */

    #py .part1 .span8 .span4 .row .span2 .list8 {
        width:100%;
        margin-bottom:10px;
		margin-top:10px;
    }/*  */
    #py .part1 .span8 .span4 .row .span2 .list8 li a.title {
        font-size:14px;
    }/*  */

	#py .part1 .span4 {
	    padding-top: 5px;
	}/*  */
	#py .part1 .span4 .list6 li:nth-child(6n+1) {
        font-weight:bold;
	}/*  */
	#py .part1 .span4 .yybgt {
		text-align:center;
		background:#174287;
	        filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#174287,endColorStr=#2B5EAD);/* IE 6 7 8*/ 
	    background:    -ms-linear-gradient(left, #174287, #2B5EAD, #174287);/* IE 10 */
	    background:   -moz-linear-gradient(left, #174287, #2B5EAD, #174287);/* Firefox */ 
	    background:       -webkit-gradient(linear, 0% 0%, 100% 0%, from(#174287), to(#2B5EAD), to(#174287));/* Safari 4-5, Chrome 1-9 */ 
	    background:-webkit-linear-gradient(left, #174287, #2B5EAD, #174287);/* Safari5.1 Chrome 10+ */
	    background:     -o-linear-gradient(left, #174287, #2B5EAD, #174287);/* Opera 11.10+ */
	}/*  */
	#py .part1 .span4 .yybgt img {margin:10px 0;}
	#py .part1 .span4 .pygj {
		background:#DEEAF6;
	}
	#py .part1 .span4 .pygj .titleBar4 {
		text-indent:10px;
	}
	#py .part1 .span4 .pygj img {
		margin-left:20px;
	}
	#py .part1 .span4 .pygj iframe {
		margin-left:30px;
	}
	#py .part1 .span4 .list6 ~ .list6 li:nth-child(6n+1) {
        font-weight:normal;
	}/*  */

#py .part2 {

}/*  */
	#py .part2 .span12 ul  {
		padding:10px 0;
	}
	#py .part2 .span12 ul + ul  {
		border-top:1px dashed #DDDDDD;
		padding-top:30px;
	}
	#py .part2 .span12 ul li {
		width:14%;
		float:left;
		margin-bottom:20px;
		text-align:center;
	}
	#py .part2 .span12 ul li img {
				transition: all 0.2s linear 0s;
			-ms-transition: all 0.2s linear 0s;
		-webkit-transition: all 0.2s linear 0s;
		   -moz-transition: all 0.2s linear 0s;
			 -o-transition: all 0.2s linear 0s;
	}
	#py .part2 .span12 ul li img:hover {
				box-shadow: 0 0 14px rgba(19,127,202,1);
			-ms-box-shadow: 0 0 14px rgba(19,127,202,1);
		-webkit-box-shadow: 0 0 14px rgba(19,127,202,1);
		   -moz-box-shadow: 0 0 14px rgba(19,127,202,1);
			 -o-box-shadow: 0 0 14px rgba(19,127,202,1);
	}

#py .part3 {

}/*  */
	#py .part3 .span12 ul  {
		padding:10px 0;
	}
	#py .part3 .span12 ul + ul  {
		border-top:1px dashed #DDDDDD;
		padding-top:30px;
	}
	#py .part3 .span12 ul li {
		width:14%;
		float:left;
		margin-bottom:20px;
		text-align:center;
	}
	#py .part3 .span12 ul li img {
				transition: all 0.2s linear 0s;
			-ms-transition: all 0.2s linear 0s;
		-webkit-transition: all 0.2s linear 0s;
		   -moz-transition: all 0.2s linear 0s;
			 -o-transition: all 0.2s linear 0s;
	}
	#py .part3 .span12 ul li img:hover {
				box-shadow: 0 0 14px rgba(19,127,202,1);
			-ms-box-shadow: 0 0 14px rgba(19,127,202,1);
		-webkit-box-shadow: 0 0 14px rgba(19,127,202,1);
		   -moz-box-shadow: 0 0 14px rgba(19,127,202,1);
			 -o-box-shadow: 0 0 14px rgba(19,127,202,1);
	}


/* 大屏幕 */
@media (min-width: 1200px) { ... }

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
	
	#py .py-intro { height:90px;}
	
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
	
	#py .py-intro { height:70px;}
	
}