﻿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;}
.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,.pro_item .slick-arrow:before,.new_item .slick-arrow:before{display: none;}
.slick-dotted.slick-slider{margin-bottom:0;}
.container{padding: 0!important;position: relative;}
/*head*/
.header_box{width: 100%;height: 100px;position: relative;background: #fff;z-index: 90;}
#header .logo{width: 30%;height:84px;position: relative;margin: 8px 0;}
#header .logo img{position: absolute;left:0;top:0;bottom:0;margin:auto;max-height: 100%;max-width: 100%;}

#header .pc_Menu {width: 70%;}
.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: 100px;
  padding: 0 6px;font-size: 16px;line-height:100px;color: #333;overflow: hidden;transition: 300ms;}
.pc_Menu .menul .firstli.cur:before,
.pc_Menu .menul .firstli:hover:before{content: "";width:80%;height: 2px;background:#fd7a32;position: absolute;bottom:0;left: 10%;animation: lines 0.3s ease forwards;}
@keyframes lines {  
    0% {opacity: 0;transform: scale(0);} 
    100% {opacity: 1;transform: scale(1);}  
  }
@keyframes sanjiao {  
    0% {opacity: 0;transform: translateY(-5px);} 
    100% {opacity: 1;transform: translateY(0);}  
  }
.pc_Menu .menul .firstli.cur > a,.pc_Menu .menul .firstli:hover > a{color: #fd7a32;}
.pc_Menu .secdulBox{display: none;position: absolute;width: 100%;padding: 10px 0;background-color: rgba(255, 255, 255, 0.9);top:100px;left: 50%;transform: translateX(-50%);}
.pc_Menu .secdulBox .secdli a{padding: 0;height: 36px;line-height: 36px;color: #333;font-size: 14px;}
.pc_Menu .secdulBox .secdli.current a,.pc_Menu .secdulBox .secdli a:hover {color: #fd7a32;}
#model_banner .slick-dots{display: none!important;}
#model_banner .pc-banner .slick-arrow{width: 28px;height: 52px;opacity: 0.5;transition: 400ms;z-index: 9;
  background: url(../images/prev.png) no-repeat center;transition: 300ms;}
#model_banner .pc-banner .slick-prev{left: 15%;}
#model_banner .pc-banner .slick-next {right: 15%;transform: rotate(180deg);}
#model_banner .pc-banner .slick-arrow:hover{opacity: 1;transition: 300ms;}

.section_one{width: 100%;height: 452px;position: relative;padding:22px 0 52px;}
.section_one:before{content:"";width: 85.7%;height: 256px;background: #fd7a32 url(../images/bg1.png) repeat;position: absolute;top: -25px;left: 0;}
.section_one:after{content: "";width: 2px;height: 80px;background: url(../images/bg2.jpg) center no-repeat;position: absolute;left:6%;top: 191px; }
.section_one .section_one_l{width: 260px;height: auto;float: left;position: relative;z-index: 2;padding-left: 4%;}
.section_one .section_one_l .title{color: #fff;}
.section_one .section_one_l .title h1{width: 100%;font-size: 28px;line-height: 1.7;}
.section_one .section_one_l .title h1 p{font-size: 16px;text-transform: uppercase;}
.section_one .section_one_l .title dd{font-size: 14px;line-height: 2.4;padding-top: 14px;min-height: 80px;}
.section_one .section_one_l .section_one_more p{font-size: 14px;color: #999;padding-top: 54%;}
 a.bmore{display: block;width: 140px;height: 46px;border: 1px solid #999;font-size: 14px;line-height: 46px;text-align: center;color: #999;margin-top:16px;transition: 400ms;}
 a.bmore:hover{background: #fd7a32;border: 1px solid #fd7a32;color: #fff;transition: 400ms;}
.section_one .section_one_r{margin-left: 260px;position: relative;z-index: 2;}
.section_one .section_one_r .goodlist{width: 100%;height: auto;overflow: hidden;padding: 8px 0;}
.section_one .section_one_r .goodlist li{width: 33.33%;float: left;padding-left: 20px;}
.section_one .section_one_r .goodlist li a{display: block;width: 100%;height: 100%;position: relative;transition: 400ms;}
.section_one .section_one_r .goodlist li a em{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #333;opacity: 0;transition: 400ms;}
.section_one .section_one_r .goodlist li a p{width: 100%;padding-bottom: 80px;line-height: 34px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;position: absolute;bottom: -114px;left: 0;z-index: 2;transition: 400ms;}
.section_one .section_one_r .goodlist li a p:before{content: "";width: 2px;height: 80px;background: #fd7a32;position: absolute;bottom: 0;left: 50%;}
.section_one .section_one_r .goodlist li a:hover{box-shadow: 0 0 8px #484848;transition: 400ms;}
.section_one .section_one_r .goodlist li a:hover em,.section_three .pro_item .probox a:hover em{opacity: 0.3;transition: 400ms;}
.section_one .section_one_r .goodlist li a:hover p{bottom: 0;transition: 400ms;}

.section_two{width: 100%;background: #fff1ea;padding: 86px 0;}
.section_two .abimg{width:53.5%;position: relative;z-index: 2}
.section_two .about_r{width: 48.5%;float: right;position: absolute;top: -33px;right: 0;padding:45px 4.7% 80px 7%;color:#fff;background: #fd7a32 url(../images/bg3.png) repeat;}
.section_two .about_r h1{font-size: 28px;line-height: 1.7; }
.section_two .about_r h1 p{font-size: 16px;text-transform: uppercase;}
.section_two .about_r .about_text{width: 100%;height: 280px;overflow: hidden;font-size: 14px;line-height: 28px;padding-left: 8px;margin: 15px 0;text-indent: 24px;}
.section_two .about_r a.bmore{border: 1px solid #fff;color: #fff;margin-top: 30px;}
.section_two .about_r a.bmore:hover{background: #fff;color: #fd7a32;}

.section_three{padding: 60px 0;}
.box_title{font-size: 28px;color: #fd7a32;line-height: 1.8;}
.box_title p{text-transform: uppercase;font-size: 16px;color: #999;}
.box_title em{display:block;width: 40px;height: 2px;background: #fd7a32;margin-top: 10px;}
.section_three .pro_item{padding: 6px 0;}
.section_three .pro_item .probox{padding:0 8px;padding-top: 40px;overflow: hidden;}
.section_three .pro_item a{display: block;width: 100%;height: auto;position: relative;}
.section_three .pro_item .probox em{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #333;opacity: 0;transition: 400ms;}
.section_three .pro_item .probox p{width: 100%;height: auto;text-align: center;font-size: 18px;color: #fff;font-weight: bold;position: absolute;top:-100%;left: 0;z-index: 2;
	transition: 400ms;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.section_three .pro_item .probox p span{padding-bottom: 18px; border-bottom: 2px solid #fff;}
.section_three .pro_item .probox i{display: block;width: 2px;height: 120px;background: url(../images/bg4.jpg) center no-repeat;position: absolute;bottom: -123px;left: 50%;z-index: 2;transition: 400ms;}
.section_three .pro_item .probox a:hover{box-shadow: 0 0 8px #484848;}
.section_three .pro_item .probox a:hover p{top: 50%;transition: 400ms;}
.section_three .pro_item .probox a:hover i{bottom:-40px;transition: 400ms;}
.section_three .pro_item .probox:hover{padding-top: 0;padding-bottom: 40px;}
.section_three .bmore,.section_four .bmore{margin: 0 auto;margin-top: 30px}

.section_four{padding: 40px 0 60px;}
.section_four .box_title em,.contact .box_title em{margin: 0 auto;margin-top: 10px;}
.section_four .new_item{padding-top: 15px;}
.section_four .new_item a{display: block;width: 100%;height: auto;padding:14px 8px;}
.section_four .new_item .newbox dl{padding: 40px;padding-bottom: 84px;position: relative;background: #fff;transition: 400ms;}
.section_four .new_item .newbox.case dl{padding-bottom: 40px;padding-top: 84px;position: absolute;top: 100%;left: 0;width: 100%;}
.section_four .new_item .newbox dl dt{width: 100%;height: 28px;overflow: hidden;line-height: 28px;font-size: 16px;color: #333;font-weight: normal;}
.section_four .new_item .newbox dl p{text-align: right;color: #666;margin: 5px 0;}
.section_four .new_item .newbox dl dd{width: 100%;height: 56px;line-height: 28px;font-size: 14px;color: #999;overflow: hidden;margin-top: 10px;}
.section_four .new_item a:hover .newbox{box-shadow: 0 2px 8px #bbacac;}
.section_four .new_item a:hover .newbox dl{background: #fd7a32;transition: 400ms;}
.section_four .new_item a:hover .newbox.case dl{box-shadow: 0 2px 8px #bbacac;}
.section_four .new_item a:hover .newbox dl dt{color: #fff;}
.section_four .new_item a:hover .newbox dl p{color: #fff;}
.section_four .new_item a:hover .newbox dl dd{color: #feddd0;}
.section_four .new_item .newbox dl:before{content: "";width: 2px;height:80px;background: url(../images/bg6.jpg) center no-repeat;position: absolute;left: 50%;margin-left: -1px;top:100%;margin-top: -40px}
.section_four .new_item .newbox.case dl:before{top:-40px;margin-top: 0;}

.contact{width: 100%;height: auto;overflow: hidden;padding: 40px 0 140px;}
.contact .tactbox{padding:50px 0;width: 100%;height: auto;overflow: hidden;}
.contact .contact_box{width:34%;float: left;}
.contact .contact_box p{font-size: 14px;color: #333;line-height: 2;padding-bottom: 30px;}
.contact .contact_box dd{width: 100%;height: auto;line-height: 24px;font-size: 14px;margin:30px 0;color: #333;padding-left: 40px;}
.contact .contact_box dd.dd1{background: url(../images/ficon1.png) left top no-repeat;}
.contact .contact_box dd.dd2{background: url(../images/ficon2.png) left top no-repeat;}
.contact .contact_box dd.dd3{background: url(../images/ficon3.png) left top no-repeat;}
.contact .mapbox{width:53.5%;float: right;}

.footer{padding: 14px 0;background:#fd7a32;color: #fff;font-size: 14px;}
.footer .copy{width: 76%;float: left;line-height: 20px;}
.footer .copy a{color: #fff;}
.footer .links{width: 20%;float: right;padding-left: 26px;background: url(../images/link.png) left center no-repeat;line-height: 24px;}
.footer .links p{width: 80px;float: left;}
.footer .links .link_btn{cursor: pointer;margin-left: 84px;padding: 0 8px;font-size: 14px;height: 24px;color: #fd7a32;background: #fff url(../images/link2.png) 90% center no-repeat;}
.footer .links .link_ul{display: none;width:61%;max-height: 120px;background: #fff;position: absolute;right: 0;bottom: 24px;border: 1px solid #e0e0e0;overflow-y:scroll;z-index: 3;}
.footer .links .link_ul a{font-size: 14px;display: block;width: 100%;height: 30px;line-height: 30px;color: #fd7a32;padding: 0 8px;overflow: hidden;}
.copyM{color:#fff;font-size: 14px;padding:10px 15px;background: #333333;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 .model_leftright_l .l_posnav{background: #fd7a32;}
.content_108color .model_leftright_l .cont_nav .one .o_li a.one_a:hover,.content_108color .model_leftright_l .cont_nav .one .o_li a.ez{color: #fd7a32;}
.content_108color .model_leftright_l .cont_nav .second .e_li a:hover,.content_108color .model_leftright_l .cont_nav .second .e_li a.sen_x{color: #fd7a32;}
.content_108color .model_leftright_l .cont_nav .second .e_li a:hover:before,.content_108color .model_leftright_l .cont_nav .second .e_li a.sen_x:before{background: #fd7a32;}
.content_108color .model_leftright_l .cont_nav .one .o_li .one_a i{background: url(../images/icon6.png) center no-repeat;}
.content_108color .moder_leftright_r .r_posnav p{border-bottom: 4px solid #fd7a32;}
.content_108color .moder_leftright_r .r_posnav span a:hover{color: #fd7a32;}
.content_108color .model-textlist-four ul li a:hover{background: #fd7a32;}
.content_108color .model-textlist-four ul li .textlist-r dd{color: #e8e6e6;}
.content_108color .model_page a.current,.content_108color .model_page a:hover {color: #fd7a32;border-bottom: 1px solid #fd7a32;}
.content_108color #model_contant_main .model_dec_adress a:hover {color: #fd7a32;}
.content_108color .model-dectil-bottom .model-dectil-chose a:hover {color: #fd7a32;}
.content_108color .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover{border:1px solid #fd7a32;background-color: #fd7a32;}
.content_108color .model-textlist-one ul li:hover{border-bottom:1px solid #fd7a32;}
.content_108color .model-textlist-one ul li:hover dt{color: #fd7a32;}
.content_108color .model-textlist-two ul li a:hover .textlist-l dt{color: #fd7a32;}
.content_108color .model-textlist-two ul li a:hover .textlist-l p{color: #fd7a32;}
.content_108color .model-textlist-two ul li a:hover .newtime{background: #fd7a32;}
.content_108color .model-textlist-three ul li a:hover, .content_108color .model-textlist-three ul li a:hover dt{color: #fd7a32;}
.content_108color .model-textlist-three ul li a:before{background: #fd7a32;}
.content_108color .model-imgtextlist-two ul li a:hover .imgtextlist-r dt{color: #fd7a32;}
.content_108color .model-imgtextlist-one ul li a:hover .imgtextlist-l dt{color: #fd7a32;}
.content_108color .model-imgtextlist-three ul li a:hover .imgtextlist-r dt{color: #fd7a32;}
.content_108color .model-imgtextlist-three ul li .imgtextlist-r .time p{color: #fd7a32;}
.content_108color .model-imgtextlist-four ul li a:hover .imgtextlist-text{background: #fd7a32;}
.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: #fd7a32;}
.content_108color .model-imglist-two ul li a:hover p{background: #fd7a32;}
.content_108color .model-imglist-three ul li a:hover{border:1px solid  #fd7a32;}
.content_108color .model-imglist-three ul li a:hover p{color:  #fd7a32;background: url(../images/icon6.png) right center no-repeat;}
.content_108color .model_seach .model-seachdiv form .seabtn{background:  #fd7a32;}
.content_108color .model-textlist-three ul li a:before{background:  #fd7a32;}
.content_108color .model-dectil-img .slick-dots li button{border:1px solid   #fd7a32;}
.content_108color .model-dectil-img .slick-dots li.slick-active button{background:   #fd7a32;}
.content_108color .model-textlist-four ul li a:hover{background:   #fd7a32!important;}
.content_108color .model-textlist-four ul li a:hover .textlist-r dt{color:#fff!important;}
.model_page a.on,.model_page a:hover{color: #fd7a32;border-bottom: 1px solid #fd7a32;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before{border-bottom: 12px solid #fd7a32;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before{border-top: 12px solid #fd7a32;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover{border-bottom: 1px solid #fd7a32;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover{border-top: 1px solid #fd7a32;}

/*手机端内页*/
.content_108color .model-classify .model-classify-posnav {background: #fd7a32;}
.content_108color .model-classify-nav .one .o_li a.ez{color:#fd7a32}
.content_108color .model-classify-nav .second a.sen_x{color:#fd7a32}
.content_108color .model-classify-nav .second a.sen_x:before{background:#fd7a32}
.content_108color .model-phone-page span i{color:#fd7a32;}
.content_108color .model-fixed{background:#fd7a32;}
.content_108color .model-leftnav-top{background:#fd7a32;}
.model-leftnav-main .nnav .yiji.xz a.ce{color:#fd7a32}
.model-classify-nav .one .o_li .one_a i{background: url(../images/icon6.png) center no-repeat;}




.model-dectil-text img{max-width: 100%;max-height: 100%;}








