@charset "utf-8";

/*初始化*/
*{margin: 0;padding: 0;}
h5, h6{margin: 0;padding: 0}
ul li{list-style: none}
body{overflow-x: hidden}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.clearfix{clear: both;}

/*导航栏*/
#navigate{width: 100%;  overflow: hidden}
.navigate-main{max-width: 1200px;margin: auto;}
.logo{height: 100px;float: left;padding: 0px 0;margin:0px;}
.tel{float: left;font-size: 14px;padding-left: 40px;margin-top: 28px;}
.tel span{font-size: 22px;font-weight: bold;color:#afafaf;}
.menu-list{line-height: 100px;position:relative;margin:auto;float: right;font-size: 16px;}
.nav a{padding:10px 25px;text-decoration: none;color:black;/*display: block;width: calc(100% / 6 - 50px);text-align: center;float: left;*/}
.nav .line{position:absolute;border-top:solid 4px #fea63c;width:100%; left:0;top:0;}
@media(max-width:1024px){
	.logo{height: 80px;padding: 10px;}
	.tel{float: right;margin-top: 15px;padding-right: 10px;}
	.menu-list{clear: both;float: none;line-height: 54px;}
	.nav a{text-align: center;}
}
@media(max-width:500px){
	.logo{height: 60px;padding: 10px;margin-top: 3px;}
	.logo img{height: 80%;}
	.tel{font-size: 12px;margin-top: 10px;padding-right: 10px;}
	.tel span{font-size: 18px;}
	.menu-list{line-height: 40px;text-align: center;border-top: 2px solid #ffa143;padding: 10px 0;}
	.nav a{width: calc(100% / 4);display: inline-block;padding: 0;margin: 0;}
	.nav .line{display: none;}
	
}

/*banner图*/
#banner{width: 100%;z-index:0;}
#banner img{width: 100%}
#banner img:nth-of-type(2){display: none;}
@media(max-width:1024px){
	#banner img:nth-of-type(2){display: block;}
	#banner img:nth-of-type(1){display: none}
}

/*广告条*/
#advertisement{width: 100%;margin: 40px auto;}
#advertisement img{width: 100%}
#advertisement img:nth-of-type(2){display: none;}
@media(max-width:1024px){
  #advertisement{margin: 0 auto;}
  #advertisement img:nth-of-type(2){display: block;}
	#advertisement img:nth-of-type(1){display: none}
}	


/*增值功能*/
#tody-charming{max-width: 1200px;margin: auto;margin-top: 40px;box-shadow: 0px 2px 10px 3px rgba(239,239,239,0.8);-webkit-box-shadow:0px 2px 10px 3px rgba(239,239,239,0.8);}
#tody-charming .title{text-align: center;padding: 40px 0;background-position:center  left  ;background-image: url(/static/template/canai/images/bgi_05.gif);background-repeat:repeat-x;}
#tody-charming h5{width:210px;color: #ffa143;font-size: 21px;margin: auto; background-color: #fff;}
#tody-charming .content{padding: 0 30px 30px;box-sizing: border-box;}
#tody-charming .content .column{width: calc(100% / 4 - 20px);margin: 0 10px;padding: 40px 20px;box-sizing: border-box;border: 1px solid #e2e2e2;text-align: center;box-sizing: border-box;float: left;transition: 0.3s;margin-bottom:30px;}
#tody-charming .content .column .bt{font-size: 16px;margin-top: 30px;margin-bottom: 12px;}
#tody-charming .content .column span{color: #ffa143;font-weight: bold;font-size: 18px;}
#tody-charming .content .column .ty{width: 120px;border: 1px solid #ffa143;border-radius: 18px;line-height: 32px;margin: 30px auto 0px;transition: 0.3s;}
#tody-charming .content .column .ty a{color: #ffa143;transition: 0.3s;}
#tody-charming .content .column:hover{border:1px solid #ffa143 ;-webkit-box-shadow: 0 0 16px 0px rgba(255,161,67,0.8);box-shadow: 0 0 16px 0px rgba(255,161,67,0.8);}
#tody-charming .content .column:hover .ty{background-color:#ffa143; }
#tody-charming .content .column:hover .ty a{color: white;font-weight: bold;}
@media(max-width:950px){
	#tody-charming .content .column{width: calc(100% / 2 - 20px);margin-bottom:20px;}
	#tody-charming .content{padding: 0 30px 10px;}
}
@media(max-width:500px){
	#tody-charming .content .column{width: calc(100% / 1 - 20px);}
	#tody-charming{margin-top: 0;}
}

/*更多增值功能*/
#more-charming{max-width: 1200px;margin: auto;margin-top: 40px;box-shadow: 0px 2px 10px 3px rgba(239,239,239,0.8);-webkit-box-shadow:0px 2px 10px 3px rgba(239,239,239,0.8);}
#more-charming .title{text-align: center;padding: 40px 0;background-position:center  left  ;background-image: url(/static/template/canai/images/bgi_05.gif);background-repeat:repeat-x;}
#more-charming h5{width:220px;color: #ffa143;font-size: 21px;margin: auto; background-color: #fff;}
#more-charming .content{padding: 0 30px 30px;box-sizing: border-box;}
#more-charming .content .column{width: calc(100% / 6);text-align: center;padding: 20px 0;float: left;margin-bottom: 20px;transition: 0.3s;}
#more-charming .content .column .bt{font-size: 16px;margin-top: 16px;}
#more-charming .content .column:hover{-webkit-box-shadow: 0 0 16px 0px rgba(255,161,67,0.8);box-shadow: 0 0 16px 0px rgba(255,161,67,0.8);}
@media(max-width:950px){
	#more-charming .content .column{width: calc(100% / 4);margin-bottom:10px;}
}
@media(max-width:750px){
	#more-charming .content .column{width: calc(100% / 3);margin-bottom:10px;}
}
@media(max-width:500px){
	#more-charming .content .column{width: calc(100% / 2);margin-bottom:10px;}
}

/*办理流程*/
#process{max-width: 1200px;margin: auto;margin-top: 40px;box-shadow: 0px 2px 10px 3px rgba(239,239,239,0.8);-webkit-box-shadow:0px 2px 10px 3px rgba(239,239,239,0.8);}
#process .title{text-align: center;padding: 40px 0;background-position:center  left  ;background-image: url(/static/template/canai/images/bgi_05.gif);background-repeat:repeat-x;}
#process h5{width:210px;color: #ffa143;font-size: 21px;margin: auto; background-color: #fff;}
#process .content{padding: 0 30px;padding-bottom: 40px;}
#process .content .column{width: calc(100% / 4 - 20px);margin: 0 10px;box-sizing: border-box;border: 1px solid #e2e2e2;box-sizing: border-box;float: left;transition: 0.3s;}
#process .content .column .bt{padding:10px 20px;background-color:#ffa143;color: white;line-height: 28px;font-weight: bold;}
#process .content .column .bt span{font-size: 16px;color: white;font-weight: bold;}
#process .content .column p{padding: 20px 20px;line-height: 22px;text-align: justify;}
#process .content .column:hover{border:1px solid #ffa143 ;-webkit-box-shadow: 0 0 16px 0px rgba(255,161,67,0.8);box-shadow: 0 0 16px 0px rgba(255,161,67,0.8);}
@media(max-width:950px){
	#process .content .column{width: calc(100% / 2 - 30px);margin: 0 15px;margin-bottom:20px;}
}
@media(max-width:500px){
	#process .content .column{width: calc(100% / 1 - 30px);}
	#process{margin-top: 0;}
	#process .content{padding: 0 20px;}
}

/*页脚*/
#footer_bg{width: 100%;margin-top: 60px;background-color: #fea63c;}
.footer_box{ max-width: 1200px;margin: 0 auto;overflow: hidden;}
.footer_box .bt{font-size: 20px;color: white;font-weight: bold;line-height: 60px;margin-top: 10px;padding-left: 20px;}
.footer_box .number{padding-left: 20px;}
.footer_box .number li{float: left;padding-right:20px;font-size: 15px;line-height: 28px;color: white;}
.footer_box .number li a,.footer_box .copyright a{color: white;}
.footer_box .copyright{color: white;line-height: 60px;padding-left: 20px;}
.footer_box .copyright span{color: white;font-size: 20px;}
.footer_box .copyright_2{display: none;padding: 20px 0;}
.footer_box .copyright_2 div{text-align: center;line-height: 30px;color: white;}
.footer_box .copyright_2 div a{color: white;}
.footer_box .copyright_2 div span{color: white;font-size: 20px;}
@media(max-width:830px){
	.footer_box .area{display: none;}
	.footer_box .copyright{display: none;}
	.footer_box .copyright_2{display: block;}
}

/*返回顶部*/
#to_top{right: 10%; bottom: 30px; position: fixed; cursor: pointer;opacity: 0.5;display: none;}
#to_top img{width: 46px;height: 46px;}
@media(max-width:460px){
	#to_top img{width: 36px;height: 36px;}
	#to_top{right: 6%;}
}

/*开号必读和误区解读*/
#required-charming,#misunderstanding{max-width: 1200px;margin: auto;margin-top: 40px;box-shadow: 0px 2px 10px 3px rgba(239,239,239,0.8);-webkit-box-shadow:0px 2px 10px 3px rgba(239,239,239,0.8);}
#required-charming .title,#misunderstanding .title{text-align: center;padding: 40px 0;background-position:center  left  ;background-image: url(/static/template/canai/images/bgi_05.gif);background-repeat:repeat-x;}
#required-charming h5,#misunderstanding h5{width:120px;color: #ffa143;font-size: 21px;margin: auto; background-color: #fff;}
#required-charming .content,#misunderstanding .content{padding: 0px 40px 40px;box-sizing: border-box;overflow: hidden;}
#required-charming .content .column .bt,#misunderstanding .content .column .bt{font-size: 15px;padding: 20px 0 10px;}
#required-charming .content .column p,#misunderstanding .content .column p{line-height: 26px;border-bottom: 1px dashed #999;padding-bottom: 22px;box-sizing: border-box;text-align: justify;}
#required-charming .content .column b:hover,#misunderstanding .content .column b:hover{color: #ffa143;}
#required-charming .content .column:nth-of-type(1) .bt,#misunderstanding .content .column:nth-of-type(1) .bt{padding-top: 0;}
#required-charming .content .more{line-height: 40px;}

/*400电话核心价值*/
#valuation{max-width: 1200px;margin: auto;margin-top: 40px;box-shadow: 0px 2px 10px 3px rgba(239,239,239,0.8);-webkit-box-shadow:0px 2px 10px 3px rgba(239,239,239,0.8);}
#valuation .title{text-align: center;padding: 40px 0;background-position:center  left  ;background-image: url(/static/template/canai/images/bgi_05.gif);background-repeat:repeat-x;}
#valuation h5{width:210px;color: #ffa143;font-size: 21px;margin: auto; background-color: #fff;}
#valuation .content{overflow: hidden;padding: 0 10px;}
#valuation .content .column{width: calc(50% - 60px);margin: 0 30px;box-sizing: border-box;text-align: center;float:left;border: 1px solid #e2e2e2;overflow: hidden;margin-bottom: 60px;transition: 0.3s;}
#valuation .content .column .bt{font-size: 20px;padding: 40px 0 10px;}
#valuation .content .column p{padding: 0 40px 20px;font-size: 15px;line-height: 28px;box-sizing: border-box;}
#valuation .content .column:hover{border:1px solid #ffa143 ;-webkit-box-shadow: 0 0 16px 0px rgba(255,161,67,0.8);box-shadow: 0 0 16px 0px rgba(255,161,67,0.8);box-sizing: border-box;}
@media(max-width:1024px){
	#valuation .content .column{width: calc(100% - 60px);}
}
@media(max-width:500px){
	#valuation{margin-top: 0;}
	#valuation .content .column{width: calc(100% - 40px);margin: 0 20px;margin-bottom: 20px;}
	#valuation .content .column img{width:100%;}
	#valuation .content .column p{padding: 0 20px 20px;}
}


/*当前位置*/
.area_box{max-width: 1200px;margin: 0 auto;line-height: 60px;padding-left: 40px;}
.area_box a{color: black;}

/*受理中心*/
#service_centres{margin: auto;z-index: 20;position: relative;background-color: white;-webkit-box-shadow:0px 2px 10px 3px rgba(239,239,239,0.8);box-shadow: 0px 2px 10px 3px rgba(239,239,239,0.8);max-width: 1200px;padding-bottom: 40px;}
#service_centres .title{text-align: center;padding: 40px 0;background-position:center  left  ;background-image: url(/static/template/canai/images/bgi_05.gif);background-repeat:repeat-x;}
#service_centres h5{width:240px;color:#545757;font-size: 21px;background-color: #fff;margin: 0 auto }
@media(max-width:1024px){
	#service_centres{margin-top: 0px;box-shadow: none;}	
}
#service_centres .content{padding: 0 40px;box-sizing: border-box;}
#service_centres .content .left{width: calc(27% - 40px);box-sizing: border-box;float: left;margin-right: 40px;}
#service_centres .content .right{width: 100%;box-sizing: border-box;float: right;overflow:hidden;}
#service_centres .content .left ul{border: 1px solid #e2e2e2;box-sizing: border-box;margin-bottom: 30px;}
#service_centres .content .left ul li:first-child{font-size: 16px;background: #ffa143;color: white;line-height: 46px;font-weight: bold;margin-bottom: 8px;}
#service_centres .content .left ul li{line-height: 30px;padding:0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
#service_centres .content .left ul li:last-child{margin-bottom: 8px;}
#service_centres .content .left ul li a{color: black;}
#service_centres .content .left ul li a:hover{color: #ffa143;}
#service_centres .content .left .hot img{width: 100%;}
#service_centres .content .left .hot{margin-bottom: 30px;}
#service_centres .content .left ul:last-child li span{font-size: 16px;font-weight: bold;margin-top: 10px;}
#service_centres .content .left ul:last-child li b{font-size: 20px;color: #ffa143;background-image: url( /static/template/canai/images/tell_t.jpg);background-repeat: no-repeat;background-position: left center;padding-left: 30px;}

/*资讯列表*/
#service_centres .content{padding-bottom: 40px;}
#service_centres .content .right .news_list li{line-height: 40px;height: 40px;border-bottom: 1px dashed #ccc;padding:0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#service_centres .content .right .news_list li a{color: black;}
#service_centres .content .right .news_list li a span{float: right;}
#service_centres .content .right .news_list li a:hover,#service_centres .content .right .news_list li a:hover span{color: #ffa143;}
#service_centres .content .right .page_num li{float: left;line-height: 30px;padding: 0 12px;border: 1px solid #ccc;margin-right: 20px;}
#service_centres .content .right .page_num li a{color: black;}
#service_centres .content .right .page_num li:hover{background-color: #ffa143;border: 1px solid #ffa143;}
#service_centres .content .right .page_num li:hover a{color: white;font-weight: bold;}
#service_centres .content .right .page_num{margin-top: 40px;overflow: hidden;}
@media(max-width:1024px){
	#service_centres .content .left{display: none;}
	#service_centres .content .right{width: 100%;}	
}
@media(max-width:460px){
	#service_centres .title {padding: 30px 0;}
	.area_box{padding-left: 10px;display: none;}
	#service_centres .content{padding-left: 10px;padding-right: 10px;}
	#service_centres .content .right .news_list li{padding-left: 10px;}
	#service_centres .content .right .news_list li a span{display: none;}
	#service_centres .content .right .page_num li{padding: 0 12px;border: 1px solid #ccc;margin-right: 10px;}
	#service_centres .content .right .page_num li:nth-of-type(1),#service_centres .content .right .page_num li:last-child{display: none;}
	#service_centres .content{padding-bottom: 0px;}
	
}



/*热点话题*/
#que{width:100%; overflow: hidden}
#que .bt{font-size: 16px;color: #ffa143;font-weight: bold;padding-bottom: 15px;border-bottom: 1px dashed #ccc;}
#que .weapon{width: 40%;float: left}
#que .weapon img{width: 100%}
#que .condition{width: 55%;float: right;}
#que .condition h6{ font-size: 16px;}
#que .condition p{line-height: 16px;font-size: 14px}
#que .condition .dott{border-bottom: 1px dashed #ccc;padding-bottom: 10px;font-size: 13px;line-height: 20px;margin-top: 10px}
.dott-next{margin-top: 10px}
#que .condition a:hover p{color: #ffa143;}
@media(max-width:980px){ #que{width: 100%}
	#que .title{padding: 20px 0}
	#que .weapon{margin-left: 10px; }
	#que .weapon img{height: 200px}
	#que .condition{margin-right: 10px}
	#que .condition p{line-height: 20px}
}
@media(max-width:480px){
	#que .weapon{width: calc(100% / 1 - 20px);margin-left: 10px;float: none}
	#que .condition{width: calc(100% / 1 - 20px);margin-left: 10px;float: none;margin-top: 20px}
}
/*了解400*/
.know_list{width: 100%;overflow: hidden;margin-top: 30px;float: left}
.know_list .bt{font-size: 16px;color: #ffa143;font-weight: bold;padding-bottom: 15px;border-bottom: 1px dashed #ccc;}
.know_list .know_left div{width: 45%;float: left;border: 1px solid #f5f5f5;box-sizing: border-box;}
.know_list .know_left div img{width: 100%;height: 120px}
.know_list .know_left p{background-color: #f5f5f5;line-height: 120px;text-align: center;font-weight: bold;margin: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.know_list .know_left{width: 48%;overflow: hidden;margin-top: 30px;float: left}
.know_list .know_left h6{font-size: 16px;padding-bottom: 10px;margin-bottom: 0px;margin-top: 20px;}
.know_list .know_left ul li{line-height: 26px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.know_list .know_left ul li a{color: rgba(0,0,0,0.8);}
.know_list .know_left ul li a:hover{color: #ffa143;}

.know_list .know_right{width: 48%;overflow: hidden;margin-top: 30px;float: right}
.know_list .know_right div{width: 45%;float: left;border: 1px solid #f5f5f5;box-sizing: border-box;}
.know_list .know_right div img{width: 100%;height: 120px}
.know_list .know_right p{background-color: #f5f5f5;line-height: 120px;text-align: center;font-weight: bold;margin: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.know_list .know_right h6{font-size: 16px;padding-bottom: 10px;argin-bottom: 0px;margin-top: 20px;}
.know_list .know_right ul li{line-height: 26px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.know_list .know_right ul li a{color: rgba(0,0,0,0.8);}
.know_list .know_right ul li a:hover{color: #ffa143;}
@media(max-width: 980px){
	.know_list{width: 100%;margin-top: 15px}
	.know_list .title{padding: 20px 0}
	.know_list .top{width: calc(100% / 1 - 20px);margin-left: 10px}
	.know_list .know_left{margin-left: 10px}
	.know_list .know_right{margin-right: 10px}
}
@media(max-width: 500px){
	.know_list .know_left{width: 100%}
	.know_list .know_right{width: 100%;margin-right: 0}
	.know_list .know_right ul li{margin-left: 10px;}
	.know_list .know_right h6{margin-left: 10px}
}