.clearfix:after{ content: ''; display: block; clear: both; width: 0; height: 0;}
/*banner*/

.app-banner{ width: 100%; height:620px; background-repeat: no-repeat; background-position: center top;}
.app-banner.exam{ background-image:url(/newimages/crm/exam-1.jpg);}
.app-banner .banner-tex{ text-align: center; color: #fff; padding-top: 155px;}
.app-banner .banner-tex h4{ font-size: 48px; font-weight:lighter; line-height: 58px; margin-top: 25px;}
.app-banner .banner-tex p{ font-size: 24px; line-height: 30px;}
.app-banner .banner-tex span{ margin-top:20px; display:block; font-size:30px; line-height: 40px;}
.app-banner .banner-bot{ margin-top: 45px;}
.app-banner .banner-btn{ margin-top: 15px; display:block; position: relative;}
.app-banner .banner-btn p{ width: 100px; text-align: right; color: #fff; font-size: 20px; display: inline-block;}
.app-banner .banner-btn a{ margin-left: 20px; display:inline-block; line-height:50px; width: 238px; border: 1px solid #ff6800; color: #ff6800; font-size:18px;}
.app-banner .banner-btn a.on{ background-color: #ff6800; color: #fff;}
.app-banner .banner-btn a:hover{ background-color: #ec6000; color: #fff;}
.app-banner .banner-btn dl{ display:none; z-index: 2; position: absolute; top:82px; right:50%; margin-right:-287.5px; padding: 15px 10px; border: 1px solid #ededed; background-color: #fff; text-align: center;}
.app-banner .banner-btn dt img{ width: 137px; height: 137px; padding: 13px; border: 1px solid #ededed;}
.app-banner .banner-btn dd{ color: #ff6800; font-size: 16px; padding-top: 15px; line-height: 16px;}
.app-banner .banner-btn dl sup{ position: absolute; left:50%; margin-left: -10px; top: -19px; display: block; border: 10px solid transparent;
    border-bottom: 9px solid #fff;
    width: 0;
    height: 0px;
    }
/*Ã�’Æâ€�Ã�â� Ã¢â‚¬â„¢Ã��’‚Ã�â�šÃ‚¨Ã��’Æâ€�Ã�â�šÃ‚¢Ã��’¢Ã��¢Ã¢â‚¬Å¡Ã‚¬Ã�â�¦Ã‚¡Ã��’‚Ã�â�šÃ‚¬Ã��’Æâ€�Ã��¢Ã¢â�š�¬Ã‚ Ã��’¢Ã��¢Ã¢â‚¬Å¡Ã‚¬Ã��¢Ã¢â‚¬Å¾Ã‚¢Ã��’Æâ€�Ã�â� Ã¢â‚¬â„¢Ã��’‚Ã�â�šÃ‚¨Ã��’Æâ€�Ã��¢Ã¢â�š�¬Ã…¡Ã��’‚Ã�â�šÃ‚¯Ã��’Æâ€�Ã�â�šÃ‚¢Ã��’¢Ã��¢Ã¢â�š�¬Ã…¡Ã�â�šÃ‚¬Ã��’‚Ã�â�šÃ‚¢Ã��’Æâ€�Ã�â� Ã¢â‚¬â„¢Ã��’‚Ã�â�šÃ‚§Ã��’Æâ€�Ã��¢Ã¢â�š�¬Ã…¡Ã��’‚Ã�â�šÃ‚³Ã��’Æâ€�Ã��¢Ã¢â�š�¬Ã…¡Ã��’‚Ã�â�šÃ‚»Ã��’Æâ€�Ã�â� Ã¢â‚¬â„¢Ã��’‚Ã�â�šÃ‚§Ã��’Æâ€�Ã��¢Ã¢â�š�¬Ã…¡Ã��’‚Ã�â�šÃ‚»Ã��’Æâ€�Ã��¢Ã¢â�š�¬Ã‚¦Ã��’‚Ã�â�šÃ‚Â�*/
.app-main{ min-width: 1200px;}
.exam-o{ margin-top: -104px; padding-bottom: 60px;}
.exam-o-img{ text-align: center;}
.exam-o-img img{ display: inline-block;}
.exam-o-problem{ margin-top: 40px;}
.exam-tit{ text-align: center; margin-bottom: 40px;}
.exam-tit h4{ color: #333; font-size: 30px; line-height: 46px; font-weight: normal;}
.exam-tit p{ color: #999; font-size: 16px; line-height: 28px;}
.exam-o-problem-con .box{ padding: 40px 0; width: 570px; -moz-box-shadow:0 5px 25px rgba(0,0,0,.1);;-webkit-box-shadow:0 5px 25px rgba(0,0,0,.1);;box-shadow:0 5px 25px rgba(0,0,0,.1);}
.exam-o-problem-con .box:before{ content: ''; float: left; display: block; width: 123px; height: 122px; background: url(/newimages/crm/exam-3.png) no-repeat; background-position: 0 -355px; margin: 20px 38px 0 42px;}
.exam-o-problem-con .box-con{ float: left;}
.exam-o-problem-con h4{ color: #ff6800; font-size: 24px; font-weight: normal; line-height: 24px;}
.exam-o-problem-con ul{ margin-top: 20px;}
.exam-o-problem-con li{ font-size: 14px; color: #666; line-height: 17px; padding-left: 25px; margin:12px 0 0 0; background: url(/newimages/crm/exam-3.png) no-repeat; background-position: 0 -599px;}
.exam-o-problem-con .fr.box:before{ background-position: 0 -477px;}
.exam-o-problem-con .fr h4{ color: #a5d76e;}
.exam-o-problem-con .fr li{ background-position: 0 -616px;}
.exam-o-function{ margin-top: 60px;}
.exam-o-function ul{ margin-left: -53px;}
.exam-o-function li{ width: 260px; margin-left: 53px; padding: 35px 0 40px; float: left; text-align: center; -moz-box-shadow:0 5px 25px rgba(0,0,0,.1);;-webkit-box-shadow:0 5px 25px rgba(0,0,0,.1);;box-shadow:0 5px 25px rgba(0,0,0,.1);}
.exam-o-function .li-img{ width: 94px; height: 87px; margin: 0 auto;}
.exam-o-function .li-img span{ display: block; float: left; width: 94px; height: 82px; margin: 2.5px 0 0 0; background: url(/newimages/crm/exam-3.png) no-repeat; background-position: 0 -273px;}
.exam-o-function li:nth-child(2) .li-img span{ width: 60px; height: 87px; margin: 0 0 0 17px; background-position: 0 -108px;}
.exam-o-function li:nth-child(3) .li-img span{ width: 56px; height: 71px; margin: 8px 0 0 19px; background-position: 0 -37px;}
.exam-o-function li:nth-child(4) .li-img span{ width: 70px; height: 78px; margin: 4.5px 0 0 12px; background-position: 0 -195px;}
.exam-o-function dl{ margin-top: 30px;}
.exam-o-function dt{ color: #333; font-size: 24px; line-height: 24px;}
.exam-o-function dd{ color: #999; font-size: 18px; line-height: 18px; margin-top: 15px;}
.exam-o-function .tex{ text-align: center; color: #999; font-size: 16px; line-height: 24px; padding: 50px 0 0 0;}
.exam-t{ padding-top: 84px; height: 456px; overflow: hidden; background: url(/newimages/crm/exam-4.jpg) no-repeat top center; background-attachment: fixed;}
.exam-t-con{ background-color: #fff; height: 380px;}
.exam-t-con .fl{ position: relative; width: 50%; height: 100%; background: url(/newimages/crm/exam-6.png) center no-repeat #f7f7f7;}
.exam-t-con .flA{position: absolute; left: 0; bottom: 20px; right: 0; text-align: center;}
.exam-t-con .fl a{  display: inline-block; line-height: 30px; color: #ff6800; border: 1px solid #ff6800; padding: 0 10px; font-size: 14px;}
.exam-t-con .fl a:hover{ color: #fff; background-color: #ff6800;}.exam-t-con .fr{ margin-top: 30px; color: #999;}
.exam-t-body{ padding: 0 30px; float: left; border-right: 1px solid #eee; width: 239px;}
.exam-t-body:nth-child(2){ border: 0;}
.exam-t-con .code{text-align: center; font-size: 0; width: 155px;}
.exam-t-con .code img{ padding: 10px; border: 1px solid #ccc; width: 120px; height:120px; display: inline-block;}
.exam-t-con .code p{ padding-top: 10px; font-size: 14px;}
.exam-t-con .dow { margin-top: 20px;}
.exam-t-con .dow h4{ font-weight: normal; font-size: 14px;}
.exam-t-con .dow a{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; display: block; padding:10px 25px; border: 1px solid #00aaee; color: #00aaee; font-size: 18px; margin-top: 5px;}
.exam-t-con .dow a span{ display: inline-block; line-height: 37px; padding-left: 52px; background: url(/newimages/crm/exam-3.png) no-repeat;}
.exam-t-con .dow a:hover{ background-color: #00aaee; color: #fff;}
.exam-t-con .dow p{ font-size: 12px; margin-top: 10px;}
.exam-t-con .exam-t-body:nth-child(2) .dow p{ padding: 10px 15px; border: 1px solid #E8E8E8; border-radius: 5px; font-size: 14px;}
.exam-t-con .exam-t-body:nth-child(2) .dow p span{ color: #ff6800;}
.a.exam-t-con .fl{ width: 60%;}
.a.exam-t-con .fr{ width: 40%; text-align: center;}
.a.exam-t-con .code{ margin: 0 auto;}
.a.exam-t-con .dow a{ width: 240px; margin: 5px auto;}
.exam-s dl{ padding:60px 0; border-bottom:1px solid #e4e4e4}
.exam-s dl.dl-s{ border-bottom:1px solid #e4e4e4; padding-bottom:40px; margin-bottom:0}
.exam-s dl.dl-f{ border-bottom:0; padding-bottom:45px; margin-bottom:0}
.exam-s dl h4{ color:#333; font-size:28px; line-height:30px; font-weight:normal; padding-top:88px;}
.exam-s dl p{ font-size:14px; color: #333; line-height:22px; padding-top:15px;}
.exam-s dl dd { position:relative;}
.exam-s dl dd.bounceInLeft span{ width:79px; height:178px; background:url(../images/crm-10.png) no-repeat; position:absolute; right:-40px; bottom:-40px;}
.exam-s dl dd.bounceInLeft { margin-left:45px;} 
.exam-s dl dd.bounceInRight { margin-right:45px;} 
.exam-s dl dt.bounceInLeft { margin-left:45px;} 
.exam-s dl dt.bounceInRight { margin-right:45px;} 
.exam-s .t-b{ padding:60px 0 40px; text-align:center; background: url(/newimages/crm/exam-13.jpg) no-repeat center top #f5f5f5;}
.exam-s .t-b .p-o{ color:#fc5604; font-size:36px; line-height:56px;}
.exam-s .t-b .p-o span{ display:block; color:#ff6800; font-size: 24px; padding: 15px 0;}
.exam-s .t-b a{ display:inline-block; width:240px; height:52px; text-align:center; line-height:52px; background-color:#ff6800; color:#fff; font-size:22px; margin:15px 0;}
.exam-s .t-b a:hover{ background-color:#e95f00;;}
.exam-s .t-b .p-o a{ display: inline-block; line-height: 30px; height: 30px; background-color: #96cb11; width: auto; padding: 0 10px; font-size: 16px; margin-left: 20px;}
.exam-s .t-b .p-t{ color:#fc5604; font-size:18px; line-height:28px;}

/*CRM*/
.app-banner.crm{ height: 760px; background-image:url(/newimages/crm/crm-1.jpg); position: relative;}
.app-banner.crm .banner-tex{ padding-top: 185px;}
.app-banner.crm .banner-tex h4{ font-size: 42px;}

.app-banner.crm .bannerCode{ font-size: 0; z-index: 5; position: absolute; left: 50%; margin-left:-570px; top: 320px; background-color: #fff; border: 1px solid #ccc; width: 180px; text-align: center; padding: 15px 0;}
.app-banner.crm .bannerCode img{ display: inline-block;}
.app-banner.crm .bannerCode dl{ margin-top: 15px; font-size: 14px; line-height: 1;}
.app-banner.crm .bannerCode dt{ color: #333;}
.app-banner.crm .bannerCode dt::after{content: ''; display: block; width: 20px; height: 1px; background-color: #ff6800; margin: 10px auto;}
.app-banner.crm .bannerCode dd{ color: #ff6800;}
.app-banner.crm .bannerCode a{ display: block; margin-top: 15px; color: #333; font-size: 12px;}
.app-banner.crm .bannerCode a span{ display: inline-block; padding-left: 18px; background: url(/newimages/crm/crm-3.png) no-repeat left center;}
.app-banner.crm .bannerCode a:hover{ color: #ff6800;}
.crm-main .exam-o{ margin-top: -270px;}
.crm-main .exam-o-img img{ padding-left: 90px;}
.crm-main .exam-o-problem-con .box{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; width: auto; padding-bottom: 0;}
.crm-main .exam-o-problem-con .box:before{ width: 127px; height: 127px; background-position: 0 -633px; margin-left: 0; margin-top: 0;}
.crm-main .exam-o-problem-con .box:nth-child(2):before{ height: 123px; background-position: 0 -760px;}
.crm-main .exam-t-con .fl{ background: url(/newimages/crm/exam-14.png) no-repeat center 30px #f7f7f7;}
.crm-main .exam-s dl h4{ padding-top: 70px;}
.crm-main .exam-s .t-b{ min-height:343px; padding:100px 0 30px 0 ; background: url(/newimages/crm/exam-20.jpg) no-repeat center bottom #fff;}

.examT-box{ width: 299px; border-right: 1px solid #eee; float: left;}
.examT-box:last-child{ border: 0}
.examT-box h5{ padding-left: 35px; color: #666; font-size: 14px; font-weight: bold; margin-bottom: 20px;}
.examT-box .codeCon{ text-align: center;}
.examT-box .codeCon img{ display: inline-block;}
.examT-box .codeCon p{ color: #666; font-size: 14px; line-height: 24px; margin-top: 15px;}
.examT-box .a1{ text-align: center; margin-top: 30px;}
.examT-box .a1 a{ display:inline-block;  color: #ff6800; font-size: 14px; text-decoration: underline;}
.examT-box .a2{ padding-left: 35px;}
.examT-box .a2 a{ margin-bottom: 7px; color: #ff6800; font-size: 16px; display: block; width: 193px; line-height: 46px; border: 1px solid #ff6800; padding-left: 25px; position: relative;}
.examT-box .a2 a:after{ content: ''; position: absolute; right: 15px; top: 20px; display: block; border: solid #ff6800; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.examT-box .a2 a:hover{ background-color: #ff6800; color: #fff;}
.examT-box .a2 a:hover:after{ border-color: #fff}
.crm-main .exam-s .t-b .p-o{ font-size: 30px; line-height: 42px;}
.crm-main .exam-s .t-b .p-o span{ color:#94d926; font-size: 24px; padding: 5px 0}
.crm-main .exam-s .t-b .p-t{ font-size: 16px;}
.crm-main .exam-s .t-b a{ margin: 10px 0 5px}
.crm-main .exam-s .t-b .p-s{ color: #fc5604; font-size: 16px; margin-top: 15px;}
.crm-main .exam-s .t-b .p-s a{ display: inline-block; width: 118px; line-height: 34px; height: 34px; background-color: inherit; font-size: 16px; color: #ff6800; text-align: center; border: 1px solid #ff6800}


/*****版本对æ¯â??*****/
.bbCompared{ background-color: #f5f5f5; padding: 60px 0;}
.bbCompared h4{ text-align: center; color: #333; font-size: 36px; line-height: 1; font-weight: lighter;}
.bbCompared-main{ margin-top: 45px;}
.bbCompared-tab{ 
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,.08);-webkit-box-shadow: 0 10px 25px rgba(0,0,0,.08);box-shadow: 0 10px 25px rgba(0,0,0,.08);
	background-color: #fff; font-size: 14px; color: #333; line-height: 18px; width: 100%; border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.bbCompared-tab td,.bbCompared-tab th{border: 1px solid #eaeaea; border-top: 0; border-right: 0; text-align: center; padding: 10px 5px;}
.bbCompared-tab th{ padding: 25px 5px; font-size: 16px;}
.bbCompared-tab .bg-a{ background-color: #6fbbff; color: #fff;}
.bbCompared-tab .bg-b{ background-color: #ff8b8b; color: #fff;}
.bbCompared-tab .bg-c{ background-color: #f9f9f9;}
.bbCompared-tab .tb-a{ width: 22px; height: 17px; background: url(../images/compared-1.png) no-repeat; display:inline-block; vertical-align: top;}
.bbCompared-tab .wid-a{ width: 100px;}
.bbCompared-tab .wid-b{ width: 100px;}
.bbCompared-tab .wid-c{ width: 600px;}
.bbCompared-tab .wid-d{ width: 400px;}
.tr-fixer{position:fixed; left:50%; margin-left: -600px; top:0; width: 1200px; background-color: #fff;}