<style>

.w1400{width:1400px;margin:0 auto;}
.db,.lb,.dd{font-size:0;}
.db>div,.lb>li,.dd>dl{font-size:14px;display:inline-block;vertical-align:top;}
.top10{height:10px;}
.top20{height:20px;}
.top30{height:30px;}
.top40{height:40px;}
.top50{padding-top:50px;}
.top60{height:60px;}
.top70{height:70px;}
.top80{ height:80px;}
.fr{ float:right;}
.fl{ float: left;}
.top35{ margin-top:35px}
.en{ text-transform:uppercase; font-family:arial}
/* li,p,i,b,em,dt,dd,td,a,ul,td,input,textarea,span{ box-sizing:border-box;font-family:"Microsoft YaHei"; font-family:'微软雅黑';} */
.title{ text-align:center; font-size:18px; color:#aaaaaa; font-weight:lighter;}
.title p:nth-child(1){ font-size:36px; font-weight:bold; color:#484848; margin-bottom:10px;}
/*抬头*/
.header>.hl.w1400{ position:relative;}
.hlogo{ position:absolute; width:330px; height:170px; box-shadow:0px 0px 20px #eee; text-align:center; line-height:33px; padding-top:39px; z-index:999; background:#fff;}
.hlogo p:nth-child(2){ font-size:22px; color:#484848; font-weight:bold; margin:10px 0px 0px 0px;}
.hlogo p:nth-child(3){font-size:16px; color:#484848;}
.htop{ height:50px; border-bottom:1px solid #eeeeee; background:#f5f5f5;}
.htop a,.htop{ font-size:14px; color:#888888; line-height:49px;}
.htop span{ font-weight:bold;font-size:18px; color:#ff6600; padding-right:13px;}
.htop i{ font-size:12px;}
.htop a:hover{color:#ff6600; text-decoration:underline;}
.htop a{ padding:0px 13px;}
.htop  p{ padding-left:32px; background:url(../uploadfile/image/20200420/20200420084654_338510888.png) no-repeat left center;}
/*导航*/
.hsecond .nav li{ float:left; position:relative;}
.hsecond .nav li>a{ font-size:16px; color:#484848; display:block; line-height:120px; padding:0px 5px;}
.hsecond .nav li>a:after{ content:'' ; height:3px; background:#ff6600; width:0px; bottom:0px; left:0px; right:0px; position:absolute; margin:0 auto; transition:all 0.5s ease;}
.hsecond .nav li.cur>a,.hsecond .nav li:hover>a{ color:#ff6600;}
.hsecond .nav li:hover>a:after,.hsecond .nav li.cur>a:after{ width:100%;}
.hsecond .nav li+li{ margin-left:35px;}
.hsecond .nav li .dropmenu{ position:absolute; right:0px; top:120px; display:none; box-sizing:content-box; width:500px; padding:20px; z-index:9999; background:rgba(255,255,255,0.95); border:1px solid #eee;}
.hsecond .nav li .dropmenu .droppic{ height:138px; width:60%; background:#eee; float:left;}
.hsecond .nav li .dropmenu .dropa a{ width:190px; float:left; text-align:center; border-bottom:1px dashed #eee; display:inline-block; line-height:45px; font-size:14px; color:#555;}
.hsecond .nav li .dropmenu .dropa a:hover{ color:#ff6600;}
.hsecond .nav li .dropmenu .dropa { width:36%; float:right;}
.hsecond .nav li .dropmenu .droppic img{ width:100%; height:100%;}
.hsecond .nav li .dropmenu1 .droppic{ height:544px;}
.hsecond .nav li .dropmenu2 .droppic{ height:276px;}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1200px; height:638px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:638px; background-position: center; background-repeat: no-repeat; background-color: #eee}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:230px; left: 0; margin-left: 0; height: 360px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../uploadfile/image/20200420/20200420091720_1336066554.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../uploadfile/image/20200420/20200420091720_1336066554.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ background: #ff6600; width:83px; border-radius: 130px;}
.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; }
/*搜索*/
.search{ height:67px; background:url(../uploadfile/image/20200420/20200420092336_1921275420.jpg) no-repeat center;}
.keywords{ line-height:67px; float:left; padding-left:34px; background:url(../uploadfile/image/20200420/20200420092533_882133337.png) no-repeat left center; margin-right:32px;}
.keywords a,.keywords{ font-size:14px; color:#ffffff;}
.keywords a:hover{ text-decoration:underline; color:#ff6600;}
#search_bg{ width:241px; height:36px; border-radius:20px; background:#aeaeae; margin-top:15.5px; padding-left:19px;}
#search_bg input{ float:left; background:none;font-family:"Microsoft YaHei"; }
#infoname{ height:36px; width:190px;}
#sso{ margin-top:10px;}
.seconcat{ color:#fff; line-height:67px; font-size:15px; padding-left:42px; background:url(../uploadfile/image/20200420/20200420084654_2017760086.png) no-repeat left center;}
.seconcat i,.seconcat span{ float:left;}
.seconcat i{ font-family:Antonio,Arial, Helvetica, sans-serif; font-size:32px;}
/*数字*/
.vc{ width:143px; height:98px; background:url(../uploadfile/image/20200420/20200420094022_332250297.jpg) no-repeat center; cursor:pointer; margin-right:20px;position: relative;}
.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:50%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:50%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:50%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}
.numwa p:nth-child(1){ font-size:25px; color:#222222;}
.numwa p:nth-child(1) span{ font-size:36px; color:#ff6600;}
.numwa p:nth-child(2){ font-size:14px; color:#cccccc; line-height:25px;}
.numright ul li{ float:left; height:67px; border-left:1px dotted #c7c7c7; padding:0px 40px; text-align:center;}
.numright ul li p:nth-child(1){ font-size:16px; color:#484848; font-weight:lighter;}
.numright ul li p:nth-child(1) span{ font-size:40px; font-weight:bold; line-height:40px;}
.numright ul li p:nth-child(2){font-size:16px; color:#ccc; font-weight:lighter; padding-top:4px;}
.numright{ margin-top:15px;}
.pulse {position: absolute; z-index: 1;  width:120px; height:120px; border-radius: 50%; opacity: 0; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; top:15px; opacity: 0; -webkit-animation: warn 2s ease-out; animation: warn 2s ease-out;-o-animation:warn 2s linear infinite;-moz-animation:warn 2s linear infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #fff;box-shadow: 1px 1px 30px #fff; top:-10px; left:-10px;}
.pulse1 {position: absolute; left:11px; top:-10px; z-index: 1; width:120px; height:120px; border-radius: 50%; opacity: 0; -webkit-animation: warn1 2s ease-out; animation: warn1 2s ease-out;-o-animation:warn1 2s linear infinite;-moz-animation:warn1 2s linear infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #fff;box-shadow: 1px 1px 30px #fff;}
@keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.2;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.3;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.4;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-o-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.2;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.3;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.4;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-moz-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.2;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.3;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.4;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.2;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.4;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.4;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.2;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.3;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.4;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-webkit-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.2;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.3;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.4;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-o-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.2;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.3;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.4;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-moz-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.2;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.3;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.4;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
/*昌瑞通风降温 · 解决方案*/
.solve{ height:887px; background:url(../uploadfile/image/20200420/20200420105244_1770998541.jpg) no-repeat center; padding-top:70px;}
.solvetab{ width:700px;height:490px; background:rgba(0,0,0,0.8); padding:40px; z-index:999;}
.solvetab li{ float:left; width:305px; height:60px; background:#ebebeb; line-height:60px; margin-bottom:10px;transition:all 0.5s ease;}
.solve .solvecon .solwa{ width:700px !important; background:#ffffff; height:600px; padding:55px 60px; overflow:hidden;}
.solvecenter{ margin-top:56px; position:relative;}
.solvetab li:nth-child(2n){ margin-left:10px;}
.solvetab li a{ display:block; width:100%; height:100%; padding-left:24px; position:relative; font-size:16px; font-weight: lighter; color:#333333; overflow:hidden;transition:all 0.5s ease;}
.solvetab li a:after{ content:'' ; display:block; position:absolute; width:39px; height:33px; background:url(../uploadfile/image/20200420/20200420102258_530239166.png) no-repeat top center; right:20px; top:13px; transition:all 0.5s ease;}
.solvetab li.on a:after{ background-position-y:-33px;}
.solvetab li.on a{ color:#fff;}
.solvetab li.on{ background:#ff6600;}
.solvecon .solwa p:nth-child(1){ font-size:25px; color:#484848; font-weight:bold;}
.solvecon .solwa p:nth-child(2){ margin:25px 0px 30px 0px; width:122px; height:3px; background:#5a5a5a;}
.solvecon .solwa p:nth-child(3){ font-size:14px; color:#bbb; font-weight:lighter; line-height:36px; margin-bottom:35px;}
.solvecon .solwa p>a{ float:left; font-size:16px; color:#484848; font-weight:lighter; padding-right:50px; position:relative; line-height:30px;}
.solvecon .solwa p>i{ float:right; font-size:28px; color:#ff6600; font-family:impact; padding-left:30px; background:url(../uploadfile/image/20200420/20200420103428_800077119.png) no-repeat left center;}
.solvecon .solwa p:nth-last-child(1){ clear:both; padding-top:25px;}
.solvecon .solwa p>a:after{ content:''; display:block; position:absolute; width:30px; height:30px; border-radius:50%; background:url(../uploadfile/image/20200420/20200420103427_1694736936.png) no-repeat top center; right:0px; top:0px;}
.solvecon .solwa p>a:hover{ color:#ff6600; text-decoration:underline;}
.solvecon .solwa p>a:hover:after{ background-position-y:-30px;}
.solvecon .solwa p span{ display:inline-block; width:107px; height:92px; line-height:90px; text-align:center; border:1px solid #e0e0e0; font-size:18px; color:#777777; font-weight:lighter; cursor:pointer; transition:all 0.4s linear;}
.solvecon .solwa p span+span{ margin-left:10px;}
.solvecon .solwa p span:hover{ border:1px dashed #ff6600; color:#ff6600;}
.solvepic{ width:50%; height:600px;}
.solvepic img{ height:600px;}
.solvecon ul{ width:100%; overflow:hidden; height:600px;}
.solvecenter .w1400{ position:relative;}
.solvecenter .w1400 .solvetab{ position:absolute; left:0px; top:55px;}
/*昌瑞 · 热销产品展示*/
.protab li{ float:left; width:300px; height:122px; background:#f5f5f5; padding:20px; position:relative; overflow:hidden; cursor:pointer;}
.protab li+li{ margin-left:20px;}
.protab{ width:960px; margin:0 auto;}
.ptwa p:nth-child(1){ font-size:16px; color:#222222; font-weight:bold; margin-bottom:5px; transition:all 0.3s linear;}
.ptwa p:nth-child(2){ font-size:12px; color:#bbb; font-weight: lighter; text-transform:uppercase; transition:all 0.3s linear;}
.ptwa{ margin:15px 0px 0px 22px;}
.protab li:after{ content:''; display:block; position:absolute; width:38px; height:38px; bottom: 0px;right: 0px; background:url(../uploadfile/image/20200420/20200420112812_1409800906.png) no-repeat center;}
.protab li div{ position:relative; z-index:333;}
.protab li:before{ content:''; display:block; width:300%; height:500%; transition:all 0.4s linear; position:absolute; top:-500%; left:-300%; transform:rotate(45deg); background:#ff6600;}
.protab li.on:before{ left:-100%; top:-100%;}
.protab li.on:after{ background:url(../uploadfile/image/20200420/20200420113645_1566984910.png) no-repeat center;}
.protab li.on p:nth-child(1),.protab li.on p:nth-child(2){ color:#fff;}
.hotpro{ height:477px; border:1px solid #dddddd; position:relative;}
.projt{ position:absolute; cursor:pointer; top:175px;} 
.proleft{ left:50px;}
.proright{ right:50px;}
.hotcon{ width:1108px; height:375px; overflow:hidden; margin:50px auto;}
.procon td{ display:inline-block; padding-left:0px !important; width:335px;}
.procon td+td{ margin-left:20px;}
.procon td>a{ display:block; border:1px solid #dedede;transition:all 0.5s ease;}
.procon td br{ display:none;}
.procon td span a{ display:block; width:100%; line-height:47px; margin-top:10px; text-align:center; font-size:14px; color:#222222; transition:all 0.5s ease; background:#ededed;}
.procon td:hover a{ background:#ff6600; color:#fff; border-color:#ff6600;}
.divproduct_new_div_item{width:1108px; height:375px; float:left;}
.product_div_item_pic{ float:left; width:500px; height:375px; border:1px solid #dddddd;}
.product_div_item_pic img{ width:100%; height:100%;}
.divproduct_new_div_item_content{ width:578px; height:375px; background:#f5f5f5 url(../uploadfile/image/20200420/20200420155311_1204334486.png) no-repeat right top;    padding: 35px 50px; float:right; position:relative;}
.divproduct_new_div_item_a{ font-size:0px !important;right:105px; bottom:60px;width:148px; height:37px; position:absolute;}
.divproduct_new_div_item_body p{ font-size:16px; color:#888888; line-height:48px;} 
.divproduct_new_div_item_body p span{ font-size:18px; color:#484848; font-weight:bold;}
.divproduct_new_div_item_a:after{ width:100%; height:100%; position:absolute; text-align:center; line-height:37px; background:#d8d8d8; font-size:14px; color:#404040; font-weight:lighter; content:'查看更多详情+'; display:block; left:0px; top:0px; transition:all 0.4s linear;}
.divproduct_new_div_item_a:hover:after{ color:#fff; background:#ff6600;}
.proqq{ width:44px; height:37px; bottom:60px; position:absolute; display:block; right:51px; background:url(../uploadfile/image/20200420/20200420161530_1585729577.jpg) no-repeat center;transition:all 0.4s linear;}
.proqq:hover{background:url(../uploadfile/image/20200420/20200420161530_284230207.jpg) no-repeat center;}
/*昌瑞 · 瑞泰风环保空调六大特性*/
.trait{ height:899px; background:url(../uploadfile/image/20200420/20200420134125_2021199572.jpg) no-repeat left center; padding-top:75px;}
.tratl{ text-align:center; font-size:18px; color:#222222;}
.tratl p:nth-child(2){ font-size:40px; font-weight:bold; margin:3px 0px 10px 0px;}
.traul ul li+li{ margin-top:30px;}
.traul:after{ content:''; display:block; position:absolute; width:432px; height:491px; background:url(../uploadfile/image/20200420/20200420135601_751028680.png) no-repeat center; top:0px; left:0px; right:0px; margin:0 auto;}
.traul ul li{ height:117px;}
.traul{ padding-top:39px; position:relative;}
.traul ul{ width:471px;}
.traul .trawa{ float:left; width:310px; height:117px; border:1px dashed #000000; padding:2px;}
.traul .trawa p span{ display:block; font-size:18px; color:#000000; font-weight:bold;}
.traul ul.fr .trawa p{ padding:20px 15px 0px 28px;}
.traul .trawa p{ width:100%; height:100%; padding:20px 28px;}
.traul .traicon{ float:right;}
.traul .trawa p i{ font-size:14px; line-height:22px; color:#888888; font-weight:lighter; margin-top:4px; display:block;}
.traicon{ width:116px; height:116px; border:1px dashed #000; border-radius:50%; padding:17px;}
.traicon p{ width:100%; height:100%; border-radius:50%; background:#333333; transition:all 0.4s ease;}
.traul .trawa{ position:relative;}
.traul .trawa:after{ content:''; display:block; width:16px; height:16px; border-radius:50%; background:#333333; top:47px; right:6px; position:absolute;}
.traul .trawa:before{ content:''; display:block; width:74px; height:4px; background:#333333; top:54px; right:-65px; position:absolute;}
.traul li:hover .trawa,.traul li:hover .traicon{ border-color:#ff6600;}
.traul li:hover .trawa:after,.traul li:hover .trawa:before{ background:#ff6600;}
.traul li:hover .traicon p{ transform:rotate(360deg); background:#ff6600;}
.traul ul:nth-child(2) .traicon{ float:left;}
.traul ul:nth-child(2) .trawa{ float:right;}
.traul ul:nth-child(2) .trawa:after{ left:8px;}
.traul ul:nth-child(2) .trawa:before{ left:-64px;}
.traconcat{ text-align:center; margin-top:91px; line-height:45px;}
.traconcat span{ width:200px; height:45px; border-radius:5px; background:#ff6600; text-align:center; font-size:16px; color:#fff4ec; display:inline-block;}
.traconcat span+span,.traconcat span+i{ margin-left:20px;}
.traconcat i{ font-size:18px; color:#ff6600; padding-left:40px; background:url(../uploadfile/image/20200420/20200420142826_2074008537.png) no-repeat left center;}
.traconcat em{ font-size:30px; font-weight:bold;}
/*选择昌瑞的四大优势*/
.adv{ overflow-x:hidden;}
.adv_titl{ text-align:center;}
.adv_titl p:nth-child(1){ font-size:72px; text-transform:uppercase; color:#ededed; font-family:impact; line-height:0px; padding-left:95px;}
.adv_titl p i{ text-transform:uppercase;font-size:40px;}
.adv_titl p span{ font-size:40px; color:#333; font-weight:bold;}
.adv_titl p em{ width:48px; height:5px; background: #ff6600; display:inline-block;}
.adv_titl p b{ font-size:18px; color:#222; font-weight:normal;}
.advtab{ height:90px; box-shadow:0px 0px 10px #bbb; position:relative; z-index:333;}
.advtab li{ float:left; width:350px; height:100%; line-height:90px; border-right:1px solid #bcbcbc; padding-left:120px; position:relative; font-size:22px; color:#222222; transition:all 0.5s ease; cursor:pointer; background:#fff;}
.advtab li.on{ background:#ff6600; color:#fff; border-color:#ff6600;}
.advtab i{ display:block; position:absolute; width:37px; height:30px; background:url(../uploadfile/image/20200420/20200420145837_1707751523.png) no-repeat left top; top:30px; left:73px; transition:all 0.5s ease;}
.advtab li:nth-child(2) i{ width:37px; height:36px; top:26px; left:74px; background-position-x:-54px;}
.advtab li:nth-child(3) i{ width:30px; height:36px; top:27px; left:76px; background-position-x:-115px;}
.advtab li:nth-child(4) i{ width:30px; height:32px; top:27px; left:82px; background-position-x:-163px;}
.advtab li.on i{ background-position-y:-69px; transform:rotate(360deg);}
.advpic{ width:100%; height:500px;}
.advcenter>.w1400{ position:relative; height:45px;}
.advtab{ top:0px; left:0px; position:absolute; }
.advwa{ width:1920px; height:238px; background:url(../uploadfile/image/20200420/20200420152209_1286611589.jpg) no-repeat center;}
.advw{ width:760px; padding-top:30px;}
.advw p:nth-child(1){ font-size:36px; color:#aaaaaa; font-weight:bold;}
.advw p:nth-child(2){ font-size:30px; color:#aaaaaa;}
.advw p:nth-child(3){ font-size:14px; color:#606060; line-height:25px; margin-top:20px;}
.advconcat p:nth-child(1){ padding-left:30px; line-height:22px; background:url(../uploadfile/image/20200420/20200420152934_1254217681.png) no-repeat left center; font-size:16px; color:#6e6e6e;}
.advconcat p:nth-child(2){ font-size:36px; color:#aaaaaa; font-weight:bold; margin-top:5px;}
.advconcat{ padding:79px 54px 0px 0px;}
.advbtn{ padding-top:59px;}
.advbtn a{ display:block; width:188px; height:57px; font-size:18px; color:#ffffff; line-height:57px; text-align:center; background:#ff6600;}
.advbtn a:hover{ text-decoration:underline;}
.advbtn a:nth-child(2){ border:1px solid #574d4e; border-top:none; background:none;}
/*昌瑞 · 降温案例*/
.case{ background:#eeeeee;}
.case_t{ text-align:center;}
.case_t p:nth-child(1){ font-size:36px; font-weight:bold; color:#3e3e3e;}
.case_t p:nth-child(2){ font-size:16px; color:#3e3e3e; margin:5px 0px 35px 0px;}
.case_t p:nth-child(3){ height:10px; background: url(../uploadfile/image/20200420/20200420162739_26546906.png) no-repeat center;}
.casevecen{ position:relative; height:580px; margin-top:63px;}
.casejt{ position:absolute; width:31px; height:16px; cursor:pointer; left:108px;}
.casel{ top:-26px; background:url(../uploadfile/image/20200420/20200420165406_1418486739.png) no-repeat top left;}
.caser{ top:590px; background:url(../uploadfile/image/20200420/20200420165406_1556558993.png) no-repeat top left;}
.casejt:hover{ background-position-x:-31px;}
.casetab{ width:246px; position:relative; height:579px; overflow:hidden;}
.casetab li{ width:100%; height:193px; border-bottom:1px solid #eee; background:#fff; position:absolute; background:#fff; color:#999999; text-align:center;cursor:pointer; padding-top:55px;}
.casetab li a{ display:block; position:relative; z-index:33;}
.casetab li a p:nth-child(1){ font-size:18px; color:#999999; margin-bottom:7px; font-weight:lighter; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.casetab li a p:nth-child(2){ font-size:14px; color:#999; line-height:20px; font-weight:lighter;}
.casetab li a p:nth-child(3){ text-align:center; width:18px; height:18px; line-height:18px; font-size:14px; color:#fff; margin:0 auto; background:#686868; margin-top:20px;}
.casetab li a p{ transition:all 0.5s ease;}
.casetab li:after{ content:''; display:block; width:0px; height:100%; background:#494949; right:0px; top:0px; position:absolute;transition:all 0.5s ease;}
.casetab{ margin-right:1px;}
.casetab li.cur:after{ width:100%;}
.casetab li.cur a p:nth-child(1){ color:#fff;}
.casetab li.cur a p:nth-child(2){ color:#b2b2b2;}
.casepic{ height:578px; width:580px;}
.casepic img{ height:100%; width:100%;}
.casewa{ width:573px; height:578px; padding:75px 50px; background:#fff;}
.casewa>p:nth-child(1){ font-size:25px; color:#222;}
.casewa>p:nth-child(2){ width:32px; height:4px; background:#e6e6e6; transition:all 0.5s ease; margin:25px 0px 45px 0px;}
.casewa>p:nth-child(3){ font-size:14px; color:#888; line-height:40px; font-weight:lighter;}
.casemore{ margin-top:30px; font-size:14px !important; color:#ff6600; font-weight:lighter; float:left;background:url(../uploadfile/image/20200420/20200420170457_741458928.png) no-repeat right 3px; padding-right:48px;}
.casemore:hover{ text-decoration:underline;}
.casephone{ width:100%; padding-top:55px; border-top:1px solid #eaeaea; margin-top:60px;}
.casephone p{ float:left; line-height:30px;}
.casephone p:nth-child(1){ font-size:30px; color:#666666; font-family:Arial, Helvetica, sans-serif;font-weight:lighter;}
.casephone p:nth-child(2){ font-size:14px; color:#4e4e4e; font-weight:lighter; width:210px; position:relative; text-align:center;}
.casephone p:nth-child(2) span{ display:inline-block; text-align:center; width:78px; background:#fff; position:relative; z-index:333;}
.casephone p:nth-child(2):after{ content:''; position:absolute; width:160px; display:block; height:1px; border-top:1px dashed #d3d3d3; top:14px; left:25px;}
.casecon ul+ul{ display:none;}
/*昌瑞科技 · 客户见证*/
.witness .title{ margin-top:75px;}
.title p:nth-child(1){ line-height:52px; background:url(../uploadfile/image/20200420/20200420184257_1938700959.png) no-repeat center;}
.title p:nth-child(3){ color:#aaa; width:60px; height:3px; margin:20px auto 0px auto; background:#c4c4c4;}
.witcon{ position:relative;}
.witcon .witjt{ height:86px; width:39px; position:absolute; top:200px; cursor:pointer;}
.witleft{ left:-60px; background:url(../uploadfile/image/20200420/20200420184257_763419569.png) no-repeat top center;}
.witright{ right:-60px; background:url(../uploadfile/image/20200420/20200420184257_964843390.png) no-repeat top center;}
.witcon .witjt:hover{ background-position-y:-86px;}
.witcen li{ float:left; width:444px; margin-right:34px; margin-bottom:10px;}
.witpic{ width:198px; height:198px; margin:0 auto; transition:all 0.4s linear;z-index: 3333;position: relative;}
.witpic img{ width:198px; height:198px; border-radius:50%;}
.witwa,.witwa a{ font-size:14px; color:#aaaaaa; line-height:36px;}
.witwa a:hover{ text-decoration:underline; color:#ff6600;}
.witwa{ width:444px; height:321px; background:#f5f5f5; box-shadow:0px 0px 10px #ddd; margin-top:-104px; padding:140px 30px 0px 30px; position:relative; overflow:hidden;}
.custmore{ float:right;}
.witwa p:nth-child(4){ float:left;}
.witwa p{ position:relative; z-index:333; transition:all 0.4s linear;}
.witwa:after{ content:''; display:block; position:absolute; width:100%; height:100%; transform:rotate(90deg); top:0px; left:-120%; background:#ff6600; transition:all 0.4s linear;}
.witcen li:hover .witwa,.witcen li:hover .witwa a{ color:#fff;}
.witcen li:hover .witwa:after{ left:0px; transform:rotate(360deg);}
.witcen li:hover  .witpic{transform:rotate(360deg);}
/*留言*/
.feedback{ height:488px; background:url(../uploadfile/image/20200421/20200421091559_1565809588.jpg) no-repeat center; padding-top:90px;}
.fb_t{ text-align:center;}
.fb_t p:nth-child(1){ font-size:40px; color:#888888; background:url(../uploadfile/image/20200421/20200421093236_944539218.png) no-repeat center; margin-bottom:5px;}
.fb_t p:nth-child(1) span{ padding:0px 20px;}
.fb_t p:nth-child(2){font-size:20px; color:#888888;}
.fbphone{ font-size:16px; color:#888888; padding-left:85px; background:url(../uploadfile/image/20200421/20200421093236_1807084299.png) no-repeat left center;}
.fbphone span{ display:block; font-size:40px; color:#cdcdcd; font-weight:bold;}
.fbbtn a{ width:167px; height:41px; padding-left:33px; font-size:16px; color:#fff; line-height:41px; background:#ff6600 url(../uploadfile/image/20200421/20200421093236_2112530917.png) no-repeat center; display: inline-block;}
.fbbtn a:nth-child(2){background: url(../uploadfile/image/20200421/20200421093237_984807341.png) no-repeat center; line-height:39px; color:#888888; border:1px solid #888;}
.fbbtn a:hover{ text-decoration: underline;}
.fbbtn a:nth-child(1){ margin:0px 20px 0px 40px;}
.fbbtn{ padding-top:15px;}
.fbconcat{ padding:0px 290px;}
.feedback form li input,.feedback form li textarea{ float:left; width:250px; height:50px; border:1px solid #545454; background:none; padding-left:20px; font-size:18px; color:#666666; line-height:48px;}
.feedback form{ padding-top:57px;}
.feedback form li input+input,.feedback form li input+textarea,.feedback form li input+img,.feedback form li img+input{ margin-left:10px;}
#code{ width:160px;}
.feedback form li img{ float:left; width:80px; height:40px; margin-top:5px;}
.submit{ width:100px !important; padding-left:0px !important; background:#ff6600 !important; color:#fff !important; text-align:center; border:1px solid #ff6600 !important;}
.submit:hover{ text-decoration:underline;}
/*新闻动态 NEWS*/
.news{ padding: 60px 0px 80px 0px; width:100%; background: #f5f5f5;}
.news_row1{ position: relative; padding-bottom: 25px; margin-bottom: 50px; }
.news_row1:after{ content: ''; width: 100%; height: 1px; background: #dbdbdb; display: block; position: absolute; bottom: 0; left: 0; }
.news_row1 .news_tit{ display: block; font-size: 33px; color: #484848; font-weight: lighter; line-height: 50px; float: left; height: 55px;  padding-left: 10px;}
.news_row1 .news_tit .en{ display:inline-block; padding-left:15px;text-transform: uppercase; }
.news_row1 .news_list{ float: right}
.news_row1 .news_list ul li{ float: left; padding: 0 0 0 50px; }
.news_row1 .news_list ul li a{ font-size: 20px; line-height: 55px; display: block; position: relative; font-weight:lighter; color:#484848; }
.news_row1 .news_list ul li a:after{ position: absolute; content: ''; width: 0; background: #ff6600; height: 1px; bottom: -25px; left: 0; display: block; transition: 0.3s all ease; z-index: 3333; }
.news_row1 .news_list ul li.cur a:after,.news_row1 .news_list ul li:hover a:after{ width: 100%; }
.news_row1 .news_list ul li.cur a,.news_row1 .news_list ul li:hover a{ color: #ff6600}



.news_row2_l { width: 430px; height: 550px; background: #fff; float: left; }
.news_row2_l .news_l_item,
.news_row2_l .news_div_item{ position: relative; width: 425px; display: block; height: 450px; padding: 50px; }
.news_row2_l .news_l_item img,.news_row2_l .news_div_item .news_div_item_pic a,.news_row2_l .news_div_item .news_div_item_pic img{ width: 325px; display: block; height: 214px; padding-top:20px; }
.news_row2_l .news_l_item strong,.news_row2_l .news_div_item .news_div_item_title a{ font-size: 22px; font-weight: normal; display: block; color: #484848; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_row2_l .news_l_item p,.news_row2_l .news_div_item .news_div_item_body{ font-size: 12px; color: #aaa; line-height: 25px; padding: 5px 0 0; overflow: hidden; margin-bottom: 90px; font-weight:lighter; }
.news_row2_l .news_l_item span,.news_row2_l .news_div_item .news_div_item_date{ position: absolute; font-family: arial; font-style: normal; color: #ff6600; font-size: 28px; line-height:30px; top: 165px; left: 90px; }
.news_row2_l .news_div_item .news_div_item_date .news_div_item_year{ font-size: inherit; color: inherit; font-family: arial; }
.news_row2_l .news_l_item span i,.news_row2_l .news_div_item .news_div_item_date .news_div_item_month,.news_row2_l .news_div_item .news_div_item_date .news_div_item_day{ font-size: 16px; font-family: arial; font-style: normal; color: #ff6600; display: block; line-height: 20px; }
.news_row2_l .news_div_item .news_div_item_date .news_div_item_month,.news_row2_l .news_div_item .news_div_item_date .news_div_item_day{ float:left; }
.news_row2_l .news_l_item span:after,.news_row2_l .news_div_item .news_div_item_date:after{ content: ''; display: block; width: 2px; height: 90px; position: absolute; left: -17px; top: 0; background:#ff6600}


.news_row2_r{ float: right; width: 917px; }
.news_row2_r > .news_div > .news_div_item:first-child{ display: none; }
.news_row2_r .news_r_item,.news_row2_r .news_div_item{ height:160px; display: block; position: relative; background:#fff;}
.news_row2_r .news_div_item+.news_div_item{ margin-top:35px;}
.news_row2_r .news_div_item:nth-child(2){ margin-top:0px;}
.news_row2_r .news_r_item *,.news_row2_r .news_div_item *{ transition: 0.3s all ease}
.news_row2_r .news_r_item span,.news_row2_r .news_div_item .news_div_item_date{ position:relative; width: 150px; height: 160px; float: left; color: #222; background: #d2d2d2; font-weight: normal; font-style: normal; line-height: 20px; font-size: 18px; font-family: arial; text-align: center; padding: 30px; }
.news_row2_r .news_div_item .news_div_item_month,.news_row2_r .news_div_item .news_div_item_year{ font-size: inherit; color:inherit; font-family: arial; display: inline-block; position: relative; top: 60px}
.news_row2_r .news_r_item span i,.news_row2_r .news_div_item .news_div_item_day{ color: #222; font-size: 52px; font-weight: normal; font-style: normal; display: block; line-height: 60px; font-family: arial; }
.news_row2_r .news_div_item .news_div_item_day{ position: absolute; width: 100%; text-align: center; left: 0; top: 30px; }
.news_row2_r .news_r_item:hover span,.news_row2_r .news_div_item:hover .news_div_item_date{ background:#ff6600; color:#fff; }
.news_row2_r .news_r_item:hover span i,.news_row2_r .news_div_item:hover .news_div_item_day{ color:#fff; }
.news_row2_r .news_r_item strong,.news_row2_r .news_div_item .news_div_item_title .news_div_item_a{ font-size: 18px; font-weight: normal; color: #484848; display: block; line-height: 45px; float: right; width: 740px;  padding:10px 90px 0px 0px;}
.news_row2_r .news_r_item p,.news_row2_r .news_div_item .news_div_item_body{ font-size: 12px; color: #bbb; line-height: 25px; float: right; width: 740px; padding: 5px 0; padding-right:90px; font-weight:lighter;}
.news_row2_r .news_r_item:hover strong{ color: #ff6600}
.news_row2_r .news_r_item:hover p{ color: #444444; }
.news_row2_r .news_r_item em,.news_row2_r .news_div_item .news_div_item_more{ font-size: 12px; position: absolute; left: 177px; top: 120px; color: #999; height: 20px;padding: 0 0 0 0px; background: url(../uploadfile/image/20200421/20200421102418_1755191077.png) no-repeat -20px center; }
.news_row2_r .news_r_item em:after,.news_row2_r .news_div_item .news_div_item_more:after{ content: ''; display: block; width: 0px; height: 1px; background: #ff6600; position: absolute; top:10px; left: 0; transition: 0.3s all ease}
.news_row2_r .news_r_item:hover em,.news_row2_r .news_div_item:hover .news_div_item_more{ background-position: 100px center; padding: 0 0 0 130px; color: #ff6600; }
.news_row2_r .news_r_item:hover em:after,.news_row2_r .news_div_item:hover .news_div_item_more:after{ width: 110px}
/*广东昌瑞通风降温科技有限公司*/
.ab_t{ height:174px; border:1px solid #e2e2e2; text-align:center; border-bottom:none; width:280px; text-align:center; font-size:18px; color:#484848; font-weight:lighter; text-transform:uppercase; padding-top:45px;}
.ab_t p:nth-child(2){ font-weight:bold; font-size:25px; margin:10px 0px 0px 0px;}
.ab_w{ width:1084px; font-size:14px; color:#aaaaaa; font-weight:lighter; color:#aaaaaa; line-height:33px;}
.ab_w p:nth-child(1){ margin-bottom:10px; font-size:28px; color:#222; padding-top:5px;}
.ab_w a{font-weight:lighter; color:#aaaaaa; line-height:33px;}
.ab_w a:hover{ color:#ff6600;}
.abcl{ width:280px; height:480px; background:#ff6600; text-align:center; padding:65px 0px; color:#fff;}
.abcl p:nth-child(1){ font-size:30px; font-weight:bold;}
.abcl p:nth-child(2){ font-size:30px; font-weight:lighter;}
.abcl p:nth-child(3){ margin:40px 0px;}
.abcl p:nth-child(4){ font-size:18px; text-transform:uppercase;}
.abcl p:nth-child(5){ font-size:12px; text-transform:uppercase; font-weight:lighter; margin-top:10px;}
.abcl  a{ width:167px; height:39px; border:1px solid #ffb44c; text-align:center; line-height:37px; display:inline-block; font-size:18px; font-weight:lighter; color:#ffb44c; transition:all 0.4s linear; border-radius:25px; margin-top:40px;}
.abcl  a:hover{ background:#ffb44c; color:#fff;  border-radius:0px;}
.qyxxtab{ height:70px; line-height:69px; border-bottom:1px solid #e1e1e1;}
.qymore{ text-transform:uppercase; font-size:14px; color:#888888;}
.qymore:hover{ text-decoration:underline; color:#ff6600;}
.qyxxtab{ margin-bottom:44px;} 
.qyt a{ display:inline-block; line-height:69px; font-size:20px; color:#484848; position:relative;}
.qyt a+a{ margin-left:30px;}
.qyt a.cur{ color:#ff6600;}
.qyt a:after{ content:''; display:block; position:absolute; bottom:-2px; left:0px; right:0px; margin:0 auto; background:#ff6600; height:3px;
width:0px; transition:all 0.4s ease;}
.qyt a.cur:after{ width:100%;}
.qycon ul+ul{ display:none;}
.qycon ul{ position:relative;}
.qycon ul:nth-child(3) .qyjt{top:140px;}
.qyjt{ position:absolute; width:41px; height:40px; top:79px; cursor:pointer;}
.qyjt:hover{ background-position-y:-40px;}
.qyleft{ left:-62px; background:url(../uploadfile/image/20200421/20200421104151_397157579.png) no-repeat top center;}
.qyright{ right:-62px; background:url(../uploadfile/image/20200421/20200421104151_1054335010.png) no-repeat top center;}
.qycen td{ display: inline-block; width:264px; padding-left:0px !important; margin-right:20px; overflow:hidden;}
.qycen td br{ display:none;}
.qycen td div{ padding-top:15px !important;}
.qycen td div a{ font-size:14px; color:#222222;}
.qycen td:hover a{ color:#ff6600; border-color:#ff6600;}
.qycen td>a{ display:block; border:1px solid #d0d0d0; padding:5px;}
/*版权*/
/* .copyright{ background:#282828; position:relative; padding-top:65px;}
.copyright:after{ width:100%; height:13px; content:''; display:block; position:absolute; left:0px; top:-6px; background:url(../uploadfile/image/20200421/20200421114313_191933536.png) no-repeat center;} */
.kslj li{ float:left;}
.kslj li>p{ font-size:18px; color:#ffffff; margin-bottom:20px;}
.kslj li>a{ display:block; font-size:14px; line-height:32px; color:#555555; padding-left:25px;}
.kslj li>a:hover{ text-decoration:underline; color:#fff;}
.kslj li dl{ float:left; font-size:14px; line-height:50px; color:#555555; text-align:center;}
.kslj li dl img{ width:150px; height:150px;}
.kslj li dl+dl{ margin-left:30px;}
.crconcat{ height:218px; border-left:1px solid #2f2f2f; padding:20px 0px 0px 54px; text-align:center;}
.crconcat p:nth-child(1){ font-size:33px; font-weight:bold;margin-bottom: 10px !important;}
.crconcat p:nth-child(2){ font-size:14px; line-height:25px; color:#555555;}
.crconcat a{ display:inline-block; width:200px; height:38px; position:relative; border-radius:25px; line-height:38px !important; padding-left:40px; background:#414141 url(../uploadfile/image/20200421/20200421113650_25207218.png) no-repeat center; transition:all 0.4s linear; margin:0 auto;}
.crconcat a:hover{background:#ff6600 url(../uploadfile/image/20200421/20200421114313_950052358.png) no-repeat center; color:#fff;}
.kslj li+li{ margin-left:58px;}
.end{ height:135px; line-height:134px; border-top:1px solid #2f2f2f;}
.end ,.end a{ font-size:14px; color:#555555;}
.end a:hover{ color:#fff; text-decoration:underline;}
</style>