@charset "utf-8";
body{overflow-x: hidden;width: 100%;min-width: 1200px;max-width: 1920px;margin: 0 auto;font-family: "Microsoft Yahei";font-size: 14px;color: #333;line-height: 180%;letter-spacing: 1px;}
*{margin: 0;padding: 0;}
a{color: #333;text-decoration: none;}
a:focus{outline: 0;}
a:hover{text-decoration: none;}
ul,li{list-style: none;}
i,em{font-style: normal;}
img{border: none;}
.cen{margin: 10px auto;text-align: center;}
.cen img{border-radius: 8px;}
.header{position: relative;overflow: hidden;z-index: 1;max-width: 1920px;height: 250px;background: url(img/hbg.jpg) no-repeat center top;}
.content{width: 1200px;margin: 0 auto;}
.clearfix:after{display: block;height: 0;visibility: hidden;clear: both;content: "";}
.clearfix{display: block;zoom: 1;}
.top{height: 34px;color: #7c7c7c;line-height: 34px;}
.top span{float: right;}
.head{overflow: hidden;clear: both;height: 123px;padding-top: 27px;}
.head .logo{display: inline;float: left;width: 250px;height: 98px;margin-right: 32px;background: url(img/jbg.png) no-repeat right top;border-right: 1px solid #dadada;}
.head h2{float: left;padding-top: 16px;color: #d82633;font-size: 24px;}
.head h2 span{display: block;margin-top: 12px;color: #333;font-size: 20px;font-weight: normal;}
.head i{float: left;padding-top: 30px;padding-left: 20px;}
.head .tel{float: right;margin-top: 16px;padding-left: 55px;color: #404040;font-size: 16px;background: url(img/tel.png) no-repeat left center;}
.head .tel span{display: block;margin-top: 10px;font-family: Impact;font-size: 26px;color: #141414;}
.nav{z-index: 1;width: 1920px;height: 66px;margin-left: -360px;padding-left: 360px;line-height: 66px;background: #232323;}
.nav li{position: relative;float: left;margin-right: -19px;padding: 0 19px;background-repeat: no-repeat;}
.nav li:after{position: absolute;display: block;top: 0;right: 0;width: 20px;height: 66px;background: url(img/nli.png) right top;content: "";}
.nav li a{position: relative;display: inline-block;padding: 0 19px;font-size: 16px;line-height: 66px;color: #fff;}
.nav li:hover a,.nav li:first-child a{background: #d82633;}
.nav li:hover a:after,.nav li:first-child a:after{position: absolute;right: -19px;top: 0;width: 0;height: 0;border-bottom: 66px solid transparent;border-left: 19px solid #d82633;content: "";}
.nav li:hover a:before,.nav li:first-child a:before{position: absolute;left: -19px;top: 0;width: 0;height: 0;border-top: 66px solid transparent;border-right: 19px solid #d82633;content: "";}
.nav li:first-child a{margin-left: -1px;}

.banner{position: relative;max-width: 1920px;height: auto;margin: 0 auto !important;}
.banner .bd li{float: left;width: 100%;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;}
.banner .hd{position: absolute;z-index: 1;left: 0;bottom: 6%;width: 100%;margin: 0 auto;text-align: center;}
.banner .hd li{display: inline-block;width: 40px;height: 8px;margin: 0 5px;background: #fff;}
.banner .hd li.on{background: #d7342f;}
.banner .prev{position: absolute;z-index: 10;top: 40%;left: 6%;cursor: pointer;}
.banner .next{position: absolute;z-index: 10;top: 40%;right: 6%;cursor: pointer;}

.brand{height: 550px;padding-top: 50px;}
.brand h2{font-size: 40px;line-height: 40px;text-align: center;font-weight: normal;color: #252525;}
.brand h2 a{display: block;}
.brand h2 span{font-weight: bold;color: #d82633;}
.brand h2 em{display: block;margin-top: 14px;}
.brand p.wz{margin-top: 38px;font-size: 16px;line-height: 36px;text-align: center;color: #6e6e6e;}
.brand ul{display: flex !important;justify-content: space-between;margin-top: 60px;}
.brand li em{overflow: hidden;display: block;width: 170px;height: 170px;transform: rotate(45deg);}
.brand li em img{width: 100%;transform: rotate(-45deg) scale(1.42);transition: .5s;}
.brand li em:hover img{transform: rotate(-45deg) scale(1.8);transition: .5s;}

.pic img{transition: transform .8s;-webkit-transition: -webkit-transform .8s;-moz-transition: -moz-transform .8s;-o-transition: -o-transform .8s;}
.pic img:hover{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}

.chanpin{position: relative;padding: 0 0 50px;background: #f5f5f5;}
.chanpin:after{position: absolute;top: 0;left: 50%;width: 0;height: 0;margin-left: -960px;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;content: "";}
.chanpin h2{position: relative;z-index: 1;padding-top: 20px;font-size: 40px;line-height: 40px;text-align: center;font-weight: normal;color: #252525;}
.chanpin h2 b{display: block;width: 47px;height: 48px;margin: 0 auto;margin-bottom: 8px;padding-top: 6px;text-align: center;background: url(img/tbg1.png) no-repeat;}
.chanpin h2 b img{width: auto;height: auto;margin: 0 auto;}
.chanpin h2 span{font-weight: bold;color: #d82633;}
.chanpin h2 em{display: block;margin-top: 15px;font-size: 20px;line-height: 20px;color: #333;}
.chanpin h2 em i{margin: 0 2px;font-weight: lighter;color: #d0d0d0;}
.chanpin h2 a{display: block;}
.chanpin .sort{margin-top: 52px;}
.chanpin .sort li{float: left;width: 142px;margin-right: 34px;}
.chanpin .sort li em{overflow: hidden;display: block;width: 133px;height: 133px;border: 2px solid #fff;border-radius: 50%;}
.chanpin .sort li em img{width: 135px;height: 135px;}
.chanpin .sort li span{display: block;width: 142px;height: 35px;margin-top: 26px;font-size: 18px;line-height: 34px;text-align: center;color: #fff;background: url(img/tbg2.png);}
.chanpin .sort li:hover em{border: 2px solid #d82633;}
.chanpin .sort li:hover span{background: url(img/tbg3.png);}
.chanpin .sort li:last-child{margin-right: 0;}
.chanpin .list{margin-top: 40px;}
.chanpin .list dl{float: left;width: 385px;margin-right: 21px;margin-bottom: 24px;}
.chanpin .list dl:nth-child(3n){margin-right: 0;}
.chanpin .list dt{width: 385px;height: 289px;line-height: 0;}
.chanpin .list dt img{width: 385px;height: 289px;border: 1px solid #eee;box-sizing: border-box;}
.chanpin .list dd{position: relative;height: 55px;padding-left: 20px;line-height: 55px;background: #fff;}
.chanpin .list dd b{display: block;margin-bottom: 12px;font-size: 18px;font-weight: normal;color: #2c2c2c;}
.chanpin .list dd a.more{position: absolute;display: block;right: 12px;bottom: -2px;width: 52px;height: 55px;background: url(img/more1.png) no-repeat center;transition: all .2s linear;}
.chanpin .list dl:hover{box-shadow: 0 3px 27px 2px rgba(0,0,0,0.05), 0 0px 27px rgba(0,0,0,0.05);}
.chanpin .list dl:hover dd b a{color: #ca1624;}
.chanpin .list dl:hover dd a.more{bottom: 25px;background: url(img/more2.png);}
.bai{position: relative;overflow: hidden;}
.bai:after,.bai1:after{position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewX(-25deg);content: "";cursor: pointer;}
.bai:hover:after{left: 100%;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;}
.bai1:hover:after{left: 100%;transition: .5s;-moz-transition: .5s;-o-transition: .5s;-webkit-transition: .5s;}

.sl{position: relative;overflow: hidden;height: 370px;background: #000 url(img/ysbg1.png) no-repeat center top;}
.sl:before{position: absolute;left: 50%;top: 0;width: 0;height: 0;margin-left: -960px;border-top: 50px solid #f5f5f5;border-right: 960px solid transparent;border-left: 960px solid transparent;content: "";}
.sl:after{position: absolute;left: 50%;bottom: 0;width: 0;height: 0;margin-left: -960px;border-bottom: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;content: "";}
.sl b{position: relative;display: block;z-index: 1;top: 10px; width: 57px;height: 48px;margin: 0 auto;margin-bottom: 40px;padding-top: 18px;text-align: center;background: url(img/tbg4.png) no-repeat;}
.sl b img{width: auto;height: auto;margin: 0 auto;}
.sl h2{font-size: 60px;font-weight: normal;color: #fff;}
.sl h2 a{color: #fff;}
.sl h2 span{font-weight: bold;color: #d82633;}
.sl h2 em{display: block;float: right;padding-top: 30px;font-size: 30px;text-align: right;}
.sl h2 em span{font-weight: normal;}
.sl .ted{overflow: hidden;margin-top: 60px;}
.sl .ted ul{float: left;width: 600px;}
.sl .ted li{float: left;width: 140px;height: 84px;text-align: center;border-right: 1px solid rgba(255,255,255,0.15);}
.sl .ted li em{display: block;height: 50px;}
.sl .ted li span{display: block;margin-top: 4px;font-size: 24px;color: #fff;}
.sl .ted li:first-child{border-left: 1px solid rgba(255,255,255,0.15);}
.sl .ted p{float: right;width: 390px;margin-top: 23px;}
.sl .ted p span{display: block;font-size: 16px;color: #fff;opacity: 0.41;}
.sl .ted p i{padding-left: 38px;font-family: GothamBook;font-size: 36px;color: #fff;background: url(img/tel1.png) no-repeat left center;}

.ys{height: 2112px;}
.ys h3{margin-bottom: 38px;padding-top: 9px;}
.ys h3 em{display: block;float: left;width: 61px;height: 70px;font-size: 36px;line-height: 70px;text-align: center;font-weight: lighter;color: #fff;background: url(img/ysico.png);}
.ys h3 i{float: left;margin-left: 26px;font-size: 36px;line-height: 30px;font-weight: normal;color: #242424;}
.ys h3 i span{display: block;font-family: GothamBook;font-size: 12px;color: #cbcbcb;font-weight: normal;text-transform: uppercase;}
.ys p{font-size: 16px;color: #383838;line-height: 32px;}
.ys p span{display: block;margin-bottom: 18px;}
.ys .list{overflow: hidden;height: 150px;margin-top: 45px;}
.ys .list li{display: inline;float: left;margin-right: 20px !important;}
.ys .list li img{width: 170px;height: 150px;}
.ys .list li a{display: block;}
.ys .list li:nth-child(3n){margin-right: 0;}
.ys .qh,.about qh{position: relative;margin-top: 21px;text-align: center;}
.ys .qh:before,.about .qh:before{position: absolute;top: 15px;left: 0;width: 238px;height: 1px;background: #ebebeb;content: "";}
.ys .qh:after,.about .qh:after{position: absolute;top: 15px;right: 0;width: 238px;height: 1px;background: #ebebeb;content: "";}
.ys .qh i,.about .qh i{display: inline-block;width: 11px;height: 13px;margin: 0 3px;background: url(img/ysico1.png);cursor: pointer;}
.ys .qh i.cur,.about .qh i.cur{display: inline-block;width: 11px;height: 13px;background: url(img/ysico2.png);}
.ys1{padding-top: 26px;}
.ys1 dt{float: left;width: 600px;height: 506px;}
.ys1 dt img{width: 600px;height: 506px;}
.ys1 dd{float: right;width: 558px;}
.ys2 dt,.ys4 dt{float: right;width: 600px;height: 506px;}
.ys2 dt img,.ys3 dt img,.ys4 dt img{width: 960px;height: 506px;}
.ys2 dd,.ys4 dd{float: left;width: 558px;}
.ys2 dd h3,.ys3 dd h3,.ys4 dd h3{padding-top: 54px;}
.ys2 dd p span,.ys3 dd p span{margin-bottom: 7px;}
.ys3 dt{float: left;width: 600px;height: 506px;margin-left: -360px;}
.ys3 dd{float: right;width: 558px;}


.case{position: relative;overflow: hidden;height: 830px;background: #f1f1f1;}
.case h2{position: relative;z-index: 1;padding-top: 20px;font-size: 40px;color: #252525;line-height: 40px;text-align: center;font-weight: normal;}
.case h2 b{display: block;width: 57px;height: 54px;margin: 0 auto;margin-bottom: 8px;padding-top: 12px;text-align: center;background: url(img/tbg4.png) no-repeat;}
.case h2 b img{width: auto;height: auto;margin: 0 auto;}
.case h2 span{color: #d82633;font-weight: bold;}
.case h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.case h2 a{display: block;}
.case:after{position: absolute;top: 0;left: 50%;width: 0;height: 0;margin-left: -960px;border-top: 50px solid #fff;border-left: 960px solid transparent;border-right: 960px solid transparent;content: "";}
.case .box{position: relative;overflow: hidden;height: 628px;margin-top: 34px;}
.case .box .qh{position: relative;top: 225px;left: 50%;z-index: 1;width: 1200px;margin-left: -600px;}
.case .box .qh i.prev{position: absolute;float: left;z-index: 2;margin-left: 108px;cursor: pointer;}
.case .box .qh i.next{position: absolute;float: right;z-index: 2;right: 0;margin-right: 108px;cursor: pointer;}
.case .box .qh:after{position: absolute;display: block;top: -225px;right: -360px;z-index: 1;width: 528px;height: 486px;background: rgba(0,0,0,0.52);content: "";}
.case .box .qh:before{position: absolute;display: block;top: -225px;left: -360px;z-index: 1;width: 528px;height: 486px;background: rgba(0,0,0,0.52);content: "";}
.case .box .list{position: absolute;left: 50%;width: 864px;margin-left: -432px;}
.case .box .list .tempWrap{margin-left: -864px;}
.case .box dl{position: relative;width: 864px;height: 628px;}
.case .box dt{overflow: hidden;line-height: 0;}
.case .box dt img{width: 864px;height: 486px;}
.case .box dd{position: relative;height: 69px;background: #d5d5d5;}
.case .box dd b{display: block;font-size: 18px;color: #191919;line-height: 69px;text-align: center;font-weight: normal;}
.case .box dd a.more{display: none;}
.case .box dl.cur dd{height: 69px;padding: 0 32px;background: #2a2a2a;}
.case .box dl.cur dd b{display: block;padding-top: 26px;padding-bottom: 22px;font-size: 20px;color: #fff;line-height: 110%;text-align: left;font-weight: bold;}
.case .box dl.cur dd b a{color: #fff;}
.case .box dl.cur dd a.more{position: absolute;display: block;top: 32px;right: 32px;width: 86px;height: 19px;color: #d82633;line-height: 110%;background: url(img/more3.png) no-repeat right center;}
.case .box dl.left dd b{margin-right: 155px;text-align: right;}
.case .box dl.right dd b{margin-left: 155px;text-align: left;}


.app{position: relative;overflow: hidden;height: 750px;background: #fff;}
.app:after{position: absolute;top: 0;left: 50%;width: 0;height: 0;margin-left: -960px;border-top: 50px solid #f1f1f1;border-left: 960px solid transparent;border-right: 960px solid transparent;content: "";}
.app h2{position: relative;z-index: 1;padding-top: 88px;font-size: 40px;color: #252525;line-height: 40px;text-align: center;font-weight: normal;}
.app h2 b{display: block;width: 57px;height: 54px;margin: 0 auto;margin-bottom: 8px;padding-top: 12px;text-align: center;background: url(img/tbg4.png) no-repeat;}
.app h2 b img{width: auto;height: auto;margin: 0 auto;}
.app h2 span{color: #d82633;font-weight: bold;}
.app h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.app h2 a{display: block;}
.app .box{overflow-x: hidden;width: 1300px;height: 550px;margin: 0 auto;margin-top: 30px;}
.app .box li{position: relative;overflow: hidden;float: left;width: 132.5px;height: 166px;margin: 0 10px;margin: -35px 10px 0;transform: rotate(120deg);-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);}
.app .box li>div{position: relative;overflow: hidden;width: 132.5px;height: 166px;transform: rotate(-60deg);-webkit-transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);}
.app .box li a{position: relative;overflow: hidden;display: block;transform: rotate(-60deg);-webkit-transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);}
.app .box li img{display: block;width: 166px;height: 166px;margin: 0 auto;}
.app .box li p{font-size: 18px;color: #fff;text-align: center;}
.app .box li .txt{position: absolute;z-index: 999;left: 0;bottom: 0;width: 100%;height: 100%;font-size: 18px;color: #fff;line-height: 80px;background: rgba(0,0,0,0.6);transform: rotate(-60deg);}
.app .box li .txt a{margin-top: 40px;transform: rotate(0deg);}
.app .box li:hover .txt{background: #fff;opacity: 0.6;}
.app .box li:hover .txt p{display: block;color: #000;}
.app .box li:nth-child(1){margin: 0 10px;}
.app .box li:nth-child(2){margin: 0 10px;}
.app .box li:nth-child(3){margin: 0 10px;}
.app .box li:nth-child(4){margin: 0 10px;}
.app .box li:nth-child(5){margin: 0 10px;}
.app .box li:nth-child(6){margin: 0 10px;}
.app .box li:nth-child(7){margin: 0 10px;}
.app .box li:nth-child(8){margin: 0 10px;}
.app .box li:nth-child(9){margin: -35px 10px 0 85px;}


.new{position: relative;overflow: hidden;height: 793px;background: #f4f4f4;}
.new:after{position: absolute;top: 0;left: 50%;width: 0;height: 0;margin-left: -960px;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;content: "";}
.new h2{position: relative;z-index: 1;padding-top: 20px;font-size: 40px;color: #252525;line-height: 40px;text-align: center;font-weight: normal;}
.new h2 b{display: block;width: 57px;height: 54px;margin: 0 auto;margin-bottom: 8px;padding-top: 12px;text-align: center;background: url(img/tbg4.png) no-repeat;}
.new h2 b img{width: auto;height: auto;margin: 0 auto;}
.new h2 span{color: #d82633;font-weight: bold;}
.new h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.new h2 a{display: block;}
.new .tit{height: 51px;font-size: 24px;line-height: 30px;font-weight: normal;}
.new .tit a{color: #363636;}
.new .tit em{display: block;font-size: 10px;line-height: 12px;opacity: 0.5;}
.new .tit span{float: right;display: block;width: 33px;height: 33px;background: url(img/more6.png) no-repeat 0 0;}
.new .tit span a{display: block;width: 33px;height: 33px;}
.new .left{overflow: hidden;float: left;width: 320px;height: 510px;margin-top: 50px;padding: 30px 40px 0;background: #fff url(img/nbg.jpg) repeat-x 0 0;box-shadow: 0 0 10px 2px #e7e7e7;}
.new .left .tit a{color: #fff;}
.new .left .tit span{background: url(img/more5.png) no-repeat 0 0;}
.new .left dl{padding: 16px 0 0;}
.new .left dt,.new .left dt img{overflow: hidden;display: block;width: 320px;height: 239px;}
.new .left dd{padding: 11px 0 0;}
.new .left dd h3,.new .right .new1 li a{display: block;height: 45px;font-size: 16px;color: #363636;line-height: 45px;}
.new .left dd h3 a{display: block;color: #363636;}
.new .left dd a:hover,.new .right .new1 a:hover{color: #d82633;}
.new .left dd p{overflow: hidden;height: 108px;color: #989898;}
.new .left dd span a,.new .right .new1 li span a{overflow: hidden;display: block;height: 24px;font-size: 14px;color: #989898;line-height: 24px;text-align: right;background: url(img/x1.jpg) no-repeat 0 center;}
.new1,.new2{overflow: hidden;width: 701px;height: 230px;margin-bottom: 20px;padding: 30px 40px 0;background: #fff;box-shadow: 0 0 10px 2px #e7e7e7;}
.new .right{float: right;width: 781px;margin-top: 50px;}
.new .right .new1 li{float: left;width: 312px;}
.new .right .new1 li p{overflow: hidden;height: 76px;color: #989898;line-height: 18px;}
.new .right .new1 li:nth-child(2n-1){padding: 0 68px 0 0;}
.new .right .new2{position: relative;}
.new .right .new2 .tit{height: 10px;}
.new .right .new2 .tit span{position: absolute;top: 30px;right: 40px;}
.new .right .new2 .tit p{position: absolute;top: 30px;left: 30px;}
.new .right .box2{float: left;width: 355px;}
.new .right .box2 dt{float: right;}
.new .right .box2 dd{float: left;padding: 145px 0 0;}
.new .right .box2 dd a{display: block;width: 148px;height: 43px;padding-left: 20px;color: #fff;line-height: 43px;background: url(img/more7.jpg) no-repeat;}
.new .right .box3{float: right;width: 326px;}
.new .right .box3 li{overflow: hidden;height: 30px;line-height: 30px;}
.new .right .box3 li a{color: #999;}
.new .right .box3 li a:hover{color: #d82633;text-decoration: underline;}


.about{position: relative;overflow: hidden;height: 1130px;background: #fff;}
.about:after{position: absolute;top: 0;left: 50%;width: 0;height: 0;margin-left: -960px;border-top: 50px solid #f4f4f4;border-right: 960px solid transparent;border-left: 960px solid transparent;content: "";}
.about h2{position: relative;z-index: 1;padding-top: 100px;font-size: 40px;color: #252525;line-height: 40px;text-align: center;font-weight: normal;}
.about h2 b{display: block;width: 57px;height: 50px;margin: 0 auto;margin-bottom: 8px;padding-top: 16px;text-align: center;background: url(img/tbg4.png) no-repeat;}
.about h2 b img{width: auto;height: auto;margin: 0 auto;}
.about h2 span{color: #d82633;font-weight: bold;}
.about h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.about h2 a{display: block;}
.about .pic{position: relative;height: 442px;background: url(img/com.jpg) no-repeat top center;}
.about .pic:after{position: absolute;top: 0;left: 50%;width: 0;height: 0;margin-left: -960px;border-top: 48px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;content: "";}
.about .pic em:before{position: absolute;bottom: 0;left: 50%;width: 0;height: 0;border-bottom: 48px solid #fff;border-left: 960px solid transparent;border-right: 960px solid transparent;content: "";}
.about .pic em:after{position: absolute;bottom: 0;left: 50%;width: 0;height: 0;margin-left: -1920px;border-bottom: 48px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;content: "";}
.about .content{margin-top: 30px;}
.about h3{display: block;font-size: 22px;color: #252525;}
.about p.wz{margin-top: 25px;margin-bottom: 36px;font-size: 16px;color: #393939;line-height: 30px;}
.about p em{float: right;height: 21px;margin-right: 10px;padding-right: 22px;font-size: 13px;background: url(img/more4.png) no-repeat right 6px;}
.about p em a{color: #d82633;text-decoration: underline;}
.about .list{overflow: hidden;}
.about .list li{overflow: hidden;display: inline;float: left;width: 283px;height: 212px;margin-right: 22px;}
.about .list li img{width: 283px;height: 212px;}
.about .list li a{display: block;}
.about .list li:last-child{margin-right: 0;}



.w1200{overflow: hidden;width: 1200px;margin: 30px auto;}
.w1200 .left{float: left;width: 240px;}
.w1200 .left .tit{height: 80px;background: #d82633;}
.w1200 .left .tit h3{height: 75px;font-size: 24px;color: #fff;line-height: 75px;text-align: center;font-weight: normal;border-bottom: 1px solid #fff;}
.w1200 .left ul{margin-bottom: 20px;}
.w1200 .left li{overflow: hidden;height: 50px;margin-bottom: 2px;line-height: 50px;background: #ddd url(img/ico8.png) no-repeat right center;}
.w1200 .left li a{display: block;height: 50px;margin-right: 40px;margin-left: 38px;font-size: 18px;color: #333;font-weight: normal;}
.w1200 .left li:hover{background: #d82634 url(img/ico9.png) no-repeat right center;}
.w1200 .left li:hover a{color: #fff;}
.w1200 .left .lxwm{color: #fff;text-align: center;background: #d82633;}
.w1200 .left .lxwm p{padding-top: 15px;}
.w1200 .left .lxwm p img{margin-right: 5px;vertical-align: middle;}
.w1200 .left .lxwm span{display: block;padding-top: 10px;padding-bottom: 20px;font-family: Arial;font-size: 28px;font-weight: bold;}
.w1200 .right{float: right;width: 930px;}
.w1200 .right h3{height: 50px;margin-bottom: 15px;font-size: 24px;line-height: 50px;font-weight: normal;border-bottom: 1px solid #ebebeb;}
.w1200 .right h3 span{display: inline-block;height: 50px;border-bottom: 1px solid #393939;}
.w1200 .right .txt{padding-top: 10px;}
.w1200 .right .txt p{margin-bottom: 10px;}
.w1200 .right .txt h4{margin-bottom: 20px;font-size: 20px;text-align: center;}


.pro dl{float: left;width: 32.3%;height: 280px;margin-bottom: 15px;margin-right: 1.2%;background: #fff;border: 1px solid #dedede;}
.pro dt img{display: block;width: 100%;height: 225px;margin: 0 auto;}
.pro dd{padding: 5px;}
.pro dd h4{overflow: hidden;height: 45px;font-size: 18px;color: #154c64;line-height: 45px;text-align: center;font-weight: normal;}
.pro dd h4 a{overflow: hidden;display: block;height: 45px;color: #666;text-overflow: ellipsis;white-space: nowrap;}
.pro dl:hover h4 a{color: #d82633;}
.pro dl:hover{border-color: #d82633;}
.pro dl:hover a{color: #d82633;}
.pro dl:nth-child(3n){margin-right: 0;}
.news li .pic{width: 200px;height: 130px;position: absolute;left: 0;border-radius: 5px;overflow: hidden;}
.news li .pic img{width: 100%;height: 130px;transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.news li .info{height: 130px;overflow: hidden;}
.news li .info h4{padding-bottom: 8px;color: #333;font-size: 16px;line-height: 40px;font-weight: 100;text-align: left;}
.news li .info p{color: #999;font-size: 13px;line-height: 22px;text-indent: 0;}
.news li a{display: block;padding: 20px 30px 20px 230px;border-bottom: 1px solid #ddd;position: relative;}
.news li a:hover{padding-left: 240px;padding-right: 20px;text-decoration: none;}
.news li a:hover .info h4{color: #d82633;}
.news li a:hover .pic img{transform: scale(1.08,1.08);}
.down li{border-bottom: 1px dashed #c0c0c0;line-height: 40px;}
.down li a{color: #2c2c2c;}
.down li a:hover{color: #cc0000;text-decoration: none;}
.down li a span{padding: 0 15px;}
#xh{ margin:0px auto; margin-bottom:15px; background:#a6caea; line-height:30px;}
#xh th{ background:#f4f4f4; color:#222;}
#xh td{ background:#f4f4f4; color:#0c5cc8; text-align:center;}
#xh td a{ color:#0c5cc8;}
.search{height: 72px;background: #fff;border-bottom: 1px solid #f2f2f2;}
.ssleft{float: left;padding-left: 30px;color: #888;line-height: 72px;background: url(img/hot.png) no-repeat left center;}
.ssleft b{margin-right: 10px;color: #343434;font-weight: normal;}
.ssleft a{display: inline-block;color: #666;}
.ssleft a:after{display: inline-block;margin: 0 5px;color: #eaeaea;content: "/";}
.ssleft a:last-child:after{display: none;margin: 0;}
.ssright{position: relative;overflow: hidden;width: 447px;height: 45px;padding-left: 50px;padding-top: 10px;background: rgba(238,238,238,,0.5);}
.ssright .ipt1{width: 390px;height: 43px;color: #999;line-height: 43px;text-indent: 20px;background: none;border: 1px solid #dedede;}
.ssright .ipt2{display: block;float: right;width: 33px;height: 22px;margin-top: 11px;margin-right: 19px;padding-left: 1px solid #dedede;background: url(img/search.png) no-repeat 13px center;border: none;border-left: 1px solid #dedede;}


.lxbg{padding: 0 0 350px 200px;background: url(img/lxbg.jpg) no-repeat center bottom;}
.lxbg h3{width: 300px;margin-bottom: 10px;}
.lxbg ul{background: url(img/weixin.jpg) no-repeat 350px 0px;}
.lxbg li{height: 35px;line-height: 35px;}
.lxbg li span{display: inline-block;width: 60px;text-align: right;}
.page{clear: both;padding: 3px;text-align: center;}
.next99{padding: 10px;border: #999 1px dashed;text-align: center;}

footer{position: relative;overflow: hidden;height: 410px;background: #2a2a2a;}
footer .content{height: 260px;padding-top: 60px;}
footer .logo{display: inline;float: left;width: 271px;padding-top: 30px;border-right: 1px solid rgba(255,255,255,0.04);}
footer .logo em{display: block;margin-top: 20px;font-size: 23px;color: rgba(255,255,255,0.8);}
footer .lianx{display: inline;float: left;width: 521px;margin-right: 62px;padding-left: 59px;border-right: 1px solid rgba(255,255,255,0.04);}
footer .lianx p{padding-left: 32px;font-size: 16px;color: #fff;line-height: 48px;background-position: left center;}
footer .lianx p span{margin-left: 18px;}
footer .lianx p.tel{background: url(img/tel2.png) no-repeat left center;}
footer .lianx p.fax{background: url(img/fax.png) no-repeat left center;}
footer .lianx p.mail{background: url(img/mail.png) no-repeat left center;}
footer .lianx p.add{background: url(img/add.png) no-repeat left center;}
footer .lianx a{color: #fff;}
footer .qr{float: left;width: 285px;padding-top: 5px;}
footer .qr i{display: block;float: left;width: 160px;}
footer .qr i span{display: block;margin-top: 16px;padding-left: 32px;font-size: 16px;color: #f4f4f4;line-height: 20px;background: url(img/sys.png) no-repeat left center;}
footer .copy{height: 70px;line-height: 70px;text-align: center;background: #eee;}
footer .copy p{color: #181818;opacity: 0.77;}


.right-side{position: fixed;top: 50%;right: -170px;z-index: 900;}
.right-side li{position: relative;height: 62px;margin-top: 1px;clear: both;}
.right-side li i{display: block;width: 30px;height: 27px;margin: 0 auto;text-align: center;background: url(img/ycico.png) no-repeat;}
.right-side li p{overflow: hidden;height: 20px;font-size: 12px;color: #fff;line-height: 20px;text-align: center;}
.right-side .kefu-qq i{background-position: 4px 5px;}
.right-side .kefu-tel i{background-position: 0 -21px;}
.right-side .kefu-weixin i{background-position: -34px 4px;}
.right-side .kefu-top i{width: 33px;height: 31px;background-position: -23px -47px;background-size: 52px 82px;}
.right-side .kefu-box{position: relative;float: left;width: 97px;height: 53px;padding: 9px 0 0;background: #d82633;}
.right-side .kefu-tel-box{position: relative;float: left;width: 230px;height: 53px;padding: 9px 0 0;background: #d82633;}
.right-side .kefu-left{position: relative;float: left;width: 62px;height: 47px;}
.right-side .kefu-right{width: 20px;}
.right-side .kefu-tel-right{float: left;height: 24px;margin-top: 14px;padding: 0 15px;font-size: 16px;color: #fff;line-height: 22px;border-left: 1px solid #fff;}
.right-side .kefu-weixin-pic{position: absolute;left: -130px;top: -24px;display: none;z-index: 333;}
.right-side .kefu-weixin-pic img{width: 115px;height: 115px;}
.right-side .kefu-top{display: none;}
.right-side .kefu-top .kefu-box{padding-top: 6px;}