@charset "utf-8";

/* CSS Document */

.w100 {

    width: 100%;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



/*原文件配置*/



.w1200 {

    width: 1200px;

    margin-left: auto;

    margin-right: auto;

}



body {

    color: #000;

    background: #FFFFFF;

    font: 12px/20px 'Microsoft YaHei', arial, sans-serif;

    min-width: 1200px;

}



/*最小宽度1200px是为了适应移动端预览*/

a {

    color: #000;

}



input {

    outline: none;

}



a:hover {

    color: #df86a2;

}



input, textarea {

    outline: none;

}



/*按钮专用 end*/

.btn_com {

    display: inline-block;

    width: 90px;

    height: 32px;

    line-height: 32px;

    background: #417be7;

    font-size: 12px;

    text-align: center;

    color: #FFF;

    cursor: pointer;

}



.btn_com:hover {

    color: #fd711c;

    filter: alpha(opacity=90);

    -moz-opacity: 0.9;

    -khtml-opacity: 0.9;

    opacity: 0.9;

}



.input_com {

    border: 2px solid #0099d9;

    padding: 8px 10px;

    font-size: 16px;

    line-height: 16px;

}



/*块级转化*/

.di_in {

    display: inline-block;

}



.di_no {

    display: none;

}



.di_bl {

    display: block;

}



/*原文件配置  end*/



/* 到顶部间距 */

.mt0 {

    margin-top: 0px;

}



.mt5 {

    margin-top: 5px;

}



.mt10 {

    margin-top: 10px;

}



.mt15 {

    margin-top: 15px;

}



.mt20 {

    margin-top: 20px;

}



.mt25 {

    margin-top: 25px;

}



.mt30 {

    margin-top: 30px;

}



.mt35 {

    margin-top: 35px;

}



.mt40 {

    margin-top: 40px;

}



.mt45 {

    margin-top: 50px;

}



.mt50 {

    margin-top: 50px;

}



.mt55 {

    margin-top: 50px;

}



.mt60 {

    margin-top: 60px;

}



/* 到左边间距 */



.ml5 {

    margin-left: 5px;

}



.ml10 {

    margin-left: 10px;

}



.ml15 {

    margin-left: 15px;

}



.ml20 {

    margin-left: 20px;

}



.ml25 {

    margin-left: 25px;

}



.ml30 {

    margin-left: 25px;

}



.ml35 {

    margin-left: 35px;

}



.ml40 {

    margin-left: 35px;

}



.ml45 {

    margin-left: 35px;

}



.ml50 {

    margin-left: 50px;

}



/* 字体大小 */



.font14 {

    font-size: 14px;

}



.font16 {

    font-size: 16px;

}



.font18 {

    font-size: 18px;

}



.font20 {

    font-size: 20px;

}



.font22 {

    font-size: 22px;

}



.font24 {

    font-size: 24px;

}



.font26 {

    font-size: 26px;

}



.font28 {

    font-size: 28px;

}



.font30 {

    font-size: 30px;

}



/*纵向居中*/

.v_middle {

    vertical-align: middle;

}



/*横向居中*/

.te-align {

    text-align: center;

}



/*相对定位*/

.p_r {

    position: relative;

}



.p_a {

    position: absolute;

}



/* 白色背景 */

.bgfff {

    background: #fff;

}



.w1360 {

    margin-right: auto;

    margin-left: auto;

    width: 1360px;

}



.w1360:after {

    content: "";

    display: block;

    clear: both;

}

/*   头部   */

.header {

    width: 100%;

    position: relative;

    height: auto;

    padding-top: 22px;

    padding-bottom: 25px;

}



.header .logo img {

    display: inline-block;

    vertical-align: middle;

}



.header .logo .logo-img {

    padding-right: 14px;

    border-right: 1px solid #dedede;

    width: 165px;

}



.header .logo .text {

    margin-left: 18px;

}



.header .nav {

    border-right: #d0d0d0 1px solid;

    margin: 16px 0 6px 75px;

}



.header .nav li {

    float: left;

    position: relative;

    display: block;

}



.header .nav li.active:after{

	content: "";

	width: 34px;

	border-bottom: #e386a1 2px solid;

	position: absolute;

	display: block;

	bottom: -46px;

	left: 50%;

	margin-left: -17px;

}



.header .nav li a {

    font-size: 16px;

    color: #333;

    padding: 0 22px;

    height: 16px;

    line-height: 16px;

    display: block;

}



.header .nav li.active a, .header .nav li a:hover, .header .nav li .pos-select li a:hover {

    color: #b40107;

}



.header .nav li .pos-select {

	border-top:2px solid #b40107;

    position: absolute;

    width: 166px;

    top: 55px;

    left: -35px;

    background: #ffffff;

    padding-top: 10px;

    padding-bottom: 28px;

    border-bottom-right-radius: 16px;

    border-bottom-left-radius: 16px;

    box-shadow: 0 2px 1px 3px #EFEFEF;

    z-index: 999;

    display: none;

}

.header .nav li .pos-select li {

    float: none;

    display: block;

    width: 100%;

    margin-left: 0;

    text-align: center;

    margin-top: 5px;

    padding-left: 10px;

	height:40px;

	line-height:40px;

}



.header .nav li .pos-select li a {

	text-align: left;

    display: block;

    color: #252120;

    font-size: 12px;

	height:40px;

	line-height:40px;

	

   

    padding-left: 17px;

    background: url("../images/redius_01.png") no-repeat left center;

}

.header .nav li .pos-select li:hover{

	background-color:#b40107;

	width:126px;

	height:40px;

	line-height:40px;

    

}

.header .nav li .pos-select li:hover a {

    background: url("../images/redius_03.png") no-repeat left center;

	color:#FFF;

	

}



.header .iphone {

    margin-top: 10px;

    line-height: 28px;

}



.header .iphone p {

    font-size: 13px;

    color: #656565;

    font-weight: 600;

    padding-left: 18px;

    background: url("../images/iphone.png") no-repeat left center;

}






/*   头部 end   */











/*   尾部    */

.footer{

    background: #414141;

    padding-top: 60px;

}

.footer .left-information{

    float: left;

}

.footer .left-information div.fl{

    width: 128px;

    background: #fff;

    text-align: center;

    padding: 18px 0 15px;

    border-radius: 10px;

}

.footer .left-information div.fl p{

    font-style: 12px;

    color: #111111;

    line-height: 1.5;

    margin-top: 10px;

}

.footer .left-information ul{

    margin-left: 30px;

    font-size: 12px;

    line-height: 22px;

    color: #838383;

}

.footer .left-information ul strong{

    font-size: 22px;

    line-height: 1.5;

    margin-bottom: 10px;

    margin-top: 5px;

    color: #ffffff;

    display: block;

}

.footer .left-information ul a{

    width: 15px;

    height: 15px;

    margin-right: 8px;

    vertical-align: middle;

    background: url("../images/about_us.png") no-repeat top left;

}

.footer .left-information ul a.qq{

   background-position: 0 0;

}

.footer .left-information ul a.wb{

    background-position: -24px 0;

}

.footer .left-information ul a.wx{

    background-position: -46px 0;

}

.right-up{

    float: right;

    margin-top: 12px;

}

.right-up dl{

    float: left;

    width: 134px;

    text-align: center;

    border-left: #3a3a3a 1px solid;

    border-right: #3a3a3a 1px solid;

    margin-right: -1px;

    font-size: 12px;

    height: 320px;

}

.right-up dl dt{

    color: #faf9f9;

    line-height: 20px;

    margin-bottom: 20px;

}

.right-up dl dd a{

    color: #747373;

    line-height: 35px;

}

.bottom{

    background: #3f3f3f;

    text-align: center;

    color: #747474;

    padding: 35px 0;

    line-height: 20px;

    margin-top: 30px;

}

.bottom p{

    margin-bottom: 10px;

}

.bottom a{

    display: inline-block;

    color: #747474;

    height: 20px;

    line-height: 20px;

    vertical-align: top;

}






/*   尾部  end   */
.pos-slide{

	position:fixed;

	right: 0;

	top:240px;

	z-index: 2;

}

.pos-slide li{

	background: #fff;

	width: 82px;

	height: 80px;

	border-top-left-radius:5px;

	border-bottom-left-radius:5px;

	margin-bottom: 7px;

}

.pos-slide li:hover{

	background:#b40107;

	width: 82px;

	height: 80px;

	border-top-left-radius:5px;

	border-bottom-left-radius:5px;

	margin-bottom: 7px;

}

.pos-slide li:hover .text{

	color:#FFF;

 

 

}

.pos-slide li  a{

	display: block;

	width: 100%;

}

.pos-slide li .icon{

	width: 26px;

	height: 26px;

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-top: 16px;

	background: url(../images/icon_about.png) no-repeat center center;

}

.pos-slide li .icon1{

	background-position: 0 0;

}

.pos-slide li .icon2{

		background-position:0 -84px;

}

.pos-slide li .icon3{

	background-position:0 -174px;

}

.pos-slide li .icon4{

	background-position:0 -257px;

}



.pos-slide li:hover .icon1{

	background-position: -30px 0;

}

.pos-slide li:hover  .icon2{

		background-position:-29px -84px;

}

.pos-slide li:hover  .icon3{

	background-position:-28px -174px;

}

.pos-slide li:hover  .icon4{

	background-position:-28px -257px;

}

.pos-slide li  .text{

	font-size: 12px;

	color: #606060;

	margin-top: 10px;

	text-align: center;

	display: block;

}



.yz-aunt2 li{

	height: 415px;

}

.yz-aunt2 .yz-training-box{

	padding-top: 145px;

}

.yz-aunt2 .list-box{

	padding-top: 62px;

}