/*初始化*/
*{margin:0;padding:0;}
ul li{list-style:none;}
a{text-decoration:none}
body{font-family:"微软雅黑"}
#topone{width:100%;height:1100px;}
#tophead{background-image:url("../img/bannar.png")/*tpa=http://www.yalicrm.com/img/bannar.png*/; margin: 0px;overflow: hidden;height:727px;}
/*top*/
.top-position{width:100%;height:1000px;position:absolute;top:0px;}
.tophead{width:100%;height:1000px;overflow:hidden;}
.tophead .ul-nav{width:100%;height:35px;margin-top:20px;}
.tophead .ul-nav li{float:right;width:120px;height:35px;text-align:center;line-height:35px;margin-right:4%;}
.tophead .ul-nav li a{display:block;width:120px;height:35px;text-align:center;line-height:35px;font-size:18px;color:#fff;}
.tophead .ul-nav a:hover{background:#41cf5e;}
.tophead .toplogo{width:29%;height:170px;margin:11% 0 0 8%;}
.tophead .toplogo .logoimg,.tophead .toplogo .logoimg img{width:537px;height:45px;}
.tophead .toplogo .logo-text{width:100%;height:30px;margin-top:25px;}
.tophead .toplogo .logo-text p{color:#fff;font-size:18px;}
.tophead .toplogo .logo-button{width:120px;height:35px;text-align:center;line-height:35px;margin-top:30px;background:#41cf5e;}
.tophead .toplogo .logo-button a{color:#fff;font-size:16px;}
.tophead .toplogo .logo-button a:hover{text-decoration:underline;}
/*电脑*/
.computer{width:896px;height:721px;float:right;margin:-17% 5% 0 0%;}
.computer img{width:896px;height:721px;float:right;margin:17% 5% 0 0%;}
/*描述*/
.jianjie{width:100%;height:170px;}
.jianjie  p{width:946px;height:170px;margin:0 auto;line-height:45px; text-align:center;}
.jianjie p span{font-size:38px;color:#45a2ff;}
.jianjie p .dianone{margin-right:35px;}
.jianjie p .diantwo{margin-left:35px;}
/*.jianjie .jianjie-text{width:946px;height:200px;margin:0 auto;}*/

/*功能展示*/
.functions{width:100%;height:857px;margin-top:80px;}
.functions .fun-list{width:1200px;height:857px;margin:0 auto;}
.cl{ zoom:1;}
.r { float:right}
.l { float:left} 
.pt20{ padding-top:20px;}
.w1200{ width:1200px; margin:0 auto;}
.title{text-align:center; padding:20px 0 15px 0;}
.title p{display:inline-block; text-align:center;width:90px;height:1px;background:#e4e4e4;}
.title .heng-p{background:#45a2ff}
.title h1{font-size:40px;font-weight:normal;color:#5b6c79;}
.important{ padding:20px 0 50px 0;}
.important li{ float:left; margin-right:1%;margin-left:7%;}
.important li a{ display:block;width:143px; height:143px; display:block; padding:21px;border-radius:15px;background:#fff;}
.important li:hover a{background:#fff;}
.important li span{ width:143px; height:143px; display:block;}
.important .rcsp_1 span{ background:url("../img/iconone.png")/*tpa=http://www.yalicrm.com/img/iconone.png*/ no-repeat bottom center;}
.important .rcsp_2 span{ background:url("../img/icontwo.png")/*tpa=http://www.yalicrm.com/img/icontwo.png*/ no-repeat bottom center;}
.important .rcsp_3 span{ background:url("../img/iconthree.png")/*tpa=http://www.yalicrm.com/img/iconthree.png*/ no-repeat bottom center;}
.important .rcsp_4 span{ background:url("../img/iconfour.png")/*tpa=http://www.yalicrm.com/img/iconfour.png*/ no-repeat bottom center;}
.w1200 .important .rcsp_1:hover span, .w1200 .important .rcsp_2:hover span,.w1200 .important .rcsp_3:hover span,.w1200 .important .rcsp_4:hover span{transition:background 0.3s;
-moz-transition: background 0.3s;-ms-transition: background 0.3s;-webkit-transition: background 0.3s;-o-transition: background 0.3s;}
.w1200 .important .rcsp_1:hover span{background:url("../img/icon1.png")/*tpa=http://www.yalicrm.com/img/icon1.png*/ no-repeat top center;-webkit-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);-moz-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);-ms-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);box-shadow:0px 0px 40px rgba(69, 162, 255, .8); border-radius:50%;}   
.w1200 .important .rcsp_2:hover span{ background:url("../img/icon2.png")/*tpa=http://www.yalicrm.com/img/icon2.png*/ no-repeat top center;-webkit-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);-moz-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);-ms-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);box-shadow:0px 0px 40px rgba(69, 162, 255, .8); border-radius:50%;}   
.w1200 .important .rcsp_3:hover span{ background:url("../img/icon3.png")/*tpa=http://www.yalicrm.com/img/icon3.png*/ no-repeat top center;-webkit-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);-moz-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);-ms-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);box-shadow:0px 0px 40px rgba(69, 162, 255, .8); border-radius:50%;}   
.w1200 .important .rcsp_4 span:hover{ background:url("../img/icon4.png")/*tpa=http://www.yalicrm.com/img/icon4.png*/ no-repeat top center;-webkit-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);-moz-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);-ms-box-shadow:0px 0px 40px rgba(69, 162, 255, .8);box-shadow:0px 0px 40px rgba(69, 162, 255, .8); border-radius:50%;}    
.important li p{ line-height:18px;text-align:center; display:block; color:#5b6c79;}
.important_l{float:left; width:713px;}
.important_l img{width:713px;height:402px;margin-top:30px;}
.important_r{ float:right;padding:0px 0px 0px 0px;width:457px;margin-top:90px;}
.title_1 h2{ font-size:36px;color:#5b6c79;padding-bottom:5px;font-weight:normal;}
.title_1 p{ font-size:18px;color:#5b6c79;margin-top:30px;line-height:30px;}
/*功能展示end*/

/*特色功能展示*/
.tese{width:100%;height:2050px;}
.tese .tese-area{width:1200px;height:2050px;margin:0 auto;}
.tese .tese-area .tese-title{width:100%;height:80px;text-align:center;}
.tese .tese-area .tese-title h1{font-size:40px;font-weight:normal;color:#5b6c79;text-align:center;}
.tese .tese-area .tese-title p{display:inline-block;width:90px;height:1px;background:#e4e4e4;}
.tese .tese-area .tese-title .heng-p{background:#45a2ff}
.tese .tese-area .tese-list{width:100%;height:384px;margin-top:100px;}
.tese .tese-area .tese-list .listone{width:482px;height:384px;}
.tese .tese-area .tese-list .listone .listtext{width:100%;margin-top:90px;}
.tese .tese-area .tese-list .listone .listtext h3{font-size:36px;font-weight:normal;color:#5b6c79;}
.tese .tese-area .tese-list .listone .listtext p{font-size:18px;color:#5b6c79;line-height:30px;margin-top:20px;}
.tese .tese-area .tese-list .listone .listtext p a{font-size:16px;color:#41cf5e}
.tese .tese-area .tese-list .listone .listtext p a:hover{text-decoration:underline;}
.tese .tese-area .tese-list .listtwo{width:718px;height:384px;}
.tese .tese-area .tese-list .listone .listtexttwo{margin-top:95px;}

/*更新日志标题*/
.update-title{width:1200px;height:80px;text-align:center;margin:50px auto 0;}
.update-title h1{font-size:40px;font-weight:normal;color:#5b6c79;text-align:center;}
.update-title p{display:inline-block;width:90px;height:1px;background:#e4e4e4;}
.update-title .heng-p{background:#45a2ff}

/*footer*/
.footer{width:100%;height:398px;background:url("../img/footer.png")/*tpa=http://www.yalicrm.com/img/footer.png*/;margin-top:100px;overflow:hidden;}
.footer p{width:140px;height:40px;margin:0 auto;background:#41cf5e;margin-top:250px;text-align:center;line-height:40px;}
.footer p a{color:#fff;}
.footer p a:hover{text-decoration:underline;}
.footed{width:100%;height:73px;background:#3f4a53;}
.footed .foot-area{width:1200px;height:73px;margin:0 auto;}
.footed .foot-area p{float:left;}
.footed .foot-area .pone,.footed .foot-area .pqq{height:73px;color:#7a8994;line-height:73px;}
.footed .foot-area .pone{width:60%;}
.footed .foot-area .pimg{width:3%;margin-top:28px;}
.footed .foot-area .pqq{width:20%;}
/*链接选中样式*/
.ul-but a.set{background:#41cf5e;color:#fff;}

/*三.服务须知*/
/*top-nav*/
.ser-top{width:100%;height:362px;background-image:url("../img/ser-bannar.png")/*tpa=http://www.yalicrm.com/img/ser-bannar.png*/;overflow:hidden;}
.ser-top .ul-nav{width:100%;height:35px;margin-top:20px;}
.ser-top .ul-nav li{float:right;width:120px;height:35px;text-align:center;line-height:35px;margin-right:4%;}
.ser-top .ul-nav li a{display:block;width:120px;height:35px;text-align:center;line-height:35px;font-size:18px;color:#fff;}
.ser-top .ul-nav a:hover{background:#41cf5e;}
.sertop-logo{width:540px;height:170px;margin:60px auto 0;}
.sertop-logo .logoimg img{width:537px;height:45px;}
.sertop-logo .logo-text{width:100%;height:30px;margin-top:34px;}
.sertop-logo .logo-text p{color:#fff;font-size:18px;text-align:center;}
.sertop-logo .logo-button{width:120px;height:35px;text-align:center;line-height:35px;background:#41cf5e;margin:20px auto 0}
.sertop-logo .logo-button a{color:#fff;font-size:16px;}
.sertop-logo .logo-button a:hover{text-decoration:underline;}
/*服务列表*/
.server-list{width:100%;height:960px;margin-top:80px;}
.server-list .server-one{width:1219px;height:460px;margin:0 auto;}
.server-list .server-one li{float:left;width:25%;height:300px;margin-top:80px;}
.server-one .title{text-align:center;padding:0px 0 15px 0;}
.server-one .title p{display:inline-block;text-align:center;width:90px;height:1px;background:#e4e4e4;}
.server-one .title .heng-p{background:#45a2ff}
.server-one .title h1{font-size:40px;font-weight:normal;color:#5b6c79;}
.server-list .server-one li .ser-lione,.server-list .server-two li .ser-lione{width:171px;height:300px;margin:0 auto;}
.server-list .server-one li .ser-lione p,.server-list .server-two li .ser-lione p{text-align:center;}
.server-list .server-one li .ser-lione p:nth-child(2),.server-list .server-two li .ser-lione p:nth-child(2){font-size:16px;color:#5b6c79;margin-top:24px;}
.server-list .server-one li .ser-lione p:nth-child(3),.server-list .server-two li .ser-lione p:nth-child(3){font-size:14px;color:#8899a6;margin-top:17px;}
.server-list .server-two{width:900px;height:300px;margin:0 auto;}
.server-list .server-two li{float:left;width:33%;height:300px;}

/*服务说明*/
.ser-jianjie{height:350px;}
.jianjieone{width:946px;height:auto;margin:0 auto;text-align:center;}
.jianjieone .dianone{float:left;font-size:38px;color:#45a2ff;} 
.jianjieone .diantwo{float:right;font-size:38px;color:#45a2ff;}
.jianjieone .ser-text{width:550px;height:auto;margin:0 auto;}
.jianjieone .ser-text p{width:450px;height:auto;font-size:18px;color:#8899a6;line-height:30px;margin-top:20px;}
.jianjieone h6{font-size:24px;color:#5b6c79;font-weight:normal;margin-top:0px;}

/*服务表格*/
.ser-tabel{width:100%;height:auto;/*padding-bottom:0px;*/}
.ser-tabel .tabel-area{width:1219px;height:auto;margin:0 auto;-webkit-box-shadow:0px 0px 160px rgba(221, 234, 248, .8);-moz-box-shadow:0px 0px 160px rgba(221, 234, 248, .8);-ms-box-shadow:0px 0px 160px rgba(221, 234, 248, .8);box-shadow:0px 0px 160px rgba(221, 234, 248, .8);}
.ser-tabel .tabel-area .tabel-title{width:100%;height:60px;}
.ser-tabel .tabel-area .tabel-title p:nth-child(1){width:100%;height:4px;background:#007eff;}
.ser-tabel .tabel-area .tabel-title p:nth-child(2){width:100%;height:56px;background:#45a2ff;font-size:22px;color:#ffffff;line-height:56px;text-align:center;}
.ser-tabel .tabel-area li{width:1219px;height:56px;margin-top:1px;}
.ser-tabel .tabel-area li p{width:25%;height:56px;float:left;}
.ser-tabel .tabel-area .titleone p{font-size:20px;color:#45a2ff;line-height:56px;text-align:center;}
.ser-tabel .tabel-area .titletwo p{font-size:16px;color:#5b6c79;line-height:56px;text-align:center;}
.ser-tabel .tabel-area li:nth-child(odd){background:#ecf2f9;}
.ser-tabel .tabel-area li:nth-child(even){background:#ddeaf8;}