/*头部*/
.header{ font-size:0; margin:0 auto; position: absolute; top:0; left:0; z-index:3; width:100%; border-bottom:solid 1px rgba(255, 255, 255, 0.1);}
.header .logobox{ width:24%; display:inline-block; vertical-align: middle; }
.header .Ribox{ position: relative; text-align:right; width:76%; display:inline-block; vertical-align: middle; }
.header .Rinbox{ display:inline-block; font-size:0; margin-left:20px; }
.header .Rinbox a{ margin-left:40px; width:20px; height:20px; display:inline-block; vertical-align: middle; }
.header .Rinbox a.but_lx{ margin-left:0; background:url(../images/top_icon1.png) no-repeat center; background-size:center; }
.header .Rinbox a.but_su{ cursor: pointer; background:url(../images/top_icon2.png) no-repeat center; background-size:center; }
.header .top_nav{ text-align:center; max-width:90%; font-size:0; display:inline-block; vertical-align: middle; }
.header .top_nav li{ margin:0 20px; text-align:center; display:inline-block; }
.header .top_nav li span{ line-height:100px; position: relative; display:inline-block; vertical-align: middle;}
.header .top_nav li a{ color:#fff; font-size:18px; }
.header .top_nav li span:after{ opacity:0; transition:all .5s; content:''; position: absolute; bottom:0; left:0; width:100%; height:2px; background:rgba(255, 255, 255, 0.5);}
.header .top_nav li span:hover:after,
.header .top_nav li.on span:after{ opacity:1; }
.header .Top_Search{ line-height:35px; background:rgba(255, 255, 255, 0.9); width:235px; position: absolute; right:0; }
.header .Top_Search input{ line-height:35px; float:left; color:#333; }
.header .Top_Search input.text{width:200px; padding:0 10px;}
.header .Top_Search input.but{ background: url(../images/top_icon3.png) center no-repeat; cursor: pointer; width:35px; height:35px; float:right;}
.header .Tmenu_icon{ display:none;}

/*home_ban*/
.home_ban{ position: relative; overflow: hidden; width:100%; z-index:2;}
.home_ban:after{ content:''; position: absolute; bottom:0; left:0; z-index:4; display:block; width:100%; height:14%; background:url(../images/Mask_bg.png) center bottom no-repeat; background-size:100% 100%; }
.home_ban .owl-carousel{ position: relative; z-index:2; }
.home_ban img{ vertical-align:middle; width:100%; }
.home_ban img.Web_img{ display:none; }
.home_ban .slide{ width:100%; }
.home_ban .owl-dots{ position:absolute; bottom:18%; text-align: center; width:100%; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.home_ban .owl-dots .owl-dot{ display: inline-block; border-radius:4px; vertical-align: middle; width:50px; height:3px; margin:0 15px; background-color:#fff; opacity:1;}
.home_ban .owl-dots .owl-dot.active{ background-color:#10346a; }
.home_ban .owl-nav{ max-width:1440px; width:100%; height:0; position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.home_ban .owl-nav button{ background:none; border:none;}
.home_ban .owl-nav button span{ display:block; font-size:0; border:none; width:30px; height:60px;}
.home_ban .owl-nav .owl-prev{ float:left; margin-left:-60px; }
.home_ban .owl-nav .owl-next{ float:right; margin-right:-60px; }
.home_ban .owl-nav .owl-prev span{ background:url(../images/prev_icon.png) no-repeat center; left:8%; }
.home_ban .owl-nav .owl-next span{ background:url(../images/next_icon.png) no-repeat center; right:8%; }

.ban-text{ width:100%; line-height:50px; font-family:'YouSheBiao'; color:#fff; position: absolute; top:50%; z-index:3; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.ban-text .text1{ font-size:70px; }
.ban-text .text2{ font-size:30px; }
/*home_ban end*/



/*首页*/
.home_back{ background:#081f42; overflow: hidden;}
.screen .tity{ line-height:40px; text-align:center; color:#fff; position: relative; z-index:5; }
.screen .tity:after{ content:''; display:block; width:3em; height:2px; background-color:#fff; opacity:.5; border-radius:6px; margin:0 auto;}
.screen .tity h4{ font-size:36px; font-weight:500; }
.screen .tity span{ display:block; font-size:18px; opacity:.5; }
.screen1{ min-height:500px; background:url(../images/back_one1.png) center no-repeat; background-size:contain; padding:60px 0; position: relative;}
.screen1 .inner{ position: relative; }
.screen1 .Conbox{ padding:29.2% 0; position: relative; margin:0 auto; text-align:center; }
.screen1 .Conbox .pic{ position:absolute; z-index:3; left:50%; top:51%; width:33%; height:56.5%; display:inline-block; vertical-align: middle; border-radius:50%; overflow: hidden; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.screen1 .Conbox .circle{ position:absolute; z-index:2; left:50%; top:50%; width:39.5%; height:67.61%; background:url(../images/back_one3.jpg) no-repeat center; background-size:contain; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.screen1 .Conbox .back_bg2,
.screen1 .Conbox .back_bg{ position:absolute; z-index:1; top:0; left:2%; width:96%; height:100%; background:url(../images/back_one2.jpg) no-repeat center; background-size:contain!important; }
.screen1 .Conbox .back_bg2{ opacity:0; background:url(../images/back_one02.jpg) no-repeat center; transition:all 2s;animation:toumi 3s infinite;}
.screen1 .Conbox .Spin_circle{ position: absolute; top:7.8%; left:24.4%; z-index:8; width:50.7%; height:86.81%; }
.screen1 .Conbox .Spin_circle .Spin{background:url(../images/yuan_dian1.png) no-repeat center; background-size:100%; width:90%; height:90%; position:absolute; left:5%; top:5%; animation: rotate 22s linear infinite;}
.screen1 .Conbox .list li{ cursor: pointer; position:absolute; z-index:6; background-color:#0f3c66; background-position:center!important; background-size:contain!important; background-repeat:no-repeat!important; width:100px; height:100px; border-radius:50%; overflow: hidden; }
.screen1 .Conbox .list li:nth-child(1){ right:32%; top:1.5%; }
.screen1 .Conbox .list li:nth-child(2){ right:8%; top:18%; }
.screen1 .Conbox .list li:nth-child(3){ right:0; top:47%; }
.screen1 .Conbox .list li:nth-child(4){ right: 11%;top: 72%;}
.screen1 .Conbox .list li:nth-child(5){ right:33%;top: 85%;}
.screen1 .Conbox .list li:nth-child(6){ left: 25%;top: 82%;}
.screen1 .Conbox .list li:nth-child(7){ left: 4%;top:61%;}
.screen1 .Conbox .list li:nth-child(8){ left:0; top:33%; }
.screen1 .Conbox .list li:nth-child(9){ left:19%; top:7%; }
.screen1 .list_con .tex{ opacity:0; box-shadow:0 0 10px rgba(255, 255, 255, 0.5); border-radius:10px 80px 80px 10px; padding:25px; position:absolute; background-color:#081f42; width:30%; z-index:5;}
.screen1 .list_con .tex a{color:#fff; }
.screen1 .list_con .tex .wen{ font-size:14px; line-height:25px; overflow-x:auto; height:75px; width:70%; float:left; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.screen1 .list_con .tex .tit{ text-align:center; position:absolute; top:-2.5%; right:-5%; width:35%; height:105%; background:url(../images/tit_icon.png) no-repeat center; background-size:contain; }
.screen1 .list_con .tex .tit .grid{ position: absolute; top: 50%; right:10%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 80%;}
.screen1 .list_con .tex .tit .grid span{ display:block; }
.screen1 .list_con .tex:nth-child(1),
.screen1 .list_con .tex:nth-child(2),
.screen1 .list_con .tex:nth-child(3),
.screen1 .list_con .tex:nth-child(4),
.screen1 .list_con .tex:nth-child(5){ border-radius:80px 10px 10px 80px;}
.screen1 .list_con .tex:nth-child(1) .tit,
.screen1 .list_con .tex:nth-child(2) .tit,
.screen1 .list_con .tex:nth-child(3) .tit,
.screen1 .list_con .tex:nth-child(4) .tit,
.screen1 .list_con .tex:nth-child(5) .tit{ right:auto; left:-5%; }
.screen1 .list_con .tex:nth-child(1) .wen,
.screen1 .list_con .tex:nth-child(2) .wen,
.screen1 .list_con .tex:nth-child(3) .wen,
.screen1 .list_con .tex:nth-child(4) .wen,
.screen1 .list_con .tex:nth-child(5) .wen{ float: right;}
.screen1 .list_con .tex:nth-child(1){ opacity:0; text-align:left; right:30%; top:7%; }
.screen1 .list_con .tex:nth-child(2){ opacity:0; text-align:left; right:30%; top:21%; }
.screen1 .list_con .tex:nth-child(3){ opacity:0; text-align:left; right:30%; top:46.5%; }
.screen1 .list_con .tex:nth-child(4){ opacity:0; text-align:left; right:30%; top:68%; }
.screen1 .list_con .tex:nth-child(5){ opacity:0; text-align:left; right:30%; top:80%; }
.screen1 .list_con .tex:nth-child(6){ opacity:0; text-align:left; left:30%; top:77.5%; }
.screen1 .list_con .tex:nth-child(7){ opacity:0; text-align:left; left:30%; top:59%; }
.screen1 .list_con .tex:nth-child(8){ text-align:left; left:30%; top:35%; }
.screen1 .list_con .tex:nth-child(9){ text-align:left; left:30%; top:12%; }
.screen1 .list_con .tex.on{ z-index:9; }
.screen1 .list_con .tex.on:nth-child(1){ opacity:1; right:19%; transition:all .8s; }
.screen1 .list_con .tex.on:nth-child(2){ opacity:1; right:6%; transition:all .8s; }
.screen1 .list_con .tex.on:nth-child(3){ opacity:1; right:2%; transition:all .8s; }
.screen1 .list_con .tex.on:nth-child(4){ opacity:1; right:8%; transition:all .8s; }
.screen1 .list_con .tex.on:nth-child(5){ opacity:1; right:19%; transition:all .8s; }
.screen1 .list_con .tex.on:nth-child(6){ opacity:1; left:14%; transition:all .8s; }
.screen1 .list_con .tex.on:nth-child(7){ opacity:1; left:3%; transition:all .8s; }
.screen1 .list_con .tex.on:nth-child(8){ opacity:1; left:1%; transition:all .8s; }
.screen1 .list_con .tex.on:nth-child(9){ opacity:1; left:11%; transition:all .8s; }
@keyframes toumi{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@-webkit-keyframes toumi{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@-ms-keyframes toumi{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
@keyframes rotate{
	from{transform: rotate(0deg)}
	to{transform: rotate(360deg)}
}

.screen2 { position: relative;}
.screen2 .inner{ position: relative; max-width: 1200px;}
.screen2 .TeMapw{ text-align:center; font-size:0; position: relative; z-index:4;}
.screen2 .China_mapbox{ position: relative; margin:20px 0; vertical-align: middle; text-align:center; display:inline-block; z-index:3; }
.screen2 .China_mapbox .list .dot{ cursor: pointer; position:absolute; background: url(../images/map_icon.png) no-repeat center; background-size:contain; width:16px; height:16px; border-radius:50%; z-index:5;}
.screen2 .China_mapbox .list .dot span{ transition:all 1s; width:1px; height:0; display:block; background:#fff; position: absolute; bottom:60%; left:50%; }
.screen2 .China_mapbox .list .dot.on span{ height:156px;}
.screen2 .China_mapbox .list .dot .mane{ position: absolute; left:-100%; top:80%; font-size:14px; width:max-content; color:#fff;}
.screen2 .China_mapbox .list .dot:nth-child(1){ top:62%; right:28%;}
.screen2 .China_mapbox .list .dot:nth-child(2){ top:57%; right:37%;}
.screen2 .China_mapbox .list .dot:nth-child(3){ top:77%; right:42%;}
.screen2 .China_mapbox .list .dot:nth-child(4){ top:76%; right:45.8%;}
.screen2 .China_mapbox .list .dot:nth-child(5){ top:72%; right:49%;}
.screen2 .Chebox{ opacity:0; transition:all .5s; position:absolute; width:43%; z-index:1;}
.screen2 .Chebox .owl-carousel .owl-stage-outer{ background-color:#fff;}
.screen2 .Chebox .owl-carousel{ padding-bottom:28px; }
.screen2 .Chebox .tlux{ width:100%; display:table; }
.screen2 .Chebox .Juzw{ padding:10px;}
.screen2 .Chebox .pic{ width:40%; padding-right:10px; display:table-cell; vertical-align: middle;}
.screen2 .Chebox .tex{ width:50%; display:table-cell; vertical-align: middle;}
.screen2 .Chebox .tex .tit{ font-size:15px; color:#555555; }
.screen2 .Chebox .tex .wen{ line-height:25px; text-align:left;}
.screen2 .Chebox .tex .wenb{ height:50px; font-size:14px; color:#999999; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.screen2 .Chebox .owl-nav{ position:absolute; right:0; bottom:0; }
.screen2 .Chebox:nth-child(6) .owl-nav,
.screen2 .Chebox:nth-child(5) .owl-nav,
.screen2 .Chebox:nth-child(4) .owl-nav,
.screen2 .Chebox:nth-child(3) .owl-nav{ left:0; right:auto; }
.screen2 .Chebox .owl-nav button{ margin-right:5px; border:none; width:28px; height:28px; line-height:25px; vertical-align: middle; }
.screen2 .Chebox .owl-nav button span{ color:#fff; display:block; height:28px; line-height:25px; font-size:30px; font-weight:100; background-color:#3a4d69;}
.screen2 .Chebox .owl-nav button:nth-child(2){ margin-right:0;}
.screen2 .Chebox .owl-nav button:nth-child(2) span{ background:#bbe6ef; color:#3a4d69; }
.screen2 .Chebox.on{ opacity:1; z-index:6; }
.screen2 .Chebox:nth-child(1){ top:23%; right:-14%;}
.screen2 .Chebox:nth-child(2){ top:18%; right:37.6%;}
.screen2 .Chebox:nth-child(3){ top:40%; right:42.6%;}
.screen2 .Chebox:nth-child(4){ top:38%; right:46.5%;}
.screen2 .Chebox:nth-child(5){ top:34%; right:49.6%;}
.screen2 .TeMapw .Yonwen{ line-height:30px; position: absolute; top:15%; z-index:2; font-size:16px; color:#fff; }
.screen2 .TeMapw .Yonwen .Chusz{ font-size:24px; color:#bbe6ef; }
.screen2 .TeMapw .Yonwen .Chusz span{ font-size:60px; font-family:'DINCond'; }
.screen2 .TeMapw .Yonwen:nth-child(2){ right:0; }
.screen2 .TeMapw .Yonwen li{ border-bottom:solid 1px rgba(255, 255, 255, 0.2); padding-bottom:35px; margin-bottom:35px; }

.screen2 .map_back{ background:url(../images/map_bakc.png) no-repeat center; position: absolute; z-index:2; left:50%; top:50%; width:100%; height:100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.screen2 .Huxiyu{ position:absolute; z-index:1; left:50%; top:50%; width:100%; height:100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.screen2 .Huxiyu .wave-group{ position:absolute; width:610px; height:610px; left:50%; top:45%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.screen2 .Huxiyu .bg-waves{opacity:0; width:610px;height:610px; border:solid 1px rgba(255, 255, 255, 0.2); border-radius:50%; position: absolute;left:0;top:0;}
.screen2 .Huxiyu .bg-waves{opacity:.1; transition:all 2s ease 2.5s;}
.screen2 .Huxiyu .bg-waves1{animation:animation-waves 4s infinite;animation-delay: 2.5s;animation-timing-function: linear;}
.screen2 .Huxiyu .bg-waves2{animation:animation-waves 4s infinite;animation-delay: 3.8s;animation-timing-function: linear;}
.screen2 .Huxiyu .bg-waves3{animation:animation-waves 4s infinite;animation-delay: 5.1s;animation-timing-function: linear;}
@keyframes animation-waves{
	0%{opacity:1; transform:scale(1);}
	100%{opacity:0; transform:scale(2.3);}
}
@-webkit-keyframes animation-waves{
	0%{opacity:1;transform:scale(1);}
	100%{opacity:0;transform:scale(2.3);}
}
@-ms-keyframes animation-waves{
	0%{opacity:1;transform:scale(1);}
	100%{opacity:0;transform:scale(2.3);}
}

.screen3{ background:url(../images/bubble_back.png) center bottom no-repeat; background-size:100%; position: relative; z-index:2; padding:120px 0;}
.screen3 .Con{ position: relative; }
.screen3 .Con .triangle{ width:76%; padding:11.5% 0; margin:18% auto 0; text-align:center; background:url(../images/triangle_back.png) no-repeat center bottom; background-size:contain; }
.screen3 .Con .tex{ margin-top:30px; line-height:35px; text-align:center; font-size:20px; color:#fff; }
.screen3 .Con .tex .weno{ font-size:24px; font-weight:bold; }
.screen3 .Con .tex a{ color:#fff; padding:0 5px; }
.screen3 .Con .list{ margin-top:30px; opacity:0; width:23%; position:absolute; color:#fff; }
.screen3 .Con .list:after{ content:''; display:block; position:absolute; top:60%; left:50%; z-index:1; margin-left:-14px; width:28px; height:181px; background:url(../images/linek_w.png) center top no-repeat; background-size:100%; }
.screen3 .Con .list .lisw{ background-color:#0f2f58; padding:10px; position: relative; z-index:2;}
.screen3 .Con .list a{ width:100%; display:block; vertical-align: middle; color:#fff; text-align: center; line-height:30px; }
.screen3 .Con .list .tw{ width:100%; display:block; padding-top:8px; }
.screen3 .Con .list:nth-child(1){ transition:all .6s ease .4s; left:4.5%; top:-10%; }
.screen3 .Con .list:nth-child(2){ transition:all .6s ease .8s; left:50%; top:-36%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.screen3 .Con .list:nth-child(3){ transition:all .6s ease 1.2s; right:4.5%; top:-10%; }
.screen3 .Con .list.on{ opacity:1; margin-top:0; }

.screen4{ background:url(../images/grid_back.jpg) center bottom no-repeat; background-size:100%; position: relative; z-index:2; padding:10px 0 500px;}
.screen4 .title{margin-bottom:200px; }
.screen4 .Con{ position: relative; width:100%;}
.screen4 .trackbox{ transition:all 2s; background:url(../images/track_back.png) no-repeat center top; background-size:100%; position: absolute; top:0; left:0; width:100%; height:0; }
.screen4 .trackbox.on{ height:432px; }
.screen4 .trackbox .list{ opacity:0; margin-top:20px; position:absolute; width:270px; line-height:25px; color:rgba(255, 255, 255, 0.6); }
.screen4 .trackbox .list .line{ background-image:url(../images/line_1.png); background-position:center bottom!important; background-repeat:no-repeat!important; background-size:100% 100%!important; width:34px; height:125px; position: absolute; left:-37px; bottom:-60px;}
.screen4 .trackbox .list .time{ line-height:50px; font-family:'DINCond-Medium'; font-size:48px; font-weight:500; }
.screen4 .trackbox .list:nth-child(5) .line,
.screen4 .trackbox .list:nth-child(6) .line{background-image:url(../images/line_2.png);}
.screen4 .trackbox .list:nth-child(1){ transition:all .5s ease .8s; top:-120px; left:58%; }
.screen4 .trackbox .list:nth-child(2){ transition:all .5s ease 1.2s; top:-90px; left:33%; }
.screen4 .trackbox .list:nth-child(3){ transition:all .5s ease 1.6s; top:-35px; left:80%; }
.screen4 .trackbox .list:nth-child(4){ transition:all .5s ease 2s; top:60px; left:10%; }
.screen4 .trackbox .list:nth-child(5){ transition:all .5s ease 2.4s; top:140px; left:47%; }
.screen4 .trackbox .list:nth-child(6){ transition:all .5s ease 2.8s; top:195px; left:73%; }
.screen4 .trackbox .list.on{ opacity:1; margin-top:0; }

.screen5{ margin:80px 0 0; background:url(../images/video_back.png) center bottom no-repeat; background-size:100%!important; position: relative; z-index:2; padding:10px 0 150px;}
.screen5 .title{ margin-bottom:60px; }
.screen5 .text{margin-bottom: 20px;font-size: 16px;color: #fff;line-height: 1.8;}
.screen5 .videobox{ position: relative;}
.screen5 .videobox .pic{ border:solid 5px #0f2f64; text-align:center;}
.screen5 .videobox:after{ content:''; display:block; position:absolute; bottom:-20%; left:0; width:100%; height:20%; background:url(../images/back_f.png) center top no-repeat; background-size:100% 100%; }
.screen5 .videobox .but{ background:rgba(0, 25, 77, 0.3); width:100%; height:100%; position:absolute; left:0; top:0; }
.screen5 .videobox .but a{ cursor: pointer; display:inline-block; width:118px; height:118px; background:url(../images/video_icon.png) no-repeat center; position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.screen6{ margin-bottom:80px;}
.screen6 .title{ margin-bottom:60px; }
.screen6 .list{ border-bottom:solid 1px rgba(255, 255, 255, 0.1); padding-bottom:60px; }
.screen6 .list .text{ color:#fff; font-size:18px; line-height:30px; padding:30px 25px; }
.screen6 .list .text .time{ margin-bottom:13px; color:#bbe6ef; font-size:24px; font-family:'DINCond-Medium'; }
.screen6 .list .text .Jian{ height:60px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.screen6 .owl-dots{ margin-top: 20px;text-align: center; background:#081f42;}
.screen6 .owl-dots .owl-dot{ display: inline-block; border-radius:4px; vertical-align: middle; width:50px; height:3px; margin:0 15px; background-color:#848fa1; opacity:1;}
.screen6 .owl-dots .owl-dot.active{ background-color:#fff; }
.screen6 .more{margin-top: 30px;text-align: center;}
.screen6 .more a{display: inline-block;padding: 5px 15px;font-size: 16px;color: #fff;border: 1px solid #fff;}
/*底部*/
.footer{ background-color:#041733; }
.footer .bottom_t .footer_nav{ display:inline-block; }
.footer .bottom_t .footer_nav{ width:70%; color:#fff; padding-top:60px;}
.footer .bottom_t .footer_nav a{ transition:all .5s; color:rgba(255, 255, 255, 0.2); }
.footer .bottom_t .footer_nav dl{ margin-right:8%; display:inline-block; vertical-align: top; }
.footer .bottom_t .footer_nav dl:last-child{ margin-right:0; }
.footer .bottom_t .footer_nav dt{ margin-bottom:13px; font-size:18px; }
.footer .bottom_t .footer_nav dd{ max-width:176px; font-size:16px; line-height:30px; }
.footer .bottom_t .footer_nav dd a{ display:block; }
.footer .fr_box{ width:20%; text-align:right; display:inline-block; float: right; padding-top:60px;}
.footer .fr_box .pic img{ max-width:180px; }
.footer .shaer{ font-size:0; margin-top:20px; text-align:right; }
.footer .shaer a{ margin-right:20px; cursor: pointer; transition:all .5s; background-color:rgba(255, 255, 255, 0.3); border-radius:50%; display:inline-block; vertical-align: middle; width:42px; height:42px; line-height:42px; background-size:100%!important; background-repeat:no-repeat!important; background-position:center!important; }
.footer .shaer a.weix{ background-image: url(../images/footer_icon1.png); }
.footer .shaer a.texq{ background-image: url(../images/footer_icon2.png); }
.footer .shaer a.weib{ background-image: url(../images/footer_icon3.png); }
.footer .shaer a.zhid{ margin-right:0; background-color:#18325a; background-image: url(../images/footer_icon4.png); }
.footer .Copyright_box{ margin-top:70px; padding:20px 0; font-size:16px; color:rgba(255, 255, 255, 0.2); text-align:center; border-top:solid 1px #203049; }
.footer .Copyright_box a{ transition:all .5s; padding:0 10px; position: relative; color:rgba(255, 255, 255, 0.2);}
.footer .Copyright_box a:before{ content:'';  width:1px; height:10px; background-color:rgba(255, 255, 255, 0.2); position: absolute; right:0; top:50%; margin-top:-5px;}
.footer .Copyright_box a:last-child:before{ display:none; }
.footer .bottom_t .footer_nav a:hover,
.footer .Copyright_box a:hover{ color:#fff; }
.bsBox{ width:auto!important; height: auto!important; }


/*内页*/
.Mainbox{ padding:60px 0; min-height:500px; }
.Mainbox2{ padding-bottom:0; }
.back-color1{ background-color:#081f42; }

/*菜单*/
.SectionBox{ border-bottom:solid 1px rgba(255, 255, 255, 0.1); margin-bottom:20px;}
.Menubox{ width:75%; font-size:0; float:left;}
.Menubox a{ transition:all .5s; margin-right:5%; font-size:18px; border-bottom:solid 2px #081f42; color:#fff; overflow: hidden; display:inline-block; line-height:60px; vertical-align: middle;}
.Menubox a:hover,
.Menubox a.on{ border-color:#fff; }
.Menubox a:last-child{ margin-right:0; }

/*当前位置*/
.Current{ width:25%; font-size:16px; color:#888d99; line-height:60px; text-align:right; float: right;}
.Current span,
.Current a{ color:#888d99; display:inline-block;vertical-align: middle;}
.Current em{ padding:4px 2px; margin:0 13px; background:url(../images/menu_icon.png) no-repeat center; background-size:contain; display:inline-block; vertical-align: middle;}

/*单篇*/
.spacing{ width:100%; padding:5px; height:0; clear:both; overflow: hidden; }
.About .title{ padding:50px 0; font-size:40px; text-align:center; line-height:40px; font-family:'YouSheBiao'; color:#fff; }


/*关于我们-企业简介*/
.Introduction .title{ padding:50px 0; font-size:40px; text-align:center; line-height:40px; font-family:'YouSheBiao'; color:#fff; }
.Introd_one{ padding:0 8%; line-height:32px; font-size:16px; color:#fff; padding-bottom:70px;}
.Introd_one .lit{ padding:50px 0; font-size:0; text-align:center; overflow: hidden;}
.Introd_one .lunw{ margin-right:8%; text-align:left; border-left:solid 1px rgba(255, 255, 255, 0.2); display:inline-block; font-size:15px; color:#fff; padding-left:20px; }
.Introd_one .shu{ font-size:23px; color:#bbe6ef; }
.Introd_one .shu span{ line-height:50px; margin-right:10px; font-size:59px; font-family:'DINCond';}
.Introd_two{ background:#0e2956 url(../images/About_back1.jpg) no-repeat center bottom; background-size:cover; padding-bottom:80px;}
.Introd_two .title{ padding:80px 0 40px;}
.Introd_two .wenb{ padding:0 8%; line-height:32px; font-size:16px; color:#fff; padding-bottom:70px;}
.Introd_two .lit{ font-size:0; }
.Introd_two .lit .lunw{ background-color:#081f42; padding:3.5%; width:48%; float:left; font-size:16px; line-height:32px; color:#fff; display:inline-block; }
.Introd_two .lit .lunw:nth-child(2){ float: right; }
.Introd_two .lit .lunw .Bti{ margin-bottom:15px; font-size:24px; }
.Introd_two .lit .lunw .icon{ width:17%; float:left; }
.Introd_two .lit .lunw .text{ width:75%; float: right; }
.Introd_three{ margin-bottom:70px;}
.Introd_three .title{ padding:73px 0;}
.Introd_three .list{ border-bottom:solid 1px rgba(255, 255, 255, 0.1); padding-bottom:75px; }
.Introd_three .list .box-con{ background-color:#14376a; width:100%; overflow: hidden;}
.Introd_three .list .pic{ padding:2% 2% 0; }
.Introd_three .list .ti{ margin:5% 0; color:#fff; font-size:16px; line-height:28px; height:56px; text-align:center; padding:0 15%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.Introd_three .owl-dots{ position:absolute; bottom:-88px; text-align: center; background:#081f42; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.Introd_three .owl-dots .owl-dot{ display: inline-block; border-radius:4px; vertical-align: middle; width:50px; height:3px; margin:0 8px; background-color:#848fa1; opacity:1;}
.Introd_three .owl-dots .owl-dot.active{ background-color:#fff; }



/*关于我们-发展历程*/
.Coursebox{ background:url(../images/grid_back.jpg) center bottom no-repeat; background-size:100%; position: relative; z-index:2; padding:10px 0 500px;}
.Course{ margin-top:8%; width:100%;}
.Course .Con{ position: relative; width:100%;}
.Course .trackbox{ transition:all 2s; background:url(../images/track_back.png) no-repeat center top; background-size:100%; position: absolute; top:0; left:0; width:100%; height:0; }
.Course .trackbox.on{ height:432px; }
.Course .trackbox .list{ opacity:0; margin-top:20px; position:absolute; width:270px; line-height:25px; color:rgba(255, 255, 255, 0.6); }
.Course .trackbox .list .line{ background-image:url(../images/line_1.png); background-position:center bottom!important; background-repeat:no-repeat!important; background-size:100% 100%!important; width:34px; height:125px; position: absolute; left:-37px; bottom:-60px;}
.Course .trackbox .list .time{ line-height:50px; font-family:'DINCond-Medium'; font-size:48px; font-weight:500; }
.Course .trackbox .list .wen{display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
.Course .trackbox .list:nth-child(5) .line,
.Course .trackbox .list:nth-child(6) .line{background-image:url(../images/line_2.png);}
.Course .trackbox .list:nth-child(1){ transition:all .5s ease .8s; top:-120px; left:58%; }
.Course .trackbox .list:nth-child(2){ transition:all .5s ease 1.2s; top:-90px; left:33%; }
.Course .trackbox .list:nth-child(3){ transition:all .5s ease 1.6s; top:-35px; left:80%; }
.Course .trackbox .list:nth-child(4){ transition:all .5s ease 2s; top:60px; left:10%; }
.Course .trackbox .list:nth-child(5){ width:320px; transition:all .5s ease 2.4s; top:140px; left:47%; }
.Course .trackbox .list:nth-child(6){ transition:all .5s ease 2.8s; top:195px; left:73%; }
.Course .trackbox .list.on{ opacity:1; margin-top:0; }
.Course .trackbox .list:nth-child(5) .wen{-webkit-line-clamp:4; }

/*网格化监测*/
.Monitor .title{ padding:50px 0; font-size:40px; text-align:center; line-height:40px; font-family:'YouSheBiao'; color:#fff; }
.Monitor .back-bg{ padding-bottom:80px;}
.Monitor .back-bg1{ background:#0e2956 url(../images/About_back1.jpg) no-repeat center bottom; background-size:contain!important;}
.Monitor .back-bg2{ background:url(../images/About_back2.png) no-repeat center bottom; background-size:cover!important;}
.Monitor .back-bg3{ background:url(../images/About_back3.png) no-repeat center bottom; background-size:contain!important;}
.Monitor .back-bg4{ background:url(../images/About_back2.png) no-repeat center bottom; background-size:contain!important;}
.Monitor .back-Ys{ background-color:#14376a; }
.Monitor .back-Ys2{ background-color:#14376a; }


/*网格化监测-系统架构及核心优势*/
.lanmu-One .back-bg1{ padding-bottom:20px; }
.lanmu-One .Con-One .wenb{ margin-bottom:70px; text-align:center; color:#fff; font-size:16px;line-height:32px; }
.Related-bx{ padding:40px 0 80px; }
.Related-bx .title2{ padding:40px 0; font-size:16px; color:#fff; text-align:center; }
.Related-bx .title2 p{ padding:0 0 30px; font-size:24px;}
.Related-bx .Tab-A{ padding-bottom:30px; text-align:center; font-size:0;}
.Related-bx .Tab-A a{ border-radius:60px; margin:10px; min-width:180px; display:inline-block; line-height:50px; border:solid 1px #1e5098; font-size:16px; color:#fff; }
.Related-bx .Tab-B{ color:#fff; text-align:center; font-size:16px; }
.Related-bx .Tab-B .text{ line-height:60px; }
.Related-bx .Tab-B .backColor{ background:#14376a; padding:15px; }
.Related-bx .Con-shell{ position: relative; }
.Related-bx .owl-dots{ padding:50px 0; text-align: center; display:inline-block;}
.Related-bx .owl-dots .owl-dot{ transition:all .5s; display: inline-block; border-radius:50%; vertical-align: middle; width:12px; height:12px; margin:0 10px; border:solid 1px #14376a; opacity:1;}
.Related-bx .owl-dots .owl-dot span{ transition:all .5s; display:block; width:100%; height:12px; border-radius:50%; overflow: hidden; }
.Related-bx .owl-dots .owl-dot.active span{ background-color:#14376a; }
.Related-bx .owl-nav{ height:0; position:absolute; bottom:82px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.Related-bx .owl-nav button{ background:none; border:none;}
.Related-bx .owl-nav button span{ display:block; font-size:0; border:none; width:40px; height:40px; border-radius:50%;}
.Related-bx .owl-nav .owl-prev{ float:left;}
.Related-bx .owl-nav .owl-next{ float:right;}
.Related-bx .owl-nav .owl-prev span{ background:#14376a url(../images/Pag_l.png) no-repeat center;}
.Related-bx .owl-nav .owl-next span{ background:#14376a url(../images/Pag_r.png) no-repeat center;}

/**/
.lanmu-One2 .Con-One .wenb{ margin-bottom:30px; text-align:center; color:#fff; font-size:16px;line-height:32px; }





/*整装成套技术*/
.Products-list{ padding:70px 0; overflow: hidden;}
.Products-list li{ width:32%; margin-right:1.9%; margin-bottom:25px; float:left;}
.Products-list li .pic{ overflow: hidden;}
.Products-list li .pic img{ transition:all .5s; }
.Products-list li:nth-child(3n){ margin-right:0;}
.Products-list li .text{ padding:15px 0; }
.Products-list li .Tib{ padding:8px 0; font-size:18px; color:#fff; }
.Products-list li .Jian{ line-height:25px; height:50px; font-size:16px; color:rgba(255, 255, 255, 0.6); display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Products-list li:hover .pic img{ -webkit-transform: scale(1.1);transform: scale(1.1);}

/*整装成套技术-详情*/
.Product-info .Juzcon{ padding:0 8%; }
.Product-info .title{ padding:50px 0; font-size:40px; text-align:center; line-height:40px; font-family:'YouSheBiao'; color:#fff; }
.Product-info .wenb{ line-height:32px; font-size:16px; color:#fff; padding-bottom:40px;}
.Product-info .Desc{ margin-bottom:40px; overflow: hidden; }
.Product-info .Desc .wenb-box{ padding:40px; background-color:#14376a; line-height:30px; color:#fff; font-size:16px; width:48%; float:left; margin-right:4%; }
.Product-info .Desc .wenb-box:nth-child(2){ margin-right:0;}
.Product-info .Desc .wenb-box .tie{ padding-bottom:20px; font-size:24px; font-weight:bold; }
.Product-info .table{ overflow: hidden; margin-bottom:80px; }
.Product-info .table table,
.Product-info .table table td,
.Product-info .table table th{ border-color:#14376a; }
.Product-info .table table{ line-height:40px; text-align:center; color:#ffffff; }
.Product-info .table th{ line-height:60px; background-color:#14376a; font-size:20px; color:#fff; }
.Product-info .table td{ width:50%; }
.Product-info .videobox{ text-align:center; padding:70px 0; background:#0e2956 url(../images/About_back1.jpg) no-repeat center bottom; background-size:cover;}
.Product-info .videobox .videoCon{ display:inline-block; position: relative; }
.Product-info .videobox .videoCon .pic{ text-align:center;}
.Product-info .videobox .videoCon .but{ background:rgba(0, 25, 77, 0.3); width:100%; height:100%; position:absolute; left:0; top:0; }
.Product-info .videobox .videoCon .but a{ cursor: pointer; display:inline-block; width:118px; height:118px; background:url(../images/video_icon.png) no-repeat center; position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

/*案例详情*/
.back-color2{ margin:50px auto 70px; background-color:#14376a; }
.Case-info .textbox,
.Case-info .Imgbox{ width:50%; float:left; }
.Case-info .textbox{ padding:50px; }
.Case-info .textbox .title{ margin:10px 0 30px; font-size:24px; color:#fff; font-weight:bold; }
.Case-info .textbox .xianm{ line-height:30px; margin-bottom:25px; }
.Case-info .textbox .xianm h4{ font-weight:500; font-size:18px; color:#fff; }
.Case-info .textbox .xianm .wenb{ font-size:16px; color:rgba(255, 255, 255, 0.6); }
.Case-info .owl-dots{ position:absolute; bottom:10%; text-align: left; padding-left:50px; width:100%; left:100%;}
.Case-info .owl-dots .owl-dot{ display: inline-block; border-radius:4px; vertical-align: middle; width:50px; height:3px; margin:0 15px; background-color:#fff; opacity:.5;}
.Case-info .owl-dots .owl-dot.active{ background-color:#fff; opacity:1;}

/*相关产品*/
.Relatedbox{ padding:70px 0; background:#0e2956 url(../images/About_back1.jpg) no-repeat center bottom; background-size:cover;}
.Relatedbox .title{ padding:50px 0; font-size:40px; text-align:center; line-height:40px; font-family:'YouSheBiao'; color:#fff; }
.Relatedbox .list{ padding-bottom:75px; }
.Relatedbox .list .box-con{ width:100%; overflow: hidden;}
.Relatedbox .list .text{ padding:15px 0; }
.Relatedbox .list .Tib{ padding:8px 0; font-size:18px; font-weight:bold; color:#fff; }
.Relatedbox .list .Jian{ line-height:25px; height:50px; font-size:16px; color:rgba(255, 255, 255, 0.6); display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Relatedbox .owl-dots{ position:absolute; bottom:-88px; text-align: center; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.Relatedbox .owl-dots .owl-dot{ display: inline-block; border-radius:4px; vertical-align: middle; width:50px; height:3px; margin:0 8px; background-color:#848fa1; opacity:1;}
.Relatedbox .owl-dots .owl-dot.active{ background-color:#fff; }


/*联系我们-联系方式*/
.Contact{ padding:50px 0 70px; }
.Contact .Map_text{ overflow: hidden; width:100%; margin-top:20px; position: relative;}
.Contact .contact-text{margin-top: 20px;}
.Contact .contact-text ul{font-size: 0;}
.Contact .contact-text ul li{display: inline-block;width: 32%;margin-right: 2%;margin-bottom: 20px;}
.Contact .contact-text ul li:last-child{margin-right: 0;}
.Contact .contact-text ul li h3{font-size: 18px;color: #fff;font-weight: normal;}
.Contact .contact-text ul li .text{margin-top: 10px;font-size:16px; color:#fff;line-height: 1.8;}
.Contact .fl-wtd{ width:80%; float:left; overflow: hidden; position: relative; padding-right:10%;}
.Contact .fl-wtd:after{ content:''; display:block; position:absolute; left:90%; top:18%; height:70%; width:1px; background-color:rgba(255, 255, 255, 0.2);}
.Contact .fl-wtd .iw{ padding:40px 0; padding-left:100px; margin-top:20px; font-size:16px; color:#fff; width:50%; float:left; position: relative; }
.Contact .fl-wtd .iw span{ background-color:#14376a; border-radius:50%; overflow: hidden; background-size:30px!important; background-repeat:no-repeat!important; background-position:center!important; width:80px; height:80px; display:block; position:absolute; left:0; top:50%; margin-top:-40px;}
.Contact .fl-wtd .iw.addr span{ background-image:url(../images/contact_icon1.png); }
.Contact .fl-wtd .iw.lianx span{ background-image:url(../images/contact_icon2.png); }
.Contact .fl-wtd .iw.Youx span{ background-image:url(../images/contact_icon3.png); }
.Contact .fl-wtd .iw.wangz span{ background-image:url(../images/contact_icon4.png); }
.Contact .but-w{ position:absolute; right:0; top:50%; width:20%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.Contact .but-w a{ color:#fff; font-size:16px; font-weight:bold; display:inline-block; padding:13px 50px; border-radius:30px; background-color:#14376a; }
.Contact .but-w a span{ padding-left:33px; background:url(../images/contact_icon5.png) no-repeat left center;}


/*联系我们-加入我们*/
.Joinbox .list{ overflow: hidden; padding:50px 0 60px; }
.Joinbox li{ background-color:#14376a; padding:20px 20px 30px; width:23.8%; float:left; margin-right:1.5%; margin-bottom:1.5%; color:#fff; }
.Joinbox li:nth-child(4n){ margin-right:0;}
.Joinbox li .tit{ padding:15px 0 25px; border-bottom:solid 1px rgba(255, 255, 255, 0.3); font-size:22px; font-weight:bold; }
.Joinbox li .tex{ padding:20px 0; line-height:30px; }
.Joinbox li a{ transition:all .5s; display:inline-block; padding:5px 30px; border-radius:30px; cursor: pointer; border:solid 1px #fff; color:#fff; opacity:.5; }
.Joinbox li a span{ background: url(../images/Pag_r.png) no-repeat center right; padding-right:20px; }
.Joinbox li a:hover{ opacity:1; }



/*联系我们-在线留言*/
.Message{ background-color:#14376a; overflow: hidden; display: table; width:100%; margin:50px 0 70px;}
.Message .fl-box,
.Message .fr-box{ width:50%; display:table-cell; vertical-align: middle;}
.Message .fr-box .ChuizJuz{ padding:25px; display:table-cell; vertical-align: middle;}
.Message .ibox{ overflow: hidden; width:100%; }
.Message .inputbox{ width:48%; background-color:#081f42; margin-bottom:20px; line-height:48px; height:48px; padding:0 25px; border-radius:30px; overflow: hidden; float:left;}
.Message .inputbox:nth-child(2n){ float: right; }
.Message .Myoux{ margin-bottom:20px; width:100%; background-color:#081f42; line-height:48px; height:48px; padding:0 25px; border-radius:25px; overflow: hidden; float:left;}
.Message .Textarea{ margin-bottom:40px; width:100%; background-color:#081f42; padding:5px 25px; border-radius:15px; overflow: hidden; float:left;}
.Message .Textarea textarea{ color:#fff; line-height:32px; font-size:16px; height:150px; width:100%; font-family:'微软雅黑'; display:block; }
.Message input{ color:#fff; line-height:48px; height:48px; width:100%; display:block; font-size:16px; font-family:'微软雅黑'; }
.Message textarea::-webkit-input-placeholder,
.Message input::-webkit-input-placeholder{color:#50688d;}
.Message textarea::-moz-placeholder,
.Message input::-moz-placeholder{color:#50688d;}
.Message textarea:-moz-placeholder,
.Message input:-moz-placeholder{color:#50688d;}
.Message textarea:-ms-input-placeholder,
.Message input:-ms-input-placeholder{color:#50688d;}
.Message .but-a{ text-align:center; overflow: hidden; float:left; width:100%; }
.Message .but-a .Abu{ cursor: pointer; display:inline-block; vertical-align: middle; width:240px; height:50px; line-height:50px; border-radius:50px; background-color:#081f42; color:#fff; }


/*新闻资讯-详情*/
.news_info{ padding:50px 0;width:60%;text-align:justify;margin-left:20%; }
.news_info .title{ text-align: center; color:#333333; font-size:21px; padding-bottom:10px;}
.news_info .title h4{ font-weight:500; font-size:20px; text-align:center; line-height:40px; font-family:'DINCond-Medium'; color:#fff;  }
.news_info .title p{ margin:0; color:#fff; font-size:14px; }
.news_info .Info_Con{ font-size:15px; color:#666666; line-height:30px; min-height:300px; }
.news_info .Info_Con .Guide{ margin-bottom:30px; font-size: 14px; color:#999999; line-height:25px; }
.news_info .Info_Con .Guide strong{ color:#14376a; }
.news_info .Info_Con .text .wenz{ line-height:25px; display:inherit;}
.news_info .Info_Con .text .pic{ display:inherit; float: right; padding-left:30px; padding-bottom:30px;}
.news_info .Info_Con .text .spacing{ padding:0; line-height:20px; }
.news_info .info-other{ margin-top:30px; line-height:35px; text-align: center;}
.news_info .info-other a{ display:inline-block; background-color:#14376a; color:#fff; border-radius:30px; width:130px; font-size:12px; }


/*搜索*/
.list_sou{ margin-bottom:70px; }
.list_sou li{ transition:all .5s; color:#fff; font-size:16px; line-height:45px; border-bottom:solid 1px #e5e5e5; opacity:.7;}
.list_sou li a{ color:#fff; display:inline-block; width:80%; white-space: nowrap; text-overflow: ellipsis;}
.list_sou li time{ float: right; }
.list_sou li:hover{ opacity:1;}







/*分页*/
.Pagebox{ overflow: hidden; width:100%; }
.Pages{ text-align:center; padding:0 0 3% 0;}
.Pages a{ border-radius:50%; background-color:#081f42; text-align: center; display:inline-block; vertical-align:middle; border:1px solid rgba(255, 255, 255, 0.3); width:40px; margin:0 5px; line-height:40px; color:#999;}
.Pages a:hover,
.Pages a.a_cur{ background-color:#14376a; color:#fff;}
.Pages em{ font-style:normal; display:inline-block; margin:0 10px; vertical-align:middle; overflow:hidden;}
.Pages em a{ float:left;}
.Pages .a_first,
.Pages .a_end,
.Pages .p_cur,
.Pages .p_count,
.Pages .p_jump,
.Pages .p_total{ display:none;}
.Pages .a_prev,
.Pages .a_next{ background:#14376a url(../images/Pag_l.png) no-repeat center; border-color:#14376a; padding:0; width:40px; overflow:hidden; font-size:20px; height:40px; line-height:40px;}
.Pages .a_next{ background:#14376a url(../images/Pag_r.png) no-repeat center;}













@media only screen and (max-width:1660px) {
.screen1 .inner{ max-width:1366px; }
}

@media only screen and (max-width:1440px) {
.inner{ padding:0 2%; }
.header .top_nav li{ margin:0 14px; }
.header .Rinbox{ margin-left:14px; }

.screen1 .inner{ max-width:1200px; }
.screen1 .Conbox{ padding:28% 0; }
.screen1 .Conbox .pic{ width:31%; height:55.3%; }
.screen1 .Conbox .back_bg{ width:92%; left:4%; }
.screen1 .Conbox .circle{ width:37%;height:66.1%;}
.screen1 .Conbox .Spin_circle{top:6%;left: 24.5%;width: 50%;height: 89.3%;}
.screen1 .Conbox .list li{ width:80px; height:80px; }
.screen1 .Conbox .list li:nth-child(1){ top:3%; }
.screen1 .Conbox .list li:nth-child(2){ right:9%; top:19%; }
.screen1 .Conbox .list li:nth-child(7){ left:2%; }
.screen1 .Conbox .list li:nth-child(8){ left:2%; }
.screen1 .list_con .tex .wen{ width:76%; }
.screen1 .list_con .tex{ width:35%; padding:10px; }
.screen1 .list_con .tex .tit{ width:25%; }
.screen1 .list_con .tex:nth-child(1) .tit,
.screen1 .list_con .tex:nth-child(2) .tit,
.screen1 .list_con .tex:nth-child(3) .tit,
.screen1 .list_con .tex:nth-child(4) .tit,
.screen1 .list_con .tex:nth-child(5) .tit{ right:-1%; }
.screen1 .list_con .tex:nth-child(1){ top:7%; }
.screen1 .list_con .tex:nth-child(2){ top:21.5%; }
.screen1 .list_con .tex:nth-child(4){ top:70%; }
.screen1 .list_con .tex:nth-child(5){ top:81%; }
.screen1 .list_con .tex:nth-child(6){ top:79%; }
.screen1 .list_con .tex:nth-child(7){ top:59%; }
.screen1 .list_con .tex:nth-child(8){ top:34%; }
.screen1 .list_con .tex:nth-child(9){ top:11%; }
.screen1 .list_con .tex.on:nth-child(1){ right:13%; }
.screen1 .list_con .tex.on:nth-child(2){ right:1%; }
.screen1 .list_con .tex.on:nth-child(3){ right:-4%; }
.screen1 .list_con .tex.on:nth-child(4){ right:2%; }
.screen1 .list_con .tex.on:nth-child(5){ right:13%; }
.screen1 .list_con .tex.on:nth-child(6){ left:8.5%; }
.screen1 .list_con .tex.on:nth-child(7){ left:-3%; }
.screen1 .list_con .tex.on:nth-child(8){ left:-3%; }
.screen1 .list_con .tex.on:nth-child(9){ left:5%; }

.screen2 .TeMapw .Yonwen{ left:2%; display:inline-block; width:auto; }
.screen2 .TeMapw .Yonwen:nth-child(2){ left:auto; right:2%; }
.screen2 .TeMapw .Yonwen ul{ display:inline-block; }


}

@media only screen and (max-width:1366px) {
.screen1 .Conbox .back_bg{ width:86%; left:7%; }
.header .top_nav{ width:90%; }
.screen4{ padding: 10px 0 340px; }

.Course{ margin-top:12%; }
.Coursebox{ padding: 10px 0 380px; }
}



@media only screen and (max-width:640px) {
.header{ z-index:10; }
.header .logobox{ width:60%; float: left; }
.header .Ribox{ width:auto; float: right; }
.header .Rinbox{ margin-left:0; padding-right:20px; margin-top:14px;}
.header .Rinbox a{ margin-left:20px; }
.header .Tmenu_icon{ float: right; }
.header .Tmenu_icon{ cursor: pointer; float: right; margin-top:8px; display:inline-block; position:relative; width:40px; height:40px; z-index:2; background:#fff; border-radius:5px;}
.header .Tmenu_icon i{position:absolute; width:60%; background:#081f42; height:2px; margin-top:-1.5px; top:50%;left:20%;}
.header .Tmenu_icon i::before,
.header .Tmenu_icon i::after{position:absolute; background:#081f42; left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
.header .Tmenu_icon i::before{ top:8px;}
.header .Tmenu_icon i::after{ top:-8px;}
.header .Tmenu_icon.open i{ background:none!important;}
.header .Tmenu_icon.open i::before,
.header .Tmenu_icon.open i::after{ top:0!important;}
.header .Tmenu_icon.open i::before{ transform:rotate(45deg);}
.header .Tmenu_icon.open i::after{ transform:rotate(-45deg);}
.Current{ display:none; }
.header .top_nav{ display:block; position: fixed; right:-100%; transition:all .5s; top:7.6%; width:60%; height:93vh; background:#fff; }
.header .top_nav li{ width:100%; margin:0; border-bottom:solid 1px #ccc;}
.header .top_nav li a{ font-size:16px; color:#666; display:block; }
.header .top_nav li span{ line-height:45px; }
.header .top_nav li span:after{ display:none; }
.header .top_nav li.on a{ color:#0e2956; }
.header .top_nav.On_nav{ right:0;}
.header .Top_Search{ top:130%; }


.home_ban img.Pc_img{ display:none; }
.home_ban img.Web_img{ display:block; }
.ban-text{ top:55%; line-height:30px; }
.ban-text .text1{ font-size:30px;}
.ban-text .text2{ font-size:18px; }
.home_ban .owl-dots .owl-dot{ width:30px; margin:0 10px; }


.footer .fr_box{ display:none; }
.footer .fr_box .pic img{ max-width:100%; }
.footer .bottom_t .footer_nav{ width:100%; padding-top:20px; }
.footer .bottom_t .footer_nav dl{ width:48%; margin-bottom:20px; margin-right:0; }
.footer .shaer{ text-align:center; }
.footer .Copyright_box{ margin-top:20px; }

.SectionBox{ padding-top:15px; }
.Mainbox{ padding:0 0 60px; }
.Menubox{ width:100%; }
.Menubox a{ font-size:16px; line-height:40px; margin-right:3%; }

.Introd_one{ padding:0 2%; }
.Introduction .title{ padding:30px 0; }
.Introd_one .lunw{ margin-right:3%; margin-bottom:5%; }
.Introd_one .lit{ padding:30px 0; }
.Introd_two .wenb{ padding:0 2%; padding-bottom:50px; }
.Introd_two .lit .lunw{ width:100%; margin-bottom:20px; }
.Introd_three .list{ padding-bottom:35px; }
.Introd_three .list .ti{ font-size:14px; padding:0 2%; line-height:25px; height:50px; }
.Introd_three .owl-dots{ width:auto; bottom:-48px;}
.Introd_three .owl-dots .owl-dot{ height:2px; width:20px; }

.About .title{ padding:30px 0; }
.Coursebox{padding:10px 0;}
.Course{ margin:0 0 20%; }
.Course .trackbox{position: relative; background:none; height:auto;}
.Course .trackbox .list{ width:100%!important; position:initial; opacity:1; margin-top:0; margin-bottom:10px;}
.Course .trackbox .list.on{ margin-top:0; margin-bottom:10px;}
.Course .trackbox .list .time{ font-size:30px; }
.Course .trackbox .list .line{ display:none; }
.Course .trackbox .list .wen{ font-size:16px; }
.Course .trackbox.on{ height:auto; }
.Monitor .title{ padding:30px 0; }
.Related-bx .Tab-A a{ width:46%; min-width:0; margin:2% }
.Related-bx .title2{ padding:30px 0; }
.Products-list{ padding-top:20px; }
.Products-list li{ width:49%; margin-right:0; float: left; margin-bottom:5px;}
.Products-list li:nth-child(2n){ float: right; }
.Products-list li .Tib{ padding:0; font-size:16px; }
.Products-list li .Jian{ font-size:14px; }
.Product-info .Juzcon{ padding:0 2%; }
.Product-info .title{ padding:30px 0; }
.Product-info .table table{ line-height:35px; }
.Product-info .videobox{ padding:40px 0; }
.Product-info .videobox .videoCon .but a{ width:70px; height:70px; background-size:contain;}
.Contact{ padding-bottom:50px; }
.Contact .fl-wtd{ width:100%; padding-right:0;}
.Contact .fl-wtd:after{ display:none; }
.Contact .fl-wtd .iw{ width:100%; padding:20px 0; padding-left:80px; margin:10px 0 10px;}
.Contact .fl-wtd .iw.addr{ margin-bottom:0; margin-top:20px; }
.Contact .fl-wtd .iw span{ width:60px; height:60px; margin-top:-30px; }
.Contact .but-w{ width:auto; position:initial; transform:translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); float: left; margin-top:10px; }
.Joinbox li{ width:100%; }
.Message{ margin:20px 0; }
.Message .fl-box,
.Message .fr-box{ display:block; width:100%; }
.Message .fr-box .ChuizJuz{ padding:20px 2%; }
.Message .Textarea textarea,
.Message input{ font-size:14px; }
.Message .Textarea{ margin-bottom:20px; }
.Message .Textarea textarea{ height:110px; }

.screen .tity{ line-height:25px; }
.screen .tity h4{ font-size:18px;}
.screen .tity span{ font-size:14px; line-height:30px;}
.screen1 .Conbox{ padding:50% 0; }
.screen1 .Conbox .pic{ width:55.3%; }
.screen1 .Conbox .circle{ width:66.1%; height:66.1%; }
.screen1 .Conbox .back_bg{ width:100%; left:0; }
.screen1 .Conbox .Spin_circle{ width:89.3%; top:6.5%; left:6.5%; }
.screen1 .Conbox .Spin_circle .Spin{ left:4%; top:6%; }
.screen1 .Conbox .list li{ width:60px; height:60px; }
.screen1 .Conbox .list li:nth-child(1){ top:-1%; right:38%;}
.screen1 .Conbox .list li:nth-child(2){ right:12%; top:11%; }
.screen1 .Conbox .list li:nth-child(3){ top:40%; }
.screen1 .Conbox .list li:nth-child(4){ right:6%; top:68%; }
.screen1 .Conbox .list li:nth-child(5){ right:28%; top:83%; }
.screen1 .Conbox .list li:nth-child(8){ left:-2%; }
.screen1 .Conbox .list li:nth-child(9){ left:12%; top:7%; }
.screen1 .list_con .tex{ top:36%!important; position:absolute; left:25%!important; transition:none!important; border-radius:0!important; background:none; box-shadow:none;}
.screen1 .list_con .tex.on{ width:50%; top:36%!important;}
.screen1 .list_con .tex.on:nth-child(2),
.screen1 .list_con .tex.on:nth-child(1){ right:3%; }
.screen1 .list_con .tex a{ font-size:14px; }
.screen1 .list_con .tex .tit{ width:100%; position:initial;  background:none;}
.screen1 .list_con .tex .tit .grid{ position:initial; width:100%; right:0; transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0);}
.screen1 .list_con .tex .tit .grid span{ width:100%; text-align:center; }
.screen1 .list_con .tex .wen{ font-size:13px; width:100%; -webkit-line-clamp:4; height:auto; max-height:100px;}
.screen2 .China_mapbox{ margin:11% 0; }
.screen2 .Huxiyu .wave-group{ width:100%; height:100%; top:52%; }
.screen2 .Huxiyu .bg-waves{ width:100%; height:100%; }
.screen2 .TeMapw .webRin{ position:relative; width:100%; }
.screen2 .TeMapw .Yonwen{ width:50%; position:initial;  float: left;}
.screen2 .TeMapw .Yonwen:nth-child(2){ float: right; }
.screen2 .TeMapw .Yonwen li{ font-size:12px; padding-bottom:10px; margin-bottom:10px; line-height:20px; }
.screen2 .TeMapw .Yonwen .Chusz span{ font-size:30px; }
.screen2 .TeMapw .Yonwen .Chusz{ font-size:16px; }
.screen2 .map_back{ background-size:100%; }
.screen2 .Chebox{ width:70%!important; left:15%!important; top:5%!important; }
.screen2 .China_mapbox .list .dot.on{ background:url(../images/map_icon2.png) no-repeat center; background-size:contain; }
.screen2 .China_mapbox .list .dot.on span{ display:none!important; }
.screen2 .China_mapbox .list .dot{ width:15px; height:15px; }
.screen2 .China_mapbox .list .dot .mane{ font-size:0; }
.screen2 .China_mapbox .list .dot:nth-child(8) .mane,
.screen2 .China_mapbox .list .dot:nth-child(9) .mane,
.screen2 .China_mapbox .list .dot:nth-child(11) .mane{ font-size:13px; }
@keyframes animation-waves{
	0%{opacity:1; transform:scale(1);}
	100%{opacity:0; transform:scale(1.8);}
}
@-webkit-keyframes animation-waves{
	0%{opacity:1;transform:scale(1);}
	100%{opacity:0;transform:scale(1.8);}
}
@-ms-keyframes animation-waves{
	0%{opacity:1;transform:scale(1);}
	100%{opacity:0;transform:scale(1.8);}
}
.screen3{ padding-top:60px; }
.screen3 .Con .triangle{ width:100%; padding:29% 0;}
.screen3 .Con .list{ width:32%;}
.screen3 .Con .list .lisw{padding:3px; }
.screen3 .Con .list a{ font-size:12px; line-height:20px; }
.screen3 .Con .list:after{ height:80%; top:70%; background-size:100% 100%; }
.screen3 .Con .list:nth-child(1){ left:0; top:10%; }
.screen3 .Con .list:nth-child(2){ top:-5%; }
.screen3 .Con .list:nth-child(3){ right:0; top:10%; }
.screen3 .Con .tex{ font-size:12px; line-height:25px; margin-top:20px;}
.screen3 .Con .tex .weno{ font-size:14px; }
.screen4{ padding-bottom:80px;}
.screen4 .title{ margin-bottom:20px; }
.screen4 .trackbox.on,
.screen4 .trackbox{ position:initial; width:100%; height: auto; background:none; }
.screen4 .trackbox .list{ margin-bottom:10px; opacity:1; margin-top:0; width:100%; position:initial; left:0; top:0; font-size:15px; }
.screen4 .trackbox .list .time{ font-size:22px; line-height:30px;}
.screen4 .trackbox .list .line{ display:none; }

.screen5{ margin-top:10px; padding-bottom:50px;}
.screen5 .videobox .but a{ width:60px; height:60px; background-size:contain; }
.screen6 .owl-carousel button{ position:absolute; top:33%; margin-top: -20px; background:#fff!important; border-radius:50%; text-align:center; line-height:40px; height:40px; width:40px; }
.screen6 .owl-carousel button span{ font-size:30px; color:#2c97f6; }
.screen6 .owl-carousel .owl-prev{ left:0; }
.screen6 .owl-carousel .owl-next{ right:0; }
.screen6 .list .text{ padding:10px; }
.screen6 .list .text .time{ margin-bottom:10px; }
.screen6 .more{ margin-top:20px; }



}
.Moneyman .box{line-height: 1;padding: 8.3%;background-color: #fff;background-image: url(../images/Moneyman-bg.jpg);;background-position: center;background-repeat: no-repeat;background-size: contain;}
.Moneyman .box .text{font-size: 18px;color: #081f42;line-height: 1.8;max-width: 760px;}
.Moneyman .box .tel{margin-top: 7%;}
.Moneyman .box .tel .name{margin-bottom: 20px;font-size: 18px;color: #081f42;}
.Moneyman .box .tel .item{margin-bottom: 15px;font-size: 16px;color: #081f42;}
.Moneyman .box .tel .item:last-child{margin-bottom: 0;}