@charset "utf-8";
/* CSS Document */

.about-tpbox{ width:100%; float:left; margin-top:-145px; background-color:#C9000B;}
.about-tp{  margin: 0 auto; }
.about-tp img{ width:100%;}
.page{ margin-top:10px;}
.page li{     
    color: rgb(255, 255, 255);
    background-color: rgb(201, 0, 11);
    font-size: 12px;
    text-align: center;
    margin: 5px;
    padding: 1px;}
.about-content p img{ margin:5px;}
.page li:hover{  background-color:#999999;}
.page li div:hover{  background-color:#999999 !important;}
.page li div{color:#FFFFFF; background-color:rgb(201, 0, 11)!important;}
.page li a{color:#FFFFFF; background-color:rgb(201, 0, 11)!important;}
.page li:hover a{background-color:#999999 !important;}
.about-contertop a:hover{ color:#FF0000!important;}

.pagebox{ min-width:510px; float:right; margin-right:23px;}
.page-left{ float:left; min-width:376px;}
.pagesbox{ border:1px solid #d9d9d9; font-size:14px; min-width:35px; height:35px; text-align:center; line-height:2.5em; float:left; margin-right:5px;}
.pagesbox a{ float:left; width:100%; height:100%; display:block; text-align:center; line-height:2.5em; color:#666666;}
.pagesbox:hover{ border:1px solid #ff4400;}
.pagehov{ border:1px solid #FF4400 !important; background-color:#FF4400!important;}
.pagehov a{ color:#fff !important;}

.page-right{ float:left; font-size:14px; margin-left:10px;}
.pageshuzhi{ width:50px; height:35px; border:1px solid #d9d9d9; text-align:center; margin:0px 3px;}
.pagetijiao{ width:37px; height:37px; border:1px solid #d9d9d9; float:right;margin:0px 3px;cursor: pointer; background-color:#F2F2F2;}
.pagetijiao:hover{ border:1px solid #ff4400;}


@media(max-width:750px){
.about-tpbox{ margin-top:55px !important;}
.business-box li{ height:60px!important; line-height:3.5em!important;}
.page li{ font-size:25px; width:35px !important; padding:5px;}
.page li:first-child{ width:100px!important;}
.page li:last-child{width:100px!important;}
}
/*关于我们*/
.about-f1{ width:100%; float:left; padding-top:20px;}
.about-conter{ width:1266px; margin:0 auto;}
.about-contertop{ width:100%; float:left; border-bottom: 1px solid #939393;}
.about-title{ width: 50%; text-align: left; height: 54px; float: left; font-size: 29px; color: rgb(215, 25, 25); line-height: 2em;  padding-left: 10px;}
.about-address{ max-width: 48%; float: right; font-size: 13px; color: rgb(107, 107, 107); line-height: 7em; height: 54px; text-align: left; padding-right: 10px;white-space:nowrap;overflow:hidden; text-overflow:ellipsis; }
.about-content{ width:100%; float:left; margin-top:60px; padding-bottom:50px;text-align: justify;}

/*业务项目*/
.business-box{ width:77%;  margin:0 auto;}
.business-box li{float: left; width: 107px;  height: 51px; line-height: 3.3em;    margin: 15px 0px;transition: all 0.3s; border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.business-box li:first-child{ border-left:1px solid #e0e0e0;}
.business-box li:hover{ background-color:rgb(215, 25, 25);}
.business-box li:hover a{ color:#FFFFFF;}
.business-box li a{ display:block;color:#666666;text-align: center;}
.business-despat{ width:100%; float:left;}
.business-despat h3{ text-align:center; margin-bottom:10px; color:#939393;    float: left; width: 100%; margin-top: 10px;}
.cccta{ background-color:rgb(215, 25, 25)!important;}
.cccta a{color:#FFFFFF!important;}

.business-despat{    width: 100%;  margin-top: 45px;  text-align: center;}
.business-despat a{display: block;
    width: 160px;
    height: 48px;
    background-color: rgb(221, 24, 24);
    color: rgb(255, 255, 255);
    border-radius: 33px;
    transition: all 0.3s;
    margin: 0 auto;
    line-height: 2.7em;
    font-size: 17px;}
.business-despat a:hover{ background-color:#CC5101;}
/*案例展示*/
.anli-listbox{ width:100%; float:left; margin-top:30px;}
.about-content-nva2box{ width:100%; float:left;padding-top:20px;padding-bottom:50px; border-bottom: 1px solid rgb(147, 147, 147);}
.anli-listbox li{width: 282px; float: left; list-style: none; margin: 0 17px 20px 17px;}
.anli-listimg{ width: 100%; height: 159px; float: left; overflow: hidden;    background-size: 282px 159px !important;}
.anli-listbox li a p{ color: rgb(103, 103, 103); transition: all 0.3s; text-align: center; margin: 5px 0; width: 100%; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.anli-listbox li a span{ color: rgb(103, 103, 103); transition: all 0.3s; }
.anli-listbox li:hover p{ color:rgb(220, 24, 25);}
.anli-listbox li:hover .index-caselistimgzg{opacity:1;}
.anli-listbox li:hover span{color:rgb(220, 24, 25);}
.business-despat div { margin-top: 20px;}

/*案例详情*/
.about-content h4{ text-align:center; margin-bottom:20px;}

/*新闻详情*/
.newsdetails-fenye{ width:100%; float:left;}
.newsdetails-time{ width:100%; float:left; font-size:12px; color:#666666; text-align:center; height:35px; line-height:2em;}
.newsdetails-pf{ width:100%; float:left; height:35px; line-height:2em;}
.newsdetails-pf a{ font-size:14px; color:#000000;transition: all 0.3s;}
.newsdetails-pf a:hover{ color:#FF0000;}

/*团队介绍*/

.teamlist-box{ width:100%; float:left;}
.teamlist-box li{ float:left; width:306px; border-left:1px dotted #e0e0e0;  border-right:1px dotted #e0e0e0;  padding:0px 57px; position:relative; height:500px; margin-bottom:70px;}
.teamlist-imgbox{ width:303px; border-top-right-radius:50%; border-top-left-radius:50%; border-bottom-right-radius:50%; text-align:center; border:1px solid #fff;background-color:#E1E1E1;  height:303px;transition: all 0.6s;}
.teamlist-imgbox:hover{background-color:#C8000A;}
.teamlist-box li:hover .teamlist-boxjianjie{ max-height:1500px; }
.teamlist-imagbox2{  width:263px; height:263px; border-radius:50%; margin:0 auto; margin-top:20px; background-size:263px !important;}
.teamlist-box li h3{ text-align:center; margin:15px 10px 5px 0px; float:left;}

.teamlist-boxzhiwei{line-height: 3.5em; color: rgb(0, 0, 0);text-align:center;margin:5px 0px;font-size:15px;float:left}
.teamlist-boxjianjie{text-align:left; text-indent:2em;color: rgb(74, 73, 73);float:left;line-height:1.5em; font-size:15px; max-height:132px; overflow:hidden;transition: all 0.6s; position:absolute; width:306px; top:360px;  background-color:#fff;}

.teamdetails-titlebox{ width:488px; padding-bottom:20px; background-color:#F3F3F3;}
.about-content h1{ text-align:center; color:#585858;}
.teamdetails-zhiye{ text-align:center;}

.teamdetails-titlebox{ width:488px; padding-bottom:20px; background-color:#F3F3F3; margin-bottom:20px; margin:0 auto;}
.about-content h1{ text-align:center; color:#585858; margin-bottom:10px;}
.teamdetails-zhiye{ text-align:center;}

/*荣誉资质*/
.honor-box{ width:100%; float:left;}
.honor-box li{ width:221px;  float:left; margin:10px 16px; max-height:318px;}
.honor-box li img{ width:215px; max-height:272px; min-height:170px; float:left;cursor: pointer; border:3px solid rgb(222, 222, 222);transition: all 0.3s;}
.honor-box li img:hover{border:3px solid rgb(215, 25, 25);}
.honor-txt{ width:100%; font-size:14px; float:left; text-align:center; height:40px;}

/*合作伙伴*/
.partner-title{ width:100%; float:left; text-align:center; font-size:15px; color:#000000;}

/*联系我们*/
.fontringt-txt2,.footringt-txts2{ margin-bottom:55px;}
.about-contertop a{ color:#6B6B6B; margin:5px;}

/*幕后花絮*/
.backstage-box{ width:100%; float:left; background:url(../images/nhy_10.png) repeat-y center;}
.backstage-box li{ position:relative; float:left; margin-bottom:30px;}
.backstage-box li a{cursor: pointer; }
.backstage-box-left{ width:366px; padding-right:60px; background:url(../images/afg_24.png) no-repeat right center;  left:212px;}
.backstage-box-right{width:366px; padding-left:60px; background:url(../images/afg_22.png) no-repeat left center;  right:-203px; }
.backstage-box-imgbox{ width:100%; float: left; }
.backstage-box-title{ width:100%; float:left;  height:30px;  position:relative; line-height:2em;}
.backstage-box li img{ float:left;transform: scale(1); transition: all 0.6s;}
.backstage-box li:hover img{transform: scale(1.05);}
.backstage-box-title p{ width:100%; float:left; text-align:center; color:#686868; font-size:15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.backstage-gengduo{ width:100%; height:40px; text-align:center; margin-top:20px; float:left;}
.backstage-gengduo a{ width:200px; height:100%; color:#0C4358; padding-right:22px; margin:0px 10px;}
.gengduo{background:url(../images/back_03.png) no-repeat center right;}
.fanhuidingbu{ background:url(../images/to-tops_05.png) no-repeat center right;}



@media(max-width:1281px){
/*关于我们*/
.about-conter{ width:979px !important;}

/*业务项目*/
.business-box{ width:88.4%;}
.business-box li{ margin: 15px 0px;}

/*案例展示*/
.anli-listbox li{margin: 20px 22px 0px 22px!important;}

/*团队介绍*/
.kc{ zoom:0.77;}


/*荣誉资质*/
.honor-box li{  margin:10px 11px;}
/*花絮*/
.backstage-box-left{left:68px;}
.backstage-box-right{left:59px;}
}
@media(max-width:1061px){.about-content p img{ zoom:0.69;}}
@media(max-width:997px){
/*关于我们*/
.about-conter{ width:700px !important;}

/*业务项目*/
.business-box li{ margin: 15px 0px; width:124px; border: 1px solid rgb(224, 224, 224); }
.business-box{ width:100%;}
.business-box li a{ font-size:23px;}
/*案例展示*/
.anli-listbox li{ margin:20px 30px 0px 30px !important;}
.anli-listbox li a p{ font-size:23px;}
/*团队介绍*/
.kc{ zoom:0.55;}
.teamlist-box li h3 { font-size:35px;}
.teamlist-box p{ font-size:23px;}
.teamlist-boxjianjie{top:375px; line-height:2em; font-size:23px;}
/*荣誉资质*/
.honor-box li{  margin:10px 6px;}

/*联系我们*/
.fontringt-txt2,.footringt-txts2{ margin-bottom:20px;}

/*花絮*/
.backstage-box-title{ height:45px; line-height:2.8em;}
.backstage-box-title p{ font-size:23px;}
.backstage-box-left{zoom:0.8;left:17px;}
.backstage-box-right{zoom:0.8;left:8px;}
.backstage-gengduo a{ font-size:23px!important;}


.about-content p img{ width:100%;}
}

@media(max-width:721px){.about-content p img{ width:100%;}}
@media(max-width:720px){
/*关于我们*/
.about-conter{ width:580px !important;}

/*业务项目*/
.business-box li{ width:190px; border: 1px solid rgb(224, 224, 224);}

/*案例展示*/
.anli-listbox li{ margin:20px 4px 0px 4px !important; /*margin:20px 17px 0px 17px !important;*/}
.anlibox4{ width:580 !important;}
/*团队介绍*/

/*团队介绍*/
.kc{ zoom:0.68;}

/*荣誉资质*/
.honor-box li{  margin:10px 34px;}

/*花絮*/
.backstage-box-left{zoom:0.68;left:7px;}
.backstage-box-right{zoom:0.68;left:-2px;}
}
