@charset "UTF-8";
.mb_subnav{margin-top: 15px;}
.mb_subnav .container{border-bottom: 1px solid #eaeaea;}
.mb_subnav .tips{color: #969696;line-height: 55px;}
.mb_subnav .tips>span{display: inline-block;width: 21px;height: 18px;background: url(../images/home.png) no-repeat center;color: #969696;}
.mb_subnav .tips a{font-size: 15px;color: #969696;padding:0 5px}

.product_inbox .case_list{position: relative;}
.product_inbox .case_list h2{position: absolute;font-size: 16px;color: #fff;background: rgba(0,0,0, .5);width: 100%;bottom: 0;line-height: 36px;text-align: center;}
.case_list a{display: block;width: 100%;height: 200px;overflow: hidden;}
.pro_inright ul li .case_list img{border: none;width:100%;height: 100%;margin:0 auto;transition: .5s;display: block;}
.pro_inright ul li .case_list:hover img{transform:scale(1.1)}

.product_inbox{padding-top: 26px;}

.about_nav{line-height: 70px;background: #ebebeb;}
.about_nav ul{text-align: center;}
.about_nav ul li{display: inline-block;padding: 0 20px;position: relative;}
.about_nav ul li a{font-size: 15px;color: #565656;transition: .5s;}
.about_nav ul li::after{content: "";position: absolute;bottom: 0px;left: 0;right: 0;margin: auto;width: 50%;display: block;height: 3px;background: #ebebeb;transition: .5s;}
.about_nav ul li.ab_lion a, .about_nav ul li:hover a{color: #cc3333;font-weight: bold;}
.about_nav ul li.ab_lion::after, .about_nav ul li:hover::after{background: #cc3333;}
.con_icoright{width: 53.5%;;}
.con_icoright ul{margin: 0 -9px;}
.con_icoright ul li{width: 50%;margin-bottom: 18px;}
.con_icoright ul li>div{margin: 0 9px;}
.con_icoright ul li img{display: block;margin: 0 auto;width: 100%;}

/* about */
.about_txt p{font-size: 15px;line-height: 26px;color: #33252d}

/* news */
.about_box{margin: 0px 0 40px;}
.news_list{padding: 20px 0;}
.news_list ul li{margin-bottom: 32px;position: relative;}
.news_ico{width: 30%;}
.news_right{width: 66%;}
.news_right h2{font-size: 18px;color: #3f3f3f;font-weight: bold;}
.news_right .news_date{font-size: 14px;color: #8f8f8f;}
.news_right p{font-size: 15px;color: #594d4d;line-height: 32px;}
.news_right a{position: absolute;bottom: 0;display: inline-block;line-height: 45px;font-size: 15px;color: #8e8e8e;box-sizing: border-box;border: 1px solid #d1d1d1;border-radius: 5px;width: 140px;background-color: #ebebeb;text-align: center;}
.news_right a:hover{background: #CC3333;color: #fff;}
.news_right a img{padding-right: 5px;}
.news_cont .news_detil{font-size: 22px;color: #333;}
.news_cont .news_detil h2{text-align: center;}
.news_zz {margin:16px 0 12px;width: 100%;text-align: center;}
.news_zz span:nth-child(odd) {margin-right: 112px;}
.news_zz span {display: inline-block;font-size: 14px;color: #999;letter-spacing: 1px;}
.news_cont{padding: 40px 0 20px;}
.dg_dowm{margin: 40px auto 60px;border-top:1px dotted #d1d1d1;padding-top: 15px;}
.dg_dowm p{font-size: 14px;color: #666;}
.dg_dowm p a{font-size: 14px;color: #666;}
.dg_dowm p a span{color: #777;font-weight: bolder;}

/* news_wt */
.cn_newswd li a>div p{font-size: 14px;color: #555555; display: inline-block;width: 88%;}
.cn_newswd li a>div .cn_wd{width: 10%;display: inline-block;float: left;}
.cn_newswd li a>div i{width: 22px;height: 22px;display: inline-block;background: #c30000;font-style: normal;border-radius: 50%;color: #fff;font-size: 12px;line-height: 22px;text-align: center;}
.cn_newswd li a .cn_newswd_w{margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cn_newswd li a .cn_newswd_d i{background: #c0c0c0;position: absolute;left: 0;top:0;}
.cn_newswd li a .cn_newswd_d {position: relative;}
.cn_newswd li a .cn_newswd_d p{color: #777;line-height: 20px;   overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;float: left;margin-left: 10%; }
#demo1, #demo12{height: auto;}
#demo{overflow: hidden;height: 320px;position: relative;}
.cn_newbox_l{height: 350px;padding: 20px 0;box-sizing: border-box;}
.ab_listright.cn_newswd ul li{padding: 20px 0;border-bottom: 1px solid #fff;}

/* case */
.case_cont{margin-top: 32px;}
.case_cont iframe{width: 100%;height: 500px;}
.case_cont p{font-size: 15px;line-height: 28px;color: #666;}


/* contact */
.contact_box{padding: 40px 0 60px;}
.map_box{width: 60%;height: 380px;}
.contact_txt{width: 35%;}
.contact_txt h2{font-size: 22px;font-weight: bold;color: #333;margin-bottom: 30px;margin-top: 20px;}
.contact_txt p img{width: 35px;height: 31px;margin-right: 8px;}
.contact_txt p{font-size: 15px;color: #666;margin-bottom: 15px;border-bottom: 1px solid #ededed;padding-bottom: 10px;}

.contact_txt form h2{font-size: 22px;color: #333;font-weight:bold;}
.contact_txt form input{line-height: 40px;box-sizing: border-box;font-size: 15px;color: #666;padding-left: 8px;border: 1px solid #ededed;display: block;width: 100%;margin-bottom: 12px;}
.contact_txt form textarea{box-sizing: border-box;font-size: 15px;color: #666;padding: 8px;width: 100%; max-width: 100%;height: 100px;border: 1px solid #ededed;margin-bottom: 10px;}
.contact_txt form button{line-height: 40px;display: inline-block;width:230px;background: #efefef;cursor: pointer;transition: .5s;font-size: 15px;}
.contact_txt form button:hover{background: #CC3333;color: #fff;}
.contact_txt form>div{position: relative;}
.contact_txt form>div img{position: absolute;right: 0;height: 40px;top:0}

/* product_details */
.pro_icoleft{width: 50%;}
/* tFocus */
#tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block;background:url(img/spr.png) no-repeat;}
#tFocus{width:100%;overflow:hidden;}
#tFocus-pic{width:565px;height: 440px; position:relative;}
#tFocus-pic li{width:100%;height:440px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;}
#tFocus-pic li img{width:100%;height:440px;}
#tFocusBtn{width:565px;height:120px;margin-top:5px;z-index:20;overflow:hidden;}
#tFocus-btn{width:565px;height:120px;position:relative;left:0;bottom:0;overflow:hidden;float:left;}
#tFocus-btn ul{width:100%;position:absolute;left:0 !important;top:0;margin-right: -5px;justify-content: space-between;display: flex;}
#tFocus-btn li{width:24.5%;display:block;float:left;cursor: pointer;}
#tFocus-btn li img{box-sizing: border-box;width: 100%;margin: 0 auto;display: block;}
#tFocus-btn li.active img{border:1px solid #cc3333}
#tFocus-leftbtn,#tFocus-rightbtn{height:40px;margin-top:18px;width:15px;float:left;text-indent:-9999px;display: none;}
#tFocus-leftbtn{margin-right:5px;background-position:-455px -60px;}
#tFocus-rightbtn{background-position:-480px -60px;}

.pro_txtright{width: 48%;}
.pro_til h2{font-size: 30px;color: #3f3f3f;}
.pro_til p{font-size: 15px;color: #717171;padding: 20px 0;border-bottom: 1px solid #e5e5e5;}
.pro_txt>h3{font-size: 20px;color: #717171;margin-top: 20px;padding-bottom: 10px;}
.pro_txt>div p{font-size: 15px;color: #717171;line-height: 26px;}
.pro_txt>a{margin: 30px 0;display: inline-block;width: 194px;border: 1px solid #d3d3d3;line-height: 45px;text-align: center;color: #fff;background: #CC3333;transition: .5s;}
.pro_txt>a:hover{font-size: 16px;}
.pro_txt>a img{padding-right: 5px;}
.free_zx{margin-bottom: 40px;}
.pro_txt .free_zx p{font-size: 16px;color: #000000;opacity: .8;font-weight: bold;}
.pro_txt .free_zx h2{font-size: 30px;font-family: Futura;color: #cc3333;}
.ensure_box{line-height: 58px;border: 1px solid #ec7226;}
.ensure_box ul {text-align: center;}
.ensure_box ul li{color: #333;font-size: 15px;display: inline-block;}
.ensure_box ul li>div{display: inline-block;margin-right: 50px;}
.ensure_box ul li>div img{padding-right: 6px;transition: .5s;}
.ensure_box ul li:last-child>div{margin-right: 0}
.ensure_box ul li:hover>div img{transform: scale(1.08)}

/* pro_details */
.pro_details{margin-top: -30px;}
.prt_delist{
	display: flex;
	text-align: center;
	box-sizing: border-box;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	background: #eeeeee;
	line-height: 58px;}
.prt_delist a{
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #6b6b6b;
	flex: 1;
	transition: all 0.3s;
}
.prt_delist a:hover{color: #fff;background: #cc3333;}
.prt_delist a:last-child{padding-right: 0;}

.pro_debox{width: 97%;margin: 0 auto;overflow: hidden;}
.pro_img{padding: 40px 0;}
.pro_detil h2{
	font-size: 30px;
	color: #fff;
	position: relative;
	font-weight: bold;
	display: block;
	padding: 20px 0 20px 30px;
	background: url(../images/pro-tit.png) no-repeat left center;
}
/* .pro_detil h2::after{position: absolute;content: "";height: 1px;background: #e2e2e2;width: 92%;left: 0;right: 0;margin: auto;bottom: 0;z-index: 1;}
.pro_detil h2::before{position: absolute;content: "";height: 3px;background: #cc3333;width:240px;left: 0;right: 0;margin: auto;bottom: -1px;z-index: 2;} */
.pro_con ul{width: 92%;margin: 0 auto;padding: 20px 0;}
.pro_con{
	font-size: 18px;
	line-height: 28px;
	font-family: arial, "Microsoft Yahei","黑体", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.pro_con ul li{font-size: 18px;line-height: 36px;color: #6d6d6d;border-bottom: 1px dotted #e2e2e2;margin-top: 15px;}
.pro_con ul li span{font-size: 24px;color: #c30000;font-style: italic;}
.tr_title{background: #c30000;}
.pro_list{width: 100%;border-collapse: collapse;border-spacing: 0;text-align: center;margin-bottom: 20px;}
.pro_list td{padding: 8px 5px;color: #444444;font-size: 16px;text-align:center;vertical-align:middle;border-left:1px solid #d1d1d1;border-top:1px solid #d1d1d1}
.tr_title h2{color: #fff;font-size: 30px;line-height: 58px;font-weight: bold;}

.pro_tab table td {
	text-align: center;
	color: #717171;
	line-height: 3;
	border: 1px solid #d1d1d1;
	font-size: 1rem;
}
.pro_tab table tr:first-child td{
	color: #fff;
	background-color: rgba(204, 51, 51);
	border: 1px solid #d1d1d1;
}
.pro_tab table tr:first-child td h2 {
    color: #fff;
	font-size: 30px;
	line-height: 65px;
	font-weight: bold;
}
.pro_tab table{border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.pro_tab table{margin: 40px auto;width: 100%;}
.know_more{display: block;background: #ad0030;width: 460px;line-height: 50px;color: #fff;text-align: center;font-size: 18px;border-radius: 35px;margin: 0 auto;transition: .5s;}
.know_more:hover{background: #CC3333;}
.promise_box ul{padding: 30px 0;}
.promise_box ul li{display: block;margin-bottom: 8px;color: #717171;font-size: 18px;line-height: 36px;}
.promise_box ul li span{font-weight: bold;color: #717171;}

.recommend_box{margin: 0 0 80px;}
.recommend_box .re_boxtil{font-size: 24px;color: #cc3333;font-weight: bold;margin-bottom: 10px;}
.recommend_box ul {margin: 0 -15px;}
.recommend_box ul li{width: 25%;}
.recommend_box ul li a{display: block;margin: 0 15px;} 
.recommend_box ul li a>div{overflow: hidden;width: 100%;border: 1px solid #cccccc;}
.recommend_box ul li a h2{font-size: 18px;line-height: 32px; color: #000000;  white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 6px;}
.recommend_box ul li a p{font-size: 16px;line-height: 30px; color: #6b6b6b;  white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.recommend_box ul li a>div img{transition: .5s;display: block;width: 100%;}
.recommend_box ul li a:hover img{transform: scale(1.08);}

#tp{-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.fixed{position: fixed;top:0;left: 0;right: 0;margin: auto;}
.prt_delist.fixed{position: fixed;top: 0;left: 0;right: 0;background: #000;margin-top: 0;border: none;height: 50px;z-index: 999999999;}
.prt_delist.fixed a{color: #ffffff;}
.prt_delist a.bg{display: none;}
.prt_delist.fixed a.bg{background: #fd8c28;padding: 0 20px;border-radius: 5px;display: inline-block;}
.prt_delist.fixed a.bg:hover{color: #ffffff;}
.prt_delist.fixed a:hover{color: #fd8c28;}
.m_b{
	margin: 40px 0; 
}