@font-face {font-family: "iconfont";
  src: url('/pc/fonts/iconfont.eot'); /* IE9*/
  src: url('/pc/fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('/pc/fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

body{font-family: "Microsoft YaHei", "SimSun", Arial; font-size: 14px; color: #333; background: #fff;}
*{margin: 0; padding: 0;}
a{text-decoration: none;}
img{border: none; display: block; vertical-align: middle;}
li{list-style: none;}
input{outline: none; border: none;}
.main{width: 1200px; margin: 0 auto;}
.clear {clear: both;}
.clear90{width: 100%; height: 60px;}
.clear120{width: 100%; height: 120px;}
.show{display: block;}
.hide{display: none;}
.fl {float: left;}
.fr {float: right;}
.relative{position: relative;}
.shadow{box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);}
/* 文字超过3行结尾显示省略号 */
.chao { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chao2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.chao4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

/* 导航栏 */
.nav_wrap{width: 100%; height: 500px; position: relative; background-position: center;}
.nav_wrap .box{width: 254px; height: 254px; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center;}
.nav_wrap .box_a{margin-top: 54px; color: #fff; font-size: 36px;}
.nav_wrap .box_b{margin-top: 10px; color: #fff; font-size: 16px;}
.nav_wrap .box_d{color: #999; font-size: 20px;}
.nav_wrap .box_c{width: 30px; height: 3px; background: #fff; margin: 24px auto 30px;}
.nav2{width: 1200px; height: 100px; margin: 0 auto;}
.nav{width: 1200px; height: 100px; position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: 99;}
.logo{margin-top: 15px;}
.nav_tel{margin-top: 15px;}
.nav_tel span{margin-left: 36px; color: #0a63ac; font-size: 15px;}
.icon-dianhua{color: #ccc; margin-right: 8px;}
.menu{margin-top: 30px;}
.menu ul{padding-bottom: 20px; border-bottom: 1px solid #666;}
.menu li{float: left; width: 74px; margin-left: 50px; text-align: center; position: relative;}
.menu li:hover .bor_bottom{display: block;}
.bor_bottom{width: 100%; height: 3px; background: #9e6941; position: absolute; bottom: -22px; display: none;}
.menu li:first-of-type{margin-left: 0;}
.menu li a{color: #0a63ac; font-size: 18px;font-weight:bold;}

/* 免费报价 */
.search{width: 850px; height: 60px; margin: 0 auto;  border-radius: 30px;background: #fff; position: absolute; z-index: 99; bottom: -50px; left: 50%;
margin-left: -425px;}
.search2{bottom: 90px;}
.address{margin: 15px 0 0 30px; width: 134px; height: 30px; border-right: 1px solid #ddd;}
.search_icon{width: 22px; height: 22px; background: url(/pc/images/address_icon.png); margin-top: 6px; float: left;}
.select{width: 82px; height: 60px; border: none; outline: none; font-size: 16px; margin-left: 10px;}
select::-ms-expand { display: none; }
.city_select{height: 60px; border: none; outline: none; font-size: 16px; background: #fff; margin-left: 10px; color: #777; width: 106px;}
.lgm_wrap{width: 83px; height: 60px; position: absolute; top: 0;}
select {appearance: none; -moz-appearance: none; -webkit-appearance: none;}
select::-ms-expand {display: none;}
.select_wrap{position: relative; width: 96px; float: left; margin-top: -15px;}
.select_icon{width: 12px; height: 8px; background: url(/pc/images/select_icon.png) no-repeat; position: absolute; right: 0; top: 28px;}
.zizhi{width: 196px; height: 60px;}
.search_name{width: 155px;}
.form_icon{width: 22px; height: 22px; margin: 18px 10px 0 18px;}
.banli_icon{background: url(/pc/images/banli.png) no-repeat;}
.name_icon{background: url(/pc/images/name_icon.png) no-repeat;}
.tel_icon{background: url(/pc/images/tel_icon.png) no-repeat;}
.zizhi_type{width: 127px; height: 30px; margin-top: 15px; border-right: 1px solid #ddd; font-size: 16px; padding-right: 18px;}
.search_tel{width: 166px; align-items: center; padding-right: 18px;}
.search_tel .nums{width: 115px; height: 30px; line-height: 30px; font-size: 16px; margin-top: 15px;}
.username{width: 86px; height: 30px; line-height: 30px; font-size: 16px; margin-top: 15px; border-right: 1px solid #ddd; padding-right: 18px;}
.i_code{width: 179px; height: 50px; font-size: 16px; text-indent: 1em; background: #f2f2f2; border-right: 1px solid #ccc;}
.code_btn{width: 140px;height: 50px; border: none; background: #eee; color: #9e6941; font-size: 16px; cursor: pointer; outline: none; float: right;}
.submit{width: 150px; height: 60px; background: #9e6941; border-top-right-radius: 28px; border-bottom-right-radius: 28px; color: #fff; font-size: 16px; cursor: pointer;}
.search_code{width: 230px;}
.city_box{width: 600px; height: 260px; display: none; position: absolute; top: 60px; left: -10px; z-index: 2; background: #fff; cursor: pointer;}
.city_box2{top: -260px;}
.city_box .province{width: 200px; height: 100%; overflow:auto; border-right: 1px solid #ccc; text-align: center;}
.city_box .province li{padding: 4px; font-size: 16px; color: #999;}
.city_box .province li:hover{color: #9e6941;}
.city_box .city{ overflow:auto; width: 378px; height: 100%; overflow: hidden; padding-left: 20px;}
.city_box .city li{padding: 4px 6px; color: #999; float: left; font-size: 16px;}
.city_box .city li:hover{color: #9e6941;}

.code_wrap_bg{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin:  auto;}
.code_wrap,.code_wrap_succ{width: 420px; height: 340px; background: #fff; border-radius: 8px; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin:  auto;}
.code_wrap .p1,.code_wrap_succ .p1{text-align: center; font-size: 22px; color: #333; display: flex; justify-content: center; align-items: center; line-height: 1; margin: 40px 0 40px 0;}
.code_wrap .p1 span,.code_wrap_succ .p1 span{width: 15px; height: 3px; background: #9e6941; display: inline-block;}
.code_wrap .p1 .span1,.code_wrap_succ .p1 .span1{margin-right: 10px;}
.code_wrap .p1 .span2,.code_wrap_succ .p1 .span2{margin-left: 10px;}
.code_wrap .nums2{width: 320px; height: 50px; line-height: 50px; border-radius: 6px; margin: 0 auto; background: #f2f2f2; margin-bottom: 20px; text-indent: 2em; display: block; font-size: 16px;}
.code_wrap .p2{width: 320px; height: 50px; margin: 0 auto;}
.submit_post,.code_wrap_succ .know_btn{width: 320px; height: 50px; background: #9e6941; color: #fff; line-height: 50px; text-align: center; border-radius: 6px; display: block; margin: 30px auto 0; font-size: 18px; cursor: pointer; border: none;}
.alert_close{width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; position: absolute; top: 10px; right: 10px; cursor: pointer;}
.code_wrap_succ .p4{font-size: 16px; color: #666; text-align: center; margin-bottom: 130px;}


/* 面包屑 */
.sm_nav{padding: 15px 0; border-bottom: 1px solid #ddd;}
.sm_nav p{font-size: 14px; color: #999;}
.sm_nav a{ color: #999;}
.sm_nav span{ color: #9e6941;}

.cont_title .cont_title_b{text-align: center; font-size: 30px; color: #333;}
.cont_title{margin: 60px 0; line-height: 1;}
.cont_title_a{text-align: center; margin-top: 18px; color: #d3bfb3; font-size: 20px;}

.contact_btn{width: 170px; height: 50px; line-height: 50px; text-align: center; background: #9e6941; border-radius: 30px; margin: 15px auto 0; cursor: pointer;}
.contact_btn a{ color: #fff; display: block; font-size: 18px;}
.tips{font-size: 14px; color: #fff; text-align: center; line-height: 1;}
.tips span{color: #fa5c56;}

/* tab选项卡 */
.middle{position: relative; padding-bottom: 50px;}
.tab{height: 120px; position: absolute; top: -60px; left: 50%; margin-left: -450px; z-index: 10;}
.tab li{width: 300px; height: 100%; float: left; text-align: center; line-height: 120px; color: #666;
cursor: pointer; text-transform:uppercase; position:relative; overflow:hidden; background: #f2f2f2; font-size: 18px;}
.tab li.active{background: #9e6941; color: #fff;}
.comm_cont{width: 100%; display: none; height: auto;}
.slider {display:block; position:absolute; bottom:0; left:0; height:4px; background:#4FC2E5; transition:all 0.5s;}
.ripple {width:0; height:0; border-radius:50%; background:rgba(255,255,255,0.4); -webkit-transform:scale(0); -ms-transform:scale(0);
transform:scale(0); position:absolute; opacity:1;}
.rippleEffect {-webkit-animation:rippleDrop .4s linear; animation:rippleDrop .4s linear;}
@-webkit-keyframes rippleDrop {
	100% {
		-webkit-transform:scale(2);
		transform:scale(2);
		opacity:0;
	}
}
@keyframes rippleDrop {
	100% {
		-webkit-transform:scale(2);
		transform:scale(2);
		opacity:0;
	}
}

/* 底部 */
.footer{width: 100%; height: 410px; background: #0a63ac; padding-top: 90px; position: relative;}
.footer .comm_foot{ color: #ffffff;}
.foot_b,.footer span,.f_right_a{ color: #ffffff;}
.footer a{color: #ffffff;}
.f_left{width: 340px;}
.comm_foot{width: 100%; border-bottom: 1px solid #ffffff; color: #fff; font-size: 18px; padding-bottom: 17px; margin-bottom: 60px;}
.comm_foot span{color: #ffffff; font-size: 16px; margin-left: 8px;}
.foot_b{font-size: 14px; margin-bottom: 15px;}
.foot_c{padding-top: 12px;}
.foot_c span{font-size: 16px; margin-right: 42px; cursor: pointer;}
.foot_c .icon-dianhua,.icon-qq{color: #807e7c; margin-right: 8px;}
.f_middle{width: 150px; margin-left: 135px;}
.f_middle ul{width: 145%; overflow: hidden;}
.f_middle li{margin: 0 33px 33px 0; float: left;}
.f_middle li:hover a{color: #999;}
.f_middle li a{font-size: 14px;}
.f_right{width: 190px;}
.f_right .code{width: 130px; height: 130px; margin: 60px 0 18px;}
.f_right_a{font-size: 14px; margin-left: 14px;}
.beian{width: 100%; height: 48px; background: #f4f9fe; text-align: center; line-height: 48px; position: absolute; bottom: 0;}
.beian a{font-size: 14px; color: #807e7c;}
.beian span{color: #807e7c;}

/* 左边福利 */
.welfare{background: -webkit-gradient(linear,left top,left bottom,color-stop(30%,#e3c7a3),to(#a5896b));background: linear-gradient(180deg,#e3c7a3 30%,#a5896b);
	-webkit-box-shadow: 0 7px 9px 0 rgba(43,45,50,.25); box-shadow: 0 7px 9px 0 rgba(43,45,50,.25); width: 140px; height: 80px; position: fixed; bottom: 100px; left: 0;
	cursor: pointer; border-top-right-radius: 40px; border-bottom-right-radius: 40px; line-height: 1; z-index: 99;}
.welfare .h1{padding: 16px 0 0 20px; margin-bottom: 10px; color: #544636; font-weight: 700; font-size: 26px; letter-spacing: 14px;}
.welfare span{padding: 0 0 0 20px; color: #544636; font-size: 20px;}
.welfare .right{width: 33px; height: 34px; background: url(/pc/images/welfare.png) no-repeat; margin-top: 23px;}
.fade_form{width: 100%; height: 180px; background: url(/pc/images/fade_bg1.png); background-position: center center; position: fixed; bottom: 0; left: 0; z-index: 9999; display: none;}
.fade_close_icon{width: 44px; height: 44px; background: url(/pc/images/fade_close.png) no-repeat; background-size: 100%; position: absolute; right: 280px; top: 6px; cursor: pointer;}
.fade_lady{width: 197px; height: 310px; background: url(/pc/images/fade_lady.png); position: absolute; top: -200px; right: 306px}

/* toast start */
@-webkit-keyframes toastAnimation {
	0% {opacity:1;}
	25% {opacity:0.75;}
	50% {opacity:0.5;}
	75% {opacity:0.25;}
	100% {opacity:0;}
}
@keyframes toastAnimation {
	0% {opacity:1;}
	25% {opacity:0.75;}
	50% {opacity:0.5;}
	75% {opacity:0.25;}
	100% {opacity:0;}
}
.toast-message {text-align:center; color:#fff; font-size:20px; width:60%; padding:30px 0; background-color:rgba(0,0,0,0.7); box-shadow:0 8px 16px 0 rgba(51,51,51,0.30); border-radius:8px; position:fixed; z-index:9999; left:20%;}

/* 返回顶部 */
.gotop{position: fixed; right: 50px; bottom: 70px; z-index: 9999; cursor: pointer; font-size: 60px !important; color: #ccc; display: none}
.gotop:hover{color: #9e6941}

/* 侧边咨询窗口 */
.side_window{width: 160px; height: 579px; position: fixed; top: 70px; cursor: pointer; z-index:99999;}
.side_window2{width: 170px; height: 622px; position: absolute; top: 0; left: -185px; cursor: pointer;z-index:99999;}

.article_wrap{position: relative;}
.article_wrap .box p{line-height: 32px;}
.right_hot{margin-bottom: 15px;}
.right_hot,.right_new{width: 240px; height: 340px; background: #fff; padding: 30px; line-height: 1;}
.article_middle .right{position: absolute; right: 0; top: 0;}
.article_middle .right .top_name{font-size: 20px; color: #333; text-align: left; margin-bottom: 30px;}
.article_middle .right .right_hot li{width: 230px; overflow: hidden; margin-bottom: 18px;}
.article_middle .right .right_new li{width: 230px; overflow: hidden; margin-bottom: 18px;}
.article_middle .right .right_hot li p{width: 210px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; font-size: 14px; color: #999;}
.article_middle .right .right_new li p{width: 210px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; font-size: 14px; color: #999;}
.article_middle .right .right_hot li:hover p{color: #666;}
.article_middle .right .right_new li:hover p{color: #666;}
.article_middle .right .right_hot li span{float: right; display: block; width: 7px; height: 12px; background: url(/pc/images/article_arrow.png) no-repeat;}
.article_middle .right .right_new li span{float: right; display: block; width: 7px; height: 12px; background: url(/pc/images/article_arrow.png) no-repeat;}
.article_middle .right .right_hot li:hover span{background: url(/pc/images/arrow_hover.png) no-repeat;}
.article_middle .right .right_new li:hover span{background: url(/pc/images/arrow_hover.png) no-repeat;}
.article_middle .content{width: 825px; padding: 0 30px 30px; line-height: 24px; font-size: 16px; color: #666; background: #fff; margin-right: 15px;}
.article_middle .content h1{font-size: 24px; color: #333; text-align: center; padding-top: 40px;}
.article_middle .content_a span{font-size: 14px; color: #999; margin: 0 10px;}
.article_middle .content_a{margin: 20px 0 30px; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 25px; line-height: 1;}
.article_middle .top_img{width: 825px; height: 240px; margin-bottom: 30px; background: url(/pc/images/article_top.png);}
.article_middle .bottom_img{width: 825px; height: 150px; background: url(/pc/images/bottom_img.png); cursor: pointer; margin-top: 22px;}
.article_wrap .box img{margin: 0 auto;}
/* .article_middle .right .right_new li{padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.article_middle .right .right_new li:hover{cursor: pointer;}
.article_middle .right .right_new .title{margin-bottom: 20px;}
.article_middle .right .right_new .title a{color: #999; font-size: 14px;}
.article_middle .right .right_new span{color: #999; font-size: 14px;}
.article_middle .right .right_new li:hover .title a{color: #666;}
.article_middle .right .right_new li:hover span{color: #666;}
.article_middle .right .right_new li:last-of-type{border: none;} */

.relevant{width: 825px; margin-top: 15px; background: #fff; padding: 30px 30px 25px; line-height: 1; margin-bottom: 40px;}
.relevant p{font-size: 20px; color: #333; text-align: left; margin-bottom: 30px;}
.relevant ul{/* display: flex; flex-wrap: wrap; justify-content: space-between; */ overflow: hidden;}
.relevant ul li{width: 50%; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 15px; float: left;}
.relevant ul li:nth-of-type(3n){margin-right: 0;}
.relevant ul li a{width: 88%; font-size: 14px; color: #999; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.relevant ul li:hover a{color: #666;}

.next_prev{width: 100%; display: flex; justify-content: space-between; margin-top: 30px; line-height: 1;}
.next_prev .text,.next_prev .text a{font-size: 14px; color: #999;}
.next_prev .text:hover a,.next_prev .text:hover a{color: #666;}
.next_prev .prev{width: 47%; margin-right: 3%}
.next_prev .next{width: 50%;}