﻿
/* CSS Document */
/*
 * @description 网站通用样式、主体样式、底部样式
 * @author GuoR
 * @Date 2016/1/20
 */
 
/*通用样式*/
*{margin:0; padding:0;}
body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑";background:#c7e8fa url(../image/bottombj1.jpg) no-repeat bottom center;min-width:1007px;}
ul,ol,dl{list-style:none;}
img{border:none;}
a{text-decoration:none}
form,input{vertical-align:middle;margin:0;padding:0;border:0;}
i{ font-style:normal;}

/*返回顶部*/
.rain_fhdb{position:fixed;left:50%;bottom:60px;margin-left:520px;z-index:110;width:125px;text-align:center;background:#5b88b4;}
@media screen and (max-width: 1100px) { 
.rain_fhdb {margin-left:370px;} 
} 
.rain_fhdb dt{width:125px;height:125px;background:#FFF;}
.rain_fhdb dd{height:30px;line-height:30px;color:#FFF;border-bottom:1px solid #ddd;}
.rain_fhdb dd a{color:#000;display:block;width:100%;height:100%;background:#FFF;}
.rain_fhdb dd a:hover{background:#5b88b4;color:#FFF;}

/*头部样式*/
.zong{width:100%;background:url(../image/topbj.jpg) no-repeat top center;overflow:hidden;}
/*主体样式*/
.main{width:1004px;margin:0 auto;padding-top:488px;}
/*年会概况*/
.top{width:1004px;height:501px;}
.topL{width:661px;height:501px;float:left;position:relative;}
.menu{width:16px;height:274px;overflow:hidden;position:absolute;left:10px;top:112px;background:url(../image/nhgkbj.png) repeat-y center;}
.menu li{width:16px;height:37px;background:url(../image/nhgkXd1.png) no-repeat top center;cursor:pointer;}
.menu .menuM{width:16px;height:37px;background:url(../image/nhgkDd1.png) no-repeat top center;}
.topR{width:343px;height:501px;float:right;background:#0f77ac;}
.topR dt{margin:75px auto 20px;}
.topR dt img{display:block;margin:0 auto;}
.topR dd{width:290px;font-size:16px;color:#FFF;line-height:26px;text-indent:32px;margin:0 auto;}
/*神州共享*/
.szgx{width:913px;height:256px;padding-top:199px;background:url(../image/ry.png) no-repeat center 125px;margin:0 auto;}
.szgx dt{width:432px;float:left;margin-left:48px;line-height:36px;color:#072a70;font-size:16px;text-indent:32px;}
.szgx dd{float:right;margin-right:31px;}
/*看展览数字平台*/
.kzl{width:1004px;padding-top:85px;}
.kzlT{display:block;margin:0 auto 35px;}
.kzlM{min-height:375px;overflow:hidden;}
.kzlM dt{float:left;width:435px;font-size:16px;color:#072a70;line-height:34px;text-indent:32px;}
.kzlM dd{float:right;width:553px;height:325px;}
#pic{position:relative;overflow:hidden;height:375px;width:553px;z-index:2;}
#pic ul{width:100%;height:100%;position:absolute;top:0;left:0;}
#pic ul li{position:absolute;}
#pic ul img{position:relative;top:0;left:0;}
/*图片位置*/
#pic ul .pic1{top:-80px;left:2px;z-index:1;}
#pic ul .pic2{top:110px;left:64px;z-index:2;}
#pic ul .pic3{top:80px;left:84px;z-index:3;}
#pic ul .pic4{top:50px;left:104px;z-index:4;}
#pic ul .pic5{top:80px;left:220px;z-index:3;}
#pic ul .pic6{top:110px;left:340px;z-index:2;}
#pic ul .pic7{top:-145px;left:336px;z-index:1;}
/*图片A标签width和height*/
#pic ul .pic1 a{height:48px;width:59px;}
#pic ul .pic2 a{height:108px;width:155px;}
#pic ul .pic3 a{height:168px;width:251px;}
#pic ul .pic4 a{height:228px;width:347px;}
#pic ul .pic5 a{height:168px;width:251px;}
#pic ul .pic6 a{height:108px;width:155px;}
#pic ul .pic7 a{height:108px;width:155px;}
/*图片明暗*/
#pic ul li.pic1{opacity:0.2;filter:alpha(opacity:20);}
#pic ul li.pic2{opacity:0.6;filter:alpha(opacity:60);}
#pic ul li.pic3{opacity:0.9;filter:alpha(opacity:90);}
#pic ul li.pic4{opacity:1;filter:alpha(opacity:100);}
#pic ul li.pic5{opacity:0.9;filter:alpha(opacity:90);}
#pic ul li.pic6{opacity:0.6;filter:alpha(opacity:60);}
#pic ul li.pic7{opacity:0.2;filter:alpha(opacity:20);}
/*图片width*/
#pic ul li.pic1 img{width:59px;}
#pic ul li.pic2 img{width:155px;}
#pic ul li.pic3 img{width:251px;}
#pic ul li.pic4 img{width:347px;}
#pic ul li.pic5 img{width:251px;}
#pic ul li.pic6 img{width:155px;}
#pic ul li.pic7 img{width:155px;}
/*箭头部分*/
#pic span{display:inline-block;*display:inline;*zoom:1;width:22px;height:67px;position:absolute;top:160px;z-index:30;cursor:pointer;opacity:0.7;filter:alpha(opacity=70);}
#pic:hover span{opacity:1;filter:alpha(opacity=100);}
#pic span img{width:22px;height:67px;display:block;}
#pic span.prev{left:0;}
#pic span.next{right:0;}
.kzlsp{width:1004px;height:674px;background:url(../image/spbj.png) no-repeat left top;clear:both;}
.kzlsp dt{height:114px;width:810px;margin:0 auto;overflow:hidden;line-height:160px;color:#FFF;font-size:26px;text-align:right;}
.kzlsp dd{width:810px;margin:0 auto;}
/*中华连环画数字阅读馆*/
.lhh{width:1004px;padding-top:85px;}
#pic1{position:relative;overflow:hidden;height:375px;width:553px;z-index:2;}
#pic1 ul{width:100%;height:100%;position:absolute;top:0;left:0;}
#pic1 ul li{position:absolute;}
#pic1 ul img{position:relative;top:0;left:0;}
/*图片位置*/
#pic1 ul .pic1{top:-80px;left:2px;z-index:1;}
#pic1 ul .pic2{top:110px;left:64px;z-index:2;}
#pic1 ul .pic3{top:80px;left:84px;z-index:3;}
#pic1 ul .pic4{top:50px;left:104px;z-index:4;}
#pic1 ul .pic5{top:80px;left:220px;z-index:3;}
#pic1 ul .pic6{top:110px;left:340px;z-index:2;}
#pic1 ul .pic7{top:-145px;left:336px;z-index:1;}
/*图片A标签width和height*/
#pic1 ul .pic1 a{height:48px;width:59px;}
#pic1 ul .pic2 a{height:108px;width:155px;}
#pic1 ul .pic3 a{height:168px;width:251px;}
#pic1 ul .pic4 a{height:228px;width:347px;}
#pic1 ul .pic5 a{height:168px;width:251px;}
#pic1 ul .pic6 a{height:108px;width:155px;}
#pic1 ul .pic7 a{height:108px;width:155px;}
/*图片明暗*/
#pic1 ul li.pic1{opacity:0.2;filter:alpha(opacity:20);}
#pic1 ul li.pic2{opacity:0.6;filter:alpha(opacity:60);}
#pic1 ul li.pic3{opacity:0.9;filter:alpha(opacity:90);}
#pic1 ul li.pic4{opacity:1;filter:alpha(opacity:100);}
#pic1 ul li.pic5{opacity:0.9;filter:alpha(opacity:90);}
#pic1 ul li.pic6{opacity:0.6;filter:alpha(opacity:60);}
#pic1 ul li.pic7{opacity:0.2;filter:alpha(opacity:20);}
/*图片width*/
#pic1 ul li.pic1 img{width:59px;}
#pic1 ul li.pic2 img{width:155px;}
#pic1 ul li.pic3 img{width:251px;}
#pic1 ul li.pic4 img{width:347px;}
#pic1 ul li.pic5 img{width:251px;}
#pic1 ul li.pic6 img{width:155px;}
#pic1 ul li.pic7 img{width:155px;}
/*箭头部分*/
#pic1 span{display:inline-block;*display:inline;*zoom:1;width:22px;height:67px;position:absolute;top:160px;z-index:30;cursor:pointer;opacity:0.7;filter:alpha(opacity=70);}
#pic1:hover span{opacity:1;filter:alpha(opacity=100);}
#pic1 span img{width:22px;height:67px;display:block;}
#pic1 span.prev{left:0;}
#pic1 span.next{right:0;}
/*领导&海外嘉宾观展*/
.ld{width:1004px;padding-top:50px;overflow:hidden;}
.ldT{display:block;margin:0 auto 56px;}
.ldM{width:1024px;margin-left:-10px;}
.ldM li{float:left;margin:26px 10px;width:321px;height:281px;background:#FFF;}
.ldM dl{width:100%;height:100%;}
.ldM dt{width:100%;height:215px;overflow:hidden;}
.ldM dt a{display:block;width:100%;height:100%;}
.ldM dt img{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;width:321px;height:215px;}
.ldM dt:hover img{width:333px;height:226px;margin-top:-5.5px;margin-left:-6px;}
.ldM dd{font-size:15px;line-height:15px;width:99%;text-align:center;padding-top:20px;}
/*团队风采*/
.tdfc{width:1004px;padding-top:110px;}
.tdfcT{display:block;margin:0 auto 50px;}
.tdfcM li{width:251px;height:167px;float:left;position:relative;}
.tdfcM li a{display:block;width:100%;height:100%;}
.tdfcM li img{width:251px;height:167px;position:absolute;left:0;top:0;z-index:101;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.tdfcM li:hover img{width:270px;height:180px;left:-9.5px;top:-6.5px;z-index:102;-moz-box-shadow: 0px 0px 26px #54BAED;box-shadow: 0px 0px 26px #54BAED;}
/*友情链接*/
.yqlj{width:1004px;height:366px;clear:both;position:relative;}
.yqlj a{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;display:block;}
.yqlj .ljkzl0{width:444px;height:416px;left:-595px;top:65px;}
.yqlj .ljkzl1{width:155px;height:155px;left:40px;top:102px;}
.yqlj .ljkzl2{width:180px;height:180px;left:222px;top:151px;}
.yqlj .ljgw{width:155px;height:155px;left:430px;top:102px;}
.yqlj .ljlhh1{width:180px;height:180px;right:210px;top:151px;}
.yqlj .ljlhh2{width:155px;height:155px;right:32px;top:102px;}
.yqlj .ljlhh0{width:460px;height:420px;right:-595px;top:-26px;}
/*弹出样式*/
#tanchuBJ{width:100%;position:fixed;top:0;left:0;z-index:999;background:#231815;filter:alpha(opacity=80);opacity:0.8;}
.tanchuM{width:960px;height:660px;position:relative;margin:0 auto;}
.tanchuBJ{width:100%;height:100%;position:absolute;left:0;top:0;background:#FFF;z-index:999; filter:alpha(opacity=80);opacity:0.8;}
.tanchu{width:960px;height:660px;position:absolute;left:0;top:0;z-index:1000;}
.tanchuGB{position:absolute;right:-12px;top:-12px;}
/*看展览弹出样式*/
#kzltanchu{width:100%;position:fixed;top:0;left:0;z-index:1000;}
.tanchuMM{width:850px;height:563px;position:relative;margin:48px auto 0;}
.tanchuMM .tanchuMMM{width:850px;height:563px;position:absolute;top:0;left:0;}
.tanchuMM .tanchuMMM p{height:26px;line-height:26px;width:100%;text-align:center;font-size:16px;}
.tanchuMM .tanchuMMB a{display:block;width:22px;height:67px;position:absolute;top:248px;}
.tanchuMM .tanchuMMB .tanchuMMBL{background:url(../image/zuoQ.png) no-repeat center;left:-36px;}
.tanchuMM .tanchuMMB .tanchuMMBL:hover{background:url(../image/zuoH.png) no-repeat center;}
.tanchuMM .tanchuMMB .tanchuMMBR{background:url(../image/youQ.png) no-repeat center;right:-36px;}
.tanchuMM .tanchuMMB .tanchuMMBR:hover{background:url(../image/youH.png) no-repeat center;}
/*连环画弹出样式*/
#lhhtanchu{width:100%;position:fixed;top:0;left:0;z-index:1000;}
.tanchuMM1{width:850px;height:563px;position:relative;margin:48px auto 0;}
.tanchuMM1 .tanchuMMM1{width:850px;height:563px;position:absolute;top:0;left:0;}
.tanchuMM1 .tanchuMMM1 p{height:26px;line-height:26px;width:100%;text-align:center;font-size:16px;}
.tanchuMM1 .tanchuMMB1 a{display:block;width:22px;height:67px;position:absolute;top:248px;}
.tanchuMM1 .tanchuMMB1 .tanchuMMBL1{background:url(../image/zuoQ.png) no-repeat center;left:-36px;}
.tanchuMM1 .tanchuMMB1 .tanchuMMBL1:hover{background:url(../image/zuoH.png) no-repeat center;}
.tanchuMM1 .tanchuMMB1 .tanchuMMBR1{background:url(../image/youQ.png) no-repeat center;right:-36px;}
.tanchuMM1 .tanchuMMB1 .tanchuMMBR1:hover{background:url(../image/youH.png) no-repeat center;}
/*领导弹出样式*/
#ldtanchu{width:100%;position:fixed;top:0;left:0;z-index:1000;}
.tanchuMM2{width:850px;height:563px;position:relative;margin:48px auto 0;}
.tanchuMM2 .tanchuMMM2{width:850px;height:563px;position:absolute;top:0;left:0;}
.tanchuMM2 .tanchuMMM2 p{height:26px;line-height:26px;width:100%;text-align:center;font-size:16px;}
.tanchuMM2 .tanchuMMB2 a{display:block;width:22px;height:67px;position:absolute;top:248px;}
.tanchuMM2 .tanchuMMB2 .tanchuMMBL2{background:url(../image/zuoQ.png) no-repeat center;left:-36px;}
.tanchuMM2 .tanchuMMB2 .tanchuMMBL2:hover{background:url(../image/zuoH.png) no-repeat center;}
.tanchuMM2 .tanchuMMB2 .tanchuMMBR2{background:url(../image/youQ.png) no-repeat center;right:-36px;}
.tanchuMM2 .tanchuMMB2 .tanchuMMBR2:hover{background:url(../image/youH.png) no-repeat center;}
/*团队风采弹出样式*/
#tdfctanchu{width:100%;position:fixed;top:0;left:0;z-index:1000;}
.tanchuMM3{width:850px;height:563px;position:relative;margin:48px auto 0;}
.tanchuMM3 .tanchuMMM3{width:850px;height:563px;position:absolute;top:0;left:0;}
.tanchuMM3 .tanchuMMM3 p{height:26px;line-height:26px;width:100%;text-align:center;font-size:16px;}
.tanchuMM3 .tanchuMMB3 a{display:block;width:22px;height:67px;position:absolute;top:248px;}
.tanchuMM3 .tanchuMMB3 .tanchuMMBL3{background:url(../image/zuoQ.png) no-repeat center;left:-36px;}
.tanchuMM3 .tanchuMMB3 .tanchuMMBL3:hover{background:url(../image/zuoH.png) no-repeat center;}
.tanchuMM3 .tanchuMMB3 .tanchuMMBR3{background:url(../image/youQ.png) no-repeat center;right:-36px;}
.tanchuMM3 .tanchuMMB3 .tanchuMMBR3:hover{background:url(../image/youH.png) no-repeat center;}
/*底部样式*/
.bottom{width:1004px;margin:85px auto 0;height:131px;line-height:20px;text-align:center;color:#19306e;}