*{margin:0;padding:0;}
body{font-size:14px;font-family:"PingFangSC","Microsoft YaHei";color:#808080;overflow-x:hidden;}
ul,li{list-style:none;}
img{border:0;}
a{color:#808080;text-decoration:none;}
a:hover{color:red;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.hide{display:none;}
.center{text-align:center;}
.hd_hidden{overflow:hidden;}
.bgf3f5f7{background:#f3f5f7;}
.m0{margin:0px;}
.p0{padding:0px;}
.p20{padding:20px;}

.op0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.op1{filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity: 0.1;}
.op2{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity: 0.2;}
.op3{filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity: 0.1;}
.op4{filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity: 0.4;}
.op5{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;}
.op6{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity: 0.6;}
.op7{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity: 0.7;}
.op8{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity: 0.8;}
.op9{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity: 0.9;}
.op10{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.br5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.br10{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.br15{-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.br20{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.br25{-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;}
.br50{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.ht5{height:5px;clear:both;}
.ht10{height:10px;clear:both;}
.ht15{height:15px;clear:both;}
.ht20{height:20px;clear:both;}
.ht25{height:25px;clear:both;}
.ht30{height:30px;clear:both;}
.ht35{height:35px;clear:both;}
.ht40{height:40px;clear:both;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}
.mt170{margin-top:170px;}
.mt270{margin-top:270px;}
.mt60{margin-top:60px;}
.mt90{margin-top:90px;}
.mt80{margin-top:80px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb200{margin-bottom:200px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom:100px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt60{padding-top:60px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb60{padding-bottom:60px;}
.pb100{padding-bottom:100px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl120{padding-left:120px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}

.w1200{width:90%;margin:0 auto !important;}
.w1335{width:1335px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
.w100{width:100%;margin:0 auto;}
.w70{width:70%;margin:0 auto !important;}
.w80{width:80%;margin:0 auto !important;}

.header{width: 90%;position: absolute;z-index: 666;top: 30px;left: 5%;}
.shipin{width:100%;position:relative;text-align:center;overflow:hidden;}
.shipin video{width:100%;height:100%;overflow:hidden;background:#020c18;}
.shipin img{position:absolute;margin-top:-100px;}
.logo{ width:22%}
.logo img{ width:100%}
/*.header .logo{margin-left:135px;}
.header .nav{margin-right:135px;} */
.header .nav ul.nav_pc{position:absolute;z-index:88888;width:100%;right:0px;}
.header .nav ul.nav_pc li a.active{ color:#0098d8 !important;}
.header .nav ul.nav_pc>li{float:right;}
.header .nav ul.nav_pc li{color:#fff;height:45px;line-height:45px;display:block;width:120px;text-align:center;font-size:18px;}
.header .nav ul.nav_pc li a{color:#fff;height:45px;line-height:45px;display:block;width:120px;text-align:center;font-size:18px;}
.header .nav ul.nav_pc li a:hover,.header .nav ul li.two a{width:100%; color:#0098d8;}
.header .nav ul.nav_pc li .nav2{width:210px; left:-53px; top:0;position: relative; background:rgba(35,99,200,0.8);}
.header .nav ul.nav_pc li .nav2 li{width:100%; line-height:40px;}
.header .nav ul.nav_pc li .nav2 li a{width:100%; color:#fff; display:block;padding:0;text-align:center;font-size:14px;}
.header .nav ul.nav_pc li .nav2 li a:hover{width:100%; background:#0098d8;}
.header .nav .nav_wap{position:absolute;top:-20px;right:0px;z-index:7777;}
.header .nav .nav_wap img{width:30px;}
.header .nav ul.nav_m{position:absolute;width:100%;top:-20px;right:0px;background:rgba(8, 119, 255, 0.95);z-index:6666;display:none;}
.header .nav ul.nav_m li{font-size:16px;display:block;padding:10px 10px;border-bottom:1px solid #aaa;text-align:center;}
.header .nav ul.nav_m li a.two{text-align:right;}
.header .nav ul.nav_m li a{display:block;color:#fff;}
.header .nav ul.nav_m li.san a.one{background:url(../img/zp7.png) no-repeat right center;background-size:5%;}
.header .nav ul.nav_m li.san a.one2{background:url(../img/zp8.png) no-repeat right center;background-size:5%;}
.header .nav ul.nav_m li.san ul.nav2{margin-top:10px;}
.header .nav ul.nav_m li.san ul li{font-size:14px;border:0px;border-top:1px solid #aaa;width:80%;margin:0px auto;}
.header .nav ul.nav_m li.san ul li a{color:#f8f8f8;}

.header2{position:static;padding:40px 0px 20px;overflow:hidden;}
.header2 .nav ul.nav_pc li a.one{color:#333333;}
.header2 .nav ul.nav_pc li .nav2{top:85px;}

.banner{width:100%;position:relative;text-align:center;}

.shipin{width:100%;position:relative;text-align:center;overflow:hidden;}
.shipin video{width:100%;height:100%;overflow:hidden;background:#020c18;}
.shipin img{position:absolute;margin-top:-100px;}

.fuwu{background:#0e121f;padding:100px 0px;overflow:hidden;}
.fuwu img{float:left;width:22%;margin:0px 1.5%;}

.weidubg{background:#0e121f;overflow:hidden;margin-top: -5px;}
.weidubg .weidu{color:#fff;}
.weidubg .weidu .wenzi{font-size:20px;margin-top:300px;}
.weidubg .weidu .wenzi h1{font-size:50px;font-weight:normal;}

.shujubg{background:#131826;overflow:hidden;}
.shujubg .shuju{padding:20px 0px;color:#fff;}
.shujubg .shuju .wenzi{font-size:20px;margin-top:250px;width: 38%;}
.shujubg .shuju .wenzi h1{font-size:50px;font-weight:normal;}
.shujubg .shuju .wenzi img{width:24px;position:relative;top:5px;}

.footer{background:url(../images/Footer-bg.png); background-size:100%; overflow:hidden;}
.footer ul{float:left;margin:90px 0px;}
.footer ul li{line-height:40px; color:#808080; font-size:16px;}
.footer a{color:#808080;}
.footer ul li a{font-size:14px;color:#808080;}
.footer ul li.name{font-size:28px; line-height:60px; padding-top:10px;}
.footer ul li.name a{font-size:16px;color:#fff;}
.footer ul li a:hover{color:#287ce3;}
.footer ul li .dianhua{position:relative;top:3px;}
.footer ul li .youxiang{position:relative;top:2px;}
.footer ul li h1{font-size:24px;}
.footer ul li .wenzi{position:relative;top:-7px;line-height:24px;}

.content{}
.content .c_title{color:#a9a9a9;font-size:16px;width:100%;height:55px;line-height:55px;background:url(../img/gy2.png) no-repeat left bottom;}
.content .c_title span{color:#333333;font-size:30px;font-weight:bold;}
.content .c_content{line-height:28px;font-size:15px;}
.content .c_content video{width:100%;}
.content .c_content img{max-width:100%;}
.content .c_left{width:45%;}
.content .c_right{width:45%;}

.content .cp_left{width:49.5%;font-size:15px;line-height:30px;}
.cp_left h1{font-size:30px;color:#0098d8; text-align: center;}
.content .cp_right{width:42%;}
.content .cp2{width:100%;background:#131826;padding:60px 0px;}
.content .cp4{width:100%;background:#131826;padding:60px 0px;overflow:hidden;}
.content .cp4 ul li{float:left;width:31.5%;margin-left:1.5%;margin-bottom:1.5%;height:180px;background:#fff;font-size:14px;color:#666666;line-height:20px;}
.content .cp4 ul li .cp_w{height:100%;width:95%;margin:0px auto;}
.content .cp4 ul li.cp5{line-height:180px;font-size:30px;}
.content .cp4 ul li.cp5 span{color:#287ce3;font-weight:bold;}
.content .cp4 ul li font{font-size:17px;color:#333333;}
.content .cp4 ul li.cp5 .cp_w{;width:90%;background:#fff url(../img/cp5.png) no-repeat right center;}
.content .cp4 ul li.cp6 .cp_w{background:#fff url(../img/cp6.png) no-repeat left center;}
.content .cp4 ul li.cp7 .cp_w{background:#fff url(../img/cp7.png) no-repeat left center;}
.content .cp4 ul li.cp8 .cp_w{background:#fff url(../img/cp8.png) no-repeat left center;}
.content .cp4 ul li.cp9 .cp_w{background:#fff url(../img/cp9.png) no-repeat left center;}
.content .cp4 ul li.cp10 .cp_w{background:#fff url(../img/cp10.png) no-repeat left center;}
.content .cp4 ul li.cp11 .cp_w{background:#fff url(../img/cp11.png) no-repeat left center;}
.content .cp4 .cp_title{font-size:30px;font-weight:bold;text-align:center;color:#fff;padding-bottom:60px;}

.content .jj_title{margin:50px 0px;font-size:18px;color:#666666;}
.content .jj_title h1{color:#287ce3;}
.content .jj_content ul li{margin:0px 25px;background:url(../img/a7.png) no-repeat center top;display:inline-block;width:130px;background-size: 100% !important;margin-bottom:20px;}
.content .jj_content ul li a{display:block;color:#666666;padding-top:140px;}
.content .jj_content ul li.jjff1{background:url(../img/jjff1.png) no-repeat center top;}
.content .jj_content ul li.jjff1:hover{background:url(../img/jjff11.png) no-repeat center top;background-size: 110% !important;}
.content .jj_content ul li.jjff2{background:url(../img/jjff2.png) no-repeat center top;}
.content .jj_content ul li.jjff2:hover{background:url(../img/jjff22.png) no-repeat center top;background-size: 110% !important;}
.content .jj_content ul li.jjff3{background:url(../img/jjff3.png) no-repeat center top;}
.content .jj_content ul li.jjff3:hover{background:url(../img/jjff33.png) no-repeat center top;background-size: 110% !important;}
.content .jj_content ul li.jjff4{background:url(../img/jjff4.png) no-repeat center top;}
.content .jj_content ul li.jjff4:hover{background:url(../img/jjff44.png) no-repeat center top;background-size: 110% !important;}
.content .jj_content ul li.jjff5{background:url(../img/jjff5.png) no-repeat center top;}
.content .jj_content ul li.jjff5:hover{background:url(../img/jjff55.png) no-repeat center top;background-size: 110% !important;}
.content .jj_content ul li.jjff6{background:url(../img/jjff6.png) no-repeat center top;}
.content .jj_content ul li.jjff6:hover{background:url(../img/jjff66.png) no-repeat center top;background-size: 110% !important;}
.content .jj_content ul li.jjff7{background:url(../img/jjff7.png) no-repeat center top;}
.content .jj_content ul li.jjff7:hover{background:url(../img/jjff77.png) no-repeat center top;background-size: 110% !important;}

.content .jjfa_left{width:50%;}
.content .jjfa_right{width:35%;}
.content .jjfa{font-size:20px;color:#fff;padding:60px 0px;background:#131826;}
.content .jjfa h1{font-size:30px;}
.content .bgnone{background:none;color:#666666;}
.content .bgnone h1{color:#287ce3;}

.content ul.news{}
.content ul.news li{margin-top:20px;width:100%;background:#fff;overflow:hidden;padding:20px;}
.content ul.news li .date{font-size:14px;color:#fff;background:url(../img/news1.png) no-repeat left top;position:absolute;width:67px;height:72px;text-align:center;padding-top:10px;line-height:24px;margin-left:-20px;margin-top:-20px;}
.content ul.news li .date i{font-size:25px;font-weight:bold;}
.content ul.news li .img{width:280px;height:180px;}
.content ul.news li .img img{width:100%;height:100%;}
.content ul.news li .txt{font-size:14px;color:#666666;height:180px;width:860px;}
.content ul.news li .txt a{color:#333333;font-size:22px;}
.content ul.news li .txt a.xq{background:#f3f5f7;font-size:14px;padding:7px 20px;color:#808080;}
.content ul.news li .txt .miaoshu{height:80px;line-height:24px;}
.content ul.news li:hover .date{background:url(../img/news2.png) no-repeat left top;}
.content ul.news li:hover a.xq{background:#287ce3;color:#fff;}

.content .newsbg{background:#fff;}
.content .news_title{color:#808080;}
.content .news_title h1{font-size:22px;color:#333;margin-top:30px;}
.content .newsbg img{max-width:100%;height:auto;}

.content .zp_content{line-height:28px;background:#fff;color:#666666;font-size: 14px;}
.content .zp_content h1{font-size:22px;color:#287ce3;}

.content .wenhua{line-height:30px;font-size:16px;color:#666666;}
.content .wenhua h1{color:#333;font-size:30px;font-weight:normal;}
.content .wenhua ul{width:1300px;}
.content .wenhua ul li{float:left;width:29.8%;margin-right:1.5%;margin-top:1%;}
.content .wenhua ul li img{width:100%;}

.content .toujianli{}
.content .toujianli h1{font-size:22px;color:#333;font-weight:normal;}

.content .tjl_content{background:#fff;}
.content .tjl_content .txt{margin-bottom:10px;}
.content .tjl_content .title{font-weight:bold;font-size:16px;color:#666666;border-bottom:2px solid #f3f5f7;height:45px;line-height:45px;background:url(../img/zp6.png) no-repeat right center;}
.content .tjl_content .title2{background:url(../img/zp5.png) no-repeat right center;}
.content .tjl_content .miaoshu{line-height:28px;}
.content .tjl_content a.dj{padding:7px 20px;color:#fff;background:#287ce3;}

.wenzi_h2{position:absolute;width:105px;margin-left:280px;margin-top:150px;}
.wenzi_h6,.wenzi_h61,.wenzi_h62,.wenzi_h63,.wenzi_h64,.wenzi_h65,.wenzi_h66{position:absolute;width:10px;margin-left:258px;margin-top:453px;}
.wenzi_h61{margin-left:268px;margin-top:410px;}
.wenzi_h62{margin-left:298px;margin-top:430px;}
.wenzi_h63{margin-left:365px;margin-top:353px;}
.wenzi_h64{margin-left:395px;margin-top:373px;}
.wenzi_h65{margin-left:403px;margin-top:328px;}
.wenzi_h66{margin-left:433px;margin-top:348px;}
.wenzi_h7,.wenzi_h71{position:absolute;width:5px;margin-left:183px;margin-top:100px;}
.wenzi_h71{margin-left:403px;margin-top:50px;}
.wenzi_h8,.wenzi_h81{position:absolute;width:5px;margin-left:253px;margin-top:405px;}
.wenzi_h81{margin-left:493px;margin-top:270px;}
.wenzi_h9{color:#f6b851;font-weight:bold;font-size:20px;position:absolute;width:65px;text-align:center;height:65px;line-height:40px;background:url(../images/h9.png) no-repeat left top;background-size:100%;margin-left:425px;margin-top:425px;}

.che1,.che2,.che3,.che4,.che5{position:absolute;width:85px;}
.che1{margin-left:145px;margin-top:55px;}
.che2{margin-left:315px;margin-top:155px;}
.che3{margin-left:340px;margin-top:300px;}
.che4{margin-left:320px;margin-top:505px;width:135px;}
.che5{margin-left:330px;margin-top:570px;width:55px;}

.wenzi_a,.wenzi_b,.wenzi_h1,.wenzi_h3,.wenzi_h10{font-size:12px;position:absolute;}
.wenzi_a{margin-left:244px;margin-top:38px;color:#f6b851;font-size:16px;}
.wenzi_b{margin-left:457px;margin-top:377px;color:#f6b851;font-size:16px;}
.wenzi_h1{z-index:6;width:18px;margin-left:186px;margin-top:10px;}
.wenzi_h3{width:35px;margin-left:455px;margin-top:508px;}
.wenzi_h10{width:30px;margin-left:440px;margin-top:145px;}

.footer .w25{width:27%;}
.content iframe{width:50%;height:370px;margin:130px 0px;}
.c333{color:#333;display:none;}
.c333 a{color:#333;}

	.contrast{
		width:100%;
		overflow:hidden;
	}
	.title{
		color:#333333;
		font-size:30px;
		display:block;
		margin-top:60px;
		margin-bottom:35px;
		text-align:center;
	}
	.vs{
		width:1175px;
		margin:0 auto;
		overflow:hidden;
	}
	.v,.s{
		width:49.5%;
		float:left;
		height:459px;
	}
	.vs strong,.vs span,.vs p,.vs ul{
		margin-left:140px;
		display:block;
		list-style:none;
		color:#d2d2d2;
		line-height:35px;
	}
	.vs b{
		display:none;
	}
	.vs strong{
		margin-top:120px;
		font-size:26px;
	}
	.vs span{
		font-size:20px;
	}
	.vs p{
		height:1px;
		width:55%;
		margin-top:25px;
		margin-bottom:25px;
		background:#35373b;
	}
	.vs ul{
		font-size:18px;
	}
	.s strong,.s span,.s p,.s ul{
		color:#fff;
		margin-left:160px;
	}
	.s p{
		background:#5895da;
	}
	.v{
		background:url('../img/new_04.png') no-repeat;
	}
	.s{
		background:url('../img/new_05.png') no-repeat;
	}
	/*contrast stop*/
	/*chart start*/
	.chart{
		width:100%;
		margin-top:90px;
		background:#131826;
		overflow:hidden;
		padding-bottom:30px;
	}
	.chart .title{
		color:#fff;
	}
	.chart img{
		display:block;
		width:1200px;
		margin:0 auto;
	}
	.chart .mobile_block{
		display:none;
	}
	/*chart stop*/
	/*Solution start*/
	.Solution{
		width:1470px;
		margin:0 auto;
	}
	.Solution p{
		text-align:center;
		margin-top:-35px;
		font-size:24px;
		color:#666666;
	}
	.Solution ul{
		width:100%;
		margin:0 auto;
		margin-top:80px;
		overflow:hidden;
	}
	.Solution ul li{
		float:left;
		width:456px;
		height:525px;
		margin-bottom:50px;
		list-style:none;
	}
	.Solution .rl_margin{
		margin-left:50px;
		margin-right:50px;
	}
	.Solution ul li img{
		width:100%;	
	}
	.Solution ul li p{
		font-size:18px;
		color:#fff;
		width:90%;
		margin:0 auto;
		margin-top:-80px;
		text-align:center;
	}
	/*Solution stop*/
	/*models start*/
	.models{
		width:100%;
		overflow:hidden;
		background:#131826;
		padding-bottom:30px;
	}
	.models .title{
		color:#fff;
	}
	.models ul{
		width:1470px;
		overflow:hidden;
		margin:0 auto;
	}
	.models ul .rl_margin{
		margin-left:50px;
		margin-right:50px;
	}
	.models ul li{
		list-style:none;
		float:left;
		height:416px;
	}
	
	.models ul li img{
		width:100%;
	}
	.models ul li p{
		font-size:18px;
		color:#fff;
		width:90%;
		margin:0 auto;
		margin-top:-60px;
		text-align:center;
	}
	/*models stop*/
	
/*20200519 add*/
.industry {
    background:#060C19;
	padding-bottom: 50px;
}
.page-container {
    max-width: 1200px;
    margin: 0 auto;
}
.block-title {
    padding-top: 50px;
    font-size:50px;
    line-height: 78px;
    color: #fff;
    text-align: center;
}
.industry .item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.industry .item-container .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 60px;
}
.industry .item-container .item .item_size {
    width: 200px;
    margin: 0 auto;
}
.industry .item-container .item .radial {
    width: 200px;
    height: 200px;
    position: relative;
    margin: 0 auto;
}
.industry .item-container .item .numscroller {
    height: 50px;
    font-size: 50px;
    font-weight: bold;
    color: #0064ff;
    line-height: 50px;
    margin-top: 50px;
    letter-spacing: -1px;
    text-align: center;
}
.industry .item-container .item .desc {
    height: 20px;
    font-size: 20px;
    color: #808080;
    line-height: 20px;
    margin-top: 40px;
    text-align: center;
}
.industry .item-container .item .radial .animate, .industry .item-container .item .radial .img {
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
}
.industry .item-container .item .radial .img {
    background-position: center center;
    background-repeat: no-repeat;
}
.radial{ background:url(../images/y_b.png) no-repeat center;}

@media screen and (max-width: 600px) {
  .industry .item-container .item .item_size {
    width: 48vw;
    margin: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.7);
  }	
.industry .item-container .item {
    padding-top: 0;
  }
}
.introduce {
	transform: translateZ(50px);
	float: left;
}
.banner-title{ 
    text-align:center;
	float:none !important;
	width:100%;
}
.banner-title .introduce__content{ 
    text-align:center !important;
	float:none !important;
	width:100% !important;
}
.line-center{
	text-align:center;
	margin:20px auto 0 auto;
}
.introduce .introduce__line {
	width: 40px;
	margin-top: 50px
}

.logo-bottom{
    width:22%;
}
.logo-bottom-img{
	width:100%;
}
.foot-wenzi{
	padding-left:4%;
}
.fdio_container_right {
	position: relative;
	width:576px;
}

.fdio_container_right>img {
	position: relative;
	z-index: 2
}

.fdio_container_right .drop_1 {
	width: 16px;
	height: 22px;
	background: url(../images/2_01_chahua05.png) no-repeat;
	background-size: contain;
	position: absolute;
	animation: onShowMoveUP 4s linear .5s infinite;
	z-index: 3
}

.fdio_container_right .drop_2 {
	width: 16px;
	height: 22px;
	background: url(../images/2_01_chahua06.png) no-repeat;
	background-size: contain;
	position: absolute;
	animation: onShowMoveUP 4s linear .5s infinite;
	z-index: 3
}

.fdio_container_right .ico_1 {
    top: 190px;
    left: 64px;
}

.fdio_container_right .ico_2 {
	bottom: 130px;
	right: 160px
}

.fdio_container_right .ico_3 {
	bottom: 164px;
	right: 40px
}

.fdio_container_right .ico_4 {
	width: 32px;
	height: 36px;
	background: url(../images/h1.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 196px;
	right: 118px;
	animation: animateAdxMove9 4s linear .5s infinite;
	z-index: 3
}

.fdio_container_right .ico_5 {
	width: 117px;
	height: 100px;
	background: url(../images/2_01_chahua08.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 127px;
    right: 171px;
	animation: animateAdxMove10 4s linear .5s infinite;
	z-index: 1
}

@keyframes onShowMoveUP {
	0% {
		opacity: 0;
		transform: translateY(0)
	}

	50% {
		opacity: .5;
		transform: translateY(-10px)
	}

	to {
		opacity: 1;
		transform: translateY(-20px)
	}
}


@keyframes animateAdxMove9 {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-20px)
	}

	to {
		transform: translateY(0)
	}
}
@keyframes animateAdxMove10 {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-50px)
	}

	to {
		transform: translateY(0)
	}
}
.banner_bg{
	background:url(../images/banner-sjsoc.png) no-repeat !important;
}

#fdio__banner {
	background: linear-gradient(90deg,#04043C,#07072D); 
	background-size:100%;
	overflow: hidden;
	padding-bottom: 100px;
}

#fdio__banner .fdio__container {
    padding-top: 160px;
    margin: 0 auto;
    height: 540px;
/*    display: -ms-flexbox;
  display: flex; */
}

#fdio__banner .fdio__container .introduce .introduce__title {
	margin-top: 73px;
	line-height: 76px;
	font-size: 46px;
/*	background:#0098d8;   
    background:#0098d8\0;
	background: linear-gradient(90deg,#2e9dfd,#0098d8); */
	color: #0098d8;
	-webkit-background-clip: text
}
.introduce__title img{
    width:65%;
	height:auto;
}
#fdio__banner .fdio__container .introduce .introduce__line {
	width: 40px;
	margin-top:20px
}

#fdio__banner .fdio__container .introduce .introduce__content {
	margin-top: 20px;
	line-height: 48px;
	font-size: 30px;
	text-align: left;
	color: #fff
}

#fdio__banner .fdio__container .fdio_container_right {
	position: relative
}

#fdio__banner .fdio__container .fdio_container_right>img {
	margin-top: 50px;
}

#fdio__banner .fdio__container .fdio_container_right .drop_1 {
	width: 16px;
	height: 22px;
	background: url(../img/2_01_chahua05.png) no-repeat;
	background-size: contain;
	position: absolute;
	animation: onShowMoveUP 4s linear .5s infinite;
	z-index: 3
}

#fdio__banner .fdio__container .fdio_container_right .drop_2 {
	width: 16px;
	height: 22px;
	background: url(../img/2_01_chahua06.png) no-repeat;
	background-size: contain;
	position: absolute;
	animation: onShowMoveUP 4s linear .5s infinite;
	z-index: 3
}

#fdio__banner .fdio__container .fdio_container_right .ico_1 {
	top: 160px;
	left: 60px
}

#fdio__banner .fdio__container .fdio_container_right .ico_2 {
	bottom: 230px;
	right: 160px
}

#fdio__banner .fdio__container .fdio_container_right .ico_3 {
	bottom: 250px;
	right: 40px
}

#fdio__banner .fdio__container .fdio_container_right .ico_4 {
	width: 13px;
	height: 14px;
	background: url(../img/2_01_chahua04.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 340px;
	right: 140px;
	animation: animateAdxMove10 4s linear .5s infinite;
	z-index: 3
}

#fdio__banner .fdio__container .fdio_container_right .ico_5 {
	width: 117px;
	height: 100px;
	background: url(../img/2_01_chahua08.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 350px;
	right: 180px;
	animation: animateAdxMove10 4s linear .5s infinite;
	z-index: 1
}
.introduce__line {
    width: 40px;
    margin-top: 50px;
    height: 2px;
    background-color: #0098d8;
}
.main_content{
	padding:20px 0 100px;
	background:#fff url(../images/1_01_bgimg.png) no-repeat bottom;
	background-size:100%;
}
.banner_right{
    float: right;
}
.cp_left{
	width:66%;
	float: left;
}
.cp_left p{
	line-height:30px;
	font-size:16px;
	margin-top:20px;
	text-align:justify;
	padding-right: 50px;
}
.cp_right {
    width: 34%;
    height: auto;
/*	margin-top:70px; */
}
.application span{
	display:block;
	text-align:center;
	font-size:16px;
	line-height:40px;    
}
.application li{
	text-align:center;
	color:#0098d8;
	line-height:40px;
	display:block;
	font-size:16px;
}
/*.application li a{
	color:#0098d8;
	line-height:40px;
	display:inline-block;
	font-size:16px;
}
.application li a:hover{
	color:#000;
	text-decoration:underline ;
}*/
.About{
    width:90%;
	margin:0 auto;
}
.About-l{
	width:50%;
	float:left;
	height:356px;
	padding-top:80px;
	background:#0098d8;
	color:#fff;
	text-align:center;
	line-height:60px;
}

.About-l h2{
	font-weight:100;
	font-size: 22px;
}
.About-r{
	width:50%;
	float:right;
}
.About-r img{
	width:100%;
	height:356px;
}

/*news list*/
.faq-fl {
    width:100%;
}
.news-list {
    padding:10px;
}
.news-list li .com-img {
    float: left;
    width: 29.7%;
}
.news-list li {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    margin-bottom: 24px;
    padding-bottom: 24px;
}
.news-list li img {
    width:300px;
	height: 200px;
	vertical-align: middle;
}
.ofH {
    overflow: hidden;
}
.news-list li .note {
    width: 70%;
    float: right;
}
.news-list li h4 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    position: relative;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news-list li .note h4 a:hover{
    color: #0098d8;
}
.news-list li p {
    margin: 20px auto;
    color: #000;
    font-size: 16px;
    font-weight: lighter;
    line-height: 30px;
    display: -webkit-box;
    text-overflow: ellipsis;
/*    -webkit-line-clamp: 3;  */
    -webkit-box-orient: vertical;
	text-align: justify;
}
.news-list li .info {
    position: relative;
}
.news-list li span.date {
	background:url(../images/icon_time.png) no-repeat left center;
	padding-left:25px;
}
.news-list li .info a {
    position: absolute;
    right: 0px;
    color: #b7b6b7;
    font-weight: lighter;
    font-size: 14px;
}
.news-list li .info a:hover{
    color: #0098d8;
}
.address{
    width:39%;
}
.map{
	width:60%;
}
.obw-static-list b{
    font-size: 24px;
    line-height: 60px;
    font-weight: normal;
}
.obw-static-list li {
    margin:0 0 10px 0;
	font-size:16px;
	background:url(../images/yd-icon.png) no-repeat left;
	padding-left:30px;
	text-align: left;
}
table.list-table {
    background-color: #FCFCFC;
    border-collapse: collapse;
    color: #000;
    text-align: center;
    width:100%;
    border: 1px solid #eee;
	margin-top: 20px;
}
table.list-table thead tr th {
    background-color: #C7DFF1;
	padding: 5px 0;
}
table.list-table tbody tr.tblrow-gray {
    background-color: #EBF1FB;
}
table.list-table tbody tr td {
    padding: 3px;
    border: 1px solid #DAE5EE;
    vertical-align: middle;
}
.address h4{
	font-size:20px;
}
.address ul{
	margin: 20px 0 0 20px;
}
.address ul li{
	font-size:16px;
	line-height:50px;
}
.row {
    margin-left: 0px;
    margin-right: 0px;
}
.col-md-3 {
    width: 25%;
	padding-left:20px;
    padding-right:20px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
    float: left;
}
.row .col-md-3 img{
	width:100%;
	height:auto;
}
.row:after {
    clear: both;
}
thumbnail
.row:before, .row:after {
    display: table;
    content: " ";
}
.thumbnail {
	display: inline-block;
	display: block;
	height:380px;
	max-width: 100%;
	padding:10px;
	margin-bottom:40px;
	line-height: 1.428571429;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
a.thumbnail:hover, a.thumbnail:focus { border-color: #ddd; -moz-box-shadow:0px 0px 15px #333333; -webkit-box-shadow:0px 0px 15px #333333; box-shadow:0px 0px 15px #333333; color:#0098d8;}
.thumbnail > p{ padding:10px 0;
    text-align: center;
}
.service-cont{
    width:90%;
	margin:0 auto;
	font-size:16px;
	line-height:30px;
}
.service-cont div{
    font-size:16px;
}
.service-cont h1{
    font-size: 30px;
    color: #0098d8;
    text-align: center;
	line-height:30px;
	margin:35px 0;
}
.service-cont img {
    display: block;
    margin: 0 auto 30px auto;
}
.service-cont h3{
	line-height:36px;
}
.service-cont p{
    font-size: 16px;
    line-height: 30px;
    margin: 0 auto;
    padding: 5px 0 10px 0;
/*    text-indent: 2em;  */
}
.web_link {
    display: inline-block;
    border-radius: 50px;
    border: 1px solid #1c499e;
    padding-left: 48px;
    line-height: 76px;
    font-size: 30px;
    padding-right: 135px;
    color: #1c499e;
    position: relative;
	text-align:center;
}
.web_link:before {
    background: url(../images/RighInfo000242-search.png) no-repeat;
    width: 49px;
    height: 49px;
    right: 63px;
    top: 13px;
    position: absolute;
    content: '';
}
.about-banner{
    width:100%;
	height:auto;
	position:absolute;
}
.gray {
    background: #f5f5f5;
}
.fangan_title{
	text-align: center;
    font-size: 30px;
    padding: 50px 0 20px;
}
.banner-img{
	background:#f5f5f5;
	text-align: center;
}
.banner-img img{
	width:80%;
	height:auto;
	margin:30px 0 50px 0;
}
.banner2{
	background:#060C19;
	text-align: center;
}
.banner2 img{
    width: 80%;
    height: auto;
	margin:50px 0;
}
.pic-group3 {
    height: 320px;  
    margin: 0 auto;
    width: 870px;
    margin-bottom:30px;
}
.pic-group3 .pic3 {
    width: 230px;
    margin: 0 30px;
    float: left;
}
.pic3 img {
    width: 100%;
    display: block;
	box-shadow: 0 7px 12px 0 hsla(0,0%,89%,.5);
}
.pic3 p {
    font-size: 24px;
    color: #666;
    padding: 25px 0 10px 0;
    margin-top: -120px;
    text-align: center;
}
.pic-group4 {
    height: 320px;
    margin: 0 auto;
    width: 1260px;
    margin-bottom: 60px;
}
.pic-group4 .pic4 {
    width: 230px;
    margin: 0 30px;
    float: left;
}
.pic-group4 .pic4 img{
    box-shadow: 0 7px 12px 0 hsla(0,0%,89%,.5);
}
.pic4 p {
    font-size: 24px;
    color: #0062ab;
    padding: 25px 0 10px 0;
    margin-top: -100px;
    text-align: center;
}