@charset "utf-8";
/* CSS Document */
body{
	padding-top:120px;}
.head{
	color:#4b4b4b;}
.head a{
	color:#4b4b4b;}
.top{
	background:url(../images/top2.png) no-repeat center;}
.topFix{
	background:url(../images/top.png) no-repeat center;}
.inner{
	width:1200px;
	margin:0 auto;}
@media screen and (max-width:1220px){
.inner{
	width:100%;}
}

.bg1{
	background:url(../images/aboutIndex.jpg) no-repeat center top;
	height:840px;}

.title1 {
    text-align: center;
    padding: 62px 0 62px;
    color: #FFF;
    height: 91px;
    overflow: hidden;}
.title1 h1 {
    font-size: 32px;
    line-height: 52px;
    font-weight: normal;}
.title1 p {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
	font-family:'pf_din_text_comp_proregular';
    text-transform: uppercase;}
.title1 em {
    display: inline-block;
    width: 60px;
    height: 3px;
    margin-top: 16px;
    background: #FFD300;}


.about-sbu-menu{float:left;height:335px;width:195px;overflow:hidden;box-sizing:border-box;border:1px solid #FFD400;}
.sbu-menu-title{width:135px;margin:0 auto;color:#FFF;padding: 25px 0 10px ;}
.sbu-menu-title h3{font-size: 20px;height:24px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sbu-menu-title h3 a{color:#FFF;}
.sbu-menu-title p{font-size: 14px;height:22px;line-height:22px;text-transform : uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sbu-menu-list{width:135px;margin:0 auto;}
.sbu-menu-list li{height:30px;overflow:hidden;margin-top:2px;}
.sbu-menu-list li a{display:block;height:30px;line-height:30px;background:#FFF;padding:0 10px;color:#666;font-weight: bold;font-size: 14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sbu-menu-list li a:hover,.sbu-menu-list li a.on{background:#FFD400;color:#333;text-decoration: none;}
.about-banner1-text{color:#FFF;float:left;width:585px; font-size:14px;}
.about-banner1-text div{padding:30px;}
.about-banner1-text h5{font-size: 16px;line-height:2.2em;}
.about-banner1-text p{line-height:20px;max-height:180px;overflow:hidden;margin-bottom:15px;}
.about-banner1-text a{display:block;height:32px;width:98px;text-align:center;line-height:32px;border:1px solid #FFF;color:#FFF;font-size: 14px;}
.about-banner1-text a:hover{color:#FFF;border:1px solid #f8a517;background:#f8a517;text-decoration: none;}


.banner-b-text{padding:140px 0 0 ;width:780px;}
.info-dl dt{line-height:40px;color:#FFF;font-size: 26px;}
.info-dl dt span{margin-right: 0.5em;}
.info-dl dd{color:#FFF;font-size: 14px;color:#CEDEF7;}
.info-dl dd span{text-transform : capitalize;padding:0 0.5em;}


.chairman{ float:right;height:625px;width:390px;background:#FFF;overflow:hidden;}
.chairman-box{padding:40px;}
.chairman-img{text-align:center;}
.chairman-img img{height:130px; width:130px;border:5px solid #FFF;margin:0 auto;-webkit-box-shadow: 1px 11px 35px rgba(0, 0, 0, 0.3);-moz-box-shadow: 1px 11px 35px rgba(0, 0, 0, 0.3);box-shadow: 1px 11px 35px rgba(0, 0, 0, 0.3);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.chairman-img h2{line-height:35px;margin:10px 0 0 ;color:#999;}
.chairman p{margin:20px 0 ;line-height:18px;max-height:306px;color:#999;overflow:hidden;}
.chairman a{display:block;margin:0 auto;height:26px;width:98px;border:1px solid #666666;color:#666;line-height:26px;text-align:center;font-size: 14px;text-decoration: none;-webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;}
.chairman a:hover{border-color:#f8a517;background:#f8a517;color:#FFF;}



.about1-l{width:740px;float:left; margin-top:30px;}
.about1-l-title{height:90px;}
.about1-l-title h3{line-height:36px;font-size:18px;}
.about1-l-title h3 a{color:#1A3A6B;}
.about1-l-title p{font-size: 14px;color:#999;text-transform : uppercase;}

/* flexslider */
.flexslider{position:relative;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-45px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0px;}
.flex-direction-nav .flex-prev{left:0px;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{ right:10px;position:absolute;bottom:22px;text-align:center; text-align:right;}
.flex-control-nav li{margin:0 0px;display:inline-block;zoom:1;*display:inline;}
.flex-control-nav li span{ display:none;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.img2{ text-align:center; display:block; background-position:center top; height:400px; background-repeat:no-repeat;}
.img2 a{ display:block; height:400px; position:relative;}
.img2 a img{ display:none;}
.img2 a p{ text-align: left; text-indent:24px; background:url(../images/png50.png); height:65px; line-height:65px; color:#fff; font-size:18px; position:absolute; left:0px; bottom:0; width:100%;}


.about1-r{height:520px;width:390px;float:right;background:#405580;}
.about1-r-box{padding:40px;}
.about1-r-title{text-align:center;color:#FFF;}
.about1-r-title h3{font-size: 22px;line-height:35px;font-weight: normal;}
.about1-r-title h3 a{color:#FFF;}
.about1-r-title p{height:30px;line-height:16px;font-size: 14px;text-transform : uppercase;}
.about1-r-title em{display:inline-block;width:60px;height:3px;background:#FFD300;}
.none {display:none;}
.TabContent{clear:both;}
.TabContent ul{padding:20px 0 ;}
.TabContent li{border-bottom:1px solid #5C7099;height:27px;line-height:27px;padding: 11px 0 11px 40px;background:url(../images/dian1.png) 5px center no-repeat;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#F2F4F7;}
.TabContent li a{line-height:1.2em;color:#F2F4F7;}
.TabContent a.more{display:block;margin:10px auto;height:28px;width:100px;line-height:28px;text-align:center;background:#5977B3;color:#FFF;text-decoration: none;-webkit-border-radius: 28px;-moz-border-radius: 28px;border-radius: 28px;}
.TabContent a.more:hover{background:#f8a517;color:#FFF;}



@media screen and (max-width:1220px){
body{
	background:#f2f2f2;}
.bg1{
	background:none #f2f2f2;
	height:auto;}
.title1 {
	color:#005591;
	padding:20px 0 20px;}
.title1 em {
	background:#c00;}
.about-sbu-menu{
	float:none;
	width:96%;
	margin:0 auto;
	border:none;
	height:auto;}
.sbu-menu-title{
	display:none;}
.sbu-menu-list{
	width:100%;}
.sbu-menu-list li{
	float:left;
	width:25%;}
.sbu-menu-list li a{
	margin-right:2px;
	text-align:center;}
.sbu-menu-list li a:hover{
	background:#c00;
	color:#fff;}
.l{
	float:none;}
.about-banner1-text{
	float:none;
	width:96%;
	margin:20px auto 0;
	color:#333;}
.about-banner1-text div{
	padding:0;}
.about-banner1-text p{
	max-height:none;
	line-height:24px;}
.about-banner1-text a{border:1px solid #005591;color:#005591;}
.about-banner1-text a:hover{color:#fff;border:1px solid #c00;background:#c00;}
.banner-b-text{
	display:none;}
.chairman{
	float:none;
	width:96%;
	margin:20px auto 0;
	height:auto;}
.chairman-img h2{
	color:#333;}
.chairman-box{padding:40px 10px; color:#333;}
.chairman p{max-height:none; font-size:14px; line-height:24px; margin:0 0;
	color:#333;}
.chairman a{
    height: 32px;
    width: 98px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
	margin:20px 0;
	border:1px solid #005591;
	color:#005591;
	-webkit-border-radius:0px;-moz-border-radius: 0;border-radius: 0;}
.chairman a:hover{border-color:#c00;background:#c00;color:#FFF;}
.about1-l{
	float:none;
	width:96%;
	margin:20px auto 0;}
.about1-l-title{
	height:70px;}
.flex-control-nav{
	height:35px;
	bottom:0;}
.flex-control-paging li a{
	margin-top:9px;}
.img2{height:auto;}
.img2 a{height:auto;}
.img2 a img{ display:block; width:100%;}
.img2 a p{ text-align: left; text-indent:24px; background:url(../images/png50.png); height:35px; line-height:35px; color:#fff; font-size:12px; position:absolute; left:0px; bottom:0; width:100%;}
.about1-r{
	float:none;
	width:96%;
	margin:20px auto 0;}
}