/* 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: #63a71f; }

html,body{ overflow-x: hidden ; width: 100%; }

.f-fl{ float: left; }

.f-fr{ float: right; }

.f-cc{ clear: both; }

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

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

/* 布局 */

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

.section{ position: relative; overflow: hidden; zoom: 1; }



#menu { position: fixed; right: 20px; top: 50%; width: 90px; margin: -160px 0 0; padding: 0; list-style-type: none; z-index: 70;  }

#menu li { margin-top: 10px; font: 12px "Microsoft Yahei";}

#menu a { display: block; padding: 10px 0; background-color: #fff; background: rgba(255,255,255,.9); color: #666; text-align: center; text-decoration: none; border-radius: 3px; }

#menu .active a { color: #fff; background-color: #7d0022;}



/* header */

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

.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: #2c2f38; line-height: 24px; padding: 20px 0; color: #adafba; font-size: 12px; position: absolute; bottom: 0; width: 100%; line-height: 23px; }

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

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

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



/*part1*/

.part1{ position: relative; text-align: center; background: url(part1-bg.jpg); }

.part1 .title{ position: absolute; left: 50%; margin-left: -246px; top: -300px; }

.part1 .qianjing{ position: absolute; top: 1000px; left: 50%; margin-left: -601px; }

.part1 .beijing{ position: absolute; top: 1000px; left: 50%; margin-left: -800px; }

.part1 blockquote{ position: absolute; top: 350px; left: 50%; margin-left: -310px; width: 620px; color: #94a7c6; line-height: 24px; filter:alpha(opacity=0); opacity: 0; }

/*part2*/

.part2{ position: relative; text-align: center; background: url(part2-bg.jpg); }

.part2 .title{ position: absolute; top: -150px; left: 50%; margin-left: -1600px; }

.part2 blockquote{ position: absolute; top: -200px; left: 50%; width: 524px; margin-left: -1600px; text-align: left; font-family: "microsoft yahei"; font-size: 14px; line-height: 26px; }

.part2 .but{ position: absolute; top: 1080px; left: 50%; margin-left: 960px; width: 250px; height: 50px; background: #0978be; line-height: 50px; color: #fff;  font-family: "microsoft yahei"; font-size: 18px; border-radius: 3px; transition: background-color .2s ease-in-out; }

.part2 .but:hover{ background: #F62E3B; }

.part2 .img{ position: absolute; top: 1080px; left: 50%; margin-left: 960px; }

/*part3*/

.part3 h2{ font-size: 40px; text-align: center; color: #0074EA; font-family: "microsoft yahei"; font-weight: normal; position: relative; top: 100px; }

.part3 dl{ width: 300px; margin-right: 100px; position: relative; top: 200px; line-height: 26px; }

.part3 dl.f-fr{ margin: 0; }

.part3 .img{ width: 100%; height: 180px; overflow: hidden; margin-bottom: 5px; }

.part3 .img img{ width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); transition: all .2s ease-in-out; }

.part3 .img img:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); }

.part3 dt a{ line-height: 40px; font-size: 18px; font-family: "microsoft yahei"; color: #0074EA; }

.part3 dt a:hover{ color: #f00; }

/*part4*/

.part4{ position: relative; background: url(part4-bg.jpg); overflow: hidden; zoom: 1; }

.part4 .g-wraper{ position: relative; }

.part4 h2{ font-size: 40px; text-align: center; color: #0074EA; font-family: "microsoft yahei"; font-weight: normal; position: relative; top: 100px; }

.part4 dl{ width: 240px; margin-right: 46px; position: absolute; top: 200px; line-height: 26px; filter:alpha(opacity=0); opacity: 0; overflow: hidden; zoom: 1; }

.part4 dl.f-fr{ margin: 0; }

.part4 .img{ width: 100%; height: 160px; overflow: hidden; margin-bottom: 5px; }

.part4 .img img{ width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); transition: all .2s ease-in-out; }

.part4 .img img:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); }

.part4 dt{ padding: 5px 0; overflow: hidden; zoom: 1; text-overflow: ellipsis; }

.part4 dt a{ line-height: 20px; font-size: 15px; font-family: "microsoft yahei"; color: #0074EA; white-space: nowrap; }

.part4 dt a:hover{ color: #f00; }



/*ie6*/

.ie6 .section{ height: 600px; position: relative; overflow: hidden; zoom: 1; }

.ie6 #menu{ display: none; }





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

	.g-wraper{ width: auto; }

	#menu{ display: none; }

	.part4 h2,.part3 h2{ font-size: 20px; }

	

	.part1 .title{ position: static; margin: 0 !important; margin-top: 50px !important; }

	.part1 img{ max-width: 100%; }

	.part1 blockquote{ width: auto; padding: 10px; position: static !important; margin: 0 !important; }

	.part1 .qianjing{ width: 100% !important; left: 0 !important; margin: 0 !important; top: 550px !important; }

	

	.part2 .title{ width: 80%; position: static; margin: 0 !important; margin-top: 50px !important; margin-bottom: 30px !important; }

	.part2 blockquote{ width: auto !important; padding: 10px; margin: 0 !important; position: static; }

	.part2 .but{ position: static; display: block; margin: 20px auto !important; }

	.part2 .img{ position: static; margin: 20px 0 !important; }

	

	.part3 h2,.part4 h2{ position: static !important; margin-top: 50px; margin-bottom: 50px; }

	.part3 dl,.part4 dl{ width: auto; height: 80px !important; margin: 20px 10px !important; float: none !important; position: static !important; overflow: hidden; margin-bottom: 20px; }

	.part3 .img,.part4 .img{ height: 80px; width: 130px; float: left; margin-right: 10px; }

	.part3 dt a,.part4 dt a{ line-height: 30px; }

	

	.part4 dt{ padding: 0; }

}