@charset "utf-8";
/* CSS Document */
* {margin:0px;padding:0px;}
body {background:#fff;font-family:Microsoft Yahei;font-size:14px;color:#333;text-align:left;}
a:focus {outline:none;}
a {color:#333;text-decoration:none;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
a:hover {color:#c90827;text-decoration:none;}
ul, li {list-style:none;}
img {border:none;}
.no-dis {display:none !important;}

.banner-wap {display:none;}
.banner {overflow:hidden;position:relative;width:100%;max-width:1920px;height:684px;background:url(img/banner.jpg) no-repeat center 0px;margin:0px auto;}
.banner .back {position:absolute;top:40px;left:50%;width:1200px;height:41px;transform:translateX(-50%);}
.banner .back span {position:absolute;top:0;right:0;width:119px;height:30px;background:url(img/back.png) no-repeat center 0px;background-size: auto 30px;}

.nav {margin:-80px auto 0;width:1200px;position:relative;display: flex;justify-content:space-between;}
.nav li.title {width:25%;height:58px;line-height:58px;background:#f1d1a3;text-align:center;}
.nav li.title:hover, .nav li.title.on  {background:#c80826;}
.nav li.title a {display:block;position:relative;font-size:32px;font-weight:bold;color:#c90827;}
.nav li.title>a:after {content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#c90827;}
.nav li.title:hover a, .nav li.title.on a {color:#feebc0;}
.nav li.title:last-child a:after {width:0;}
.nav li.title .nav-sec {display:none;position:absolute;top:58px;left:0;right:0;height:44px;line-height:44px;background:rgba(205,52,76,1);text-align:center;z-index:99;}
.nav li.title:first-child .nav-sec {text-align:left;}
.nav li.title:last-child .nav-sec {text-align:right;}
.nav li.title .nav-sec li.title-sec {margin-right:34px;display:inline-block;}
.nav li.title .nav-sec li.title-sec:last-child {margin-right:0;}
.nav li.title:first-child .nav-sec li.title-sec {margin-left:34px;margin-right:0;}
.nav li.title:last-child .nav-sec li.title-sec:last-child {margin-right:34px;}
.nav li.title .nav-sec li.title-sec a {font-size:22px;font-weight:normal;color:#da9938;}
.nav li.title .nav-sec li.title-sec.on a {color:#fff;}
.nav li.title .nav-sec li.title-sec a:hover {color:#fff;}

.crumbs {margin:0 auto;width:1200px;position:relative;top:-80px;font-size:18px;color:#1b1b1b;}
.crumbs a {font-size:18px;color:#1b1b1b;}
.crumbs a:hover {color:#c90827;}

.work-list {margin:44px auto 0;width:1200px;overflow:hidden;}
.work-list li {margin-right:12px;margin-bottom:30px;position:relative;float:left;width:291px;}
.work-list li:nth-child(4n) {margin-right:0;}
.work-list li .img {width:100%;height:194px;background:#e7e7e7;text-align:center;}
.work-list li .img img {max-width:100%;max-height:100%;position:relative;top:50%;transform:translateY(-50%);}
.work-list li .content {margin-top:15px;text-align:center;}
.work-list li .content h2 {height:44px;line-height:44px;font-weight:bold;overflow:hidden;}
.work-list li .content h2 a {display:block;height:44px;line-height:44px;font-size:22px;color:#484848;overflow:hidden;}
.work-list li .content h3 {height:36px;line-height:36px;font-weight:normal;overflow:hidden;}
.work-list li .content h3 a {display:block;height:36px;line-height:36px;font-size:18px;color:#767676;overflow:hidden;}
.work-list li:hover .content h2 a,.work-list li:hover .content h3 a {color:#c90827;} 

.work-detail {margin:0 auto 0;padding-bottom:30px;width:1200px;overflow:hidden;}
.work-detail ul {overflow:hidden;}
.work-detail ul li {margin-bottom:30px;width:100%;background:#e7e7e7;text-align:center;}
.work-detail ul li img {max-width:100%;max-height:1000px;vertical-align:top;}
.work-detail .content {}
.work-detail .content h2 {font-weight:600;font-size:36px;color:#000;}
.work-detail .content h3 {margin-top:12px;font-weight:normal;font-size:28px;color:#474747;}
.work-detail .content h3 span {margin-left:20px;}
.work-detail .content h4 {margin-top:12px;font-weight:normal;font-size:16px;color:#474747;}
.work-detail .content .other {margin-top:4px;font-family:fangsong;font-weight:normal;font-size:24px;color:#474747;}
.work-detail .content .other .title {float:left;line-height:40px;}
.work-detail .content .other .summary {margin-left:72px;line-height:40px;}
.work-detail .content .other .summary p {text-indent:0 !important;margin-bottom: 8px;line-height:40px;}

.article {margin:-198px auto 0;padding-bottom:30px;width:1200px;overflow:hidden;}
.article p {line-height:34px;text-indent:2em;font-size:16px;}

.page {padding-bottom:30px;}
.details {font-size:12px;text-align:center;padding:30px 0px 0px;cursor:pointer;}
.details a {display:inline-block;background:#fff;width:auto;padding:6px 10px;border-radius:5px;border:1px solid #ccc;}
.details a:hover {color:#fff;background:#c90827;border:1px solid #c90827;text-decoration:none;}
.details span {display:inline-block;background:#fff;width:auto;padding:6px 10px;border-radius:5px;border:1px solid #ccc;}
.details input { margin-right:5px;border:1px solid #ccc; height:28px;vertical-align:top;text-align:center; }
#pagenav {vertical-align:middle;}

.bottom {overflow:hidden;width:100%;max-width:1920px;background:#363636;margin:30px auto 0px;padding:30px 0px;}
.bottom ul.botwh {width:1200px;margin:0px auto;}
.bottom ul li {float:left;font-size:14px;color:#e5e5e5;width:auto;padding-right:60px;}
.bottom ul li h3 {font-size:18px;font-weight:normal;height:45px;line-height:45px;}
.bottom ul li h4 {font-family:Arial, Helvetica, sans-serif;font-size:24px;font-weight:normal;background:url(/css/img/bj17.png) no-repeat 0px center;height:45px;line-height:45px;padding-left:35px;}
.bottom ul li p {line-height:24px;}
.bottom ul li.second {float:right;width:105px;padding-left:30px;padding-right:0px;}
.bottom ul li.second h2{width:105px;height:140px;}
.bottom ul li.second h2 img {width:105px;height:140px;}
.bottom ul li.second h5 {font-size:12px;font-weight:normal;text-align:center;background:#262626;line-height:28px;}
.bottom ul li.last {float:right;width:120px;padding-top:20px;padding-left:30px;padding-right:0px;}
.bottom ul li.last h2{width:120px;height:120px;}
.bottom ul li.last h2 img {width:120px;height:120px;}
.bottom ul li.last h5 {font-size:14px;font-weight:normal;letter-spacing:2px;text-align:center;background:#262626;line-height:28px;}
.bottom a {color:#e5e5e5;}
.bottom a:hover {color:#fff;}


.footer {overflow:hidden;font-size:14px;color:#888;text-align:center;background:#1f1f1f;width:100%;max-width:1920px;line-height:45px;margin:0px auto;}
.footer a {color:#888;}
.footer a:hover {color:#fff;}

.preview-container {top:100px;width:900px;height:600px;z-index:9999;}
.preview-container img {max-height:600px;max-width: 900px;}

@media only screen and (min-width:0px) and (max-width:850px)
{
	* {-webkit-tap-highlight-color: rgba(0,0,0,0);user-select:none;}
	body {-webkit-tap-highlight-color:rgba(0,0,0,0)}
	a {outline:none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
    .banner {display:none;}

    .banner-wap {display:block;margin:0px auto;}
    .banner-wap img {width:100%;}
	.banner-wap .back {position:absolute;top:2%;left:50%;width:94%;height:41px;transform:translateX(-50%);}
	.banner-wap .back span {padding:0 8px;position:absolute;top:0;right:0;height:28px;line-height:26px;background:rgba(0,0,0,.5);border-radius:16px;font-size:14px;color:#fff;}
    
    .nav {margin: -30px auto 0;width:94%;}
    .nav li.title {height:40px;line-height:40px;}
    .nav li.title a {font-size:20px;}
    .nav li.title .nav-sec {padding-left:3%;top:40px;height:auto;line-height:30px;}
    .nav li.title .nav-sec li.title-sec {margin-right:3%;float:left;}
    .nav li.title:first-child .nav-sec li.title-sec {margin-left:0;margin-right:3%;}
    .nav li.title:last-child .nav-sec li.title-sec {float:right;}
    .nav li.title:last-child .nav-sec li.title-sec:last-child {margin-right:3%;}
    .nav li.title .nav-sec li.title-sec a {font-size:16px;}
	
	.crumbs {margin:0 auto 0;width:94%;top:auto;font-size:16px;}
	.crumbs a {font-size:16px;}

	.work-list {margin:36px auto 0;width:94%;}
	.work-list.mt-small {margin: 3% auto 0;}
	.work-list.mt-big {margin: 66px auto 0;}
	.work-list li {margin-right:0;margin-bottom:2%;float:left;width:49%;}
	.work-list li:nth-child(even) {float:right;}
	.work-list li .img {height:126px;}
	.work-list li .content {margin-top:1%;}
	.work-list li .content h2 {height:32px;line-height:32px;}
	.work-list li .content h2 a {height:32px;line-height:32px;font-size:18px;}
	.work-list li .content h3 {height:26px;line-height:26px;}
	.work-list li .content h3 a {height:26px;line-height:26px;font-size:16px;}
	
	.work-detail {margin:5% auto 0;padding-bottom:3%;width:94%;}
	.work-detail ul li {margin-bottom:3%;}
	.work-detail ul li img {max-height:500px;}
	.work-detail .content h2 {font-size:18px;}
	.work-detail .content h3 {margin-top:2%;font-size:14px;}
	.work-detail .content h3 span {margin-left:1%;}
	.work-detail .content h4 {margin-top:2%;font-size:12px;}
	.work-detail .content .other {margin-top:4px;font-size:14px;}
	.work-detail .content .other .title {float:left;line-height:24px;}
	.work-detail .content .other .summary {margin-left:42px;line-height:24px;}
	.work-detail .content .other .summary p {margin-bottom: 2%;line-height:24px;}

	.article {margin:5% auto 0;padding-bottom:3%;width:94%;}
	.article p {margin-bottom:1%;line-height:30px;text-indent:0;font-size:16px;}
	
	.page {padding-bottom:3%;margin:3% auto 0;width:94%;}
	.details {padding:3% 0 0;}
	.details a {padding:4px 8px;border-radius:3px;}
	.details span {padding:4px 8px;border-radius:3px;}

    .bottom {margin:5% auto 0px;padding:3% 0px;}
    .bottom ul.botwh {width:94%;}
    .bottom ul li {width:100%;text-align:center;padding-right:0px;}
    .bottom ul li h3 {font-size:16px;height:35px;line-height:35px;}
    .bottom ul li h4 {text-align:left;height:40px;line-height:40px;}
    .bottom ul li p {text-align:left;}
    .bottom ul li.second {float:left;width:32%;padding-top:3%;padding-left:0px;}
    .bottom ul li.second h2{width:100%;height:auto;}
    .bottom ul li.second h2 img {max-width:100%;height:auto;text-align:center;}
    .bottom ul li.last {float:right;width:30%;padding-top:30px;padding-left:3%;padding-right:0px;}
    .bottom ul li.last h2{width:100%;height:auto;}
    .bottom ul li.last h2 img {max-width:100%;height:auto;text-align:center;}

    .footer {width:94%;line-height:24px;margin:0px auto;padding:3%;}
}

@media only screen and (min-width:414px) and (max-width:767px)
{
    .nav li.title a {font-size:20px;}
}

@media only screen and (min-width:375px) and (max-width:413px){
    .nav li.title a {font-size:18px;}
	.nav li.title .nav-sec li.title-sec a {font-size:12px;}
}

@media only screen and (min-width:0px) and (max-width:359px){
    .nav li.title a {font-size:14px;}
	.nav li.title .nav-sec li.title-sec a {font-size:12px;}
}