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

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

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

/* 布局 */

body{ background: url(bg.png) left 41px repeat-x #e8d7d1; overflow-x: hidden; font-family: "microsoft yahei"; font-size: 13px; }

.g-wraper{ width: 1200px; 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); 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; }



/* 导语 */

.m-daoyu{ overflow: hidden; zoom: 1; color: #80564c; }

.m-daoyu dt{ float: left; width: 150px; text-align: center; line-height: 60px; font-size: 30px; }

.m-daoyu dd{ border-left: 1px solid #80564c; padding: 20px 0 20px 50px; margin-left: 150px; }

.m-fenxiang{ margin-top: 20px; margin-left: 200px; }



/* 标题 */

.m-title{ background: url(title.jpg) top repeat-x; line-height: 52px; color: #4d4545; font-size: 35px; margin-left: -100px; margin-right: -100px; padding: 60px 100px; font-weight: normal; }

.m-title img{ vertical-align: middle; position: relative; top: -3px; margin-right: 15px; }

.m-title .mate{ color: #ab9894; margin-left: 75px; font-size: 30px; line-height: 30px; }

.u-title{ font-size: 16px; font-weight: normal; }

.u-title .red{ color: #ff2e65; }



/* part1 */

.m-part1{ background: url(b1-2.jpg) top center no-repeat; padding-top: 300px; padding-bottom: 100px; overflow: hidden; zoom: 1; font-size: 14px; line-height: 24px; }

.m-part1 img{ display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }

.m-part1 a{ color: #fff; }

.m-part1 a:hover{ text-decoration: underline; }

.m-part1 .but{ margin-top: 30px; }

.m-part1 .left{ width: 560px; float: left; }

.m-part1 .right{ width: 555px; float: right; }

.m-part1 .left .part{ background: #3982a8; padding: 15px 15px 30px 15px; margin-bottom: 100px; position: relative; }

.m-part1 .left .part:before{ width: 0; height: 0; content: ''; border: 10px solid transparent; border-left-color: #3982A8; position: absolute; right: -20px; }

.m-part1 .right .part{ background: #f25f7a; padding: 15px 15px 30px 15px; margin-bottom: 100px; position: relative; }

.m-part1 .right .part:before{ width: 0; height: 0; content: ''; border: 10px solid transparent; border-right-color: #F25F7A; position: absolute; left: -20px; }

.m-part1 .footer{ background: url(b-2.jpg) bottom no-repeat; width: 1040px; height: 70px; margin-left: auto; margin-right: auto; padding-top: 70px; padding-bottom: 20px; }

.m-part1 .footer p{ margin-left: 150px; font-size: 16px; line-height: 30px; }

.m-part1 .footer b{ font-weight: bold; color: #F25F7A }



/* part2 */

.m-part2{ border-top: 1px dashed #80564c; margin-left: -100px; margin-right: -100px; padding: 30px 100px; }

.m-part2 h2{ line-height: 30px; font-size: 30px; font-weight: normal; margin-bottom: 20px; color: #4d4545; }

.m-part2 blockquote{ background: #f0ebdf; border:2px solid #d1c299; padding: 20px; }

.m-part2 blockquote .name{ font-size: 30px; float: left; color: #80564c; padding: 30px; }

.m-part2 blockquote p{ font-size: 16px; margin-right: 100px; }

.m-part2 blockquote b{ color: #F25F7A; font-size: 20px; }

.m-part2 .part1{ height: 400px; background: url(b-3.jpg); padding-top: 150px; padding-left: 50px; padding-right: 600px; font-size: 16px; }

.m-part2 .part1 h3{ color: #b30e3a; font-size: 30px; font-weight: normal; margin-bottom: 10px; text-align: center; margin-top: 20px; }

.m-part2 .part1 .f-tar{ margin-bottom: 10px; }

.m-part2 .part1 b{ color: #3333bd; }

.m-part2 .part2{ height: 338px; background: url(b-4.jpg) no-repeat; }

.m-part2 .part2 a{ display: block; padding-left: 650px; padding-top: 70px; margin-right: 50px; }

.m-part2 .part2 h3{ color: #b30e3a; font-size: 30px; font-weight: normal; margin-bottom: 20px; text-align: center; margin-top: 20px; }

.m-part2 .part2 p{ font-size: 16px; }



/* part3 */

.m-part3{ border-top: 1px dashed #80564c; margin-left: -100px; margin-right: -100px; padding:50px 100px; }

.m-part3 .part1{ height: 284px; background: url(b-5.jpg); padding-top: 70px; padding-left: 50px; padding-right: 700px; }

.m-part3 h2{ font-size: 30px; text-align: center; font-weight: normal; margin-top: 30px; }

.m-part3 h2 b{ font-size: 35px; color: #C9302C; }

.m-part3 h3{ color: #b30e3a; font-size: 26px; font-weight: normal; margin-bottom: 20px; text-align: center; margin-top: 20px; }



/* part4 */

.m-part4 .item{ background: #fff; padding: 20px; position: relative; height: 80px; overflow: hidden; zoom: 1; margin-bottom: 1px; }

.m-part4 .img{ width: 120px; height: 80px; float: left; overflow: hidden; zoom: 1; position: relative; background: #000000; }

.m-part4 .u-play{ background: url(http://www.edu368.com/images/img/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-part4 dt{ margin-left: 140px; font-size: 20px; font-weight: normal; margin-bottom: 5px; }

.m-part4 .info{ margin-left: 140px; color: #555; margin-right: 150px; }

.m-part4 .more a{ position: absolute; right: 20px; top: 50%; margin-top: -11px; height: 22px; line-height: 22px; padding: 0 10px; background: #19A97B; border-radius: 3px; color: #fff; }

.m-part4 .more a:hover{ background:#e67817; }



/*part5*/

.m-part5 h3{ margin-bottom: 30px; font-size: 20px; font-weight: normal; }

.m-part5 h3 b{ color: #80564c; }



.m-footer{ text-align: center; background: url(title.jpg) repeat-x; padding-top: 100px; padding-bottom: 20px; margin-left: -100px; margin-right: -100px; color: #80564c; }

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

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

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





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

	img{ max-width: 100%; }

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

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

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

	.m-daoyu dt{ float: none; width: auto; text-align: left; }

	.m-daoyu dd{ margin: 0; padding: 0; border: none; }

	

	.m-fenxiang{ margin: 0; margin-top: 30px; }

	

	.m-part1{ padding-top: 242px; }

	.m-part1 .left,.m-part1 .right{ width: auto; float: none; margin-bottom: 20px; }

	.m-part1 .left .part,.m-part1 .right .part{ margin-bottom: 5px; border-radius: 8px; }

	

	.m-part1 .footer{ background: #fff; width: auto; padding: 20px; margin: 0; border-radius: 8px; height: auto; }

	.m-part1 .footer p{ margin: 0; }

	

	.m-part2 blockquote .name{ float: none; padding: 30px 0; }

	.m-part2 blockquote p{ margin: 0; }

	

	.m-part2 .part1{ padding: 20px; background: #fff; margin-top: 50px; margin-bottom: 50px; height: auto; border-radius: 8px;  }

	.m-part2 .part1 .f-tar{ text-align: center; margin-top: 5px; }

	

	.m-part2 .part2{ height: auto; border-radius: 8px; overflow: hidden; }

	.m-part2 .part2 a{ margin: 0; padding: 0; background: #fff; padding: 20px; }

	

	.m-part3 .part1{ background: #fff; height: auto;  padding: 20px; border-radius: 8px; }

	

	.m-part4 .info{ margin-right: 0; height: 52px; overflow: hidden; }

	.m-part4 .more a{ display: none; }

	.m-footer{ margin: 0; }

	

	.m-footer .links a{ white-space: nowrap; }

	

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

}