*{
margin: 0;
padding: 0;
}
html,body{
width: 100%;
height: 100%;
}
body{
font-family: 微软雅黑, Arial;
font-siz: 14px;
line-height: 30px;
}
li{
list-style: none;
}
img{
border: 0;
}
.left{
float: left;
}
.right{
float: right;
}
a{
color: #000000;
text-decoration: none;
}
a:hover{
color: #0030b4;
}
.btnMore{
border-radius: 30px;
padding: 10px 35px;
border: solid 1px #025AB4;
color: #fff;
background: #025AB4;
height: 50px;
line-height: 50px;
}
.btnMore:hover{
background: #ffffff;
color: #025AB4;
}
#logoLine{
background: url("../images/slogan.png") center no-repeat;
}
#logoLine,#innerNav, #idxAboutUs, #idxNewsList, #idxMembers, .idxConPanel,#idxExhibition, #innerFooterCon{
width: 1400px;
clear: both;
position: relative;
}
#logoLine,#innerNav{
margin: 0px auto;
}
#idxAboutUs, #idxNewsList, #idxMembers, .idxConPanel, #idxExhibition,#innerFooterCon{
margin: 10px auto;
}
#logoLine{
padding: 15px 0;
}
#topLogo{
width: 400px;
height: 60px;
}
#topSearch{
width: 302px;
height: 30px;
padding: 15px 0px;
}
#topSearchBorderLeft{
border-top: lightgray solid 1px;
border-left: lightgray solid 1px;
border-bottom: lightgray solid 1px;
width: 260px;
height: 30px;
display: inline-block;
padding: 0 5px;
float:left;
}
#topSearchBorderRight{
border-top: lightgray solid 1px;
border-right: lightgray solid 1px;
border-bottom: lightgray solid 1px;
width: 30px;
height: 30px;
display: inline-block;
float:left;
}
#searchTxt{
background: none;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
outline: none;
width: 260px;
height:30px;
}
#searchBtn{
width: 25px;
height: 25px;
background: url("../images/searchBtn.png") 3px 3px no-repeat;
display: block;
cursor: pointer;
}
#nav{
width: 100%;
clear: both;
height: 40px;
background: #025AB4;
}
#nav a{
color: #fff;
height: 40px;
line-height: 40px;
}
#innerNav li{
display: block;
float: left;
width: 116px;
}
#innerNav li a{
display: block;
text-align: center;
}
#innerNav li a:hover, #innerNav li .selected,#innerNav li .on{
background: #0030b4;
}
.subNav{
display: none;
padding-top: 5px;
background: url("../images/topTrigle.png") center top no-repeat;
}
.subNav li{
background: #025AB4;
}
#banner{
width: 100%;
height: 370px;
background: url("../images/banner2.jpg") bottom center no-repeat;
background-size: cover;
margin-bottom: 10px;
}
#idxAboutUs .panelHead,#idxMembers .panelHead,#idxNewsList .panelHead,#idxExhibition .panelHead, #idxVideo .panelHead,#idxGroupMemberPanel .panelHead {
font-weight: 400;
height: 60px;
font-size: 14px;
border-bottom: #025AB4 2px dashed;
position: relative;
margin-bottom: 15px;
}
#idxVideo .panelHead{
border-bottom: #ffffff 2px dashed;
}
#logoLine:after, .grayBgPanel:after, #idxAboutUs .panelHead:after,#idxMembers .panelHead:after, #idxNewsList .panelHead:after,#idxGroupMemberPanel .panelHead:after, #exhibition .panelHead:after,#idxExhibition:after,.clearBoth:after,#innerFooterCon:after{
content: '';
display: block;
clear: both;
}
#idxAboutUs .panelHead img, #idxMembers .panelHead img, #idxNewsList .panelHead img, #idxExhibition .panelHead img, #idxVideo .panelHead img,#idxGroupMemberPanel .panelHead img{
float: left;
display: block;
z-index: 10;
position: absolute;
top: 5px;
}
#idxAboutUs .panelHead p,#idxMembers .panelHead p, #idxNewsList .panelHead p, #idxExhibition .panelHead p,#idxGroupMemberPanel .panelHead p{
float: right;
text-align: right;
display: block;
line-height: 56px;
height: 56px;
}
#idxAboutUsCon{
width: 800px;
float: left;
}
#idxAboutUsImg{
width: 400px;
float: right;
padding-left: 50px;
text-align: right;
}
#idxAboutUsCon p{
text-indent: 30px;
padding: 15px 0;
}
.idxTabNewsHead{
width: 200px;
height:350px;
background: #ccc;
float: left;
}
.idxTabNewsBox{
width: 1180px;
height: 350px;
float: right;
}
.idxTabNewsHead li{
font-size: 18px;
font-weight: bold;
height: 50px;
line-height: 50px;
background: #025AB4;
color: #ffffff;
display: block;
text-align: center;
cursor: pointer;
border-bottom: #cccccc solid 1px;
}
.idxTabNewsHead .newsHeadSelected{
height: 80px;
background: #0030b4;
line-height: 80px;
}
.idxTabNewsliST{
display: none;
}
.idxTabCharNewsList{
width: 670px;
float: left;
overflow: hidden;
}
.idxTabCharNewsList li{
border-bottom: dotted 1px #cccccc;
height: 30px;
overflow: hidden;
}
.idxTabImgNewsList{
width: 490px;
height: 300px;
overflow: hidden;
float: right;
position: relative;
}
.imgNewsIdxItem{
padding: 10px 0 10px 400px;
width: 100%;
height: 10px;
position: absolute;
top: 270px;
background: darkgrey;
opacity: 0.8;
}
.imgNewsIdxItem li{
border-radius: 10px;
border: solid 2px #ffffff;
height: 6px;
width: 6px;
margin: 0 5px;
float: left;
cursor: pointer;
background-color: #f3f3f3;
}
.imgNewsIdxItem .blueCircle{
border: solid 2px #025AB4;
background-color: #0030b4;
}
.imgNewsIdxItem .newsSelected{
border: #025AB4 2px solid;
}
.newsMore{
clear: both;
padding-top: 10px;
}
.newsMore a{
color: #0030b4;
}
#idxGroupMemberPanel{
width: 1360px;
padding: 20px 20px 0 20px;
overflow: hidden;
}
.idxMemberListBox{
height: 450px;
width: 1400px;
overflow: hidden;
}
.idxMemberListBox li{
width: 228px;
height: 390px;
border: solid 1px #ccc;
float: left;
margin:20px 15px;
text-align: center;
padding: 10px;
font-size: 12px;
background-color: #f3f3f3;
}
.idxMemberListBox li img{
width: 228px;
height: 300px;
}
.idxMemberListBox li .memberName{
font-weight: bold;
}
#groupMember{
width: 1360px;
display: flex;
align-items: normal;
justify-content: center;
}
#groupMember li{
display: block;
width: 300px;
margin: 10px;
}
#groupMember li img{
border-radius: 10px;
}
/*
.idxVideoPanel{
height: 500px;
}
#idxVideo{
width: 1000px;
height: 400px;
background: #025AB4;
border-radius: 10px;
padding: 20px;
}
#idxVideo ul{
width: 800px;
}
#idxVideo li{
width: 800px;
height: 40px;
line-height: 40px;
overflow: hidden;
}
#idxVideo li a, #idxVideo li span{
display: block;
color: #fff;
}
#idxVideo li a{
width: 650px;
float: left;
}
#idxVideo li a:hover{
color: cyan;
}
#idxVideo li span{
width: 130px;
float: right;
}
#idxVideoImgBox{
width: 600px;
height: 400px;
position: absolute;
top: 100px;
left: 800px;
overflow: hidden;
}
#idxVideoImgBox image{
opacity: 0.6;
}
.playBtnBox{
position: relative;
}
.playBtn{
display: block;
width: 30px;
height: 30px;
left: 270px;
top: -230px;
position: absolute;
}
.playBtn img{
height: 60px;
width: 60px;
}
*/
.grayBgPanel{
background: #f3f3f3;
padding: 0px;
height: 350px;
}
.whiteBtn{
display: block;
width: 100px;
padding: 5px 20px;
background: #f3f3f3;
color: #0030b4;
text-align: center;
border-radius: 10px;
}
#idxPolicy{
width: 560px;
float: left;
padding: 20px;
}
#idxLocalSpeciality,#partyBuild{
width: 740px;
padding: 20px;
float: right;
}
#idxPolicy .panelHead, #idxLocalSpeciality .panelHead,#idxPolicy .panelHead,#partyBuild .panelHead{
font-weight: 400;
height: 60px;
font-size: 14px;
border-bottom: #025AB4 2px dashed;
position: relative;
margin-bottom: 15px;
}
#partyBuild .panelHead{
width: 740px;
}
#idxPolicy .panelHead img, #idxLocalSpeciality .panelHead img,#partyBuild .panelHead img{
position: absolute;
top: 10px;
float: left;
}
#idxPolicy .panelHead p, #idxLocalSpeciality .panelHead p,#partyBuild .panelHead p{
float: right;
height: 56px;
line-height: 56px;
}
#idxPolicy li{
height: 40px;
line-height: 40px;
width: 530px;
padding-left: 20px;
overflow: hidden;
background: url("../images/listItemBg.png") left center no-repeat;
}
/*#idxLocalSpeciality li{
width: 150px;
height: 210px;
margin: 10px;
padding: 5px;
float: left;
border: solid 1px lightsteelblue;
background: lightblue;
overflow: hidden;
}
#idxLocalSpeciality li img{
width: 150px;
height: 170px;
}
#idxLocalSpeciality li a{
display: block;
text-align: center;
}*/
#partyBuildList a,#partyBuildList span{
display: block;
height: 40px;
line-height: 40px;
}
#partyBuildList a{
width: 540px;
overflow: hidden;
padding: 0 15px;
float: left;
background: url('../images/dot.png') left center no-repeat;
}
#partyBuildList span{
width: 140px;
float: right;
overflow: hidden;
}
#idxExhibition li{
width: 700px;
height: 200px;
float: left;
}
.exhibSummary{
width: 310px;
height: 160px;
padding: 20px;
overflow: hidden;
background: #025AB4;
color: white;
}
.exhibTitle{
color: #FFFFFF;
}
.exhibTitle:hover{
color: #B2CBFF;
}
#footer{
padding: 20px 0;
background: darkgrey;
color: white;
}
#footer a{
color: #ffffff;
}
#footer a:hover{
color: #025AB4;
}
#leftFootCon{
width: 800px;
float: left;
}
#idxFooterContactUs{
width: 580px;
float: right;
}
#videoBox{
width: 100vw;
height: 100vh;
display: none;
position: fixed;
top: 0;
left: 0;
justify-content: center;
align-items: center;
z-index: 100;
}
#videoBox:before{
content: '';
width: 100vw;
height: 100vh;
position: fixed;
background-color: #cccccc;
opacity: 0.7;
z-index: 9;
}
#playBox{
width: 1080px;
height: 720px;
z-index: 555;
}
#videoCloseBtn{
position: relative;
top: -720px;
text-align: right;
padding-right: 10px;
height: 30px;
}
#videoCloseBtn img{
cursor: pointer;
}
#content{
width: 1360px;
padding: 20px;
margin: 0 auto 20px auto;
border: solid 1px #f2f2f2;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
#content #position{
margin-bottom: 20px;
}
#contentBox p,#aboutUsContent p{
text-indent: 35px;
}
#aboutUsContent{
width: 1100px;
float: right;
margin-right: 20px;
}
#newsList li{
height: 110px;
width: 1300px;
margin:10px auto;
}
#newsList li:after{
content: '';
clear: both;
}
#newsList li img{
width: 150px;
height: 110px;
float: left;
box-shadow: 0 0 10px,rgba(0,0,0,0.5);
}
#newsList li div{
width: 950px;
height: 110px;
margin-left:20px;
float: left;
overflow: hidden;
}
#newsList li a{
display: inline-block;
width: 1000px;
float: left;
}
#newsList li span{
display: inline-block;
float: right;
width: 130px;
text-align: right;
color: #cccccc;
}
#newsList li p{
color: #999999;
font-size: smaller;
line-height: 26px;
}
#content aside{
width: 150px;
float: left;
}
#content aside li{
font-size: 16px;
background-color: #025AB4;
height: 50px;
line-height: 50px;
border-bottom: white solid 1px;
text-align: center;
font-weight: bold;
}
#content aside li a{
color: #ffffff;
}
#content aside .sideNavSelected{
height: 70px;
line-height: 70px;
background-color: #0030b4;
}
#memberListBox,#newsListBox{
width: 1160px;
float: right;
}
#memberList li{
height: 650px;
overflow: hidden;
}
#rightSideList li:after{
content: '';
clear: both;
display: block;
}
#rightSideList li{
border-bottom: dotted 1px #cccccc;
margin: 5px 0;
}
#rightSideList li a{
display: block;
width: 1000px;
height: 30px;
overflow: hidden;
float: left;
}
#rightSideList li span{
display: block;
width: 160px;
height: 30px;
text-align: right;
color: #cccccc;
overflow: hidden;
float: right;
}
#content:after{
content: '';
clear: both;
display: block;
}
#memberListBox #memberList li{
width: 460px;
margin: 40px;
padding: 20px;
float: left;
text-align: center;
box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
#memberListBox #memberList:after{
display: block;
content: '';
clear: both;
}
#memberListBox #memberList .oneLine{
width: 1060px;
}
#memberListBox li p{
text-align: left;
}
#memberListBox li img{
width: 350px;
height: 450px;
}
#memberListBox .oneLine img{
width: 500px;
height: 640px;
float:left;
}
#memberListBox #memberList .oneLine .memberContent{
width: 460px;
height: 640px;
float: right;
margin-right: 50px;
position: relative;
}
#memberListBox #memberList .oneLine .memberCharContent{
position: absolute;
top: 50%;
transform: translate(0,-50%);
}
.listMemberName{
font-size: 20px;
display: block;
height: 60px;
line-height: 60px;
font-weight: bold;
}
#partySummary{
margin-bottom: 30px;
}
#partySummary h4{
font-size: 20px;
text-align: center;
line-height: 70px;
}
#partySummary image{
float: left;
width: 400px;
}
#partyCharSummary{
float: right;
width: 900px;
margin-left: 25px;
margin-right: 25px;
}
#partySummary:after{
content: '';
clear: both;
display: block;
}
#partyList li{
border-bottom: dotted 1px #cccccc;
}
#partyList li:after{
content: '';
clear: both;
display: block;
}
#partyList li a,#partyList li span{
display: block;
height: 40px;
line-height: 40px;
}
#partyList li a{
width: 1200px;
float: left;
}
#partyList li span{
width: 150px;
float: right;
text-align: right;
color: #999999;
}
#teamMemberList li{
width:1320px;
padding:20px;
margin: 20px 0;
box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
#teamMemberList li:after{
content: '';
clear: both;
display: block;
}
#teamMemberList li .teamMemberImg{
width: 500px;
height: 200px;
float: left;
}
#teamMemberList li .teamMemberSummaryBox{
width: 780px;
height: 200px;
float: right;
margin-right: 20px;
position: relative;
}
#teamMemberList li .teamMemberName{
font-size: 20px;
font-weight: bold;
height: 50px;
line-height: 50px;
text-align: center;
display: block;
}
#teamMemberList li .teamMemberSummary{
position: relative;
top: 50%;
transform: translate(0,-50%);
}
#tradeContent{
width: 1160px;
float: right;
}
.articleTitle{
font-size: 28px;
font-weight: bold;
line-height: 50px;
text-align: center;
}
.info{
background-color: #f3f3f3;
color: #999999;
text-align: center;
padding: 5px;
margin: 20px;
}
#webNewsContent{
width: 1300px;
margin: 0 auto;
}
#webNewsContent{
text-indent: 30px;
}