﻿/** 全局页CSS **/

@import url("/Content/style/base.css");
@import url("/Content/style/animate.css");
@import url("/layui/css/layui.css");
@import url("/Content/style/iconfont/iconfont.css");
@import url("/Content/style/fonts/iconfont.css");

/*页面宽度*/
.mainWidth {

    width:1200px;
    margin:0 auto;
}

.mainWidth2 {

    width:1020px;
    margin:0 auto;
}

.bigPicWrap {

    width:100%;
    height:500px;
    overflow:hidden;
}

.bigPicWrap img {

    width:100%;
}

.global-img {display:inline-block;width:100%;}
.global-img img { width:100%; }

/**平台转换**/
#platform .platform-wrap {

    display: flex;
    width:100%;
    height:100vh;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:#eee;
}

#platform .platform-wrap span{

    display: flex;
    flex-direction:column;
    align-items:center;
    height:450px;
}

#platform .platform-wrap span img:first-child{

    width:150px;
}

#platform .platform-wrap span img:nth-child(2){

    width:226px;
    margin-top:30px;
}


/**出错页**/
#error-page-info{width:880px;margin:0px auto;}
#error-page-info .info-1{padding-top:100px;}
#error-page-info p{margin:12px 0px 10px 10px;}
#error-page-info p.warry{margin:10px 0px 0px 10px;color:#007e00;font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53;}
#error-page-info p.warry em{display:inline-block;font-style:normal;margin-right:10px;}
#error-page-info p a.back-url{color:#404040;text-decoration:underline;}
#error-page-info p a.back-url:hover{color:#9f0d20;transition: all .3s;-webkit-transition: all .3s;}

/*banner图组*/
.flexslider{position:relative;overflow:hidden;background:url(/content/images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:25px;height:20px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:block;width:100%;height:4px;overflow:hidden;cursor:pointer;background:#707070;font-size:0;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;}
.flex-control-nav .flex-active{background:#fff;transition: all .3s;-webkit-transition: all .3s;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:50px;height:85px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(/content/images/banner_left.png) no-repeat;opacity:0.1;}
.flex-direction-nav li a.flex-next{right:40px;background:url(/content/images/banner_right.png) no-repeat;opacity:0.1;}
.flex-direction-nav li a:hover.flex-prev,.flex-direction-nav li a:hover.flex-next {opacity:0.7; transition: all .3s;-webkit-transition: all .3s;}

/*业务板块Banner*/
#busin-banner { width:100%;height:959px;overflow:hidden;}
#busin-banner .swiper-container { z-index: 1; width:100%;background:url(/content/images/loading.gif) no-repeat center center; }
#busin-banner .swiper-slide{ background-position: center center;background-size: cover;}
#busin-banner .swiper-slide .swiper-slider-txt {width:100%;height:959px;overflow:hidden;}
#busin-banner .swiper-slide .sst {display: flex;flex-direction:column;align-items:center; }
#busin-banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 180px;}
#busin-banner .swiper-pagination-bullet { width: 40px; height: 3px; opacity: 1;border-radius:10px;}
.gray .swiper-pagination-bullet { background-color: #fff;}
.gray .swiper-pagination-bullet-active { background: #cc0000;}
#busin-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px;}
#busin-banner h1.title { color: #fff; font-size: 60px; font-family: "微软雅黑";margin:130px 0 20px 0; }
#busin-banner h2.zhaiyao { margin-top:10px; color: #fff; font-family: "微软雅黑";line-height:32px;width:50%; }
#busin-banner .swiper-btn { display: flex; flex-direction:row; justify-content:space-between;width:350px; padding-top:80px; }
#busin-banner .swiper-btn a { display: inline-block; width:156px;height:44px;text-align:center;line-height:44px;}
#busin-banner .swiper-btn a:first-child { background:#fff;color:#cc0000;}
#busin-banner .swiper-btn a:first-child:hover { background:#cc0000;color:#fff;transition: all .3s;-webkit-transition: all .3s;}
#busin-banner .swiper-btn a:nth-child(2) { background:#cc0000;color:#fff;}
#busin-banner .swiper-btn a:nth-child(2):hover {  background:#fd2828;color:#fff;transition: all .3s;-webkit-transition: all .3s;}
#busin-banner-box {min-height:530px; width:100%;}
#busin-banner-box .swiper-wrap {display: flex;flex-direction:row;justify-content:center;width:100%;}
#busin-banner-box .box-content {height:10px;width:100%;}
#busin-banner-box .swiper-box {display:block;left:0;top:-128px;z-index:5;width:100%;border:1px solid #eee;background:#fff;}
#busin-banner-box .swiper-box h5 { font-size:33px;margin-top:40px;}
#busin-banner-box .swiper-box h4 { margin:20px 0 60px 0;}
#busin-banner-box .swiper-box ul { display: flex; flex-direction:row; justify-content:space-between;padding:20px 50px 40px 50px;}
#busin-banner-box .swiper-box ul li { display: flex; flex-direction:column; justify-content:center;align-items:center;width:200px;height:305px;border:1px dashed #979797;padding:45px 20px;background:#fff;}
#busin-banner-box .swiper-box ul li:hover { background:#9f0d20;transition: all .3s;-webkit-transition: all .3s;}
#busin-banner-box .swiper-box ul li:hover h3,#busin-banner-box .swiper-box ul li:hover p { color:#fff;}
#busin-banner-box .swiper-box ul li img { width:150px;}
#busin-banner-box .swiper-box ul li h3 { margin:25px 0 10px 0;}
#busin-banner-box .swiper-box ul li p {margin:10px 0 30px 0;line-height:32px;}
#busin-banner-box .swiper-box ul li a { display:inline-block;width:135px;height:35px;border:1px solid #979797;text-align:center;line-height:35px;margin-bottom:10px;}
#busin-banner-box .swiper-box ul li:hover a { color:#9f0d20;background:#fff;border:1px solid #9f0d20;}

/*右侧固定*/
.RightFixed {

    display:block;
    width:150px;
    top: 0px;
    right:-200px;
    background:#fff;
    z-index:10;
}

.RightFixed a{

    display:block;
    width:100%;
    height:60px;
    text-align:center;
    line-height:60px;
    border-left:5px solid #fff;
}

.RightFixed a:hover,
.RightFixed a.cur{

    color:#cc0000;
    border-left:5px solid #cc0000;
    background:#f4f3f3;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.RightFixed .jp {

    display: flex;
    flex-direction:row;
    justify-content:center;
    padding-top:20px;
}

.RightFixed .jp img:hover {

    cursor:pointer;
}

/*头部容器*/
#header-wrap {

    width:100%;
    height:auto;
}

#header-wrap .back-home {

    margin-top:10px;
}

#header-wrap .online-service {

    top:36px;
    right:0px;
}

#header-wrap .header {

    width:100%;
    height:100px;
    display: flex;
    flex-direction:row;
}

#header-wrap .menu-wrap {

    margin:50px 0 0 35px;
}

#header-wrap .menu-wrap ul {

    display: flex;
    flex-direction:row;
}

#header-wrap .menu-wrap li {

    display: inline-block;
}

#header-wrap .menu-wrap a.m {

   display:inline-block;
   padding:0 25px;
}

#header-wrap .menu-wrap li i {

    display: none;
    width:100%;
    height:4px;
    background:#9f0d20;
    left:0px;
    bottom:-24px;
}

#header-wrap .menu-wrap li:hover i,
#header-wrap .menu-wrap li.cur i {

    display: inline-block;
}

#header-wrap .menu-wrap li.cur a.m,
#header-wrap .menu-wrap li:hover a.m {

    color:#9f0d20;
}

#header-wrap .menu-wrap .sub-box {

    display:none;
    width:100%;
    left:0;
    top:26px;
    z-index:+999;
    padding-top:24px;
}

#header-wrap .menu-wrap li:hover .sub-box {

    display:block;
}

#header-wrap .menu-wrap .sub-box-list {

    background:#fff;
    padding:30px;
    min-height:150px;
    display: flex;
    flex-direction:row;
    border-left:1px solid #dedbdb;
    border-right:1px solid #dedbdb;
    border-bottom:1px solid #dedbdb;
    justify-content:space-between;
}

#header-wrap .menu-wrap .sub-box-list {

    background:#fff;
    padding:30px 5px;
    min-height:150px;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

#header-wrap .menu-wrap .sub-box-list span {

    display: inline-block;
    padding:0 20px;
}

#header-wrap .menu-wrap .sub-box-list span:first-child {

    border-right:3px  solid #9f0d20;
    min-width:110px;
}

#header-wrap .menu-wrap .sub-box-list span:first-child p {

    margin-top:10px;
}

#header-wrap .menu-wrap .sub-box-list span:nth-child(2) {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin-left:20px;
    justify-content:flex-start;
}

#header-wrap .menu-wrap .sub-box-list span:nth-child(2) dd{

    display: inline-block;
    margin-left:5px;
    width:130px;
    height:45px;
}

/**向右弹出咨询体验**/
#RightPop {

    display:block;
    position:fixed;
    left:0px;
    bottom:0;
    width:100%;
    height:100px;
    background:url(/content/images/yhtru4838rjfr.jpg) no-repeat center center;
    background-size: cover;
    z-index:+10000;
}

#RightPop a.close-btn {

    color:#fff;
    font-size:18px;
    right:10px;
    top:10px;
}

#RightPop .content-wrap {

    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

#RightPop .content-wrap span {

    display: inline-block;
    padding-top:30px;
}

#RightPop .content-wrap span p {

    color:#fff;
    left:160px;
    top:35px;
    width:300px;
}

#RightPop .content-wrap span:last-child a {

    color:#9f0d20;
    padding-top:5px;
    width:230px;
    height:35px;
    background:#fff;
    line-height:30px;
    text-align:center;
}

#RightPop .content-wrap span:last-child a:hover {

    background:#9f0d20;
    color:#fff;
}

/*底部*/
#bottom-wrap {

    padding:35px 0;
}

#bottom-wrap ul {

    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

#bottom-wrap ul li:nth-child(2) h5 {

    display:block;
    text-align:center;
    margin-bottom:10px;
}

#bottom-wrap .bottom-menu {

    display: flex;
    flex-direction:row;  
}

#bottom-wrap .bottom-menu dd {

    display: inline-block;
    width:auto;
    margin-left:55px;
}

#bottom-wrap .bottom-menu dd:first-child {

    margin-left:0px;
}

#bottom-wrap .bottom-menu .sub {

    margin-top:20px;
    border-top:1px solid #b5b5b5;
    padding-top:10px;
    min-width:100px;
    display: flex;
    flex-direction:column;
}

#bottom-wrap .bottom-menu .sub a {

    display:inline-block;
    line-height:28px;
}

#bottom-wrap .zc-tel-email {

    margin-top:20px;
    display: flex;
    flex-direction:row;
}

#bottom-wrap .zc-tel-email span {

    display:inline-block;
    padding-left:25px;
    margin-left:35px;
}

#bottom-wrap .zc-tel-email span:last-child {

    margin-left:15px;
}

#bottom-wrap .zc-tel-email span:last-child a {

    text-decoration:underline;
}

#bottom-wrap .zc-tel-email span:first-child {

    margin-left:0px;
}

#bottom-wrap .zc-tel-email span i {

    display:inline-block;
    width:23px;
    height:23px;
    background:url(/content/images/imgCollen.png) no-repeat;
    left:0;
    top:-2px;
}

#bottom-wrap .zc-tel-email span:first-child i {

    background-position:2.2% 1.0%;
}

#bottom-wrap .zc-tel-email span:nth-child(2) i {

    background-position:8.2% 1.0%;
}

#bottom-wrap .zc-tel-email span:nth-child(3) i {

    background-position:15.3% 1.0%;
}

/*首页*/
.big-bg-img {

    width:100%;
    background-size: cover;
}

#banner {

    width:100%;
    height:900px;
    overflow:hidden;
}

#banner .img {

    width:100%;
    height:900px;
    background-size: cover;
}

#myadvan {

    padding:50px 0 30px 0;
}

#myadvan h3.title,
#myadvan h5.sub-title {

    text-align:center;
    margin:20px 0 10px 0;
}

#myadvan .advan-list {

    margin:50px 0;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
}

#myadvan .advan-list li {

    width:300px;
    height:170px;
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

}

#myadvan .advan-list li a {

    display:inline-block;
    width:auto;
    text-align:center;
}

#myadvan .advan-list li img{

    width:95px;
    height:95px;
}

#myadvan .advan-list li p{

    display:block;
    text-align:center;
    margin-top:10px;
}

#myadvan .advan-list li a:hover img{

    transition: all 0.3s ease 0s;
    transform:rotate(360deg);
}

#myadvan .advan-list li a:hover p{

    color:#cc0000;
}

#business {

    margin-bottom:130px;
}

#business h5.sub-title{

    margin-top:20px;
}

#business span{

    display: flex;
    flex-direction:column;
    align-items:center;
}

#business span dd{

    display: inline-block;
    bottom:-80px;
}

#business span dd p{

    line-height:25px;
    margin:10px 0;
}

#business ul.business-list-wrap{

   margin-top:40px;
   display: flex;
   flex-direction:row;
   flex-wrap:wrap;
   justify-content: space-between;
}

#business ul.business-list-wrap li{

   display: flex;
   flex-direction:column;
   justify-content: center;
   align-items:center;
   width:335px;
   height:200px;
   margin:4px 0;
   background:#b01329;

}

#business ul.business-list-wrap li span{

   display:inline-block;
   text-align:center;
   color:#fff;
   line-height:24px;
}

#business ul.business-list-wrap li:first-child{
   
  background:url(/content/images/dlhimg.jpg) no-repeat 0% 100%;
}

#business ul.business-list-wrap li:nth-child(3){
   
  background:url(/content/images/dlhimg.jpg) no-repeat 0% 50%;
}

#business ul.business-list-wrap li:nth-child(5){
   
  background:url(/content/images/dlhimg.jpg) no-repeat 0% 0%;
}

/*专业人工智能问答*/
#professAsk {

    margin:100px 0 150px 0;
}

#professAsk .sub-title {

    margin-top:20px;
}

#professAsk span {

    display:block;
    width:100%;
}

#professAsk h4.title {

    width:180px;
    left:430px;
    top:82px;
}

#professAsk span img {

    width:100%;
}

#professAsk h4.ask {

    width:180px;
    left:300px;
    top:184px;
    color:#fff;
}

#professAsk h4.quest {

    width:430px;
    left:330px;
    top:268px;
}

#professAsk .btn {

    display: flex;
    flex-direction:row;
    justify-content: center;
}

#professAsk .btn a {

    display: inline-block;
    background:#932433;
    color:#fff;
    width:250px;
    height:50px;
    text-align:center;
    line-height:50px;
}

#professAsk .btn a:hover {

    background:#b32d3f;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#news {

    margin:10px 0;
}

#news .news-box {

    display: flex;
    flex-direction:row;
    justify-content: space-between;
}

#news .news-colum{

    width:410px;
}

#news .news-colum h5.title{

    display:block;
}

#news .news-colum h5.title a{

    display:inline-block;
    top:6px;
    right:0;
}

#news .news-list{

    margin:30px 0;
}

#news .news-list li{

    display:block;
    padding:15px;
    border:1px solid #b5b5b5;
    margin-top:20px;
}

#news .news-list li i{

    display:inline-block;
    font-style:normal;
    top:4px;
    right:0;
}

#news .news-list li h2 p{

    width:78%;
}

#news .news-list li h2 p{

    width:78%;
}

#news .news-list li p.zhaiyao{

    line-height:21px;
    margin-top:10px;
}

#news .news-list li:hover{

    border:1px solid #dedbdb;
    background:#fff;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#dedbdb,direction=120,strength=3);/*ie*/
    box-shadow:2px 2px 10px #dedbdb;/*opera或ie9*/
    -moz-box-shadow: 2px 2px 10px #dedbdb;/*firefox*/
    -webkit-box-shadow: 2px 2px 10px #dedbdb;/*safari或chrome*/
}

#news .news-list li:hover h2 p{

    color:#cc0000;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#case {

    margin:30px 0;
}

#case h3{

    margin:60px 0 30px 0;
}

#case .case-box{

    margin:60px 0 40px 0;
    display: flex;
    flex-direction:row;
    justify-content: space-between;
}

#case .case-example{

    width:410px;
}

#case .case-example span.title{

    display:block;
    margin-top:45px;
    padding:6px 0 0 70px;
}

#case .case-example span.title li{

    display:inline-block;
    border-bottom:1px solid #932433;
    padding-bottom:1px;
}

#case .case-example span.title i{

    display:inline-block;
    width:62px;
    height:64px;
    background:url(/content/images/imgCollen.png) no-repeat 1.5% 8.6%;
    left:0;
    top:6px;
}

#case .case-example p.zhaiyao{


    padding:40px 0 40px 5px;
    line-height:22px;
}

#case .case-example .case-list{


    border-top:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    padding:25px 0;
}

#case .case-example .case-list p.zhaiyao{

    padding:10px 0 0 0;
}

#case .case-example .btn{

    padding:10px 0 0 0;
}

#case .case-example .btn a{

    display:inline-block;
    border:1px solid #9f0d20;
    width:130px;
    height:35px;
    text-align:center;
    line-height:35px;
    margin:20px 0 0 40px;
}

#case .case-example .btn a:first-child{

    margin-left:0px;
    color:#9f0d20;
}

#case .case-example .btn a:first-child:hover{

    background:#9f0d20;
    color:#fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#case .case-example .btn a:last-child{

     background:#9f0d20;
     color:#fff;
}

#case .case-example .btn a:last-child:hover{

    background:#cf4457;
    border-color:#cf4457;
    color:#fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

/*名城精选CSS*/
#difficulty {

    padding:50px 0 20px 0;
}

#difficulty  h3{

    margin:30px 0 20px 0;
}

#difficulty .difficu-list {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    margin-top:30px;
}

#difficulty .difficu-list li {

    display:inline-block;
    border:1px dashed #b1b1b1;
    margin:20px 0;
    background:#fff;
}

#difficulty .difficu-list li a {

    display: flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:290px;
    height:320px;
}

#difficulty .difficu-list li:hover {

    background:#9f0d20;
    transition: all .3s;
    -webkit-transition: all .3s;
    border:1px solid #909090; 
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
    box-shadow:2px 2px 10px #909090;/*opera或ie9*/
    -moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
    -webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
}

#difficulty .difficu-list li:hover h5,
#difficulty .difficu-list li:hover p {

    color:#fff;
}

#difficulty .difficu-list li a span {

    display:inline-block;
    width:auto;
    text-align:center;
}

#difficulty .difficu-list li a span img {

    margin-bottom:15px;
}

#difficulty .difficu-list li a span h5,
#difficulty .difficu-list li a span p {

    display:block;
    text-align:center;
    margin-top:10px;
}

#Solution {

    width:100%;
    background:url(/content/images/bbs9861uehr.jpg) no-repeat center center;
    background-size: cover;
}

#Solution .solution-wrap {

    display: flex;
    flex-direction:row;
    justify-content: center;
    align-items:center;
    width:100%;
    height:185px;
}

#Solution .solution-wrap span {

    display: inline-block;
    width:auto;
}

#Solution .solution-wrap span  h3 {

    color:#fff;
    margin-bottom:15px;
}

#Solution .solution-wrap span  p {

    color:#fff;
}

#Engine {

    padding:60px 0;
}

span.stitle {

    display:inline-block;
    background:#a40d21;
    color:#fff;
    width:370px;
    height:50px;
    line-height:50px;
    border-radius:15px;
	-moz-border-radius:15px;  /* Firefox */
	-webkit-border-radius:15px; /*chrome/safari */
	-o-border-radius:15px;/* Opera */
}

#Engine .Engine-box {

    display: flex;
    width:100%;
    flex-direction:column;
    align-items:center;    
}

#Engine .Engine-box span {

    margin-bottom:35px;    
}

#imgAlbum {

    background:url(/content/images/colorDot.jpg) repeat;
    padding:40px 0;
}


#imgAlbum .three-doc {

    display: flex;
    flex-direction:row;
    justify-content:center;
}

#imgAlbum .three-doc span {

    display: inline-block;
    width:53px;
    height:5px;
}

#imgAlbum .three-doc dd {

    display:block;
    width:53px;
    height:38px;
    background:url(/content/images/imgCollen.png) no-repeat 24% 1.7%;
    left:0;
    top:-55px;
}

#imgAlbum .album-list {

    padding:65px 0 30px 0;
}

#search-wrap {

    background:#9e091d;
    padding:30px 0;
}

#search-wrap .search-input {

    background:#fff;
    text-align:center;
    width:70%;
}

/*资本版块*/
#projects h3.title {

    margin:50px 0 10px 0;
}

#projects .pro-wrap {

    width:100%;
    height:1604px;
    background:url(/content/images/trtfgvdtrtfdsfdf.jpg) no-repeat;
}

#projects .pro-wrap ul {

    left:130px;
    bottom:320px;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    width:72%;
}

#projects .pro-wrap ul li {

    display: inline-block;
    width:130px;
    height:50px;   
}

#projects .pro-wrap ul li p {

    margin-top:20px;  
}

/*关于我们*/
#bpw {

    width:100%;
    height:500px;
}

#bpw .bpw-wrap {

    width:100%;
    height:500px;
    left:0;
    top:0;
    z-index:2;
}

#bpw .mainWidth {

    display: flex;
    flex-direction:row;
    justify-content:flex-end;
}

#bpw .bw{

    width:150px;
    height:500px;
}

#bpw span{

    display:block;
    width:150px;
    height:500px;
    left:0;
    top:0;
}

#bpw span:first-child{

    background:#fff;
    opacity:0.8;
}

#bpw span:last-child {

    display: flex;
    flex-direction:column;
    justify-content: center;
}

#bpw span:last-child li {

    display:inline-block;
    width:100%;
}

#bpw span:last-child li a {

    display:block;
    height:60px;
    line-height:60px;
    text-align:center;
}

#bpw span:last-child li a i {

    display:none;
    height:50px;
    width:5px;
    background:#cc0000;
    left:0;
    top:0;
}

#bpw span:last-child li a:hover,
#bpw span:last-child li a.cur {

    color:#cc0000;
}

#bpw span:last-child li a.cur {

    color:#cc0000;
    font-weight:800;
}

#bpw span:last-child li a:hover i,
#bpw span:last-child li a.cur i {

    display:block;
}

#aboutus h3.title {

    margin:50px 0 30px 0;
}

#aboutus p.zhaiyao {

    line-height:33px;
}

#aboutus p.zhaiyao em {

    display:inline-block;
    width:35px;
}


#aboutus .groups ul {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
}

#aboutus .groups ul li {

    display: inline-block;
    margin-top:35px;
}

#aboutus .groups ul li:first-child,
#aboutus .groups ul li:nth-child(2) {

    margin-top:20px;
}

#aboutus .groups ul li a {

    display: block;
    height:760px;
    overflow:hidden;
    border:1px solid #f1f1f1;
    background:#f1f1f1;
}

#aboutus .groups ul li a .img {

    display: block;
    width:490px;
    height:366px;
    overflow:hidden;
}

#aboutus .groups ul li a .img img {

    max-width:100%;
    height:auto;
    transition:.5s transform; 
    transform: translateZ(0);
}

#aboutus .groups ul li dd {

    display: flex;
    flex-direction:row;
    justify-content: flex-end;
}

#aboutus .groups ul li dd d.zhaiyao {

    padding:80px 15px 0 0;
    line-height:24px;
    width:450px;
    height:300px;
    overflow:auto;
}

#aboutus .groups ul li dd i {

    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    width:150px;
    height:130px;
    background:#932433;
    left:0;
    top:-70px;
}

#aboutus .groups ul li i em {

    display: inline-block;
    font-style:normal;
}

#aboutus .groups ul li i h5 {

    text-align:center;
}

#aboutus .groups ul li i h5:first-child {

    color:#fff;
    border-bottom:2px solid #fff;
    padding-bottom:10px;
    margin-bottom:10px;
}

#aboutus .groups ul li i h5:nth-child(2) {

    color:#decbcd;
}

#aboutus .groups ul li a:hover {

    filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
    box-shadow:2px 2px 10px #909090;/*opera或ie9*/
    -moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
    -webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
}

#aboutus .groups ul li a:hover .img img {

    transform: scale(1.5, 1.5); 
    transition: 2s transform;
}

#aboutus .recruit-wrap {

    padding-bottom:40px;
    min-height:500px;
}

.culture {

    display: flex;
    flex-direction:row;
    justify-content: center;
    margin:0px 0 40px 0;
}

.culture ul {

    display: flex;
    flex-direction:row;
    justify-content: space-between;
    flex-wrap:wrap;
    width:830px;
}

.culture ul li {

    margin-top:100px;
}

.culture ul li a {

    display: flex;
    flex-direction:column;
    align-items:center;
    width:280px;
    height:305px;
    overflow:hidden;
}

.culture ul li span {

    display:block;
    width:158px;
    height:158px;
    background:url(/content/images/imgCollen.png) no-repeat;  
}

.culture ul li p {

    line-height:23px; 
    height:75px;
    width:85%;
}

.culture ul li:first-child span {

    background-position:1.8% 33%; 
}

.culture ul li:nth-child(2) span {

    background-position:51% 33%; 
}

.culture ul li:nth-child(3) span {

    background-position:1.8% 82%; 
}

.culture ul li:nth-child(4) span {

    background-position:51% 82%; 
}

.culture ul li h3 {

    display:block;
    margin:15px 0 8px 0;
}

.culture ul li i {

    display:inline-block;
    width:50px;
    height:5px;
    background:#9f0d20;
    margin-bottom:15px;
}

.culture ul li a:hover span {

    transition: all 0.3s ease 0s;
    transform:rotate(360deg);
}

.culture ul li a:hover h3 {

    color:#9f0d20;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.culture:nth-child(2) ul {

    color:#9f0d20;
    transition: all .3s;
    -webkit-transition: all .3s;
}

/*企业动态*/
#company-news {

    margin:40px 0 20px 0;
    min-height:400px;
}

#company-news li a {

    display: flex;
    flex-direction:row;
    justify-content: space-between;
    border-bottom:1px solid #d2d2d2;
    padding:20px 0;
}

#company-news li:first-child a {

    border-top:1px solid #d2d2d2;
}


#company-news li span {

    display: inline-block;
}

#company-news li span i {

    display: block;
    text-align:center;
    font-style:normal;
}

#company-news li span:first-child {

    padding:0 20px 0 50px;
    display: inline-block;
    border-right:3px solid #d2d2d2;
}

#company-news li span:nth-child(2) {

    width:850px;
    line-height:60px;
}

#company-news li a:hover {

    background:#f2f1f1;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#company-news .pagefoot {

    margin:40px 0 80px 0;
    display: flex;
    flex-direction:row;
    justify-content: center;
}

#company-news .pagefoot span {

    display:inline-block;
}

#company-news .pagefoot a {

    display:inline-block;
    line-height:23px;
    margin:0 5px;
    border:1px solid #d2d2d2;
    padding:3px 10px;
}

#company-news .pagefoot a:hover {

    color:#fff;
    background:#9f0d20;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#company-news .pagefoot a.disable {

    color:#b7b7b7;
    background:#e5e5e5;
    font-weight:500;
}

#company-news .pagefoot a.dot_disable {

    border:0;
    padding:0;
}

#company-news .pagefoot a.dot_disable:hover {

    background:#fff;
    color:#000;
}

#company-news .pagefoot a.cur {

    color:#fff;
    background:#9f0d20; 
}

#company-news .pagefoot span:last-child {

    margin-left:20px;
}

#company-news .pagefoot dd {

   display:inline-block;
}

#company-news .pagefoot dd:nth-child(2) {

   padding-top:3px;
   margin-left:5px;
}

#company-news .pagefoot dd input[type='text'] {

   border:1px solid #d2d2d2;
   width:30px;
   text-align:center;
   padding:4px 5px;
}

#company-news .pagefoot dd input[type='text'] {

   border:1px solid #d2d2d2;
   width:30px;
   text-align:center;
   padding:5px;
}

#company-news .pagefoot dd button[type='button'] {

   border:0;
   background:#932433;
   color:#fff;
   width:60px;
   height:26px;
   text-align:center;
   line-height:26px;
   margin-left:5px;
}

#company-news .pagefoot dd button[type='button']:hover {

   cursor:pointer;
   background:#ca3549;
   transition: all .3s;
   -webkit-transition: all .3s;
}

#company-news .company-news-content {

    border-top:1px solid #d2d2d2;
    padding-top:40px;
}

#company-news .company-news-content h1.content-title {

    text-align:center;
}

#company-news .company-news-content h6.content-zhaiyao {

    margin:15px 0;
    text-align:center;
}

#company-news .company-news-content .txt-content {

   margin:30px 0;
   line-height:27px;
}

#company-news .company-news-content .txt-content em.kg {

   display:inline-block;
   width:31px;
}

#company-news .company-news-content .articl-source {

   margin:30px 0 60px 0;
}

#contact h3.title {

    margin:50px 0 30px 0;
}

#contact .contact-content {

    display:block;
    width:800px;
    margin:0 auto;
}

#contact .contact-content span {

    display:inline-block;
}

#contact span.address {

    left:1px;
    top:125px;
}

#contact span.address_txt,
#contact span.tel_txt,
#contact span.email_txt,
#contact span.weixin_txt {

    background:#eeeeee;
    width:400px;
    height:50px;
    text-align:center;
    line-height:50px;
}

#contact span.address_txt {

    left:130px;
    top:88px;
}

#contact span.tel_txt {

    left:130px;
    top:198px;
}

#contact span.email_txt {

    left:130px;
    top:302px;
}

#contact span.weixin_txt {

    left:130px;
    top:408px;
}

#contact span.tel {

    left:-12px;
    top:233px;
}

#contact span.email {

    left:-12px;
    top:338px;
}

#contact span.weixin {

    left:-12px;
    top:440px;
}

/*投资者关系*/
#email-notification {

    width:860px;
    margin:0 auto;
}

#email-notification p.zhaiyao {

    line-height:24px;
}

#email-notification .more-choose {

    margin:10px 0;
}

#email-notification .email-form ul {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    margin-bottom:100px;
}

#email-notification .email-form ul li {

    display: inline-block;
    width:380px;
    margin-bottom:30px;
}

#email-notification .email-form ul li span {

    display: block;
    color:#9f0d20;
    line-height:30px;
    height:20px;
}

#email-notification .email-form ul li input[type="text"]{

    width:100%;
    padding:20px 12px;
    font-size:16px;
}

#email-notification .email-form li.city{

     width:405px;
}

#email-notification .layui-form-select dl dd.layui-this {

    background-color: #9f0d20;
    color: #fff;
}

.more-choose {

   padding-top:10px;
}

.more-choose .layui-form-checked[lay-skin=primary] i{

   border-color:#9f0d20 !important;
   background-color:#9f0d20 !important;
   color:#fff !important;
   font-weight:800;
}

.more-choose .layui-form-checkbox[lay-skin=primary]:hover i{

  border-color:#9f0d20 !important;
}

.more-choose .layui-form-radio > i:hover,
.more-choose .layui-form-radioed > i {

  color:#9f0d20 !important;
}

#email-notification .input-field {

    margin:50px 0 280px 0;
}

#email-notification .input-field button {

    border:0;
    background:#9f0d20;
    color:#fff;
    width:160px;
    height:60px;
    right:40px;
    bottom:-80px;
    cursor:pointer;
}

#email-notification .input-field button:hover {

    background:#ca3549;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#email-notification .input-field button.disabled {

    background:#979797;
}

#email-notification .input-field button.disabled:hover {

    cursor:default;
}

#email-notification .delare {

     right:0px;
     bottom:-130px;
}

#email-notification .delare a {

     display:inline-block;
     padding:0 8px;
}

/*流量推广*/
#promotion {

    padding-top:50px;
}

#promotion ul.ask-box {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    margin:60px 0;
}

#promotion ul.ask-box a {

    display: block;
    border:1px solid #c3c2c2;
    width:320px;
    height:360px;
    margin:13px 0;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    background:#fff;
}

#promotion ul.ask-box a span {

    display: flex;
    flex-direction:column;
    align-items: center;

}

#promotion ul.ask-box a span img {

    width:155px;
    height:155px;
    margin-bottom:10px;
}

#promotion ul.ask-box a span h5 {

    margin:20px 0;
}

#promotion ul.ask-box a span p {

    line-height:25px;
}

#promotion ul.ask-box a:hover {

    filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
    box-shadow:2px 2px 10px #909090;/*opera或ie9*/
    -moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
    -webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
    background:#9f0d20;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#promotion ul.ask-box a:hover h5,
#promotion ul.ask-box a:hover p {

    color:#fff;
}

.promotion-wrap-height{

    background:#fafafa;
    height:730px;
    overflow:hidden;
}

/*业务咨询*/
#consulting {

    padding-top:50px;
    margin-bottom:160px;
}

#consulting .consulting-title {

    display: flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:50px;
}

#consulting .consulting-title p{

    text-align:center;
    line-height:38px;
}

#consulting ul.consulting-list li{

    margin-bottom:50px;
}

#consulting ul.consulting-list li a{

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    border:1px solid #eee;
    background:#eee;
}

#consulting ul.consulting-list li span{

    display: inline-block;
}

#consulting ul.consulting-list li span:first-child{

    width:350px;
    height:250px;
    overflow:hidden;
}

#consulting ul.consulting-list li span:first-child img{

    max-width:350px;
    height:auto;
    transition:.5s transform; 
    transform: translateZ(0);
}

#consulting ul.consulting-list li a:hover {

    filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
    box-shadow:2px 2px 10px #909090;/*opera或ie9*/
    -moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
    -webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
}

#consulting ul.consulting-list li a:hover img {

    transform: scale(1.5, 1.5); 
    transition: 2s transform;
}

#consulting ul.consulting-list li span:last-child{

    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    width:665px;
    height:250px;
}


#consulting ul.consulting-list li span:last-child dd{

    display:block;
    width:600px;
    height:auto;
}

#consulting ul.consulting-list li span:last-child dd p{

    line-height:25px;
    margin-top:20px;
}

#consulting ul.consulting-list li a:hover span:last-child h5 {

    color:#9f0d20;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#consulting ul.consulting-list li span:last-child p em{

    display:inline-block;
    width:30px;
}

/*策划营销*/
#plan {

    width:100%;
}

#plan .first-wrap {

    height:858px;
    width:100%;
    background:url(/content/images/tetgddf5354342334s.jpg) no-repeat center center;
    background-size: cover;
}

#plan .plan-title {

    display: flex;
    flex-direction:column;
    align-items:center;
    margin-top:50px;
}

#plan .plan-title p{

    text-align:center;
    line-height:38px;
}

#plan .template_2{

    margin:50px 0;
}

#plan .template_2 ul{

    display: flex;
    flex-direction:row;
    justify-content: space-between;
}

#plan .template_2 ul a{

    display: flex;
    flex-direction:column;
    align-items:center;
    width:272px;
}

#plan .template_2 ul a i{

    display:inline-block;
    width:100px;
    height:2px;
    background:#7d7d7d;
    margin:15px 0 20px 0;
}

#plan .template_2 ul a:hover i{

    background:#cc0000;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#plan .template_2 ul a:hover h4{

    color:#cc0000;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#plan .template_2 ul a:hover img{

    opacity:0.8;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#plan .template_3{

    margin:130px 0 100px 0;
}

#plan .template_3 ul{

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
}

#plan .template_3 ul li{

    display:inline-block;
    margin-bottom:30px;
}

#plan .template_3 ul a{

    display: block;
    background:#9f0d20;
    width:300px;
    height:50px;
    text-align:center;
    line-height:50px;
    color:#fff;
}

#plan .template_3 ul a:hover{

    background:#cf4457;
    color:#fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

/*产业孵化*/
#hufa {

    margin:35px 0;
}

#hufa ul {

    display: flex;
    flex-direction:row;
    justify-content: space-between;
    margin:90px 0;
}

#hufa ul a {

    display: flex;
    flex-direction:column;
    align-items:center;
    width: 300px;
    height:360px;
    overflow:hidden;
    border:1px solid #ccc;
}

#hufa ul a p {

    width:250px;
    line-height:23px;
    margin:20px 0;
}

#hufa ul a:hover {

    filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
    box-shadow:2px 2px 10px #909090;/*opera或ie9*/
    -moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
    -webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
    transition: all .3s;
    -webkit-transition: all .3s;
}

#hufa ul a:hover h5,
#hufa ul a:hover p {

    color:#cc0000;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#dienshan {

    margin-bottom:30px;
}

/*咨询预约*/
.appointment {

    width:100%;
    height:367px;
    overflow:hidden;
    margin-top:40px;
}

.appointment img {

    width:100%;
    height:auto;
}

/*wiki知识库*/
#wiki {

    margin:80px 0;
}

#wiki h3.title {

    border-bottom:1px solid #d2d2d2;
    padding-bottom:20px;
    margin-bottom:20px;
}

#wiki h5.zhaiyao {

    margin:80px 0;
    text-align:center;
}

#wiki .wiki-type-list {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:985px;
    margin:0 auto;
}

#wiki .wiki-type-list a {

    display: inline-block;
    width:150px;
    height:40px;
    background:#eeeeee;
    text-align:center;
    line-height:40px;
    margin:0px 127px 45px 0px;
}

#wiki .wiki-type-list a:nth-child(4n) {

    margin-right:0;
}

#wiki .wiki-type-list a:hover {

    background:#932433;
    color:#fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

/*资本化运营Q&A-*/
#QA {

    background:#eee;
    margin-top:80px;
    min-height:500px;
}

#QA .aq-box {

    display: flex;
    flex-direction:row;
    justify-content: space-between;
    /*padding-bottom:250px;*/
}

#QA .right-wrap {

    width:220px;
    background:#fff;
}

#QA .right-wrap h3.title {

    text-align:center;
    margin-bottom:35px;
}

#QA .r-w {

    padding-bottom:30px;
    background:#fff;
    position:initial
}

#QA .right-wrap a {

    display:block;
    text-align:center;
    height:50px;
    line-height:50px;
}

#QA .right-wrap a i {

    display:none;
    width:5px;
    background:#932433;
    height:50px;
    left:0;
    top:0;
}

#QA .right-wrap a.cur i {

    display:inline-block;
}

#QA .right-wrap a.cur {

    color:#9f0d20;
}

#QA .right-wrap .jp {

    display: flex;
    flex-direction:row;
    justify-content: center;
    margin-top:25px;
    cursor:pointer;
}

#QA .right-wrap a:hover,
#QA .right-wrap a.cur {

    color:#9f0d20;
    transition: all .3s;
    -webkit-transition: all .3s;
    background:#f4f4f4;
}

#QA .left-wrap {

   width:730px;
}

#QA .left-wrap h1.title {

   padding:45px 0 20px 0;
   border-bottom:1px solid #d2d2d2;
}

#QA .left-wrap h2.title {

   padding:45px 0 30px 0;
}

#QA .left-wrap li {

   margin-bottom:45px;
}

#QA .left-wrap li span.sp {

   display:block;
   padding-left:30px;
   margin-bottom:5px;
}

#QA .left-wrap li span.sp i {

   display:inline-block;
   font-style:normal;
   left:0;
   top:0;
}

#QA .left-wrap li span.sp:nth-child(2) p{

   text-align:justify; 
   text-justify:inter-ideograph;
}

#QA .left-wrap li span.sp:nth-child(2) p em.span{

   display:inline-block;
   width:37px;
}

/**立刻免费咨询**/
#now-asker {

    width:100%;
    height:106px;
    margin:30px 0;
    background:url(/content/images/img06395324yhtiekfuw.jpg) no-repeat;
}

#now-asker .now-asker-wrap {

    display: flex;
    flex-direction:row;
    justify-content: space-between;
}

#now-asker .now-asker-wrap span {

    display: inline-block;
}

#now-asker .now-asker-wrap span {

    display: inline-block;
}

#now-asker .now-asker-wrap span:first-child {

    padding-top:25px;
}

#now-asker .now-asker-wrap span:last-child {

    padding-top:30px;
}

#now-asker .now-asker-wrap span:last-child a {

    display:block;
    width:280px;
    height:45px;
    background:#fff;
    line-height:45px;
    text-align:center;
    color:#9f0d20;
}

#now-asker .now-asker-wrap span:last-child a:hover {

    background:#a4081a;
    color:#fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#home-news .news-colum {

    display: flex;
    flex-direction:row;
    justify-content: space-between;
}

#home-news .news-colum .list-wrap {

    width:470px;
    border:1px solid #fff;
}

#home-news .news-colum .list-wrap h3.title {

    display:block;
    width:470px;
    height:134px;
    background:url(/content/images/news-company-intr.png) no-repeat;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -o-border-radius-topleft:8px;
    -o-border-radius-topright:8px;
}

#home-news .news-colum .list-wrap .news-convert:hover h3.title {

    background-position: 0% 100%;
}

#home-news .news-colum .list-wrap li {

    display:inline-block;
    font-style:normal;
    color:#fff;
    left:15%;
    top:40%;
}

#home-news .news-colum .list-wrap .list-content {

    border:1px solid #dcdcdc;
    min-height:750px;
}

#home-news .news-colum .list-wrap .list-content dd {

    display:block;
    padding:30px 45px;
}

#home-news .news-colum .list-wrap .list-content li {

    display:block;
    border-top:1px solid #dcdcdc;
    padding:25px 0;
}

#home-news .news-colum .list-wrap .list-content li:first-child {

    border-top:0;
}

#home-news .news-colum .list-wrap .list-content li h2 p {

    max-width:85%;
}

#home-news .news-colum .list-wrap .list-content li h2 i {

    display:inline-block;
    font-style:normal;
    right:0px;
    top:5px;
}

#home-news .news-colum .list-wrap .list-content li .zhaiyao {

    margin-top:15px;
}

#home-news .news-colum .list-wrap .list-content li a:hover h2 p {

    margin-left:10px;
    color:#9f0d20;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#home-news .news-colum .list-wrap .list-content dd .more {

    display: flex;
    flex-direction:row;
    justify-content: center;
    margin-top:20px;
}

#home-news .news-colum .list-wrap .list-content dd .more i {

    display: inline-block;
    font-style:normal;
    right:-20px;
    top:2px;
}

#home-news .news-colum .list-wrap .list-content dd .more a:hover,
#home-news .news-colum .list-wrap .list-content dd .more a:hover i {

    color:#9f0d20;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.common-bg {

    width:100%;
    height:129px;
    background:url(/content/images/common-bg.jpg) no-repeat;
}

.common-bg p {

    color:#fff;
    text-align:center;
    line-height:129px;
}

.my-box {

    width:100%;
    background:#f3f8fb;
}

/**关于名城精选常见Q&A智能问答**/
#common-Q-A {

    width:100%;
    height:363px;
    background:url(/content/images/8955egdgtfsfd535.jpg) no-repeat;
}

#common-Q-A .q-a-content {

    display: flex;
    flex-direction:column;
    align-items:center;
}

#common-Q-A .q-a-content p {

    color:#fff;
}

#common-Q-A .q-a-content p:first-child {

    margin:90px 0px 15px 0;
}

#common-Q-A .q-a-content a {

    display:inline-block;
    width:250px;
    height:40px;
    background:#fff;
    text-align:center;
    line-height:40px;
    margin-top:40px;
    color:#9f0d20;
}

#common-Q-A .q-a-content a:hover {

    background:#9f0d20;
    color:#fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

/**产业孵化**/
#fuhua { background:url(/content/images/huhua003265.jpg) no-repeat;}

#fuhua .fh-wrap {

    display: flex;
    flex-direction:column;
    justify-content: center;
    width:100%;
    height:526px;
}

#fuhua .fh-wrap span {

    display: inline-block;
    width:100%;
}

#fuhua .fh-wrap span h2,
#fuhua .fh-wrap span h3 {

    color:#fff;
    line-height:38px;
}

#fuhua .fh-wrap span h2{

    text-align:center;
    margin-bottom:35px;
}




