﻿@charset "utf-8";
/* CSS Document */
body{font-family:"微软雅黑",Arial,Verdana;font-size:12px;background: #fafafa url("../img/bg.png") no-repeat center top;}
html, body, div, form, p, a, h1, h2, h3, h4, h5, h6, img, table, td, th, input, span, section, header, footer, nav, article, aside, fieldset, textarea, dl, dt, dd, blockquote, ul, ol,select,option{ margin: 0; padding: 0;color: #333;}
a img{border:none;vertical-align: top;}
ol,ul {list-style: none;}
li{ list-style-type: none;}
a:link{text-decoration:none;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
.ov{overflow: hidden}

.banner{width: 100%;}

.warp{width: 60%;margin: 0 auto;}
.index-nav{width: 100%;overflow: hidden;position: relative;top: -83px;left: 0;background: url("../img/bg-img.png") repeat-x;}
.index-nav ul li{float: left;width: 16.6%;height: 83px;line-height: 83px;text-align: center}
.index-nav ul li a{font-size: 20px;color: #333;display: block;width: 100%;font-weight: bold}
.index-nav ul li.active{background: #fff;border-bottom: 4px solid #4562b1;font-weight:bold}
.index-nav ul li.active a{color: #2258ec}
.scrollNav{position: fixed;left: 0;top: 0;width: 100%;background: #dbe6fe ;z-index: 999}
.scrollNav ul{width: 60%;margin: 0 auto}
.bg01{width: 100%;height: 593px;position: relative;top: -84px;}
.video-box{overflow: hidden;;position: relative;top: -50px;left: 0;}
.video-box-l{width:52%;float: left;margin-top: 3%;background: #fff;padding: 2%;}
.video-box-r{width:38%;float: right;margin-top: 5%;}
.video-box-r h3{font-size: 22px;line-height: 60px;}
.video-box-r p{font-size: 16px;line-height: 32px;color: #6d758e;margin-top:3%}
.btn{margin-top: 5%;display: block}
/*行业大师课*/
/*.hydsk{margin-top: 2%}*/
.title{text-align: center;color: #333;font-size: 24px;font-weight: bold;line-height: 100px;}
.hydsk-a{width: 24%;background: #fff;padding-bottom: 3%;margin-right: 1%;float: left;height: 250px}
.hydsk-a p{padding:5% 5% 0 5%;height: 60px;}
.hydsk-a p a{font-size: 14px;color: #666}
.hydsk-a span{color: #4861df;font-size: 16px;display: block;line-height: 32px;padding:0 5%}
a.btn-dj{display: block;width: 30%;line-height: 32px;background: #4861df;color: #fff;text-align: center;font-size: 14px;margin: 2% 0 0 5%}
.hydsk-b{width:23%;float: right;border: 5px solid #bac3f0;background: #fff;overflow: hidden;height: 275px}
/*产品测评*/
.product-cp{margin-top: 1%;}
.product-cp-l img{margin-left: 15%;position: relative;top: -30px;float: left}
.product-cp-r{float: left;margin-left: 5%;width: 40%}
.product-cp-r p{font-size: 20px;margin-top: 5%}

/*行业爆款*/
.hybk{background: #fff;box-shadow: 0px 0px 5px 5px #eceffa;padding: 2%;opacity: 0.8}
.hybk ul li{float: left;width: 23.5%;margin-right: 2%}
.hybk ul li p{font-size: 14px;color: #fff;line-height: 20px;height: 80px;}
.hybk-txt{background: url("../img/bg4.png") no-repeat; background-size:100% 100%;padding: 6%;}
.hybk-txt-jg{width: 100%;margin: 0 auto;padding-bottom: 2%}
.hybk-txt-jg-l{width: 100%;color: #fff;font-size: 40px;text-align: center;line-height: 40px;}
.hybk-txt-jg-r{width: 30%;margin-top:5%}
.hybk-txt-jg-r span{color: #fff;font-size:16px;display: block}
/*.hybk ul li span{font-size: 14px;margin-top: 2%;display: block}*/
/*.hybk ul li a{display: block;border: 1px solid #4861df;width: 50%;margin: 5% auto;color: #4861df;line-height: 32px;font-size: 16px;text-align: center}*/
.lj-xq{display: block;width: 80%;margin:0 auto;color: #3b47af;line-height: 32px;font-size: 16px;text-align: center;background: #fff;border-radius: 20px;font-weight: bold}
.more-product{text-align: center;font-size: 16px;color: #4861df;line-height: 40px;display: block;margin-top: 2%}

/*案例智库*/
.alzc{padding-left: 5%}
.alzc ul li{width: 28%;margin-right: 5%;float: left}
.alzc ul li p{font-size: 16px;margin-top: 2%;padding: 0 3%;height: 36px;}
.alzc ul li span{padding: 0 3%;font-size: 14px;margin-top: 2%;display: block;height: 80px;}
.alzc ul li a{display: block;width: 35%;margin-left: 3%;margin-top: 3%}
/*news*/
.news{background: url("../img/bg3.png") no-repeat left top;width: 100%}
.news-l{width: 20%;float: left;padding-top: 5%}
.news-l h3{font-size: 36px;font-weight: bold;color: #fff;}
.news-r{width: 70%;background: #fff;float: left;padding: 3% 5%;}
.news-r h3{font-size: 20px;font-weight: bold;color: #333}
.news-r li{overflow:hidden;border-top: 2px solid #eef2f7;margin-top: 3%;padding-top: 3%}
.img-l{width: 20%;float: left}
.txt-r{width: 77%;float: right;}
.txt-r h4{font-size: 18px;font-weight: bold}
.txt-r p{font-size: 16px;margin-top: 1%}
.txt-r p span{color: #4861df}
/*下载白皮书*/
.download{margin-top: 3%;padding-bottom: 8%}
.download ul li{width: 45%;background: #dee3f8;overflow: hidden;}
.download-img-l{width: 50%;float: left;}
.download-txt{width: 50%;float: left;}
.download-txt span{width: 15%;display: block;height: 20px;background: #dee3f8;float: right}
.download-txt-top{background: #f4f6fb;padding-left: 5%;padding-bottom: 10%}
.download-txt-top p{font-size: 18px;line-height: 28px;color: #333}
a.a-download{display: block;width: 35%;line-height: 30px;border: 2px solid #4861df;color: #4861df;font-size: 16px;text-align: center;margin: 15% 0 0 10%}
.fq{width: 8%;position: absolute;right: 10%;bottom:-10%;}
.fq img{display: block;}
.scrollNav2{position: fixed;right: 10%;;top: 20%;z-index: 999}

@media screen and (max-width: 1000px) {
    body{font-family:"微软雅黑",Arial,Verdana;font-size:12px;background: #fafafa url("../img/bg2.png") no-repeat center top;}
    .warp{width: 95%;}
    .scrollNav ul{width: 100%;margin: 0 auto}
    .video-box-r{width:38%;}
    .video-box-r h3{line-height: 44px;}
    .news-r li{margin-top: 2%;padding-top: 2%}
    .img-l{width: 25%;float: left}
    .txt-r{width: 72%;float: right;}
    .fq,.scrollNav2{width: 20%;position: fixed;right: 5%;bottom: 15%;}
    .scrollNav2{top: auto; }
    .hydsk-b{width:23%;height: 270px}
    .alzc ul li p{height: 36px;}
    .alzc ul li span{padding: 0 3%;font-size: 14px;margin-top: 2%;display: block;height: 80px;}



}