@CHARSET "UTF-8";
.fs_c_t_blue{ color:#00a2e9; }
.directory a,.directory a:hover{color:#fff;}

.fw_b{font-weight:bold;}
.ta_c{text-align:center;}
a:active,a:hover,a:visited,a:link{text-decoration:none;}
/**************************应用场景************************************/
.appcation_bg{  background-color:#f5f5f5; width:100%; margin:0 auto; height:100%; padding-bottom:20px; }
.appcation_content{ width:90%; height:100%; margin:0 auto; }
.appcation_title{width:100%; padding-top:20px; text-align: center; font-size:2em; color:#0b0b0b;}
.appcation_icon_title{ width:100%;  text-align: center; padding-top:20px;}
.appcation_min_title{width:100%;  margin-top:20px; font-size:1.6em; text-align: center;}
.appcation_min_content{width:100%; margin-top:20px; line-height:2;   font-size:1.3em; text-align: left;}
.appcation_icon{ width:100%; text-align: center; margin-top:20px;}
.appcation_icon img{width:80%;}
.font_1 .m_t_10 img{width:30%;}
.appcation_min_title_min{width:100%; font-weight:bold; margin-top:40px; font-size:1.5em; text-align: center;}

/**************************安防报警************************************/
.appcation_bg_fff{background-color:#fff; width:100%; margin:0 auto; height:100%; padding-bottom:20px;}
figcaption p a,figcaption p a:hover{color:#fff;}
.cooperation img{ width:100%;}

/**********************************************产品服务**********************************************************/
.service_bg_logo{background-image:url(../../images/banner.png); background-size:100% 100%; background-repeat:no-repeat; width:100%; margin:0 auto; height:190px; }
.service_total_title{width:100%; padding-top:20px; font-size:1.5em; color:#fff; text-align: center;}
.service_title{width:100%; font-size:1.4em; padding-top:20px; }
.service_title img{width:17%;}
.service_icon_title{width:100%; font-size:1.2em; margin-top:20px;}
.service_icon_div{width:25%; float:left; text-align: center; font-size:0.8em;}
.service_icon_div img{width:90%;}
.service_content_text{width:100%; line-height:2; padding-tottom:20px; margin-top:20px; text-align: left;}
.service_bg_P2P{background-image:url(../../images/bg_P2P.png); background-size:100% 100%; background-repeat:no-repeat; width:100%; margin:0 auto; height:100%}
.service_img_content img{width:100%;}
.service_img_content{width:100%; margin-top:30px; padding-bottom:20px;}

/*****************************************开发者中心************************************************/
.de_banner{width:100%; height:100%; margin:0 auto; }
.de_banner img{width:100%;}
.developer_div{ margin:80px auto auto; width:100%; height:320px; text-align:center; -moz-border-radius:10px; border:1px solid #b5b5b5; border-radius:10px; background-color:#fbfbfb;}
.content_div_img{ margin-top:-18%; text-align: center;}
.content_div_img img{ width:35%;}
.menu_title{ font-size:1.5em; font-weight: bold; margin-top:20px; margin-bottom: 20px;}
.menu_content{ width:90%; margin:0 auto; font-size:1.2em;}
.menu_btn{ width:40%; height:40px; line-height: 40px; text-align: center; border-radius:30px; border:1px solid #b5b5b5; color:#5bcdff; font-size:1.2em; margin:14% auto auto;}

.menu_btn:hover{border:1px solid #00a2e9;}

.de_bg_00{background-color:#1f2738; width:100%; margin:0 auto; height:80px;}
.directory{width:33%; float:left; color:#fff; font-size:1em; line-height: 5.3; text-align: center;}
.directory_active{border-bottom:6px solid #00a2e9;}

.brief_title{width:100%; font-size:1.5em; padding-top:30px; font-weight: bold;}
.brief_title img{width:25%}
.brief_min_title{width:100%; font-size:1.5em; padding-top:20px; padding-bottom:10px;}
.brief_content{width:100%; line-height:2em; font-size:1.2em;}
/* .brief_min_title img{width:15%} */
.brief_content_img{width:100%; padding-top:20px; padding-bottom:20px;}
.brief_content_img img{width:100%;}

.appcation_bg_blue{background-color:#00a2e9; width:100%; margin:0 auto; height:100%; padding-bottom:20px; color:#fff;}
.brief_min_title_bule{width:100%; font-size:1.5em; padding-top:20px; padding-bottom:10px; color:#00a2e9;}
.appcation_bg_green{background-color:#1cad42; width:100%; margin:0 auto; height:100%; padding-bottom:20px; color:#fff;}

.de_pro_title{width:100%; text-align: left; font-size:1.2em; padding-top:30px;}

.total_directory{ width:100%; height:250px;  margin:20px auto auto; border:1px solid #e5e5e5;}
.total_directory_div{ width:100%; margin-top:5px; margin-bottom:10px;  }
.case_directory{width:100%; font-size: 1.5em; text-indent: 1em; margin-top:20px;}
.content_text{ width:68%; height:auto; margin-top:20px; overflow: hidden; float:left; }
.content_date{ width:30%; height:auto; margin-top:20px; overflow: hidden; float:right;}
.simple_article{ width:100%; margin:80px auto auto;}
.article_title{ width:100%; text-align: center; font-size:1.5em; }
.article_content{ width:90%; margin:40px auto auto; font-size:1.2em;}
.exam_title{width:100%; font-size:1.5em; text-align: center; margin-top:20px; margin-bottom:20px;}
.exam_content{width:100%; padding-bottom:20px; font-size:1.2em;}
.total_directory_file{ width:50%; margin-top:5px; margin-bottom:10px; float:left;}
.file_title{width:100%; margin-top:40px; font-size:1.2em; margin-bottom:40px;}
.file_min_title{ width:100%; font-size:1em; font-weight: bold; margin-top:10px;}
.file_min_title a:HOVER , .file_min_title a:VISITED{ color:#000;}
.ta_c img{width:100%;}

.sdk_div{ margin:50px auto auto; padding-top:50px; width:90%; height:370px; text-align:center; border:1px solid #ccc;  border-radius:10px; }
.sdk_div:hover{-moz-border-radius:10px; border:0px solid #00a2e9; padding-top:50px; box-shadow: 2px 2px 10px #ccc; border-radius:10px; background-color:#fbfbfb; margin:50px auto;}

.codeBorder pre{white-space:pre-wrap !important;}
/*****************************************************关于我们*****************************************************************/

.about_bg_blue{width:100%; margin:0 auto; height:100%; background-color:#00a2e9;  color:#fff;}
.about_blue_title{width:100%; margin:0 auto; text-align: center; font-size:1.5em; padding-top:20px;}
.about_blue_content{width:100% ; margin:20px auto auto; text-align: left; font-size:1.2em; line-height: 2em;}
.about_blue_img{width:100%; margin:20px auto auto; text-align: center;}
.about_blue_img img{width:90%;}
.about_event_bg{width:100%; background-image:url(../../images/about_2.png); background-repeat: no-repeat; background-size:96%; height:800px; background-position: 100% 0%;}
.joy_developer{ width:100%; text-align: center; font-size:1.5em; color:#00a2e9; margin-top:30px; padding-bottom:30px; font-weight: bold;}

.about_logo_code{width:100%; margin:0 auto; height:100px; background-color:#c92b2b; }
.about_logo_icon{width:60%; text-align: center; vertical-align: middle; height:100%; float:left; background-image:url(../../images/about_3.png); background-repeat: no-repeat; background-size:60%; background-position:50% 50%;}
.about_code_icon{width:40%; vertical-align: middle; float: right; height:100%; background-image:url(../../images/about_4.png); background-repeat: no-repeat; background-size:60%; background-position:0 50%;}
.about_logo_icon img,.about_code_icon img{width:60%}

.about_intro_title{width:100%; font-size:1.5em; text-align: center; margin-top:20px; padding-bottom:20px;}
.about_map{width:100%; height:200px; }
.about_address{width:100%; margin:20px auto auto; }
.about_intro_content{width:100%; margin:20px auto auto; }
.about_intro_icon{width:20%; float:left; padding-bottom:20px;}
.about_intro_icon_content{width:78%; float:right; }
.about_intro_icon img{width:100%;}
.about_intro_icon_content img{width:50%;}
.about_intro_icon_title{width:100%; font-size:1.2em; margin-top:20px; font-weight: bold;}

.about_event_15{width:100%; height:150px; }
.about_event_14{width:100%; height:150px;}
.about_event_left{width:50%; float:left; position: absolute; top:36.5%; text-align: left;}
.about_event_right{width:44%; float:right; text-align:right; position: absolute; top:59%; right:0px;}

.about_event_15_title{width:100%; font-size:1em; font-weight: bold;}
.about_event_emrty{width:100%; min-height:24%; position: absolute;top:0px;}

.about_2_css{text-align: center; position: relative; height:500px;}
.about_2_css img{width:90%}
.ahout_event_13{margin-top:40%}
.about_event_11{margin-top:47%}
.about_event_12{margin-top:54%}
.about_event_10{margin-top:54%}

@media (max-width: 360px) {
.about_event_left {
    width: 50%;
    float: left;
    position: absolute;
    top: 39.5%;
    text-align: left;
}


	.about_event_right {
    width: 44%;
    float: right;
    text-align: right;
    position: absolute;
    top: 61%;
    right: 0px;
}
	.ahout_event_13{margin-top:32%}
	.about_event_11{margin-top:34%}
	.about_event_12{margin-top:30%}
	.about_event_10{margin-top:40%}
	.about_2_css {
    text-align: center;
    position: relative;
    height: 450px;
   
	}
}
@media (max-width: 320px) {
	.about_event_left {
    width: 50%;
    float: left;
    position: absolute;
    top: 35.5%;
    text-align: left;
	}
	.about_event_right {
    width: 44%;
    float: right;
    text-align: right;
    position: absolute;
    top: 60%;
    right: 0px;
	}
	.ahout_event_13{margin-top:25%}
	.about_event_11{margin-top:24%}
	.about_event_12{margin-top:30%}
	.about_event_10{margin-top:27%}
	.about_2_css {
    text-align: center;
    position: relative;
    height: 415px;
	}
}

.fook_content{width:100%; margin-top:20px; margin-bottom:20px; }
.fook_content label{ margin-right: 10px;}
.fook_content input{width:70%; height:30px;}

.subBtn{width:50%; height:40px; background-color:#00A0E9; color:#fff; text-align: center; border:1px solid #00a0e9;}

.levr_menu{position: fixed;left:0px; top:52px; z-index; width:100%;}


/****************************************新闻中心***********************************************************/
.news_title{width:100%;   margin:0 auto; margin-bottom:30px; font-size:1.2em; line-height:2.5; background-color:#000; color:#fff;}
.news_bg{width:100%; margin:0 auto; background-color:#f2f2f5; }

.news_content_div{width:100%; position:relative; padding-bottom:30px;  height:100%;}
.news_img img{width:100%;}
.news_text_div{width:100%; margin:20px auto auto auto; padding-bottom:30px; border-bottom: 1px dashed #000; }
.news_title_text{font-size:1.2em; font-weight: bold;}
.news_time{font-size:1em; color:#919191; margin-top:10px; margin-bottom:10px;}
.news_content_text{width:100%; height:28px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.news_btn{width:100px; height:30px; line-height: 30px; color:#fff; background-color:#00A2E9; border-radius:30px;  text-align: center; font-size:1em; float:right;}

.news_intro_title{width:100%; padding-bottom:10px; margin-bottom:20px; border-bottom:1px dashed #919191;}
.news_intro_min_title{width:100%; margin-top:20px; font-size:1.1em; font-weight: bold; text-align: center;}
.news_intro_min_time{width:100%; margin-top:10px; font-size:1em; color:#999; text-align: center;}
.news_intro_min_time span{margin-left:10px;}
.news_intro_content p{line-height: 2em; font-size:1.1em;}
.news_intro_content img{width:100%; margin-bottom:20px;}
.news_intro_content{width:100% ; margin:0 auto;}
.returnBtn{width:100px; height:30px; line-height:30px; text-align: center; color:#fff; background-color:#00A2E9; border-radius:30px; float:right; margin-bottom:20px;}
.next_one{width:100%; line-height: 2em;  padding-bottom:10px;}

.news_title a,.news_title :visited,.news_title a:HOVER,.news_title a:active,.news_title a:LINK{color:#fff !important;}


/**********************APP下载*************************/
.downloadDownloadTitle{padding:20px 0 10px 0; font-size:1.4em; text-align:center;}
.downloadImg{text-align:center;padding:10px 0 20px 0;}
.downloadTxt{text-indent: 2em;font-size: 1.1em;}
.androidBtn{width:50%; background:#F7942A; border-radius:5px; margin:0 auto ; cursor:pointer; color:#fff; text-align:center;padding:10px 0; margin-top:30px;}
.iosBtn{width:50%; background:#FD5D5D; border-radius:5px; margin:0 auto ; cursor:pointer; color:#fff; text-align:center;padding:10px 0; margin-top:20px;}
.downloadIntro{width:100%; padding:20px 0; background:#f1f1f1; margin-top:30px;}
.downloadIntroTitle{font-size:1.5em;}
.downloadIntroTitleMin{margin-left:10px;font-size:0.6em;}
.downloadIntroContent{width:50%; float:left; padding:20px 10px 0px 10px; }

.appIntroDocument{margin:20px 0;}
.introImg{width:90%; margin-bottom:10px;}
.t_c{text-align:center;}
.helpTitleMin{padding:10px 0;}


#weixin-tip{display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} 
#weixin-tip p{text-align: center; margin-top: 10%; position: relative;}
#weixin-tip .close{
	color: #fff;
	padding: 5px;
	font: bold 20px/20px simsun;
	text-shadow: 0 1px 0 #ddd;
	position: absolute;
	top: 0; left: 5%;
}
#weixin-ios{display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} 
#weixin-ios p{text-align: center; margin-top: 10%; position: relative;}
#weixin-ios .close{
	color: #fff;
	padding: 5px;
	font: bold 20px/20px simsun;
	text-shadow: 0 1px 0 #ddd;
	position: absolute;
	top: 0; left: 5%;
}
#qq-ios{display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} 
#qq-ios p{text-align: center; margin-top: 10%; position: relative;}
#qq-ios .close{
	color: #fff;
	padding: 5px;
	font: bold 20px/20px simsun;
	text-shadow: 0 1px 0 #ddd;
	position: absolute;
	top: 0; left: 5%;
}