*{margin:0;padding:0}
blockquote,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,td,th,ul{margin:0;padding:0;font-weight:400}
li{list-style:none}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}
figure{margin:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
img{border:0;display:block}
caption,th{text-align:left}
input,select,textarea{font-size:14px;color:#333;font-family:simsun,??¨¬?,helvetica,?¡é¨¨¨ª??o¨²,microsoft yahei,SimHei}
body{font:14px microsoft yahei,"?¡é¨¨¨ª??o¨²",simsun,??¨¬?,helvetica,SimHei;position:relative;color:#333;overflow-x:hidden;}
:focus{outline:0}
input:focus,input:hover{outline:0}
a{color:inherit;text-decoration:none}
a:hover{color:#005faf;text-decoration:underline}
.piclink p:hover{color:#005faf;}

.f12{font-size:12px;line-height:26px;}
.f14{font-size:14px;line-height:26px;}
.f16{font-size:16px;line-height:28px;}
.f18{font-size:18px;line-height:30px;}
.f20{font-size:20px;line-height:30px;}
.f22{font-size:22px;line-height:30px;}
.f24{font-size:24px;line-height:36px;}
.f30{font-size:30px}
.f32{font-size:32px}
.f36{font-size:36px}
.f48{font-size:48px}
.fb{font-weight:700}
.fn{font-weight:400}
.yh{font-family:?¡é¨¨¨ª??o¨²,microsoft yahei;}
.center{text-align:center}
.txt_l{text-align:left;}
.txt_r{text-align:right;}

.l_h24{line-height:24px;height:24px;overflow:hidden;}

.l_h48{line-height:24px;height:48px;overflow:hidden;}
.l_h72{line-height:24px;height:72px;overflow:hidden;}

.lh30{line-height:30px;height:30px;overflow:hidden;}
.lh35{line-height:35px;height:35px;overflow:hidden;}
.lh40{line-height:40px;height:40px;overflow:hidden;}

.lh18{line-height:18px;}
.lh28{line-height:28px;}
.lh66{line-height:66px;}

.gray{color:gray}
.gray3{color:#333}
.gray5{color:#555;}
.gray6{color:gray}
.gray9{color:#999}
.grayb{color:#bbb}
.grayc{color:#ccc}
.graye{color:#eee}
.gray4e{color:#4e4e4e;}
.blue{color:#0268cd}
.red{color:#ce0021}
.white{color:#fff}
.green{color:#00CAB2;} 
.green_blue{display:inline;background:linear-gradient(to right, #00CAB2, #007AE7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}


.bor_da_b{border-bottom:1px dashed #ddd;}
.bor_do_b{border-bottom:1px dotted #ddd;}
.border{border:1px solid #ddd;}
.border_e{border:1px solid #eee;}
.bor_radius_3{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

.fl{float:left;}
.fr{float:right;}
.block{display:block;}
.inline{display:inline;}
.oh{overflow:hidden;}
.clear{clear:both;}
.mauto{margin:0 auto;}
.pr{position:relative;}
.pa{position:absolute;}

.top5{margin-top:5px;}
.top8{margin-top:8px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top45{margin-top:45px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr50{margin-right:50px;}
.mr80{margin-right:80px;}
.mr100{margin-right:100px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.ml10{margin-left:10px;}

.pt10{padding-top:10px;}
.pt60{padding-top:60px;}
.pt124{padding-top:124px;}
.pt70{padding-top:70px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb65{padding-bottom:65px;}
.pb40{padding-bottom:40px;}
.pb60{padding-bottom:60px;}

.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}

.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p24{padding:24px;}

.plr10{padding-left:10px;padding-right:10px;}
.plr15{padding-left:15px;padding-right:15px;}
.plr20{padding-left:20px;padding-right:20px;}

.bg_xk{background:url(../images/bitmap.png);background-size:100%;}
.bg_main{background:#08214f url(../images/bg.png) -30px 50px;background-size:100%;}
.bg_102f7a{background-color:#102f7a;}
.bg_061E46{background-color:#061E46;}
.bg_f{background-color:#fff;}

.all_width{width:100%;}
.w_80{width:80%;}
.w1165{width:1166px;}
.w352{width:352px;}

.top{width:100%;background-color:#1C61AE;height:102px;}
.top img{height:80px;width:auto;padding-top:21px;}

.slideBox{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#071b36+0,00367f+73 */
background: #071b36; /* Old browsers */
background: -moz-linear-gradient(top,  #071b36 0%, #00367f 73%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #071b36 0%,#00367f 73%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #071b36 0%,#00367f 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071b36', endColorstr='#00367f',GradientType=0 ); /* IE6-9 */
position:relative;}
.slideBox .hd{position:absolute;bottom:0px; left:50%;margin-left:-33px; z-index:1;overflow:hidden;}
.slideBox .hd li{ display:inline-block; width:10px;height:10px;background:#D0D0D0;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-indent:100px;margin:0px 6px;}
.slideBox .hd li.on{ background:#007AE7;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{margin:0 auto;width:100%;max-width:1920px;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* ¨¨£¤¦Ì?¨¢¡ä?¨®¡ä£¤?t??¨¢¨¢ */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }


.focus{ width:100%; margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{width:100%;height:3px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;}
.focus .hd ul .on{ background:#007AE7;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;height:auto;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* ¨¨???¨¢¡ä?¨®??¨¢¨¢ */ }


.des_item{position:absolute;right:0px;top:0px;width:352px;height:215px;}
.des_item_1{top:223px;}
.des_item_2{top:446px;}
.des_item .bg{position:absolute;left:0px;right:0px;top:0px;bottom:0px;display:block;opacity:.95;filter:alpha(opacity=95);-moz-opacity:.95;background:#1264BF;z-index:0;}
.des_item .des_con{position:relative;z-index:2;padding:14px 20px;}

.detail_btn{background-image:linear-gradient(-270deg, #007AE7 0%, #00CAB2 100%);border-radius:40px;border-radius:21px;font-size:18px;width:160px;height:42px;line-height:42px;text-align:center;margin:0 auto;display:block;}
.detail_btn:hover{background:#007AE7;color:#fff;}

.main_btn{background-image:linear-gradient(-270deg, #00CAB2 0%, #007AE7 100%);display:block;padding:6px 0px;text-align:center;width:90%;margin:0 auto;text-align:center;font-size:16px;color:#fff;}
.main_btn.fl{width:auto;padding:4px 10px;font-size:14px;}
.main_btn:hover{background:#007AE7;color:#fff;}

.auto_img{width:100%;max-width:984px;}
.con_img_70{max-width:70%;}
.con_img_50{max-width:50%;}
.con_img_30{max-width:30%;}
.con_img_20{max-width:30%;}
.con_img_10{max-width:10%;}
.wx_img{width:10%;}
.logo_img{width:20%;}
.picScroll{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.picScroll .bd li{overflow:hidden;float:left;flex:0 0 25%;ms-flex: 0 0 25%;max-width:25%;width:25%;padding-right:15px;padding-left:15px;margin-bottom:30px;}
.picScroll .bd li img{ width:100%;}

.picScroll .hd{width:120px;margin:0 auto;overflow:hidden;}
.picScroll .hd li{ float:left;width:50px;height:4px;background:#D0D0D0;margin:0 5px;overflow:hidden;text-indent:120px;}
.picScroll .hd .on{ background:#007AE7; }
.picScroll .prev,.picScroll .next{ display:block;float:right; width:18px;height:18px;background:url(images/pisScrollIcons.gif) -6px -7px no-repeat;overflow:hidden;margin:11px 5px 0 5px; }
.picScroll .next{ background-position:-34px -7px;}
.picScroll .prevStop{ background-position:-6px -40px;}
.picScroll .nextStop{ background-position:-34px -40px;}


@media screen and (max-width:900px) {
	.pro_wrap img{width:100%;float:none;margin-left:0px;}
	.des_item{position:relative;width:100%;margin-top:10px;margin-left:0px;height:auto;top:none;}
	.des_item_1{top:0px;}
	.des_item_2{top:0px;}
	.top{width:100%;background-color:#1C61AE;height:80px;}
	.top img{height:70px;width:auto;padding-top:10px;}
}

@media screen and (max-width:800px) {
	.picScroll .bd li{position:relative;width:100%;max-width:100%;}
}

@media screen and (max-width:600px) {
	.top90{margin-top:50px;}
	.top70{margin-top:35px;}
	.top60{margin-top:30px;}
	.top50{margin-top:25px;}
	.top40{margin-top:20px;}
	.pb65{padding-bottom:35px;}
	.pb60{padding-bottom:30px;}
	.pt124{padding-top:60px;}
	.f48{font-size:32px;}
	.f32{font-size:20px;}
	.top30{margin-top:20px;}
	.top{width:100%;background-color:#1C61AE;height:60px;}
	.top img{height:50px;width:auto;padding-top:10px;}
	.logo_1{width:50%;}
	.wx_img{width:30%;}
	.logo_img{width:50%;}
}

@media screen and (max-width:500px) {
	.t_item{flex: 0 0 50%;max-width: 50%;}
}



