@charset "utf-8";
/* CSS Document */
html {
	min-height: 100%;
}
body {
	font-family: "微软雅黑";
}
body {
	/*background-color:#f7f7f7;*/
	background-color: #e7e7e7;
}
body.web {
	font-size: 14px;
}
a {
	color: #333333;
}
h4 a {
	color: #ffffff;
}
body, td, th {
	color: #333333;
}
.slaveColumnName {
	display: none;
}
section {
	display: block;
}

.web .wrapper {
	width: 1200px;
	height: 100%;
	overflow: hidden;
	position: relative;
	margin: auto;
}
header.pageHeader {
	width: 100%;
}
.web header.pageHeader {
	min-width: 100%;
	min-width: 1200px;
	height: 190px;
	background-image: url(../images/pageHeaderBg.png);
	background-position: center top;
}
.web header.pageHeader .wrapper {
	height: 95px;
	margin: auto;
	/*background-image:url(../images/headerBg.png);
	background-repeat:no-repeat;
	background-position:center top;*/
	overflow: visible;
}
.logo {
	background-image: url(../images/logo.png);
}
.web .logo {
	width: 780px;
	height: 110px;
	top: 10px;
	left: 0px;
	position: absolute;
}
.web .nav {
	position: absolute;
	left: 40px;
	top: 140px;
	width: 1200px;
	height: 50px;
}
}
.web .nav ul {
}
.web .nav li {
	width: 130px;
	height: 50px;
	padding-left: 10px;
	padding-right: 10px;
}
.web .nav li a {
	background: none;
	height: 50px;
	line-height: 50px;
	padding: 0;
	font-size: 16px;
	width: 140px;
	;
	font-weight: 700;
	/*border-top: solid 3px #fff;*/
	margin: auto;
	color: #fff;
}
.web .nav li a:hover {
	background-color: #2878e0;
	color: rgb(34, 84, 244);/*border-top: solid 3px #2254f5;*/
}
.web .nav li.current a {
	background-color: #2878e0;
	color: #ffffff;/*border-top: solid 3px #2254f5;*/
}
.web .nav li.focusOpen a {
	background: none;
	color: #fff;
	background-color: #2878e0;/*border-top: solid 3px #2254f5;*/
}
.mobile .logo {
	background-color: #eeeeee;
}
.mobile .nav li {
	width: 25%;
	background-color: #3a7ace;
}
.mobile .nav li.current a {
	background-color: #2878e0;
}
.mobile #navListItem1 {
	
}
.mobile .logo {
	background-size: auto;
	background-position: left center;
	    background-image: url(../images/mobilelogo.png);

}
.web .nav li ul {
	display: none;
	padding-bottom: 10px;
	z-index: 20;
	width: 500px;
}
.web .nav li.focusOpen ul {
	display: block;
	position: absolute;
	left: 0px;
	top: 50px;
}
.web .nav li li {
	background: none;
	width: 140px;
	height: 40px;
	clear: none;
	float: none;
	padding-bottom: 2px;
}
.web .nav li li a {
	width: 140px;
	background: none;
	height: 40px;
	line-height: 40px;
	padding: 0;
	padding-top: 00px;
	font-weight: normal;
	font-size: 14px;
	border: none !important;
	color: #666 !important;
	background-image: url(../images/navListItemBg.png) !important;
}
.web .nav li li a:hover {
	color: #fff !important;
	background-image: url(../images/navListListItemBg.png) !important;
}
.nav li.current li.current a {
	font-weight: normal !important;
	background-position: center bottom;
}
.web .nav li.focusOpen ul li {
}
.web .nav li.focusOpen ul li {
}
.web .nav li ul ul {
	display: none !important;
}
/*.web #navListItem2 ul{
	left:315px;
}
.web #navListItem3 ul{
	left:210px;
}
.web #navListItem4 ul{
	left:105px;
}
.web #navListItem5 ul{
	left:00px;
}
.web #navListItem6 ul{
	left:-105px;
}

.web #navListItem7 ul{
	left:-210px;
}
.web #navListItem8 ul{
	left:-315px;
}
.web #navListItem9 ul{
	left:-420px;
}*/






.web #navBgGroup {
	height: 0px;
	z-index: 10;
	display: none;
}
.web .navListListBg {
	position: absolute;
	left: 0px;
	top: 70px;
	width: 100%;
	height: 280px;
	border-top: solid 1px #cccccc;
	background-color: #fff;
	background-position: center;
	display: none;
}
.web .navListListBg.focusOpen {
	display: block;
}
/*
.web #navListListBg2{background-image:url(../images/nav/navListListBg2Bg.png);}
.web #navListListBg3{background-image:url(../images/nav/navListListBg3Bg.png);}
.web #navListListBg4{background-image:url(../images/nav/navListListBg4Bg.png);}
.web #navListListBg5{background-image:url(../images/nav/navListListBg5Bg.png);}
.web #navListListBg6{background-image:url(../images/nav/navListListBg6Bg.png);}
.web #navListListBg7{background-image:url(../images/nav/navListListBg7Bg.png);}
.web #navListListBg8{background-image:url(../images/nav/navListListBg8Bg.png);}
*/

.web #navBgGroup img {
	width: 330px;
	height: 200px;
	position: absolute;
	left: 30px;
	top: 35px;
}
.web #navBgGroup p {
	width: 260px;
	position: absolute;
	left: 380px;
	top: 35px;
	line-height: 2em;
	font-size: 14px;
	padding-right: 35px;
	border-right: solid 1px #cccccc;
}
.mobile .navBgGroup {
	display: none;
}
.web #addFavorite {
	position: absolute;
	display: block;
	right: 105px;
	top: 8px;
	display: none;
}
.web #setHome {
	position: absolute;
	display: block;
	right: 170px;
	top: 8px;
	display: none;
}
.web #languageLink {
	position: absolute;
	right: 20px;
	top: 20px;
	display: block;
	z-index: 500;
	font-size: 14px;
}
.web #languageLink a {
	padding: 0 5px;
}
.web #banner {
	width: 100%;
	background-color: #eee;
	height: 540px;
	margin: auto;/*background-image:url(../images/bannerBg.png);*/
}
.web #banner .alpha {
	height: 540px;
}
.web #banner .control {
	position: absolute;
	top: 500px;
	left: 0px;
	z-index: 11;
}
.focusModule.control li a.title {
	background-color: #036EB7;
}
.focusModule.control li.focusOpen a.title {
	background-color: #fff;
}
.focusModuleGroup {
	position: relative;
}
.mobile #banner {
	 position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 150px;
    margin: auto;
    z-index: 10;
    /* background-color: #999; */
}
.mobile #banner .alpha {
	height:150px;
}
.mobile #banner .control {
	position: absolute;
	top: 130px;
	left: 0px;
	z-index: 11;
}
.web header #searchForm {
	display: block;
	right: 0px;
	padding: 0;
	top: 60px;
}
.web header #keyword {
	width: 250px;
	height: 35px;
	background: none;
	border: none;
	line-height: 20px;
	background-color: #f3f3f3;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
}
.web header #searchBtn {
	width: 40px;
	height: 28px;
	text-indent: -9999px;
	background: none;
	border: none;
	right: 3px;
	position: absolute;
	top: 5px;
	background-image: url(../images/searchBtnBg.png);
}
.web .module .titleBar {
	position: absolute;
	top: 7px;
	left: 10px;
	font-size: 24px;
	color: rgb(255, 255, 255);
	display: block !important;
}
.web .module .titleBar2 {
        position: absolute;
    top: 80px;
    width: 130px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: rgb(255, 255, 255);
    display: block !important;
    text-align: center;
    background-image: url(../images/Qualificationbg.jpg);
}


.web .pageBody {
	width: 100%;
	min-width: 1200px;
	background-image: url(../images/pageBodyBg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.web .pageBody .wrapper {
	width: 1200px;
	height: 1750px;
	display: block;
	margin: auto;
	/* background-color: #fff; */
	margin-top: 40px;
}
.web .pageBody #falseBanner {
	width: 1130px;
	height: 125px;
	background-color: #eee;
	padding-top: 25px;
	padding-bottom: 25px;
}
.web .pageBody #falseBanner img {
	height: 125px;
}
.pageBody #falseBanner .title {
	display: none;
}
/*ul.newsList li .title {
    position: absolute;
    top: 8px;
    left: 20px;
    overflow: hidden;
    height: 20px;
    width: 240px;
}*/
ul.newsList li a {
	position: absolute;
	top: 8px;
	left: 0px !important;
	overflow: hidden;
	height: 20px;
	width: 300px;
}
ul.newsList li a:hover {
	color: #195eb9;
	text-decoration: underline;
}
ul.newsList li .upDateTime {
	position: absolute;
	top: 8px;
	right: 5px;
	color: #a9a9a9;
}
ul.newsList li {
	font-size: 14px;
}
.web #Notice {
	position: absolute;
	height: 250px;
	width: 400px;
	display: block;
}
.web #Notice #newFocus {
	position: absolute;
	width: 400px;
	height: 250px;
	left: 0px;
}
.web #Notice #newFocus1 {
}
.web #Notice #newFocus1 ul {
}
.web #Notice #newFocus1 li {
	position: absolute;
	width: 400px;
	height: 250px;
}
.web #Notice #newFocus1 li .preview {
	position: absolute;
	width: 400px;
	height: 250px;
	left: 0px;
	top: 0px;
}
.web #Notice #newFocus .control {
	position: absolute;
	top: 220px;
	right: -10px;
	z-index: 111;
}
.web #Notice #newFocus .focusModule.control li a.title {
	text-indent: 0px;
	width: 20px;
	height: 20px;
	border-radius: 0px;
	line-height: 20px;
	font-size: 12px;
	background-color: #cccccc;
	color: #666;
}
.web #Notice #newFocus .focusModule.control li.focusOpen a.title {
	background-color: #4383be;
	color: #fff;
}
.web #Notice #newFocus .focusModule.control ul {
}
.web #Notice #newFocus .focusModule.control li {
	height: 20px;
	width: 25px;
}
.web #Notice #newFocus .control.focusModule {
	height: 20px;
}
.mobile #Notice {
}
.mobile #Notice #newFocus {
	width: 100%;
	height: 250px;
}
.mobile #Notice #newFocus1 {
}
.mobile #Notice #newFocus1 ul {
}
.mobile #Notice #newFocus1 li {
	position: absolute;
	width: 100%;
	height: 250px;
	left: 0;
	top: 0;
}
.mobile #Notice #newFocus1 li .preview {
	position: absolute;
	width: 100%;
	height: 250px;
	left: 0px;
	top: 0px;
}
.mobile #Notice #newFocus .control {
	position: absolute;
	top: 210px;
	right: -10px;
	z-index: 111;
}
.mobile #Notice #newFocus .focusModule.control li a.title {
	text-indent: 0px;
	width: 20px;
	height: 20px;
	border-radius: 0px;
	line-height: 20px;
	font-size: 12px;
	background-color: #cccccc;
	color: #666;
}
.mobile #Notice #newFocus .focusModule.control li.focusOpen a.title {
	background-color: #4383be;
	color: #fff;
}
.mobile #Notice #newFocus .focusModule.control ul {
}
.mobile #Notice #newFocus .focusModule.control li {
	height: 20px;
	width: 25px;
}
.mobile #Notice #newFocus .control.focusModule {
	height: 20px;
}
.web #GroupNews {
	position: absolute;
	height: 250px;
	width: 410px;
	display: block;
	left: 440px;
	background-image: url(../images/GroupNewsbg.jpg);
	background-repeat: no-repeat;
}
.web #GroupNews .newsList {
	position: absolute;
	width: 410px;
	right: 0;
	top: 65px;
}
.web #GroupNews .newsList li {
	background: none;
	height: 30px;
	border-bottom: dotted 1px #ccc;
}
.web #GroupNews .newsList li.top {
	height: 130px;
	background: none;
	border: none;
}
.web #GroupNews .newsList li.top .preview {
	width: 160px;
	height: 120px;
	display: block;
}
.web #GroupNews .newsList li.top .preview img {
	width: 160px;
	height: 120px;
}
.web #GroupNews .newsList li.top .title {
	position: absolute;
	left: 190px;
	font-size: 16px;
	width: 400px;
	line-height: 30px;
	top: 0px;
}
.web #GroupNews .newsList li.top .description {
	position: absolute;
	left: 190px;
	top: 30px;
	width: 400px;
	font-size: 12px;
	line-height: 24px;
}
.web #GroupNews .newsList li.top .upDateTime {
	display: none;
}
.mobile #GroupNews .newsList {
	padding-top: 20px;
}
.mobile #GroupNews .newsList li {
}
.mobile #GroupNews .newsList li.top {
	height: 130px;
	background: none;
	border: none;
}
.mobile #GroupNews .newsList li.top .preview {
	width: 160px;
	height: 120px;
	display: block;
}
.mobile #GroupNews .newsList li.top .preview img {
	width: 160px;
	height: 120px;
}
.mobile #GroupNews .newsList li.top .title {
	position: absolute;
	left: 190px;
	font-size: 16px;
	width: auto;
	line-height: 30px;
	top: 0px;
}
.mobile #GroupNews .newsList li.top .description {
	position: absolute;
	left: 190px;
	top: 30px;
	width: 400px;
	font-size: 12px;
	line-height: 24px;
}
.mobile #GroupNews .newsList li.top .upDateTime {
	display: none;
}
.web #video {
	position: absolute;
	height: 250px;
	width: 310px;
	display: block;
	right: 0px;
	background-image: url(../images/videobg.jpg);
	background-repeat: no-repeat;
}
.web #video #propaganda {
	position: absolute;
	right: 0;
	top: 70px;
}
.web #Announcement {
	position: absolute;
	height: 250px;
	width: 290px;
	top: 270px;
	display: block;
	background-image: url(../images/Announcementbg.jpg);
	background-repeat: no-repeat;
}
.web #Announcement .newsList {
	position: absolute;
	width: 290px;
	right: 0;
	top: 65px;
}
.web #Announcement .newsList li {
	background: none;
	height: 30px;
	border-bottom: dotted 1px #ccc;
}
.web #Announcement .newsList li .upDateTime {
	display: none;
}
.web #Announcement ul.newsList li a {
	width: 290px;
}
.mobile #Announcement .newsList li.top .description {
	position: absolute;
	left: 190px;
	top: 30px;
	width: 400px;
	font-size: 12px;
	line-height: 24px;
}
.mobile #Announcement .newsList li.top .upDateTime {
	display: none;
}
.web #GroupInformation {
	position: absolute;
	height: 250px;
	width: 290px;
	top: 270px;
	left: 303px;
	display: block;
	background-image: url(../images/Announcementbg.jpg);
	background-repeat: no-repeat;
}
.web #GroupInformation .newsList {
	position: absolute;
	width: 290px;
	right: 0;
	top: 65px;
}
.web #GroupInformation .newsList li {
	background: none;
	height: 30px;
	border-bottom: dotted 1px #ccc;
}
.web #GroupInformation .newsList li .upDateTime {
	display: none;
}
.web #GroupInformation ul.newsList li a {
	width: 290px;
}
.mobile #GroupInformation .newsList li.top .description {
	position: absolute;
	left: 190px;
	top: 30px;
	width: 400px;
	font-size: 12px;
	line-height: 24px;
}
.mobile #GroupInformation .newsList li.top .upDateTime {
	display: none;
}


.web #Partywork {
	position: absolute;
	height: 250px;
	width: 290px;
	top: 270px;
	right: 303px;
	display: block;
	background-image: url(../images/Announcementbg.jpg);
	background-repeat: no-repeat;
}
.web #Partywork .newsList {
	position: absolute;
	width: 290px;
	right: 0;
	top: 65px;
}
.web #Partywork .newsList li {
	background: none;
	height: 30px;
	border-bottom: dotted 1px #ccc;
}
.web #Partywork .newsList li .upDateTime {
	display: none;
}
.web #Partywork ul.newsList li a {
	width: 290px;
}
.mobile #Partywork .newsList li.top .description {
	position: absolute;
	left: 190px;
	top: 30px;
	width: 400px;
	font-size: 12px;
	line-height: 24px;
}
.mobile #Partywork .newsList li.top .upDateTime {
	display: none;
}



.web #IndustryNews {
	position: absolute;
	height: 250px;
	width: 290px;
	top: 270px;
	right: 0;
	display: block;
	background-image: url(../images/Announcementbg.jpg);
	background-repeat: no-repeat;
}
.web #IndustryNews .newsList {
	position: absolute;
	width: 290px;
	right: 0;
	top: 65px;
}
.web #IndustryNews .newsList li {
	background: none;
	height: 30px;
	border-bottom: dotted 1px #ccc;
}
.web #IndustryNews .newsList li .upDateTime {
	display: none;
}
.web #IndustryNews ul.newsList li a {
	width: 290px;
}
.mobile #IndustryNews .newsList li.top .description {
	position: absolute;
	left: 190px;
	top: 30px;
	width: 400px;
	font-size: 12px;
	line-height: 24px;
}
.mobile #IndustryNews .newsList li.top .upDateTime {
	display: none;
}





.web #poster{
	position: absolute;
	width: 1200px;
	height: 90px;
	display: block;
	left: 0;
	top: 605px;
}

.web #poster .titleBar{ display: none;}











.web #poster #posterBanner{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1200px;
	height: 90px;
}
.web #poster #posterBanner .banner {
    width: 100%;
    background-color: #eee;
    height: 90px;
    margin: auto;
    /* background-image: url(../images/bannerBg.png); */
}





.web #poster #posterBanner .prevBtn{ display: none;}
.web #poster #posterBanner .nextBtn{ display: none;}

.web #poster .focusModule.alpha{
	height: 90px;
}
.web #poster .focusModule.alpha li{
	overflow: visible;
}
.web #poster .focusModule.alpha .preview{
	height: 90px;
}
.web #poster .focusModule.alpha .title{
	display: block;
	line-height: 45px;
	top: 0px;
	position: absolute;
	left: 0;
	display:none;
}



.web #poster .focusModule.control{
	height: 10px;
	width: 100%;
	left: 0px;
	top: 00px;
	position: absolute;
	display:none;
}
.web #poster .focusModule.control li{
	position: relative;
	width: 15px;
	height: 10px;
	float: left;
}

.web #poster .focusModule.control li a.title{
	position: relative;
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	display: block;
	background-color: #d9d9d9;
	text-indent: -9999px;
	border-radius: 5px;
}
.web #poster .focusModule.control li.focusOpen a.title{
	background-color: #30b2eb;
}









.mobile #poster{
	height: 70px;
}

.mobile #poster #posterBanner{
	width: 100%;
	height: 70px;
}






.mobile #poster #posterBanner .prevBtn{ display: none;}
.mobile #poster #posterBanner .nextBtn{ display: none;}

.mobile #poster .focusModule.alpha{
	height: 70px;
}
.web #poster .focusModule.alpha li{
	overflow: visible;
}
.mobile #poster .focusModule.alpha .preview{
	height: 70px;
}
.mobile #poster .focusModule.alpha .title{
	display: block;
	line-height: 45px;
	top: 10px;
	position: absolute;
	left: 0;
	display: none;
}



.mobile #poster .focusModule.control{
	height: 10px;
	width: 100%;
	left: 0px;
	top: 190px;
	position: absolute;
	display:none;
}
.mobile #poster .focusModule.control li{
	position: relative;
	width: 15px;
	height: 10px;
	float: left;
}

.mobile #poster .focusModule.control li a.title{
	position: relative;
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	display: block;
	background-color: #d9d9d9;
	text-indent: -9999px;
	border-radius: 5px;
}
.mobile #poster .focusModule.control li.focusOpen a.title{
	background-color: #30b2eb;
}




.focusModule{
	height:350px;
}
.web #Honors .more {
    position: absolute;
    right: 5px;
    top: 15px;
    font-size: 16px;
    color: #FFF;
    z-index: 9999;
}
.web #Honors{
	position: absolute;
	width:1200px;
	height:350px;
	top: 720px;
	display:block;
	background-image: url(../images/Honorsbg.jpg);
	background-repeat: no-repeat;
}

.web #Honors #HonorsContainer{
	position: relative;
	width: 1200px;
	display: block;
	margin: auto;
	padding-top: 10px;
}

.web #Honors .prevBtn{
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	left: -50px;
	top: 280px;
	cursor: pointer;
	background: none;
	background-image:url(../images/Honors/prevButtonBg.png);
	
	
	transition: left 0.5s;
	-moz-transition: left 0.5s;
	-webkit-transition: left 0.5s;
	-o-transition: left 0.5s;
}
.web #Honors .prevBtn:hover{
	background-position:left bottom;
	left: -60px;
}
.web #Honors .nextBtn{
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	right: -50px;
	top: 280px;
	cursor: pointer;
	background: none;
	background-image:url(../images/Honors/nextButtonBg.png);
	
	
	
	transition: right 0.5s;
	-moz-transition: right 0.5s;
	-webkit-transition: right 0.5s;
	-o-transition: right 0.5s;
}
.web #Honors .nextBtn:hover{
	background-position:left bottom;
	right: -60px;
}


.web #Honors ul{
position: absolute;
	width: 9999px;
	top:30px;
	
}
.web #Honors li{
	position: relative;
    width: 220px;
    height: 155px;
    float: left;
	top: 120px;
	    overflow: inherit;
		padding-right: 27px;
}
.web #Honors li a.logo{
	position: relative;
	width: 198px;
	height: 110px;
	display: block;
	overflow: hidden;
	margin: auto;
	border: solid 1px #e5e5e5;
	background: none;
}
.web #Honors li a.logo img{
	height:110px;
}
.web #Honors li a.title {
    position: relative;
    width: 200px;
    height: 35px;
    display: block;
    margin: auto;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
	top: 10px;
}
.web #Honors li a:hover {
   color: #195eb9;
	text-decoration: underline;
}
  

.web #Honors .focusModule li a.preview {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;

}


.web #Honors .focusModule li a.preview img {
    display: block;
    border: none;
    width: 210px;
    height: 150px;
	border: solid 2px #e5e5e5;
}






.mobile #Honors{
	position:relative;
	overflow:visible;
}

.mobile #Honors #HonorsContainer{
	position: relative;
	width: 100%;
	height: 90px;
	display: block;
	margin: auto;
}

.mobile #Honors .prevBtn{
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	left: -30px;
	top: 30px;
	cursor: pointer;
	background: none;
	background-image:url(../images/Honors/prevButtonBg.png);
	
	
	transition: left 0.5s;
	-moz-transition: left 0.5s;
	-webkit-transition: left 0.5s;
	-o-transition: left 0.5s;
}
.mobile #Honors .prevBtn:hover{
	background-position:left bottom;
	left: -30px;
}
.mobile #Honors .nextBtn{
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	right: -30px;
	top: 30px;
	cursor: pointer;
	background: none;
	background-image:url(../images/Honors/nextButtonBg.png);
	
	
	
	transition: right 0.5s;
	-moz-transition: right 0.5s;
	-webkit-transition: right 0.5s;
	-o-transition: right 0.5s;
}
.mobile #Honors .nextBtn:hover{
	background-position:left bottom;
	right: -30px;
}


.mobile #Honors ul{
	position: absolute;
	width: 9999px;
	
}
.mobile #Honors li{
	position: relative;
	width: 140px;
	height: 100px;
	float: left;
}
.mobile #Honors li a.logo{
	position: relative;
	width: 120px;
	height: 80px;
	display: block;
	overflow: hidden;
	margin: auto;
	border: solid 1px #e5e5e5;
	background: none;
}
.mobile #Honors li a.logo img{
	height:80px;
}
.mobile #Honors li a.title{
	position: relative;
	width: 200px;
	height:35px;
	display: block;
	overflow: hidden;
	margin: auto;
	background-color: #e5e5e5;
	line-height: 35px;
	text-align: center;
	display:none;
}


.web #honour{
	position:absolute;
	width:1200px;
	height:240px;
	overflow: hidden;
	top:1090px;
	left:0;
	
	margin: 0;
}
.web #honour.module .titleBar2 {
    position: absolute;
    top: 0px;
    width: 130px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: rgb(255, 255, 255);
    display: block !important;
    text-align: center;
    background-image: url(../images/Qualificationbg.jpg);
}
.web #honour ul{
	padding-top:60px;
		position:absolute;
	width:10000px;
	overflow:hidden;
}
.web #honour li{
	position:relative;
	width:200px;
	height:153px;
	float:left;
	top:0px;
	padding-right:35px;
}
.web #honour .preview{
	width:200px;
	height:150px;
	position:relative;
	overflow:hidden;
	border:solid 1px #cccccc;
	display:block;
}
.web #honour .preview img{
	width:200px;
	height:150px;
	position:relative;
}

.web #honour .columnName,
.web #honour .title,
.web #honour .upDateTime
{
	display:none;
}




.mobile #honour ul{}
.mobile #honour li{ width:50%; height:70px;}
.mobile #honour .title{ display:none;}
.mobile #honour .preview{ width:95%; margin:auto;}
.mobile #honour .preview img{ width:100%; height:auto;}


.web #Project{
	position: absolute;
	width:1200px;
	height:350px;
	top: 1350px;
	display:block;
	background-image: url(../images/Projectbg.jpg);
	background-repeat: no-repeat;
}

.web #Project #ProjectContainer{
	position: relative;
	width: 1200px;
	display: block;
	margin: auto;
	padding-top: 10px;
}

.web #Project .prevBtn{
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	left: -50px;
	top: 280px;
	cursor: pointer;
	background: none;
	background-image:url(../images/Honors/prevButtonBg.png);
	
	
	transition: left 0.5s;
	-moz-transition: left 0.5s;
	-webkit-transition: left 0.5s;
	-o-transition: left 0.5s;
}
.web #Project .prevBtn:hover{
	background-position:left bottom;
	left: -60px;
}
.web #Project .nextBtn{
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	right: -50px;
	top: 280px;
	cursor: pointer;
	background: none;
	background-image:url(../images/Honors/nextButtonBg.png);
	
	
	
	transition: right 0.5s;
	-moz-transition: right 0.5s;
	-webkit-transition: right 0.5s;
	-o-transition: right 0.5s;
}
.web #Project .nextBtn:hover{
	background-position:left bottom;
	right: -60px;
}


.web #Project ul{
position: absolute;
	width: 9999px;
	top:30px;
	
}
.web #Project li{
	position: relative;
    width: 290px;
    height: 200px;
    float: left;
	top: 50px;
	    overflow: inherit;
		padding-right: 13px;
}
.web #Project li a.logo{
	position: relative;
	width: 198px;
	height: 110px;
	display: block;
	overflow: hidden;
	margin: auto;
	border: solid 1px #e5e5e5;
	background: none;
}
.web #Project li a.logo img{
	height:110px;
}
.web #Project li a.title {
    position: relative;
    width: 200px;
    height: 35px;
    display: block;
    margin: auto;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
	top: 10px;
}
.web #Project li a:hover {
   color: #195eb9;
	text-decoration: underline;
}
  

.web #Project .focusModule li a.preview {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;

}


.web #Project .focusModule li a.preview img {
    display: block;
    border: none;
    width: 285px;
    height: 200px;
	border: solid 2px #e5e5e5;
}
.web #Project .more {
	position:absolute;
	right:5px;
	top:15px;
	font-size:16px;
    color:#FFF;
	z-index: 9999;
}
.web #Project .more a:hover {
	text-decoration: underline;
}




.mobile #Project{
	position:relative;
	overflow:visible;
}

.mobile #Project #ProjectContainer{
	position: relative;
	width: 100%;
	height: 90px;
	display: block;
	margin: auto;
}

.mobile #Project .prevBtn{
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	left: -30px;
	top: 30px;
	cursor: pointer;
	background: none;
	background-image:url(../images/Honors/prevButtonBg.png);
	
	
	transition: left 0.5s;
	-moz-transition: left 0.5s;
	-webkit-transition: left 0.5s;
	-o-transition: left 0.5s;
}
.mobile #Project .prevBtn:hover{
	background-position:left bottom;
	left: -30px;
}
.mobile #Project .nextBtn{
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	right: -30px;
	top: 30px;
	cursor: pointer;
	background: none;
	background-image:url(../images/Honors/nextButtonBg.png);
	
	
	
	transition: right 0.5s;
	-moz-transition: right 0.5s;
	-webkit-transition: right 0.5s;
	-o-transition: right 0.5s;
}
.mobile #Project .nextBtn:hover{
	background-position:left bottom;
	right: -30px;
}


.mobile #Project ul{
	position: absolute;
	width: 9999px;
	
}
.mobile #Project li{
	position: relative;
	width: 140px;
	height: 100px;
	float: left;
}
.mobile #Project li a.logo{
	position: relative;
	width: 120px;
	height: 80px;
	display: block;
	overflow: hidden;
	margin: auto;
	border: solid 1px #e5e5e5;
	background: none;
}
.mobile #Project li a.logo img{
	height:80px;
}
.mobile #Project li a.title{
	position: relative;
	width: 200px;
	height:35px;
	display: block;
	overflow: hidden;
	margin: auto;
	background-color: #e5e5e5;
	line-height: 35px;
	text-align: center;
	display:none;
}























.web .pageFooter {
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: 120px;
	background-color: #383838;
}
.web .pageFooter .wrapper {
	height: 120px;
	width: 1200px;
	margin: auto;
}
.web .pageFooter #contact {
	position: absolute;
	left: 45px;
	top: 20px;
	color: #FFF;
	font-style: normal;
	line-height: 24px;
}
.web .pageFooter .webDesign {
	display: none;
}
.web .pageFooter .copyRight {
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #FFF;
	width: 100%;
	text-align: center;
	line-height: 55px;
}
.web .pageFooter .miitbeian {
	position: absolute;
	left: 350px;
	top: 92px;
	color: #FFF;
	line-height: 24px;
	display: none;
}
.web .pageFooter .miitbeian a {
	color: #FFF;
}
.web .pageFooter #contact {
	position: absolute;
	right: 0;
	top: 30px;
	width: 300px;
	left: auto;
}
.web .pageFooter #contact .titleBar {
	line-height: 50px;
	display: block;
	font-size: 18px;
	font-weight: normal;
	text-indent: 40px;
}
.web .pageFooter #contact p {
	line-height: 30px;
	text-indent: 55px;
}
.mobile .pageFooter {
	position: relative;
	height: 40px;
	background-position: top center;
	background-image: url(../images/pageFooterBg.png);
	background-color: #303030;
	background-size: cover;
	background-repeat: no-repeat;
}
.web .pageFooter {
	text-align: center;
	color: #fff;
}
.web .pageFooter a {
	color: #fff;
}
.web .pageFooter .slaveNav {
	padding-top: 25px;
}
.web .pageFooter .slaveNav li {
	width: 96px;
	display: inline-block;
	line-height: 24px;
	border-right: solid 1px #fff;
}
.web .pageFooter .slaveNav li a {
	width: 100%;
}
.web .pageFooter p {
	padding-top: 20px;
}
.mobile .pageFooter {
	text-align: center;
	color: #fff;
	height: auto;
}
.mobile .pageFooter a {
	color: #fff;
}
.mobile .pageFooter .slaveNav {
	padding-top: 10px;
}
.mobile .pageFooter .slaveNav li {
	width: 96px;
	display: inline-block;
	line-height: 24px;
	border-right: solid 1px #fff;
}
.mobile .pageFooter .slaveNav li a {
	width: 100%;
}
.mobile .pageFooter p {
	padding-top: 20px;
}
#pageBody2 .banner {
	background-image: url(../images/banner/2.jpg);
}
#pageBody3 .banner {
	background-image: url(../images/banner/3.jpg);
}
#pageBody4 .banner {
	background-image: url(../images/banner/4.jpg);
}
#pageBody5 .banner {
	background-image: url(../images/banner/5.jpg);
}
#pageBody6 .banner {
	background-image: url(../images/banner/6.jpg);
}
#pageBody7 .banner {
	background-image: url(../images/banner/7.jpg);
}
#pageBody8 .banner {
	background-image: url(../images/banner/8.jpg);
}
#pageBody9 .banner {
	background-image: url(../images/banner/9.jpg);
}


.web #pageBody2.pageBody {
	background-image:none;
}
.web #pageBody2.pageBody .wrapper {
    width: 1200px;
	height:auto;
}
.web #pageBody3.pageBody {
	background-image:none;
}
.web #pageBody3.pageBody .wrapper {
    width: 1200px;
	height:auto;
}
.web #pageBody4.pageBody {
	background-image:none;
}
.web #pageBody4.pageBody .wrapper {
    width: 1200px;
	height:auto;
}
.web #pageBody5.pageBody {
	background-image:none;
}
.web #pageBody5.pageBody .wrapper {
    width: 1200px;
	height:auto;
}
.web #pageBody6.pageBody {
	background-image:none;
}
.web #pageBody6.pageBody .wrapper {
    width: 1200px;
	height:auto;
}
.web #pageBody7.pageBody {
	background-image:none;
}
.web #pageBody7.pageBody .wrapper {
    width: 1200px;
	height:auto;
}
.web #pageBody8.pageBody {
	background-image:none;
}
.web #pageBody8.pageBody .wrapper {
    width: 1200px;
	height:auto;
}
.web #pageBody9.pageBody {
	background-image:none;
}
.web #pageBody9.pageBody .wrapper {
    width: 1200px;
	height:auto;
}
.web #pageBody39.pageBody {
    background-image: none;
}
.web #pageBody39.pageBody .wrapper {
    width: 1200px;
	height:auto;
}

Style Attribute {
	font-size: 14px;
	line-height: 1.4;
	color: #888888;
}