@charset "utf-8";
*{ padding:0px; margin:0px; border:0px;}
body{ font-size:12px; color:#333; font-family:"Arial",Helvetica,Sans-Serif,Poppins,sans-serif }
ul{ list-style:none;}
a{ color:#333333; text-decoration:none;}
a:hover { color:#F00 }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.tnav { margin-top:15px; border-top:1px solid #cecece; padding-top:15px; clear:both }
.tnav li { line-height:26px; height:26px; overflow:hidden }
.pages { line-height:60px; height:55px; text-align:center; clear:both;font-size:14px; }
.pages li {display: inline-block;}
.pages a {text-decoration:underline;padding: 0 6px;}
.pages strong { margin: 0 5px;}
.pages strong font { margin-right: 2px;}
.mr40 { margin-right:40px;} .ml40 { margin-left:40px;} .mr0 { margin-right:0px;} .ml0 { margin-left:0px;}
.fl { float:left;}.fr { float:right;}

/* header */
.header{width:100%;height:100px;margin:0 auto;position:relative;border-bottom: 1px solid #E4DFDF;}
.header-box{ width:1190px; height:100px; margin:0 auto; }
.logo { width:180px; float:left; height:95px; margin-top:5px; }
/*  menu  */
.navbar-toggler,.navbar-close {visibility: hidden;}
.menu{height:100px;margin:0 auto;float:right;}
.menu #menulist li.menu-li {display: inline-block;position:static;line-height:100px;background:url(../images/menubg.jpg) right 20px no-repeat;text-align: right;padding-right: 30px;}
.menu #menulist li.menu-li a {color:#000;display:block;font-size:16px;padding: 0 0 0 32px;}
.menu #menulist li.menu-li a:hover { color:#F60; text-decoration:underline }
.menu #menulist li.menu-li:hover .submenu { display:block; }

.menu #menulist .submenu {position:absolute;left:0;top: 100px;width:100%;background:#fff;z-index:999;height:200px;display:none;border-bottom: 1px solid #e4dfdf;border-top: 1px solid #e4dfdf;}
.menu #menulist .submenu ul { width:1190px; margin:auto; padding-top:30px; }
.menu #menulist .submenu ul li { line-height:30px; float:left; text-align:center; }
.menu #menulist .submenu ul li a { font-weight:bold; padding:0 20px}
.menu #menulist .submenu.subpro li {overflow: hidden;width: 142px;  height:200px; }
.menu #menulist .submenu.subpro li img { width:130px; margin-bottom:5px;height:100px;border:1px solid #d8d8d8; -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;}
.menu #menulist .submenu.subpro li a {font-weight:100; padding:0 10px; font-size:12px;line-height:18px; }

.menu #menulist ul.sub-menu-about li { width:230px; float:left; text-align:left; line-height:20px; }
.menu #menulist ul.sub-menu-about li a { display:inline; line-height:30px;padding-left:15px; margin-left:25px; background:url(../images/icon2.jpg) no-repeat left center; }
.menu #menulist ul.sub-menu-about li.sub-menu-aboutimg { width:730px; float:left; text-align:left}
.menu #menulist ul.sub-menu-about li.sub-menu-aboutimg a { line-height:22px; font-weight:100; color:#F00; margin-left:0; font-size:12px;}
.menu #menulist ul.sub-menu-about li.sub-menu-aboutimg  img { margin:0 25px 0 10px; float:left }

/*  banner  */
.banner{width:100%;margin: 0 auto 40px auto;background:#000;}
.fullSlide{ position:relative; background:#eeeeee; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;filter:alpha(opacity=60);opacity:0.6 }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; font-size:0;}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-20% 0 0 3%; float:left;  background:url(../images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

/* 首页 box_main */
#box_main {width:1190px;margin:auto;padding-top: 0;}
#box_main .box_sub_main h4 {font-size: 16px;color:#1b73cd;line-height: 40px;height: 40px;margin-bottom: 10px;}
#box_main .box_sub_main h4 span { float:right; margin-top:15px;}
#box_main .box_sub_main h4 span a { background:url(../images/more.jpg) no-repeat; width:35px; height:6px; display:block }
#box_main .box_sub_main p {line-height: 24px;color:#555555;overflow:hidden;display: inline;}
#box_main .box_sub_main p img { margin-bottom:5px; }
#box_main .box_sub_main a.red { color:#de0319}

.ipro_class {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.ipro_class li a {display: block;width: auto;overflow: hidden;}
.ipro_class li a:hover {display: block;width: auto;border:2px solid #ec0608}
.ipro_class li a:hover img {transform:scale(1.05);}
.ipro_class li {width: 23%;height: 230px;float:left;position:relative;text-align:left;}
.ipro_class li span {width: 100%;line-height: 50px;display:block;text-align:center;position:absolute;left:0;top:10px;color:#1b73cd;font-size: 16px;}
.ipro_class li img {width: 100%;height: 220px;object-fit:cover;transition:transform 0.3s ease;}
 


#box_left_sub1 {float:left;width: 33%;height: 280px;background:url(../images/box_left_bg.jpg) no-repeat top right;}
#box_left_sub2 {float:left;width: 37%;height: 280px;background:url(../images/box_left_bg.jpg) no-repeat top right;}
#box_left_sub3 {float:right;width: 27%;height: 280px;overflow:hidden;}

#box_left_sub2 .inews { color:#555555;border-bottom:1px dotted #b2b2b2; padding-bottom:15px; height:90px;}
#box_left_sub2 .inews_box {width: 230px;height:100px;float:right;line-height: 20px;overflow:hidden;}
#box_left_sub2 .inews_box a { color:#1354a6; font-size:14px; display:block; line-height:35px; height:35px; overflow:hidden; }
#box_left_sub2 .inews_list { margin-top:10px; }
#box_left_sub2 .inews_list li {line-height: 26px;height: 26px;overflow:hidden;}
#box_left_sub2 .inews_list li a {color:#555;font-size: 14px;}
#box_left_sub2 .inews_list li span { float:right; }

#box_left_sub3 .ipro_hot {width: 100%;height:190px;margin:0px auto 0 10px;}
#box_left_sub3 .ipro_hot a { display:block; text-align:center;width:100%;}
#box_left_sub3 .ipro_hot img{ width:190px; height:190px; margin:auto; }
#box_left_sub3 .ipro_hot .txt {display:none;}


/*   footer  */
.footer {background:#323232;width:100%;clear:both;padding: 30px 0;}
.footer_box {position:relative;width:1190px;margin: auto;height: 90px;}
.footer_logo {width: 160px;float: left;}
.footer_weixin { width:90px;height:90px; float: right;}
.footer_copy {text-align:left;width: 70%;float: left;}
.footer_copy,.footer_copy a {color:#c9c9c9;line-height: 22px;font-size: 14px;}

/* banner_sub */
.banner_sub,
.banner_about,
.banner_contact,
.banner_design,
.banner_product,
.en_banner_about,
.en_banner_contact,
.en_banner_design,
.en_banner_product {display:none;}

/*  main */
.body_warp { width:1190px;margin:auto; padding:30px 0;  }
.body_l { width:260px; }
.body_r { width:900px; /*background:url(../images/body_r_bg.jpg) no-repeat;*/ min-height:550px; }

/* body_l  */
.body_l .body_l_t {font-size: 16px; color:#4097de; line-height:40px; height:40px; border-bottom:1px solid #D9D9D9; padding-left:30px; background:url(../images/icon3.gif) no-repeat 5px center; margin-bottom:5px; }
.body_l .body_l_menu { margin-bottom:15px;}
.body_l .body_l_menu li span{ display:block; border-bottom:1px solid #ebebeb; line-height:45px; height:45px; overflow:hidden; background:url(../images/icon2.jpg) no-repeat 240px 20px ; }
.body_l .body_l_menu li a { margin-left:20px; font-size:14px; padding-right:10px; overflow:hidden;}
.body_l .body_l_menu li a:hover { color:#F00 }

.body_l .body_l_menu li .subpro_menu li span {background:url(../images/icon4.jpg) no-repeat 20px center;line-height: 34px;height: 34px;border-bottom:1px solid #eeeeee;}
.body_l .body_l_menu li .subpro_menu li span  a { margin-left:35px; }

.body_l .body_l_search #kw{ border:1px solid #C8CCCB; height:18px; line-height:18px; width:130px; }
.body_l .body_l_search #stype { display:none;}
.body_l .body_l_search #schk { padding:2px 5px; background:#ccc;}
.body_l .body_l_tel { background:url(../images/body_l_tel.jpg) no-repeat; height:95px; margin-bottom:15px;border: 1px solid #d9d9d9;}
.body_l .body_l_tel span {color: #e20315;font-size: 20px;padding: 60px 0 0 20px;display: block;}
.body_l .body_l_tel_box { margin-bottom:15px;    font-size: 14px;    padding-left: 20px;
    line-height: 1.8; }
.body_l .body_l_tel_box p{  line-height: 1.8;font-size:14px; }

/* body_r  */
.body_r_now {margin-left:25px;line-height:40px;height:40px;font-size: 18px;}
.body_r_now_t { float:left; }
.body_r_now span {float:right;font-size: 14px;color:#666;/* background:url(../images/posi_btn.png) no-repeat left center; padding-left:20px;*/}
.body_r_now span a {color:#666 }

.content {margin-left:25px;padding:25px 0px;line-height: 1.8;color:#333333;font-size: 14px;}
.content  p {margin-bottom:25px;}
/* --- news --*/
.news li { line-height:35px; height:35px; border-bottom:1px dashed #DCDCDC; }
.news label { display:none; }
.news span { float:right; }
.img_title { text-align:center; font-size:18px;line-height:40px; }
.img_nva {text-align:center;line-height:36px;height:26px; }
.img_content {line-height:25px;padding:15px 0;color:#333;}
.img_content p { margin:10px auto;color:#333; }

.pro {display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: center;align-items: center;}
.pro li {list-style:none;width: 22%;height: 240px;float:left;margin-bottom:15px;margin-right: 4%;}
.pro li:nth-child(4n) {margin-right: 0;}
.pro li img {width: 190px;height: auto;max-height:190px;object-fit:cover;transition:transform 0.3s ease;margin: auto;}
.pro .proImg {width: 100%;height: 200px;overflow:hidden;}
.pro .proImg a {height: 190px;border:2px solid #d9d9d9;display: block;overflow: hidden;text-align: center;}
.pro .proImg a:hover {border:2px solid #ec0608}
.pro .proImg a:hover img {transform:scale(1.1);}
.pro .proInfor { width:100%; }
.pro li span{ display:block; text-align: center; font-size:14px; line-height:26px; height:26px; overflow:hidden; }
.pro li span a { color:#333 }
.pro .proInfor p { line-height:20px; height:110px; overflow:hidden; position:relative }
.pro .proInfor p strong { display:block; width:100%; color:#F00; margin-bottom:8px; }
.pro .proMore {display: none; }

.pro_content { clear:both; padding:20px 0}
.pro_content table { border: 1px solid #999999; border-collapse: collapse;width: 100%!important;margin-bottom: 10px; }
.pro_content table td { border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 2px 5px}
.pro_content h3 { font-size:14px; color:#333; line-height:45px; }
.pro_content_img { width:430px; float:left }
.pro_content_infor { width:270px; float:left;}
.pro_content_infor h1 { font-size:16px; line-height:50px; height:40px; overflow:hidden }
.pro_content_infor strong { color:#F00; height:40px; line-height:25px; display:block}
.pro_content_infor p { line-height:21px; }
.pro_content_tab { clear:both; border-bottom:1px solid #cecece; margin-top:0;height:30px;margin-bottom: 30px;}
.pro_content_tab ul li {display:inline-block;padding:0 30px; background:#CA1016; color:#fff; line-height:30px;height:30px; font-size:14px; font-weight:bold }

/* ---- pro ---*/
.design li { list-style:none;width:100%; height:185px; clear:both; border-bottom:1px dotted #cecece; margin-bottom:15px; }
.design li img { width:155px; height:150px; border:1px solid #cdcdcd; }
.design .designImg { width:185px; float:left; height:153px; overflow:hidden; }
.design .designInfor { width:525px; float:left; }
.design li span{ display:block; text-align:left; font-size:14px; line-height:30px; height:35px; overflow:hidden; }
.design li span a { color:#F00 }
.design .designInfor p { line-height:20px; height:110px; overflow:hidden; position:relative }
.design .designMore { background:url(../images/product1_d_gd.jpg) no-repeat; position:absolute; right:0; bottom:0; width:97px; height:26px; display:inline-block;}

@media screen and (max-width: 640px) {
    .show {visibility:visible!important;transform: none;opacity: 1!important;;}
    .logo img {height: 80px;margin-left: 20px;}
    .header-box,.body_r,.body_warp,.footer_box {width:100%;min-height:auto;height:auto;}
    .navbar-toggler {padding: 8px;line-height: 1;color: #0000008c;background-color: transparent;border: 1px solid #999999;border-radius: 4px;display: block;float: right;margin: 30px 30px 0 0;text-align: center;visibility: inherit;}
    .navbar-close {border: 1px solid #999999;width: 34px;height: 34px;z-index: 9;position: fixed;border-radius: 45px;right: 30px;top: 20px;background: #ffffff;display: inline-block;text-align: center;opacity:0;visibility: hidden;transition: all 500ms; }
    .navbar-close-icon {position:relative;width: 2px;height: 25px;background:#333;transform:rotate(45deg);display:inline-block;margin-top: 5px;}
    .navbar-close-icon:after {content:"";position:absolute;top:0;left:0;width:2px;height: 25px;background:#333;transform:rotate(270deg);}
    .navbar-toggler-icon, .navbar-toggler-icon::before, .navbar-toggler-icon::after {border-top:1px solid #999999;content: "";width: 26px;display: inline-block;float: left;height: 6px;}
    .navbar-toggler-icon {height: 15px;border-bottom: 1px solid #999999;border-top: 0;}
    .menu {width:50%;float:inherit;position:fixed;right:0;top:0;height:100%;background:#d7d7d7;z-index:99;visibility:hidden;transition: all 500ms;opacity: 0;}
    .menu #menulist {padding-top:60px;}
    .menu #menulist li.menu-li {display:block;text-align:center;border-bottom:1px solid #e4dfdf;padding-right:0;line-height:40px;}
    .menu #menulist li.menu-li a {padding:0;}
    .menu #menulist li.menu-li a:hover {background:#d9030b;color:#ffffff;}
    .menu #menulist li.menu-li:hover .submenu {display:none;}
    .izl-rmenu,.footer_weixin,.body_r_now span {display:none;}
    .banner img {width:100%;}
    #box_main {width: 100%;}
    .ipro_class {padding: 0 25px;}
    .ipro_class li {width: 48%;height: 190px;}
    .ipro_class li img {height: 160px;}
    .ipro_class li span {line-height: 16px;}
    
    #box_left_sub1,#box_left_sub2,#box_left_sub3 {float: initial;width: calc(100% - 50px);margin: auto;height: 240px;background: none;}
    #box_left_sub2 .mr40,
    #box_left_sub2 .ml40,
    #box_left_sub1 .mr40 {margin-right: 0;margin-left: 0;}
    .content {margin-right:25px;}
	.pro_content_img,
    .content img {width:100%;}
    .img_title {line-height: 22px;}
    .body_l {width:calc(100% - 50px);margin:0 25px;}
    .body_l .body_l_menu li span {background:none;}
    .footer_copy {float:inherit;padding:25px;width:auto;}
    .footer_logo {float:inherit;margin-left:25px;}
    .pro li {width:48%;}
    .pro li:nth-child(2n) {margin-right:0;}
}