body{ min-width:320px;font:16px "微软雅黑","Arial,Microsoft YaHei";color:#333;line-height:24px;overflow-x: hidden; } .container{ margin:0 auto;height:auto;padding: 0!important; }
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;}
.fl{float:left;}.fr{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 img{width: 100%;}
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%;}
#model_banner .pc-banner .slick-arrow:before,.section_four .pro_item .slick-arrow:before,.section_three .new_item .slick-arrow:before{display: none;}
.slick-dotted.slick-slider{margin-bottom:0;}
/*头部*/
.header_box{width: 100%;height: 70px;position: relative;background: #fff;z-index: 90;padding: 0 44px;}
#header .logo{width:25%;height:62px;position: relative;margin:4px 0;}
#header .logo img{position: absolute;left:0;top:0;bottom:0;margin:auto;max-height: 100%;max-width: 100%;}

#header .pc_Menu {width: 75%;padding-right: 78px;position: relative;}
.pc_Menu .menul {width: 100%;}
.pc_Menu .menul .firstli{position: relative;float: left;text-align: center;transition: 300ms;}
.pc_Menu .menul .firstli a{display: block;position: relative;box-sizing: border-box;width: 100%;height: 70px;line-height:70px;
  padding: 0 6px;font-size: 16px;color: #414141;overflow: hidden;transition: 300ms;}
.pc_Menu .menul .firstli.cur > a,.pc_Menu .menul .firstli:hover > a{background: #0d0d0d;color: #fff;}
.pc_Menu .secdulBox{display: none;position: absolute;width: 100%;background-color: rgba(255, 255, 255, 0.9);top:70px;left: 50%;transform: translateX(-50%);}
.pc_Menu .secdulBox .secdli a{padding: 0;height: 36px;line-height: 36px;color: #414141;font-size: 14px;}
.pc_Menu .secdulBox .secdli.current a,.pc_Menu .secdulBox .secdli a:hover {background: #0d0d0d;color: #fff;}

.pc_Menu .ewm_icon{cursor: pointer;width:38px;height: 38px;border-radius: 50%;background: #000000 url(../images/xicon1.png) center no-repeat;position: absolute;right: 0;top: 16px;}
.pc_Menu .ewm_icon .img{display: none;border: 5px solid #000;width: 110px;height: 110px;position: absolute;top: 48px;left: 50%;margin-left: -55px;}
.pc_Menu .ewm_icon .img:before{content:"";border-bottom:6px solid #000;border-top: 6px solid transparent;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;top: -17px;left: 50%;margin-left: -6px;}

#model_banner .pc-banner .slick-arrow{width: 46px;height: 46px;opacity: 0.5;transition: 400ms;z-index: 9;
  background: url(../images/next.png) no-repeat center;transition: 300ms;}
#model_banner .pc-banner .slick-prev{left: 5%;transform: rotate(180deg);}
#model_banner .pc-banner .slick-next {right: 5%;}
#model_banner .pc-banner .slick-arrow:hover{opacity: 1;transition: 300ms;}
#model_banner .slick-dots{text-align:right;bottom:80px;width:100%;height:18px;line-height: 18px;padding-right: 300px}
#model_banner .slick-dots li{width: 18px;height: 18px;margin: 0 7px;border: 2px solid transparent;transition: 300ms;border-radius: 50%;}
#model_banner .slick-dots li button{width: 4px;height: 4px;border-radius:50%;background: #fff!important;margin: 5px;}
#model_banner .slick-dots li.slick-active{border: 2px solid #fff;transition: 300ms;}
#model_banner .tellbox{width: 224px;height: 44px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border: 2px solid #fff;right: 60px;bottom: 62px;}
#model_banner .tellbox span{padding-left: 35px;background: url(../images/xicon2.png) left center no-repeat;}

.main{width: 100%;height: auto;overflow: hidden;padding: 60px;}
.main .section_one{width: 100%;height: auto;position: relative;z-index: 3;}
.main .section_one ul li{width: 50%;padding-right: 10px;float: left;padding-bottom: 20px;position: relative;}
.main .section_one ul li:nth-child(2){padding-left: 10px;padding-right:0;}
.main .section_one ul li .title{width: 86%;height: 184px;padding: 10px;background: #fff;color: #0d0d0d;position: absolute;bottom: -82px;left: 7%;}
.main .section_one ul li .title dd{width: 100%;height: 100%;padding:38px 0;font-size: 20px;border: 2px solid transparent;transition: 300ms;}
.main .section_one ul li .title dd p{font-size: 48px;font-weight: bold;line-height: 1.3;}
.main .section_one ul li:hover .title dd{border: 2px solid #000;transition: 300ms;}

.section_two{width: 100%;height: auto;overflow: hidden;padding-bottom: 430px;background: #e8e8e8;}
.section_two .about_bg em{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;
background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);}
.section_two .aboutbox{width: 100%;height: auto; position: absolute;top: 0;left: 0;padding: 0 16%; padding-top: 16%;}
.section_two .aboutbox .title{color: #b8b8b7;font-weight: bold;font-size: 36px;line-height: 1.5;}
.section_two .aboutbox .title p{font-size: 20px;color: #fff;font-weight: normal;}
.section_two .aboutbox .ab_about{font-size: 16px;color: #fff;line-height:36px;height: 108px;width: 100%;overflow: hidden;margin: 6% 0; }
.section_two .aboutbox .ab_more a{font-size: 14px;color: #b6b6b5;padding-right: 40px;margin: 0 auto;background: url(../images/next.png) right center no-repeat;background-size: 26px auto;}
.section_two .aboutbox .ab_more a:hover{color: #fff;}

.section_three{width: 100%;height:auto;padding: 0 36px;position: absolute;bottom:0;left: 0}
.section_three .new_item a{display: block;width: 100%;height: auto;overflow: hidden;padding: 0 30px;}
.section_three .new_item .newbox{width: 100%;height: 278px;background: #fff;padding: 24px 9.6%;}
.section_three .new_item .newbox p{width: 100%;height: 26px;text-transform: uppercase;line-height: 26px;font-size: 12px;font-weight: bold;color: #0d0d0d;background: url(../images/more.png) right center no-repeat;}
.section_three .new_item .newbox .time{font-size: 34px;color: #0d0d0d;font-weight: bold;line-height: 1.4;}
.section_three .new_item .newbox dl{padding-top: 20px;}
.section_three .new_item .newbox dt{width: 100%;height: 36px;line-height: 36px;font-size: 16px;color: #5f5f5f;overflow: hidden;font-weight: normal;margin-bottom: 4px;}
.section_three .new_item .newbox dd{width: 100%;height: 72px;overflow: hidden;font-size: 14px;line-height: 24px;color: #5f5f5f;}
.section_three .new_item .slick-arrow{width: 70px;height: 38px;background: #fff url(../images/next2.png) no-repeat center;z-index: 6;top:109%;}
.section_three .new_item .slick-prev{left: 30px;transform: rotate(180deg);margin-top: -19px;}
.section_three .new_item .slick-next{right: 87%;}
.section_three .new_more{width: 150px;height: 38px;line-height: 38px;margin: 55px 0 59px;background: #0d0d0d;font-weight: bold;font-size: 14px;float: right;margin-right: 30px;}
.section_three .new_more a{display: block;color: #fff;}

.section_four{width: 100%;height: auto;overflow: hidden;padding: 40px 0;}
.section_four .pro_item{width: 89.5%;margin-left: 10.5%;}
.section_four .ptitle{width: auto;height: auto;left: 0;top: 23%;}
.section_four .ptitle p,.section_four .ptitle span{padding: 4px 25px;width:auto;line-height: 1.2;color: #fff;font-size: 24px;background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000); }
.section_four .ptitle p.en{font-size: 90px;margin-bottom: 14px;}
.section_four .pro_more{width:14%;height: 54px;font-size: 22px;line-height: 52px;border-bottom: 2px solid #5f5f5f;left: 0;bottom: 12%; }
.section_four .pro_item .slick-arrow{width: 54px;height: 54px;background:url(../images/next3.png) no-repeat center;background-size: 100% 100%;z-index: 6;}
.section_four .pro_item .slick-prev{left: 93.6%;transform: rotate(180deg);top: 74%;}
.section_four .pro_item .slick-next{right: 3%;top: 88%;}

.section_five{width: 100%;height: auto;overflow: hidden;padding: 50px 0 30px;}
.section_five .title{color: #0d0d0d;line-height: 1.4;font-size: 22px;}
.section_five .title p{font-size: 42px;font-weight: bold;text-transform: uppercase;}
.section_five ul{width: 100%;height: auto;overflow: hidden;padding-top: 30px;}
.section_five ul li{width: 25%;float: left;padding:24px}
.section_five ul li a{display: block;width: 100%;height: auto;overflow: hidden;padding: 20px;transition: 300ms;}
.section_five ul li .title{width: 100%;height: 70px;padding: 8px 0;border:1px solid #c9c9c9;color: #616161;font-size: 16px;margin-top: 20px;position: relative;}
.section_five ul li .title dd{width: 100%;height:24px;line-height: 24px;overflow: hidden;}
.section_five ul li .title:before{content:"";border-top: 8px solid #d2d2d2;border-left: 8px solid #d2d2d2;border-bottom: 8px solid transparent;border-right: 8px solid transparent;position: absolute;top: 2px;left: 2px;}
.section_five ul li a:hover{box-shadow: 0 4px 30px #bbbbbb;transition: 300ms;}

.footer{padding-top:50px;width: 100%;height: auto;overflow: hidden;}
.footer em{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);}
.footer .footbox{width:100%;height: auto;overflow: hidden;position: relative;z-index: 5;}
.footer .footbox .title{width: 100%;font-size: 52px;color: #fff;font-weight: bold;line-height: 1.4;text-transform: uppercase;}
.footer .footbox .title p{font-size: 22px;}
.footer .footbox ul{width: 100%;height:auto;overflow: hidden;margin: 30px 0;border: 2px solid #fff;border-right:none;}
.footer .footbox ul li{cursor: pointer;width: 33.333%;float: left;height: 114px;border-right: 2px solid #fff;text-align: center;}
.footer .footbox ul li span{display: inline-block;height: 100%;line-height: 114px;padding-left: 66px;font-size: 26px;font-weight: bold;color: #fff;transition: 300ms;}
.footer .footbox ul li.li1 span{background: url(../images/ficon1.png) left center no-repeat;}
.footer .footbox ul li.li2 span{background: url(../images/ficon2.png) left center no-repeat;}
.footer .footbox ul li.li3 span{background: url(../images/ficon3.png) left center no-repeat;}
.footer .footbox ul li:hover{background: #fff;}
.footer .footbox ul li:hover span{color: #0d0d0d;transition: 300ms;}
.footer .footbox ul li.li1:hover span{background: url(../images/ficon1_h.png) left center no-repeat;}
.footer .footbox ul li.li2:hover span{background: url(../images/ficon2_h.png) left center no-repeat;}
.footer .footbox ul li.li3:hover span{background: url(../images/ficon3_h.png) left center no-repeat;}
.copy{color:#fff;font-size: 14px;padding: 20px 0 30px;text-align: center;}
.copy a{color:#fff;}
.copyM{color:#fff;font-size: 14px;padding:10px 15px;background: #454545;text-align: center;}
.copyM a{color:#fff;}







/*pc端内页*/
.content_108color .quickbar_nav ul li.quickbar_weixin:hover .quickbar_hoverbox img{max-width: none;max-height: none;}
.content_108color .updown_fenlei .cont_nav .one .o_li a.ez_a {color: #fff;background: #0d0d0d;font-weight: bold;text-align: left;}
.content_108color .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_108color  .updown_fenlei .cont_nav .one .o_li:hover .one_a,.content_108color  .updown_fenlei .cont_nav .one .o_li a.ez{background: #0d0d0d;}
.content_108color  .updown_posnav .nav_item a:hover,.content_108color  .updown_posnav .nav_item a.on{color: #0d0d0d;}
.content_108color  .model-textlist-four ul li a:hover{background: #0d0d0d;}
.content_108color  .model-textlist-four ul li .textlist-r dd{color: #f5f5f5;}
.content_108color .model_page a.current,.content_108color .model_page a:hover {color: #0d0d0d;border-bottom: 1px solid #0d0d0d;}
.content_108color #model_contant_main .model_dec_adress a:hover {color: #0d0d0d;}
.content_108color .model-dectil-bottom .model-dectil-chose a:hover {color: #0d0d0d;}
.content_108color .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover{border-bottom:1px solid #0d0d0d;background-color: #0d0d0d;}
.content_108color .model-textlist-one ul li:hover{border-bottom:1px solid #0d0d0d;}
.content_108color .model-textlist-one ul li:hover dt{color: #0d0d0d;}
.content_108color .model-textlist-two ul li a:hover .textlist-l dt{color: #0d0d0d;}
.content_108color .model-textlist-two ul li a:hover .textlist-l p{color: #0d0d0d;}
.content_108color .model-textlist-two ul li a:hover .newtime{background: #0d0d0d;}
.content_108color .model-textlist-three ul li a:hover, .content_108color .model-textlist-three ul li a:hover dt{color: #0d0d0d;}
.content_108color .model-textlist-three ul li a:before{background: #0d0d0d;}
.content_108color .model-imgtextlist-two ul li a:hover .imgtextlist-r dt{color: #0d0d0d;}
.content_108color .model-imgtextlist-one ul li a:hover .imgtextlist-l dt{color: #0d0d0d;}
.content_108color .model-imgtextlist-three ul li a:hover .imgtextlist-r dt{color: #0d0d0d;}
.content_108color .model-imgtextlist-three ul li .imgtextlist-r .time p{color: #0d0d0d;}
.content_108color .model-imgtextlist-four ul li a:hover .imgtextlist-text{background: #0d0d0d;}
.content_108color .model-imgtextlist-four ul li .imgtextlist-text dd{color: #fff;}
.content_108color .model-imgtextlist-four ul li a:hover .imgtextlist-text p{color: #fff;}
.content_108color .model-imglist-two ul li .pimg em span{background-color: #0d0d0d;}
.content_108color .model-imglist-two ul li a:hover p{background: #0d0d0d;}
.content_108color .model-imglist-three ul li a:hover{border:2px solid  #0d0d0d;}
.content_108color .model-imglist-three ul li a:hover p{color:  #0d0d0d;background: url(../images/icon6.png) right center no-repeat;}
.content_108color .model_seach .model-seachdiv form .seabtn{background:  #0d0d0d;}
.content_108color .model-textlist-three ul li a:before{background:  #0d0d0d;}
.content_108color .model-dectil-img .slick-dots li button{border:1px solid #0d0d0d;}
.content_108color .model-dectil-img .slick-dots li.slick-active button{background:#0d0d0d;}
.content_108color .model-textlist-four ul li a:hover{background: #0d0d0d!important;}
.content_108color .model-textlist-four ul li a:hover .textlist-r dt{color:#fff!important;}
.content_108color .updown_posnav .nav_item a:hover, .updown_posnav .nav_item a.on {color:#0d0d0d;font-weight: bold;}
.model_page a.on,.model_page a:hover{color: #0d0d0d;border-bottom: 1px solid #0d0d0d;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before{border-bottom: 12px solid #0d0d0d;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before{border-top: 12px solid #0d0d0d;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover{border-bottom: 1px solid #0d0d0d;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover{border-top: 1px solid #0d0d0d;}


/*手机端内页*/
.content_108color .model-classify .model-classify-posnav {background: #0d0d0d;}
.content_108color .model-classify-nav .one .o_li a.ez{color:#0d0d0d}
.content_108color .model-classify-nav .second a.sen_x{color:#0d0d0d}
.content_108color .model-classify-nav .second a.sen_x:before{background:#0d0d0d}
.content_108color .model-phone-page span i{color:#0d0d0d;}
.content_108color .model-fixed{background:#2c2c2c;}
.content_108color .model-leftnav-top{background:#0d0d0d;}
.model-leftnav-main .nnav .yiji.xz a.ce{color:#0d0d0d}
.model-classify-nav .one .o_li .one_a i{background: url(../images/icon6.png) center no-repeat;}
.updown_fenlei .cont_nav .one .one_a i{background: url(../images/icon4.png) center no-repeat;}


.model-dectil-text img{ max-width:100%}