.bg-gray{
  background-color: #f5f5f5;
}
.max-full{
  max-width: 100%;
}
.text-btn{
  color: #0084e9;
}
.mt30{ margin-top:30px;}
.mt60{ margin-top:60px;}
.mb30{ margin-bottom:30px;}
.relative{ position: relative;}
.page-main{ border-top:1px solid #ccc; padding:30px 0;}

/* 旧样式 */
.responsive_Box{padding-top:47px;}

.about_Box{padding:0 0 0px 0;}
.sub_Nav{padding:8px;border-bottom:1px solid #dedede;position: fixed;width: 100%;background-color: #fff;z-index:5;}
.sub_Nav h2{font-size:21px;float:left;padding-top:5px;}
.sub_Nav .sub_Buy{float:right;padding:8px 0 0 10px;}
.sub_Nav .sub_Buy a{padding:6px 15px;background-color:#0084e9;color:#fff;border-radius:3px;}
.sub_Nav .sub_Buy a:hover{opacity:.8;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.sub_Nav .sub_Link{float:right;}
.sub_Nav .sub_Link li{float:left;padding-right:30px;}
.sub_Nav .sub_Link li a{height:30px;line-height:30px;font-size:16px;}
.sub_Nav .sub_Link li.active a{color:#0084e9;}

.introBanner{text-align:center;padding-top:47px;background:#f2f2f2;}
.introBanner img{max-width:100%;}

.intro_Box{position:relative;width:100%;}
.intro_Box .fixed{position:fixed;}
.sideLeft{position:absolute;z-index:2;height:100%;width:190px;border-right:#e6e6e6 3px solid;}
.intro_Nav{position:absolute;top:127px;right:-13px;width:100%;}
.intro_Nav ul li{text-align:right;}
.intro_Nav ul li a{padding-right:40px;font-size:14px;line-height:36px;color:#999;}
.intro_Nav ul li.active{background:url(../images/circle_blue.png) no-repeat center right;}
.intro_Nav ul li.active a{font-size:16px;line-height:46px;color:#0084e9;}

.intro_Con{margin-left:235px;padding:50px 0 0 0;}
.intro_Con .info_Item{padding:50px 0;line-height:1.6;}
.intro_Con .info_Item p{padding:5px 0px 0 5px;font-size:14px;}
.intro_Con .info_Item img{max-width:100%;}
.intro_Con .info_Item .intro_InfoTitle{font-size:20px;padding-bottom:8px;border-bottom:1px solid #dedede;margin-bottom:30px;}
.intro_Con .info_Item .border{border:0;}
.intro_Con .info_Item .info_ItemBtn{text-align:center;margin-top:50px;}
.intro_Con .info_Item .info_ItemBtn a{background-color:#0084e9;padding:0px 40px;height:70px;line-height:70px;font-size:24px;color:#fff;display:inline-block;border-radius:5px;}
.intro_Con .info_Item .info_ItemBtn a:hover{opacity:.8;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.intro_Con .info_Item .info_ItemBtn a i{margin-right:10px;background-color:#fff;color:#0084e9;width:30px;height:30px;line-height:30px;border-radius:50%;}

.intro_Con .info_Item h2{font-size:36px;text-align:center;margin-top:50px;color:#333;line-height:1.4;}
.intro_Con .info_Item h4{font-size:18px;text-align:center;margin-top:30px;color:#666;line-height:1.4;}
.intro_Con .info_Item .infoBox{font-size:14px;margin-top:30px;color:#999;text-align:center;line-height:2;}
.intro_Con .info_Item .infoBox p strong{}
.intro_Con .info_Item .imgBox{text-align:center;margin-top:50px;}

/* about origin */
.intro_Con .origin h2{font-size:26px;}
/* about birth */
.intro_Con .birth .infoBox{text-align:left;}
/* about function */
.intro_Con .function .functionBox{margin-top:50px;text-align:center;}
.intro_Con .function .functionBox .feed_Item{background-color:#e7c888;}
.intro_Con .function .functionBox .feed_Item:hover{background-color:#dbad5d;}
.intro_Con .function .item{background-color:#f2f2f2;font-size:16px;margin:0 0px 15px 0;text-align:center;width:160px;height:160px;display:inline-block;}
.intro_Con .function .feed_Item a{color:#fff;display:block;line-height:160px;}
.intro_Con .function .item:hover{background-color:#e7c888;color:#fff;cursor:pointer;}
.intro_Con .function .item:hover a{color:#fff;}
.intro_Con .function .item i{font-size:36px;padding:50px 0 10px 0;display:block;}
/* about featuresBox */
.intro_Con .featuresBox{padding:0px 0 50px 0;border-bottom:1px solid #f2f2f2;}
.intro_Con .features .intro_InfoList{text-align:center;padding:40px 20px 0 20px;}
.intro_Con .features p.title{font-size:16px;padding:7px 0;}
.intro_Con .features p.info{color:#999;height:85px;overflow:hidden;text-align:left;}
/* about creative */
.intro_Con .creative .creativeBox{margin-top:50px;}
.intro_Con .creative .infoBox{text-align:left;}
.intro_Con .creative .infoBox p i{color:#0084e9;padding:0 5px;font-size:20px;}
.intro_Con .creative .infoBox .text_bg{background-color:#f2f2f2;padding:10px;margin-top:15px;}
.intro_Con .creative .item{padding:20px 15px;background-color:#f2f2f2;margin:0 2px 2px 0;font-size:18px;}
.intro_Con .creative .item span{display:block;font-size:12px;}
/* about crm */
.intro_Con .crm .crmBox{text-align:center;margin-top:30px;}
.intro_Con .crm .crmBox .item{height:70px;background-color:#f2f2f2;padding:30px 12px 0 12px;cursor:pointer;margin:0 2px 2px 0;font-size:14px;}
.intro_Con .crm .crmBox .item:hover{background-color:#e7c888;color:#fff;}
.intro_Con .crm .crmBox2{margin-top:50px;color:#666;}
.intro_Con .crm .crmBox2 .item{text-align:center;padding:10px 0;background-color:#fff; border:1px solid #f0f0f0;margin:2px 5px 0 0;position:relative;font-weight:bold;}
.intro_Con .crm .crmBox2 .item span{font-size:18px;width:32px;height:32px; line-height:32px; background-color:#0084e9;display:inline-block;color:#fff;border-radius:50%;margin-bottom:10px;font-weight:normal;}
.intro_Con .crm .crmBox2 .item p{color:#666;}
.intro_Con .crm .crmBox2 .item i{position:absolute;top:31px;right:-15px;font-size:24px;background-color:#fff;z-index:2;color:#dedede;width:30px;}
/* about security */

/* about price */
.intro_Con .price .titleBox{font-size:18px;padding:15px 0;text-align:center;color:#fff;}
.intro_Con .price .text_info{padding:20px;background-color:#f2f2f2;}
.intro_Con .price .text_info p{font-size:22px;}
.intro_Con .price .text_info p span{font-size:12px;padding-left:5px;}
.intro_Con .price .priceList{margin-top:40px;border-right:1px solid #fff;}
.intro_Con .price .item_1 .titleBox{background-color:#b7b940;}
.intro_Con .price .item_2 .titleBox{background-color:#47bf82;}
.intro_Con .price .item_3 .titleBox{background-color:#6e8bd6;}
.intro_Con .price .item_4 .titleBox{background-color:#e05d6d;}
/* about contrast */
.intro_Con .contrast table{border-collapse:collapse;margin-top:50px;}
.intro_Con .contrast table th{padding:10px 6px;color:#fff;border:1px solid #fff;font-size:16px;text-align:center;}
.intro_Con .contrast table td{padding:10px 6px;background-color:#f2f2f2;border:1px solid #fff;font-size:14px;text-align:center;}
.intro_Con .contrast .contrastCon_1 th{background-color:#0084e9;}
.intro_Con .contrast .contrastCon_1 .text_color{color:#0084e9;}
.intro_Con .contrast .contrastCon_2 th{background-color:#47bf82;}
.intro_Con .contrast .contrastCon_2 .text_color{color:#47bf82;}
.intro_Con .contrast .contrastCon_3 th{background-color:#b7b940;}
.intro_Con .contrast .contrastCon_3 .text_color{color:#b7b940;}
.intro_Con .contrast .contrastCon_4 th{background-color:#6e8bd6;}
.intro_Con .contrast .contrastCon_4 .text_color{color:#6e8bd6;}
/* about sales */
.intro_Con .sales .item{padding:10px 0;margin:20px 5px 0 0;position:relative;font-size:18px;}
.intro_Con .sales .item span{float:left;font-size:20px;width:40px;height40px;line-height:40px;background-color:#fff;display:inline-block;color:#0084e9;border-radius:50%;border:1px solid #0084e9;text-align:center;margin:-8px 15px 0 0;}
.intro_Con .sales .item i{position:absolute;top:15px;right:15px;font-size:24px;z-index:2;color:#0084e9;width:30px;}

/* about responsive */
.responsive_Item{text-align:center;padding:70px 0px 70px 0px;}
.responsive_Item .titleBox{font-size:50px;padding-bottom:10px;}
.responsive_Item .infoBox{line-height:1.8;font-size:16px;color:#999;}
.responsive_Item .imgBox{margin-top:50px;}
.responsive_Item .imgBox img{max-width:100%;}
.responsive_Item .detaBox{padding:20px 0;font-size:20px;background-color:#fff;margin-top:50px;position:relative;border-radius:5px;line-height:1.5;color:#0084e9;}
.responsive_Item .detaBox:before{content:" ";position:absolute;width:0;height:0;left:50%;bottom:-22px;display:block;border-top:22px solid #fff;border-left:22px solid transparent;border-right:22px solid transparent;}
.responsive_Box .two{background-color:#f2f2f2;}
.responsive_Box .two .detaCon{padding:60px 10px 20px 10px;}
.responsive_Box .two .detaCon i{font-size:36px;}
.responsive_Box .two .detaCon p{padding-top:15px;font-size:16px;}
.responsive_Box .three .detaBox{background-color:#f2f2f2;}
.responsive_Box .three .detaBox.detaBox:before{border-top:22px solid #f2f2f2;}
.responsive_Box .three .detaCon{text-align:left;padding:40px 40px 0 0;}
.responsive_Box .three .detaCon .detaConImg{width:80px;height:80px;line-height:94px;text-align:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:50%;float:left;margin-right:20px;}
.responsive_Box .three .detaCon .detaConImg i{color:#0084e9;font-size:36px;}
.responsive_Box .three .detaCon dl dt{font-size:16px;color:#333;padding-bottom:8px;}
.responsive_Box .three .detaCon dl dd{font-size:14px;}
.responsive_Box .four{background-color:#f2f2f2;}
.responsive_Box .four .btnBox{margin-top:50px;}
.responsive_Box .four .btnBox a{padding:0px 30px 0px 30px;background:#0084e9;height:60px;line-height:60px;color:#fff;font-size:24px;display:inline-block;border-radius:8px;}
.responsive_Box .four .btnBox a:hover{opacity:.8;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.responsive_Box .four .btnBox a i{width:40px;height:40px;line-height:40px;border-radius:50%;background-color:#fff;color:#0084e9;margin-right:10px;}


@media screen and (max-width: 767px){
.sideLeft{ display: none; }
.intro_Con{ margin-left: 0; padding-top:0;}
.intro_Con .info_Item{padding:15px 0;}
.intro_Con .info_Item h2{font-size:20px; margin-top:15px;}
.intro_Con .info_Item h4{margin-top:15px;}
.intro_Con .info_Item .infoBox{margin-top:15px;}
.intro_Con .info_Item .imgBox{margin-top:15px;}
.intro_Con .info_Item .info_ItemBtn{margin-top:15px;}
.intro_Con .info_Item .info_ItemBtn a{height:50px; line-height:50px; font-size:18px}
}