html{color:#000;background:#f5f5f5 }
body { color:#666;font-size:16px; } /*网站字体颜色*/
*{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
li{list-style:none;}
th{text-align:left;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;border:0;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;} 

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/ 
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left !important;}
.fr { float:right !important;}
.pa{ position:absolute;}
.pr{ position:relative}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
  
 
.header {
 
    background: #fff; 
    padding: 25px 0;
    position: relative;
}
.header .app{display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;}
.logo17{display: flex;justify-content: space-between; width:300px;}
.logo17a {height:60px; width:60px;border:1px solid #eee;margin-right:10px;}
.logo17a img{width:100%;height:100%}

.logo17b{height:60px;overflow:hidden;width:230px;position: relative;  overflow:hidden}
.logo17b span{display:block;font-size:18px;    white-space:nowrap;margin-bottom:5px;margin-top:5px;}
.logo17b h2{font-size:16px;display:inline-block;white-space:nowrap;} 
 

 
.app{width:1200px;margin:0 auto;overflow:hidden;}
.app2{width:1040px;margin:0 auto;overflow:hidden;padding:50px 80px;background:#fff} 

.nav {height:60px; position: relative;  overflow:hidden; width:900px;}
.nav li {float:left;height:60px; line-height:60px;text-align: center; width:150px;}
.nav li a {font-size:16px; display:inline-block;   font-weight:bold}
 
 

.m_menu .m_nav  {background:url(/images/menu-1.png) no-repeat center center #189aed;background-size:25px auto;}
.m_menu .nav{left:0  !important;} 


.zdy-banner11 {height:550px;width:100%;overflow:hidden;background:url(/images/bg17.jpg) no-repeat center center;}
.zdy-banner11 .jzbox{width:1200px;margin:80px auto;height:375px;} 
.zdy-banner11 .jzbox .leftwz{width:450px;float:right;padding:65px 50px;background: rgba(255,255,255,0.2);position:relative}
.zdy-banner11 .jzbox .xiankuang{border:1px solid #eee;width:450px;height:260px;position:absolute;left:50px;top:55px;}
.zdy-banner11 .jzbox .txt1{text-align:center;margin-top:20px;}
.zdy-banner11 .jzbox .txt1 span{width: 30px;height: 30px;background: #e10;position: relative; margin-right:20px;text-align:center; font-size:22px;   font-weight:bold;padding:0 15px;color:#fff;display:inline-block;line-height:30px; }
.zdy-banner11 .jzbox .txt1 span:before{content: "";position: absolute;top: -15px;left: 0;width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-bottom: 15px solid #e10;}
.zdy-banner11 .jzbox .txt1 span:after{content: "";position: absolute;bottom: -15px;left: 0;width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 15px solid #e10;}
 
 
.zdy-banner11 .jzbox .txt3{ font-size:28px; letter-spacing:2px; line-height:50px; font-weight:bold; color:#fff;margin:20px 0;max-width:100%;overflow:hidden;height:50px; text-align:center;} 
.zdy-banner11 .jzbox .txt2{ text-align:center;}
.zdy-banner11 .jzbox .txt2 span{padding:5px 10px; background:#e10;border-radius:10px; width:30px;font-size:16px; margin-right:15px;color:#fff}
.zdy-banner11 .jzbox .txt4{ font-size:32px; letter-spacing:-5px; line-height:50px; font-weight:bold; color:#fff;margin-top:30px; overflow:hidden;height:50px; text-align:center;width:300px;margin:30px auto 0 auto;}
 
 
.zdy-banner11 .jzbox ul{width:600px;display:flex;justify-content:space-between;   position:relative }
.zdy-banner11 .jzbox li{width:270px;height:210px;padding:5px;background:#fff; float:left;box-shadow: 5px 5px 10px #23548f;}
.zdy-banner11 .jzbox li .imgbox{width:100%;height:100%;position:relative;overflow:hidden}
.zdy-banner11 .jzbox li img{width:100%;height:100%;position:absolute;left:0;top:0; display:block; object-fit:cover;}
.zdy-banner11 .jzbox li:last-child{position:absolute;left:160px; top:150px;}

.main-nav{ background:#F5F5F5;padding:25px 0;} 
.mt20{margin-top:20px;}
.left-main{width:100%x; overflow:hidden;background:#fff;}
.right-side{width:100%x; overflow:hidden; display:flex;justify-content:space-between;margin-top:20px;} 
.right-side .site-box{background:#fff;margin-bottom:20px;border:1px solid #dedede;width:500px;}
.main-header{padding:20px 0; text-align:center;}

.left-main .top1{overflow:hidden;margin-bottom:20px; text-align:center}
  
.left-main .top1 h1{font-size:24px;margin-bottom:10px; font-weight:bold} 
.left-main .top1 .uptime{color:#999;font-size:14px;}
 

.gnbtn a{display:inline-block;margin:10px;background:#e10; color:#fff;padding:0 30px;height:40px; line-height:40px;}
 
.main-tips{padding:10px;background:#e10; line-height:1.7; color:#fff;margin:30px 0;}
.main-tips .answer {border: 1px solid #fff;padding: 2px 6px;margin-right: 5px;border-radius: 7px;font-size: 13px;}


.main-meta table tbody{ margin:15px 0;border-collapse:collapse; display:flex;justify-content:space-between;flex-wrap:wrap;border: 1px solid #eee;  padding:5px 15px; max-height:228px;overflow:hidden} 
.main-meta table tr{width:33%;display:block;overflow:hidden;height:33px;line-height:33px;}
.main-meta table tr th { width:30%;overflow:hidden; display:inline-block;vertical-align:top; }
.main-meta table tr td { color:#666;width:70%;overflow:hidden;padding:0 10px;box-sizing:border-box; display:inline-block}

.main-content{line-height:2;margin-top:15px; }
.main-content p{text-indent:15px;margin-bottom:20px; text-align:justify; }
.main-content video{max-width:750px;max-height:750px;margin:0 auto;display:block;background:#000}
.main-content img{display:block;margin:5px auto;max-width:100%;}
.main-bd{padding:10px; background:#f5f5f5;margin:20px 0 10px 0;}

.main-page div {  line-height: 22px;  padding: 10px;  position: relative;  border: 1px solid #eeeeee;  margin:5px 0;}
.main-page div b {  font-size: 14px;  color: #292e39;    font-weight: normal;}
.main-page div a {  font-size: 14px;  color: #666666;}

 

.right-side .side-title {background:#e10;color: #fff;font-size: 18px;height:40px;line-height:40px; padding-left:10px;}
.right-side .more-list{padding:15px;}
.right-side .more-list strong {font-size: 16px;text-align:center;margin-bottom:15px; display:block}
.right-side .more-list li {font-size: 15px;padding-left: 14px; position: relative;margin-bottom:15px;}
.right-side .more-list li:before {background-color: #ccc;border-radius: 2px;content: " ";display: inline-block;width: 4px; height: 4px;position: absolute;left: 0;top: 9px;}
.right-side .more-list .qywx{max-width:100%}

 
.footer{ padding:20px 0; line-height:25px; text-align:center; color:#fff;background:#292929}
.footer a{color:#fff;} 
.mgdtel{display:none;}
 
@media (max-width:768px) {	  
.header , .app , .footer ,.left-main,.right-side{ width:100%;box-sizing:border-box;}  
.head{height:90px;}
.header{padding:0px;}
.logo{margin:15px}	 
.logo17{width:auto;letter-spacing:0;padding:10px 0;box-sizing:border-box;}
 
.logo17b{width:auto} 
.zdy-banner11{display:none;} 
.header .app{ width:100%;}
.main-nav{display:none;}
.app2{width:100%; box-sizing:border-box;padding:10px}
.main-content video{max-width:100%;}
 .left-main .top1 h1{font-size:18px;}
/*头部nav*/
.m_nav {position: absolute;top: 25px;width: 40px;height: 40px; background: url(/images/menu.png) no-repeat center center #23548f; background-size: 25px auto; right: 5px;}
.nav{z-index: 1000;position: fixed;top: 90px;left: -100%;width: 100%;height: 100%;background: #fff;transition: all .36s ease;margin:0;}
.nav ul{float:none;width:100%; display:block}
.nav li{float:none;height:50px; line-height:50px; border-bottom:1px solid #eee;width:100%; text-align:left; text-indent:20px;margin-left:0;}
.nav li a{color:#333;padding:0;height:50px;} 
.nav .cur{background:none}
.left-main,.right-side{ padding:0px;} 
.right-side{display:block}
.right-side .site-box{width:100%;box-sizing:border-box;}
.main-header h1{font-size:18px;}
.main-meta table tbody{max-height:100%}
.main-meta table tr{width:100%;}
.footer{padding:15px; margin-bottom:50px;}  
.mgdtel{ width:100%;height:50px;background-color: #23548f;display:flex;align-items:center;justify-content: center;position: fixed;left:0;bottom:0;}
.mgdtel i {width: 26px;height: 26px;background: url(/images/tell.png) no-repeat;background-size: 100% 100%;display: inline-block;margin-right: 5px;}
.mgdtel a{color:#fff;font-size: 18px;text-decoration: none;}
 
  }
 

