@charset "utf-8";
/* CSS Document */

/***  了解如何使用 ***/
#intro_banner{ width:auto;  background:#e6eff8; }
.intro_banner_box{ width:1000px; margin:0 auto; display:block; background:url(../img/howtou/intro_03.gif) center center no-repeat; height:450px; }
.intro_banner_cont{ width:60%; display:block; padding:50px; margin:0 auto;}
.intro_banner_cont span{ line-height:50px;}
.intro_banner_cont span em{ color:#0b66bd; }
.intro_banner_cont p{ padding:30px 0px; display:block; color:#919191; line-height:24px; }
.intro_banner_cont p a{ float:right; margin-right:50px; background:url(../img/howtou/fb_intro_btn.gif) no-repeat; width:157px; height:47px; display:block; color:#ffffff; text-align:center; line-height:47px; text-decoration:none;}
.intro_banner_cont p a:hover{ background:url(../img/howtou/fb_intro_hoverbtn.gif) no-repeat;}

#intro_sub{ background:#2b82d9; height:50px; display:block; }
.intro_sub_box{ width:1000px; margin:0 auto; }
.intro_sub_box ul{ background:url(../img/howtou/intro_09.gif) left center no-repeat; padding-left:2px;}
.intro_sub_box li{ float:left; background:url(../img/howtou/intro_09.gif) right top no-repeat; padding-right:2px;}
.intro_sub_box li a{ float:left; width:125px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none;}
.intro_sub_box li a:hover,.intro_sub_box li a.cur{ background:#1176d4; }

#intro_wrap{ margin:0 auto; width:1000px; }
.intro_main{ display:block; padding:120px 0px 40px;}
	.intro_main i.iconfont{color:#08c;}
.intro_left{ width:460px; padding-right:62px; padding-bottom:50px; position:relative; }
.intro_left .intro_first{ padding:20px 0px; }
.intro_pt{ padding-top:325px!important; }
.intro_pt5{ padding-top:315px!important; }
.intro_left .intro_title{text-align:right; color:#2b82d9; }
.intro_left .intro_first_box{background:#f5f9fd; border:1px solid #dfefff; position:relative;}
.intro_left .intro_first_box .intro_first_txt{padding:25px; display:block; font-size:14px; line-height:24px; font-family:"Microsoft Yahei"}
	.intro_left .intro_first_box .intro_first_txt i.iconfont{font-size:34px;}
.intro_left .intro_first_img{padding:10px 0px 0px 0px; display:block; }

.intro_first_cont{ display:block; padding:10px 0px;}
.intro_first_cont ul{}
.intro_first_cont li{ float:left; text-align:center; width:33%;}
.intro_first_cont li i{height:85px; display:block; font-size:64px; text-align:center;}
.intro_first_cont li p{ line-height:24px; color:#999999;}

/** 蓝色箭头 **/
.intro_first_box .poptip-arrow{ position:absolute; margin-left:365px!important; top:-18px; }
.intro_first_box .poptip-arrow-top{font-size:36px; width:36px; left:36px; height:18px; margin-left:-18px;  }
	.intro_first_box .poptip-arrow i{color:#f5f9fd; }
	.intro_first_box .poptip-arrow em{color:#dfefff;}
	/** 蓝色箭头 **/
.intro_two_box .poptip-arrow{ position:absolute; top:-18px; }
.intro_two_box .poptip-arrow-top{font-size:36px; width:36px; left:36px; height:18px; margin-left:-18px;  }
	.intro_two_box .poptip-arrow i{color:#f5f9fd; }
	.intro_two_box .poptip-arrow em{color:#dfefff;}

.intro_menu{  width:60px; position:absolute; top:0px; height:100%; right:0px; }
.intro_menu_box{ position:relative; height:100%; }
.intro_line{ width:3px; background:#2b82d9; position:absolute; top:-70px; left:39px; bottom:0px;  }
.intro_menu .intro_step{ position:absolute; left:4px;}
.intro_step i{ font-family:"Microsoft Yahei"; font-size:116px; color:#2b82d9; -webkit-text-stroke-width: 0.2px; position:absolute; top:-40px; }
.intro_step i.csi{ font-size:37px!important; left:24px; top:0px;}
.intro_step em{ position:absolute; left:30px; top:20px; color:#ffffff; font-size:28px;}
.intro_step em.csem{ font-size:20px; color:#ffffff; top:11px; left:30px;}

.steps{ top:280px;}
.steps3{ top:680px; }
.steps4{ top:950px;}
.steps5{ top:1340px;}
.steps6{bottom:20px;}
.steps7{top:-100px;}

.intro_right{ width:460px; }
.intro_right .intro_title{ text-align:left; color:#2b82d9; }
.intro_two{ padding-top:295px;}
.intro_pts{ padding-top:225px!important;}
.intro_two .intro_two_box{ background:#f5f9fd; border:1px solid #dfefff; position:relative;}
.intro_two .intro_two_box .intro_two_txt{ padding:25px; display:block; font-size:14px; line-height:24px; font-family:"Microsoft Yahei"}
.intro_two_cont{ padding:0px 20px 20px 20px; display:block; }
.intro_two_cont .intro_xs,.intro_two_cont .intro_jj{width:180px; padding:10px; display:block; background:#deefff; border:1px solid #d3eaff; height:190px; text-align:center;}
.intro_xs i,.intro_jj i{font-size:64px; width:180px;}
.intro_xs .txt em,.intro_jj .txt em{text-align:center; color:#679bb3; display:block; padding:10px 0px; }
.intro_xs .txt,.intro_jj .txt{line-height:24px; font-size:12px; color:#666; text-align:left;}