@charset "gb2312";
/* CSS Document */

/* CSS Document */
*{margin:0px;padding:0px; }
a{color: #e7418d; text-decoration: none;transition: all 0.7s;}
a:hover{color:#e7418d;}
ul,li,ol{ list-style:none;border:none;}
body{font-size:16px;line-height:1.5em;font-family:"Arial","Microsoft Yahei","Heiti SC",simsun,sans-serif;color: #000;background:#fff;min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:none;}  
img,video {max-width: 100%; height: auto;border:0; }
img{ display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.line1 .top{ display:none;}
.line1{ background:#0d0b1a url(../images/rwtop.jpg) center top no-repeat; width:100%; height:701px; overflow:hidden;}
.line1 .box{ margin:0 auto; width:1000px; padding-top:380px; }
.line1 .box .logo{ display: block; text-align:right;}
.line1 .box .logo img{ display:inline;}
.line1 .box .pic{ overflow:hidden;zoom:1; padding-top:25px;}
.line1 .box .pic img{ float:left; border:3px solid #fff; margin-right:20px;}
.line1 .box .pic h3{ font-size:16px; color:#e7418d; padding-top:5px;}
.line1 .box .pic p{ font-size:14px; padding-top:5px;color: #e7418d;}
.line2{ width:100%; background:#43092d;}
.line2 .box{ width:900px; padding:30px 50px; margin:0 auto; position:relative;}
.line2 .box img{ width:100%; border:1px solid #2c284f;}
.line2 .box .video{ position:absolute; bottom:40px; right:80px; width:70px; height:70px;  border:none;}
.line3,.line4{ width:100%; background:#0d0b1a;}
.tit{ text-align:center; padding:40px 0px 20px 0px;}
.tit img{ display:inline;}
.line3 .box{ width:940px; margin:0 auto; border-bottom:1px solid #c50054; border-top:1px solid #c50054; color:#c50054; padding:0px 30px; font-size:14px;color: #e7418d;}
.line3 .box p{ padding:15px 0px;}
.line3 .box .text{ margin:40px 0px; padding-right:20px;height:580px; overflow-y:scroll; line-height:1.8em; overflow-x: no-scroll; }
.line4{ padding-bottom:50px;}
.line4 .box{ width:958px; border:1px solid #25203d; background:#410829; margin:0 auto; padding:30px 20px; color:#e7418d; line-height:2em;}

@media screen and (min-width: 0px) and (max-width: 768px) {
.line1,.line2,.line3,.line4{ width:100%;height:auto; background:#120f2c;}
.line1 .box{ width:94%; margin:0 auto; padding-top:30px;}
.line1{ background-image:none;}
.line1 .box .logo{ display:none;}
.line2{ box-sizing:border-box;}
.line2 .box{ width:100%; padding:30px 3%; box-sizing:border-box;}
.line2 .box .video{ right:4%;}
.line3 .box{ width:90%;}
.line3 .box .text{ box-sizing:border-box; margin:20px 0px; }
.line4{ padding-top:20px;}
.tit{ padding:0px 0px 20px 0px;}
.line4 .box{ box-sizing:border-box; padding:30px 3%; width:100%;}
.line1 .top{ display:block;}	
.line1 .box .pic h3{ padding-top:0px;}
	}