@charset "utf-8";
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body{line-height:1;font-family:"微软雅黑","黑体","宋体"}
:focus{outline:1}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0;text-decoration:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
ol,ul{list-style:none}
div{box-sizing:border-box}
body,html{width:100%;margin:0 auto;padding:0;background:#ebeff2}
.container{width:100%;margin:0;padding:0;font-size:14px;font-family:"Microsoft YaHei"}
.container .main{width:1200px;margin:0 auto;min-height:800px;overflow:hidden;}
.container .main .section1{width:100%;margin:20px auto;padding:5px;background:#fff;font-size:14px;height:555px}
.container .main .section1 .app_manager,.container .main .section1 .hybrid_app,.container .main .section1 .native_app{text-align:center;color:#999}
.container .main .section1 .app_manager li:nth-child(1),.container .main .section1 .hybrid_app li:nth-child(1),.container .main .section1 .native_app li:nth-child(1){color:#38acff;margin-top:20px;cursor:pointer;font-size:22px}
.container .main .section1 .app_manager .text_black,.container .main .section1 .hybrid_app .text_black,.container .main .section1 .native_app .text_black{color:#333}
.container .main .section1 .app_manager li:nth-child(2),.container .main .section1 .hybrid_app li:nth-child(2),.container .main .section1 .native_app li:nth-child(2){margin-top:20px;margin-bottom:20px;font-size:16px}
.container .main .section1 .app_manager li:nth-child(3),.container .main .section1 .hybrid_app li:nth-child(3),.container .main .section1 .native_app li:nth-child(3){margin-top:30px;margin-bottom:20px;font-size:16px}
.container .main .section1 .app_manager li p,.container .main .section1 .hybrid_app li p,.container .main .section1 .native_app li p{height:24px;line-height:24px;font-size:16px;color:#999;margin-top:16px}
.container .main .section1 .app_manager li p a,.container .main .section1 .hybrid_app li p a,.container .main .section1 .native_app li p a{/*font-size:22px;color:#38acff*/}
.container .main .section_devp_source{width:100%;margin:10px auto;background:#fff;font-size:14px;padding-bottom:40px;height:566px}
.container .main .section_devp_source #ide{border-bottom:1px solid #ebeff2;text-align:left;margin:0 auto;width:100%;height:48px;line-height:48px}
.container .main .section_devp_source #ide span{padding-left:10px}
.container .main .section_devp_source .sel_title{text-align:center;color:#38acff;width:100%;height:40px;line-height:40px;margin-bottom:20px;margin-top:20px;font-size:18px}
.container .main .section_devp_source .sel_title:after,.container .main .section_devp_source .sel_title:before{content:"";display:table;clear:both}
.container .main .section_devp_source .row{margin-top:20px;text-align:center;background:#fff}
.container .main .section_devp_source .row .h4bg{width:180px;height:36px;line-height:30px;text-align:center;font-weight:700;border-radius:18px;background:#ebf7ff;margin:0 auto;font-size:18px;color:#333}
.container .main .section_devp_source .row ol{text-align:center;padding-top:10px}
.container .main .section_devp_source .row ol li{height:24px;line-height:24px;font-size:16px;color:#999}
.container .main .section_environment{width:100%;margin:20px auto;background:#fff;font-size:14px;height:284px}
.container .main .section_environment #ide{border-bottom:1px solid #ebeff2;text-align:left;margin:0 auto;width:100%;height:48px;line-height:48px}
.container .main .section_environment #ide span{padding-left:10px}
.container .main .section_environment .section_foot{width:100%;height:auto;overflow:hidden}
.container .main .section_environment .section_foot .section_foot_left{width:55%;height:auto;overflow:hidden;float:left;text-align:center;padding-bottom:20px}
.container .main .section_environment .section_foot .section_foot_left .row img{width:120px;margin:0 auto}
.container .main .section_environment .section_foot .section_foot_left .row p{text-align:center;font-size:16px;margin-top:10px}
.container .main .section_environment .section_foot .section_foot_left .row p a{font-size:14px;color:#333}
.container .main .section_environment .section_foot .section_foot_center{width:10%;float:left;height:100px;margin-top:48px;text-align:center}
.container .main .section_environment .section_foot .section_foot_center div{width:2px;height:100%;background:#ebeff2;margin-left:50%}
.container .main .section_environment .section_foot .section_foot_right{float:left;width:35%;height:auto;overflow:hidden;text-align:center;padding-bottom:20px}
.container .main .section_environment .section_foot .section_foot_right .row img{width:120px;margin:0 auto}
.container .main .section_environment .section_foot .section_foot_right .row p{text-align:center;margin-top:10px}
.container .main .section_environment .section_foot .section_foot_right .row p a{color:#333}
.container .main .section_environment .section_foot h4{width:60%;height:40px;line-height:40px;margin:0 auto;color:#38acff;text-align:center}
.container .main .section_environment .section_foot h4 a{font-size:16px;color:#38acff}
.header{width: 100%;min-width:1200px;height:auto;overflow:hidden;margin:0 auto}
.header .top{width:100%;height:auto;overflow:hidden;margin:0 auto;background:#fff}
.header .nav{width:1200px;height:70px;overflow:hidden;margin:0 auto;text-align:center;vertical-align:top;position:relative}
/*.header .nav .nav_center,.header .nav .nav_left,.header .nav .nav_right{float:left;width:192px;position: absolute;left: 50%;margin-left: -91px;}*/
.header .nav .nav_left{text-align:left;height:70px;line-height:70px;position:relative;border-bottom:1px solid transparent}
/*.header .nav .nav_left:before{content:"";display:table;clear:both}*/
.header .nav .nav_left .logo_area{width:100%;height:50px;vertical-align:bottom;position:relative;bottom:5px}
.header .nav .nav_left .logo_area li{display:inline-block;height:50px;vertical-align:bottom}
.header .nav .nav_left .logo_area li img{height:50px}
.header .nav .nav_left .logo_area .edge{height:50px;line-height:50px;padding:0 20px}
.header .nav .nav_left .logo_area .logo_text{height:50px;line-height:50px}
.header .nav .nav_center{text-align:center;height:70px;}
/*.header .nav .nav_center{text-align:center;height:70px;width: 192px;position: absolute;left: 50%;margin-left: -91px;}*/

.header .nav .nav_center a{display:inline-block;width:49%;height:70px;line-height:70px;font-size:14px;color:#666;font-weight:bold;text-decoration:none}
.header .nav .nav_center a:hover{color:#fff;background:#38acff}
.header .nav .nav_center .active{color:#fff;background:#38acff}
.header .nav .nav_center a:nth-child(1){width:90px;margin-right:-5px}
.header .nav .nav_center a:nth-child(2){width:102px}
.header .nav .nav_right{text-align:center;height:70px;margin:0 auto}
.header .nav .nav_right .search{width:100%;height:40px;position:relative;top:15px}
.header .nav .nav_right .search input{width:160px;height:30px;line-height:30px;vertical-align:middle;border-radius:15px;padding-left:10px;padding-right:26px;outline:0;border:none;background:#f3f7f9}
.header .nav .nav_right .search input:focus{outline:0}
.header .nav .nav_right .search span{width:20px;height:20px;}
.header .banner{width:100%;height:auto;overflow:hidden;margin:0 auto}
.header .banner img{width: 100%;}
.header .header:after,.header .header:before{content:"";display:table;clear:both}
.footer{width:100%;height:auto;background:#333;margin:0 auto;text-align:center;}
.footer div{width:40px;line-height:40px;width:100%;margin:0 auto;color:#bbb}
.footer div span:nth-child(2){margin:5px 10px}
.footer p{width:100%;margin:0 auto;height:30px;line-height:30px;color:#999;margin-top:-10px}
@media screen and (max-width:768px){.section_environment{margin-bottom:80px}
}
@media screen and (min-width:998px){.container{width:1200px;margin:0 auto}
}
@media screen and (max-width:998px){.container{width:1200px;margin:0 auto}
.footer{width:1200px;margin:0 auto}
}

/*@media screen and (min-width:1200px){.nav{width:1200px}
}
@media screen and (max-width:1198px){.header{width:1200px}
.nav{width:1200px}
}*/
/*.header_logo{
 	width: 128px;
 	height: 60px;
 	line-height: 60px;
 	float: left;
 	background: url(../images/logo.png) no-repeat 0 center;
 }*/
 .dsn{
 	display: none;
 }
 .footer_textlogo{
	font-size: 12px;
	color: #999999;
}
.footer p{
	font-size: 12px;
	color: #BBBBBB;
}
.active{
 	background: #38acff;
 	color: #fff !important;
 	cursor: pointer;
 }