/*全局*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { font-family:"微软雅黑"; font-size:14px; color:#333; background: #000127; }
ul,li { list-style:none; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
img { border:none; border:0; vertical-align:middle; /* display:block; */ }
em,i { font-style:normal; }
a { text-decoration:none; outline:none; color:#333; }
a:hover { color:#f00; }
p { margin:0; padding:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { *zoom:1 }
.fl { float:left; }
.fr { float:right; }
.center { width:1300px; margin:0 auto; }
.mt12 { margin-top:12px; }
/*全局 end*/
.bg { width:100%; height:1060px; background:url(../images/bg.jpg) no-repeat center center; overflow:hidden; }

.top { width:100%; height:153px; background:url(../images/top.png) no-repeat center center; }
.top1 { width:100%; height:153px; background:url(../images/top1.png) no-repeat center center; }
.screen { width:1840px; height:924px; margin:-20px auto; }
.screen_L { width:397px; height:924px; float:left; }

.screen_T { width:330px; height:40px; background-color:#0e218e; margin:0 auto; font-size:22px; color:#00ddff; line-height:40px; padding:0 15px; }
.screen_T span { }
.screen_T1 { font-size:22px; color:#00ddff; padding:20px 0 0 30px; }


.screen_L1 { width:393px; height:313px; border:2px solid #0c447f; padding-top:20px; }
.screen_L1_eachats { height:250px; }


.screen_L2 { width:393px; height:277px; border:2px solid #0c447f; padding-top:20px; }
.screen_L2_eachats { height:280px; }

.screen_L3 { width:393px; height:238px; border:2px solid #0c447f; padding-top:20px; }
.screen_L3_eachats { height:240px; }

.screen_C { width:1018px; height:924px; float:left; margin-left:12px; }
.screen_C1 { width:1024px; height:650px; position:relative; }
.screen_C1_bg { width:1024px; height:650px; background:url(../images/map.png) no-repeat center center; }


.screen1 { width:280px; height:120px; position:absolute; left:100px; top:150px; }
.screen1_1 { width:280px; height:120px; position:relative; }
.screen1_1 .i1 { width:45px; height:45px; position:absolute; right:0; top:0; }
.screen1_1 .i2 { width:168px; height:67px; position:absolute; right:30px; top:25px; }
.screen1_1 .i3 { position:absolute; left:0; top:70px; }
.screen_C1 h2 { font-size:24px; color:#1fffff; }
.screen_C1 p { font-size:14px; color:#fff100; padding-top:5px; }



.screen2 { width:420px; height:58px; position:absolute; left:100px; top:352px; }
.screen2_1 { width:420px; height:58px; position:relative; }
.screen2_1 .i1 { width:45px; height:45px; position:absolute; left:350px; top:10px; }
.screen2_1 .i2 { width:314px; height:22px; position:absolute; right:30px; top:15px; }
.screen2_1 .i3 { position:absolute; left:0; top:0px; }


.screen3 { width:315px; height:160px; position:absolute; left:145px; top:407px; }
.screen3_1 { width:315px; height:160px; position:relative; }
.screen3_1 .i1 { width:45px; height:45px; position:absolute; right:0; top:0px; }
.screen3_1 .i2 { width:202px; height:107px; position:absolute; left:87px; top:25px; }
.screen3_1 .i3 { position:absolute; left:0; top:115px; }

.screen4 { width:462px; height:108px; position:absolute; right:65px; top:32px; }
.screen4_1 { width:462px; height:108px; position:relative; }
.screen4_1 .i1 { width:45px; height:45px; position:absolute; left:0px; top:67px; }
.screen4_1 .i2 { width:336px; height:63px; position:absolute; right:108px; top:28px; }
.screen4_1 .i3 { position:absolute; right:0; top:0px; }

.screen5 { width:330px; height:80px; position:absolute; right:65px; top:246px; }
.screen5_1 { width:330px; height:80px; position:relative; }
.screen5_1 .i1 { width:45px; height:45px; position:absolute; left:0px; top:0px; }
.screen5_1 .i2 { width:171px; height:37px; position:absolute; left:10px; top:22px; }
.screen5_1 .i3 { position:absolute; right:0; top:28px; }

.screen6 { width:365px; height:60px; position:absolute; right:65px; top:435px; }
.screen6_1 { width:345px; height:60px; position:relative; }
.screen6_1 .i1 { width:45px; height:45px; position:absolute; left:0px; top:0px; }
.screen6_1 .i2 { width:205px; height:17px; position:absolute; left:10px; top:20px; }
.screen6_1 .i3 { position:absolute; right:0; top:8px; }


.screen_C2 { width:960px; height:258px; border:2px solid #0c447f; }
.screen_C2_eachats { height:228px; }


.screen_R { width:393px; height:920px; float:right; }

.screen_R1 { width:393px; height:626px; border:2px solid #0c447f; padding-top:20px; }
.screen_R1_eachats { height:580px; }


.screen_R2 { width:393px; height:238px; border:2px solid #0c447f; padding-top:20px; }
.screen_R2_eachats { height:200px; }


/*产品*/
.product_T { width:900px; height:40px; background-color:#0e218e; margin:0 auto; font-size:22px; color:#00ddff; line-height:40px; padding:0 15px; }
.product_T1 { width:400px; height:40px; background-color:#0e218e; margin:0 auto; font-size:22px; color:#00ddff; line-height:40px; padding:0 15px; }

.product_L { width:335px; height:852px; float:left; }
.product_L1 { width:960px; height:626px; border:2px solid #0c447f; padding-top:20px; }

.product_L2 { width:331px; height:326px; border:2px solid #0c447f; padding-top:20px; margin-top:12px; }
.product_L2_list { width: 290px; margin: 0 auto; overflow: hidden; }
.product_L2_list ul { }
.product_L2_list ul li { width:100%; height:30px; line-height:30px; overflow:hidden; background:rgba(255,255,255,0.2); margin-top:8px; }
.product_L2_list ul li h2 { font-size:16px; color:#55c8ff; }
.product_L2_list ul li h2 label { width:32px; height:20px; text-align:center; line-height:20px; border-radius:5px; margin-top:5px; display:block; float:left; background-color:#53c8fe; font-size:16px; color:#00266e; margin-left:10px; margin-right:10px; }
.product_L2_list ul li h2 label.i1 { background-color:#ffff01; }
.product_L2_list ul li span { font-size:16px; color:#53c8fe; float:right; padding-right:10px; }



.product_C { width:912px; height:852px; float:left; margin-left:15px; position:relative; }
.product_C_bg { width:912px; height:852px; background:url(../images/map1.png) no-repeat center center; }
.town1 { width:280px; height:120px; position:absolute; left:0; top:205px; }
.town1_1 { width:280px; height:120px; position:relative; }
.town1_1 .i1 { width:45px; height:45px; position:absolute; right:0; top:0; }
.town1_1 .i2 { width:168px; height:67px; position:absolute; right:30px; top:25px; }
.town1_1 .i3 { position:absolute; left:0; top:70px; }
.product_C h2 { font-size:24px; color:#1fffff; }
.product_C p { font-size:14px; color:#fff100; padding-top:5px; }



.town2 { width:420px; height:58px; position:absolute; left:0; top:470px; }
.town2_1 { width:420px; height:58px; position:relative; }
.town2_1 .i1 { width:45px; height:45px; position:absolute; right:0; top:12px; }
.town2_1 .i2 { width:314px; height:22px; position:absolute; right:30px; top:15px; }
.town2_1 .i3 { position:absolute; left:0; top:0px; }


.town3 { width:315px; height:160px; position:absolute; left:70px; top:530px; }
.town3_1 { width:315px; height:160px; position:relative; }
.town3_1 .i1 { width:45px; height:45px; position:absolute; right:0; top:0px; }
.town3_1 .i2 { width:202px; height:107px; position:absolute; left:87px; top:25px; }
.town3_1 .i3 { position:absolute; left:0; top:115px; }

.town4 { width:462px; height:108px; position:absolute; right:0px; top:92px; }
.town4_1 { width:462px; height:108px; position:relative; }
.town4_1 .i1 { width:45px; height:45px; position:absolute; right:420px; top:67px; }
.town4_1 .i2 { width:336px; height:63px; position:absolute; right:108px; top:28px; }
.town4_1 .i3 { position:absolute; right:0; top:0px; }

.town5 { width:300px; height:80px; position:absolute; right:0px; top:346px; }
.town5_1 { width:300px; height:80px; position:relative; }
.town5_1 .i1 { width:45px; height:45px; position:absolute; right:262px; top:0px; }
.town5_1 .i2 { width:171px; height:37px; position:absolute; right:108px; top:22px; }
.town5_1 .i3 { position:absolute; right:0; top:28px; }

.town6 { width:345px; height:60px; position:absolute; right:0px; top:575px; }
.town6_1 { width:345px; height:60px; position:relative; }
.town6_1 .i1 { width:45px; height:45px; position:absolute; right:302px; top:0px; }
.town6_1 .i2 { width:205px; height:17px; position:absolute; right:108px; top:20px; }
.town6_1 .i3 { position:absolute; right:0; top:8px; }



.product_R { width:450px; height:900px; float:right; border:2px solid #0c447f; padding-top:20px; }
.product_R1 { height:850px; margin-top: 10px; }

.scrollbox { width: 920px; margin: 0 auto; overflow: hidden; padding:0 20px; }
#scrollDiv { width:100%; height:550px; overflow:hidden; } /*这里的高度和超出隐藏是必须的*/
#scrollDiv li { height:48px; line-height:48px; border-bottom:#0b244c solid 1px; }
#scrollDiv li .name { width: 270px; float:left; padding-right:5px; font-size:16px; color:#ffff01; }
#scrollDiv li .certify { width: 150px; float:left; padding-right:5px; font-size:16px; color:#53c8fe; }
#scrollDiv li .serial { width: 100px; float:left; padding-right:10px; font-size:16px; color:#53c8fe; }
#scrollDiv li .product { width: 200px; float:left; padding-right:10px; font-size:16px; color:#53c8fe; }
#scrollDiv li .report { width: 170px; float:left; font-size:16px; color:#53c8fe; }

.scrollTit {padding-top: 10px; font-size: 18px;font-weight: bold;color: #fff; display: flex; flex-direction: row; }
.scrollTit div{margin-right: 10px;}
.scrollTit .t1 { width:270px; }
.scrollTit .t2 { width: 170px; }
.scrollTit .t3 { width:190px; }
.scrollTit .t4 { width:150px; }
.scrollTit .t5 { width: 100px; }