body{ margin:0; background:#F9F4F2;}

td,div,li,select,input,textarea{ font:14px/23px microsoft yahei; color:#535353;}

input{ line-height:1.3; color:#333333}

a{ color:#535353; text-decoration:none}

a:hover{ color:#000; text-decoration:underline}

ul{ list-style-type:none; padding:0; margin:0}

img{ border:0;}

.clear{ clear:both; font-size:0; line-height:0; height:0}





.header{ height: 150px; background: #fff; border-bottom: 1px solid #E4E1E0; margin: 0 0 40px}

.logo{ width: 335px; margin: auto; padding: 20px 0 15px}

.nav{ width: 672px; margin: auto}

.nav ul{ overflow: hidden}

.nav ul li{ float: left; margin: 0 40px; font-size: 16px; line-height: 26px }

li.on{ border-bottom: 4px solid #AB5757}

.nav ul li a{ color: #999}

.nav ul li a:hover{ text-decoration: none; color: #AB5757}





.wrap{ width: 1054px; margin: 0 auto 40px; padding: 20px 73px 50px; background: #fff; border-bottom: 1px solid #F0E3E1 }

.title{ height: 15px; border-bottom: 1px solid #e7e7e7; position: relative; margin: 0 0 50px }

.title div{ position: absolute; width: 150px; background: #fff; left: 50%; top: -5px; margin-left: -75px; text-align: center; font-size: 30px; line-height: 30px; color: #333 }

.title div span{ border-bottom: 4px solid #AB5757}

.himgs{ width: 1064px; overflow: hidden; margin: 0 0 40px}

.himgs a{ float: left; display: block; width: 344px; height: 228px; margin: 0 10px 11px 0; line-height: 0; }

.himgs a img{ width: 100%; height: 100%}

.himgs a:first-child{ width: 700px; height: 467px; }

#mhimgs{ display: none}

.fbblock{ float: left; width: 690px}

.fbgg{ float: right; width: 344px;}

.fbc{ line-height: 0; overflow: hidden; margin: 0 0 57px}

.fbc img{ width: 220px; height: 140px; float: left; margin: 0 28px 0 0}

.fbc h3{ font-size: 22px; line-height: 30px; font-weight: normal; margin: 0 0 8px;}

.fbc p{ color: #999; margin: 0; line-height: 23px}

.ztb{ width: 1108px; margin-bottom: 60px}

.ztc{ float: left; width: 500px; margin: 0 54px 0 0; line-height: 0 }

.ztc img{ width:500px; height: 320px}

.ztc h3{ font-size: 22px; line-height: 30px; font-weight: normal; margin: 18px 0 8px;}

.ztc p{ color: #999; margin: 0; line-height: 23px}





a.more{ width: 148px; height: 36px; margin: 40px auto 50px; border: 1px solid #E7E7E7; text-align: center; line-height: 36px; font-size: 16px; font-family: arial; color: #bbb; display: block}

a.more:hover{ color: #AB5757; border: 1px solid #AB5757; text-decoration: none}

a.spm{ margin: 30px auto 50px}

.vb{ float: left; width: 680px; line-height: 0; margin: 0 54px 0 0 }

.vb img{ width: 680px; height: 382px}

.vb p,.vbs p{ line-height: 23px; color: #999; margin: 8px 0 0}

.vbs{ float: left; width: 320px; margin: 0 0 14px; line-height: 0;}

.vbs img{ width: 320px; height: 180px}

.bgc{ width: 800px; margin: auto; line-height: 0;}

.bgc img{ width: 800px; height: 260px;}

.bgc h3{ font-size: 22px; line-height: 30px; font-weight: normal; margin: 18px 50px 0 0; width: 375px; float: left; }

.bgc p{ float: right; width: 375px; line-height: 23px; color: #999; margin: 18px 0 0}





.footer{ background: #4D4C4C}

.cr{ text-align: center; color: #5D5D5D; background: #333; font-size: 12px; line-height: 18px; padding: 8px}

.cr a,.cr a:hover{ color: #5d5d5d}

.inf{ width: 1200px; margin: auto; padding: 22px 0}



.flogo{ float: left; width: 236px; margin: 10px 100px 10px 0; line-height: 0;}

.finfo{ float: left; color: #7C7B7B; margin: 18px 0 0; line-height: 20px}

.qrcode{ float: right; padding: 9px; background: #fff; width: 72px; height: 72px; line-height: 0}

.nav-toggle{ display: none;}



.cwrap{ width: 1000px; margin: 0 auto 40px; background: #fff; border-bottom: 1px solid #F0E3E1}

.main{ width: 760px; margin: auto; padding: 20px 0 0; }

.ctitle{ font:30px/36px microsoft yahei; margin:0 0 8px }

.cinfo{ font:16px/22px microsoft yahei; margin:0 0 30px}

.addtime{ color:#c4c3c3}

.subtitle{ font:22px/28px microsoft yahei; margin:0 0 22px; color:#888 }

.ccontent{ font:16px/30px microsoft yahei; min-height: 300px; word-break:break-all; word-wrap:break-word;}

.ccontent img{ max-width:100%; height:auto}

.newscontent{ margin:0 0 38px; min-height:400px}

#newsdescription{ margin:0 0 30px; background:#f6f6f6;}

#newsdescription td{ color:#999; padding:18px 0}

.sharebtn{ width:56px; height:170px; background:#fafafa; position:fixed; z-index:100; top:300px;}

.sharebtn a{ display:block; width:56px; height:56px;}

.editor{ height:50px; border-top:1px solid #e9eaea; text-align:right; font:16px/50px microsoft yahei; color:#999;}

.nlist{ padding:10px 0;}

.nlist ul{ margin:0; padding:0; list-style-type:none; overflow:hidden}

.nlist ul li{ line-height:26px; font-size:16px; padding:12px 0; border-bottom:1px dotted #ddd; overflow:hidden}

.nlist ul li a{ background:url(/images/yhimage/dot.gif) no-repeat 8px 12px; display:block; float:left; padding:0 0 0 18px}

.nlist ul li span{ display:block; float:right; color:#bcbcbc}





@media only screen and (max-width: 736px){

  .header{ margin: 0; height: auto}

  .logo{ width: 60%; margin: 0 0 0 4%; padding: 25px 0; line-height: 0;}

  .logo img{ width: 100%; height: auto}

  .wrap{ width: 100%; padding: 0; margin: 0}

  #mhimgs{ display: block; width: 100%; margin: 0 0 6%}

  #mhimgs a{ display: block; width: 100%; height: auto}

  #mhimgs img{ width: 100%; height: auto}

  .himgs{ display: none}

  .title{ margin: 0 0 35px }

  .fbblock{ width: 92%; margin: auto; float: none;}

  .fbgg{ display: none}

  .fbc{ margin: 0 0 6%}

  .fbc img{ width: 40%; height: auto; margin: 0 5% 0 0}

  .fbc h3{ font-size: 18px; line-height: 26px; font-weight: normal; margin: 0;}

  .fbc p{ display: none}

  .ztb{ width: 92%; margin: auto}

  .ztc{ float: none; width: 100%; margin: 0 auto 6% }

  .ztc img{ width: 100%; height: auto}

  .ztc h3{ font-size: 20px; line-height: 26px; margin: 14px 0 8px}

  .ztc p{ line-height: 22px}

  .vb,.vbs{ width: 92%; margin: 0 4% 6%; overflow: hidden}

  .vb img{ width: 100%; height: auto}

  .vbs img{ width: 40%; height: auto; float: left; margin: 0 5% 0 0} 

  .vbs p{ margin: 0}

  

  .bgc{ width: 92%; margin: 0 4% 6%}

  .bgc img{ width: 100%; height: auto}

  .bgc h3{ width: 100%; margin: 14px 0 8px; font-size: 20px; line-height: 26px; }

  .bgc p{ float: none; width: 100%; margin: 0}

  .inf{ width: 100%}

  .flogo{ float: none; width: 86%; margin: 0 auto 6%; line-height: 0;}

  .finfo{ float: none; width: 86%; margin: auto;}

  .qrcode{ display: none}

  

  .nav{ width: 100%; float: none; height:auto; padding: 0}

  .nav ul{ margin: auto; border-top: 1px solid #eee}  

  .nav ul li { float: none; width: 100%; padding:0; margin:0; border:0; }

  .nav a { width:100%; background: #fff; border-bottom: 1px solid #eee; padding: 5% 6%; font-size:18px; height:auto; display:block;}

  .nav ul ul a { display: block;}

  .js .nav { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; }

  .nav.opened { max-height: 9999px; }

  .nav-toggle { display:block; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; -o-user-select: none; user-select: none;}

  .nav-toggle {  position: absolute; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; overflow: hidden; width: 50px; height: 40px;  z-index:1000; top: 28px; right: 2%}

  .nav-toggle:before {

    color: #AB5757; /* Edit this to change the icon color */

    font-family: Verdana, Geneva, sans-serif;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    font-size: 32px;

    text-transform: none;

    position: absolute;

    content: "¡Ô";

    text-indent: 0;

    text-align: center;

    line-height: 36px;

    speak: none;

    width: 100%;

    top: 0;

    left: 0;

    z-index:1000

	}

  .nav-toggle.active::before{  font-size: 32px; line-height: 32px; content:"x";}

  

  .cwrap{ width: 100%; margin: 0; background: #fff;}

  .main{ width: 92%; padding: 20px 0 0}

  .ctitle{ font:24px/30px microsoft yahei; margin:0 0 12px }

  .subtitle{ font:20px/26px microsoft yahei; margin:0 0 12px; color:#888 }

  .cinfo{ font:16px/22px microsoft yahei; margin:0 0 20px}

  .ccontent{ font:18px/34px microsoft yahei}

  .ccontent img{ max-width:100%; height:auto}

  #newsdescription{ margin:0 0 20px; background:#f6f6f6;}

  #newsdescription td{ color:#999; padding:18px 0; font-size:16px; line-height:26px}

  .editor{ height:50px; border-top:1px solid #e9eaea; text-align:right; font:16px/50px microsoft yahei; color:#999;}

  .sharebtn{ position:static; width:170px; height:56px; margin:5px auto 30px; border:1px solid #f0f0f0;}

  .videocontainer video{ width: 100%; height: auto}

}

<!-- Published at 2018-09-19 09:32:53 From Templete #414 -->