/* 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;}

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; }

/* 布局 */

body{ background: #040303; color: #ccc; font-family: "microsoft yahei"; }

.g-wraper{ width: 1057px; margin-left: auto; margin-right: auto; }



/* banner */

.m-banner{ text-align: center; position: relative; }

.m-banner .text{ width: 500px; position: absolute; top: 420px; left: 50%; text-align: left; margin-left: -180px; *_margin-left:-260px; line-height: 26px; font-size: 16px; font-family: "microsoft yahei"; }

.m-banner .text p{ margin-bottom: 15px; }



/* nav */

.m-nav{ line-height: 41px; background: url(navbg.jpg); height: 41px; text-align: center; margin-bottom: 50px; font-size: 16px; }

.m-nav a{ padding: 0; border-left: 1px dashed #665634; border-right: 1px dashed #665634; margin: 0 10px; padding: 10px 25px; }



/*part1*/

.m-part1{ margin-bottom: 100px; overflow: hidden; zoom: 1; }

.m-part1 ul{ overflow: hidden; zoom: 1; }

.m-part1 li{ float: left; position: relative; }

.m-part1 img{ display: block; }

.m-part1 li span{ position: absolute; top: 365px; width: 286px; left: 45px; line-height: 20px; font-size: 14px; color: #fff; }



.m-part2{ margin-bottom: 100px; }

.m-part2 img{ display: block; }

.m-part2 .part1{ position: relative; }

.m-part2 .part1 .text{ position: absolute; top: 190px; left: 90px; width: 430px; font-size: 14px; line-height: 24px; }

.m-part2 .part1 p{ margin-bottom: 20px; }

.m-part2 .part1 .more{ text-align: right; padding-right: 5px; font-family: sans-serif; }

.m-part2 .part2{ position: relative; }

.m-part2 .part2 .text{ position: absolute; top: 110px; right: 50px; width: 450px; line-height: 24px; }

.m-part2 .part2 h2{ color: #000; font-size: 30px; line-height: 40px; padding-left: 35px; margin-bottom: 30px; }

.m-part2 .part2 .more{ text-align: right; font-family: sans-serif; margin-top: 20px; margin-bottom: 40px; }



.m-part3{ margin-bottom: 100px; overflow: hidden; zoom: 1; }

.m-part3 img{ display: block; }

.m-part3 .part1{ position: relative; }

.m-part3 .part1 .text{ position: absolute; left: 60px; width: 500px; top: 170px; color: #333; line-height: 24px; font-size: 14px; }

.m-part3 .part1 blockquote{ font-family: 楷体; font-size: 16px; font-weight: bold; margin-bottom: 30px; }

.m-part3 .part1 p{ margin-bottom: 20px; }

.m-part3 .part1 .more{ text-align: right; margin-top: 50px; }

.m-part3 .part1 .more a{ color: #000; }

.m-part3 .part1 .more a:hover{ color: #f00; }

.m-part3 .part2{ position: relative; overflow: hidden; zoom: 1; }

.m-part3 .part2 .text{ position: absolute; right: 75px; top: 170px; width: 370px; font-size: 16px; color: #666; line-height: 24px; }

.m-part3 .part2 h3{ line-height: 30px; margin-top: 40px; margin-bottom: 10px; }

.m-part3 .part2 li{ font-family: "楷体"; color: #333; font-size: 18px; font-weight: bold; }

.m-part3 .part2 .more{ text-align: right; margin-top: 30px; font-size: 12px; }

.m-part3 .part2 .more a{ color: #333; }

.m-part3 .part2 .more a:hover{ color: #f00; }



.m-part4{ overflow: hidden; zoom: 1; margin-bottom: 100px; }

.m-part4 img{ display: block; }

.m-part4 li{ float: left; }



.m-part5{ overflow: hidden; zoom: 1; margin-bottom: 100px; }

.m-part5 img{ display: block; }

.m-part5 .part1{ position: relative; }

.m-part5 .part1 .text{ position: absolute; width: 380px; right: 90px; top: 280px; font-size: 14px; color: #666; line-height: 24px; }

.m-part5 .part1 .text p{ margin-bottom: 5px; }

.m-part5 .part1 .more{ text-align: right; font-size: 12px; }

.m-part5 .part1 .more a{ color: #666; font-family: sans-serif; }

.m-part5 .part1 .more a:hover{ color: #f00; }

.m-part5 .part2{ position: relative; overflow: hidden; zoom: 1; }

.m-part5 .part2 li{ float: left; position: relative; }

.m-part5 .part2 span{ position: absolute; top: 450px; left: 60px; width: 410px; font-size: 16px; line-height: 24px; color: #e6dab4; }

.m-part5 .part3{ position: relative; }

.m-part5 .part3 .text{ position: absolute; width: 440px; left: 65px; top: 180px; line-height: 24px; font-size: 14px; color: #666; }

.m-part5 .part3 .more{ text-align: right; margin-top: 10px; }

.m-part5 .part3 .more a{ color: #333; font-family: sans-serif; }

.m-part5 .part3 .more a:hover{ color: #f00; }



/* footer */

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

.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:768px){

	

}