﻿/*!
 * by:萤火星
 * qq：418026308
 * 版权所有 上海空灵广告有限公司北京分公司
 * 界面量身设计 请勿仿制
 * 简约而不简单
 */

/*public*/
body { font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif,"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
ul { margin: 0; padding: 0; list-style: none; }
p { margin: 0; }
.icon { background: url('../images/icon.png') no-repeat; width: 36px; height: 28px; display: inline-block; }
a{color:#595656;}
a:hover{color:#fabe00;}
img,video { max-width: 100%; }
.am-container{max-width:1230px;}
.am-container>.am-g { margin-left: -12px; margin-right: -12px; width: auto; }
.am-container [class*=am-u-] { padding-left: 12px; padding-right: 12px; }



/*头部*/
.head {padding-top:30px;}
.head .logo{padding-right: 100px;}
.head .phone{background: url(../images/phone.png) no-repeat;margin-top: 20px;width:234px;height:61px;padding-top:25px;text-align:right;font-size: 24px;color:#fabe00;font-weight: bold;}
.head .am-container{position: relative;}
.head .nav-button{position:absolute;background:#fff;right:10px;top:0;bottom:0;margin:auto;height:37px;}

/*导航*/
.nav{background:#595656;margin-top: 18px;}
.nav li { float: left; list-style: none; margin-right: 1px;position: relative;}
.nav li a { color: #fff; font-size: 16px; line-height: 46px;width: 130px;text-align: center; display: block; }
.nav li.active>a, .nav li a:hover { color: #fff;background: #fabe00;}
.nav_menu{position: absolute;margin:0;z-index:999;display: none;}
.nav_menu li {float:none;margin-top: 1px;background:#595656;background:rgba(89,86,86,0.8);}

/*幻灯片*/
.banner .am-slider-default { margin: 0; }
.banner .am-control-nav{bottom:15px;}
.banner .am-slider-default .am-control-nav li a{width:10px;height:10px;background-color: #ffffff;}
.banner .am-slider-default .am-control-nav li a.am-active{background-color: #595656;}
.banner .am-slider-default .am-prev,.banner .am-slider-default .am-next{width: 70px;height: 70px;background:#cecdcc;background:rgba(0,0,0,0.15);border-radius:5px;text-align: center;margin-top:-35px;z-index:99;cursor:pointer;}
.banner .am-slider-default .am-prev:before{content:"\f104"!important;font-size: 30px!important;height: 70px!important;color:#fff;line-height: 70px!important;}
.banner .am-slider-default .am-next:before{content: "\f105"!important;font-size: 40px!important;height: 70px!important;color:#fff;line-height: 70px!important;}






/*首页*/
.wrap .hd{margin-top: 80px;margin-bottom: 30px;}
.wrap .hd .title{font-size: 32px;color:#595656;}
.wrap .hd .en{font-size: 24px;color:#595656;margin-left: 5px;}
.wrap .hd a{font-size: 20px;color:#595656;}
.wrap .hd a:hover{color:#fabe00;}
.wrap .hd .info{text-align: center;font-size: 18px;color:#595656;}
.iCase .bd .item{position: relative;margin-bottom: 24px;overflow: hidden;}
.iCase .bd .pic img{width:100%;}
.iCase .bd .text{display: none;position:absolute;top:50;left:50;right:0;bottom:0;margin:auto;color:#fff;padding:10px 10px;background:#595656;background:rgba(89,86,86,0.8);}
.iCase .bd .text a{color:#fff;}
.iCase .bd .text .title{font-size: 18px;text-align: left;}
.iCase .bd .text .desc{font-size: 14px;margin:15px 0 25px;}
.iCase .bd .text .more{font-size: 14px;text-align: left;}

.iNums{background:#595656;padding:50px 0;margin-top: 80px;}
.iNums .bd .item{text-align: center;padding:20px 0;}
.iNums .text{border-right:1px solid #fff;margin-top: 15px;}
.iNums .item:last-child .text{border-right:0;}
.iNums .text .num{font-size: 60px;color:#fabe00;line-height: 1.2;}
.iNums .text .num label{font-size: 45px;margin-bottom: 0;position: relative;bottom:10px;}
.iNums .text .name{font-size: 18px;color:#fff;}


.iService .bd{font-size: 16px;color:#595656;}
.iService .icons{text-align: center;margin-top: 30px;color:#595656;}
.iService .icons .item{margin-top:30px;}
.iService .icons .img{background: #9fa0a0;width:100px;height:100px;border-radius:50%;margin:0 auto;}
.iService .icons .img:hover{background:#fabe00;}
.iService .icons .label{margin-top: 20px;font-size: 34px;line-height: 1.2;}
.iService .icons .title{font-size: 20px;}
.iService .icons .subtitle{font-size: 20px;color:#9fa0a0;}
.iService .icons .subtitle span{border-bottom:#9fa0a0;padding-bottom:10px;}
.iService .icons  a:hover .subtitle span{color:#fabe00;}


.iPartner .bd{margin-left:-6px;margin-right:-6px;}
.iPartner .bd [class*=am-u-]{padding-left:6px;padding-right:6px;}
.iPartner .bd .img{margin-bottom: 12px;background: #595757;border-radius: 10px;}
.iPartner .bd .img:hover,.iPartner .bd .img.active{background: #fabe00;}
.iPartner .big{margin-top: 70px;}
.iPartner .big .item{margin-bottom: 24px;}




/*foot*/
.foot{padding:80px 0 40px;text-align: center;background:#595757;color:#fff;margin-top: 80px;}
.foot a{color:#fff;}
.foot .massage{display: flex;justify-content: space-around;}
.foot .massage li{padding:10px 0;font-size: 14px;width:auto;padding:5px 20px;}
.foot .ico{background:url(../images/ico.png) no-repeat;display:inline-block; vertical-align:middle;margin-right: 8px;}
.foot .address .ico{width: 20px;height: 25px;background-position:-19px -146px;}
.foot .phone .ico{width: 20px;height: 20px;background-position:-20px -195px;}
.foot .worktime .ico{width: 20px;height: 19px;background-position:-19px -236px;}
.foot .menu {text-align: center;color:#fff;border-top:1px solid #ccc;margin-top: 10px;padding:15px 0;}
.foot .menu li{display: inline-block;padding:5px 0;}
.foot .menu a{color:#fff;padding:0 20px;display:inline-block;font-size: 14px;}
.foot .menu a:hover{color:#fdd108;}
.foot .copy{font-size: 12px;margin-top: 40px;}




/*关于我们*/
.about{font-size: 16px;color:#595757;}
.about .lc{background: #595757;padding:60px;margin-top: 140px;}
.about .lc .item{position: relative;}
.about .lc .item .img{margin-top: -150px;text-align: center;padding:0 11px;}
.about .lc .item:after{content:'';display: block;background:url(../images/ico.png) no-repeat;background-position:-20px -323px;width: 20px;height: 14px;position: absolute;right:-10px;top:0;}
.about .lc .item:last-child:after{display: none;}
.about .lc .item .title{text-align: center;font-size: 20px;color:#fff;line-height: 3;}
.about .lc .item .title:after{content:'';display: block;width: 35px;height:1px;background:#fdd108;margin:0 auto; }

.clips video{width: 780px;height: 437px;}




/*imglist*/
.imglist .hd {margin-left:-6px;margin-right:-6px;/*margin-top:120px;*/margin-bottom:60px;}
.imglist .hd [class*=am-u-] { padding-left: 6px; padding-right: 6px; }
.imglist .hd a{display: block;text-align: center;background: #595656;color:#fff;font-size: 26px;line-height: 2.2;margin:6px 0;}
.imglist .hd a:hover{background:#fabe00;}
.imglist .bd .item{position: relative;margin-bottom: 24px;overflow: hidden;}
.imglist .bd .pic img{width:100%;}
.imglist .bd .text{display: none;position:absolute;top:50;left:50;right:0;bottom:0;margin:auto;color:#fff;padding:10px 10px;background:#595656;background:rgba(89,86,86,0.8);}
.imglist .bd .text a{color:#fff;}
.imglist .bd .text .title{font-size: 18px;text-align: left;}
.imglist .bd .text .desc{font-size: 14px;margin:15px 0 25px;}
.imglist .bd .text .more{font-size: 14px;text-align: left;}




/*videolist*/
.videolist .hd{text-align: center;margin-top:120px;margin-bottom:60px;}
.videolist .hd a{width:190px;display: inline-block;text-align: center;background: #595656;color:#fff;font-size: 26px;line-height: 2.2;margin:6px;}
.videolist .bd .video{width:100%;margin-bottom: 30px;}
.videolist .bd .video video{width:100%;}



/*newsList*/
.newlistbox .istopNews{margin-left:-15px;margin-right:-15px;margin-top:120px;margin-bottom:60px;}
.newlistbox .istopNews [class*=am-u-]{padding:0 15px;} 
.istopNews .box{background:#fff;}
.istopNews .box .name{padding:5px 0;font-size: 26px;margin-top: 10px;color:#595656;}
.istopNews .box .info{padding-bottom: 20px;font-size: 14px;color:#2b2b2b;}
.istopNews .box .img img{width: 100%;}
.istopNews .box a:hover .info,.istopNews .box a:hover .name{color:#fabe00;}
.newsList{list-style:none;padding:0;}
.newsList li{border-bottom:1px solid #e3e3e3;padding:30px 0;color:#595757;}
.newsList li a{display: block;padding-left:120px;position:relative;height: 100px;}
.newsList li a:hover{color:#fabe00;}
.newsList li a .date{position:absolute;left:0;width: 100px;height: 100px;background:#ebebeb;padding:18px 0;}
.newsList li a .date span{display: block;text-align: center;line-height: 1.4;}
.newsList li a .date span.date-d{font-size: 26px;}
.newsList li .title{font-size: 18px;line-height: 2;}
.newsList li .desc{font-size: 14px;line-height: 2;}






/*文章内容*/
.sortnav{font-size: 20px;color:#4c4948;padding:10px 0;border-bottom:1px solid #4c4948;margin-bottom: 20px;margin-top: 60px;}
.sortnav a{font-size: 20px;color:#4c4948;}
.newscon{margin-top: 30px;}
.newscon .conTop{position: relative;}
.newscon .conTop .tools{font-size: 12px;color:#4b4948;position: absolute;bottom:10px;right:0;}
.newscon .title{font-size: 20px;color:#4b4948;line-height: 2.4;border-bottom:1px dashed #e8e8e8;margin-bottom: 20px;}
.newscon .newspic{text-align: center;margin-top: 20px;}
.newscon .content{font-size: 16px;color:#4b4948;padding-top:10px;}
.newscon .content p{margin:0;line-height: 1.8;}
.newscon .righthd .name{background:#fabe00;padding:5px 15px;width: 100%;color:#fff;display: block;position: relative;font-size: 16px;}
.newscon .righthd .name:after{content: "\f138";display: inline-block;font: normal normal normal 2.4rem/1 FontAwesome,sans-serif;position:relative;top:3px;margin-left:5px;position: absolute;top:0;bottom:0;right:10px;margin:auto;height:24px;}
.newscon .right ul{list-style:none;padding:0;}
.newscon .right ul li{margin-bottom: 10px;}
.newscon .right ul .title{border-bottom:0;font-size: 16px;color:#595757;margin:0;line-height: 1.8;}
.newscon .right ul .date{font-size: 12px;color:#9fa0a0;}




/*culture*/
.culture .bd,.flow .bd,.after .bd{font-size: 16px;color:#595757;}
.flow-img{background:#595757;margin-top: 45px;}
.after-img{background:#fabe00;margin-top: 45px;}


/*使用说明*/
.instructions .bd .item{padding:10px 0;border-bottom:1px solid #a3a4a4;}
.instructions .bd .item .title{padding-left:40px;background:url(../images/icondown.jpg) no-repeat;font-size: 16px;color:#595757;}
.instructions .bd .item .downurl{font-size: 16px;color:#595656;}





/*contact*/
.contact{margin-left: -10px;margin-right:-10px;}
.contact-way{margin:50px 0;}
.contact-way .box{border:1px solid #ccc;margin:10px;padding:25px 25px 10px;position:relative;}
.contact-way .box .ico-wrap{height:50px;}
.contact-way .box .ico{background:url(../images/icon1.png) no-repeat;display:block;margin:0 auto;}
.contact-way .code .ico{width: 39px;height: 39px;background-position:-25px -12px;}
.contact-way .phone .ico{background-position:-25px -81px;width: 35px;height: 37px;}
.contact-way .email .ico{background-position:-20px -144px;width: 50px;height: 34px;}
.contact-way .address .ico{background-position:-19px -216px;width: 47px;height: 48px;}
.contact-way .box .text{font-size: 14px;color:#595757;text-align:center;border-top:1px solid #ccc;margin-top:10px;padding-top:10px;line-height: 18px;min-height: 47px}
.map-wrap{position: relative;}
.map-wrap img{max-width: none;}
.mapTitle{ margin:0 auto;  width:210px; overflow:hidden;position: absolute;z-index:999;left:0;top:0;background:#f7c31f;background:rgba(250,190,0,0.8);height:100%;padding:50px 0;}
.mapTitle .hd a{background:#f9d359;background:rgba(255,255,255,0.25);display: block;position: absolute;width:100%;text-align: center;font-size: 50px;color:#fff;height:50px;line-height: 50px;}
.mapTitle .hd a:hover{color:#595656;}
.mapTitle .hd .prev{top:0;left:0;}
.mapTitle .hd .next{bottom:0;left:0;}
.mapTitle .bd{ padding:10px;}
.mapTitle .bd ul{ overflow:hidden; zoom:1; }
.mapTitle .bd ul li{ text-align:center; zoom:1; }
.mapTitle .bd ul li a{ line-height:45px;width:100%;color:#fff;font-size: 18px;display: block;}
.mapTitle .bd ul li a:hover,.mapTitle .bd ul li a.active{background:#fff;color:#595656;}


/*joblist*/
.joblist .item{margin-bottom: 30px;display: block;}
.joblist .item .img img{width:100%;margin-bottom: 10px;}
.joblist .item .content{position: relative;}
.joblist .item .content .btn{font-size: 14px;background:#fabe00;color:#fff;position: absolute;right:0;bottom:0;padding:5px 10px;}



/*分页*/
.page span,.page a{font-size: 14px;color:#595757;background: #ebebeb;display: inline-block;padding:5px 12px;margin-right:8px;float:left;}
.page .current{background: #fabe00;color:#fff;}

@media screen and (max-width:1024px) {
	.wrap .hd .title{font-size: 28px;}
	.wrap .hd .en{font-size: 20px;}
	.nav{display: none;position: absolute;right: 0;z-index:999;margin-top: 0;}
	.nav .am-container{padding:0;}
	.nav li{float: none;margin-right: 0;}
	.nav li .nav_menu{position: static;}
	.nav li .nav_menu a{font-size: 14px;}
	.banner .am-control-nav{bottom:10px;}
	.banner .am-slider-default .am-control-nav li a{width:8px;height:8px;}
	.iCase .bd .text,.imglist .bd .text{padding:40px 20px;}
	.iNums .text .name{font-size: 16px;color:#fff;}
	.about .lc .item .img{margin-top: -100px;}
	.foot .massage{display: block;}
	.foot .massage li{text-align: left;}
}


.w70{ width:940px; float:right}
.wrap .w25{     width: 240px;
    float: left;
    border: 1px solid #e2e0db;
    padding: 10px;
    box-sizing: border-box;}.wrap .w25 h2{}.wrap .w25 h2 a{    line-height: 50px;
    background: #000;
    text-align: center;
    display: block;
    color: #fff;
    font-weight: normal;}.wrap .w25 ul{} .wrap .w25 li{}.wrap .w25 li a{display: block;
    margin-top: 10px;
    background: url(/static/images/tmp1476157960_1307950_s.jpg) no-repeat left;
    line-height: 41px;
    /* padding-left: 15px; */
    text-align: center;
    color: #000;
    font-size: 16px;}.wrap .w25 li a:hover,.wrap .w25 li a.hover{ background: url(/static/images/tmp1476157986_1307950_s.jpg) no-repeat left;color:#000}
.clear{clear:both}

@media only screen and (max-width: 1230px) {
 .wrap .w25{ display:none}
 .w70{ width:100%;}
}


@media screen and (max-width:640px){
	.wrap .hd,.iNums,.foot{margin-top: 30px;}
	.foot{padding:30px 0;}
	.iCase .bd .text,.imglist .bd .text{padding:20px 10px;}
	.iCase .bd .text .title,.imglist .bd .text .title{font-size: 16px;}
	.iCase .bd .text .desc,.imglist .bd .text .desc{margin:10px 0;}
	.iNums .item .text{border-right:0;}
	.about .lc .item .img{margin-top: 0;}
	.about .lc .item:after{display: none;}
	.about .lc .item .title:after{display: none;}
	.imglist .hd a{font-size: 20px;}
	.sortnav,.sortnav a{font-size: 16px;}
	.newscon .content{margin-bottom: 20px;}
	.newsList li .title{font-size: 16px;}
	.newsList li .desc{font-size: 12px;line-height: 1.5;}
	.iPartner .big{margin-top: 30px;}
	.mapTitle{width: 100%;position: static;padding:0;}
	.mapTitle .hd{display: none;}
	.joblist .item .content .btn{display: none;}
}