@charset "utf-8";
body{background: #fff; font-family: "微软雅黑";font-size: 14px;}
.hr_50{height: 50px;}
.main-cloum{width: 1000px;}
.pannel-title{border-bottom: 2px solid #f3c64f;height: 58px;position: relative;}
.pannel-L{float: left;background:#fff url(gygg-ffxg091502.png) no-repeat;height: 60px; width: 440px;padding-left: 50px; line-height: 60px;font-size:30px; font-weight: bold; color: #e8ab09;}
.pannel-L img{display: block;}
.pannel-title .more{position: absolute;right: 0;bottom: 10px;}
.banner{background: url(gygg-ffxg091501.jpg)  no-repeat center top;height:80px;overflow:hidden;padding-top: 320px;}
.pc-S{ height:196px;}

/*作品展播*/

.conList{width: 100%;margin: 0px auto;background: url(sdkmulbg221014.jpg) repeat-x #fff7f0;}	
.conList ul{overflow: hidden;width: 100%;margin: 0px auto;}
.conList li { width:228px; height: auto; float: left; margin-right: 6px; margin-top: 6px;margin-left: 13px;}	
.conList ul li .img{width: 100%;height: 127px;position: relative;}
.conList ul li .tit{text-indent: 1em;line-height: 26px;}
.conList ul li .tit a{font-size: 16px;}
.conList ul li:nth-child(5) { margin-right:0; }
.conList ul li:last-child { margin-right:0; }
.conList li img{ width:228px; height: 127px; }
.img_video {display: block;width: 25px !important;height: 25px !important;position: absolute;left: 10px;bottom: 10px;cursor: pointer;pointer-events: none;}


.gla-m-box{display: none;}
#gla {position: relative;height: 390px;}
#gla_box {width: 1000px;position: relative;margin: 0 auto;}

#gla_box li {background: none;padding: 0;width: 600px;height: 390px;overflow: hidden;}

#gla .roundabout-holder {height: 390px;width: 800px;margin: 0 auto;}
.roundabout-moveable-item {display: block;height:390px;width:600px;cursor: pointer;}

.roundabout-in-focus {cursor: auto;}
.gla_inbox img {width: 100%;height: 100%;display: block;}
.gla_inbox {width: 100%;height: 100%;overflow: hidden;position: relative;}
.dw-T {background:rgba(0,0,0,0.4);position: absolute;left: 0;height:36px;bottom: 0;width: 100%;line-height:36px;font-size:18px;text-align: center;}

.dw-T a {color: #fff;}

#gla_box .next {display: block;z-index: 999;overflow: hidden;cursor: pointer;position: absolute;width: 36px;height: 36px;top: 180px;}
#gla_box .prev {background: url(http://images1.boygjj.com/web_wenming/images/xdswmsj8.png) no-repeat left center;left: 0;}

#gla_box .next { background: url(http://images1.boygjj.com/web_wenming/images/xcfxsng20220530-10.png) no-repeat right center;right: 0;}



.bg-C{background: #f4f7fe;overflow:hidden; padding-top: 30px;}
.tab-hd  li{float: left; background: #6aa4f8; line-height: 36px;padding: 0 20px;border-radius: 20px;margin-right: 30px;font-size: 20px;}
.tab-hd  li.active{background: #4e8ae0;font-weight: bold;}
.tab-hd  li a{color: #fff;}

.pic-list ol li{float: left;width: 230px;margin:0 26px 30px 0;}
.img img{width: 230px;height:320px;display: block;}
.img-box{position: relative;width: 230px;height: 320px;}
.img-date{position: absolute;left: 0;bottom: 0;line-height: 25px;background: rgba(0,0,0,0.5);padding-left: 5%;width: 95%;color: #fff; display: none;}
.bor-C{border:1px solid #ddd;border-top: none;padding:10px;overflow:hidden;}
.tit{font-size: 16px;line-height: 32px;text-align: center;}
.tit a{color: #333;}
.L-box{width: 200px;float: left; display: none;}
.R-xz{width: 45px;float: right;line-height: 22px;background: #c32917;border-radius:5px;text-align: center;margin-top: 8px;}
.R-xz a{color: #fff;}
.L-box p{line-height: 24px;font-size: 16px;color: #999;}
.tab-bd dd{display: none;}


.pic-list01 ol li{float: left;width:316px;margin:0 26px 30px 0;}
.pic-list ol li.no-pac,.pic-list01 ol li.no-pac{margin-right: 0;}
.pic-list01 .img-box,.pic-list01 .img img{height: 203px;width: 316px;}
.xglj-pic dl dd{float: left;margin:0 20px;width: 293px;}
.xglj-pic dl dd img{display: block;width: 293px;height: 103px;}
.fg-box{background: url(gyggzp20220719-12.jpg) no-repeat center top;overflow:hidden; background-size: contain;padding:30px; }


.nano{height:280px;}
.fg-tit{font-size: 20px;line-height: 36px;color: #333;}
.fg-tex{font-size: 16px;line-height: 36px;color: #666;text-indent: 2em;}
.fg-tit a{color: #333;}
.fg-tex a{color: #666;}

.list li{margin-bottom: 20px;}
.nano > .nano-content{padding-right: 15px;}
.nano > .nano-pane{background: #9eb8d8;}
.nano > .nano-pane > .nano-slider{background: #4287e0;}
.iph-img{display: none;}

.main-nav{width: 1000px;}
.main-nav ol li{line-height: 60px;float: left;margin-left:80px; font-size: 18px;}
.main-nav ol li a{color: #795a04;}
.main-nav ol li a:hover{text-decoration: none;}

.menu {width:208px;height:395px;z-index:999;position: absolute;right:0;background: url(gygg-ffxg091507.png) no-repeat center top;}

.menu_items li{width: 150px;line-height:30px;border-bottom: 1px solid #ffdc8d; text-align: center;font-size: 20px;color: #fff;padding:12px 0; cursor: pointer;}
.menu_items li a{color: #795a04;}
.iph-show{display: none;}
.clum01{width: 490px;}
.menu_items li.back-top{border-bottom:none;}

.gy-Pic img{width: 100%;height: auto;display: block;}
.tab-hd  li a:hover,.R-xz a:hover{text-decoration:none;}
.tit a:hover,.fg-tit a:hover,.fg-tex a:hover{color: #f00;}


.wd-pic  dl dd{float: left; width: 486px; margin: 0 28px 30px 0;}
.wd-pic  dl dd.no-pac{margin-right: 0}
.wd-img img{width:486px;height:162px;display:block;}

.pannel-L01{background-image: url(gygg-ffxg091505.png); width: 650px;}

.clum400{width: 340px;}

.clum01{width:645px;}
.gy-Pic img{width: 100%;height: auto;}

#Show{display:none;}
	#hide1{display: block;}

.clum678{width:566px;}
.clum498{width:416px;}


.fs-img .dimg {display: table;*position: relative;height:320px; overflow: hidden; width:230px;text-align: center; }
.fs-img .content { vertical-align: middle; display: table-cell; text-align: center;*position: absolute; *top: 50%; *left: 50%;}
.fs-img .img{display: inline-block;*display: inline; zoom: 1; *position: relative; *top: -50%; *left: -50%; }

.fs-img .dimg img { width: auto;height: auto; vertical-align: middle;max-width:230px; max-height:320px;_width: expression(document.body.clientWidth > 230 ? "230px" : "auto");_height: expression(document.body.clientHeight > 320 ? "320px" : "auto");}


.fs-img  ol li{border: 1px solid #ccc;margin: 0 24px 30px 0;}
.fs-img  .R-xz{margin: 5px;}


@media (min-width: 1366px){
.clum678{width:678px;}
.clum498{width:498px;}

	#Show{display:block;}
	#hide1{display: none;}
.main-cloum,.main-nav{width: 1200px;}
.conList{ width:1200px; margin: 0px auto; background:url(sdkmulbg221014.jpg) repeat-x; height: 378px;}	
.conList ul{overflow: hidden;  width:1165px; margin: 0px auto;}
.conList li { width:228px; height: auto; float: left; margin-right: 6px; margin-top: 6px; margin-left: 0px;}	
.conList ul li .img{width: 100%;height: 127px;position: relative;}
.conList ul li .tit{text-indent: 1em;line-height: 26px;}
.conList ul li .tit a{font-size: 16px;}
.conList ul li:nth-child(5) { margin-right:0; }
.conList ul li:last-child { margin-right:0; }
.conList li img{ width:228px; height: 127px; }
.img_video {display: block;width: 25px !important;height: 25px !important;position: absolute;left: 10px;bottom: 10px;cursor: pointer;pointer-events: none;}

#gla_box {width: 1200px;}
#gla_box li {background: none;padding: 0;width:735px;height:480px;overflow: hidden;}
.img img,.img-box{width: 280px;height: 390px;}
.pic-list ol li{width: 280px;margin:0 26px 30px 0;}

.fs-img  ol li{margin:0 24px 30px 0;}


.pic-list01 .img-box,.pic-list01 .img img{height: 245px;width: 380px;}

.pic-list01 ol li{width:380px;margin:0 28px 30px 0;}
.xglj-pic dl dd{width: 340px;}
.xglj-pic dl dd img{width: 340px;height: 120px;}
.fg-box{background-size: 100%;}
.nano{height:336px;}

#gla{height: 480px;}
#gla_box li,.roundabout-moveable-item {width: 735px;height: 480px;}
#gla .roundabout-holder {height: 480px;width: 800px;}
.main-nav ol li{line-height: 60px;margin-left: 98px; font-size: 20px;}

.clum01{width:765px;}

.clum400{width: 400px;}

.wd-pic  dl dd{width: 586px; margin: 0 28px 30px 0;}
.wd-img img{width: 586px;height: 195px}



.fs-img .dimg{width: 280px; height: 390px;}
.fs-img .dimg img { width: auto;height: auto; vertical-align: middle;max-width:280px; max-height:390px;_width: expression(document.body.clientWidth > 280 ? "280px" : "auto");_height: expression(document.body.clientHeight > 390 ? "390px" : "auto");}






}

@media screen and (max-width:768px) {
#gla {display: none;}
.gla-m-box{display: block;}
.gla-m-box ul li {display: inline-block;height: auto;margin-bottom: 10px;width: 100%;}
.gla-m-box .gla_inbox, .gla-m-box .gla_inbox img {height: auto;}
.gla-m-box .dw-T {position: unset;font-size: 16px;}
.hr_50,.hr_30 {height: 20px;}
.gla-m-box{width: 90%;}
.iph-img img{width: 100%;height:auto;display: block;}
#menu{display: none;}
.main-cloum{width: 100%;}
.iph-img,.iph-show{display: block;}
.banner{display: none;}
.main-nav ol li{line-height: 20px;font-size: 14px; margin-left: 10px;}
.main-nav ol li a{color: #333;}
.main-nav{width: 100%;margin-top: 10px;}
.tab-hd li{font-size: 14px;padding: 0 10px;margin: 0 8px 10px 8px;}

.pic-list ol li,.pic-list01 ol li{width: 46%;margin:0 2% 10px 2%;}
.img img,.img-box,.pic-list01 .img-box, .pic-list01 .img img,.fs-img .img img{width: 100%;height: auto;}
.tit{font-size: 16px;line-height: 24px;}
.L-box p{font-size: 14px;}

.fg-box{padding:10px;background-size: cover;}
.fg-tit{font-size: 16px;line-height: 32px;}
.fg-tex{font-size: 14px;line-height: 30px;}
.nano{padding-bottom: 20px;}
.xglj-pic dl dd{width: 100%;margin:0 0 10px 0;}
.xglj-pic dl dd img,.pannel-L img{width: 100%;height: auto;}
.pannel-title{border:none; line-height: 40px;}
.clum01{width:96%;float: none!important;}

.gy-Pic img{width: 100%;height: auto; margin-bottom: 10px;}
.bg-C{padding-top: 0;}
.pannel-title{height: 35px;line-height: 35px;}
.tit{font-size: 14px;line-height: 20px;}
.wd-pic dl dd{float:none;width: 100%;}


}