@import url(style.css);
.diy_banner{ width:100%;min-width:1200px; background:#0085e4 url(../images/div_banner.png)}
   .diy_banner_txt{padding-bottom:60px;}
      .diy_banner_txt h2{ font-size:50px; text-align:center; line-height:50px; padding-top:80px; color:#fff; font-weight:normal}
	  .diy_banner_txt p{ text-align:center; line-height:60px; color:#fff; font-size:18px;}
	     .diy_banner_txt p span{ font-size:20px; color:#FF0; text-decoration:underline}
	  .diy_banner_txt .left .prop1{}
	     .diy_banner_txt .left{}
		 .diy_banner_txt .left li{ width:300px; margin:40px auto 0px auto; float:left;}
	     .diy_banner_txt .left li cite{ background:url(../images/prop1.png); width:110px; height:101px; display:block; margin:0 auto;}
		 .diy_banner_txt .left li cite span{ font-size:20px;}
		 .diy_banner_txt .left p{ text-align:center; line-height:26px; padding-top:15px; font-size:16px; }
		 .diy_banner_txt .left p em{ display:block; font-size:20px; color:#FF0; font-weight:bold; text-align:center}
		 .diy_banner_txt .left li .propa{ background:url(../images/prop2.png)}
		 .diy_banner_txt .left li .propb{ background:url(../images/prop3.png); width:110px; height:101px;}
		 .diy_banner_txt .left li .propc{ background:url(../images/prop4.png);}
      .diy_banner_txt .button{ width:250px; height:45px; line-height:45px; text-align:center; color:#fff; background:#21e000; margin:40px auto 0px auto;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;z-index:2;behavior: url(../iecss3.htc);}
	     .diy_banner_txt .button a{ color:#fff;}
.diy_tit{ text-align:center; margin-top:65px;height:66px;font-size:40px; font-weight:bold}
   .diy_tit em{ background:url(../images/diy_logo.png) no-repeat left 16px; display:inline-block; padding-left:210px;}
   .diy_tit em1{ background:url(../images/diy_logo.png) no-repeat left 16px; display:inline-block; padding-left:210px; height:55px}
   .value{overflow:hidden; margin-bottom:60px}
.value li{ float:left; width:157px;margin:15px 27px 0px 0px;background:#fbfbfb; padding:10px;}
      .value .icon_f{ margin-right:0px;}
	  .value li em{background:url(../images/goble.png); width:90px; height:90px; margin:0 auto; display:block}
	  .value li p{ margin-top:10px; width:157px;line-height:22px; height:85px; text-align:center}
	  .value li p span{ font-size:16px;display:block;width:157px; font-weight:bold}
	     .value .icon_a p span{ color:#ff4b9f}
		 .value .icon_b p span{ color:#00b9f9}
		 .value .icon_c p span{ color:#ff9500}
		 .value .icon_d p span{ color:#00da00}
		 .value .icon_e p span{ color:#ff1925}
		 .value .icon_f p span{ color:#00cdf4}
	  .value .icon_a em{ background-position:-110px -77px}
	  .value .icon_b em{ background-position:-110px -167px}
	  .value .icon_c em{ background-position:-110px -257px}
	  .value .icon_d em{ background-position:-110px -347px}
	  .value .icon_e em{ background-position:-110px -437px}
	  .value .icon_f em{ background-position:-110px -527px}.diy_main{ width:100%; background:#e6e6e6; padding:1px 0px 80px 0px;}
.table{ width:1200px; margin-top:15px;background:#adadad}
   .table tr td{ padding:10px}
   .word_colour{ font-size:18px; color:#fff; font-weight:bold}
   .word_green{ color:#00a804; font-size:16px;}
.free{ margin-top:15px; background:url(../images/diy_center_bg.jpg) repeat-y center top;margin-bottom:50px; height:770px;}
   .free .left,.free .right{ float:left;width:490px; height:50px;}
      .free .left{ margin-right:220px;}
	  .free_txt{ width:460px; padding:10px 15px; line-height:24px; background:#f8f8f8;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;z-index:2;behavior: url(../iecss3.htc); position:relative}
	  .list_left cite,
	     .list_right cite{ width:19px; height:19px; background:url(../images/goble.png); background-position:0px -925px; display:block; position:absolute;}
	  .list_left cite{ right:-120px;top:5px}
	  .list_left em,
	     .list_right em{width:0px; height:0px;border-top:7px solid transparent;border-bottom:7px solid transparent;font-size:0px;line-height:0px; position:absolute;}
	  .list_left em{border-left:8px solid #f8f8f8;right:-8px;top:5px;}
	  .list_left span,
	     .list_right span{ position:absolute; font-size:38px; color:#009cff;font-family: Georgia, "Times New Roman", Times, serif;}
	  .list_left span{right:-80px;top:5px;}
	  .list_right{ margin-top:65px;}
	  .list_right cite{left:-120px;top:5px;}
	  .list_right em{border-right:8px solid #f8f8f8;left:-8px; top:5px;}
	  .list_right span{left:-80px;top:5px;}
	  .distance_t{ margin-top:45px;}
	  .distance_n{ margin-top:105px;}
	  .free_txt h3{ font-size:16px; color:#009cff; font-weight:normal}
.process{ margin-top:25px;}
.process li{ float:left; width:162px; margin-right:11px;}
   .diy_main .mn.process .process_g{ margin-right:0px;}
   .process li em{ width:162px; height:110px; background:url(../images/goble.png); display:block}
   .process .process_a em{ background-position:-55px -713px}
   .process .process_b em{ background-position:-55px -823px}
   .process .process_c em{ background-position:-55px -933px}
   .process .process_d em{ background-position:-55px -1043px}
   .process .process_e em{ background-position:-55px -1153px}
   .process .process_f em{ background-position:-55px -1263px}
   .process .process_g em{ background-position:-55px -1373px}
   .process li div{ padding:10px; background:#fff; overflow:hidden; line-height:24px; height:180px}
   .process li h3{ font-size:18px; text-align:center;margin-bottom:6px; padding-bottom:5px; }
	   .process .process_a h3{border-bottom:2px solid #009cff;color:#009cff;} 
	   .process .process_b h3{border-bottom:2px solid #fb8131;color:#fb8131;} 
	   .process .process_c h3{border-bottom:2px solid #40c47c;color:#40c47c;} 
	   .process .process_d h3{border-bottom:2px solid #be00bf;color:#be00bf;} 
	   .process .process_e h3{border-bottom:2px solid #00758f;color:#00758f;} 
	   .process .process_f h3{border-bottom:2px solid #eab30b;color:#eab30b;} 
	   .process .process_g h3{border-bottom:2px solid #9464b8;color:#9464b8;} 
.student li{ float:left; width:540px; margin:30px 120px 40px 0px;line-height:24px;}
   .student .current{ margin-right:0px; }
   .student li cite{ width:123px; height:122px; float:left}
	  .student li p{ float:left; width:354px; margin-left:30px; padding:10px 15px;background:#F8F8F8; border-right:1px solid #f3f3f3; border-bottom:1px solid #eeeeee;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;z-index:2;behavior: url(../iecss3.htc); position:relative}
	  .student li p em{width:0px; height:0px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid #f8f8f8;font-size:0px;line-height:0px; position:absolute; top:10px;left:-7px} 
.diy_adviser_tit{ margin-top:25px;}
	   .diy_adviser_tit li{ float:left;width:103px; height:38px; line-height:38px; font-size:18px; color:#fff; text-align:center; background:#009dff; margin:5px 5px 0 0;}	 
	   .diy_adviser_tit li a,.diy_adviser_tit li a:visited{ color:#fff} 
	   .diy_adviser_tit .current{ background:#00c800;}
.diy_adviser_txt{margin-top:10px} 
	   .diy_adviser_txt li{ float:left;width:370px;margin:10px 5px 0 5px; background:#fff; padding:10px;height:136px}
	   .diy_adviser_txt .dist{ margin-right:0px;}
	   .diy_adviser_txt li img{ float:left;-moz-border-radius:50%; -webkit-border-radius: 50%; border-radius: 50%;z-index:2;behavior: url(../iecss3.htc);}
	   .diy_adviser_txt li p{ float:left; width:265px; margin-left:15px; color:#666666; overflow:hidden}
	   .diy_adviser_txt li p em{height:30px; width:100%; display:block; border-bottom:1px solid #ececec; margin-bottom:5px; color:#333}
	   .diy_adviser_txt li p em b{ font-size:18px; color:#009dff}
	   .diy_adviser_txt li p a{ color:#00ba00}
	   .diy_adviser_txt li .button{ margin:10px 0 0 105px;}
	   .diy_adviser_txt li .button .btn-link{width:94px; height:28px; line-height:27px; color:#fff; background:#0094ff url(../images/QQ.gif) no-repeat 4px center; text-indent:30px; float:left}
	   .diy_adviser_txt li .button .btn-link.wechat{background:#1cbf00 url(../images/wechat.png)  no-repeat 4px center; margin-left:10px;}
.vi_wrapper{ padding:50px 0px;}
   .vi_wrapper h1{ font-size:42px; text-align:center}
   .vi_wrapper h1 span{ font-size:52px; color:#F00}
   .vi_button{ width:280px; height:50px; line-height:49px; color:#fff; background:#00c800; margin:25px auto 0px auto; display:block; font-size:24px; text-align:center;-moz-border-radius:4px; -webkit-border-radius:; border-radius:4px;z-index:2;behavior: url(../iecss3.htc);}
   .vi_wrapper .vi_button{ color:#FFF}
   .vi_button:hover{ color:#FF0}   
	    
.vi_video{padding-bottom:20px;}
	.video_list li{ float:left; width:226px; height:190px; position: relative;margin:0 7px;}
	.video_list li a img{width:226px; height:130px;}
	.video_list li a p{ line-height:22px;}
	.gradient-bg,.video_list li:hover .gradient-bg{ position: absolute; top:42px;left:90px; width:46px; height:46px;background:url(../images/video_xtb.png)}	
	.video_list li:hover .gradient-bg{background-position:0px -46px;}	
	.play-video-icon{ width:222px; height:20px; line-height:20px;left:0; top:110px; color:#fff; font-size:12px; padding-left:4px; position:absolute;background-color: rgba(0,0,0,0.4);}
	@media \0screen\,screen\9 {.play-video-icon{background-color:#000;filter:Alpha(opacity=40); position:static;*zoom:1;}
    .play-video-icon em{ position: relative}}	
	.video_list li p{ line-height:26px;}