html{
    font-size: 16px;
    -webkit-text-size-adjust:none;
}
body{font-family: 'Microsoft Yahei';}
.mr-0{margin-right:0 !important;}
.mb-0{
    margin-bottom: 0 !important;}
.w{
    width: 1100px;
    margin:0 auto;
}
.bob-none{
    border-bottom:none !important;
}


@font-face {
    font-family: 'fzlthh';
    src:url("../font/fzlthh.otf");
}
@font-face {
    font-family: 'fzltcxhjw';
    src: url("../font/fzltcxhjw.TTF");
}


/*-------------------------------------------------------*/


/*header*/
.header{
    height:124px;
}
.header .logo{
    margin-top: 13px;
}

.header .right{
    width:380px;
    height:124px;
}
.header .right .top-nav{
    height:27px;
    background: #366A9A;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width:360px;
    padding-left: 10px;
}
.header .right .top-nav a{
    padding-left: 11px;
    padding-right: 12px;
    height: 27px;
    background: url("../images/navbg.png") no-repeat right center;
    display: inline-block;
    float: left;
    color:#fff;
    font-size: 12px;
    line-height: 25px;
}
.header .right .top-nav a.last{
    background: none;
}
.header .right .weixin{
    width:101px;
    height:28px;
    background: url("../images/w.png") no-repeat;
    display: inline-block;
    margin-top: 20px;
    float: right;
    margin-left: 20px;
}
.header .right .qq{
    width:98px;
    height:27px;
    background: url("../images/q.png") no-repeat;
    display: inline-block;
    margin-top: 20px;
    float: right;
}
.header .right .phone{
    line-height: 40px;
    height:40px;
    color:#61779b;
    font-size: 14px;
    text-align: right;
}
.header .right .phone i{
    display: inline-block;
    font-size: 24px;
    color:#2b3c4c;
}



/*nav*/
#nav{
    height:90px;
    background: #366A9A;
}
#nav a{
    width:137px;
    text-align: center;
    line-height: 90px;
    height: 90px;
    color:#f0f1f5;
    font-size: 16px;
    display: inline-block;
    float: left;
    -webkit-transition: all 1s;
}
#nav a:hover{
    background: #EDEDED;
    color:#00a9ec;
}

/*slide*/
.slide{
    height:463px;
}
.slide .bd{
    width:100%;
    height:463px;
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
}
.slide .bd>li{
    width:100%;
    height: 463px;
    float: left;
}
.slide .bd>li.li-0{
    background: url("../images/banner.png") no-repeat center top;
}
.slide .bd>li.li-1{
    background: url("../images/banner-1.png") no-repeat center top;
}
.slide .bd>li.li-2{
    background: url("../images/banner-2.png") no-repeat center top;
}
.slide .hd{
    width:630px;
    height:2px;
    padding-top: 1px;
    padding-bottom: 1px;
    position: absolute;
    left:50%;
    margin-left: -315px;
    bottom:40px;
    background: #2B3546;
}
.slide .hd>li{
    width:210px;
    height:2px;
    float: left;
}
.slide .hd>li.on{
    background: #00A0E9;
}
.slide .prev{
    width:27px;
    height: 51px;
    display: inline-block;
    background: url("../images/prev.png") no-repeat;
    position: absolute;
    top:50%;
    left:5%;
    margin-top: -25px;
}
.slide .next{
    width:27px;
    height: 51px;
    display: inline-block;
    background: url("../images/next.png") no-repeat;
    position: absolute;
    top:50%;
    right:5%;
    margin-top: -25px;
}

.slide .l-0{
    padding-top: 125px;
    text-align: center;
    color:#fff;
    font-size: 72px;
    line-height: 96px;
    font-family: 'fzlthh';
}
.slide .l-0 .p{
    font-family: 'fzltcxhjw';
    font-size: 30px;
    line-height: 54px;
}
.slide .l-0 a{
    width:158px;
    height:37px;
    text-align: center;
    line-height: 37px;
    border: 1px solid #fff;
    font-family: 'Arial';
    font-size: 12px;
    margin-top: 15px;
    display: inline-block;
    vertical-align: top;
    color:#fff;
}
.slide .l-0 .i-0{
    width:166px;
    height:43px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 43px;
    color:#fff;
    font-size: 30px;
    vertical-align: top;
    margin-top: 10px;
    display: inline-block;
    font-family: 'SimHei';
}

/*menu*/
.menu{
    padding-top: 88px;
    padding-bottom: 88px;
    height:220px;
}
.menu>li{
    width:190px;
    height:110px;
    float: left;
    position: relative;
    color:#b5b5b5;
    font-size: 12px;
    line-height: 20px;
    padding-top: 110px;
    margin-right: 113px;
    -webkit-transition: all 1s;
    cursor: pointer;
}
.menu>li.li-0{
    background: url("../images/li-0.png") no-repeat left top;
}
.menu>li.li-1{
    background: url("../images/li-1.png") no-repeat left top;
}
.menu>li.li-2{
    background: url("../images/li-2.png") no-repeat left top;
}
.menu>li.li-3{
    background: url("../images/li-3.png") no-repeat left top;
}
.menu>li.li-0:hover{
    background: url("../images/l-0.png") no-repeat left top;
}
.menu>li.li-1:hover{
    background: url("../images/l-1.png") no-repeat left top;
}
.menu>li.li-2:hover{
    background: url("../images/l-2.png") no-repeat left top;
}
.menu>li.li-3:hover{
    background: url("../images/l-3.png") no-repeat left top;
}
.menu>li .li-title{
    line-height: 40px;
    color:#2b3c4c;
    font-size: 18px;
}
.menu>li .line{
    width:100px;
    height:1px;
    background: #D4E4FE;
    position: absolute;
    bottom:0;
    left:0;
}
.menu>li:hover .line{
    background: #5E87AE;
}




/*媒体营销*/
#media{
    padding-top: 80px;
    padding-bottom: 88px;
    background: #EFF5FE;
    color:#4a6782;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}
.mediawen{
    padding-top: 20px;
    padding-bottom: 20px;
    
    color:#4a6782;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}
.media-txt .p{
    color:#45617c;
    font-size: 30px;
    line-height: 50px;
}

.media-img{
    margin-top: 55px;
}



/*运用托管*/
.tuoguan{
    padding-top: 80px;
    padding-bottom: 88px;
    color:#4a6782;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}
.tuoguan .p{
    color:#45617c;
    font-size: 30px;
    line-height: 50px;
}
.tuoguan ul{
    margin-top: 50px;
}
.tuoguan ul>li{
    width:258px;
    height:166px;
    border:1px solid #fff;
    margin-right: 20px;
    float: left;
    padding-top: 172px;
    text-align: center;
    color:#6d6d6d;
    line-height: 22px;
    font-size: 12px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 1s;
}
.tuoguan ul>li .en{
    color:#b5b5b5;
    font-family: 'Arial';
}
.tuoguan ul>li .line{
    width:54px;
    height: 2px;
    background: #CADDFE;
    position: absolute;
    top:234px;
    left:50%;
    margin-left: -27px;
}
.tuoguan ul>li.li-0{
    background: url("../images/list-0.png") no-repeat center 102px;
}
.tuoguan ul>li.li-1{
    background: url("../images/list-1.png") no-repeat center 102px;
}
.tuoguan ul>li.li-2{
    background: url("../images/list-2.png") no-repeat center 102px;
}
.tuoguan ul>li.li-3{
    background: url("../images/list-3.png") no-repeat center 102px;
}
.tuoguan ul>li.li-0:hover{
    background: url("../images/list-00.png") no-repeat center 102px;
}
.tuoguan ul>li.li-1:hover{
    background: url("../images/list-01.png") no-repeat center 102px;
}
.tuoguan ul>li.li-2:hover{
    background: url("../images/list-02.png") no-repeat center 102px;
}
.tuoguan ul>li.li-3:hover{
    background: url("../images/list-03.png") no-repeat center 102px;
}

.tuoguan ul>li:hover .line{
    background: #3F7CB4;
}
.tuoguan ul>li:hover{
    border:1px solid #D1D1D1;
}



/*友情链接*/
#link{
    padding-top: 20px;
    padding-bottom: 20px;
    background: #366A9A;
}
.link-title{
    height: 28px;
    border-bottom: 2px solid #0AA0E7;
    margin-bottom: 15px;
}
.link-title>span{
    padding-right: 10px;
    border-bottom: 2px solid #2B567F;
    /*margin-bottom: -2px;*/
    line-height: 28px;
    display: inline-block;
    float: left;
    color:#fff;
}
.link-main a{
    color:#2b3c4c;
    line-height: 40px;
    margin-right: 74px;
    display: inline-block;
    float: left;
    font-size: 14px;
}




/*copy*/
#copy{
    height:47px;
    background: #2A3B4B;
    text-align: center;
    line-height: 47px;
    font-size: 12px;
    color:#fff;
}
.media-menu{
    padding-top: 65px;
    padding-bottom: 55px;
}
.media-menu>li{
    width:101px;
    height:143px;
    float: left;
    margin-right: 98px;
}
.media-menu>li a{
    width:101px;
    height:42px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    color:#838383;
    font-size: 14px;
    padding-top: 101px;
    -webkit-transition: all 1s;
}
.media-menu>li.li-0 a{
    background: url("../images/ml-0.png") no-repeat  center top;
}
.media-menu>li.li-1 a{
    background: url("../images/ml-1.png") no-repeat  center top;
}
.media-menu>li.li-2 a{
    background: url("../images/ml-2.png") no-repeat  center top;
}
.media-menu>li.li-3 a{
    background: url("../images/ml-3.png") no-repeat  center top;
}
.media-menu>li.li-4 a{
    background: url("../images/ml-4.png") no-repeat  center top;
}
.media-menu>li.li-5 a{
    background: url("../images/ml-5.png") no-repeat  center top;
}
.media-menu>li.li-0:hover a{
    background: url("../images/ml-00.png") no-repeat  center top;
}
.media-menu>li.li-1:hover a{
    background: url("../images/ml-01.png") no-repeat  center top;
}
.media-menu>li.li-2:hover a{
    background: url("../images/ml-02.png") no-repeat  center top;
}
.media-menu>li.li-3:hover a{
    background: url("../images/ml-03.png") no-repeat  center top;
}
.media-menu>li.li-4:hover a{
    background: url("../images/ml-04.png") no-repeat  center top;
}
.media-menu>li.li-5:hover a{
    background: url("../images/ml-05.png") no-repeat  center top;
}
.media-menu>li:hover a{
    color:#366a9b;
}

/*关于我们*/
.aboutus{
    background: #F0F6FF;
    padding-top: 80px;
    padding-bottom: 65px;
    color:#4a6782;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
}
.aboutus .p{
    font-size: 24px;
    line-height: 32px;
}
.aboutus ul{
    padding-top: 45px;
}
.aboutus ul>li{
    width:346px;
    height:272px;
    float: left;
    margin-right: 31px;
    margin-bottom: 28px;
    background: #3B75AB;
}
.aboutus ul>li a{
    width:346px;
    height:216px;
    display: inline-block;
    text-align: center;
    color:#fff;
    padding-top: 56px;
    font-size: 14px;
    line-height: 20px;
}
.aboutus ul>li a .a-title{
    width:160px;
    height:36px;
    border-bottom: 1px solid #fff;
    text-align: center;
    line-height: 36px;
    font-size: 24px;
    margin:0 auto;
    margin-bottom: 10px;
}

/*客户案例*/
.case{
    padding-bottom: 44px;
}
.case .case-title{
    height:32px;
    border-bottom: 1px dashed #CDE0FF;
    line-height: 32px;
    color:#4a6782;
    font-size: 18px;
}
.case .case-title a{
    color:#ff5d74;
    font-size: 12px;
    font-family: 'Arial';
}
.case ul{
    padding-top: 38px;
}
.case ul>li{
    height:157px;
    float: left;
    margin-right: 20px;
    width:260px;
}
.case ul>li a{
    background: url("../images/case.png") no-repeat center 36px #F0F6FF;
    padding-top:110px;
    height:47px;
    text-align: center;
    color:#838383;
    font-size: 14px;
    font-family: 'Arial';
    display: inline-block;
    width:260px;
}

.m0{
    padding-bottom: 80px;
}
.m0 .m0-right{
    width:454px;
    color:#838383;
    line-height: 34px;
    font-size: 12px;
}
.m0 .m0-right .m0-right-title{
    color:#4a6782;
    font-size: 30px;
    line-height: 38px;
    margin-top: -5px;
    padding-bottom: 5px;
}
.ad7811{
    color:#ad7811;
}
.expert{
    padding-top: 80px;
    padding-bottom: 30px;
    text-align: center;
    color:#4a6782;
    font-size: 30px;
    line-height: 38px;
}
.expert .p{
    font-size: 24px;
    line-height: 32px;
}

.expert-main{
    padding-top: 15px;
}
.expert-main img{
    margin-left: 30px;
}
.expert-main .expert-main-right{
    width:412px;
    float: right;
    padding-top: 50px;
}
.expert-main .expert-main-right>li{
    width:412px;
    padding-bottom: 45px;
    color:#b5b5b5;
    font-size: 12px;
    line-height: 23px;
    text-align: left;
}
.expert-main .expert-main-right>li i{
    display: block;
    color:#6992b8;
    font-size: 18px;
    line-height: 30px;
}


.container{
    padding-top: 60px;
}
.container .aside{
    width:236px;
}
.container .aside .a-0{
    width:234px;
    height:217px;
    display: inline-block;
    margin-bottom: 35px;
}
.container .aside .a-1{
    width:235px;
    height:214px;
    display: inline-block;
    margin-bottom: 32px;
}
.container .aside .data-top{
    width:221px;
    height:46px;
    line-height: 46px;
    background: #366999;
    color:#fff;
    font-size: 14px;
    padding-left: 15px;
}
.container .aside .data-ul{
    border:1px solid #DBDBDB;
    border-top: none;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 14px;
    width:220px;
}
.container .aside .data-ul>li{
    width:220px;
    height: auto;
    zoom: 1;
    overflow: hidden;
    float: left;
    margin-bottom: 12px;
}
.container .aside .data-ul>li img{
    width:36px;
    height:36px;
    float: left;
}
.container .aside .data-ul>li .txt{
    width:170px;
    margin-left: 14px;
    color:#949393;
    font-size: 12px;
    line-height: 20px;
}
.container .aside .data-ul>li a{
    display: block;
    color:#666666;
}
.container .news-main{
    width:806px;
}
.container .news-main .news-title{
    line-height: 42px;
    color:#6992b8;
    font-size: 18px;
    margin-top: -10px;
    border-bottom: 1px dashed #CBDEFE;
}
.container .news-main ul{
    width:806px;
}
.container .news-main ul>li{
    width:806px;
    padding-top: 20px;
    padding-bottom: 20px;
    color:#666666;
    text-align: justify;
    line-height: 28px;
    border-bottom: 1px dashed #E5E5E5;
}
.container .news-main ul>li a{
    font-size: 14px;
    color:#787878;
    font-weight: 700;
    display: block;
    line-height: 34px;
}

.container .news-main .pager{
    padding-top: 40px;
    padding-bottom: 40px;
    height:40px;
    text-align: right;
}
.container .news-main .pager a{
    width:40px;
    height:40px;
    background: #DBDBDB;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    color:#666;
    font-size: 16px;
    vertical-align: top;
    margin-left: 10px;
}
.container .news-main .pager a:hover,.container .news-main .pager a.current{
    background: #366999;
    color: #fff;
}