@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_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{text-align: center;box-sizing: border-box;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background: #eeeeee;line-height: 58px; height:50px;}
.prt_delist a{display: inline-block;text-align: center;font-size: 16px;color: #6b6b6b;padding-right:65px;}
.prt_delist a:hover{color: #c30000;}
.prt_delist a:last-child{padding-right: 0;}

.pro_debox{width: 1200px;margin: 0 auto;overflow: hidden; height: auto; font-size:16px; line-height:35px; padding-top:20px; padding-bottom:50px;}
.pro_img{padding: 40px 0;}
.pro_detil h2{font-size: 30px;color: #cc3333;text-align: center;position: relative;font-weight: bold;display: block;padding: 20px 0;}
.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 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 p{color: #717171;font-size: 16px;}
.pro_tab table{border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.pro_tab table{margin: 40px auto;}
.know_more{display: block;background: #ad0030;width: 800px;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;}
.pro_details video{
	background-color:#000;
}


.fangan{ width:1200px; height: auto; margin:30px auto 0 auto;overflow:auto;}
.fangan_l{ width:300px; height: auto; float:left }
.fangan_r{ width:880px; height: auto; float:right;}


.left-prod{width: 300px;height: auto;float:left;}
.left-prod .top{background: #004727;padding-left: 30px;padding-top: 16px;padding-bottom: 15px;}
.left-prod .top h2{font-size: 26px;color:#fff;line-height: 26px;font-weight: bold;margin-bottom: 12px;}
.left-prod .top p{font-size: 16px;color:rgba(255,255,255,0.5);line-height: 18px;font-weight: bold;font-family: "din";text-transform: uppercase;}
.left-prod .btm{width: auto;border-top: 1px solid #e4e4e4}
.left-prod .btm ul.first li{border-top: none;}
.left-prod .btm ul.first li a{font-size:18px;color:#fff;line-height: 59px;padding-left: 27px;display: block;background:#004727 url(../img/ul-first-bg.png) no-repeat scroll 250px 29px;border-left: 2px solid #004727;}
.left-prod .btm ul.first li ul.second li{border: 1px solid #e4e4e4;border-top:none;}
.left-prod .btm ul.first li ul.second li a{font-size:18px;color:#333;line-height: 59px;padding-left: 27px;display: block;background: url(../img/left-a-bg.png) no-repeat scroll 250px 0px;border-left:none;}
.left-prod .btm ul.first li ul.second li.hov>a{background: #f5f5f5 url(../img/left-a-bg.png) no-repeat scroll 250px -60px;color:#004727;}
.left-prod .btm ul.first li ul.second li:hover>a{background: #f5f5f5 url(../img/left-a-bg.png) no-repeat scroll 250px -60px;color:#004727;}
.left-prod .btm ul.first li ul.second li dl{padding: 10px 0 10px 38px;display: none;border-top: 1px solid #e4e4e4}
.left-prod .btm ul.first li ul.second li dl dd a{font-size: 15px;color:#333;line-height: 36px;display: block;border: none;padding-left: 0}
.left-prod .btm ul.first li ul.second li dl dd a:hover{color:#004727;}
.left-prod .btm ul.first li ul.second li dl dd a.hov{color:#004727;}
.left-prod .btm ul.first li ul.second li dl dd:list-child a{border-bottom:none;}
.left-prod .btm ul.first li ul.second li.hov dl{display: block;}
.left-prod .fot{background: #004727;padding: 21px 0 22px;}
.left-prod .fot p{font-size: 16px;color:#fff;line-height: 18px;text-align: center;margin-bottom: 15px;}
.left-prod .fot span{font-size: 28px;color:#fff;font-weight: bold;text-align: center;display: block;font-family: "din";margin-bottom: 15px;line-height: 30px;}
.left-prod .fot a.online{width: 134px;height: 34px;display: block;border-radius: 30px;border: 2px solid #fff;margin: 0 auto;font-size: 16px;color:#fff;line-height: 34px;text-align: center;}


/* news */

.about_box{margin: 0px 0 40px; }

.news_list ul li{margin-bottom:45px;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;  width:470px;}
.news_right a{position: absolute;bottom: 0;display: inline-block;line-height: 45px;font-size: 15px;box-sizing: border-box;border: 1px solid #d1d1d1;width: 140px;text-align: center;}
.news_right a:hover{}
.news_right a img{padding-right: 5px;}




.news_detil{ padding-top:50px;}
.news_detil h2{ width:1200px; height:50px; line-height:50px; text-align:center; font-size:30px; font-weight:bold; float:left;}
.news_detil p{ width:1200px; height: auto;  float:left; text-align:center; margin-top:20px; color:#999999}




.newss{ width:100%;  height:130px;  BORDER-BOTTOM: #ddd 1px dotted;  margin-bottom:30px;}
.newss .news_date{font-size: 14px;color: #8f8f8f;  float:left; font-weight:500; font-size:16px; font-family:Arial, Helvetica, sans-serif}

.news_dateee{background: #f6f6f6;border: 1px solid #c5c5c5;text-align: center;padding: 20px; width:150px; float:left; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:100;}

.news_txtrr{ width:710px; float:left;  margin-left:20px; display:inline;}
.news_txtrr h2{color: #000000;font-size: 16px;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_txtrr p{font-size: 16px;color: #6c6c6c;line-height: 32px; float:left}



.news_listtt ul li{margin-bottom:35px;}
.newYYss{ width:410px;  height:130px;  float:left; margin-right:20px; margin-bottom:15px;border: 1px solid #ddd; padding-top:10px; padding-left:15px;}
.newYYss h2{font-size: 18px;color: #3f3f3f;font-weight: bold; width:380px; float:left; BORDER-BOTTOM: #ddd 1px dashed; padding-bottom:10px;}
.newYYss p{font-size: 15px;color: #594d4d;line-height: 30px; margin-top:10px; width:380px;float:left}