body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,td,textarea,th,ul{margin:0;padding:0}
html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:#f7f4f8}
body{margin:0;font-size:16px}
body{font-size:16px}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
summary{display:list-item}
audio,canvas,progress,video{display:inline-block}
video{width:100%;background:#000;}
progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;text-decoration:none;color:#000}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
figure{margin:1em 40px}
img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,optgroup,select,textarea{font:inherit;margin:0}
optgroup{font-weight:700}
button,input{overflow:visible}
button,select{text-transform:none}
body{font-family:Saira,sans-serif;font-size:1em;color:#000;width:100%;background:#fff;margin:auto;height:100%;font:400 1em/1.8 '微软雅黑','Microsoft Sans Serif','WenQuanYi Micro Hei',sans-serif}
h1{font-family:"Microsoft Yahei",'WenQuanYi Micro Hei',sans-serif;font-size:1.2em;font-weight:400;color:#000;padding-top:1.5em;text-align:center;padding-bottom:0}
h2{font-family:'Microsoft Sans Serif',sans-serif;font-size:.85em;font-weight:300;color:#000;text-align:center}
p{font-family:"Microsoft Yahei",'WenQuanYi Micro Hei',sans-serif;font-size:16px}
.header-container{display:flex;flex-direction:column;padding:2.3em 0}
.logo{margin-left:5%}
.logo img{display:block;width:59vw}
nav{margin:.5em 0 0 5%}
nav ul{display:inline;float:left}
li,ul{list-style:none}
header ul li{display:inline;padding:0 .6em 0 0}
header ul li a{text-decoration:none;color:#000;cursor:pointer;font-weight:700;font-size:.78em}
header ul li a:hover{color:red;border-bottom:2px solid red;padding-bottom:1.5%}
header ul li a.active{color:red;border-bottom:2px solid red;padding-bottom:1.5%}
img:hover{cursor:pointer}
p a{color:red}
.row{width:100%}
.more-text{grid-column-start:1;grid-column-end:4;text-align:center}
a.more-text{color:#787878;color:#787878;text-decoration:none;font-size:.75em;display:block}
.list-more{margin:4% 0}
swiper-container{width:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide{position:relative;overflow:hidden;width:100%;height:33.33vw;display:inline}
.swiper-slide img{width:100%;height:100%;object-fit:cover}
.swiper-button-prev{background-image:url(../image/arrow-left.png);background-size:contain;background-repeat:no-repeat;left:0;width:38px;height:74px}
.swiper-button-next{background-image:url(../image/arrow-right.png);background-size:contain;background-repeat:no-repeat;right:0;left:auto;width:38px;height:74px}
.news-grid{display:grid;grid-template-columns:auto;grid-template-rows:auto;margin-top:30px;justify-content:center}
.news-grid .news{width:100%;-webkit-box-shadow:0 0 10px 0 rgba(166,166,166,.75);-moz-box-shadow:0 0 10px 0 rgba(166,166,166,.75);box-shadow:0 0 10px 0 rgba(166,166,166,.75);margin-bottom:4%;grid-column-start:1}
.news-grid .news:hover{border-bottom:1px solid red}
.news-grid .news-image{display:block;width:100%}
.hydt-image-out img{width:100%;height:auto;object-fit:cover}
.ygtd-image-out img{width:100%;height:auto;object-fit:cover}
.news-image-out img{width:100%;height:100%;object-fit:cover;-webkit-transition:-webkit-transform .3s ease 0s;-moz-transition:-moz-transform .3s ease 0s;-o-transition:-o-transform .3s ease 0s;transition:transform .3s ease 0s}
.news-image-out:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.news-grid .news-info h3{font-family:"Microsoft Yahei",'WenQuanYi Micro Hei',sans-serif;font-size:1em;font-weight:700;padding:4%;padding-bottom:0}
.news-grid .news-info p{font-size:.8em;font-weight:500;padding:4%;padding-top:0;color:#787878;height:auto}
.news-grid .news-info em{background-image:url(../image/time-icon.png);background-position:0 10px;background-repeat:no-repeat;padding-left:20px;font-style:normal;font-size:small;font-family:sans-serif;color:#787878;margin:2% 5%;display:block;border-top:1px #f4f4f4 solid;padding-top:2%}
.hydt-grid{display:grid;max-width:800px;margin:0 auto;margin-top:30px;grid-template-columns:auto;justify-content:center;grid-row-gap:30px}
.hydt{width:47vw;margin:0 auto 30px}
.hydt-item{grid-column-start:1}
.hydt-item{width:100%;-webkit-box-shadow:0 0 10px 0 rgba(166,166,166,.75);-moz-box-shadow:0 0 10px 0 rgba(166,166,166,.75);box-shadow:0 0 10px 0 rgba(166,166,166,.75)}
.hydt-image{display:block;width:27vw;float:left;margin-right:2%;height:100%}
.hydt-image{width:100%;height:100%;object-fit:cover}
.hydt-image-out{width:21vw;height:22vh;position:relative;display:flex;overflow:hidden}
.hydt-image-out{width:100%;height:auto;position:relative}
.hydt-image-out img{-webkit-transition:-webkit-transform .3s ease 0s;-moz-transition:-moz-transform .3s ease 0s;-o-transition:-o-transform .3s ease 0s;transition:transform .3s ease 0s}
.hydt-image-out:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.hydt-info h3{font-family:"Microsoft Yahei",sans-serif;font-size:1em;font-weight:700;padding:2% 4%;padding-bottom:0;line-height:1.2}
.hydt-info p{font-size:.8em;font-weight:500;padding:4%;padding-top:2%;color:#787878;line-height:1.8;color:#787878}
.ygtd-grid{display:grid;grid-template-columns:auto;margin-top:30px;justify-content:center;grid-gap:20px 0}
.ygtd-item1{grid-column-start:1;-webkit-box-shadow:0 0 10px -5px rgba(0,0,0,.75);-moz-box-shadow:0 0 10px -5px rgba(0,0,0,.75);box-shadow:0 0 10px -5px rgba(0,0,0,.75);width:100%}
.ygtd-item1 .ygtd-image{grid-column-start:1;width:100%}
.ygtd-item2,.ygtd-item3,.ygtd-item4,.ygtd-item5{-webkit-box-shadow:0 0 10px 0 rgba(166,166,166,.75);-moz-box-shadow:0 0 10px 0 rgba(166,166,166,.75);box-shadow:0 0 10px 0 rgba(166,166,166,.75);width:100%;grid-column-start:1}
.ygtd-image{display:block;width:100%}
.ygtd-info{padding:12px}
.ygtd-info h3{font-family:"Microsoft Yahei",sans-serif;font-size:1em;font-weight:700;padding-bottom:0;line-height:1.2}
.ygtd-info p{font-size:.8em;font-weight:500;padding-top:2%;color:#787878;line-height:1.8}
.links-grid{display:grid;grid-template-columns:auto auto auto auto auto;grid-template-rows:auto;justify-content:space-evenly;grid-gap:10px;padding:10px;-webkit-box-shadow:0 0 10px 1px rgba(166,166,166,.7);-moz-box-shadow:0 0 10px 1px rgba(166,166,166,.7);box-shadow:0 0 10px 1px rgba(166,166,166,.7);margin:0 auto;margin-top:30px;margin-bottom:6%}
.links-image{display:block;width:100%;height:7vh}
.links-item{width:15vw}
.list-grid{width:100%;margin:0 auto}
footer{padding:2.2em 3.3em 1em;text-align:center;background:#3c3c3e;margin:auto}
.foot-row{display:flex;justify-content:center;margin:4% 0}
.foot-row ul{text-align:left;padding-left:2%;color:#a4a4a4;font-size:.7em}
.foot-row li{line-height:1.5}
.qr-icon{border-right:1px solid #a4a4a4;padding-right:2%;width:auto}
footer p{font-family:Roboto,sans-serif;font-size:.7em;font-weight:300;color:#5e5e5e;line-height:130%}
footer p a{text-decoration:none;color:#5e5e5e}
.qr-icon img{width:100%}
.mail{margin-left:0rem}
.mail img{width:18vw;margin-top:10px}
.list-grid{display:grid;grid-gap:27px}
.news-list{width:100%;grid-column-start:1;border-bottom:1px solid rgba(204,204,204,.4);height:auto;padding-bottom:4%;float:left}
.news-list h3{font-size:1em}
.news-list .news-image{display:block;width:47vw;float:left;margin-right:4%}
.row-in{display:block;margin:0 2%}
.news-list h3{font-family:"Microsoft Yahei",'WenQuanYi Micro Hei',sans-serif;font-size:1em;font-weight:600}
.news-list p{font-size:.8em;font-weight:500;color:#787878;padding-top:1%}
.news-list p a{color:#d80d18}
.row-list{background-image:url(../image/top-nav-bg.png);background-repeat:repeat-x}
.subnav{padding:3% 0;font-size:.85em}
.subnav a{color:#787878;padding:0 1%}
.subnav a{color:#787878;padding:0 .2%}
a.nav-home{padding-left:31px}
.subnav a:hover{color:#787878;cursor:pointer}
.nav-home{background-image:url(../image/home-icon.png);background-repeat:no-repeat;background-position:left;padding-left:18px}
.content{margin-left:auto;margin-right:auto;padding:0 10px}
.content h2{font-family:'Microsoft Yahei';font-family:"微软雅黑";font-size:22px;color:#000;line-height:30px;margin:10px 0 6px;padding-bottom:12px;text-align:justify;font-weight:400}
.content em{font-family:'Microsoft Yahei';font-style:normal;line-height:24px;color:#b4b4b5;font-size:14px}
.content .news_txt{font-family:'Microsoft Yahei';line-height:30px;color:#333;font-size:16px!important;margin-bottom:46px;letter-spacing:.5px}
.content img{display:block;max-width:100%;margin:2% auto}
.swiper-slide{position:relative;height:auto;overflow:hidden}
.swiper-slide img{width:100%;height:100%;object-fit:cover}
.ygtd-item2 .ygtd-image-out,.ygtd-item3 .ygtd-image-out,.ygtd-item4 .ygtd-image-out,.ygtd-item5 .ygtd-image-out{width:100%;height:auto;position:relative;overflow:hidden}
.ygtd-image-out img{-webkit-transition:-webkit-transform .3s ease 0s;-moz-transition:-moz-transform .3s ease 0s;-o-transition:-o-transform .3s ease 0s;transition:transform .3s ease 0s}
.ygtd-image-out:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.hydt-image-out{width:100%;height:67vw;position:relative;display:block;overflow:hidden}
.hydt-image-out img{width:100%;height:100%;object-fit:cover}
.ygtd-item1 .ygtd-image-out{width:100%;height:48.9vw;position:relative}
.ygtd-item1 .ygtd-image-out img{width:100%;height:100%;object-fit:cover}
.ygtd-item2 .ygtd-image-out,.ygtd-item3 .ygtd-image-out,.ygtd-item4 .ygtd-image-out,.ygtd-item5 .ygtd-image-out{width:100%;position:relative}
.ygtd-item2 .ygtd-image-out img,.ygtd-item3 .ygtd-image-out img,.ygtd-item4 .ygtd-image-out img,.ygtd-item5 .ygtd-image-out img{width:100%;height:100%;object-fit:cover}
.links-item img{width:100%;height:100%;object-fit:cover}
.links-item img{-webkit-transition:-webkit-transform .3s ease 0s;-moz-transition:-moz-transform .3s ease 0s;-o-transition:-o-transform .3s ease 0s;transition:transform .3s ease 0s}
.links-item:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.ygtd-image-out .ygtd-image{width:100%;height:auto;object-fit:cover}
.news-img{width:100%;height:auto;float:none;margin-right:0}
.news-img img{width:100%;height:100%;object-fit:cover}
h1{font-weight:600}
.news-image-out{width:100%;overflow:hidden}
.hydt-grid,.links-grid-out,.news-grid,.ygtd-grid{padding:0 4%}
.links-grid{padding:4%}
.bottom-line{text-align:center}
.pagination{position:absolute;left:0;text-align:center;bottom:5px;width:100%;z-index:999}
.swiper-pagination-bullet{display:inline-block;width:8px;height:8px;opacity:1;border-radius:10px;background:#a83d48;margin:0 3px;cursor:pointer;transition:width .3s ease-in-out}
.swiper-pagination-bullet-active{background:#ff5858;width:16px}
.ygtd-item1{width:100%;-webkit-box-shadow:0 0 10px 0 rgba(166,166,166,.75);-moz-box-shadow:0 0 10px 0 rgba(166,166,166,.75);box-shadow:0 0 10px 0 rgba(166,166,166,.75)}
.bgwhite,.hydt-item,.links-grid,.news-grid .news,.ygtd-item1,.ygtd-item2,.ygtd-item3,.ygtd-item4,.ygtd-item5{background-color:#fff}
.news-grid .news-info em{margin-top:0}
.hydt-info p,.news-grid .news-info p,.ygtd-info p{font-size:1em}
.news-grid .news-info h3{font-size:1.12em;height:auto}
.hydt-info h3,.ygtd-info h3{font-size:1.25em}
.ygtd-info p{padding:3% 0}
@media (min-width:576px){
h1{padding-top:3em;font-size:1.2em}
.logo{margin-left:0}
.logo img{display:block;width:32vw}
.news-grid{grid-template-columns:auto}
.news-grid .news-image{width:100%;height:100%;object-fit:cover}
.ygtd-grid{grid-template-rows:auto;justify-content:center;margin:0 auto;margin-top:30px}
.qr-icon{width:auto}
.mail img{width:10vw;margin-top:5px}
.hydt-grid{width:100%;margin:0 auto;margin-top:30px}
}
@media (min-width:768px){
header ul li a{font-size:1em}
h1{padding-top:3em;font-size:1.4em}
header ul li{display:inline;padding:0 1.2em 0 0;font-size:1em}
.header-container{flex-direction:row;justify-content:space-between}
a.more-text{font-size:.85em}
a.red{color:red}
nav{margin:.5em 0 0 1%}
.foot-row li{line-height:2}
.news-grid{width:100%;grid-template-columns:auto;grid-gap:20px 30px;margin-top:54px}
.logo img{display:block;width:32vw}
.news-grid .news{grid-column-start:auto}
.qr-icon{width:8vw}
.ygtd-grid{grid-template-rows:auto;justify-content:center;margin:0 auto;margin-top:30px}
.mail{display:inline;white-space:normal;outline:0;float:left}
.header-container{padding:2em 0;padding-bottom:2.8em}
.mail img{width:10vw;margin-top:12px}
.list-grid{display:grid;grid-gap:27px}
.news-list{width:100%;grid-column-start:1;border-bottom:1px solid rgba(204,204,204,.4);height:auto;padding-bottom:4%;float:left}
.news-list .news-image{display:block;width:32vw;float:left;margin-right:3%}
.news-list h3{font-family:"Microsoft Yahei",'WenQuanYi Micro Hei',sans-serif}
.news-list p{font-size:.8em;font-weight:500;color:#787878;padding-top:1%}
.content h2{font-family:'Microsoft Yahei';color:#333;font-weight:600;text-align:left;font-size:1.6em;line-height:1.9;margin:0;padding-bottom:0}
.content .news_txt{font-size:18px;line-height:28px;margin-bottom:28px}
.subnav{padding:4% 0 4% 0;height:20px;line-height:20px;color:#787878;font-size:.8em}
.content img{display:block}
.news-grid{grid-template-columns:auto;grid-gap:20px 0}
.news-grid .news{grid-column-start:1}
.news-image-out{overflow:hidden;width:100%;height:47.8vw;position:relative}
.hydt-image-out{width:380px;height:33vw;float:left;margin-right:3%;overflow:hidden}
.swiper-slide{position:relative;height:33.33vw;overflow:hidden}
.ygtd-image-out .ygtd-image{width:100%;height:323px;object-fit:cover}
.news-img{width:180px;height:120px;float:left;margin-right:2%}
.hydt-grid{width:100%;margin:0 auto;margin-top:30px}
.ygtd-item1 .ygtd-image-out,.ygtd-item2 .ygtd-image-out,.ygtd-item3 .ygtd-image-out,.ygtd-item4 .ygtd-image-out,.ygtd-item5 .ygtd-image-out{width:100%;height:50vw;position:relative;overflow:hidden}
}
@media (min-width:769px){
.news-image-out{overflow:hidden;width:310px;height:210px}
.ygtd-grid{grid-template-rows:auto;justify-content:center;margin:0 auto;margin-top:30px}
.links-grid{grid-gap:20px;padding:20px}
.hydt-grid,.news-grid,.ygtd-grid{padding:0}
header ul li{display:inline;padding:0 1.4em 0 0;font-size:1em}
.news-grid .news-info p{height:6.5rem}
.news-grid .news-info h3{height:77px}
}
@media (min-width:992px){
.news-grid{grid-template-columns:auto auto auto}
.ygtd-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;margin-top:30px;justify-content:center;grid-gap:30px;width:100%;margin:0 auto}
.ygtd-item1{grid-column-start:1;grid-column-end:3;-webkit-box-shadow:0 0 10px -5px rgba(0,0,0,.75);-moz-box-shadow:0 0 10px -5px rgba(0,0,0,.75);box-shadow:0 0 10px -5px rgba(0,0,0,.75);width:660px;height:auto}
.ygtd-image-out img{width:100%;height:100%}
.ygtd-item1 .ygtd-image-out{width:660px;height:322px;position:relative;overflow:hidden}
.ygtd-item2,.ygtd-item3,.ygtd-item4,.ygtd-item5{width:100%;-webkit-box-shadow:0 0 10px 0 rgba(166,166,166,.75);-moz-box-shadow:0 0 10px 0 rgba(166,166,166,.75);box-shadow:0 0 10px 0 rgba(166,166,166,.75);grid-column-start:auto;width:315px;height:auto}
.ygtd-item2 .ygtd-image-out,.ygtd-item3 .ygtd-image-out,.ygtd-item4 .ygtd-image-out,.ygtd-item5 .ygtd-image-out{width:315px;height:322px;position:relative;overflow:hidden}
.news-grid{width:100%;grid-template-columns:auto auto auto;grid-gap:20px 30px;margin-top:54px}
.watch-grid{grid-template-columns:auto auto auto}
.news-grid .news{width:310px;-webkit-box-shadow:0 0 10px 0 rgba(166,166,166,.75);-moz-box-shadow:0 0 10px 0 rgba(166,166,166,.75);box-shadow:0 0 10px 0 rgba(166,166,166,.75);margin-bottom:4%;grid-column-start:auto}
.links-grid{max-width:1000px}
.ygtd-grid{max-width:1000px;margin:0 auto;margin-top:30px}
.foot-row li{line-height:2.3}
.mail{display:inline;margin-left:.5rem;white-space:normal;outline:0;float:left}
.mail img{width:6.5vw;margin-top:5px;margin-right:12px}
.hydt-image{display:block;width:380px;height:217px}
.news-img{width:180px;height:120px;float:left;margin-right:2%}
.hydt-grid{width:800px;margin:0 auto;margin-top:30px}
.hydt-image-out{width:380px;height:auto;float:left;margin-right:3%;overflow:hidden}
}
@media (min-width:1000px){
.swiper-slide img{width:100%}
.links-item{width:160px;height:46px;position:relative;overflow:hidden}
.links-grid-out{max-width:1000px;padding:0}
}
@media (min-width:1200px){
.logo img{display:block;width:19vw}
.mail img{width:12vw;margin-top:12px}
.news-grid{max-width:1000px;margin-left:auto;margin-right:auto}
.news-grid .news{grid-column-start:auto}
.news-grid .news-image{width:100%}
.links-grid{max-width:1000px}
header{max-width:1000px;margin:auto}
main{max-width:1000px;margin:auto}
.mail{display:inline;margin-left:.5rem;white-space:normal;outline:0;float:left}
.mail img{width:5vw;margin-top:2px}
.row-in{max-width:1000px;margin-left:auto;margin-right:auto}
.news-list .news-image{display:block;width:16vw;float:left;margin-right:3%}
.content{max-width:1000px;margin-left:auto;margin-right:auto}
.hydt-grid{max-width:1000px;margin:0 auto;margin-top:30px}
}