/* reset */

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}

table{border-collapse:collapse;border-spacing:0;}

caption,th{text-align:left;font-weight:normal;}

html,body,fieldset,img,iframe,abbr{border:0;}

i,cite,em,var,address,dfn{font-style:normal;}

[hidefocus],summary{outline:0;}

li{list-style:none;}

h1,h2,h3,h4,h5,h6,small{font-size:100%;}

sup,sub{font-size:83%;}

pre,code,kbd,samp{font-family:inherit;}

q:before,q:after{content:none;}

textarea{overflow:auto;resize:none;}

label,summary{cursor:default;}

a,button{cursor:pointer;}

h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}

del,ins,u,s,a,a:hover{text-decoration:none;}

body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}

body{background:#fff; font-family: "微软雅黑"; }

a{ color: #ccc; }

a:hover{ color: #fff; }

.f-fl{ float: left; }

.f-fr{ float: right; }

.f-cc{ clear: both; }

.f-mb50{ margin-bottom: 50px; }

.f-tar{ text-align: right; }

/* 布局 */

.m-left{ width: 600px; position: fixed; top: 40px; left: 0; bottom: 0; background: url(banner.jpg) right top; background-size: 100%; *_display: none; }

.m-right{ margin-left: 630px; width: 620px; overflow: hidden; zoom: 1;  *_margin-left: auto; *_margin-right: auto;}

.m-top{ position: fixed; left: 0; top: 0; }



.m-nav{ position: absolute; right: 50px; top: 200px; line-height: 40px; }

.m-nav li{ background: #000; background: rgba(0,0,0,.8); margin-bottom: 10px; color: #fff; text-align: right; padding: 0 10px; cursor: pointer; font-size: 18px; }

.m-nav li.now{ background: #fff; background: rgba(255,255,255,.8); color: #f00; }

.m-nav li.now a{ color: #f00; }

.m-nav li:hover{ text-decoration: underline; }



.m-banner blockquote{ background: #eee; padding: 10px; border:1px solid #ddd; line-height: 24px; font-size: 14px; color: #666; }

.m-banner .bdsharebuttonbox{ float: right; margin-top: 10px; }



.m-part{ clear: both; overflow: hidden; zoom: 1; padding: 50px 0; }

.m-part .title{ height: 45px; line-height: 45px; margin-bottom: 40px; position: relative; }

.m-part .title b{ float: left; margin-right: 10px; font-size: 36px; color: #f00; position: relative; z-index: 1; font-weight: normal; }

.m-part .title img{ float: left; position: relative; z-index: 1; }

.m-part .title .border{ width: 100%; height: 1px; background: #eee; position: absolute; bottom: 15px; left: 0; z-index: 0; }

.m-part .con img{ transform: scale(1); transition: all .2s ease; }

.m-part a:hover img{ transform: scale(1.1); }

.m-part .img{  overflow: hidden; zoom: 1; }

.m-part .img img{ width: 100%; height: 100%; display: block; }

.m-part .con{ margin-right: -20px; overflow: hidden; zoom: 1; }



.m-part.part1 dl{ width: 190px; margin-right: 20px; float: left; overflow: hidden; zoom: 1; }

.m-part.part1 dt{ font-size: 14px; color: #000; padding: 5px 0 5px 0; white-space: nowrap; overflow: hidden; zoom: 1; text-overflow: ellipsis; line-height: 24px; }

.m-part.part1 .info{ color: #777; line-height: 18px; font-family: sans-serif; font-size: 13px; }

.m-part.part1 a:hover dt{ color: #900; }

.m-part.part1 a:hover .info{ color: #555; }



.m-part.part2 dl.first{ width: auto; float: none; margin-right: 20px; margin-bottom: 45px; line-height: 24px;  font-size: 13px; }

.m-part.part2 dl.first dt{ margin-bottom: 5px; }

.m-part.part2 dl.first dt a{ font-size: 18px; color: #000; line-height: 24px; }

.m-part.part2 dl{ width: 300px; float: left; margin-right: 20px; overflow: hidden; zoom: 1; line-height: 20px; color: #777; margin-bottom: 45px; }

.m-part.part2 dl dt{ color: #000; font-size: 15px; line-height: 30px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.m-part.part2 a:hover dt{ color: #f00; }

.m-part.part2 .info{ color: #777; font-size: 13px; }









/* header */

.m-top{ width: 100%; line-height: 30px; height: 30px; padding: 5px 0; background: #fff; overflow: hidden; zoom: 1; z-index: 10; }

.m-top .nav{ margin-left: 10px; }

.m-top img{ height: 30px; }

.m-top a{ float: left; margin-right: 20px; color: #666; }

.m-top a:hover{ color: #19A97B; }

/* footer */

.m-footer{ text-align: center; background: #111; line-height: 24px; padding: 20px 0; color: #adafba; font-size: 12px; margin-right: 20px; }

.m-footer .links{ margin-bottom: 5px; }

.m-footer a{ color: #ccc; margin: 0 5px; }

.m-footer a:hover{ color: #19A97B; }







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

	.m-top{ border-bottom: 1px solid #eee; }

	.m-left{ width: 330px; }

	.m-right{ margin-left: 360px; }

}



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

	.m-left{ display: none; }

	.m-top .nav{ width: 620px; margin-left: auto; margin-right: auto; }

	.m-right{ margin-left: auto; margin-right: auto; }

}



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

	.m-left{ display: none; }

	.m-top .nav{ width: 620px; margin-left: auto; margin-right: auto; }

	.m-right{ margin-left: auto; margin-right: auto; width: auto; }

	

	.m-banner{ padding: 10px 2%; }

	.m-banner img{ width: 100%; }

	

	.m-part .title{ margin-left: 2%; margin-right: 2%; }

	.m-part .title b{ font-size: 20px; }

	.m-part .con{ margin: 0; }

	.m-part.part1 dl{ width: 96%; margin: 20px 2%; }

	.m-part.part2 .first{ padding-left: 2%; padding-right: 2%; }

	.m-part.part2 dl{ width: 96%; margin: 20px 2%; }

	.m-part dt{ font-size: 18px !important; margin-top: 10px; }

	.m-footer{ margin-right: 0; }

	

	.m-banner .bdsharebuttonbox{ float: none; display: table; margin-left: auto; margin-right: auto; }

	

}