.sitemap{float:left; padding:24px 0 28px; width:100%; line-height:20px; text-align:right; font-family:GOTHIC; color:#222; font-weight:bold; text-transform:uppercase;}
.sitemap a{color:#979797; font-weight:normal;}
.sitemap span{ font-weight:normal; color:#ef0005;}
.main{float:left; width:100%;}
.mod-services-box{float:left; width:100%;}
.mod-services-box .item{float:left; width:50%; position:relative;}
.mod-services-box .item img{float:left; width:100%;}
.mod-services-box .item .content{ position:absolute; top:0; right:0; width:51%; height:100%; color:#fff;}
.mod-services-box .item .content .wrapper{ width:100%; height:100%; display:table;}
.mod-services-box .item .content .wrapper .cell{width:100%; height:100%; text-align:center; vertical-align:middle; display:table-cell;}
.mod-services-box .item .item-title{width:100%; line-height:40px; font-size:34px; display:inline-block;}
.mod-services-box .item .item-title span{ margin-top:10px; line-height:29px; font-size:15px; display:inline-block;}
.mod-services-box .item.odd .content{left:0;}
.mod-works-box{float:left; width:100%;}
.mod-works-box .category{float:left; padding:14px 25px; width:100%; border:solid 1px #f8f8f8; line-height:25px; font-size:15px; color:#838285; box-sizing:border-box;}
.mod-works-box .category a{float:left;}
.mod-works-box .category a.current{color:#ef0005;}
.mod-works-box .category .dividing{float:left; margin:0 18px; width:1px; height:25px; background-color:#f8f8f8;}
.mod-works-box .category .dividing:last-child{ display:none;}
.mod-works-box ul{float:left; padding:0; margin:12px 0 0; width:1124px; list-style-type:none;}
.mod-works-box ul li{float:left; margin-top:24px; margin-right:24px; width:350px; background-color:#f8f8f8;}
.mod-works-box ul li .li-img{float:left; width:100%; height:300px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mod-works-box ul li .li-title{float:left; padding:24px 25px; width:100%; background-color:#f8f8f8; box-sizing:border-box;}
.mod-works-box ul li .li-title .title{float:left; width:100%; height:32px; line-height:32px; font-size:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-works-box ul li .li-title .info{float:left; width:100%; line-height:25px; color:#979797; font-size:15px;}
.mod-works-box ul li .li-title .info a{ margin:0 18px 0 8px;}
.mod-works-box ul li.s0,.mod-works-box ul li.s1{width:538px;}
.mod-works-box ul li.s2,.mod-works-box ul li.s8{width:725px;}
.mod-pager-box{float:right; margin-top:50px; margin-bottom:0; width:100%; text-align:center; font-size:12px; line-height:37px; color:#000;}
.mod-pager-box a{ margin:0 3px; min-width:37px; height:37px;  color:#555; border:solid 1px #eaeaea; border-radius:3px; display:inline-block;}
.mod-pager-box a:hover,.mod-pager-box .current{ margin:0 3px; width:37px; height:37px; color:#ec3341;  border:solid 1px #eaeaea; text-decoration:none; border-radius:3px; display:inline-block;}
.mod-pager-box .pages{ font-family:宋体; color:#333;}
.mod-contact-box{float:left; width:1122px;}
.mod-contact-box .listbox{float:left; width:100%; display: -webkit-flex; display: flex; justify-content:flex-start; align-items:flex-start;}
.mod-contact-box .item{float:left; width:352px; margin-right:22px; margin-bottom:30px;}
.mod-contact-box .item img{float:left; width:352px; height:271px;}
.mod-contact-box .item .item-title{float:left; margin-top:18px; width:100%; line-height:40px; font-size:25px;}
.mod-contact-box .item .item-con{float:left; margin-top:25px; width:100%; line-height:32px; font-size:15px; color:#797676;}
.mod-contact-box .item .item-con p{float:left; width:100%;}
.mod-contact-box .item .item-con .icon{float:left; width:36px; height:32px; background-position:0 center; background-repeat:no-repeat;}
.mod-contact-box .item .item-con .icon.location{ background-image:url(../images/icon_location.png);}
.mod-contact-box .item .item-con .icon.tel{ background-image:url(../images/icon_tel.png);}
.mod-contact-box .item .item-con .icon.email{ background-image:url(../images/icon_email.png);}
.mod-contact-box .bottom-bar{float:left; margin-top:70px; width:100%; height:30px; text-align:center; font-size:14px; line-height:30px; vertical-align:middle; display:none;}
.mod-contact-box .bottom-bar img{ vertical-align:middle; margin-right:5px; margin-left:40px;}
.mod-client-box{float:left; margin-top:7px; width:1150px;}
.mod-client-box .item{float:left; margin-bottom:27px; padding-bottom:27px; padding-right:50px; width:180px; height:130px; text-align:center; border-bottom:solid 1px #e9e9e9;}
.mod-client-box .item img{ max-width:100%; max-height:100%; vertical-align:middle; filter: url("data:image/svg+xml;utf8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'><filter%20id=\'grayscale\'><feColorMatrix%20type=\'matrix\'%20values=\'0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200\'/></filter></svg>#grayscale");
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1) alpha(opacity=75); ZOOM: 1;
	-webkit-filter: grayscale(100%); opacity: 0.75; transition: all 0.3s ease 0s;}
.mod-client-box .item img:hover{transition: all 0.3s ease 0s; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; filter:none;-webkit-filter: none;}
.mod-works-details{float:left;width:100%;}
.mod-works-details .content{float:left;width:32%;}
.mod-works-details .content *{box-sizing:border-box;}
.mod-works-details .content a{ color:#949495;}
.mod-works-details .content a:hover{color:#ff9b05;}
.mod-works-details .content h1.title{float:left;padding:0 12px;width:100%; font-size:16px;font-weight:normal; color:#000;line-height:24px;}
.mod-works-details .content .date{float:left;padding:0 12px;width:100%;color:#a6a6a6;line-height:24px;}
.mod-works-details .content .cont{float:left;padding:0 12px;width:100%;margin-top:6px;line-height:20px;color:#000;}
.mod-works-details .content .list{float:left;padding:0 12px;width:100%;height:60px;line-height:70px;border-bottom:solid 1px #ddd;}
.mod-works-details .content .list span{color:#000;margin-right:5px;font-size:12px;letter-spacing:1px;}
.mod-prevnext{float:left;padding:10px 12px 0;width:100%;margin-top:10px;line-height:35px;}
.mod-video-box{ float:right; margin:0; width:65%;}
.mod-video-box video{width:100%; height:auto; background-color:#000; display:none;}
.mod-video-box iframe{ width:100%; height:350px;}
.mod-about-content{float:left; width:100%; line-height:26px; font-size:13px;}
.mod-about-content img{ max-width:100%;}
.mod-about-content p{ margin:0 0 12px;}

@media (max-width:767px)
{
.banner img{float:left;}
.sitemap{ padding:0; background-color:#f2f2f2; margin-bottom:25px; text-align:left; line-height:40px; color:#c4181f;}
.sitemap span{ display:none;}
.sitemap a{float:left; padding:10px 15px; margin-right:15px; border-right:solid 1px #ddd; line-height:20px;}
.mod-services-box{width:100%; padding:0 2%;}
.mod-services-box .item{float:left; width:100%; overflow-x:hidden;}
.mod-services-box .item img{ margin-left:-13%; }
.mod-services-box .item.odd img{float:right; margin-right:-8.54%;}
.mod-services-box .item .content{width:59%;}
.mod-services-box .item.odd .content{ width:51%;}
.mod-services-box .item .item-title{ font-size:20px;}
.mod-client-box{width:100%;}
.mod-client-box .item{margin-bottom:12px; padding-bottom:12px; width:31.333%; height:auto; padding-right:0; margin:0 1%; }
.mod-client-box .item img{ filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; filter:none;-webkit-filter: none;}
.mod-contact-box{width:100%;}
.mod-contact-box .listbox{ display:block;}
.mod-contact-box .item{ width:100%;}
.mod-contact-box .item img{width:100%; height:auto;}
.mod-works-box .category{padding:0; border-color:#f2f2f2;}
.mod-works-box .category .dividing{ display:none;}
.mod-works-box .category a{float:left; width:auto; padding:12px 13px; border-left:solid 1px #f2f2f2; font-size:12px;}
.mod-works-box .category a:first-child{ border-left:none;}
.mod-works-box ul{width:100%;}
.mod-works-box ul li{width:48% !important; margin-right:1%; margin-left:1%;}
.mod-works-box ul li .li-img{ height:130px;}
.mod-works-box ul li .li-title{ padding:10px 5px;}
.mod-works-box ul li .li-title .title{ font-size:16px;}
.mod-works-box ul li .li-title .info{ font-size:13px;}
.mod-works-box ul li .li-title .info span{ display:none;}
.mod-works-details .content,.mod-video-box{width:100%;}
.footer{ margin-top:30px;}
}
@media (max-width:320px)
{
.mod-works-box ul li{width:100% !important; margin-right:0;}
.mod-works-box ul li .li-img{ height:200px;}
.mod-works-box ul li .li-title .info span{ display:inline-block;}
}