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

a:hover{ color: #f00; }

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

.f-fl{ float: left; }

.f-fr{ float: right; }

.f-cc{ clear: both; }

/* 布局 */

body{ background: url(bg.jpg) center 40px no-repeat #eee; overflow-x: hidden; font-family: "microsoft yahei"; font-size: 13px; }

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



/* header */

.m-top{ width: 100%; line-height: 30px; height: 30px; padding: 5px 0; background: #fff; border-bottom: 1px solid #FF4A79; box-shadow: 0 0 5px rgba(0,0,0,.1); }

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

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

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

.m-header{ width: 100%; height: 500px; background: url(header.jpg) center top; }



/* daodu */

.m-daodu{ padding-top: 40px; overflow: hidden; zoom: 1; }

.m-daodu dt{ float: left; }

.m-daodu dd{ margin-left: 150px; border-left: 1px solid #ccc; padding-left: 20px; font-size: 16px; line-height: 30px; padding-bottom: 10px; }

.m-fenxiang{ display: table; margin-left: auto; margin-right: auto; margin-top: 50px; }



/* pate */

.m-part{ margin: 50px 0; overflow: hidden; zoom: 1; }

.m-part .title{ background: url(title.png) no-repeat left 15px; padding-left: 30px; line-height: 50px; font-size: 30px; font-weight: normal; margin-bottom: 20px; border-top: 5px solid #ddd; color: #000; font-family: sans-serif; font-weight: bold; }



.m-part.part1 .image{ float: right; border-radius: 8px; overflow: hidden; zoom: 1; }

.m-part.part1 img{ display: block; margin-right: 50px; }

.m-part.part1 .text{ margin-right: 650px; line-height: 30px; font-size: 16px; padding-top: 100px; color: #666; }

.m-part.part1 .text:first-letter{ color: #f00; font-size: 30px; }



.m-part.part2 ul{ border-left: 2px solid #ddd; padding-left: 20px; font-size: 16px; margin-left: 5px; }

.m-part.part2 li{ position: relative; margin-bottom: 20px; }

.m-part.part2 .dot{ background: url(sideToolbar.gif) left -199px; width: 10px; height: 10px; display: block; position: absolute; left: -26px; top: 7px; }

.m-part.part2 li:hover .dot{ background-position: left -185px; }

.m-part.part2 li:hover{ color: #c9302c; }

.m-part.part2 .b{ font-weight: bold; color: #c9302c; }



.m-part.part3 .item{ overflow: hidden; zoom: 1; margin-bottom: 20px; clear: both; background: #f8f8f8; overflow: hidden; zoom: 1; }

.m-part.part3 img{ width: 100%; }

.m-part.part3 .img{ width: 48%; height: 300px; overflow: hidden; zoom: 1; display: block; }

.m-part.part3 .text{ width: 48%; padding: 0 1%; }

.m-part.part3 .text h2{ line-height: 40px; font-size: 30px; font-weight: normal; margin-bottom: 20px; padding-top: 30px; color: #C9302C; }

.m-part.part3 .text p{ line-height: 26px; margin-right: 20px; }

.m-part.part3 .text li{ margin-bottom: 10px; }

.m-part.part3 .text b{ margin-right: 5px; color: #fff; background: #FF4A79; padding: 3px 5px; border-radius: 3px; font-size: 12px; font-weight: normal; }

.m-part.part3 .box{ margin: 20px 0%; clear: both; overflow: hidden; zoom: 1; }

.m-part.part3 .box h3{ font-size: 20px; font-weight: normal; line-height: 40px; }

.m-part.part3 .box blockquote{ margin-bottom: 10px; color: #777; }

.m-part.part3 a:hover{ display: block; background: #fff; color: #333;}

.m-part.part3 a:hover h2{ color: #f00; }



.m-part.part4 .item{ float: left; width: 23%; margin: 0 1%; overflow: hidden; zoom: 1; *width:22.5%; }

.m-part.part4 .con{ margin: 0 -1%; }

.m-part.part4 img{ width: 100%; height: 160px; border-radius: 3px; filter:alpha(opacity=80); opacity: .8; }

.m-part.part4 .img{ width: 100%; height: 160px; overflow: hidden; zoom: 1; display: block; background: #000;  position: relative; }

.m-part.part4 .item h3{ font-size: 16px; font-weight: normal; margin-top: 5px; margin-bottom: 5px; }

.m-part.part4 img:hover{ filter:alpha(opacity=100); opacity: 1;  }

	.m-part.part4 dl.item{ border:1px dashed #ccc; width: 236px; height: 250px; padding:0 10px; *width: 230px; }

	.m-part.part4 dl.item:hover{ border-color: #C9302C; border-radius: 2px; background: #fff; }

	.m-part.part4 dt{ text-align: center; font-weight: bold; margin-bottom: 10px; }

	.m-part.part4 dt span{ background: #C9302C; color: #fff; padding: 2px 10px; border-radius: 3px; }

	.m-part.part4 dd{ text-indent: 2em; color: #666; }

	.m-part.part4 .bq{ padding: 0 1%; margin-bottom: 20px; color: #666; }

	.m-part.part4 h4{ line-height: 40px; margin: 20px 1%; font-size: 20px; font-weight: normal; color: #000; }

.u-play{background:url(playbtnsmall.png) no-repeat;position:absolute;height:32px;width:32px;left:50%;top:50%;margin-left:-16px;margin-top:-16px;opacity:.6;filter:alpha(opacity=60)}



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

.m-part.part5 h4{ line-height: 40px; font-size: 20px; font-weight: normal; margin-top: 20px; margin-bottom: 10px; }

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

.m-part.part5 dl{ width: 320px; height: 100px; margin-right: 25px; background: #9aacdc; padding: 15px; border-radius: 3px; }

.m-part.part5 .list3{ margin: 0; background: #ff955b; }

.m-part.part5 .list2{ background: #e2bf6f; }

.m-part.part5 .list1:hover{ background: #7495ee; }

.m-part.part5 .list2:hover{ background: #e1ac33; }

.m-part.part5 .list3:hover{ background: #e06624; }

.m-part.part5 dl a{ color: #fff; }

.m-part.part5 dt{ font-size: 20px; margin-bottom: 10px; padding-top: 10px; }

.m-part.part5 dd{ opacity: .8; filter: alpha(opacity=80); }



.m-footer{ border-top: 1px solid #ddd; text-align: center; margin-top: 50px; padding: 50px 0 20px 0; color: #999; line-height: 26px; }

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

.m-footer a.link{ color: #999; }

.m-footer .links a{ margin: 0 10px; white-space: nowrap; }



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

	.g-wraper{ width: auto; padding: 0 10px; }
	.m-header{ background: url(header_1100.jpg) 100% auto no-repeat; width: 100%; height: 500px; }

	.m-part.part4 dl.item{ width: 48%; margin: 0 1%; padding: 0; border: none; }

	.m-part.part1 .image{ float: none; }

	.m-part.part1 .text{ margin: 0; padding: 0; padding-top: 20px; }
}



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

	.f-fr{ float: none; }

	.m-fenxiang{ display: none; }

	.g-wraper{ width: auto; padding: 0 10px; }

	.m-daodu dd{ margin-left: 120px; }

	.m-header{ background: url(header_640.jpg) top left no-repeat; background-size: 100%; width: 100%; height: 200px; }

	.m-part.part4 dl.item{ width: 100%; margin: 0; padding: 0; border: none; }

	.m-part.part1 .image{ float: none; }

	.m-part.part1 .text{ margin: 0; padding: 0; padding-top: 20px; }

	.m-part.part3 .con,.m-part.part4 .con{ margin: 0; }

	.m-part.part3 .item,.m-part.part4 .item{ width: 100%; margin: 0; padding: 0; float: none; margin-bottom: 20px; }

	.m-part.part4 img{ height: auto; }

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

	.m-part.part3 .img{ float: none; width: 100%; }

	.m-part.part3 .text{ width: auto; }

	.m-part.part5 dl{ width: 90%; padding: 5%; float: none; margin-bottom: 20px; }

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

}