/* 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:16px/1.8 arial,\5b8b\4f53;color:#ccc;outline:0;}

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

a{ color: #e3141a; }

a:hover{ color: #f00; }

.f-fl{ float: left; }

.f-fr{ float: right; }

.f-cc{ clear: both; }

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

.f-mr20{ margin-right: 20px; }



/* header */

.m-top{ width: 100%; line-height: 30px; height: 30px; padding: 5px 0; background: #fff; overflow: hidden; zoom: 1; border-bottom: 4px solid #f00; }

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

.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: 30px 0; color: #adafba; font-size: 12px; }

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

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

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



/* global */

body{ background: url(body2.jpg) center 40px #f5e4da no-repeat fixed; }

.m-wrap{ width: 1020px; margin: 564px auto 100px auto; padding: 40px; border-radius: 3px; background: #fff; }



.m-part{ margin-bottom: 50px; }

.m-part .title{ color: #000; line-height: 40px; text-align: center; margin-bottom: 30px; font-size: 30px; font-weight: normal; }

.m-part h4{ clear: both; color: #000; font-size: 20px; }

.m-part blockquote{ color: #777; margin-bottom: 20px; }

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

.m-part .box dl{ margin-bottom: 20px; }

.m-part .box img{ width: 100%; transition: all 1s ease; transform: rotateY(0deg); border-radius: 3px; }

.m-part .box .img:hover img{ transform: rotateY(180deg); }

.m-part .box dt a{ font-size: 18px; position: relative; }

.m-part .box dt a:after{ content: ''; width: 0%; height: 1px; background: #000; position: absolute; bottom: -2px; left: 0; transition:all .5s ease; }

.m-part .box dt a:hover:after{ width: 100%; background: #f00; }

.m-part .box .info{ color: #777; font-size: 14px; line-height: 20px; }



.m-part.part1 dl{ width: 320px; margin-right: 30px; overflow: hidden; zoom: 1; }

.m-part.part1 dl.f-fr{ margin: 0; }