@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{ font: 14px/1.5 Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font: 14px/1.5 Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif; }
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{ display: block; max-width:1200px; margin: 0 auto; }
.container2{ display: block; max-width:1400px; margin: 0 auto; }
.container3{ display: block; max-width:1600px; margin: 0 auto; width:96%; }

.hidden{ overflow:hidden;}
.hide{ display:none;}

.flex{ display: flex; align-items: center; }
.flex>div{ width:100%; }

.header{ height:90px; background:rgba(42,15,1,.7); position:absolute; left:0; top:0; width:100%; z-index:100; }
.header .logos{ height:56px; margin-top:17px; }
.header .logos img{ display: block; height:100%; }
.header .nav{ text-align: center;}
.header .nav li{ float: left; position: relative;}
.header .nav li>a{ line-height:90px; padding:0 18px; display:block; font-size:18px; color:#ffffff; }
.header .nav li .sub{ text-align:left; position: absolute; left:0; top:90px; width:280px; font-size:16px; color:#ffffff; display: none; }
.header .nav li .sub a{ display: block; padding:0 18px; height:50px; line-height:50px; background:rgba(42,15,1,.7); }
.header .nav li .sub a:hover{background:rgba(42,15,1,.5); }
.header .nav li.on,.header .nav li:hover{ background:rgba(42,15,1,.6); }

.weather{ width:170px; margin:23px 0; position:relative; z-index:2; }
.lang{ margin-top:25px; height:40px; line-height:40px; background:rgba(42,15,1,.5); color:#ffffff; font-size:16px; border-radius:5px; margin-left:16px; }
.lang a{ display:block; padding:0 16px; }
.lang:hover{ background:#d6131c; }


/*客服*/
.online-service{ width:60px; position: fixed; top:50%; right:0; margin-top:-180px; z-index:200; }
.online-service li{ position: relative; }
.online-service li .icon{ width:60px; height:60px; cursor: pointer; background:rgba(0,0,0,.8); }
.online-service li .icon img{ display: block; width:100%; height:100%; }
.online-service li .content{ position: absolute; right:70px; top:0; display: none; }
.online-service li .content:after{ position: absolute; right:-10px; top:50%; margin-top:-7px; content:""; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid rgba(0,0,0,.7); }
.online-service li .tel{ height:60px; line-height:60px; width:180px; background:rgba(0,0,0,.7); text-align: center; color:#ffffff; font-size:18px; }		
.online-service li .wechat{ width:140px; width:140px; top:-40px; height:140px; background: rgba(0,0,0,.7); padding:5px; }
.online-service li .wechat img{ display: block; width:100%; }
.online-service li:hover .icon{ background: rgba(0,0,0,.7); }
.online-service li:hover .content{ display: block; }
/*客服*/


/*1*/
.banner{ height:100%; }
.banner .swiper-slide{ height:100%; overflow: hidden; }
.banner .swiper-slide a{ display: block; height:100%; }
.banner .swiper-slide-active a{ animation: scale_b 7s linear infinite alternate; }

.banner .swiper-pagination{ line-height:1; bottom:240px; }
.banner .swiper-pagination .swiper-pagination-bullet{ width:18px; height:18px; margin:0 9px; opacity:1; border:2px solid #ffffff; background:none; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:#ffffff;}

.home01bottom{ position: absolute; bottom:0; left:0; z-index:1000; width:100%; background:rgba(42,15,1,.5); color:#ffffff; }

.hbmain{ overflow: hidden; }
.hbmain .timeFlow{ width:30%; margin:35px 0; overflow: hidden; text-align: center; position: relative; }
.hbmain .timeFlow:after{ content:""; width:68%; height:1px; background:#ffffff; position: absolute; left:16%; top:40px; }
.hbmain .timeFlow li{ float: left; width:33.33%; }
.hbmain .timeFlow li .tit{}
.hbmain .timeFlow li .tit .cn{ font-size:16px; line-height:25px; }
.hbmain .timeFlow li .tit .en{ font-size:12px; line-height:20px; }
.hbmain .timeFlow li .dian{ margin:15px auto; width:12px; height:12px; border-radius:50%; position: relative; border:2px solid rgba(255,255,255,.3) ;}
.hbmain .timeFlow li .dian:after{ content:""; position: absolute; border-radius:50%; left:50%; top:50%; margin:-4px 0 0 -4px; background:#ffffff; width:8px; height:8px; }
.hbmain .timeFlow li .time{ font-size:32px; font-weight:bold; line-height:33px; }

.hbtxt{ width:36%; margin:35px 2%; padding:0 3%; border-left:1px solid rgba(255,255,255,.2); border-right:1px solid rgba(255,255,255,.2); }
.hbtxt .txt{ }
.hbtxt .txt .tit{}
.hbtxt .txt .tit .cn{ font-size:16px; line-height:25px; }
.hbtxt .txt .tit .en{ font-size:12px; line-height:20px; }
.hbtxt .txt .info{ font-size:12px; margin-top:15px; line-height:20px; }

.hbtxt .btn{ padding:10px 0; overflow: hidden;}
.hbtxt .btn a{ display:block; width:130px; height:40px; line-height:40px; text-align:center; background:rgba(42,15,1,.5); border-radius:5px; }
.hbtxt .btn a img{ margin-right:7px; vertical-align: middle; }
.hbtxt .btn a.a2{ margin-top:20px; }

.hbtxt .btn a:hover{ background:#d6131c; }

.hblist{ width:28%; margin:20px 0; }
.hblist li{ float: left; width:100%; font-size:14px; line-height:30px; }
.hblist li a{ display: block; overflow: hidden; position: relative; }
.hblist li .tit{ padding-right:80px;}
.hblist li .time{ position: absolute; right:0; top:0; }
.hblist li:hover{ color:#d6131c; }
/*1*/

/*2*/
.home02{ background:url(../images/home02.jpg) no-repeat center center; background-size:cover; }
.home02list{ width:100%; height:100%; overflow: hidden; }
.home02list li{ float: left; width:50%; height:50%; position: relative; }
.home02list li a{ display: block; height:100%;}
.home02list li a>img{ position: absolute; width:40%; }
.home02list li.li01 a>img{ bottom:0; right:0; }
.home02list li.li02 a>img{ bottom:0; left:0; }
.home02list li.li03 a>img{ top:0; right:0; }
.home02list li.li04 a>img{ top:0; left:0; }

.home02list li .wz{ position:absolute; height:20%; animation:wzdata 2s linear infinite alternate;}
.home02list li .wz img{ display: block; height:100%; }

.home02list li.li01 .wz{ bottom:3%; right:2%; }
.home02list li.li02 .wz{ bottom:3%; left:2%; }
.home02list li.li03 .wz{ top:3%; right:2%; }
.home02list li.li04 .wz{ top:3%; left:2%; height:30%; }
/*2*/

/*3*/
.home03list{ overflow: hidden; position: relative; height:65%; }
.home03list li{ position: absolute; }
.home03list li.li01{ left:0; top:0; width:49.5%; height:48.5%; background:rgb(163, 202, 204); }
.home03list li.li02{ left:50.5%; top:0; width:24.25%; height:48.5%; background:rgb(242, 227, 209); }
.home03list li.li03{ right:0; top:0; width:24.25%; height:48.5%; background:rgb(203, 229, 228); }
.home03list li.li04{ left:0; bottom:26%; width:24.25%; height:22.5%; background:rgb(214, 234, 234);}
.home03list li.li05{ left:0; bottom:0; width:24.25%; height:22.5%; background:rgb(204, 215, 227); }
.home03list li.li06{ left:25.25%; bottom:0; width:24.25%; height:48.5%; background:rgb(204, 215, 227); }
.home03list li.li07{ right:0; bottom:0; width:49.5%; height:48.5%; background:rgb(235, 199, 191); }
.home03list li .ico{ height:60%; top:20%; margin-top:-20px; width:100%; position: absolute; left:0; }
.home03list li .ico img{ height:100%; display: block; margin:0 auto; }
.home03list li .name{ left:0; top:80%; margin-top:-20px; position: absolute; width:100%; font-size:24px; color:#010101; text-align:center; line-height:40px; }

.home03list li.li04{ overflow: hidden; }
.home03list li.li04 .content{padding:2% 15%; height:100%; overflow: hidden;}
.home03list li.li04 .img{ height:100%; margin-right:16px; float: left;}
.home03list li.li04 .img img{ height:100%;}
.home03list li.li04 .txt{ font-size:16px; color:#3f3f3f; height:100%; line-height:1.8; }

.home03list li a{ opacity:0; position: absolute; left:0; top:0; width:100%; height:100%; text-align:center; color:#ffffff; font-size:42px; }
.home03list li.li01 a{ background:#134f82 url(../images/home03bj01.png) no-repeat left center; background-size:auto 100%; }
.home03list li.li02 a{ background:#d6131c url(../images/home03bj02.png) no-repeat left center; background-size:auto 100%; }
.home03list li.li03 a{ background:#096fba url(../images/home03bj03.png) no-repeat left center; background-size:auto 100%; }
.home03list li.li05 a{ background:#27a7e1 url(../images/home03bj04.png) no-repeat left center; background-size:auto 100%; }
.home03list li.li06 a{ background:#192987 url(../images/home03bj05.png) no-repeat left center; background-size:auto 100%; }
.home03list li.li07 a{ background:#d6131c url(../images/home03bj02.png) no-repeat left center; background-size:auto 100%; }

.home03list li:hover a{ opacity:1; }

.homefooter{ height:35%; background:#7b6c66; }
.footer{ background:#7b6c66; color:#ffffff; font-size:14px; text-align: center; overflow:hidden; padding:30px 0; }
.footer .copy{ }
.footer .copy p{ margin:30px 0; }
.footer .copy p span{ margin:0 14px; }

.footer .copy a:hover{ color:#d6131c; }
/*3*/

.bodybj{ background: url(../images/bodybj.png) repeat-y center top; background-size:100% auto; overflow: hidden;}

.header2{ position: static; }
.nyban img{ display: block; width:100%; }

.main{ overflow: hidden; margin:2% auto; }
.mainleft{ width:19%; }
.mainleft .column{ height:60px; line-height:60px; text-align:center; font-size:24px; background:#d8c8b4; color:#333; }
.nynav{ overflow: hidden; }
.nynav li{ float: left; width:100%;  }
.nynav li a{ display: block; padding:16px; text-align:left; background:#ffffff; border-top:1px solid #f2f2f2; color: #2c3e50; font-size:16px; line-height:1.4; }
.nynav li a span{ font-size:16px; margin-left:8px; }
.nynav li:hover>a,.nynav li.on>a{ background:#f2e3d2; }

.nynav li .sub{ display:none; }
.nynav li .sub a.on{ background:#f2e3d2; }


.mainright{ width:79%; }

.pagetxt01{ background: url(../images/pagetxt01.png) no-repeat center center; background-size:100% 100%; }
.pagetxt01 .txt{ color: #8b7a6a; font-size:16px; line-height:1.5; padding:27% 9% 23% 22%; text-align: justify; }

.pagetxt02{ background:#ffffff; padding:20px; }
.pagetxt02 .txt{color: #8b7a6a; font-size:16px; line-height:1.5; text-align: justify;  }
.pagetxt02 .txt .tit{ margin-bottom:20px; }
.pagetxt02 .txt .tit span{ font-weight:normal; background:#c19c6a; color:#ffffff; display:inline-block; height:50px; line-height:50px; font-size:20px; padding:0 15px; }
.pagetxt02 .txt img{ max-width:100%; height:auto !important; }

.pagetxt03{ background:#ffffff; padding:20px; }
.pagetxt04{ background:#ffffff; padding:0 20px 20px 20px; }
.pagetxt05{ background:#ffffff; padding:0; }

/*领导成员*/
.leadership{ }
.leadership li{ overflow: hidden; float: left; padding:20px; background:#ffffff url(../images/leadership.png) no-repeat right center; background-size:auto 100%; width:100%; box-shadow:0 0 20px #cccccc; }
.leadership li .content{ overflow: hidden; position: relative;}
.leadership li .img{ width:20%;}
.leadership li .img img{ display: block; width:100%; }
.leadership li .txt{ width:77%; position: absolute; right:0; height:100%; top:0; }
.leadership li .txt .tit{ height:40px; line-height:40px; background:#c19c6a; color:#ffffff; font-size:24px; display: inline-block; padding:0 12px; }
.leadership li .txt .tit span{ font-size:18px; }
.leadership li .txt .info{ color:#333333; font-size:16px; line-height:2; margin-top:16px; }
/*领导成员*/

/*学术委员会*/
.nytit{ font-size:18px; color:#2c3e50; line-height:1; padding:20px 0; }
.nytit2{ padding:20px; }

.committeeList{ overflow: hidden; }
.committeeList li{ float: left; width:17.6%; margin-right:3%; }
.committeeList li .img{}
.committeeList li .img img{ display: block; width:100%; }
.committeeList li .tit{ background:#f2e3d2; font-size:16px; text-align: center; color:#2c3e50; line-height:40px; height:40px; }
/*学术委员会*/

/*开发服务*/
.osTop{ overflow: hidden; }
.osTime{ width:73%; background:#d8c8b4; padding:30px; }
.osTime .osname{ height:156px; padding:48px 0; width:20%; text-transform: uppercase; color:#ffffff; font-size:20px; text-align:center; line-height:30px; background: url(../images/openServiceTit.png) no-repeat center center; background-size:100% auto; }
.osTime .timeFlow{ width:80%; color:#ffffff; margin:18px 0; overflow: hidden; text-align: center; position: relative; }
.osTime .timeFlow:after{ content:""; width:68%; height:1px; background:#ffffff; position: absolute; left:16%; top:65px; }
.osTime .timeFlow li{ float: left; width:33.33%; }
.osTime .timeFlow li .tit{}
.osTime .timeFlow li .tit .cn{ font-size:16px; line-height:25px; }
.osTime .timeFlow li .tit .en{ font-size:16px; line-height:45px; }
.osTime .timeFlow li .dian{ margin:15px auto; width:12px; height:12px; border-radius:50%; position: relative; border:2px solid rgba(255,255,255,.3) ;}
.osTime .timeFlow li .dian:after{ content:""; position: absolute; border-radius:50%; left:50%; top:50%; margin:-4px 0 0 -4px; background:#ffffff; width:8px; height:8px; }
.osTime .timeFlow li .time{ font-size:32px; font-weight:bold; line-height:33px; }

.osInfo{ width:24.5%; height:216px; }
.ostit{ color:#2c3e50; font-size:16px; line-height:25px; margin-bottom:10px; }
.osinfo{ font-size:14px; color:#333; }
.osinfo li{ border-bottom:1px dashed #d8c8b4; padding:10px 0; font-size:14px; line-height:20px; }
.osinfo li:first-child{ padding-top:0; }
.osinfo li:last-child{ border-bottom:none; padding-bottom:0; }

.oxtxt{ font-size:14px; color:#333; line-height:25px; }

.osCenter{ overflow: hidden; margin-top:2.5%;}
.ocleft{ width:73%; height:370px; }
.ocright{ width:24.5%; height:370px; }

.osWechat{ width:140px; position:absolute; left:-155px; top:50%; margin-top:-70px; padding:3px; background:#bfbdbd; display:none; }
.osWechat img{ display: block; width:100%; }
.osWechat:after{ position: absolute; right:-15px; top:50%; margin-top:-12px; content:""; width:0; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:15px solid #bfbdbd; }


.osBtn{ margin-top:30px; position: relative; }
.osBtn a{ display:block; height:40px; line-height:40px; text-align: center; background:#d8c8b4; font-size:16px; color:#333333; }
.osBtn a span{ display: inline-block; padding-left:25px; background: url(../images/osBtn.png) no-repeat left center; background-size:auto 16px; }

.ocmap{ overflow: hidden; margin-top:2.5%; background:#ffffff; }
.ocmap .map{ width:73%;}
.my-map { margin: 0 auto; width: 100%; height: 600px; }
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; } 
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }

.ocmap .txt{ width:27%;}

.osList{ overflow: hidden; }
.osList li{ overflow: hidden; border:1px solid #d6c8b6; width:49%; margin-right:2%; margin-top:2%; float: left; }
.osList li .img{ width:140px; float: left; }
.osList li .txt{ padding-left:140px; color:#333; }
.osList li .txt .tit{ font-size:18px; margin:20px 0 15px 0; }
.osList li .txt .info{ font-size:14px; }
/*开发服务*/

/*参观导览*/
.timain{ overflow: hidden; }
.tabimg{ width:77%; }
.tabimg img{ display: block; width:100%; }
.tinav{ width:20%; }
.tinav li{ line-height:1.4; cursor:pointer; margin-bottom:16px; color: #7a6b64; background-color: #f2f2f2; padding:16px; text-align:center; font-size:16px; }
.tinav li:hover,.tinav li.on{ background:#7a6b64; color:#ffffff; }
/*参观导览*/

/*网上展厅*/
.exhibitonHall{}
.exhibitonHall a{ display: block; position: relative; }
.exhibitonHall a>img{ width:100%; display: block; }

.exhibitonHallBtn{ width:228px; height:122px; position: absolute; top:50%; left:50%; margin:-61px 0 0 -114px; }
.exhibitonHallBtn img{ display: block; width:100%; height:100%; }
/*网上展厅*/

/*最新藏品*/
.imglist{ overflow: hidden; }
.imglist li{ margin-right:2%; width:23.5%; float: left; margin-bottom:2%; }
.imglist li img{ display: block; width:100%; }

.moreBtn{}
.moreBtn a{ color:#d9b66a; font-size:14px; display: block; margin:0 auto; width:150px; height:34px; background: url(../images/moreBtn.png) no-repeat center center; line-height:34px; text-align: center; }
.moreBtn2 a{ color:#ffffff; background-image:url(../images/moreBtn2.png);}
/*最新藏品*/

/*藏品内容页*/
.showmain{ background:#ffffff; padding:0 30px 60px 30px; overflow: hidden; }
.weizhi{ line-height:50px; font-size:14px; color:#333333; }
.weizhi span{ margin:0 5px; }

.showtit{color: #333; font-size:28px; margin:30px 0; }

.showimg{}
.showimg .img{ width:50%; position: relative; }
.showimg .img img{ display: block; width:100%; }
.showimg .img .downloadbtn{ position: absolute; right:0; bottom:0; width:70px; height:70px; background: url(../images/imgbtn.png) no-repeat center center; background-size:cover; }
.showimg .img .downloadbtn a{ display: block; height:100%; overflow: hidden; }
.showimg .img .downloadbtn img{ width:28px; margin:25px 0 0 30px; display: block; }

.showimg .txt{ width:47%; }
.showimg .txt .tit{ color: #98784f; font-size:24px; }
.showimg .txt .info{ font-size:18px; color: #333; margin:18px 0; }
/*藏品内容页*/

/*藏品列表页*/
.searchlist{ overflow: hidden; margin:35px auto; width:680px; }
.searchlist li{ float: left; height:34px; margin:0 15px; }
.searchlist li.sli{ padding:0 8px; position: relative; }
.searchlist li.sli::before{ content:""; position: absolute; left:0; top:0; height:100%; width:8px; background: url(../images/borderleft.png) no-repeat left center; background-size:100% auto; }
.searchlist li.sli::after{ content:""; position: absolute; right:0; top:0; height:100%; width:8px; background: url(../images/borderright.png) no-repeat right center; background-size:100% auto;}
.searchlist li .text{ height:34px; background: url(../images/border.png) repeat-x left center; }

.searchlist li.select select{ width:120px; padding:0 10px; height:34px; color:#999999; background:none; }
.searchlist li.select .text{ position: relative; }
.searchlist li.select .text:after{ transform: rotate(40deg); content:""; position: absolute; top:50%; margin-top:-5px; right:10px; width:6px; height:6px; border-bottom:1px solid #999999; border-right:1px solid #999999; }
.searchlist li.input input{ width:180px; padding:0 10px; height:34px; color:#999999; background:none; }
.searchlist li.input input::placeholder{ color:#999999; }
.searchlist li.submit input{ cursor:pointer; color:#ffffff; background: url(../images/searchBtn.png) no-repeat center center; width:90px; height:34px; }


.imglist2{ overflow: hidden; }
.imglist2 li{ float: left; margin-right:2%; width:18.4%; margin-bottom:2%; }
.imglist2 li img{ display: block; width:100%; }
.imglist2 li .tit{ text-align:center; font-size:14px; background: #f2e3d2; color:#2c3e50; height:40px; line-height:40px; }

.paging{ overflow:hidden; text-align:center; margin:20px 0; }
.paging span,.paging a{ display:inline-block; font-size:14px; color:#666666; padding:8px 10px; line-height:1; margin:0 3px; border:1px solid #f2e3d2; }
.paging2 span,.paging2 a{ background:#ffffff; border-color:#ffffff; }
.paging a:hover,.paging span{ background:#f2e3d2; border-color:#f2e3d2; color:#2c3e50; }

/*藏品列表页*/

/*AR藏品*/
.arlist{ overflow: hidden; margin-top:-2%; }
.arlist li{ width:49%; margin-right:2%; float: left; margin-top:2%; }
.arlist li img{ display: block; width:100%; }
/*AR藏品*/

.searchlist2{ margin:0 auto 20px auto; }
.imglist3 li{ width:23.5%; }

/*教育活动*/
.mt2{ margin-top:20px; }
.mb2{ margin-bottom:20px; }

.eaimg img{ display: block; width:100%; }

.ealist{ overflow: hidden; }
.ealist li{ float: left; margin-right:2%; width:32%; margin-bottom:20px; }
.ealist li img{ display: block; width:100%; height:230px; }
.ealist li .tit{ font-size:16px; color:#2c3e50; text-align:center; margin-top:20px; }
.ealist li .time{ font-size:14px; color:#cccccc; text-align:center; }

.ealist2{ overflow: hidden; margin-bottom:20px; }
.ealist2 li{ float: left; }
.ealist2 li.li01{ height:400px; width:70%; }
.ealist2 li a{ display: block; height:100%; position: relative;}
.ealist2 li .tit{ position: absolute; left:0; bottom:0; background:rgb(0, 0, 0,0.8); width:100%; height:40px; line-height:40px; font-size:14px; color:#ffffff; text-align:center; }

.ealist2 li.li02{ width:28%; height:190px; margin-left:2%; }
.ealist2 li.li03{ width:28%; height:190px; margin-top:20px; margin-left:2%; }
/*教育活动*/

/*线上学习*/
.esbj{ background:#d8c8b4; }
.esbj .nytit{ color:#ffffff; }

.eslist{ overflow: hidden; margin-bottom:20px; }
.eslist li{ float: left; width:32%; margin-right:2%; }
.eslist li .img{ border-radius:20px; overflow: hidden; position: relative;}
.eslist li .img img{ display: block; width:100%; height:220px;}
.eslist li .img .videobtn{ position: absolute; left:50%; top:50%; margin:-30px 0 0 -30px; width:60px; height:60px; background: url(../images/videobtn.png) no-repeat center center; background-size:cover; }
.eslist li .tit{ font-size:16px; color:#ffffff; text-align: center; line-height:40px; }
/*线上学习*/

/*文章列表*/
.infolist{ overflow: hidden; }
.infolist li{ float: left; overflow: hidden; padding:20px 0; border-bottom:1px solid #cccccc; width:100%; }
.infolist li a{ display: block; overflow: hidden; }
.infolist li .img{ width:300px; float: left;}
.infolist li .img img{ display: block; width:100%; height:200px; }
.infolist li .txt{ padding-left:320px; padding-top:5px; padding-bottom:5px; }
.infolist li .txt .tit{ color:#2c3e50; font-size:20px; line-height:30px; height:170px; font-weight: bold; }
.infolist li .txt .time{ height:20px; line-height:20px; color: #ccc; font-size:16px; }
/*文章列表*/

/*文创简介*/
.cblist{ overflow: hidden; }
.cblist li{ width:49%; margin-right:2%; float: left; }
.cblist li a{ display:block; position: relative;}
.cblist li img{ display:block; width:100%;}
.cblist li .tit{ position:absolute; font-size:18px; line-height:50px; text-align: center; color:#ffffff; left:0; bottom:0; width:100%; background: rgb(0, 0, 0,0.4); }

.cblist li .more{ position: absolute; left:50%; top:50%; border-radius:5px; margin:-25px 0 0 -100px; width:200px; height:50px; line-height:50px; background:#f2e3d2; color:#333333; font-size:18px; text-align:center; }
/*文创简介*/

/*红色故事*/
.course{ background:url(../images/course.jpg) no-repeat center bottom; background-size:100% auto; padding:35px 0; }
.courseNav{ position: relative; padding:0 50px; }
.courseNav .swiper-container{}
.courseNav .swiper-container .swiper-slide{ cursor:pointer; width:20%; text-align: center; background: url(../images/cnav.png) no-repeat center top; background-size:100% auto; }
.courseNav .swiper-container .swiper-slide .tit{ color: #da9a58; font-size:24px; line-height:30px; margin-top:30px; }
.courseNav .swiper-container .swiper-slide.on .tit{ font-weight:bold; color:#be7126; }

.course-next,.course-prev{ width:50px; height:60px; position: absolute; top:50%; margin-top:-30px; cursor:pointer; }
.course-next{ right:0; background: url(../images/course-next.png) no-repeat center center; background-size:24px auto; }
.course-prev{ left:0; background: url(../images/course-prev.png) no-repeat center center; background-size:24px auto; }

.courseTab{ padding:50px; color:#666666; font-size:14px; line-height:25px; height:550px; padding-right:300px; }

.story{ position: relative;  }
.story img{ display: block; width:100%; }

.storyBtn{ position: absolute; overflow:hidden; width:640px; bottom:30px; left:50%; margin-left:-320px; }
.storyBtn a{ width:160px; height:40px; line-height:40px; margin:0 80px; float: left; background: #c1a77e; color:#ffffff; text-align:center; }
.storyBtn a:hover{ background:#af100a; }
/*红色故事*/

/*理论之窗*/
.ptNav{ overflow: hidden; }
.ptNav li{ float: left; width:50%; text-align: center; font-size:18px; color:#ffffff; height:85px; line-height:85px; background:#d8c8b4; }
.ptNav li a{ display: block; }
.ptNav li img{ margin-right:6px; height:24px; }
.ptNav li:hover{ background:#f2e3d2; color:#2c3e50; }

.infolist2{ margin-top:-20px; margin-bottom:20px; }
/*理论之窗*/


/*三河历史*/
.historyNav{ width:856px; margin:0 auto; overflow: hidden; }
.historyNav li{ line-height:1.2; cursor: pointer; color:#d8c8b4; text-align:center; width:174px; height:81px; margin:0 20px; float: left; background: url(../images/historyNav01.png) no-repeat center center; background-size:cover; }
.historyNav li .tit{ font-size:15px; margin:22px 0 5px 0; }
.historyNav li p{ font-size:13px; }
.historyNav li.on{ background-image:url(../images/historyNav02.png); color:#ffffff; }
.historyNav li:nth-child(2) .tit{ margin:16px 0 0 0; }
.historyNav li:nth-child(2) p{ padding:0 5px; }

.historyNav li:nth-child(4) .tit{ margin:8px 0 0 0;  }
.historyNav li:nth-child(4) p{ padding:0 5px; }


.historyTab{ background:#f6f6f6; color:#333333; font-size:16px; line-height:1.6; padding:20px; margin-top:20px; }

.tulist{ overflow: hidden; }
.tulist li{ margin-right:2%; width:23.5%; float: left; margin-bottom:10px;}
.tulist li .img{ position: relative; }
.tulist li .img>img{ display: block; width:100%; }

.tulist li .content{ position: absolute; opacity:0; left:0; top:0; width:100%; height:100%; background: rgb(0, 0, 0,0.4); padding:0 20px; }
.tulist li .content .wximg{ width:110px; float: left; }
.tulist li .content .wximg img{ display: block; width:100%; }
.tulist li .content .txt{ text-align: center; color:#ffffff; font-size:16px; line-height:30px; padding:25px 0; }

.tulist li:hover .content{ opacity:1; }

.tulist li .tit{ height:40px; line-height:40px; font-size:16px; text-align:center; color: #2c3e50; }
.tulist2 li{ width:32%;}
/*三河历史*/

/*文旅推荐*/
.ToshSanhe{ padding:0 20px 20px 20px; background: url(../images/ToshSanhe.png) no-repeat center top; background-size:100% auto; }
.tsNav{ overflow: hidden; width:888px; margin:0 auto; }
.tsNav li{ cursor:pointer; margin:0 20px; width:108px; height:72px; float:left; background:url(../images/tsNav01.png) no-repeat center center; }
.tsNav li img{ display: block; height:48px; margin:12px auto; }
.tsNav li.on{ background-image:url(../images/tsNav02.png); }

.tsList{ overflow: hidden; }
.tsList li{ float: left; width:100%; overflow: hidden; position:relative; margin-top:20px; }
.tsList li .img{ width:60%;}
.tsList li .img img{ display: block; width:100%; }
.tsList li .txt{ position: absolute; top:0; width:40%; height:100%; background:#f7fafb;  color:#333; }
.tsList li .txt .tit{ font-size:18px; font-weight:bold; text-align: justify; }
.tsList li .txt .info{ font-size:14px; line-height:22px; margin-top:7px; }
.tsList li .txt .content{ height:100%; padding: 20px;}
.tsList li .txt .content::after{ content:""; height:20px; width:100%; position: absolute; left:0; top:0; background:#f7fafb; z-index:10; }
.tsList li .txt .content::before{ content:""; height:20px; width:100%; position: absolute; left:0; bottom:0; background:#f7fafb; z-index:10; }
.tsList li .txt .content .swiper-slide { height: auto; }
.tsList li .txt .content .swiper-scrollbar{ opacity:1 !important;}
.tsList li .txt .content .swiper-scrollbar .swiper-scrollbar-drag{ background:#d8c8b4; }
.tsList li .txt.fl{ left:0; }
.tsList li .txt.fr{ right:0; }
/*文旅推荐*/

/*资讯*/
.pagewechat{ background: url(../images/wechatbj.png) no-repeat center top; background-size:100% auto; height:575px; }
.wtit{ text-align: center; color: #a18c74; font-size:18px; line-height:80px; height:80px; }
.wtit span{ display: inline-block; margin:0 5px;}
.wtit img{ margin-top:-3px;}

.wlist{ width:180px; margin:0 auto; }
.wlist li{ float:left; width:100%; margin-bottom:20px; }
.wlist li img{ display:block; width:100%; }
.wlist li .tit{ color:#9f8b74; font-size:14px; font-weight:bold; line-height:40px; text-align:center; }
/*资讯*/

/*友情链接*/
.linksMain{ margin-bottom:140px; }
.links_tit{ font-size:20px; color:#333; text-align:center; margin-top:35px; line-height:40px; }

.links_name{ margin-top:35px; width:240px; height:40px; line-height:40px; font-size:16px; color:#2c3e50; background: url(../images/links_name.png) no-repeat left bottom; background-size:100% auto; }

.links_list{ }
.links_list li{ width:22%; margin-right:4%; float: left; margin-top:35px; }
.links_list li .img{ overflow: hidden; border-radius:5px; box-shadow:0 2px 10px #bcbbbb; }
.links_list li img{ display: block; width:100%; }
.links_list li .tit{ text-align: center; line-height:20px; margin-top:20px; font-size:14px; color:#606266; }
.links_list li:hover .tit{ color:#4ba9fc; }
/*友情链接*/

/*红色故事*/
.storylist{ overflow:hidden; margin-bottom:100px; }
.storylist li{ float: left; width:23.5%; margin-right:2%; margin-bottom:20px; background: url(../images/storybj.png) no-repeat center center; background-size:cover; }
.storylist li a{ display: block; padding:20px;}
.storylist li img{ display: block; width:100%; }
.storylist li .tit{ line-height:28px; margin-top:10px; height:56px; font-size:16px; color:#333333; }
/*红色故事*/

/*内容页*/
.showtop{ text-align:center; border-bottom:1px solid #dcdcdc; padding:20px 0; }
.showtop h1{ font-size:24px; color:#333333; }
.showtop p{ font-size:16px; color:#666666; line-height:40px; }
.showtop p span{ margin:0 8px; }

.showtxt{ font-size:16px; color:#333333; line-height:1.6; padding:30px 0; text-align:justify; }
.showtxt img{ max-width:100%; height:auto !important;}

.showvideo{ background:#000000; }
.showvideo iframe{ width:100%; height:500px; }
/*内容页*/


.clippingOne{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.clippingTwo{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.clippingThree{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;  }


.animated{opacity: 0;}

.header .nav li,.header .nav li .sub a,.online-service li .icon,.home03list li a,.tulist li .content{ transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; }

.imgmove{ -webkit-transition: all .5s ease-in; -o-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -moz-transition: all .5s ease-in; }
.imgmove:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.delay2{ -webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s; -o-animation-delay:.2s;-ms-animation-delay:.2s; }
.delay3{ -webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s; -o-animation-delay:.4s;-ms-animation-delay:.4s; }
.delay4{ -webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s; -o-animation-delay:.6s;-ms-animation-delay:.6s; }
.delay5{ -webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s; -o-animation-delay:.8s;-ms-animation-delay:.8s; }
.delay6{ -webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s;-ms-animation-delay:1s; }

@keyframes wzdata{
    0% {
        transform: translate(0)
    }
    50% {
        transform: translateY(-5px)
    }
    to {
        transform: translateY(5px)
    }
}

/*自动放大效果*/
@-webkit-keyframes scale_b{
    0%{-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50%{-webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{-webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2)
    }
}

 @-moz-keyframes scale_b{
    0%{-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50%{-webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{-webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2)
    }
}

@-o-keyframes scale_b{
    0%{-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50%{-webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{-webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2)
    }
}

@-ms-keyframes scale_b{
    0%{-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50%{-webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{-webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2)
    }
}