@charset "utf-8";
/*end*/
body{overflow-x:hidden;overflow-y:hidden;background:url(../images/bj.jpg) repeat center;}


@font-face {
    font-family: '思源宋体';
    src: url('../fonts/SourceHanSerifSC-Medium.otf')
  }







/**/
.guide{padding:4.15rem 0 4.6rem;background:#EEEEEE;}
.guide h2{text-align: center; margin-bottom: 2.3rem;}
.guide h2 span{display: block; line-height: 3.75rem;font-size: 3rem;color:#333333; font-family: "思源宋体";font-weight: normal;}
.guide h2 em{display: block; line-height: 1.95rem;font-size: .9rem;color:rgba(51,51,51,.5);font-family: "思源宋体";font-weight: normal;}
.guide ul{overflow: hidden;padding-top:1.95rem;}
.guide ul li{width:8.85rem;height:28.15rem;float:left;background:#FFF; border: .1rem solid #D2CDC7; margin-left: 1rem; position: relative;box-sizing: border-box;transition: .5s;}
.guide ul li:first-child{margin-left: 0;}
.guide ul li .gui-ico{display: block;width:3.95rem; height:3.95rem; position: absolute;left:2.5rem;top:-1.95rem;}
.guide ul li .gui-ico em{display: block;width:3.95rem;height:3.95rem;position: relative;}
.guide ul li .gui-ico em i{display: block;width:100%; line-height: 0; overflow: hidden;position: absolute;left:0;top:0;}
.guide ul li .gui-ico em i img{width:100%;}
.guide ul li .gui-ico em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.guide ul li .gui-ico em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.guide ul li .mo{width:8.65rem;height:28.15rem;padding:5.7rem 0 0; box-sizing: border-box;margin:0 auto; transition: .5s;position: absolute;}
.guide ul li .mo .mo-txt{height:16.45rem;text-align: center;}
.guide ul li .mo .mo-txt span{display: inline-block;width:1.5rem; line-height: 1.45rem;font-size: 1.4rem;color:#333333; font-family: "思源宋体";margin-right: .3rem;}
.guide ul li .mo .mo-txt i{display: inline-block;width:.8rem; line-height: 0; overflow: hidden; vertical-align: top;}
.guide ul li .mo .mo-txt i img{width:100%;}
.guide ul li .mo b{display: block;width:1.1rem;line-height: 0; overflow: hidden; margin-left: 3.2rem;}
.guide ul li .mo b img{width:100%;}
.guide ul li dl{width:44.35rem; box-sizing: border-box;position: absolute;top:0;padding:2.5rem 2.45rem 0 2.9rem; transition: .5s;opacity: 0;}
.guide ul li dl dt{width:26.95rem; line-height: 0; overflow: hidden;float:right;}
.guide ul li dl dt img{width:100%;transition: .5s;}
.guide ul li dl dd{width:11rem;float:left;padding-top:2.95rem;}
.guide ul li dl dd h4{ margin-bottom: 8.05rem;}
.guide ul li dl dd h4 span{display: block; line-height: 1.95rem;font-size: 1.4rem;color:#b8000a; font-weight: bold; font-family: "思源宋体";margin-bottom: 1.05rem;}
.guide ul li dl dd h4 em{display: block; line-height: 1.65rem;font-size: 1rem;color:#666666;font-family: "思源宋体";}
.guide ul li dl dd strong{display: block; width:8.4rem;height:2.35rem; background:#B8000A;border-radius: 1.2rem;}
.guide ul li dl dd strong a{display: block;height:2.35rem; text-align: center;}
.guide ul li dl dd strong i{display: inline-block; line-height: 2.35rem;font-size: .9rem;color:#ffffff;padding-right:2.2rem; background:url(../images/gui-jt.png) no-repeat right;background-size:1.55rem .45rem;font-weight: normal;}
.guide ul li dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.guide ul li.cur{width:44.55rem;}
.guide ul li.cur .gui-ico em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.guide ul li.cur .gui-ico em i.hover{opacity: 1; transform: scale(1);}
.guide ul li.cur .mo{opacity: 0;}
.guide ul li.cur dl{opacity: 1;}
/**/
.product{padding-top:3.25rem;}
.product h2{text-align: center; margin-bottom: 3.05rem;}
.product h2 span{display: block; line-height: 4.65rem;font-size: 3rem;color:#333333;font-family: "思源宋体";font-weight: normal;}
.product h2 em{display: block; line-height: 2.8rem;font-size: 1rem;color:#333333;font-family: "思源宋体"; font-weight: normal;}
.product .pro-left{width:58.35%;float:left;}
.product .pro-left dl{position: relative;}
.product .pro-left dl dt{width:100%; line-height: 0; overflow: hidden;}
.product .pro-left dl dt img{width:100%; transition: 1s;}
.product .pro-left dl dd{width:19rem;height:17.35rem; background:rgba(184,0,10,.85);position: absolute;right:0;top:0;padding-top:3.35rem; box-sizing: border-box;}
.product .pro-left dl dd h4{margin-bottom: 3.45rem;text-align: center;}
.product .pro-left dl dd h4 i{display: block; line-height: 1.7rem;font-size: .7rem;color:rgba(255,255,255,.3);font-family: "思源宋体";}
.product .pro-left dl dd h4 em{display: block; line-height: 2.85rem;font-size: 2rem;color:#ffffff;font-weight: bold;font-family: "思源宋体";}
.product .pro-left dl dd b{display: block;width:2.5rem; line-height: 0; overflow: hidden;margin:0 auto;}
.product .pro-left dl dd b img{width:100%;}
.product .pro-left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.product .pro-rig{width:41.6%;float:right;background:#FFF;}
.product .pro-rig ul li{ margin-bottom: .1rem;}
.product .pro-rig ul li dl{overflow: hidden;}
.product .pro-rig ul li dl dt{width:64.1%; line-height: 0; overflow: hidden;float:left;}
.product .pro-rig ul li dl dt img{width:100%; transition: 1s;}
.product .pro-rig ul li dl dd{width:35.9%; height:17.15rem;float:left;position: relative;transition: .5s;z-index:200;}
.product .pro-rig ul li dl dd a{display: block;}
.product .pro-rig ul li dl dd h4{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);width:100%; text-align: center;}
.product .pro-rig ul li dl dd h4 i{display: block; line-height: 1.8rem;text-align: center;font-size: .7rem;color:rgba(102,102,102,.3);font-family: "思源宋体"; transition: .5s;}
.product .pro-rig ul li dl dd h4 em{display: block; line-height: 2.85rem;font-size: 2rem;color:#333333;font-family: "思源宋体"; font-weight: bold;transition: .5s;}
.product .pro-rig ul li dl dd:before{width:.75rem;height:1.55rem;content:""; position: absolute;}
.product .pro-rig ul li:first-child dl dd:before{background:url(../images/pro-dbx1.png) no-repeat center;background-size:.75rem 1.55rem;left:-0.75rem;top:50%;transform:translate(0,-50%);}
.product .pro-rig ul li:last-child dl dd:before{background:url(../images/pro-dbx2.png) no-repeat center;background-size:.75rem 1.55rem;right:-0.75rem;top:50%;transform:translate(0,-50%);}
.product .pro-rig ul li dl:hover dd{background:#B8000A;}
.product .pro-rig ul li dl:hover dd h4 i{color:rgba(255,255,255,.3);}
.product .pro-rig ul li dl:hover dd h4 em{color:#FFF;}
.product .pro-rig ul li dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.product .pro-rig ul li:first-child:hover dl dd:before{background:url(../images/pro-dbx1_h.png) no-repeat center;background-size:.75rem 1.55rem;left:-0.75rem;top:50%;transform:translate(0,-50%);}
.product .pro-rig ul li:last-child:hover dl dd:before{background:url(../images/pro-dbx2_h.png) no-repeat center;background-size:.75rem 1.55rem;right:-0.75rem;top:50%;transform:translate(0,-50%);}    
.product .pro-rig ul li:last-child{margin-bottom: 0;}
/**/
.case{padding:3.5rem 0 4.65rem 6rem;}
.case h2{text-align: center; margin-bottom: 2.45rem;}
.case h2 span{display: block; line-height: 3.85rem;font-size: 3rem;color:#333333;font-family: "思源宋体"; font-weight: normal;}
.case h2 em{display: block; line-height: 1.7rem;font-size: .9rem;color:rgba(51,51,51,.5);font-family: "思源宋体";font-weight: normal;}
.case .cas-list{padding-bottom:2.35rem;}
.case .cas-list dl{width:100%;}
.case .cas-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.case .cas-list dl dt img{width:100%; transition: 1s;}
.case .cas-list dl dd{padding-top:1.1rem;}
.case .cas-list dl dd h4{line-height: 1.75rem; margin-bottom: .6rem;}
.case .cas-list dl dd h4 a{font-size: 1.2rem;color:#333333; font-weight: normal;font-family: "思源宋体";}
.case .cas-list dl dd p{line-height: 1.25rem;font-size: .8rem;color:#666666; margin-bottom: 1.45rem;}
.case .cas-list dl dd strong{display: block;width:8rem;height:2.15rem; background:#333333;border-radius: 1.05rem;}
.case .cas-list dl dd strong a{display: block;height:2.15rem; text-align: center;}
.case .cas-list dl dd strong i{display: inline-block; line-height: 2.15rem;font-size: .8rem;color:#ffffff;padding-right:1.95rem;background:url(../images/cas-jt.png) no-repeat right;background-size:1.4rem .4rem;font-weight: normal;}
.case .cas-list .swiper-scrollbar{opacity: 1!important;left:0!important;height:.1rem;width:100%;bottom:0;}
.case .cas-list .swiper-scrollbar .swiper-scrollbar-drag{background:#B8000A!important;}
.case .cas-list dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .cas-list dl:hover dd h4 a{color:#B8000A;}
.case .cas-list dl:hover dd strong{background:#B8000A;}
/**/
.about{padding-top:5.2rem;height:40.7rem;background:url(../images/about.jpg) no-repeat center;background-size:100% 100%; box-sizing: border-box;position:relative;}
.abhf{height:8.45rem;width:100%;position:absolute;left:0;top:-4.2rem;}
.about h2{text-align: center; margin-bottom: 10.95rem;}
.about h2 span{display: block; line-height: 3.4rem;font-size: 3rem;color:#ffffff; font-weight: normal; font-family: "思源宋体";margin-bottom: .95rem;}
.about h2 em{display: block; line-height: 1.45rem; height:2.9rem;font-size: .9rem;color:#ffffff;font-weight: normal; font-family: "思源宋体";text-shadow: 0px .1rem .1rem rgba(0,0,0,0.84);}
.about .abo-bo{margin-bottom: 8.65rem;}
.about .abo-bo span{display: block;width:4.4rem; line-height: 0; overflow: hidden;margin:0 auto;}
.about .abo-bo span img{width:100%;}
.about ul{height:8.45rem;background:url(../images/abobj.jpg) no-repeat center;background-size:100% 100%;border-radius: 1.5rem 0px 1.5rem 0px;}
.about ul li{float:left; width:16.66%; height:8.45rem; position: relative;padding-top:2.05rem; box-sizing: border-box;transition: .5s;}
.about ul li i{display: block;width:2.6rem; line-height: 0; overflow: hidden;margin:0 auto; transition: .5s;}
.about ul li i img{width:100%; transition: .5s;}
.about ul li em{display: block; line-height: 2.15rem;text-align: center;font-size: 1.2rem;color:#FFF;font-family: "思源宋体";letter-spacing: .1rem;}
.about ul li:before{width:.05rem;height:4.4rem;background:rgba(255,255,255,.3);content:""; position: absolute;right:0; top:2.05rem;}
.about ul li:last-child:before{display: none;}
.about ul li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.about ul li:hover i{transform: rotateY(180deg);}
/**/
.news{height:52.05rem;padding-top:8.5rem; box-sizing: border-box;background:#eee;}
.news h2{text-align: center; margin-bottom: 1.25rem;}
.news h2 span{display: block; line-height: 3.8rem;font-size: 3rem;color:#333333;font-family: "思源宋体";font-weight: normal;}
.news h2 em{display: block; line-height: 1.75rem;font-size: .9rem;color:rgba(51,51,51,.5);font-family: "思源宋体";font-weight: normal;}
.news .news-nav{height:4.65rem;}
.news .news-nav ul{float:left;}
.news .news-nav ul li{float:left; margin-right: 3.15rem;}
.news .news-nav ul li i{display: block; float:left;width:1.25rem; height:1.35rem;overflow: hidden; margin-right: .25rem;margin-top: .65rem;}
.news .news-nav ul li i img{width:100%; transition: .5s;}
.news .news-nav ul li em{display: block; float:left;line-height: 2.6rem;font-size: 1rem;color:#333333;}
.news .news-nav ul li.cur i img{margin-top:-1.35rem;}
.news .news-nav ul li.cur em{color:#b8000a;}
.news .news-nav b{display: block; line-height: 2.6rem;float:right;}
.news .news-nav b a{font-size: .8rem;color:#333333; font-weight: normal;}
.news .news-list ul li{float:left;width:47.1%; height:13.75rem;border-top:.1rem solid #d9d9d9;border-bottom:.1rem solid #d9d9d9; box-sizing: border-box;padding-top:2.55rem;}
.news .news-list ul li.last{border-top:0;}
.news .news-list ul li:nth-child(2n){float:right;}
.news .news-list ul li dl dt{width:38.2%; line-height: 0; overflow: hidden;float:right;}
.news .news-list ul li dl dt img{width:100%;transition: 1s;}
.news .news-list ul li dl dd{width:53.2%;float:left;padding-top:.65rem;}
.news .news-list ul li dl dd h4{ line-height: 1.8rem;}
.news .news-list ul li dl dd h4 a{font-size: 1.1rem;color:#333333;font-weight: normal; font-family: "思源宋体";}
.news .news-list ul li dl dd i{display: block; line-height: 1.3rem;font-size: .8rem;color:#999999;}
.news .news-list ul li dl dd p{line-height: 1.2rem;font-size: .7rem;color:#666666;}
.news .news-list ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-list ul li:hover dl dd h4 a{color:#b8000a;}


















































































html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}