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;}

body { background:#ddf9ff;}

.header { width: 100%; background: url(../images/2021ssw_bg.jpg) no-repeat top center; background-size: 1920px 680px; height:680px;position: relative;}
.header_box { width: 100%;max-width: 1200px;margin: 0 auto;}
.header_top { height: auto; width: 100%; overflow: hidden;}
.header_top .logo  { display: block; float: left; margin-top:26px;}
.header_top .logo img {display: block;}
.header_top .fhsy { width:98px; height:36px; border-radius: 2px; background:rgba(81,107,167,0.5); display: block; float: right; margin-top:38px; color: #d3e3f0; line-height:36px; font-size: 15px; text-align: center; box-sizing: border-box;}
.header_top .fhsy:hover {opacity: 0.8;}

.content_box { width: 100%;max-width: 1240px; background: #fff;margin: 0 auto;padding:0 20px 50px;} 

.ssw_box1 .title {padding: 40px 0 30px;}
.ssw_box1 .title img { width: 100%; height: auto; display: block;}

.ssw_box1_img a { width: 470px; height: auto; display: block;margin: 0 auto;}
.ssw_box1_img a img { width: 100%; height: auto; display: block;}

.ssw_box_tab {position: relative;}
.ssw_box_tab .hd {position: absolute;left: 0; top: 50px; z-index: 99;}
.ssw_box_tab .hd li {margin-bottom: 20px;}
.ssw_box_tab .hd li a { width: 140px; height: 72px; background: #00bcd9; border-radius: 36px 0 0 0; display: block;line-height: 72px;font-size: 20px;font-weight: bold; color: #fff;padding-left: 46px; box-sizing: border-box;}
.ssw_box_tab .hd li.on a { width: 190px; background: #0079d7;border-radius: 36px 36px 36px 0;}
.ssw_box_tab .bd {width: 100%; height:675px;border: 1px solid #e0e0e0;padding: 30px 0;max-width: 1060px; float: right;position: relative; z-index: 90;overflow: hidden;}
.ssw_box_tab .img_bg { width:244px; height: 210px; display: block;position: absolute;right:-20px; bottom:-18px;z-index: 99;}
.ghqw_box {padding: 0 145px; }
.ghqw_box h2 {font-size: 24px; color: #0463ac;text-align: center;margin-top: 60px;}
.ghqw_box p {font-size: 18px; color: #333;line-height:46px;text-indent: 2em;margin-top:50px;}
.ghqw_box .ghqw_more { float: right; width: 128px; height: 50px;border-radius: 6px; text-align: center;line-height: 50px; font-size: 18px; color: #0463ac; border:1px solid #0463ac;display: block;margin-top:50px;} 

.ssw_box2 .title {padding:70px 0 45px;}
.ssw_box2 .title img { width: 100%; height: auto; display: block;}
#persons {position: relative; width: 1010px;margin: 0 auto 45px;}
#persons .swiper-slide {border: 3px solid #ccc;width:434px; height:288px;overflow: hidden;}
#persons .swiper-slide a img { width:100%; height:288px; display: block;}


.ssw_box3 .title {padding:35px 0;}
.ssw_box3 .title img { width: 100%; height: auto; display: block;}
.ssw_box3 ul li { width:373px; height: 100px; line-height: 100px; border-radius:2px; float: left;margin-right:40px; background: url(../images/2021ssw_icon8.jpg) no-repeat left 115px center  #f2f2f2;}
.ssw_box3 ul li:last-child {margin-right: 0;}
.ssw_box3 ul li a { width: 100%; height:100px; padding-left:176px; box-sizing: border-box; font-size: 28px; color: #0079d7; display: block;}

.ssw_box4_box .ssw_box4 {width:560px;}
.ssw_box4_box .ssw_box4 ul li {width:100%;}
.ssw_box4_box .ssw_box4 ul li a {width:100%;box-sizing: border-box; }
.ssw_box4 .title {padding:80px 0 25px;}
.ssw_box4 .title img { width: 100%; height: auto; display: block;}
.ssw_box4 ul li { width: 50%; float: left;line-height: 40px;}
.ssw_box4 ul li a {font-size: 18px; color: #333; background: url(../images/2021ssw_dian.jpg) no-repeat left center;padding-left: 25px; width:90%;overflow: hidden;white-space:nowrap; text-overflow: ellipsis;box-sizing: border-box; display: block;}
.ssw_box4 ul li a:hover {color: #0079d7;}


.tj_box { width: 100%; height: auto;position: relative;}
.tj_box p {width:100%; height: 72px; background: rgba(0,0,0,0.4);position: absolute;left: 0;bottom: 0; text-align: right; line-height: 72px;}
.tj_box .tj_a2 { font-size: 16px; color: #fff;margin-right: 60px;}
.tj_box .tj_a2:hover {text-decoration: underline;}
.tj_box .tj_a1 {width: 88px; height: 30px; border-radius: 4px; background: #f27f22; display: inline-block; text-align: center; line-height: 30px;font-size: 16px; color: #fff;margin-right: 40px;}

.hhssw_a {width: 70%;margin:20px auto 0;display: block;}
.hhssw_a img { width: 100%; height: auto; display: block;}


@media screen and (max-width: 768px){
    body{background: #fff;}
    .header{background-size: 150%;height: 200px;position: relative;}
    .header_top .logo{margin: 10px;width: 49%;}
    .header_top .logo img{width: 100%;}
    .header_top .fhsy{display: none;}
    .ssw_box1 .title{padding: 30px 0;overflow: hidden;margin-top: 20px;}
    .ssw_box1 .title img{transform: scale(2);}
    .ssw_box_tab .hd{top: 16px;width: 100%;}
    .ssw_box_tab .hd li{margin-bottom: 20px;display: inline-block;width: 32%;}
    .ssw_box_tab .hd li a{width: 100%;height: 50px;background: #00bcd9;border-radius: 20px;display: block;line-height: 50px;font-size: 20px;font-weight: bold;text-align: center;box-sizing: border-box;padding-left: 0;}
    .ssw_box_tab .hd li.on a{background: #0079d7;border-radius: 30px;width: 100%;}
    .ssw_box_tab .bd{height: auto;}
    .ghqw_box{padding: 0 10px;}
    .ghqw_box h2{font-size: 20px;}
    .ghqw_box p{font-size: 16px;line-height: 36px;margin-top: 20px;}
    .ghqw_box .ghqw_more{float: none;margin: 20px auto 0;}
    .ssw_box_tab .img_bg{display: none;}
    .ssw_box3 .title{padding: 30px 0;overflow: hidden;margin-top: 20px;}
    .ssw_box3 .title img{transform: scale(2);}
    .ssw_box3 ul li{width: 100%;margin-right: 0;float: none;margin-bottom: 10px;background: url(../images/2021ssw_icon8.jpg) no-repeat left 30%center #f2f2f2;height: 80px;line-height: 80px;border-radius: 20px;}
    .ssw_box3 ul li a{padding-left: 50%;}
    .ssw_box4_box .ssw_box4{width: 100%;}
    .ssw_box4_box .ssw_box4 .title{padding: 10px 0;margin-top: 20px;}
    .ssw_box4_box .ssw_box4 .title img{transform: scale(1);}
    .ssw_box4 .title{padding: 10px 0px;margin-top: 20px;overflow: hidden;}
    .ssw_box4 .title img{transform: scale(2);}
    .hhssw_a{width: 100%;margin: 10px auto 0;}
    
}