/* CSS Document */
/*inside-page-banner*/
#about-page-banner{ width: 100%; height: 390px; position:relative;top:-9px;}
#about-page-banner img{display: none;}
#about-page-banner .inside-banner a{width: 100%; height: 400px;display: block;}

/*inside-page-container*/
#inside-page-container .page-container { position:relative; top:-50px; z-index:2;}

.biaoti{font-size:20x; color:#333; font-weight:bold;}

/*lanmu-box*/
#inside-page-container .lanmu-box {width:100%;height: 50px;border-bottom:1px solid #eaeaea;}
#inside-page-container .lanmu-columns .columns-box li {position:relative;padding-left:24px;padding-right:24px;height:50px;line-height:50px;}
#inside-page-container .lanmu-columns .columns-box .navaction-onenav {border-bottom:3px solid #e91811;}
#inside-page-container .lanmu-columns .columns-box .navaction-onenav a {color:#e91811;}
#inside-page-container .lanmu-columns .columns-box li:hover a {color:#e91811;}
#inside-page-container .lanmu-columns .columns-box li .hx {display:block; position:absolute; width:0px; height:0px; background:#e91811; top:47px; left:50%;}
#inside-page-container .breadcrumb-nav {width:330px; text-align:right;height:50px; line-height:50px;}
#inside-page-container .breadcrumb-nav a { color:#555; font-family:"Microsoft Yahei"; font-size:14px !important;}
#inside-page-container .breadcrumb-nav a:hover {color:#e91811;font-size:14px;}

/*about*/
#inside-page-container .about-content .red-edge {width:386px; height:2px; background-color:#666; margin:0 auto;}
#inside-page-container .about-content .about-box { font-size:16px;text-indent:2em; line-height:30px;}
#inside-page-container .about-content .about-box p { font-size:16px;text-indent:2em; line-height:30px;}
#inside-page-container .about-content .about-box p img {margin-left:-2em; max-width:1120px !important;}

/*job*/
#inside-page-container .about-content .job-box { font-size:16px;line-height:30px;}
#inside-page-container .about-content .job-box p { font-size:16px;line-height:30px;}

#inside-page-container .about-content .about-imgbox .about-left {width:547px; height:auto; margin-right:36px;}
#inside-page-container .about-content .about-imgbox .about-left:last-child { margin-right:0px;}

/*map*/
#inside-page-container .website-map{}
#inside-page-container .website-map .web-box{line-height:80px; border-bottom:1px solid #e5e5e5;}
#inside-page-container .website-map .web-box .item-title{width:200px;}
#inside-page-container .website-map .item-txt:hover{ text-decoration:underline;}
#inside-page-container .website-map .item-txt{color:#e91811;}

/*contact*/
#inside-page-container .page-container .contact-content {height:289px;}
#inside-page-container .page-container .contact-content .contact-map {width:664px; height:289px; background-color:#f2f2f2;}
#inside-page-container .page-container .contact-content .contact-right { margin-left:35px;width:431px; height:289px;}
#inside-page-container .page-container .contact-title a:hover {color:#e91811;}
#inside-page-container .page-container .contact-content .address-icon,
#inside-page-container .page-container .contact-content .code-icon,
#inside-page-container .page-container .contact-content .tel-icon{color:#e91811; margin-right:8px;}
#inside-page-container .page-container .contact-content .address-icon { margin-right:2px;}

/*video*/
#inside-page-container .page-container .video-content .video-box {width:1130px; height:634px;position: relative;}
#inside-page-container .page-container .video-content .video-box .video-link { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#inside-page-container .page-container .video-content .video-box .video-icon {font-size: 60px;margin-top: 287px;margin-left: 535px;}
#inside-page-container .page-container .video-content .video-title{ line-height:30px;}

/*frequency-list*/
#inside-page-container .page-container .frequency-box .frequency-list{ position:relative;width:360px; margin-right:25px;}
#inside-page-container .page-container .frequency-box .frequency-list:nth-child(3n+0){ margin-right:0px;}
#inside-page-container .page-container .frequency-box .frequency-imgbox{width:360px; height:240px;}
#inside-page-container .page-container .frequency-box .frequency-link{width:360px; height:240px; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);}
#inside-page-container .page-container .frequency-box .frequency-link:hover{background:rgba(0,0,0,0.2);}
#inside-page-container .page-container .frequency-box .video-icon{ font-size:40px; margin-top:100px; margin-left:160px;}
#inside-page-container .page-container .frequency-box .frequency-title{width:100%; height:50px;text-overflow: ellipsis;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height:26px;}
#inside-page-container .page-container .frequency-box .frequency-title a:hover{ color:#e91811;}

/*article-content*/
#inside-page-container .page-container .article-content{ padding:0 86px;}
#inside-page-container .page-container .article-title{ color:#ec1117;}
#inside-page-container .page-container .note-box {width:100%; color:#a3a3a3; border-bottom:1px dashed #dbd4cd; border-top:1px dashed #dbd4cd; margin-bottom:35px; line-height:35px;}
#inside-page-container .page-container .article-content .article-box{ margin-bottom:68px; font-size:16px;}
#inside-page-container .page-container .article-content .article-box p{ line-height:30px; text-indent:2em;}
#inside-page-container .page-container .article-content .article-box img { max-width:800px; height:auto; margin:0 auto;}

/*上一篇、下一篇、返回列表 开始*/
#inside-page-container .page-container .piece-box {width:100%;border-top:1px solid #eaeaea;}
#inside-page-container .page-container .piece-box .piece-left { margin-right:180px;}
#inside-page-container .page-container .piece-box .piece-right {width:200px;}
#inside-page-container .page-container .piece-box .piece-link:hover { color:#e91811;}
#inside-page-container .page-container .piece-box .piece-right .back-link .back-ico { background:url(http://www.gxpanda.com/statics/panda/home/images/fanhui.png) no-repeat left; padding-left:35px;color:#e91811; display:inline-block; margin-top:14px;}
#inside-page-container .page-container .piece-box .piece-right .back-link:hover {-moz-transform: translate(-15px);
-webkit-transform: translate(-15px);-ms-transform: translate(-15px); -o-transform: translate(-15px);-webkit-transition:  .5s all;transition: .5s all;}

/*列表*/
#inside-page-container .brand-works .brand-list {width:360px; height:240px; position:relative; margin-right:25px;}
#inside-page-container .brand-works .brand-list:nth-child(3n+0){ margin-right:0px;}
#inside-page-container .brand-works .brand-link{width:360px; height:240px;}
#inside-page-container .brand-works .brand-titlebox { position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5);height:45px; width:100%;line-height:35px;}
#inside-page-container .brand-works .brand-titlebox .brand-title {margin-top:5px; font-size:16px;}
#inside-page-container .brand-works .brand-titlebox:hover{background:rgba(227,92,94,0.85);}
#inside-page-container .brand-works .brand-list:hover .brand-title{width:100%;height:125px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical; font-size:24px;}
#inside-page-container .brand-works .brand-titlebox .white-edge{width:45px; height:4px; background-color:#fff; margin-top:70px;}

/*页码*/
.folio-container{}
.folio-container a{width:30px; height:30px; display: inline-block; line-height:30px; color:#999; margin-right:6px; background-color:#eee;}
.folio-container a:last-child{ margin-right:0px;}
.folio-container .a1{ background-color:#e91811; color:#fff;}
.folio-container .b1:hover{ background-color:#e91811; color:#fff;}
.folio-container .dot{width:22px; height:4px; background:url(http://www.gxpanda.com/statics/panda/home/images/dot.png) no-repeat center; display:inline-block; border:none;vertical-align: middle; margin-right:6px;}

/*company-information*/
#inside-page-container .page-container .company-information .information-imgbox {width:225px; height:150px;}
#inside-page-container .page-container .company-information .information-matter{width:1007px; border-left: 1px solid #eaeaea; position:relative; padding-bottom:35px;}
#inside-page-container .page-container .company-information .double-circle{top:66px;}
#inside-page-container .page-container .company-information .information{width:716px; height:150px;}
#inside-page-container .page-container .company-information .information-txt { line-height:26px; height:75px;}
#inside-page-container .page-container .company-information .information-datebox{ margin-top:59.5px;}
#inside-page-container .page-container .company-information .information-bk {border-bottom: 1px solid #eaeaea;}

/*search*/
#inside-page-container .page-container .huntbox{width:500px;height:50px; margin:35px auto 0 auto;}
#inside-page-container .page-container .huntbox .import-casket{width:400px;height:50px;}
#inside-page-container .page-container .import-casket .hunt-txt{ height:48px;border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2;}
#inside-page-container .page-container .hunt-btn { border:none;width:100px;height:50px; background-color:#e91811;}
#inside-page-container .page-container .prompting .prompting-txt{ color:#e91811;}

/*honor*/
.photo-main {z-index: 10;}
#album-show {width: 1130px;background: #FCC;}
#album-show p {text-indent: 2em;line-height: 25px;}
#album-showbox {text-align: center;width: 900px;height: 600px;margin:0 auto;overflow: hidden;}
#album-showbox .album-img{ height:600px; width:auto; margin:0 auto;}
#album-showbox img {max-width:100%;}

.album-pp {position: absolute;top: 245px;z-index: 10;background:url(http://www.gxpanda.com/statics/panda/home/images/show-arrow.png) no-repeat;width:75px;height:110px;}
#album-last {left: 0;background-position:-10px -10px; background-color:#e4e4e4;}
#album-next {right: 0;background-position:-200px -10px;}
#album-last:hover{ background-position: -105px -10px;}
#album-next:hover{background-position: -295px -10px;}

.album-menubox {width:1130px;height: 120px;position: relative;}
#album-menu-last,
#album-menu-next{z-index: 10;position: absolute;top: 0;width: 40px;height:120px;display: block; background: #e4e4e4 url(http://www.gxpanda.com/statics/panda/home/images/thumbnail-arrow.png) no-repeat;}

#album-menu-last {left: 0;background-position: 0px 30px;	}
#album-menu-next {right: 0;background-position: -40px 30px;	}

#album-menu-last:hover {-webkit-transition: all 0.2s ease-in-out 0.01s;-moz-transition: all 0.2s ease-in-out 0.01s;
-o-transition: all 0.2s ease-in-out 0.01s;-ms-transition: all 0.2s ease-in-out 0.01s;transition: all 0.2s ease-in-out 0.01s;background-color:#0d61a0;}
#album-menu-next:hover {-webkit-transition: all 0.2s ease-in-out 0.01s;-moz-transition: all 0.2s ease-in-out 0.01s;-o-transition: all 0.2s ease-in-out 0.01s;-ms-transition: all 0.2s ease-in-out 0.01s;transition: all 0.2s ease-in-out 0.01s;background-color:#0d61a0;}

#album-menu {z-index: 1;height:120px;width: 1000px !important;overflow: hidden;margin:25px auto 0 auto;}
#album-menu img {width: 180px;height:120px;border:2px solid #ccc;}
#album-menu img:hover{border:2px solid #e91811;}
#album-menu .album-case {position: absolute;left: 0;top: 0;width: 99999px;}
#album-menu a {display: block;width:180px;height:120px;overflow: hidden;float: left;margin-right:25px;}

#album-menu a.sel .deck {display: block;z-index: 1;width:100%;height:100%;border: 2px solid #e91811;position: absolute;left: 0;bottom: 0;}
#album-menu a {color:#666;text-decoration: none;position:relative;cursor:pointer;}
#album-menu a:hover {color:#ff7d43; text-decoration:none;}

.photo-main article,.photo-main menu {  display:block;position:relative;  } 
.photo-main .album-case, p{position:relative;}

.album-menutext{position:absolute;bottom:0; left:115px;background:rgba(0,0,0,0.5);width:900px;height:50px; margin:0; line-height:50px;}
#album-menu a p {display: none;}