/*
* @Description:	2015¿¼ÑÐÌâ¿âרÌâ
* @Author:		tianfangfang
* @Update:		tianfangfang(8/1/2015)
*/

/* reset css */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font: 12px/1.5 arial; color: #333; background: #fff; }
select,input,button{vertical-align: middle;font-size: 100%;}
fieldset,img{border: 0 none;}
em{font-style: normal;}
a{ color:#333; text-decoration: none;}
a:hover{ color: #f60; text-decoration: underline;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}

/* common bg */
.header,.header .nav a,.btn-wrap .btn-01,.btn-wrap .btn-02,.inter-info li .qq,.inter-info li .tele,.inter-info li .weibo{ background: url(../images/icon.png) no-repeat; }
.step-01,.step-02,.step-03,.step-04,.step-05,.step-06{ background: url(../images/step.png) no-repeat;}

/* header start */
.header{ width: 100%; height: 44px; background-position:0 -215px; background-repeat: repeat-x; }
.header .nav{ width: 980px; height: 44px; line-height: 44px; margin: 0 auto; text-align: center; }
.header .nav a{ font-size: 16px; color: #fff; font-family:"microsoft YaHei"; padding: 0 34px 0 37px; display: inline-block; background-position: -198px -148px; }
.header .nav a.first{ background: none; }

/* section start */
.section{ width: 100%; overflow: hidden;  }
.main{ width: 980px; overflow: hidden; margin: 0 auto; }
.main .section-head{ height: 69px; background: url(../images/tit.png) no-repeat top center; margin-top: 30px; }
.main .tip{ line-height: 42px; font-size: 18px; color: #999; font-family:"microsoft YaHei"; text-align: center; }
.btn-wrap{ margin: 33px 0; position: relative; padding-left: 174px; }
.btn-wrap a,.btn-wrap a:hover{ width: 130px; height: 63px; line-height: 63px; padding-left: 70px;  display: inline-block; margin: 0 57px; font-size: 24px; color: #fff; font-family:"microsoft YaHei"; text-decoration: none; }
.btn-wrap .btn-01{ background-position: 0 0; }
.btn-wrap .btn-02{ background-position: 0 -67px; }
.inter-info{ height: 63px; overflow: hidden; margin-top: 12px; padding-left: 176px; }
.inter-info li{ float: left; font-size: 16px; color: #666;  font-family:"microsoft YaHei"; margin-right: 20px; _margin-right: 14px; }
.inter-info li.last{ margin-right: 0; }
.inter-info li em{ color: #0099ff; }
.inter-info li .qq,.inter-info li .tele,.inter-info li .weibo{ display: inline-block; width: 19px; height: 19px;  vertical-align: middle; margin-right: 4px; }
.inter-info li .qq{ background-position: 0 -136px; }
.inter-info li .tele{ background-position: 0 -160px; }
.inter-info li .weibo{ background-position: 0 -186px; }

/* section-01 start */
.bg-section{ background: #f4f4f4; }
.section-01 .fl{ width: 405px; float: left; padding: 35px 0 49px 0;  text-align: center; }
.step-01{ width: 90px; height: 90px; display: inline-block; background-position: 0 0; }
.section-01 .fl h2,.section-02 .fr h2,.section-03 .fl h2,.section-04 .fr h2,.section-05 .fl h2,.section-06 .fr h2{ font: normal 30px/53px "microsoft YaHei"; color: #545454; margin: 5px 0 9px 0; }
.section-01 .fl p,.section-02 .fr p,.section-03 .fl p,.section-04 .fr p,.section-05 .fl p,.section-06 .fr p{ color: #999; font: 16px/24px "microsoft YaHei"; }
.section-01 .fr{ width: 575px; float: left; padding: 35px 0 49px 0;  }
.section-01 .fr img{ margin-top: 11px; }

/* section-02 start */
.step-02{ width: 90px; height: 90px; display: inline-block; background-position: 0 -98px; margin-top: 23px; }
.section-02 .fr{ width: 477px; float: left; padding: 43px 0 42px 0; text-align: center;}
.section-02 .fl{ width: 503px; float: left; padding: 43px 0 42px 0; }

/* section-03 start */
.step-03{ width: 90px; height: 90px; display: inline-block; background-position: 0 -196px; margin-top: 46px; }
.section-03 .fr{ width: 589px; float: left; padding: 40px 0 39px 0; }
.section-03 .fl{ width: 391px; float: left; padding: 40px 0 39px 0; text-align: center;}

/* section-04 start */
.step-04{ width: 90px; height: 90px; display: inline-block; background-position: 0 -294px; }
.section-04 .fr{ width: 439px; float: left; padding: 47px 0 43px 0; text-align: center;}
.section-04 .fl{ width: 541px; float: left; padding: 47px 0 43px 0; }
.section-04 .fl img{ margin-top: 30px; }

/* section-03 start */
.step-05{ width: 90px; height: 90px; display: inline-block; background-position: 0 -392px; margin-top: 65px; }
.section-05 .fr{ width: 584px; float: left; padding: 42px 0 44px 0; }
.section-05 .fl{ width: 396px; float: left; padding: 42px 0 44px 0; text-align: center;}

/* section-06 start */
.step-06{ width: 90px; height: 90px; display: inline-block; background-position: 0 -490px; margin-top: 72px; }
.section-06 .fr{ width: 439px; float: left; padding: 45px 0 81px 0; text-align: center;}
.section-06 .fl{ width: 505px; float: left; padding: 45px 0 81px 0; }