body{ min-width:320px;font:16px "微软雅黑","Arial,Microsoft YaHei";color:#333;line-height:24px;overflow-x: hidden; } .container{ margin:0 auto;height:auto; }
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "微软雅黑","Arial,Microsoft YaHei";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  }
img.desaturate:hover { filter: grayscale(0);  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  }
img{border:none;}
html{ width:100%;}
body{ width:100%; ;position: relative;overflow-x: hidden;}
.slick-slide{outline: none;}
.slick-slide img{margin:0 auto;max-width:100%;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin-bottom:0;}
.container{padding:0 15px;}


.head_bot{padding:0 0 0 50px;border-bottom:1px solid #eee;height:98px;}
.logo {height:98px;position: relative;}
.logo a img{position: absolute;top:0;bottom:0;left:0;margin:auto;max-width: 100%;max-height: 100%;}

.nav{position: static;}
.nav li{float: left;text-align: center;width:16.66%;}
.nav li a{display: table;margin:0 auto;padding:27px 0;border-bottom:4px solid transparent;}
.nav li a span{color:#110b0f;font-size: 14px;display: block;height:20px;line-height: 20px;overflow: hidden;}
.nav li a h3{color:#110b0f;font-size: 14px;display: block;height:20px;line-height: 20px;overflow: hidden;}
.nav_child{position: absolute;top:98px;left:0;width:100%;background: #fff;z-index:20;padding:30px 8%;display: none;}
.nav_child li{margin:5px 0 5px 180px;width:auto;}
.nav_child li a{color:#110b0f;font-size: 14px;padding:0;border:none;}
.nav li a:hover{border-bottom:4px solid  #000;}
.nav li.on>a{border-bottom:4px solid  #000;}
.nav li.current>a{border-bottom:4px solid  #000;}
.nav_child li a:hover{border:none;}

#model_banner .slick-dots {width:auto;height:100px;right:105px;bottom:0;top:0;margin:auto;}
#model_banner .slick-dots li{display: block;margin:10px 0;width:auto;height:20px;}
#model_banner .slick-dots li button{border-radius:0;background:none;width:auto;height:20px;line-height: 20px;
    font-size:14px;color:#818181;font-family: Arial;font-weight: bold;}
#model_banner .slick-dots li button:before{content:"- ·";font-size:20px;color:#818181;display: inline-block;
    opacity: 1;width:30px;height:20px;line-height: 20px;margin-left:12px;margin-top:-2px;}
#model_banner .slick-dots li.slick-active button{border-radius:0;background:none;color:#fff;}
#model_banner .slick-dots li.slick-active button:before{color:#fff;}


.section_one{padding:90px 0;}
.s_title{z-index:20;position: relative;}
.s_title .name{width:120px;height:80px;background: #000;text-align: center;padding-top:20px;display: inline-block;vertical-align: bottom;margin-right:3px;}
.s_title .name h3{color:#fff;font-size: 14px;font-family: Arial;font-weight: bold;display: block;height:20px;line-height:20px;overflow: hidden;}
.s_title .name span{color:#fff;font-size: 14px;font-family: Arial;font-weight: bold;display: block;height:20px;line-height:20px;overflow: hidden;}


.product_cont{margin:70px 0 20px;background: url(../images/product.png) no-repeat center center;background-size: contain;}
.pro_list{float: left;width:20%;margin-right:6.66%;}
.product_cont .pro_list:nth-child(4n){margin:0;}
.pro_list dl {position: relative;}
.pro_list dl dd {position: relative;}
.pro_list dl dd img.bg{position: absolute;left:-65px;bottom:0;top:0;margin:auto;max-width: 100%;max-height: 100%;}
.pro_list dl dd .ti{padding:180px 0 180px;position: relative;}
.pro_list dl dd h3{font-weight: bold;font-size:34px;line-height: 50px;height:50px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_list dl dd h3 i{display: inline-block;margin:-9px 0 0 5px;vertical-align: top;}
.pro_list dl dd p{font-size: 14px;height:20px;line-height: 20px;margin-bottom:13px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_list dl dd a{display: block;width:83px;height:27px;line-height:27px;background: #000;color:#fff;padding:0 10px;font-size: 10px;}
.pro_list dl dd a i{display: inline-block;float: right;width:6px;height:10px;
    background: url(../images/img5.png) no-repeat center center;margin-top:8px;vertical-align: middle;}
.pro_list dl dt{position: absolute;top:0;left:0;display: none;}
.pro_list dl dt .pic{position: absolute;bottom:100px;left:0;right:0;margin:auto;background: rgba(0,0,0,.8);
    width:225px;height:85px;text-align: center;padding-top:16px;}
.pro_list dl dt .pic h4{color:#fff;font-size: 18px;height:26px;line-height: 26px;overflow:hidden;}
.pro_list dl dt .pic span{color:#fff;font-size: 14px;height:26px;line-height: 26px;overflow:hidden;display: block;}
.pro_list dl:hover dt{display: block;}
.pro_list dl:hover dd{opacity: 0;}
.pro_list dl dt img{max-width: 100%;max-height: 100%;}

.section_two{background: #ededed;padding:90px 0 75px;}
.news_lt{float:left;width:36.5%;position: relative;}
.news_rt{float:right;width:62.5%;}
.news_lt .title{position: absolute;right:20px;bottom:20px;background: rgba(255,255,255,.8);
    padding:20px 25px 15px;width:220px;}
.news_lt .title h3{font-size: 36px;font-weight: bold;line-height: 40px;height:40px;overflow: hidden;}
.news_lt .title span{display: block;font-size: 16px;margin-top:45px;}
.news_lt .title  i img{display: block;position: absolute;bottom:0;right:0;}
.news_lt .pic img{max-width: 100%;}
.about_rt img{max-width: 100%;}

.news_list{background: rgba(255,255,255,.5);margin-bottom:15px;}
.news_list dl{height:185px;position: relative;}
.news_list dt{width:112px;height:185px;background: #fff;padding:30px 15px 10px;float:left;}
.news_list dt h3{font-size: 26px;color:#616161;font-weight: bold;}
.news_list dt span{font-size: 14px;color:#616161;font-weight: bold;
    display: block;margin-top:70px;letter-spacing: 2px;}
.news_list dd{margin-left:112px;padding:30px 40px;}
.news_list dd h3 a{display: block;font-size: 18px;color:#000;line-height: 30px;height:30px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list dd b{width:190px;height:1px;background:#d9d9d9;display: block;border-top:1px solid #e0e0e0;
    margin:15px 0;}
.news_list dd .new_txt{font-size: 14px;color:#000;line-height: 30px;height:60px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.news_list dd:after{content:"";display: block;position: absolute;bottom:0;right:0;
    background: url(../images/img8.png) no-repeat center center;width:38px;height:23px;opacity: .5;}
.news_list dl:hover{background:#fff;box-shadow: 0 0 13px 0 rgba(0,0,0,.2);}
.news_list dl:hover dt{border-right:1px solid #e5e5e5;}
.news_list dl:hover dd:after{opacity: 1;}
.news_list dl:hover dd b{background:#d1d1d1;border-top:1px solid #f2f2f2;}

.section_three{padding:70px 0;}
.showSlider{margin-top:-50px;}
.showSlider .show-nav{width:58%;display: inline-block;padding:8% 16%;}
.showSlider .show-for{width:40%;float: right;}
.showSlider .show-nav .slick-slide{position: relative;}
.showSlider .show-nav .slick-slide .title{position: absolute;bottom:20px;left:20px;right:20px;background: #fff;padding:20px;}
.showSlider .show-nav .slick-slide .title h3{color:#585858;font-size: 16px;font-weight: bold;line-height: 24px;height:24px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.showSlider .show-nav .slick-slide .title span{margin-top:20px;display: block;color:#989898;font-size: 14px;line-height: 20px;height:20px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;padding-right:10px;}
.showSlider .show-nav .slick-slide .title img{position: absolute;right:20px;bottom:23px;}
.showSlider .show-nav  .slick-dots{left:0;right:0;text-align: center;width:auto;bottom:30px;}
.showSlider .show-nav  .slick-dots li{width:43px;height:43px;border-radius: 50%;border:1px solid transparent;text-align: center;line-height: 43px;}
.showSlider .show-nav  .slick-dots li button{width:5px;height:5px ;margin:18px auto 0;vertical-align: top;
    background: #807e7f;transform: rotate(45deg);-webkit-transform: rotate(45deg);padding:0;}
.showSlider .show-nav  .slick-dots li.slick-active{border:1px solid #bfbfbf;}
.showSlider .show-nav  .slick-dots li.slick-active button{background: #000;}
.showSlider .show-nav .slick-prev,.showSlider .show-nav .slick-next{width:0;height:0;z-index:10;
    border-top:8px solid transparent;border-bottom:8px solid transparent;}
.showSlider .show-nav .slick-prev{border-right:10px solid #000;left:15%;}
.showSlider .show-nav .slick-next{border-left:10px solid #000;right:15%;}
.showSlider .show-nav .slick-prev:before,.showSlider .show-nav .slick-next:before{display: none;}


.section_four{padding:50px 0 105px 0;position: relative;}
.section_four .container{padding-left:110px;}
.about_lt{width:40%;background: url(../images/d_45.jpg) no-repeat center center;padding:84px 30px 65px 150px;position: relative;}
.about_rt{width:60%;}
.about_lt span{font-size: 12px;color:#989898;letter-spacing: 3px;}
.about_lt i{font-size: 14px;color:#585858;letter-spacing:2px;}
.about_lt .about_txt{margin:25px 0 140px;font-size: 14px;line-height: 34px;color:#585858;height:102px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3;}
.about_lt a{display: block;width:160px;height:35px;line-height: 35px;border-bottom:3px solid #585858;
    font-size: 12px;color:#989898;letter-spacing: 3px;}
.about_lt:before{content:"";display: block;width:418px;height:8px;position: absolute;top:94px;left:-280px;
    background: url(../images/img14.png) no-repeat center center;z-index:20;}

.footer{background: #2c2c2c;padding:20px 0 10px;}
.contact{width:50%;display: inline-block;vertical-align: top;}
.contact p{font-size: 14px;color:#7e7e7e;line-height:24px;margin:10px 0;}
.contact p img{margin-right:10px;}
.copy{font-size: 14px;color:#7e7e7e;line-height:30px;float: right;width:48%;}
.copy a{font-size: 14px;color:#7e7e7e; }

.copyM{background: #454545;padding:10px 0;color:#fff;font-size: 14px;}
.copyM a{ color:#fff;font-size: 14px;}








/*pc端内页*/
.content_119color .quickbar_nav ul li.quickbar_weixin:hover .quickbar_hoverbox img{max-width: none;max-height: none;}
.content_119color .updown_fenlei .cont_nav .one .o_li a.ez_a {color: #fff;background-color: #000000;font-weight: bold;text-align: left;}
.content_119color .updown_fenlei .cont_nav .one .o_li a.ez_a  i{background: url(../images/icon4_h.png) center no-repeat;background-size: 100% auto;}
.content_119color  .updown_fenlei .cont_nav .one .o_li:hover .one_a,.content_106color  .updown_fenlei .cont_nav .one .o_li a.ez{background: #000000;}
.content_119color  .updown_posnav .nav_item a:hover,.content_106color  .updown_posnav .nav_item a.on{color: #000000;}
.content_119color  .model-textlist-four ul li a:hover{background: #000000;}
.content_119color  .model-textlist-four ul li a:hover .textlist-r dd{color: #fff;}
.content_119color .model_page a.current,.content_106color .model_page a:hover {color: #000000;border-bottom: 1px solid #000000;}
.content_119color #model_contant_main .model_dec_adress a:hover {color: #000000;}
.content_119color .model-dectil-bottom .model-dectil-chose a:hover {color: #000000;}
.content_119color .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover{border:1px solid #000000;background-color: #000000;}
.content_119color .model-textlist-one ul li:hover{border-bottom:1px solid #000000;}
.content_119color .model-textlist-one ul li:hover dt{color: #000000;}
.content_119color .model-textlist-two ul li a:hover .textlist-l dt{color: #000000;}
.content_119color .model-textlist-two ul li a:hover .textlist-l p{color: #000000;}
.content_119color .model-textlist-two ul li a:hover .newtime{background: #000000;}
.content_119color .model-textlist-three ul li a:hover, .content_106color .model-textlist-three ul li a:hover dt{color: #000000;}
.content_119color .model-textlist-three ul li a:before{background: #000000;}
.content_119color .model-imgtextlist-two ul li a:hover .imgtextlist-r dt{color: #000000;}
.content_119color .model-imgtextlist-one ul li a:hover .imgtextlist-l dt{color: #000000;}
.content_119color .model-imgtextlist-three ul li a:hover .imgtextlist-r dt{color: #000000;}
.content_119color .model-imgtextlist-three ul li .imgtextlist-r .time p{color: #000000;}
.content_119color .model-imgtextlist-four ul li a:hover .imgtextlist-text{background: #000000;}
.content_119color .model-imgtextlist-four ul li a:hover .imgtextlist-text dd{color: #fff;}
.content_119color .model-imgtextlist-four ul li a:hover .imgtextlist-text p{color: #fff;}
.content_119color .model-imglist-two ul li .pimg em span{background-color: #000000;}
.content_119color .model-imglist-two ul li a:hover p{background: #000000;}
.content_119color .model-imglist-three ul li a:hover{border:2px solid  #000000;}
.content_119color .model-imglist-three ul li a:hover p{color:  #000000;background: url(../images/icon6.png) right center no-repeat;}
.content_119color .model_seach .model-seachdiv form .seabtn{background:  #000000;}
.content_119color .model-textlist-three ul li a:before{background:  #000000;}
.content_119color .model-dectil-img .slick-dots li button{border:1px solid   #000000;}
.content_119color .model-dectil-img .slick-dots li.slick-active button{background:   #000000;}
.content_119color  .model-textlist-four ul li a:hover{background:   #000000!important;}
.content_119color  .model-textlist-four ul li a:hover .textlist-r dt{color:#fff!important;}
.content_119color  .updown_posnav .nav_item a:hover, .updown_posnav .nav_item a.on {color:#000000;}
.content_119color  .model_page a.on,.content_112color .model_page a:hover {color:#000000;border-bottom:1px solid #000000;}
.content_119color  .model-textlist-three ul li a:hover,.content_119color .model-textlist-three ul li a:hover dt
{font-weight: bold;color:#000;}
.content_119color .model_page a.on,.content_119color .model_page a:hover{font-weight: bold;color:#000;border-bottom:1px solid #000;}
.content_119color .model-imgtextlist-four ul li a:hover .imgtextlist-text dt{color:#fff!important;}
.content_119color .updown_fenlei .cont_nav .one .one_a i{background: url(../images/icon4.png) center no-repeat;}
.content_119color .model-classify-nav .one .o_li .one_a i{ background: url(../images/icon6.png) center no-repeat;}
.content_119color  .model-dectil .model-dectil-img .pimg img{width: auto;}



.content_119color .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before{border-bottom: 12px solid #000000;}
.content_119color .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before{border-top: 12px solid #000000;}
.content_119color .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover{border-bottom: 1px solid  #000000;}
.content_119color .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover{border-top: 1px solid  #000000;}

/*手机端内页*/
.content_119color .model-classify .model-classify-posnav {background: #000000;}
.content_119color .model-classify-nav .one .o_li a.ez{color:#000000}
.content_119color .model-classify-nav .second a.sen_x{color:#000000}
.content_119color .model-classify-nav .second a.sen_x:before{background:#000000}
.content_119color .model-phone-page span i{color:#000000;}
  div.model-fixed{background:#000000;}
  h1.model-leftnav-top{background:#000000;}
.model-leftnav-main .nnav .yiji dl img{ }
.model-leftnav-main .nnav .yiji.xz a.ce{color:#000000}
.model-leftnav-main .nnav li.tz a.er{color:#000000}
.model-leftnav-main .nnav li.tz a.er:before{background: #000000;}
.model-imglist img, .model-page img, .imglist-page img{
	max-width: 100%;
}
.model-dectil img{
    max-width:100%
}