<style>
@charset "utf-8";
html{color:#000;background:#fff; }
body { color:#666;font-size:14px; min-width: 1300px; width: 100%; overflow-x:hidden; font-family: "Microsoft YaHei";;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
em ,i{ font-style:normal;}
.mt10{ margin-top:10px;}


/*让图片的居左右中都正常*/
.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
display: block;
}
.alignright {
float:right;
margin:0 0 0.5em 0.5em;
display: block;
}
.aligncenter {
text-align:center;
margin:0 auto;
display: block;
}


a{color:#666; text-decoration: none; font-size:14px;}
a:hover{color:#000;cursor:pointer;}
/*浮动样式*/
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px; overflow:hidden;}
.clearfix{ zoom:1}
/*宽度样式*/
.w1300{ width:1300px; margin:0 auto;}
.top1{ height:120px;border-bottom: 1px solid #5f92e6;}
.top1 h6{  height:56px; margin-top:31px;}
.top1 h6 img{ float:left; margin-right:9px;width: 100%;}
.top1 h6 b{font-size:12px; font-weight:normal;  text-transform: uppercase;letter-spacing: 2px; } 
.top1 h6 b i{font-size: 37px;color:#000; display:block; font-weight:bold; line-height: 39px; margin-bottom:4px; letter-spacing:0px;}
.top1 .dwy{ margin-left:30px; margin-top:33px; border-left: 1px solid #89c2f3; padding-left: 30px;}
.top1 .dwy h2{ font-size:25px; line-height:28px; color: #da251c;}
.top1 .dwy h3{ font-size:16px; font-weight:normal; margin-top:5px; }
.top1 .topR{ width: 310px;}
.top1 .topR .menu{ margin-top: 20px; text-align: right;}
.top1 .topR .menu a{ font-size: 15px; margin: 0 10px;}
.top1 .topR .menu a:hover{ color: #da251c;}
.top1 .topR .menu span{ font-size: 12px; color: #94b6ef; margin: 0 10px;}
.top1 .topR .tact{width: 310px; font-size: 14px; margin-top: 20px;}
.top1 .topR .tact strong{ font-size: 26px; font-family: arial; color: #da251c;}

.navigation h2{display:none;}

.t-nav{width: 100%;position: fixed;top: 0px;left: 0px;border-top: none;z-index: 9999;box-shadow: 4px 0 30px rgba(0, 0, 0, 0.3);}
.nav{ height:60px; line-height:60px; background:#000;}
.nav ul li{ height:60px; text-align:center; float:left;    width: 185px; }
.nav ul li a{ font-size:16px; display:block; text-decoration:none; color:#fff;}
.nav ul li a:hover,.nav ul li.cur a{ height:58px; border-bottom: 2px solid #da251c; font-weight:bold; color: #fff;}
/*幻灯*/
.banner-box {
    min-width: 1200px;
    height:600px;
    position: relative;
    overflow: hidden;
}
.banner-box .bd {
    width: 100% !important;
}
.banner-box .bd li {
    width: 100% !important;
    height:600px;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-box .bd li a {
    display: block;
    background-size: auto;
}
.banner-btn {
    width: 100%;
    position: absolute;
    top: 100px;
    left: 0;
    margin-left: 0;
    height:480px;
    overflow: hidden;
}
.banner-btn a {
    display: block;
    width: 49px;
    height: 104px;
    position: absolute;
    top: 45px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: 0.3s all ease-in-out
}
.banner-btn a.prev {
    left: -50px;
    background: url() no-repeat 0 0;
}
.banner-btn a.next {
    right: -50px;
    background: url() no-repeat -49px 0;
}
.banner-box .hd {
    position: absolute;
    top:460px;
    width: 100%;
    display: block;
}
.banner-box .hd ul {
    text-align: center
}
.banner-box .hd ul li {
    width:15px;
    height:15px;
    border-radius : 20px;
    text-indent: -9999px;
    background:#000;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    transition: 0.3s all ease-in-out
}
.banner-box .hd ul li.on {
background:#fff; border:2px solid #000;
    width: 14px; height:14px
}
.banner-box:hover .banner-btn a.prev {
    left: 20px;
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4;
}
.banner-box:hover .banner-btn a.next {
    right: 20px;
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4;
}
.banner-box .banner-btn a.prev:hover, .banner-box:hover .banner-btn a.next:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
}
.ny-banner{
    height: 350px;
    background: url("") no-repeat center 0;
    overflow: hidden;
    color: #fff;
margin-bottom: 20px;
}
.banner3{
    height: 193px;
    background: url(../uploadfile/image/20180418/20180418193818_1856838843.jpg) no-repeat center 0;
    overflow: hidden;
    color: #fff;	
    margin-bottom: 70px;
}
.banner3 p{
    font-size: 16px;
    font-weight: bold;
    padding: 90px 0 0 993px;
}
.banner3 a{
    color: #fff;font-size: 16px;
}
.tybt{ text-align: center;}
.tybt h4{ height: 68px; color: #000; background: url(../images/20201029203812_2075119331.png) bottom no-repeat; font-size: 46px; font-weight: bold; line-height: 46px;}
.tybt b{ }
.tybt p{ font-size: 18px; margin-top: 20px;}
/*----个性化定制----*/
.numb{ height:278px; width:1300px; margin:-78px auto 0; position:relative; z-index:8; border-radius:5px; background:#fff; box-shadow:0.1rem 0.1rem 1rem 0.1rem #edeced; margin-bottom:90px;}
.numb dl{ width:325px; float:left; position:relative;}
.numb dl:before{ content:""; position:absolute; top:87px; right:0; width:1px; height:144px; background:#e5e5e5;}
.numb dl:last-child:before{ background:none;}
.numb dt{ margin:45px 0 0 0; text-align:center; font:34px "Microsoft YaHei";color:#000000;}
.numb dt b{ display:none; font:170px Arial; color:#3fa8f0; position:absolute; top:134px; left:190px;}
.numb dt em{ display:block; width:42px; height:42px; margin:0 auto; overflow:hidden;}
.numb dt em img{display:block; width:42px; height:42px;}
.numb dt i{ display:block; font:20px "Microsoft YaHei"; position:relative; padding-bottom:10px;}
.numb dt i:before{ content:""; position:absolute; bottom:0; left:50%; width:22px; height:2px; background:#000; margin-left:-11px;}
.numb dd{ margin-top:16px; font:18px "Microsoft YaHei"; line-height:28px; color:#666666; text-align:center; z-index:2; position:relative;}
.numb dd em{ display:block;}
.numb .cur{ background:url(../images/20201031085132_1994598910.png) no-repeat center top; width:325px; height:368px; margin-top:-68px;}
.numb .cur:before{ background:none;}
.numb .cur dt{ margin-top:52px; color:#fff;}
.numb .cur em{ margin:0 auto 60px;}
.numb .cur i:before{ background:#fff;}
.numb .cur dd{ color:#fff;}
.numb .cur dt b{ display:block;}
/*产品*/
.procenter{ margin-top:53px; margin-bottom:50px;}
.protab3{ background: url(../images/20201030115446_699190173.png) top center no-repeat; padding:80px 0 52px 0;}
.protab{margin:20px 0; text-align: center;font-size: 0;white-space: nowrap;}
.protab a{display: inline-block;vertical-align: top;width: 237px;line-height: 62px;background:#ededed;transition: all .3s ease;font-size: 18px;color: #666666;font-weight: lighter;}
.protab a+a{margin-left: 29px;}
.protab a.on{background: -moz-linear-gradient(left, #42aef2 0%, #000 60%);background: -webkit-linear-gradient(left, #42aef2 0%,#000 60%);background: linear-gradient(to right, #42aef2 0%,#000 60%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42aef2', endColorstr='#000',GradientType=1 );left: 0;top:-100%;transition:0.3s all ease; color: #fff; font-size: 18px;}
.proshow td{ display:inline-block; vertical-align:top; width:315px; padding:0 !important;}
.proshow td br{ display:none;}
.proshow td a,.proshow td span{ display:block; overflow:hidden; position:relative;}
.proshow td a img{ width:99%; height:auto; transition:all .6s ease; border:solid 1px #ccc;}
.proshow td span a{ line-height:60px; font-size:18px; color:#333; font-weight:lighter;  transition:all .3s ease;}
.proshow td+td{ margin-left:13px;}
.proshow td>a:after{ content:''; display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,.3); opacity:0; transition:all .3s ease; top:0; left:0;}
.proshow td:hover>a:after{opacity: 1;}
.proshow td:hover>a img{ transform:scale(1.1);}
.proshow td:hover span a{ color:#fff; background:#000; padding:0 40px;}
/*工程*/

/*简介*/
.b-shadow{
	-o-box-shadow:0 0 30px rgba(0,0,0,.05);
	-ms-box-shadow:0 0 30px rgba(0,0,.05);
	-moz-box-shadow:0 0 30px rgba(0,0,0,.05);
	-webkit-box-shadow:0 0 30px rgba(0,0,0,.05);
	box-shadow:0 0 30px rgba(0,0,0,.05);
}
.home-bg-02{ background-image: url(../images/20201031095003_1706668649.jpg); background-size: cover;     padding-top: 80px; height: 780px;}
.home-service .content{ margin-top: 50px; background:#FFFFFF; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; margin-bottom:104px;}
.home-service .img{ width:45%; position: relative; z-index: 0;}
.home-service .img img{ position: relative; z-index: 1;}
.home-service .right{ width:47%; padding:20px 3%; position: relative; z-index:1;}
.home-service .tit{ font-size: 26px; color: #000; letter-spacing:1px; background: url(../images/20201031095046_1988422534.png) no-repeat left; padding-left: 35px; position: relative;}
.home-service .tit:before{ content: ""; position: absolute; left:-140px; top:50%; width: 120px; height: 1px; background: #000;}
.home-service .right .des{ margin-top: 25px; font-size:16px; color: #666; letter-spacing: 1px; line-height: 30px; text-indent: 20px;}
.home-service .point{ margin-top: 20px; padding-bottom: 50px; border-bottom: 1px dashed #dcdcdc;}
.home-service .point li{ margin-top: 10px; float: left; width:54%; }
.home-service .point li:nth-child(2n){ width:45%; }
.home-service .point li div{ display:inline-block; background:url(../images/20201031162433_1812606947.png) no-repeat left 3px; padding-left: 30px; line-height:24px;}
.home-service .text li{ margin-top: 45px; float: left; width: 33.33333333333333%;}
.home-service .text li:nth-child(2){ width:66%;}
.home-service .text li:nth-child(3){ clear: both;}
.home-service .text li img{ float: left;}
.home-service .text li div{ margin-left: 55px;}
.home-service .text li div span{ display:block; font-size: 32px; line-height: 40px; color: #333333;}
.home-service .text li div p{ margin-top: 5px; max-width: 140px; letter-spacing: 1px; font-size:14px; color: #999999; line-height: 18px;}

/*车间*/
.dpb{height:288px; background:url(../images/20201031105840_714156492.png) center;}
.qycon{overflow: hidden; width:1300px; margin:auto;}
.qycon table,.qycon tr,.qycon tbody{display: block;}
.qycon td{ position: relative; display: inline-block; margin-right: 10px; margin-top:50px;}
.qycon td,.qycon td div{ padding:0 !important;}
.qycon td br{ display:none;}
.qycon td a{ display:block; overflow: hidden;}
.qycon td>a img{transition: all .6s ease;}
.qycon td div a{ position: absolute;bottom: 0; line-height: 30px;text-align: center;font-size: 14px;color: #fff;transition: all .3s ease; left: 0; right: 0;margin: 0 auto; width: 100%; background: rgba(0,0,0,.6);}
.qycon td:hover div a{background: rgba(41,109,222,.6);}
/*优势*/
.ys{ padding-top:80px; padding-bottom: 80px; overflow:hidden; background: url(../images/abbg.jpg) no-repeat center 0; }
.yst2{background:#fff; box-shadow:0.1rem 0.1rem 1rem 0.1rem rgba(0, 0, 0, 0.3); border-radius:3px;}
.ys1{ height:432px;}
.ys1 dl{ width:1250px; height:432px; margin:30px 0 0 22px;}
.ys1 dt{ width:616px; height:432px; float:left; overflow:hidden;}
.ys1 dt img{ display:block;width:616px; height:432px;}
.ys1 dd{ width:595px; float:right;}
.ys1 dd h3{ font:30px "Microsoft YaHei"; font-weight:bold; color:#1e1e1e; padding:26px 0 18px; background:url(../images/20201031095224_919821317.gif) repeat-x center bottom; margin-bottom:16px;}
.ys1 dd h3 em{ display:block; font:36px Arial; color:#000; font-weight:bold; }
.ys1 dd p{ font:16px "Microsoft YaHei"; line-height:24px; color:#282828; background:url(../images/20201031095250_552783703.png) no-repeat left 7px; padding-left:15px; margin-bottom:10px;}
.ys1 dd span a{ display:block; width:107px; height:40px; background: #ccc;  color: #333; font:16px "Microsoft YaHei"; text-align:center; line-height:40px; margin:31px 0;}
.ys1 dd h5{ height:125px; overflow:hidden;}
.ys1 dd h5 img{ display:inline-block; width:287px; height:125px;}
.yst{ height:100px; margin-top:30px; background:url(../images/20201031095317_552276007.gif) repeat-x center 10px;}
.yst li{ width:433px; float:left; font:24px "Microsoft YaHei"; font-weight:bold; text-align:center; color:#1d1d1d; background:url(../images/20201031100624_163493363.png) no-repeat center top; padding-top:42px;}
.yst li:hover,.yst .cur{ background:url(../images/20201030195158_113041829.png) no-repeat center top; color:#000;}
/*售后*/
.tix{height:550px;}
.tix2{ height:440px; margin-top:54px;  background: #fff; box-shadow: 0.1rem 0.1rem 1rem 0.1rem #eae9ea;}
.tix dl{ width:433.3px; float:left;  }
.tix dt{ text-align:center; font:34px "Microsoft YaHei"; color:#333333; margin-top:65px; font-weight: bold;}
.tix dt em{ display:block; font:16px "Microsoft YaHei"; color:#999;}
.tix dt span{ display:block; width:91px; height:91px; margin:27px auto;}
.tix dt span img{ display:block; width:100%; border: #333333 solid 4px;  border-radius: 54px;}
.tix dd{ width:310px; margin:0 auto; font:15px "Microsoft YaHei"; line-height:26px; color:#666; text-align:center;}
.tix .cur{ background: linear-gradient(196deg,#46baf5 10%,#3b9cec 40%, #000 100%); width:433.3px; height:489px; margin-top:-20px;}
.tix .cur dt{ margin-top:85px; color:#fff;}
.tix .cur dt em{ color:#fff;}
.tix .cur dt span img{border: #3b9dec solid 4px;  border-radius: 54px;}
.tix .cur dd{ color:#fff;}
/*聚焦动态*/
.news{padding: 70px 0 80px 0;}
.newstitl{text-align: center;font-size: 18px;color: #aaaaaa;font-weight: lighter;}
.newstitl b{display: block;font-size: 36px;color: #222222;margin-bottom: 10px;}
.newstitl b i{color: #000;}
.newstab{text-align: center;padding-bottom: 30px;margin: 30px 0;}
.newstab a{ display: inline-block;width: 160px;line-height:50px; border-radius: 14px 0 0 0; background: #ededed;font-size: 20px;color: #666666;font-weight: lighter;transition: all .3s ease;}
.newstab a+a{margin-left:21px;}

.newstab a.on{background: #3db2db;color: #fff;background:#000;}
.newsleft{width:458px;height:450px;box-sizing: border-box;background: #fff;}
.newsright{width: 812px;height:450px; background:#ddd; padding:1px 0 0 1px;}

.newsleft .news_div_item_pic{position: absolute;left: 0;top: 0;width: 458px;height:344px; overflow: hidden;overflow: hidden; border: 1px solid #eee;}
.news .news_div_item_pic img{width: 100%;height: 100%;transition: all .6s ease;}
.news .news_div_item:hover .news_div_item_pic img{transform: scale(1.1);}
.news .news_div_item:hover .news_div_item_a{color:#000;}
.news .news_div_item{position: relative;}
.newsleft .news_div_item{padding-top:363px;}
.newsleft .news_div_item_date{position: absolute;right:0;padding-top: 52px; bottom:0;text-align: center; background: #ccc; width: 82px;height: 80px;box-sizing: border-box;}
.newsleft .news_div_item_date>div{display: inline-block;font-size: 14px;color: #333;font-weight: lighter;}
.newsleft .news_div_item_date .news_div_item_day{position:absolute;top: 5px;left: 0;right: 0;margin: 0 auto;font-size: 36px;font-weight: bold;}
.newsleft .news_div_item_content{width:340px;}
.news .news_div_item_a{display: block;font-size: 18px; font-weight:bold; color: #333; white-space: nowrap;text-overflow: ellipsis;position: relative; overflow: hidden;} 
.news .news_div_item_body{font-size:15px;color:#666;font-weight: lighter;margin-top: 10px;line-height: 26px;height: 52px;overflow: hidden;}
.newsright .news_div_item{position: relative; display: inline-block;vertical-align: top;background: #fff; box-sizing: border-box;width: 403px;height:149px;margin: 0 1px 1px 0;padding:31px 0 0 108px;}
.newsright .news_div_item:nth-child(2n){margin-left: 0;}
.newsright .news_div_item_content{width: 276px;}
.newsright .news_div_item_date{position: absolute;left:30px;padding-top:46px; top:40px;text-align: center;}
.newsright .news_div_item_date>div{display: inline-block;font-size: 14px;color: #555555;font-weight: lighter;}
.newsright .news_div_item_date .news_div_item_day{position:absolute;top:-3px;left: 0;right: 0;margin: 0 auto;font-size: 36px;font-weight: bold;}
.news .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{color:#000;}
.news .divdgweb_new_div_item{position: relative;}
.newsleft .divdgweb_new_div_item{padding-top: 330px;}
.newsleft .divdgweb_new_div_item_date{position: absolute;right:0;padding-top: 52px; bottom:0;text-align: center; background: #000; width: 82px;height: 80px;box-sizing: border-box;}
.newsleft .divdgweb_new_div_item_date>div{display: inline-block;font-size: 14px;color: #ffffff;font-weight: lighter;}
.newsleft .divdgweb_new_div_item_date .divdgweb_new_div_item_day{position:absolute;top: 5px;left: 0;right: 0;margin: 0 auto;font-size: 36px;font-weight: bold;}
.newsleft .divdgweb_new_div_item_content{width: 290px;}
.news .divdgweb_new_div_item_a{display: block;font-size: 18px;color: #222222;font-weight: lighter; white-space: nowrap;text-overflow: ellipsis;position: relative;overflow: hidden;} 
.news .divdgweb_new_div_item_body{font-size: 14px;color: #aaaaaa;font-weight: lighter;margin-top: 10px;line-height: 26px;height: 52px;overflow: hidden;}
.newsright .divdgweb_new_div_item{position: relative; display: inline-block;vertical-align: top;background: #fff; box-sizing: border-box;width: 430px;height: 162px;margin: 0 1px 1px 0;padding: 40px 0 0 120px;}
.newsright .divdgweb_new_div_item:nth-child(2n){margin-left: 0;}
.newsright .divdgweb_new_div_item_content{width: 260px;}
.newsright .divdgweb_new_div_item_date{position: absolute;left:30px;padding-top: 52px; top:40px;text-align: center;}
.newsright .divdgweb_new_div_item_date>div{display: inline-block;font-size: 14px;color: #555555;font-weight: lighter;}
.newsright .divdgweb_new_div_item_date .divdgweb_new_div_item_day{position:absolute;top: 5px;left: 0;right: 0;margin: 0 auto;font-size: 36px;font-weight: bold;}
/* 尾部 */
#footer{width: 100%;background: #333; overflow: hidden;}
.main{width: 1300px; margin: 0 auto;}
.footer-nav ul{width: 100%;height: 97px; }
.footer-nav li{float: left;width:216px;margin-top:37px; text-align: center;}
.footer-nav li a{color: #fff;font-size: 16px;}
.info > div{float: left}
.name{width:373px;}
.name p{font-size: 21.8px;color: #ccc;line-height:25px;padding-top: 10px;}
.name p:last-child{font-size: 15px;line-height:25px;letter-spacing: 0.5px;text-transform: uppercase;padding-top: 0px;}
.name p a{ color: #ccc; font-size: 13px;}
.icon {margin-left: 80px;height: 220px;width: 500px;}
.icon .left{float: left;width: 50%;}
.icon .left:last-child{float: right;} 
.icon .icon-contact{margin-bottom: 40px;height: 40px;}
.icon .icon-contact:last-child{margin-top: 0;}
.icon .icon-contact div{margin-left: 20px;}
.icon .icon-contact div p{color: #fff;font-size: 15px; font-weight: bold;}
.icon .icon-contact div p a{color: #fff; padding:0 5px;}


.icon .icon-contact div p:last-child{font-size: 16px;line-height: 25px; font-weight: normal; color: #999;}
.icon .icon-contact div p strong{font-size: 20px;}
.icon-contact span{color: #fff;font-size: 30px;display: block;float: left;height: 40px;width: 40px;border-right: 1px solid #484848;padding-top: 5px;margin-right: 20px;padding-right: 10px;}
.info .code{float: right;margin-top: 40px;}
.info .code div{text-align: center;float: left;color: #fff;line-height: 50px;margin-left: 40px;}
.info .code div img{display: block;text-align: center;margin: 0 auto;}
.code img:first-child{margin-right: 30px;}
.footer-bottom{ width: 1300px; margin:53px auto; border-top: 1px solid #484848; }
.footer-bottom .bottom-left{float: left}
.footer-bottom span{color: #fff;margin-right:10px;font-size: 16px; line-height: 60px; float:left; }
.footer-bottom .link{float: right}
.footer-bottom .link a{color: #343434;font-size: 16px;}
.zxxx{margin-left:50px;}
</style>