*{box-sizing:border-box;}
.fl{float: left}
.fr{float: right}
.clearfix:before{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}
.clearfix:after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}

.main_detail{background-color:#fff;}

.main_detail .weizhi_box{background-color:#eee;}

.container{width:1200px;margin:0 auto;}

.details {margin:30px auto;}

.details .fl.left{width:300px;}

.details .fr.right{width:860px;padding:20px;background-color:#f7f7f7;}

.details .fl.left h3{font-size:18px;font-weight:normal;height:50px;line-height:50px;text-align:center;background-color:#f1f1f1;border:1px solid #dedede;}

.details .fl.left ul li{width:100%;padding:40px;border:1px solid #dedede;border-top:0px;}

.details .fl.left ul li a{display:block;width:100%;}

.details .fl.left ul li img{width:100%;height:auto;}

.details .fl.left ul li h2{font-size:14px;text-align:center;margin-top:10px;}


.top_left{width:400px;height:420px;position:relative;}

.top_right{width:380px;text-align:left;}

.top_left .top_main_img{width:100%;height:300px;overflow:hidden;}

.top_left .top_main_img .swiper-slide{width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-color:#eee;}

.top_left .top_thumb_img {width:100%;height:85px;overflow: hidden;position:relative;padding:0 25px;margin-top:20px;}

.top_left .top_thumb_img .swiper-wrapper{overflow:hidden;} 

.top_left .top_thumb_img .swiper-slide{width:80px;height:83px;background-size:100% 100%;background-repeat:no-repeat;border:1px solid #fff;}

.top_left .top_thumb_img .swiper-button-black{}

.top_left .top_thumb_img .swiper-button-black:after{font-size:20px;font-weight:bold;z-index:999;}

.top_left .top_thumb_img .swiper-button-prev{left:-7px;z-index:999;}

.top_left .top_thumb_img .swiper-button-next{right:-7px;z-index:999;}

.top_left .top_thumb_img .swiper-slide-thumb-active{border:1px solid #fd7d22;}

.top_right h3{font-weight:600;font-size:18px;}

.top_right  .time{color: #fd7d22;padding:15px 0;border-bottom:1px dashed #dedede;}

.top_right .js{margin-top:10px;color:#666;line-height:22px;}

.top_right .tel{font-size:18px;font-weight:bold;color:#ff0000;margin-top:30px;}

.online{display:inline-block;padding:10px 30px;background-color:#fd7d22;color:#fff;margin-top:30px;}

.online:hover{background-color:#d66f27;color:#fff;}

.detail_cont{margin-top:45px;}

.detail_cont .tit h3{display:inline-block;position:relative;font-weight:normal;}

.detail_cont .tit{font-size: 16px;color: #bcbcbc;text-transform: uppercase;padding-bottom:7px;border-bottom:2px solid #dedede;}

.detail_cont .tit h3 span{font-size:18px;color:#FF1A2B;font-weight:600;}

.detail_cont .tit h3:after{content:"";display:block;width:100%;height:2px;background-color:#FF1A2B;position:absolute;bottom:-9px;}

.detail_cont .cont{margin-top:45px;}

.detail_cont .cont img{width:100%;float:left;}

.backtop{width:50px;height:50px;position:fixed;bottom:60px;right:30px;background:url("../images/top.png") no-repeat center center,#ffaf76;background-size:32px;border-radius:25px;}

.backtop:hover{cursor:pointer;background:url("../images/top.png") no-repeat center center,#fd7d22;background-size:32px;}

