@charset "utf-8";
/* CSS Document */
/*banner*/
.main-img { width: 100%; height: 400px; padding-top: 85px; box-sizing: border-box; color: #fff; text-align: left; background: url(../channel/main-img.jpg) no-repeat center top;}
.main-img h2 { font-size: 50px;color: #ffffff}
.main-img h2 span { color: #ffff6b;}
.main-img p { padding: 10px 0 40px; color: #FEFEFE; font-size: 18px; font-family: PingFangSC-Light, "MicroSoft YaHei"; line-height: 1.8;}
.main-img .btn { display: inline-block; width: 130px; height: 38px; padding: 0; font-size: 20px; line-height: 38px; color: #fff; border:1px solid #fff; border-radius: 4px; transition: all .3s;}
.main-img .btn:hover { color: #0D89E9; background: #fff;}
.main-img p.tel { padding: 10px 0 0; font-size: 14px; color: #fffefe;}

/*内容模块*/
.container-wrap { min-width: 1100px;}
.container { width: 1100px; padding: 75px 0 80px; margin: 0 auto;}
.container .title { position: relative; margin-bottom: 15px; font-size: 30px; line-height: 40px; color: #333; text-align: center;}
.container .title span { padding-left: 15px; color: #ff5339;}
.container .title .title-line { display: block; width: 46px; height: 2px; margin: 20px auto 50px; background: #37a0f5;}
.container .subtitle { padding: 20px 0 10px; font-size: 24px; line-height: 50px; color: #333; text-align: center;}
.container .desc { width: 900px; padding-bottom: 50px; margin: 0 auto; font-size: 15px; line-height: 1.8; color: #666; text-align: center;}
.container ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container li { float: left; line-height: 24px; text-align: center;}
.container li .ibonfont { display: block; font-size: 68px; line-height: 68px; color: #fff;}
.container li h3 { font-size: 16px; color: #333;}
.container li p { padding-top: 10px; font-size: 14px; color: #666;}
.container .btn-box { padding-top: 30px; text-align: center;}
.container .btn { display: inline-block; padding: 12px 50px; font-size: 16px; color: #666; border: 1px solid #bbc0ce; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.container .btn:hover { color: #fff; background: #2ea7e0; border-color: #2ea7e0;}
.container .btn-primary { color: #fff; background: #2ea7e0; border: 1px solid #2ea7e0;}
.container .notice { color: #82939e;}

/*全渠道一体化管理*/
.module2{ background: url(../channel/module1-bg.jpg) no-repeat center center; background-size: cover;}
.module2 .title,.module2 .desc{color: #fff;}
.module2 ul{ width: 990px; display: flex; margin: 30px auto;}
.module2 li { font-size: 16px; color: #fff; flex: 1;}
.module2 li i{ font-size: 70px; margin-bottom: 25px;}
.module1 img ,.module2 img { margin: 16px auto 20px;display: block}


/*SCRM客户运营*/
.module3 .tab{ border-bottom: 1px solid #E6E6E6; margin-bottom: 50px;}
.module3 .tab li{position: relative;  display: inline-block; width: 33%;}
.module3 .tab li span{ cursor: pointer; font-size: 20px; color: #333; text-align: center; line-height: 72px;  }
.module3 .tab li::after{ content: " "; position: absolute; background:#3F74FB; height: 5px; width: 100px; bottom: 0px; left: 50%; margin-left: -50px; display: none;}
.module3 .tab li.active::after{ display: block;}

.module3 .products{ text-align: center;}
.module3-1{ position: relative;}
.module3-1 .desc{color:#666666; font-size: 18px;}
.module3-1 img{ margin:50px auto;}
.module3-1 ul{ position: absolute; top: 100px; left: 0px; right: 0px; bottom: 0px;}
.module3-1 ul li { font-size: 18px; color: #666; position: absolute; width: 300px; display: block;}
.module3-1 ul li i{ width: 18px; height: 18px; vertical-align:middle; margin-top: 3px; display: inline-block; border-radius: 99%; background: #3F74FB;}
.module3-1 ul li.left{ text-align: right; position: absolute; left: 100px;}
.module3-1 ul li.left i{ float: right; margin-left: 20px;}
.module3-1 ul li.right{ text-align:left; position: absolute; right: 100px;}
.module3-1 ul li.right i{ float: left; margin-right: 20px;}
.module3-2 ul{display: flex; width: 800px; margin: auto; padding-bottom: 25px;}
.module3-2 ul.top{border-bottom: 1px solid #3F74FB; }
.module3-2 ul.top li{ font-size: 20px; color: #3F74FB; flex: 1;}
.module3-2 ul.top li i.ibonfont{ font-size: 68px; color: #3F74FB; margin-bottom: 15px;}
.module3-2 ul.bottom{ margin-top: 15px;}
.module3-2 ul.bottom li{flex: 1;}
.module3-2 ul.bottom li span{ font-size: 16px; color: #666; line-height: 28px; display: block; text-align: center;}
.module3-3 ul{ display: flex; width: 990px; margin: auto;}
.module3-3 ul li { text-align: center; padding: 25px 0; flex: 1; border: 1px solid #3F74FB; border-radius:10px; margin-left: 60px;}
.module3-3 ul li i.ibonfont{ font-size: 50px; color: #3F74FB; margin-bottom: 15px;}
.module3-3 ul li h5{ font-size: 20px; color: #333; margin-bottom: 10px; font-weight: bold;}
.module3-3 ul li p{ font-size: 16px; color: #666;}

/*O2O系统 重点功能场景应用*/
.module4 { background: url(../channel/module2-bg.png) no-repeat center center; background-size: cover;}
.module4 .desc { color: #fff;}
.module4-tab { width: 665px; display: block; margin: 0 auto;}
.module4-tab li { display: block; width: 133px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; cursor: pointer; background: #464d5b; background: rgba(255,255,255,.1);}
.module4-tab li.active { background: #00a0e9;}
.module4-item { position: relative; z-index: 1; height: 376px; padding-top: 55px; color: #fff;}
.module4-item h3 { padding-top: 28px; font-size: 22px; color: #ffffff}
.module4-item h3 span { margin-left: 10px; font-size: 16px; vertical-align: bottom;}
.module4-item ul { width: 640px; float: left; font-size: 14px; margin-top: 32px;}
.module4-item ul li { width: 113px; line-height: 40px; margin-left: 14px; margin-bottom: 14px; border: 1px dashed #646971;color: #ffffff}
.module4-item img { position: absolute; top: 55px; right: -38px;}
.module4-item .w664 { width: 688px;}

.module5 li { width: 260px; height: 320px; margin-left: 17px; margin-bottom: 16px; border-radius: 5px; position: relative;}
.module5 li .pic { width: 68px; height: 68px;}
.module5 li .text { text-align: left; padding: 20px 18px 0 18px;}
.module5 li img { width: 100%;}
.module5 li .ibonfont { position: absolute; top: 35px; left: 104px; font-size: 58px}
.module5 li h3 { font-size: 20px; text-align: left; padding: 20px 18px 12px 18px;}
.module5 li p { text-align: left; padding: 0 18px;}

/*他们都选择安菲云商*/
.module6 { padding-top:30px; padding-bottom: 50px;}
.module6 .case-list { padding: 20px 0 40px;}
.module6 .case-list li { position: relative; float: left; width: 150px; height: 90px; margin: 0 16px; overflow: hidden;}
.module6 .case-list li img { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -65px;}
.module6 .btn { display: block; width: 144px; height: 38px; margin: 0 auto; font-size: 14px; line-height: 38px; color: #488aff; background: transparent; border: 1px solid #488aff; border-radius: 4px; transition: all .2s;}
.module6 .btn:hover { color: #fff; background: #488aff;}

/*安菲云商的企业优势*/
.module7 { background-color: #ffffff}
.module7 .container { padding: 50px 0 40px;}
.module7 li { width: 356px; height: 110px; box-sizing: border-box; padding: 22px 18px 22px 35px; margin: 0 0 16px 16px; overflow: hidden; background: #f5faff; border: 1px solid #a0a0a0; border-radius: 8px;}
.module7 li h3 { float: left; width: 230px; padding: 9px 0; font-size: 14px; text-align: left;}
.module7 li.special h3 { line-height: 48px;}
.module7 li .ibonfont { float: right; width: 60px; height: 60px; margin: 0 !important; font-size: 40px; line-height: 60px; color: #e0e4e8; overflow: hidden; border: 3px solid #e8ecf1; border-radius: 50%;}
.module7 li .ibonfont.landaojia { font-size: 55px;}
.module7 li .ibonfont.year { font-size: 36px; text-indent: -3px;}
.module7 .btn-wrap { padding: 60px 0 35px; text-align: center;}
.module7 .btn-wrap .btn { height: 34px; padding: 0 26px; margin: 0 5px; font-size: 16px; line-height: 34px; color: #fff; border: 1px solid #fff; border-radius: 0;}
.module7 .btn-wrap .btn-white { color: #37a0f5; background: #fff !important;}
.module7 .btn-wrap .btn:hover { background: rgba(255,255,255,.1);}