/* 共用 */
.center{width: 95%;margin:0 auto;}
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}

.w10p{width:10%;} 
.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;} 
.w30p{width:30%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w50p{width:50%;}
.w55p{width:55%;}
.w60p{width:60%;}
.w65p{width:65%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w100p{width:100%;}

.c1{color:#f9bc03 !important;}  /*yellow*/
.c2{color:#f4a355 !important;}
.cfff{color:#fff !important;}
.c333{color:#333 !important;}
.c666{color:#666 !important;}
.c999{color:#999 !important;}

.public-top{width: 100%;}
.public-top img{width: 100%;}

.public-head{width: 100%;height: 35px;background: #fff;line-height: 35px;}
.public-head img{width: 100%;}
.public-nav{width: 100%;background: #fff;}
.public-nav ul li{float: left;width:16.66%;}
.public-nav ul li a{font-size: 14px;color: #999;height: 30px;line-height: 30px;text-align: center;display: inline-block;width: 100%;text-decoration: none;}
.public-nav ul li .hover{color: #333;}

.index-wrap{width: 100%;background: #fff;}
.index-wrap .bannar{position:relative;width:100%;overflow: hidden;}
.index-wrap .bannar .bd ul li{width:100%;height: 0px;position: relative;vertical-align: top;}
.index-wrap .bannar ul li img{width: 100%;}
.index-wrap .bannar .hd{width:100%;position:absolute;bottom:30px;text-align:center;font-size:0;z-index:1;}
.index-wrap .bannar .hd li{margin:0 5px;height:12px;overflow:hidden;width:12px;cursor:pointer;display:inline-block;*display:inline;zoom:1;background:#fff;border-radius:50%;}
.index-wrap .bannar .hd .on{background:#313131;-moz-opacity:1;opacity:1;border-radius:50%;}
.index-wrap .company ul li img{width: 100%;}
.index-wrap .company ul li a{text-decoration: none;color:#333;}
.index-wrap .company ul li{padding: 10px 0px;border-bottom: 1px dashed #dcdcdc;}
.index-wrap .advertisement a{text-decoration: none;color: #999;}
.index-wrap .advertisement .info ul li{float: left;position: relative;width:33%;height: 70px;margin: 0px 0.1%;}
.index-wrap .advertisement .info ul li .pic img{width: 100%;height: 70px;}
.index-wrap .advertisement .info ul li .start{position: absolute;top:50%;left: 50%;margin: -16px -15px;}
.index-wrap .advertisement .info .status{width:100%;background: #1b1b1b;opacity:0.8;float: left;position:absolute;top:40px;height:30px;color: #fff;}
.index-wrap .news a,.index-wrap .viewpoint a{text-decoration: none;color: #999;}
.index-wrap .news ul li,.index-wrap .viewpoint ul li{padding: 10px 0px;border-bottom: 1px dashed #dcdcdc;}
.index-wrap .news ul li .info,.index-wrap .viewpoint ul li .info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-wrap .organization ul li{float: left;width: 32%;margin: 0px 0.6%;text-align: center;padding-bottom: 10px;}
.index-wrap .organization ul li img{width: 100%;}
.index-wrap .organization ul li a{text-decoration: none;color: #333;}
.index-wrap .organization ul li .info{height: 50px;overflow: hidden;}
.index-wrap .flake .menu ul li{float: left;width: 12.5%;text-align: center;font-size: 14px;}
.index-wrap .flake .menu ul li a{text-decoration: none;color: #666;background: #eee;display: inline-block;width: 100%;padding: 5px 0px;}
.index-wrap .flake .menu ul li .hover{background: #dcdcdc;color: #333;}
.index-wrap .flake .info ul li img{width: 100%;}
.index-wrap .flake .info ul li{padding:10px 0px;border-bottom: 1px dashed #dcdcdc;text-align: center;}
.index-wrap .flake .info ul li a{text-decoration: none;color: #333;}
.index-wrap .marketing ul li{border-bottom: 1px dashed #dcdcdc;color: #666;height: 0px;padding-top:50%;position: relative;vertical-align: top;width: 100%;margin-top: 10px;margin-bottom: 105px;}
.index-wrap .marketing ul li img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.index-wrap .marketing ul li .name{font-size: 16px;color: #333;}

.public-footer{width: 100%;background: #fff;padding: 10px 0px;}
.public-footer ul li{font-size: 12px;color: #666;padding-bottom: 10px;width: 46%;float: left;margin: 0 2%;}
.public-footer ul li img{width:90%;}
.public-footer .copy img{width: 100%;}
.public-footer .organization img{width: 100%;}

.public-location{width: 100%;font-size: 12px;}
.public-location a{color: #333;text-decoration: none;}
.public-location .hover{color: #f29f01;}
.public-understand img{width: 100%;}

.brief-introduction-wrap{width: 100%;}
.brief-introduction-wrap .bannar img{width: 100%;}
.public-title{padding-bottom: 5px;border-bottom: 1px solid #dcdcdc;}
.brief-introduction-wrap .item img{width: 100%;}
.brief-introduction-wrap .intro .title img{width: 100%;}
.brief-introduction-wrap .intro ul li{padding:8px 0px;border-bottom: 1px dashed #dcdcdc;font-size: 14px;color: #666;}
.brief-introduction-wrap .intro ul li .info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.brief-introduction-wrap .environment .title img,.brief-introduction-wrap .team .title img{width: 100%;}
.brief-introduction-wrap .environment .pic img,.brief-introduction-wrap .team .pic img{width: 100%;}
.brief-introduction-wrap .environment,.brief-introduction-wrap .team{position: relative;}
.brief-introduction-wrap .environment ul li,.brief-introduction-wrap .team ul li{height: 100px;overflow: hidden;float: left;}
.brief-introduction-wrap .environment ul li span,.brief-introduction-wrap .team ul li span{width: 32%;display: inline-block;}
.brief-introduction-wrap .environment ul li img,.brief-introduction-wrap .team ul li img{width: 100%;}
.brief-introduction-wrap .environment .hd,.brief-introduction-wrap .team .hd{width:100%;position:absolute;bottom:20px;text-align:center;font-size:0;z-index:1;left: 38%;}
.brief-introduction-wrap .environment .hd li,.brief-introduction-wrap .team .hd li{margin:0 5px;height:12px;overflow:hidden;width:12px;cursor:pointer;display:inline-block;*display:inline;zoom:1;background:#313131;border-radius:50%;}
.brief-introduction-wrap .environment .hd .on,.brief-introduction-wrap .team .hd .on{background:#c00;-moz-opacity:1;opacity:1;border-radius:50%;}
.brief-introduction-wrap .service img{width: 100%;}
.brief-introduction-wrap .video img{width: 100%;}

.evaluate-wrap .bannar img{width: 100%;}
.evaluate-wrap .video img{width: 100%;}
.evaluate-wrap .company ul li img{width: 100%;}
.evaluate-wrap .company ul li a{text-decoration: none;color:#333;}
.evaluate-wrap .company ul li{padding: 10px 0px;border-bottom: 1px dashed #dcdcdc;}

.public-paging{padding-bottom:20px;}
.public-paging ul{width:240px;margin: 0 auto;}
.public-paging ul li{float: left;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #434343;}
.public-paging ul li a{color: #434343;width: 30px;height: 30px;line-height: 30px;text-align: center;display: inline-block;text-decoration: none;}
.public-paging ul li .hover{background: #f9bc03;color: #fff;}
.public-paging ul .left a{color: #434343;font-size:24px;background: #e5e5e5;}
.public-paging ul .right a{color: #fff;font-size: 24px;background: #f9bc03;}

.case-wrap .bannar img{width: 100%;}
.case-wrap .video img{width: 100%;}
.case-wrap .advertisement a{text-decoration: none;color: #999;}
.case-wrap .advertisement .info ul li{float: left;position: relative;width:32%;height:0px;margin: 0px 0.6%;padding-bottom: 5px;padding-top: 22%;}
.case-wrap .advertisement .info ul li .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.case-wrap .advertisement .info ul li .start{position: absolute;top:50%;left: 50%;margin:-20px -15px;}

.marketing-wrap .bannar img{width: 100%;}
.marketing-wrap .video img{width: 100%;}
.marketing-wrap .policy ul li{padding: 10px 0px;border-bottom:1px dashed #dcdcdc;}
.marketing-wrap .policy ul li img{width: 100%;}

.evaluate-wrap .understand ul li{float: left;width: 46%;margin: 0 2%;font-size: 12px;color: #666;text-align: center;margin-bottom: 48px;position: relative;padding-top: 30%;height: 0px;}
.evaluate-wrap .understand ul li a{color: #666;text-decoration: none;}
.evaluate-wrap .understand ul li img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.evaluate-wrap .understand ul li p{height: 40px;overflow: hidden;}
.evaluate-wrap .referral-list ul li{padding: 10px 0px;border-bottom: 1px dashed #dcdcdc;}
.evaluate-wrap .referral-list ul li .pic img{width: 100%;}
.evaluate-wrap .referral-list ul li .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.evaluate-wrap .referral-list ul li a{color: #f5ab68;text-decoration: none;}

.fiximg img{width:100% !important;}

.organization{width:100%;height:60px;position:fixed;bottom:0;z-index:9999;background: #f29f01;}
.organization .pic img{position:absolute;width:30%;bottom:-60px;}
.organization .info span{display:inline-block;margin:15px 5px;}
.organization .info .wechat{position: relative;}
.organization .info .wechat .wechat-pic{position:absolute;bottom:40px;left:-40px;}

.public-foot{width:100%;height:70px;position:fixed;bottom:0;z-index:9999;background: #666;}
.public-foot ul li{float: left;width: 20%;text-align: center;}
.public-foot ul li img{width: 35px;height: 35px;}
.public-foot ul li a{font-size: 12px;color: #fff;text-decoration: none;}

.public-understand img{width: 100%;}
.public-scheme ul li{width: 32%;float: left;margin: 0px 0.6%;}
.public-scheme ul li img{width: 100%;}

.service-advertisement-wrap .bannar img{width: 100%;}

.service-advertisement-wrap .case-list .name img{width: 100%;}
.service-advertisement-wrap .case-list .info ul li{float: left;position: relative;width:32%;margin: 0px 0.6%;padding-bottom: 10px;}
.service-advertisement-wrap .case-list .info ul li .pic img{width: 100%;}
.service-advertisement-wrap .case-list .info ul li .start{position: absolute;top:50%;left: 50%;margin: -35px -15px;}
.service-advertisement-wrap .case-list .more{text-decoration: none;color: #fff;background: #f9bc03;font-size: 14px;padding: 4px 10px;}

.service-advertisement-wrap .understand ul li{float: left;width: 46%;margin: 0 2%;font-size: 12px;color: #666;text-align: center;margin-bottom:50px;height: 0px;position: relative;padding-top: 28%;}
.service-advertisement-wrap .understand ul li a{color: #666;text-decoration: none;}
.service-advertisement-wrap .understand ul li img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.service-advertisement-wrap .understand ul li p{height: 40px;overflow: hidden;}