html{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p
{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
ul,li,dl ,dt,dd ,ol,p,img{list-style:none;border:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
button,select,textarea,input{font-size:100%;-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a:hover,a:focus{outline:none;text-decoration:none;cursor:pointer;}
label {font-weight:normal;}
.clear{clear:both;font-size:0px;height:0px;line-height:0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility:hidden;overflow: hidden;}
.clearfix {*zoom: 1;}
::-webkit-scrollbar{display:none;}
::scrollbar{display:none;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}

.header { width: 100%; background: url(../images/2020zwgk_banner.jpg) no-repeat; background-size: 1920px 640px; height: 640px;}
.header_box { width: 100%;max-width: 1200px;margin: 0 auto;}
.header_top { height: 100px; border-bottom: 1px solid rgba(255,255,255,0.2); width: 100%; overflow: hidden;}
.header_top .logo  { display: inline-block; float: left;margin-top:20px;}
.header_top .logo img {height:60px;width:auto;display:block;}
.header_top .fhsy { width: 108px; height: 32px; border-radius: 2px; background:url(../images/icon1.png) no-repeat left 12px center rgba(107,96,176,0.8); display: block; float: right; margin-top: 34px; color: #d3e3f0; line-height: 32px; font-size: 14px; text-align: center; padding-left:20px; box-sizing: border-box;}
.header_top .fhsy:hover {background:url(../images/icon1.png) no-repeat left 12px center rgba(107,96,176,1);}
.header_info { width: 100%; max-width: 1200px;margin-top: 55px;}
.header_info img { display: block;}


.zwgk_list_box { width: 100%;max-width: 1200px; margin: 0 auto;}
.zwgk_title { text-align: center;}
.zwgk_title a { font-size: 26px; color: #333; line-height: 26px; padding: 15px 90px; display: inline-block; position: relative; margin: 0 auto;}
.zwgk_title span  { width: 80px; display: block; height: 1px; background: #e0e0e0;position: absolute;}
.zwgk_title span.lr { top: 0;left: 0;}
.zwgk_title span.rr { bottom: 0;right: 0;}


.zwgk_list1 { background:url(../images/2020zwgk_bg1.jpg) repeat-x left center; padding-top: 50px;}
.zwgk_list1 p { text-align: center; padding: 20px 0 30px;}
.zwgk_list1 p img { margin: 0 auto; display: block;}
.zwgk_list1 ul li { width: 25%; float:left; margin-bottom: 50px;}
.zwgk_list1 ul li a { font-size: 18px; color: #333; font-weight: bold; padding-left: 75px; display: inline-block; height: 50px; line-height: 50px;} 
.zwgk_list1 ul li a:hover {color: #009eff; }
.zwgk_list1 ul li a.icon1 { background: url(../images/2020zwgk_yshj_icon1.jpg) no-repeat left center;}
.zwgk_list1 ul li a.icon2 { background: url(../images/2020zwgk_yshj_icon2.jpg) no-repeat left center;}
.zwgk_list1 ul li a.icon3 { background: url(../images/2020zwgk_yshj_icon3.jpg) no-repeat left center;}
.zwgk_list1 ul li a.icon4 { background: url(../images/2020zwgk_yshj_icon4.jpg) no-repeat left center;}
.zwgk_list1 ul li a.icon5 { background: url(../images/2020zwgk_yshj_icon5.jpg) no-repeat left center;}
.zwgk_list1 ul li a.icon6 { background: url(../images/2020zwgk_yshj_icon6.jpg) no-repeat left center;}
.zwgk_list1 ul li a.icon7 { background: url(../images/2020zwgk_yshj_icon7.jpg) no-repeat left center;}
.zwgk_list1 ul li a.icon8 { background: url(../images/2020zwgk_yshj_icon8.jpg) no-repeat left center;}

.zwgk_list2 { background:url(../images/2020zwgk_bg2.jpg) repeat-x left center; padding-top: 58px; padding-bottom: 90px;}
.zwgk_list2 .zwgk_title a { color: #fff;}
.msly_tab { position: relative; margin-top: 55px;}
.msly_tab .hd { width: 194px; border-right:2px solid #667080; position: relative; z-index: 9;padding-bottom: 120px;}
.msly_tab .hd li {margin-bottom: 20px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease}
.msly_tab .hd li:last-child { margin-bottom: 0;}
.msly_tab .hd li a { line-height: 30px; font-size: 16px; display: block; padding-right: 48px; box-sizing: border-box; color: #eef4ff; text-align: right; width: 193px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease} 
.msly_tab .hd li.on { background: url(../images/2020zwgk_li_bg.png) no-repeat center; background-size: 194px 30px;border-right:4px solid #00A4FF; width: 193px;}
.msly_tab .hd li.on a { color: #00A4FF;}
.msly_tab .bd {padding: 0 30px 0 274px; width:100% ; box-sizing: border-box; z-index: 1; display: none; position: absolute; left: 0; top: 0;}
.msly_tab .bd .bd_list { width: 100%; height: 380px; box-sizing: border-box;display: block !important;}
.msly_tab .bd .bd_list h3 { font-size: 24px; color: #009eff; line-height: 24px; padding: 28px 0 40px; border-bottom: 1px dashed rgba(255,255,255,0.2); }
.msly_tab .bd .bd_list .btn { width: 140px; height: 35px; background: #00A4FF; display: block; text-align: center; line-height: 35px; font-size: 14px; color: #fff; float: left; margin-top: 40px; margin-right: 100px;}
.msly_tab .bd .bd_list .btn:nth-child(4n+1) { margin-right: 0;}
.msly_tab .bd .bd_list .btn:hover { background:#0092e0;}


.zwgk_list3 { background:#fff;}
.zwgk_list3 .l_pic { width: 41.5%; float: left;}
.zwgk_list3 .r_box { width: 58.5%; float: right;}
.zwgk_list3 .r_box .zwgk_title { margin-top: 100px;}
.zwgk_list3 .r_box ul { margin-top: 84px;}
.zwgk_list3 .r_box ul li { width: 142px; height: 45px; float: left; margin-right: 80px;}
.zwgk_list3 .r_box ul li a { display: block; background:url(../images/2020zwgk_jc_pic2.jpg) no-repeat; font-size: 18px; color:#fff; text-align: center;line-height: 45px;}
.zwgk_list3 .r_box ul li a:hover { background: url(../images/2020zwgk_jc_hover.png) no-repeat;}

.zwgk_list4 { background:#f7f7f7;}
.zwgk_list4 ul li { width: 33.33%; float: left;}
.zwgk_list4 ul li a { display: block; background-size: 100%; width: 100%; height: 500px;}
.zwgk_list4 ul li a.icon1 { background: url(../images/2020zwgk_jc_pic3.jpg) no-repeat;}
.zwgk_list4 ul li a.icon2 { background: url(../images/2020zwgk_jc_pic4.jpg) no-repeat;}
.zwgk_list4 ul li a.icon3 { background: url(../images/2020zwgk_jc_pic5.jpg) no-repeat;}
.zwgk_list4 ul li a.icon1:hover { background: url(../images/2020zwgk_jc_pic3_hover.jpg) no-repeat;}
.zwgk_list4 ul li a.icon2:hover { background: url(../images/2020zwgk_jc_pic4_hover.jpg) no-repeat;}
.zwgk_list4 ul li a.icon3:hover { background: url(../images/2020zwgk_jc_pic5_hover.jpg) no-repeat;}

