/*default*/
@font-face { font-family: 'FZLanTingHei'; src: url('../fonts/FZLanTingHei.eot'); src: url('../fonts/FZLanTingHei.eot?#iefix') format('embedded-opentype'), url('../fonts/FZLanTingHei.woff') format('woff'), url('../fonts/FZLanTingHei.ttf') format('truetype'), url('../fonts/FZLanTingHei.svg#FZLanTingHei') format('svg'); font-weight: normal }
html.win * { font-family: 'Microsoft Yahei', '微软雅黑', Arial !important }
html.win * .iconfont { font-family: "iconfont1" !important }
html.win * .iconfont1 { font-family: "iconfont2" !important }
html.win * .open-iconfont { font-family: "iconfont" !important }
.clearfix:before, .clearfix:after { content: '.'; display: block; height: 0; visibility: hidden }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
ul { list-style: none }
img { border: 0 none }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: none }
/*main*/
body { font-family: arial, 'Microsoft Yahei', tahoma, '\5b8b\4f53', sans-serif; font-size: 14px; color: #666; background-color: #fff; -webkit-font-smoothing:antialiased }
.container { width: 1200px; margin: 0 auto }
.hr { border-bottom: 1px solid #ddd }
.navbar{background: rgba(255,255,255,0.8);}
.btn_use, .btn_wang { width: 140px; display: inline-block; margin: 0 auto; background: #0089cd; font-size: 16px; color: #fff; line-height: 42px; text-align: center; font-size: 14px }
.btn_use:hover, .btn_wang:hover { color: #fff }
.btn_wang { background: none; border: 1px solid #0089cd; line-height: 40px; height: 40px; margin-left: 13px }
.btn_wang .iconfont { margin-right: 8px; vertical-align: middle }
.banner { height: 328px;text-align: center; vertical-align: middle;margin-top: 70px;}
.banner_monetize { background: url('../img/kfdt1.jpg') no-repeat center;background-size: cover; }
.section { padding: 80px 0 }
.section_title {font-weight: normal; font-size: 30px; color: #333; margin-bottom: 60px; text-align: center;}
.product { text-align: center; color: #fff }
.product_name { font-weight: normal; font-size: 68px; margin-bottom: 30px; padding-top: 70px }
.product_intro { font-size: 16px; margin-bottom: 40px }
.section_content { display: inline-table; }
.section_content *{font-size:16px !important;
	line-height:40px !important;margin-bottom:20px !important;}
.section_content div{ font-size:14px; line-height: 30px; width:1200px;}
.intro_icon { float: left; margin-left: 220px; margin-right: 70px; font-size: 150px; color: #3199f4 }
.intro_text { line-height: 30px; display: table-cell; vertical-align: middle; margin-right: 30px }
.advance_list { padding-top: 20px; text-align: center }
.advance_list li { width: 232px; padding: 0 30px; border-left: 1px solid #ddd; display: inline-block; *display:inline;*zoom:1;text-align: left;vertical-align:top;}
.advance_list li:first-child { border: 0 }
.advance_title { font-size: 18px; color: #333; margin-bottom: 20px }
.advance_desc { line-height: 25px }
.product_info { text-align: center; height: 200px; background: url("../img/ljjr-bg.png") repeat; }
.product_intro_repeat { color: #fff; font-size:20px; padding-top: 55px; margin-bottom: 30px }
.case_icon { width: 100px; height: 100px; margin: 0 auto 20px; display: block; border-radius: 10px }
.case_name { color: #333 }
.big_case { border: 1px solid #ddd; background: #f5f5f5; padding: 50px 40px }
.big_case_info { float: left; width: 265px }
.big_case_name { font-size: 20px; color: #333; margin-top: 10px; margin-bottom: 40px; text-align: center }
.big_quote_content { line-height: 28px }
.big_quote_user { margin-top: 30px }
.big_case_screenshots { float: right; width: 836px; height: 350px; overflow: hidden }
.case_sceenshot { margin-left: 10px; width: 196px; height: 350px }
a.btn_wang { display: none }
span.btn_wang { border: 0; width: auto }
.win a.btn_wang { display: inline-block; *display:inline;*zoom:1;}
.win span.btn_wang { display: none }
.btn_blue .btn_use { display: block }
/*支持*/
.by_cx_container .bgf4f4f4 { background: #f4f4f4 }
.by_cx_container li, .by_cx_container p, .by_cx_container ul, body, iframe { padding: 0; margin: 0 }
.by_cx_container li, .by_cx_container ul { list-style-type: none }
.by_cx_container img { border: 0; }
.by_cx_container a, .by_cx_container a:hover { text-decoration: none }
.by_cx_container { background: #fff; font-size: 12px; font-family: "Microsoft YaHei" }
.by_cx_container .w990 { width: 990px; margin: 0 auto; position: relative }
.con { clear: both; padding: 22px 0 0 0 }
.con1 .w990 { height: 600px; overflow: hidden }
.m-box { font-size: 20px; color: #777777; line-height: 28px; }
.m-box .des { position: absolute; top: 50%; margin-top: -110px; }
.m-box .htitle { font-size: 60px; line-height: 90px; color: #00b4ff }
.m-box .desleft { left: 115px; }
.m-box .desright { left: 667px; }
.absolute { position: absolute }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
.delays_2 { -webkit-animation-delay: .4s; }
.delays_1s { -webkit-animation-delay: 1s; }
.box1-img1 { top: 90px; right: 95px; }
.box1-img2 { top: 142px; right: 112px; }
.box2-line1 { top: 260px; left: -36px; overflow: hidden }
.box2-img2 { top: 143px; left: 192px; }
.box2-text { top: 270px; left: 275px; color: #009dde; font-size: 32px; width: 141px; text-align: center; height: 50px; line-height: 50px; }
.box3-img1 { top: 180px; left: 430px; }
.box3-text1 { top: 238px; left: 430px; color: #8b8b8b; font-size: 16px; height: 20px; line-height: 20px; }
.box3-text2 { top: 214px; left: 832px; color: #8b8b8b; font-size: 16px; height: 20px; line-height: 20px; }
.box3-text3 { top: 438px; left: 840px; color: #8b8b8b; font-size: 16px; height: 20px; line-height: 20px; }
.box4-img1 { top: 165px; left: 125px; }
.box4-circle1 { top: 108px; left: 187px; }
.box5-img1 { top: 154px; left: 577px; }
.box5-img2 { top: 105px; left: 440px; }
.box5-text { top: 200px; left: 602px; color: #ff5050; font-size: 32px; width: 141px; text-align: center; height: 50px; line-height: 50px; }
#fl_menu{position: fixed!important;top: 50%!important;  margin-top: -150px;}
#MyContent img{display: block;margin: 10px auto;}
#MyContent strong{font-weight: bold;}
#MyContent a{color: #3199f4;}

.Con{
	display: flex;
    width: 90%;
    margin: 0 auto;
    max-width: 1440px;}
.Con>:first-child{width:70%;}
.Con>:first-child> .container{
	width:100%;
}
.Con>:first-child> .container>div{width:100%;}
.Con>:last-child{flex:1;}
.Con>:last-child .container{
	width:100%;
}
.section_content div{
	width:100%;
}

.mbx{
	margin-bottom: 50px;
    font-size: 16px;
	color: rgb(102, 102, 102);
	width: 90%;
    margin: 0 auto;
    max-width: 1440px;
	margin-top: 30px;
}

.mbx a{
	text-decoration:none;
	color: rgb(102, 102, 102);
}

@media screen and (max-width:1219px){
	.container{width: 100%;}
	.banner_monetize{margin-top: 50px;}
	.section_content div{width: 100%;}
	#MyContent img{width: 100%;max-width: 100%;}
	#MyContent{padding: 0 10px;box-sizing: border-box;}
}


@media screen and (max-width:1024px){
	#fl_menu{display:none;}
	.box1-img2{top:27%;right:20%;}
	.box2-img2{top:25%;left:5%;}
	.box2-text{top:46%;left:14%;}
	.box2-line1{left:-18%;}
	.m-box .desright{left:50%;margin-top: -9%;width: 50%;}
	.m-box .desleft{left:3%;}
	.box3-img1{left:35%;}
	.box3-text1{left:36%;}
	.box3-text2{top:31%;left:67%;}
	.box3-text3{top:68%;left:66%;}
	.box4-img1{left:-2%;}
	.box4-p  p{width:100%;}

	.advance_list li:last-child {  border: 0;  }

}
@media(max-width: 1023px){
	.m-box .desright{left: 42%;width: 33%;}
	.box4-img1{width: 40%;left: 0;top: 195px;}
	.box5-img2{left: 34%;}
	.box5-img1{left: 48%;}
}
@media(max-width:767px){
	.Con{display:block;}
	.Con>:first-child{width:100%;}
	.banner_monetize{margin-top: 74px;}
	#pages .banner_monetize{height: 160px;}
	.con1 {width:100%;}
	.con1 .w990{width:100%;height:550px;}
	.box1-img1{right:-18px;}
	#fl_menu{display:none;}
	.box1-img2{right:9%;width:75%;top:50px;}
	.m-box .des{margin-top:0;left: 25%;top: 55%;}
	.m-box .htitle{font-size:35px;}
	.box1-p  p{font-size:16px;}
	.m-box .desright{margin-top:0;/*margin-right:-39px !important;*/left:13%;font-size:16px;width:100%;}
	.box2-img2{top:50px;left:25%;width:50%;}
	.box2-text{left:34%;top:24%;}
	.box2-p{width: 300px;}
	.box3-p p{font-size:16px;}
	.box3-img1{left: 9%;width:100%;top: 50px;}
	.box3-text1{top: 82px;left: 9%;font-size: 14px;}
	.box3-text2{top:100px;left:80%;font-size: 14px;}
	.box3-text3{top:282px;left: 77%;font-size: 14px;}
	.box4-circle1{left:2%;}
	.box4-img1{left: 10%;width: 75%;top: 80px}
	.box5-img2{top:70px;left:20%;width:60%;}
	.box5-img1{top:130px;left:40%;width:21%;}
	.box5-p p{font-size:16px;}
	.box4-p p{width: 300px;}
	.advance_list li{  border: 0;  margin-top: 15px;}
	.section_title{margin-bottom: 0;font-size: 20px;}
	.section.hr{padding: 30px 0;}
	.advance_title{font-size: 16px;margin-bottom:0;}
	.advance_list{padding-top: 0;}
}
@media(max-width: 375px){
	.banner_monetize{margin-top: 69px;}
}
@media(max-width:320px){
	.con1 .w990{height: 440px;}
	.m-box .des{top: 50%;left: 20%;width: 300px;left: 6%;}
	.box1-img1{top: 0;}
	.box1-img2{top: 35px;}
	.m-box .htitle,.box1-p{margin-left: 40px;}
    .banner_monetize{margin-top: 61px;}
}