@charset "UTF-8";
/* CSS Document */
html {overflow-y:scroll;}
body {margin:0; padding:0; color: #222; font:14px/1.5 Microsoft YaHei,Arial,Helvetica,sans-serif,Simsun;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {color:#313131; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#00479d;text-decoration:none;}
em{ color:#CCC; font-size:12px;}
.fleft{ float:left;}
.fright{ float:right;}
/*--头部--*/
html,body{min-width: 1220px;}
.commonweb{ width: 1200px; margin: 0px auto;}
.main{ background: url(../images/bg1.jpg) no-repeat center 819px; min-width: 1220px;width: 100%;position: relative; z-index: 10;}
.main2{ width: 100%; min-height: 1250px;min-width: 1220px; position: relative; z-index: 10;}

.bannerbg{ width:100%;min-width: 1220px; position: absolute; height: 820px; overflow: hidden; left: 0px; top: 0px;}
.bannerbg ul li{ width: 100%; position: relative; overflow: hidden;}
.bannerbg ul li img{position: relative; width: 1980px; left: 50%; margin-left:-990px;}

.header{height: 367px;}
.headerTwo{height:288px;}

.headCollection{ text-align: right; font-size: 14px; padding-top: 20px;}
.headCollection a{ color: #707070; display: inline-block; background-repeat: no-repeat; background-position: left 3px; padding-left: 25px; margin-left: 15px;}
.headCollection a.icon1{ background-image: url(../images/img_03.png);}
.headCollection a.icon2{ background-image: url(../images/img_04.png);}
.headCollection a.icon3{ background-image: url(../images/img_05.png);}

.logoSearch{ padding-top: 35px;}
.logoSearch dt{padding-bottom: 60px;}
.logoSearch dt img{ height: 92px; display: block; margin: 0px auto;}
.logoSearch dd{ margin: 0px auto; width: 630px;position: relative;}
.logoSearch dd label{ background: #fff; border-radius: 5px; display: block; border: 1px solid #486faa; padding: 16px 85px 16px 60px;}
.logoSearch dd label input{ width: 100%; vertical-align: middle; background: no-repeat;outline: none; border: none;}
.logoSearch dd .searchBtn{ position: absolute; width: 75px; right: 0px; height: 100%; background: #245399; color: #fff; top: 0px; border: none; outline: none; border-radius: 0px 5px 5px 0px;}
.logoSearch dd img{position: absolute; left: 15px; top: 10px;}


.logoSearchTwo{ padding-top: 35px;}
.logoSearchTwo dt{float: left;}
.logoSearchTwo dt img{ height:68px; display: block; margin: 0px auto;}
.logoSearchTwo dd{width: 450px; float: right; position: relative; margin-top: 10px;}
.logoSearchTwo dd label{ background: #fff; border-radius: 5px; display: block; border: 1px solid #486faa; padding: 16px 85px 16px 60px;}
.logoSearchTwo dd label input{ width: 100%; vertical-align: middle; background: no-repeat;outline: none; border: none;}
.logoSearchTwo dd .searchBtn{ position: absolute; width: 75px; right: 0px; height: 100%; background: #245399; color: #fff; top: 0px; border: none; outline: none; border-radius: 0px 5px 5px 0px;}
.logoSearchTwo dd img{position: absolute; left: 15px; top: 10px;}


.nav{ width: 100%; background: url(../images/img_07.png) repeat-x; height: 55px; overflow: hidden;}
.nav ul{ width: 1280px;}
.nav ul li{ float: left; padding:0px 9px 0px 8px; line-height: 55px;}
.nav ul li a{ font-size: 18px; color: #00479d; font-weight: 500;}
.nav ul li.cur{ background: #00479d;}
.nav ul li.cur a{ color:#fff;}

.recommendedHeadlines{padding: 30px 0px 35px;}
.recommendedHeadlines h2{ font-size: 36px; height: 40px; line-height: 40px; overflow: hidden; font-weight: 700; text-align: center;color: #00479d;}
.recommendedHeadlines .desc{padding: 0px 100px; font-size: 14px; color: #707070; line-height: 24px; padding-top: 20px; text-indent: 2em;}

.banner{ float: left; width: 665px;height: 405px; position: relative; overflow: hidden; }
.banner ul li{width: 665px;height: 405px; position: relative; overflow: hidden;}
.banner ul li img{ display: block;width: 665px;height: 405px;}
.banner ul li p{position: absolute; bottom: 0px; width: 605px; padding: 0px 30px; height: 40px;background-color: rgba(0,0,0,.5); line-height: 40px; color: #fff; z-index: 10;overflow: hidden;}

.bannerDot{ position: absolute; right: 0px; bottom: 12px; z-index: 20;}
.bannerDot a{display: inline-block; width: 12px; height: 12px; overflow: hidden; line-height: 9999px; background: #fff; border-radius: 100%; margin-right: 10px;}
.bannerDot a.cur{ background: #00479d;}

.recommendedNews{ float: right; width: 515px; overflow: hidden;}
.recommendedNews ul{margin-top: -23px;}
.recommendedNews ul li{ border-top: 1px solid #c9caca; padding: 22px 0px; margin-top: -1px;}
.recommendedNews ul li h3{ font-size: 24px; color: #000000; height: 36px; overflow: hidden;}
.recommendedNews ul li p{ font-size: 14px; color: #7d7d7d; height: 48px; overflow: hidden; line-height: 24px; margin-top: 5px;}
.recommendedNews .more{text-align: right; margin-top: -20px;}
.recommendedNews .more a{ display: inline-block; width: 105px; height: 43px; text-align: right; background: url(../images/img_09.png) no-repeat; line-height: 43px; font-size: 18px; color: #1b1b1b; padding-right: 20px;}

.manyImg{ overflow: hidden; padding: 17px 0px;}
.manyImg ul{ width: 1240px;}
.manyImg ul li{ float: left; width: 290px; margin-right: 14px;}
.manyImg ul li img{ display: block; width: 290px;}

.survey{ background: url(../images/img_14.png) no-repeat; width: 682px; height: 400px; float: left;}
.survey dl{ padding: 80px 28px 0px;}
.survey dl dt{ float: left; width: 219px;}
.survey dl dt img{ width: 100%; display: block;}
.survey dl dd{ float: right; width: 370px;}
.survey dl dd h3{ font-size: 24px; color: #000000; padding-bottom:10px;}
.survey dl dd .desc{ font-size: 14px; line-height: 26px; color: #535353;}
.survey dl dd .desc p{ text-indent: 2em;}

.Notice{ float: right; width: 474px; height: 400px; padding: 0px 20px; background: url(../images/img_15.png) no-repeat; position: relative;}
.Notice dl{padding-top: 80px; border-bottom: 1px solid #cacaca; padding-bottom: 15px;}
.Notice dl dt{ font-size: 24px; height: 30px; line-height: 30px; text-align: center; overflow: hidden;}
.Notice dl dd{ text-indent: 2em; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #7d7d7d; margin-top: 10px;}

.commonList{padding-top: 13px;}
.commonList li{ background:url(../images/img_17.png) no-repeat left 15px; height: 36px; line-height: 36px; font-size: 18px; overflow: hidden; padding-left: 20px;}
.commonList li a{ color: #1b1b1b;}
.commonList li span{ float: right; display: inline-block;}

.smallBanner{ width: 100%; overflow: hidden; padding: 15px 0px 0px;}
.smallBanner img{ width: 100%; display: block;}

.commonMore{ position: absolute; right: 20px; top: 25px; font-family: "黑体"; background: url(../images/img_19.png) no-repeat left 8px; color: #707070; padding-left: 20px; font-size: 18px;}


.newsList{ float: left; width: 516px; height: 378px; padding: 0px 40px; margin-top: 15px; background: url(../images/img_20.png) no-repeat; position: relative;}
.newsList dl{padding-top: 75px;padding-bottom: 10px;}
.newsList dl dt{ font-size: 24px; height: 30px; line-height: 30px; text-align: center; overflow: hidden;}
.newsList dl dd{ text-indent: 2em; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #7d7d7d; margin-top: 10px;}
.newsList .commonMore{top: 20px;}
.newsList h3{ font-size: 24px; color: #fff; position: absolute; left: 35px; top: 12px; font-weight: 700;}

.newsList2{ float: left; width: 356px; height: 405px; padding: 0px 20px; margin-top: 15px; background: url(../images/img_21.png) no-repeat; position: relative;}
.newsList2 dl{padding-top: 85px;padding-bottom: 10px; border-bottom: 2px dotted #898989;}
.newsList2 dl dt{ font-size: 20px; height: 30px; line-height: 30px; text-align: center; overflow: hidden;}
.newsList2 dl dd{ text-indent: 2em; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #7d7d7d; margin-top: 10px;}
.newsList2 .commonMore{top: 23px;color: #fff;background: url(../images/img_22.png) no-repeat left 8px;}

.newsList2 h3{ font-size: 24px; line-height: 69px; text-indent: 30px; color: #fff; position: absolute; left:0px; top: 0px; font-weight: 700; background: url(../images/img_23.png) no-repeat; width: 100%; height: 69px;}

.newsList2 ul li{ font-size: 14px;}
.meiti{margin-left:7px;}
.meiti h3{background: url(../images/img_24.png) no-repeat;}
.lishi h3{background: url(../images/img_24.png) no-repeat;}

.newsListRight{ float: right;}

.organization h3{ font-size: 24px; padding: 15px 0px 10px;}
.organization ul{ background: #f0f0ff;  border: 1px solid #dbdbdb; padding: 15px 50px; border-radius: 5px;}
.organization ul li{ float: left; padding: 10px 10px; font-size: 16px;}
.organization ul li a{ color: #1b1b1b;}

.link ul{padding: 15px 40px;}
.link ul li{ padding: 10px 20px;}

.foot{ background: url(../images/img_26.png) repeat-x; height: 358px; margin-top: 40px;}
.foot dl{ margin: 0px auto; width: 510px; position: relative; padding: 50px 0px 0px 150px;}
.foot dl dt{ font-size: 14px; color: #fff; line-height: 30px;}
.foot dl dd{position: absolute;left: 0px; width: 105px;}
.foot dl dd p{ text-align:center; font-size: 12px;padding-top: 5px; color: #fff;}

.authentication{margin: 0px auto; width: 570px; padding-top: 30px;}
.authentication a{ margin-right: 30px;}

/*--内页--*/

.commonClass{ min-height: 800px; width: 263px; background: url(../images/img_31.png) no-repeat; margin-top: 15px; float: left;}
.commonClass h3{padding: 50px 0px 0px; text-align: center;}
.commonClass h3 img{ max-width: 80%;}
.commonClass ul{padding: 87px 0px; margin: 0px auto; width: 202px;}
.commonClass ul li{padding-bottom: 10px;}
.commonClass ul li a{ display: block; height: 38px; overflow: hidden; background: url(../images/img_33.png) no-repeat; padding-left:45px; font-size: 16px; color: #000000; line-height:38px;}
.commonClass ul li.cur a{background: url(../images/img_34.png) no-repeat; color: #245399; font-weight: 700;}
.commonClass dl{ border-radius: 4px; padding: 14px 16px; width: 166px; margin: 0px auto; background: #e2f1f9; text-align: center;}
.commonClass dl img{ display: block; width: 100%; padding-bottom: 10px;}
.commonClass dl p{ font-size: 12px; color: #000000; text-align: center;}

.commonRight{ float: right; width:925px; padding-top: 15px;}
.location{ color: #245399; font-size: 12px; font-family: '宋体';}
.location .HomeIcon{ background: url(../images/img_36.png) no-repeat; width: 16px; height: 14px; display:inline-block;vertical-align: middle; margin-right: 5px;}
.location a{color: #245399;}

.commonNewsList{ background: url(../images/img_37.png) no-repeat; padding:25px 40px 40px; min-height: 800px; margin-top: 15px;}
.commonNewsList ul li{ margin-top:20px; background: url(../images/img_17.png) no-repeat 20px 20px; padding-left: 45px; border-bottom: 1px solid #e9e8e7; line-height: 46px; font-size: 18px; height: 46px; overflow: hidden; position: relative;}
.commonNewsList ul li span{ float: right; padding-left: 10px;}
.commonNewsList ul li a{ color: #000000;}

.paging{padding: 10px 0px 30px; text-align: center;}
.paging li{ display:inline-block}
.paging li span{ display: inline-block; min-width: 33px; height: 33px; font-size: 14px; border: 1px solid #eeeeee; line-height: 33px; margin: 0px 3px; color: #999999;}
.paging a{ display: inline-block; min-width: 33px; height: 33px; font-size: 14px; border: 1px solid #eeeeee; line-height: 33px; margin: 0px 3px; color: #999999;}
.paging a.cur{ background:#972fcf; color: #fff;}
.paging a:hover{ background:#972fcf; color: #fff;}
.paging li.active span{ background:#972fcf; color: #fff;}
.paging li:hover a{ background:#972fcf; color: #fff;}

.about{background: url(../images/img_37.png) no-repeat; padding:80px; min-height: 800px; margin-top: 15px; font-size: 16px; line-height: 36px;color: #1b1b1b;}

.commonNewsImg{background: url(../images/img_37.png) no-repeat; padding:25px 0px 40px 15px; min-height: 800px; margin-top: 15px; overflow: hidden;}
.commonNewsImg ul{ width: 1200px;}
.commonNewsImg ul li{ float: left; width: 290px; padding-right: 12px; padding-bottom: 20px;}
.commonNewsImg ul li img{ width:290px; height: 190px; display: block;}
.commonNewsImg ul li h3{ font-size: 14px; color: #000000; line-height: 24px; height: 48px; overflow: hidden; margin-top: 15px;}
.commonNewsImg ul li p{ background: url(../images/img_50.png) no-repeat 0px 3px; padding-left: 20px; color: #898989; font-size: 14px; margin-top: 15px;}

.specialList{background: url(../images/img_37.png) no-repeat; padding:25px 0px 40px 15px; min-height: 800px; margin-top: 15px; overflow: hidden;}
.specialList ul{ width: 1200px;}
.specialList ul li{ float: left; width: 290px; padding-right: 12px; padding-bottom: 20px;}
.specialList ul li img{ width:290px; height: 82px; display: block;}
.specialList ul li h3{ font-size: 14px; color: #000000; line-height: 24px; height:24px; overflow: hidden; margin-top: 15px;}
.specialList ul li p{ background: url(../images/img_50.png) no-repeat 0px 3px; padding-left: 20px; color: #898989; font-size: 14px; margin-top: 8px;}

.homeAbout{ float: left; width: 562px; min-height: 268px; background: url(../images/img_61.png) no-repeat; margin-top: 25px; padding: 84px 15px 0px;}
.homeAbout dt{ float: left; width: 175px;}
.homeAbout dt img{ display: block; width: 100%;}
.homeAbout dd{ float: right; width: 365px;}
.homeAbout dd h3{ font-size: 24px; color: #000000; font-family: '黑体';}
.homeAbout dd .desc{ font-size: 14px; line-height: 26px; color: #535353; text-indent: 2em; padding-top: 15px;}
.homeAbout dd .more{ text-align: right;padding-top: 15px;}
.homeAbout dd .more a{ display: inline-block; width: 106px; height: 35px; text-align: center; line-height: 35px; color:#245399; font-size: 14px; background: url(../images/img_60.png) no-repeat;}
.hainan{background: url(../images/img_62.png) no-repeat;}

.lingdao{    border-radius: 10px; border: 1px solid #dbdbdb; padding-bottom: 25px;}
.lingdao h3{ height: 51px; line-height: 51px; color: #ffff; font-size: 24px; font-family: '黑体';  background: url(../images/img_63.png) no-repeat; padding-left: 25px;}

.director{ float: left; width: 470px; margin-left: 30px; margin-top: 25px;}
.director dt{ float: left; width: 180px;}
.director dt img{ display: block; width: 180px;}
.director dd{ float:right; width: 250px;}
.director dd h4{ font-size: 20px; color: #000000;font-family: '黑体';}
.director dd .desc{ color: #535353; font-size: 14px; font-weight: 700; line-height: 26px; padding-top: 10px; text-indent: 2em;}
.director dd .desc2{ color: #535353; font-size: 14px; line-height: 26px; padding-top: 10px;text-indent: 2em;}
.director dd .more{ text-align: right;padding-top: 15px;}
.director dd .more a{ display: inline-block; width: 106px; height: 35px; text-align: center; line-height: 35px; color:#245399; font-size: 14px; background: url(../images/img_60.png) no-repeat;}

.director2{ float: left; margin-left: 50px; width: 630px;}
.director2 dt{ float:left; width: 393px;}
.director2 dt img{ display: block; width: 393px;}
.director2 dd{ float: right; width: 195px;}
.director2 dd h4{ font-size: 20px; color: #000000;font-family: '黑体';}
.director2 dd .desc{ font-size: 14px; line-height:30px; color: #000000; padding-top: 20px;}
.director2 dd .more{ text-align: right;padding-top: 15px;}
.director2 dd .more a{ display: inline-block; width: 106px; height: 35px; text-align: center; line-height: 35px; color:#245399; font-size: 14px; background: url(../images/img_60.png) no-repeat;}

.threeCol{ float: left; width: 390px; height: 352px;border: 1px solid #dbdbdb;    border-radius: 10px; margin-top: 15px;}
.threeCol h3{ height: 51px; line-height: 51px; color: #ffff; font-size: 24px; position: relative; font-family: '黑体';  background: url(../images/img_63.png) no-repeat; padding-left: 15px;}
.threeCol h3 .commonMore{ top: 0px;background: url(../images/img_19.png) no-repeat left 19px;}
.threeCol .commonList{margin: 20px 30px 0px;}
.threeCol .commonList li{ line-height: 36px; font-size: 14px;}

.constitutionBox{margin-left: 13px;}
.organBox{ float: right;}

.constitution{ padding: 20px 20px; font-size: 14px; line-height: 26px; color: #535353;}
.constitution p{ text-indent: 2em;}
.organ{ padding: 20px 20px; font-size: 14px; line-height: 26px; color: #000000;}


.detailBox{background: url(../images/img_37.png) no-repeat;padding: 25px 40px 0px; min-height: 800px; margin-top: 15px;}
.detailTitle{padding-top: 50px; text-align: center;}
.detailTitle h2{ font-size: 29px; color: #313131; line-height: 1.4; padding-bottom: 20px;}
.detailTitle p{ border: 1px solid #d2d2d2; color: #7d7d7d; font-size: 12px; padding: 10px 0px; border-left: none; border-right: none;}

.detail{padding: 30px 40px; font-size: 14px; color: #313131; line-height: 30px;}
.detail img{max-width: 100%;}

.nextPrevPage{ border-top: 1px solid #d2d2d2; padding: 15px 0px;}
.nextPrevPage a{ display: block; line-height: 30px;}
.nextPrevPage a.return{ color: #d00006;}

.satisfied{ background: url(../images/img_37.png) no-repeat; padding:25px 40px 40px; min-height: 800px; margin-top: 15px;}
.satisfied h3{text-align: center;padding-top: 40px;}
.satisfied h3 img{ max-width: 100%;}
.satisfied h4{text-align: center; padding-top: 20px;}
.satisfied h4 img{ max-width: 100%;}
.satisfied .desc{text-indent: 2em; font-size: 14px; color: #1b1b1b;padding-top: 25px; line-height: 30px;}
.satisfied h5{border-bottom: 1px solid #e1e1e1;padding: 20px 0px 12px 10px; font-size: 16px;}
.satisfied h5 img{ margin-right: 10px;}
.satisfied ul{padding: 20px 30px;}
.satisfied ul li{padding: 0px 0px 12px; font-size: 14px; color: #1b1b1b;}
.satisfied ul li label{ display: inline-block; position: relative; padding-left: 34px; cursor: pointer;}
.satisfied ul li label input{position: absolute; visibility: hidden; opacity: 0; left: 0px; top: 0px;}
.satisfied ul li label span{border-radius: 100%; border: 1px solid #686868; width: 18px; height: 18px; position: absolute; left: 0px; top: 0px;}
.satisfied ul li label input:checked + span{border-color: #00479d;}
.satisfied ul li label input:checked + span::after{content: ''; width: 12px; height: 12px;background: #00479d; border-radius: 100%; position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -6px;}
.satisfied dl textarea{ width: 800px; height: 180px; outline: none; font-size: 14px; border: 2px solid #d6d6d6; font-size: 14px; padding: 20px; box-shadow: inset 0px 0px 10px rgba(0,0,0,.2);}
.satisfied dl input{ width:100%; vertical-align: middle; border: none; background: no-repeat; outline: none;}
.satisfied dl dd{ font-size: 16px; color: #313131; padding-top: 25px;}
.satisfied dl dd img{vertical-align: middle; height: 36px; margin-left: 20px;}
.satisfied dl dd label{ display: inline-block; width: 100px; padding: 10px 10px; border: 1px solid #d6d6d6; vertical-align: middle;}
.satisfied dl span{ color: #eb6100;}
.satisfied .satisfiedBtn{ text-align: center; padding-top: 70px;}
.satisfied .satisfiedBtn input{ width: 120px; height: 36px; outline: none; color: #fff; border-radius: 4px; font-size: 16px; font-weight: 700; border: none; background: #5234d3; vertical-align: middle;}
.satisfied .satisfiedBtn a{ width: 120px; height: 36px; margin-left: 20px; color: #fff; border-radius: 4px; line-height: 36px; text-align: center; font-size: 16px; font-weight: 700; display: inline-block; background: #cb00ff;vertical-align: middle;}

.satisfiedlink{ position: fixed; right: 0px; top: 50%; margin-top: -77px;}
.satisfiedlink img{width:60px;height:80px;}


.relevantLinkBox h3{ font-size: 24px; color: #000000; padding: 20px 0px 20px;}
.relevantLinkBox dl{ border: 1px solid #dbdbdb; background: #eaeaff; padding: 32px 0px; border-radius: 5px;}
.relevantLinkBox dl dt{ text-align: center;}
.relevantLinkBox dl dt a{margin: 0px 24px;}
.relevantLinkBox dl dt a img{max-width: 264px;}
.relevantLinkBox dl dd{ text-align: center; padding-top: 20px;}
.relevantLinkBox dl dd select{margin: 0px 15px;}