.mt50{margin-top:50px;}
.mt30{margin-top:30px}
.mt100{margin-top:100px;}

.boxbar{position:relative}
/* head_menu */
.header{position:relative;}
.head_menu{background-color:rgba(0,0,0,0.5); width:100%; position:absolute; left:0px; top:0px; padding:10px 0; z-index:2;}
.head_menu .logo{float:left;}
.head_menu .logo img{max-width:100%;}
.head_menu .menu{display:block;float:right;}
.head_menu .menu li{float:left;}
.head_menu .menu a{color:#fff;height:80px;line-height:80px;font-size:14px;margin:0px 20px;display:block; position:relative;}
.head_menu .menu a:before{content:""; position:absolute; left:0; bottom:-20px; width:100%; height:0px; -webkit-transition:all .3s ease;transition:all .3s ease;}
.head_menu .menu a:hover:before,.head_menu .menu a.active:before{background-color:#fff; height:2px; bottom:20px;}

/* banner */
.banner{overflow:hidden; position:relative;}
.banner img{max-width:100%; min-height:150px;}
.banner .textBox{position:absolute; top:35%; width:100%; text-align:center; color:#fff;}
.banner .textBox .title{font-size:40px; font-weight:600;}
.banner .textBox .info{font-size:28px; line-height:1.2; margin-top:1%;}
.banner .textBox .moreBox{border:1px solid; border-radius:5px; font-size:20px; padding:6px 30px; display:inline-block; color:#fff; margin-top:2%;}
.banner .textBox .moreBox:hover{box-shadow:inset 0 0 10px #ccc;}

/* title */
.titleBox{margin:30px 0px;position:relative}
.titleBox em{font-size:22px;color:#444444; display:block}
.titleBox i{background:#cd2122;display:block;width:60px;height:3px;}
.titleBox a{position:absolute;right:0px;bottom:0px;color:#666666;font-size:16px}

.location{border-bottom:1px solid #ccc; padding-bottom:10px;}
.location .title{float:left; font-size:22px; line-height:1; color:#333;}
.location .crumb{float:right; line-height:22px;}
.location .crumb .hot{color:#cd2122;}

.in_about{font-size:16px;color:#666666;line-height:26px}
.in_about .more{display:block; float:right; color:#cd2122; font-size:14px; margin-top:15px;}
.img img{max-width:100%;}
.barbox,.in_productbar{margin-left:-40px}
/* content */
.in_product,.in_productbox,.in_news{margin-left:40px}
.in_productbox dl dt{color:#cd2122;font-size:22px;padding:15px 0px}
.in_productbox dl dt a{color:#cd2122;}
.in_productbox .more{background:#313e4b;color:#ffffff;font-size:14px;padding:10px 15px;margin:25px 0px;display:inline-block}
.in_productbox .more:hover{background:#cd2122;}

/* in_news */
.in_newslist{margin-bottom:35px;}
.in_newslist .img{margin-right:15px;}
.in_newslist dl dt{font-size:16px;margin-bottom:10px; line-height:1; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.in_newslist dl dt a{color:#333;}
.in_newslist dl dt a:hover{color:#cd2122;}
.in_newslist dl dd{line-height:20px; height:60px; overflow:hidden;}
.in_news .more a{display:inline-block;color:#cd2122;font-size:14px;}

/* in_case */
.in_casebar{margin-left:-40px;}
.in_casebar .in_casebox{margin-left:40px;}
.in_casebar .in_casebox img{max-width:100%;}
.in_casebox dl dt{position:relative}
.in_casebox dl dt a{text-align:center;background-color:rgba(0,0,0,0.4);height:100%;position:absolute;left:0px;top:0px;width:100%; visibility:hidden; opacity:0;}
.in_casebox dl dt a span{border-radius:4px;background:#cd2122;color:#ffffff;padding:8px 20px;font-size:12px;display:inline-block;margin-top:28%;}
.in_casebox dl dd{color:#4a4a4a;font-size:18px;padding:8px 0}
.in_casebox dl:hover dd{color:#cd2122}
.in_casebox dl:hover a{visibility:visible; opacity:1;}

/* footer */
.footer{background:#2f2f2f;color:#FFF; margin-top:100px;}
.footer .footer_top dl dt{font-size:14px;padding:50px 0 30px 0;}
.footer .footer_top dl dd{float:left;color:#cccccc;margin-right:60px;line-height:30px;}
.footer .footer_top dl dd:last-child{float:right; margin-top:-50px;}
.footer .footer_top dl dd a{color:#cccccc;}
.footer .footer_top dl dd a:hover{color:#cd2122;}
.footer .footer_bottom{color:#8b8c8d;border-top:2px solid #484848;padding:25px 0px;}
.footer .footer_bottom p{margin-bottom: 5px;}
.footer .footer_link{color:#cccccc; padding:30px 0;}
.footer .footer_link a{color:#cccccc;}
.footer .footer_link a:hover{color:#ffffff;}

.fb_form ul li{margin-bottom:10px;}
.fb_form .ipt{border-radius:5px; padding:5px 0; border:0; height:24px; line-height:24px; width:100%; text-indent:1em;}
.fb_form .btn{width:100%;}

/*pages*/
.pages{ padding: 28px 0;width:100%;text-align:center}
.pages ul{ display: inline-block; }
.pages a,.pages span{display:inline-block; line-height:40px; border:1px solid #e0e0e0; margin-right:5px; font-size:18px; color:#4e4e4e; background:#ffffff; padding:0 18px; line-height:40px; border-radius:4px;}
.pages a>i{font-size:18px;padding-right:10px}
.pages a:hover,.pages span.current{color:#be0e0e; background:#f0f0f0;}
.pages span{color:#999999}
.pages .disabled{color:#cccccc; display:inline-block; line-height: 40px; border: 1px solid #e0e0e0; background: #ffffff; padding: 0 18px; border-radius:4px; font-size: 18px;}

/* contact */
.contactbar{margin-bottom:200px}
.contactbar .contact_tit{border-bottom:3px solid #dddddd;color:#333333;font-size:30px;margin:30px 0}
.contactbar .contact_list{color:#333333;font-size:16px;line-height:2;}
.contact_Con img{max-width:100%;}

/* product */
.productbar{margin-left:-49px;}
.productbar .columnbar,.productbar .productlist{margin-left:49px}
.productbar .columnbar .columnlist dl dt{font-size:22px; border-bottom:1px solid #ccc; color:#333; margin-bottom:20px; line-height:1; padding-bottom:10px;}
.productbar .columnbar .columnlist dl dd a{display:block;background:#f1f1f1 url(../images/jt.png) no-repeat 95% center;border:1px solid #cccccc;padding:10px 0 10px 20px;color:#666666;margin-top:5px;}
.productbar .columnbar .columnlist dl dd a:hover,.productbar .columnbar .columnlist dl dd a.hot{color:#FFF;border:1px solid #cd2122;background:#cd2122 url(../images/jt_01.png) no-repeat 95% center;}
.productbar .columnbar .contactus,.productbar .columnbar .related{margin-top:25px;background:#f1f1f1;border-top:4px solid #333333;padding:0 15px 20px 15px;}
.productbar .columnbar .contactus dl dt,.productbar .columnbar .related dl dt{color:#cd2122;font-size:22px; font-weight:800;line-height:60px;}
.productbar .columnbar .contactus dl dd{color:#333333;font-size:16px;line-height:32px}
.productbar .columnbar .related dl dd a{ display:inline-block;color:#666666;font-size:14px;line-height:30px; overflow:hidden;background:url(../images/icon_01.jpg) no-repeat left center;padding-left:15px;}

.pro-list{border-bottom:1px solid #e8e8e8;padding:20px 0px}
.pro-list .pro_left img{max-width: 100%;}
.pro-list dl dt a{color: #333333;font-size:17px;}
.pro-list dl dd{color:#666666;font-size:14px;line-height:22px;padding:10px 0px}
.pro-list span a{color:#333333;border:1px solid #313e4b;display: inline-block;font-size:14px;padding:8px 25px;margin-top:5px}
.pro_right{padding-left:30px}
.pro-list:hover dt a{color:#cd2122; cursor:pointer}
.pro-list:hover span a{background:#313e4b;color:#FFF}
.product_deta img,.news_deta img{max-width: 100%;}
.product_title,.news_title{color:#333333;font-size:22px;border-bottom:1px solid #ccc; text-align:center;padding-bottom:10px; line-height:1;}
.product_title{text-align:left;}
.product_box,.news_box{color:#666666;line-height:25px;padding:20px 0;}
.product_box img,.news_box img{ text-align:center}
.return{text-align:center; border-top:1px solid #ccc;}
.return a{color:#333333;font-size:16px; border-radius:4px;border:1px solid #333333;padding:8px 25px;display:inline-block;margin-top:20px}
.return a:hover{background:#313e4b;color:#FFF}
.vid_box{color:#666666;line-height:25px;padding:15px 0;border-bottom:1px solid #dddddd}
.news_deta .time{ text-align:center;font-size:16px;color:#999999;margin:20px 0}
.news_deta .abstract{background:#f1f1f1;color:#666666;line-height:26px;font-size:16px;padding:20px;} 
.news_deta .pagebar{border-top:1px solid #dddddd; }
.news_deta .pagebar ul{padding:20px 0;color:#666666;font-size:16px}
.news_deta .pagebar ul li{padding:3px 0}

.product_img{text-align:center;}
.pro_top .proR{padding-left:30px;}
.product_intro{line-height:1.8; padding:15px 0;}
.pro_top .proBtn{background-color:#cd2122; color:#fff; font-size:14px; padding:8px 20px; display:inline-block; border-radius:5px; margin-right:10px;}
.pro_top .proBtn:hover{background-color:#9e0a0b; color:#fff;}
.raqBtn{background-color:#cd2122; color:#fff; font-size:14px; padding:8px 20px; display:inline-block; border-radius:5px; margin-right:10px;}
.raqBtn:hover{background-color:#9e0a0b; color:#fff;}
.pro_conT{border-bottom:1px solid #cd2122; margin-top:35px;}
.pro_conT span{background-color:#cd2122; color:#fff; font-size:18px; padding:6px 25px; display:inline-block;}

/* product feedback 2018-08-29 bak */
/*.feedback_bg{display:none;}
.feedback_win{position:fixed; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,.6); z-index:99997;}
.feedback_box{background-color:#fff; width:760px; padding:50px 0; position:fixed; top:50%; left:50%; z-index:99998; margin-left:-380px; margin-top:-294px;}
.feedback_box ul{color:#000000;width:85%;margin:0 auto;}
.feedback_box ul li{margin-bottom:10px;}
.feedback_box ul li:nth-child(1),.feedback_box ul li:nth-child(2){float:left; width:48%;}
.feedback_box ul li:nth-child(1){margin-right:2%;}
.feedback_box ul li:nth-child(2){margin-left:2%;}
.feedback_box ul li .ipt{box-sizing: border-box;height:44px;padding: 7px 5px 7px 5px;width: 100%;border:1px solid #dedede}
.feedback_box ul li .caption{line-height:30px;color:#000000;font-size:16px}
.feedback_box ul li textarea{box-sizing: border-box;height:150px;padding: 9px 5px 9px 5px;width: 100%;border:1px solid #dedede}
.feedback_box .b{margin-top:20px;text-align: center;}
.cancelBtn{position:absolute; top:-10px; right:-10px; background-color:#fff; font-size:22px; border-radius:50%; height:30px; line-height:30px; width:30px; text-align:center; box-shadow:0 0 5px #ccc; cursor:pointer;}
.cancelBtn:hover{background-color:#f2f2f2;}*/

/* product feedback */
.enquiry_box{background-color:#fff; margin-top:30px; padding-top:30px; border-top:1px solid #dedede;}
.enquiry_box ul{color:#000000; width:90%; margin:0 auto;}
.enquiry_box ul li{margin-bottom:10px;}
.enquiry_box ul li:nth-child(1),.enquiry_box ul li:nth-child(2){float:left; width:48%;}
.enquiry_box ul li:nth-child(1){margin-right:2%;}
.enquiry_box ul li:nth-child(2){margin-left:2%;}
.enquiry_box ul li .ipt{box-sizing: border-box;height:44px;padding: 7px 5px 7px 5px;width: 100%;border:1px solid #dedede}
.enquiry_box ul li .caption{line-height:30px;color:#000000;font-size:16px}
.enquiry_box ul li textarea{box-sizing: border-box;height:150px;padding: 9px 5px 9px 5px;width: 100%;border:1px solid #dedede}
.enquiry_box .b{margin-top:20px;text-align: center;}


/*case*/
.case_box{margin-left:-20px;margin-bottom:50px}
.case_box img{max-width: 100%;}
.case_box .case_list{margin-left:20px;position:relative; overflow:hidden;margin-top:20px;}
.case_box .case_list dl dd{padding-top:10px; text-align:center;color:#FFF; height:34px; line-height:1.2; overflow:hidden; display:block;}
.case_box .case_list dl dt{position:relative}
.case_box .case_list dl dt a{display:none;text-align:center;background-color:rgba(0,0,0,0.4);height:100%;position:absolute;left:0px;top:0px;width:100%;}
.case_box .case_list dl dt a span{border-radius:4px;background:#cd2122;color:#ffffff;padding:8px 20px;font-size:12px;display:inline-block;margin-top:28%;}
.case_box .case_list dl:hover a{display:block}

/*search*/
.search{margin-top:20px;position:relative}
.search img{max-width: 100%;}
.search .search_in{position:absolute;left:20px;bottom:20px; border-radius:8px;border:2px solid #a5292d;background-color:rgba(255,255,255,0.6);height:35px;width:82%}
.search .search_in input[type="text"]{border:none;border-top-left-radius:8px;border-bottom-left-radius:8px;line-height:25px;background-color:rgba(255,255,255,0);padding:3px 0; width:100%; text-indent:5px;}
.search .search_in button[type="submit"]{border:none; border-radius:3px;background:#be0d0e url(../images/search-a.png) no-repeat center center;height:29px;width:29px; overflow:hidden;margin:3px 3px 3px 0; position:absolute; bottom:0; right:0;}

/*news*/
.news_list{border-bottom:1px dashed #dddddd;padding:15px 0px}
.news_list .news_left img{max-width: 100%;}
.news_list dl dt{color: #333333;font-size:18px; background:url(../images/icon_02.jpg) no-repeat left center;padding-left:20px}
.news_list dl dd{color:#666666;font-size:14px;line-height:2;padding:10px 0px}
.news_list span{color:#afafaf;line-height:20px;display: inline-block;}
.news_right{padding-left:30px; text-align: right;line-height: 7em;}
.news_right a{padding:8px 15px;border:2px solid #313e4b;color:#333333;font-size:12px}
.news_list:hover dt a{color:#cd2122}
.news_list:hover .news_right a{color:#FFF;background:#313e4b; cursor:pointer}

/*video*/
.video_box{margin-left:-20px;margin-bottom:50px}
.video_box img{max-width: 100%;}
.video_box .video_list{margin-left:20px; margin-top:20px; text-align:center; border-radius:10px}
.video_box .video_list dl{}
.video_box .video_list dl dt{position:relative; overflow:hidden;}
.video_box .video_list dl dt a{text-align:center;height:100%;position:absolute;left:0px;top:0;width:100%;}
.video_box .video_list dl dt a i{color:#FFF;font-size:60px; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-26px;}
.video_box .video_list dl dd{padding:15px 0; text-align:center; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.video_box .video_list dl dt:hover a{background-color:rgba(0,0,0,0.4);}


@media only screen and (min-width: 1200px){
}
@media only screen and (max-width: 1199px){
/*head*/
.head_menu .menu a{margin:0 16px;}
.banner .textBox .title{font-size:30px;}
.banner .textBox .info{font-size:20px;}

}
@media only screen and (max-width: 990px){
.head_menu{background-color: rgba(0,0,0,.6);}
.head_menu .logo img{height:50px;}
.banner{padding-top:70px;}
.head_menu .menu{display:none}
.head_menu .menu a{margin:0px 0px}
.contactus,.related,.search{display:none}
.footer{margin-top:50px;}
.footer .footer_top dl dd{padding-bottom:15px;}
.footer .footer_top dl dd:last-child{float:none; margin-top:0px;}
.productbar .productlist{margin-top:20px;}
.feedback_box{width:500px; margin-left:-250px;}
}
@media only screen and (max-width: 767px){
/*head*/
.banner .textBox{top:40%;}
.banner .textBox .title{font-size:18px;}
.banner .textBox .info{font-size:14px; line-height:1.4;}
.banner .textBox .moreBox{font-size:14px; padding:5px 10px;}

.in_newslist dl dt{margin-bottom:5px;}
.contactbar{margin-bottom: 30px;}
.enquiry_box ul{width:100%;}
/*product*/
.pro_left{text-align:center}
.pro_right{padding-left:0px;margin-top:15px}
#pro_btn{display:none;}
.pro_top .proR{padding-left:0px; margin-top:15px;}
.footer .footer_top dl dd{float:none; margin-right:0;}

}
@media only screen and (max-width: 479px){
.banner .textBox .title{font-size:16px;}
.banner .textBox .info{font-size:12px; line-height:1.4;}
.banner .textBox .moreBox{font-size:12px; padding:5px 10px; margin-top:5%;}

.in_casebar{margin-left:-15px;}
.in_casebar .in_casebox{margin-left:15px;}

.footer{margin-top:20px;}
.footer .footer_bottom{margin-top:0px;}
.footer .footer_top dl dt{padding:20px 0;}

.feedback_box{width:320px; margin-left:-160px; margin-top:-247px;}
.feedback_box .btn{padding-left:15px; padding-right:15px;}
.feedback_box .b{padding-bottom:0;}
.feedback_box ul li .ipt{height:36px;}
.feedback_box ul li textarea{height:80px;}
}