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

html,body { min-width:1200px; margin:0; padding:0; border:0; text-align:left; font-size:12px; line-height:1.8em; font-family:Arial, Helvetica, sans-serif; color:#000;}
html { -webkit-text-size-adjust:none;}
input,textarea,select { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; outline:none;}
p,img,div,ol,ul,li,dl,dt,dd,table,tr,td,span,em,strong,label,form,h1,h2,h3,h4,h5,h6,iframe,font,b,u,i,del,a { margin:0; padding:0; border:0; list-style-type:none;}
a { color:#333; text-decoration:none; outline:none;}

.clear{ clear:both;}


.warp{width: 1200px;margin: 0 auto;}
.top{width: 100%;padding-top: 41px;box-shadow:0px 3px 12px  #e8e8e8;position: relative;z-index: 999}
.top .logo{float: left;}
.nav{float: left;margin-left: 160px;padding-top: 10px;}
.top .land{float: right;font-size: 14px;background-color: #e60012;border-radius: 4px;margin-top: 22px;}
.top .land a{color: #fff;line-height: 32px;  padding:0 16px;}


/*登录后状态*/
.wrap_all_land{padding-top: 10px;margin: 0 auto;float:right;width:92px;text-align: center;  }
#top #nav .landafter{text-align: center;width: 100%;padding-right: 0px;padding-left: 0px;}
#top #nav .landafter a{font-size: 14px;border-bottom: 1px solid #e60012;color:#e60012 }
#top #nav .landafter .page_item a{border-bottom: none;}
#top #nav .children{width: 100%}
#top #nav .page_item2{width: 100%}
.wrap_all_land #top #nav{float: none;}



/*banner轮播*/

.m-carousel {position: relative;overflow: hidden}
.m-carousel-list {overflow-y: hidden;width: 100%;max-height: 600px;-webkit-transition: -webkit-transform .3s ease;
	              transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease}
.m-carousel-list li {float: left;width: 100%;height: 100%;overflow: hidden;text-align: center;background-repeat: no-repeat;
	                 background-position: center 0;background-size: auto 100%}
.m-carousel-list li a {display: block;height: 100%}
.c-carousel-dot {position: absolute;bottom: 30px;left: 0;width: 100%;text-align: center;background-color: }
.c-carousel-dot span {display: inline-block;width: 12px;height: 12px;margin: 0 6px;border-radius: 50px;background: #cccccc;cursor: pointer;
					  -webkit-transition: width .3s ease, background .3s ease;transition: width .3s ease, background .3s ease}
.c-carousel-dot span:hover {background: #cccccc;border-radius: 5px;}
.c-carousel-dot span.active {width: 30px;background: #e60012;cursor: default}

.warp2{width: 1200px;margin: 0 auto;overflow: hidden;}
.warp3{width: 1210px;}
.middle{background-color: #f4f4f4;padding-bottom: 28px;padding-top: 40px}
.middle .ml ul li{width: 300px;float: left;margin-right: 20px;}
.middle .ml ul li .image{width: 100%;height: 200px;}
.middle .ml ul li .image img{width: 100%;height: 100%}
.middle .ml ul li .concent{width: 100%;overflow: hidden;background-color: #fff;padding-bottom: 15px;padding-top: 10px;}
.middle .ml ul li .concent p{display: block;line-height: 35px;font-size: 18px;font-weight: bold;padding-left: 14px;}
.middle .ml ul li .concent p a{color: #525252;transition:  color 0.2s}
.middle .ml ul li .concent span{width: 210px;display: block;padding-left: 14px;font-size: 16px;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.middle .ml ul li .concent span a{color: #525252;transition:  color 0.2s}
.middle .ml ul li .concent a:hover{color:#e60012;transition: color 0.2s}
.middle .mr{float: left;width: 250px;overflow: hidden;}
.middle .mr div{width: 115px;height: 134px;text-align: center;float: left;margin-right: 10px;margin-bottom: 12px;}
.middle .mr a{color: #fff;display: block;font-size: 18px;padding-top: 96px;}
.middle .mr .no_1{background: url(../images/icon1.png) no-repeat center 34px #20bbc5;}
.middle .mr .no_2{background:  url(../images/icon2.png)no-repeat center 34px #2492df;}
.middle .mr .no_3{background:  url(../images/icon3.png)no-repeat center 34px #ef861f;}
.middle .mr .no_4{background:  url(../images/icon4.png)no-repeat center 34px #e60012;}
.middle .mr div:hover{opacity: 0.9}

.foot{background-color: #dddddd;padding-top: 28px;padding-bottom: 28px;}
.foot .logo_foot{float: left;}
.foot ul{float: right;width: 300px;}
.foot ul li{float: left;text-align: center;margin-right: 40px; }
.foot ul li .wechat{width: 80px;height: 80px;padding: 4px;background: #fff;margin: 0 auto;margin-bottom: 13px;}
.foot ul li .wechat img{width: 100%;height: 100%}
.foot ul li p{font-size: 12px;color: #666666;line-height: 14px;d}

.copyright {background: #c2c2c2;text-align: center;}
.copyright p{color:#666666;line-height: 34px;} 

/*登录页面*/
.land_on{background: #f4f4f4;padding-top: 146px;padding-bottom: 146px;}
.land_on img{float: left;}
.land_on .land_up{float: right;width: 360px;border-radius: 6px;background-color: #fff;margin-right: 50px;margin-top: 17px;
					box-shadow:0px 0px 14px 6px  #e4e4e4;padding-top: 40px;padding-bottom: 48px;text-align: center;}
.land_on .land_up p{font-size: 24px;color: #e60012;text-align: center;padding-bottom: 48px;}
.land_on .land_up input{width: 266px;height: 46px;border-radius: 8px;border: 1px solid #c2c2c2;margin: 10px 0;
						padding-left: 11px;font-size: 16px;color: #bbbbbb;}
input:-ms-input-placeholder{color:#bbbbbb;}
input:-ms-input-placeholder{color:#bbbbbb;}/* Internet Explorer 10+ */ 
input::-webkit-input-placeholder{color:#bbbbbb;}/* WebKit browsers */
input::-moz-placeholder{color:#bbbbbb;}/* Mozilla Firefox 4 to 18 */ 
input:-moz-placeholder{color:#bbbbbb;}/* Mozilla Firefox 19+ */ 
.land_on .land_up input:hover{border: 1px solid #fff;box-shadow:0px 0px 8px 0.2px  #e60012;}

.land_on .land_up div{font-size: 12px;color:#e60012;text-align: right;padding-right: 45px; }
.land_on .land_up span{display: block;text-align: center;width: 266px;line-height: 46px;background-color: #e60012;border-radius: 6px;margin: 0 auto;margin-top: 40px;}
.land_on .land_up a {color: #fff;font-size: 16px;}


/*个人中心——时间线页面*/
.bread{background-color: #e60012;line-height: 42px;}
.bread p{font-size: 14px;text-align: left;color: #fff;}
.bread p a{color: #fff}

.in_for1{background-color: #f4f4f4;padding-top: 40px;padding-bottom: 5 0px;padding-bottom: 50px;}
.in_for1 .timeline{background-color: #fff;padding: 16px 75px 16px 75px;margin-bottom: 43px;}
.in_for1 .timeline ul{position: relative;z-index: 500;}
.in_for1 .timeline ul li{color: #777777;font-size: 14px;padding: 24px 0}
.in_for1 .timeline ul li p{float: left;text-align: right;width: 110px;}
.in_for1 .timeline ul li .spot{width: 8px;height: 8px;background-color: #e60012;border-radius: 50%;margin: 6px 20px 0 20px;}
.in_for1 .timeline .time_right{float: right;}
.in_for1 .timeline .time_right span{color:#e60012;margin-left: 35px; }
.in_for1 .timeline .time_right a{color: #777777}
.in_for1 .timeline .time_right .revise{background: url(../images/in_revise.png) no-repeat left;padding-left: 20px;}
.in_for1 .timeline .time_right .delet{background: url(../images/in_delet.png) no-repeat left;}
.in_for1 .timeline .line{width: 2px;height: 630px;position: absolute;background-color: #f4f4f4;z-index: -1;left: 133px;top: 32px;}

/*翻页页码*/
.fanye{width: 100%;}
.fanye ul{width: 400px;text-align: center;margin: 0 auto;}
.fanye ul li{display: inline-block;margin: 2px;border-radius: 8px;height: 40px;}
.fanye ul .tt1{margin-right: 5px;margin-left: 5px;}
.fanye ul .tt1 a{width: 30px;height: 40px;background: url(../images/arow_left.png) no-repeat center;display: block; line-height: 40px;}
.fanye ul .tt2 a{background: url(../images/arow_right.png) no-repeat center;}
.fanye ul .a1{width: 40px;;border:1px solid #cccccc;text-align: center;line-height: 40px;color: #b99999;font-size: 14px;background-color: #fff;transition: background-color 0.3s}
.fanye ul .a1 a{display: block;color: #999999 }
.fanye ul .a1:hover,.fanye  ul .f_set{background-color: #e60012;transition: background-color 0.3s }
.fanye ul .a1:hover a,.fanye  ul .f_set a{color: #fff;}

/*个人中心——修改密码*/
.in_for2{background-color: #f4f4f4;padding-top: 40px;padding-bottom: 40px;}
.in_for2 .for2_concent{background-color: #fff;width: 100%;padding-bottom: 155px;}
.in_for2 .title_revise{font-size:16px; ;line-height: 50px;padding-left: 22px;color: #777777;border-bottom: 1px solid #eaeaea;margin-bottom: 60px;}
.in_for2 .for2_concent ul li{font-size: 14px;color: #777777;margin-bottom: 20px;margin-left: 90px;}
.in_for2 .for2_concent ul li p{width: 60px;text-align: right;float: left;line-height: 36px;margin-right: 20px;}
.in_for2 .for2_concent ul li input{float: left;;width: 266px;height: 34px;border-radius: 8px;border: 1px solid #c2c2c2;
						padding-left: 11px;font-size: 14px;color: #bbbbbb;}
.in_for2 .for2_concent ul li input:hover{border: 1px solid #fff;box-shadow:0px 0px 8px 0.2px  #e60012;}
.in_for2 .for2_concent span{display: block;text-align: center;width: 100px;line-height: 36px;background-color: #e60012;border-radius: 6px;margin-top: 6px;margin-left: 170px;}
.in_for2 .for2_concent a {color: #fff;font-size: 14px;}

/*关于佳音*/
.in_for3{background-color: #f4f4f4;padding-top: 40px;padding-bottom: 40px;} 
.in_for3 .in_for3_content ul{text-align: center;width: 100%;margin-bottom: 10px;}
.in_for3 .in_for3_content ul li{width: 475px;padding: 10px;background: #fff;display: inline-block;margin: 0px 35px 40px 35px }
.in_for3 .in_for3_content ul li .img{width: 475px;height: 280px;}
.in_for3 .in_for3_content ul li .img img{width: 100%;height: 100%}
.in_for3 .in_for3_content ul li a{font-size:16px;color: #525252;text-align: left;line-height: 50px; }
.in_for3 .in_for3_content ul li p{width: 100%;overflow: hidden;padding: 0px 6px ;}
.in_for3 .in_for3_content ul li:hover{box-shadow:0px 0px 14px 6px  #e4e4e4;transition:box-shadow 0.3s}

.in_for3 .in_for4_content ul li{width: 360px;padding: 10px;margin: 0px 8px 30px 8px ;}
.in_for3 .in_for4_content ul li .img{width: 360px;height: 240px;}
.in_for3 .in_for4_content ul li a{font-size:14px;color: #525252;text-align: left;line-height: 40px; }


.in_for5 .in_for5_title{text-align: center;}
.in_for5 .in_for5_title p{color: #464646;font-size: 30px;font-weight: bold;}
.in_for5 .in_for5_title span{font-size: 14px;color:#999999;display: block;line-height: 65px; }
.in_for5 .in_for5_content{padding-bottom: 50px;}

.download {width: 90px;text-align: center;background-color: #e60012;border-radius: 6px;}
.download a{line-height: 32px;font-size: 14px;color: #fff;width: 100%;display: block;}

.in_for6 {padding-bottom: 20px;position: relative;}
.in_for6 .for6_line{width: 100%;height: 2px;position: absolute;background-color: #e0e0e1;top: 294px;}
.in_for6 ul{text-align: center;margin-bottom: 10px;}
.in_for6 ul li{width: 310px;color: #525252;display: inline-block;margin-right: 42px;margin-left: 42px;}
.in_for6 ul li .in_for6_pic{width: 308px;height: 203px;border: 1px  solid #c2c2c2;}
.in_for6 ul li .in_for6_pic img{width: 100%;height: 100%}
.in_for6 ul li .in_for6_spot{width: 8px;height: 8px;border-radius: 50%;background-color: #e60012;margin: 0 auto;margin-bottom: 46px;margin-top: 46px;}
.in_for6 ul li h1{font-weight: normal;font-size: 24px;text-align: center;}
.in_for6 ul li h2{font-weight: normal;font-size: 16px;text-align: center;line-height: 78px;}
.in_for6 ul li .in_for6_content{width: 98%;margin: 0 auto;height:130px; ;text-align: left;font-size: 14px;line-height: 25px;overflow: hidden;margin-bottom: 30px;}
.in_for6 ul li .in_for6_content a{color:#525252;transition:color 0.3s }
.in_for6 ul li .in_for6_content a:hover{color: #e60012;transition:color 0.3s}
.download2{width: 72px;margin: 0 auto}


.in_for7{padding-top: 0px;padding-bottom: }
.in_for7_content .content_word{float: left;padding-left: 90px;width: 410px;padding-top: 80px;overflow: hidden;}
.in_for7_content .content_word h1{font-size: 32px;color: #e60012;padding-bottom:34px;padding-top: 40px; }
.in_for7_content .content_word div{color: #525252;font-size: 14px;text-align: left;}
.in_for7_content img{float: right;}

.in_for8{background-color: #f4f4f4;}
.in_for8_content{float: right;}
.in_for8_content img{float: left;}

/*佳音服务*/
.in_for9 .in_for9_content{background-color: #fff;padding: 45px 56px 18px 56px; margin-bottom: 20px;}
.in_for9 .in_for9_content ul li .img{width: 460px;height: 240px;float: left;margin-bottom: 32px;}
.in_for9 .in_for9_content ul li .img img{width: 100%;height:100%;}
.in_for9 .in_for9_content ul li .img img:hover{opacity: 0.95}
.in_for9 .in_for9_content ul li .for9word{float: left;width: 500px;padding-top: 45px;padding-left: 30px;}
.in_for9 .in_for9_content ul li .for9word a{color: #525252; transition: color 0.3s}
.in_for9 .in_for9_content ul li .for9word span{font-size:22px;padding-bottom: 45px;display: block;} 
.in_for9 .in_for9_content ul li .for9word p{font-size: 14px;line-height: 24px;overflow:hidden;width: 500px;max-height: 75px;position: relative;}
.in_for9 .in_for9_content ul li .for9word p::after{ content: "......";position: absolute;bottom: 0;right: 0;padding-right: 224px;
                                                    background: -webkit-linear-gradient(left, transparent, #fff 0%);
												    background: -o-linear-gradient(right, transparent, #fff 0%);
												    background: -moz-linear-gradient(right, transparent, #fff 0%);
												    background: linear-gradient(to right, transparent, #fff 0%);}
.in_for9 .in_for9_content ul li .for9word a:hover{color: #e60012;transition: color 0.3s}
.for9_line{width: 100%;height:1px ;background-color: #f4f4f4;margin-bottom: 32px; }

.upload{width: 72px;line-height: 32px;font-size: 14px;background:  #e60012 url(../images/in_for9_icon.png) no-repeat 20px center ;
		padding-left: 48px; border-radius: 6px;float: right;}
.upload a{color: #fff;line-height: 32px;width: 100%;display: block;}
.fanye9{margin-top: 44px;}

.in_for10 {padding-top: 95px;padding-bottom: 100px;}
.in_for10 ul{text-align: center;}
.in_for10 ul li{display: inline-block;background: #fff;text-align: center;color: #525252;font-size: 14px;padding-top: 64px;width: 320px;padding-bottom: 40px;
				margin:0 35px;}
.in_for10 ul li img{margin: 0 auto;padding-bottom: 38px;}
.in_for10 ul li span{font-size: 30px;display: block;}
.in_for10 ul li p{padding: 0 45px;padding-top: 20px;height: 60px;overflow: hidden;margin-bottom: 25px;}
.in_for10 ul li .for10button{background: #e60012;width: 98px;line-height: 32px;font-size: 4px;text-align: center;margin: 0 auto}
.in_for10 ul li .for10button a{color:#fff;line-height: 32px;display: block; }

.in_for11 .in_for11_content{background-color: #fff;padding: 45px 70px 28px 70px; margin-bottom: 20px;}
.in_for11 .in_for11_content .for11_title{margin-bottom: 30px;}
.in_for11 .in_for11_content .for11_title .t1{font-size: 14px;color: #777777;float: left;}
.in_for11 .in_for11_content .for11_title .t1 input{width: 247px;height: 34px;border: 1px solid #c2c2c2;padding-left: 11px;font-size: 14px;color: #bbbbbb;
													margin-left: 5px;margin-right: 55px;}
.in_for11 .in_for11_content .for11_title .t2 input{width: 77px}
.in_for11 .in_for11_content .for11_title .t3 input{height: 34px;border: 1px solid #c2c2c2;font-size: 14px;color: #bbbbbb;
													margin-left: 5px;margin-right: 55px;}
.in_for11 .in_for11_content .for11_title .t3 select{width: 130px;height: 34px;border: 1px solid #c2c2c2;font-size: 14px;color: #bbbbbb;
													margin-left: 5px;margin-right:90px;}

.in_for11 .in_for11_content .for11_title .t4 input{border:none;font-size: 14px;color: #bbbbbb;width: 13px;height: 13px;
													margin-left: 15px;margin-right: 5px;margin-top: 10px;}
.in_for11 .in_for11_content .for11_title .t4 label{margin-left: 40px;}
.in_for11 .in_for11_content .word11{width: 100%;height:366px;border: 1px solid #c2c2c2; }
.upload11{float: none;width: 102px;background:  #e60012 ;text-align: center;padding: 0}
.in_for11 .in_for11_content ul{padding-bottom: 40px;}
.in_for11 .in_for11_content ul li{width: 200px; background: url(../images/in_for11_bu1.jpg) no-repeat center;height: 120px;margin-top: 20px;text-align: center;float: left;margin-right: 20px;}
.in_for11 .in_for11_content ul li input{width: 200px;height:120px;opacity: 0}
.in_for11 .in_for11_content ul .ufile{background: url(../images/in_for11_bu2.jpg) no-repeat center;}

/*佳音家庭*/
.in_for12{font-size: 14px;color: #525252;line-height: 24px;padding-bottom: 20px;}
.in_for12 .area p{font-weight: bold;float: left;}
.in_for12 .area ul{float: left;width: 1150px;margin-bottom: 5px;}
.in_for12 .area ul li {margin:0px 8px 5px 8px;line-height: 24px;padding: 0 6px;float: left;}
.in_for12 .area ul li a{color:#525252;line-height: 24px;display: block; }
.in_for12 .area ul li:hover ,.in_for12 .area ul li:hover a,.in_for12 .area ul .set,.in_for12 .area ul .set a{background: #e60012 ;color: #fff;border-radius: 6px;transition:background 0.2s }
.in_for12 .content12 ul{width: 1250px;margin-top: 20px;}
.in_for12 .content12 ul li {float: left;padding-right: 55px;}
.in_for12 .content12 ul li .img12{width: 260px;height: 160px;margin-right: 20px;margin-bottom: 40px;}
.in_for12 .content12 ul li .img12 img{width: 100%;height: 100%}
.in_for12 .content12 ul li div{float: left;}
.in_for12 .content12 ul li .word12{width: 265px;}

/*快乐佳音*/
#for13_title{width:  1100px}
#for13_t1 input{width: 147px;}
#for13_t2 input{width: 77px;margin-right: 50px;}
#for13_t3 {float: left;}
#for13_t3 select{margin-right: 0px;}
#images_api1{background: url(../images/in_for13_bu.jpg) no-repeat center;}

.in_for14 ul li{padding: 20px;padding-bottom: 47px;width: 280px;}
.in_for14 ul li img{padding-bottom: 0px}
.in_for14 ul li span{font-size: 24px;padding-bottom: 35px;padding-top: 45px;}

.in_for15 .in_for4_content ul li{overflow: hidden;padding-bottom: 8px;}
.in_for15 .in_for4_content ul li .img{height: 220px; }
.in_for15 .in_for4_content ul li .picmini15{margin-top: 10px;width: 380px;padding-bottom: 0;margin-bottom: 0}
.in_for15 .in_for4_content ul li .picmini15 .mini15{width: 112px;height: 112px;float: left;margin-right: 12px;overflow: hidden;}
.in_for15 .in_for4_content ul li .picmini15 .mini15 img{width: 100%;height: 100%}
.in_for15 .in_for4_content ul li p{text-align: center;padding-left: 0}

.in_for16 .timeline ul li{padding: 0 0}
.in_for16 ul li .img{width: 100%;height: 420px;}
.in_for16 ul li .img img{width: 1005;height: 100%}
.in_for16 ul li h2{font-weight: normal;font-size: 22px;line-height: 70px;width: 850px;overflow: hidden;float: left;display: block;}
.in_for16 ul li span{float: right;display: block;line-height: 70px;}
.in_for16 ul li a{color: #525252}
.in_for16 .timeline{padding: 30px 100px 0px 100px;}
.line16{width: 100%;height: 1px; background:#f4f4f4;margin: 32px 0px 32px 0px}
.in_for16 .timeline ul li p{width: 100%;float: none;text-align: left;display: block;height: 40px;overflow: hidden;}
.in_for16 ul li a:hover{color:  #e60012}

.in_for17 .content17 {padding: 40px 20px 45px 20px ;background: #fff}
.mod18{width:960px;position:relative;margin: 0 auto; }
.mod18 .btn{position:absolute;width:47px;height:74px;top:275px;cursor:pointer;z-index:99;}
.mod18 .prev{left:-85px;background:url(../images/in_for17_left.png) no-repeat;}
.mod18 .next{right:-85px;background:url(../images/in_for17_right.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;width:960px;height:600px;}
.mod18 .cf a{display:block;position:absolute;color:#fff;}
.mod18 .picBox{height:600px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:600px;position:absolute;}
.mod18 .picBox li{width:960px;height:600px;}


.mod18 .listBox{width:960px;height:108px;margin:0 auto;overflow:hidden;overflow: hidden;margin-top: 16px;position:relative;}

.mod18 .listBox li{width:106px;height:106px;cursor:pointer;padding-right: 16px;background:#fff;cursor:pointer;position:relative;line-height: 106px;display: flex;flex-direction: row;
            align-items: center; /*垂直居中*/}
.mod18 .listBox ul{position:absolute;}
.mod18 .listBox li i{border:1px solid #d8d8d8;width:104px;height:104px;position: absolute;top: 0}
.mod18 .listBox li img{ width: 100%; }
.mod18 .listBox li a{display:block;}
.mod18 .listBox .on i{border:1px solid #e60012;}
.mod18 .listBox .on i{display:block;}
/*
.mod18 .listBox li{width:106px;height:106px;cursor:pointer;padding-right: 16px;background:#fff;cursor:pointer;position:relative;}
.mod18 .listBox ul{position:absolute;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li img{border:1px solid #d8d8d8;width:104px;height:104px;}
.mod18 .listBox li a{display:block;}
.mod18 .listBox .on img{border:1px solid #e60012;}
.mod18 .listBox .on i{display:block;}


*/