锘緻charset "utf-8";
/*end*/
body{overflow-x:hidden;}






/**/
.guide{height:192px;border-bottom:2px solid #eeeeee;box-sizing: border-box;z-index:300; position: relative;}
.guide .gui-left{width:410px; height:220px;background:url(../images/guibj.jpg) no-repeat center;float:left;margin-top:-30px;padding:44px 38px 0 30px; box-sizing: border-box;}
.guide .gui-left h4{line-height: 50px; margin-bottom: 10px;font-size: 36px; color:#ffffff; font-weight: normal;}
.guide .gui-left p{line-height: 30px;font-size: 16px; color:#ffffff;}
.guide .gui-rig{width:990px; float:right;}
.guide .gui-rig ul li{float:left;padding:50px 0 0 50px; box-sizing: border-box;position: relative;}
.guide .gui-rig ul li:before{width:2px;height:90px;background:#EEEEEE; content:""; position: absolute;right:0;top:55px;}
.guide .gui-rig ul li span{display: block;height:65px;}
.guide .gui-rig ul li span em,.guide .gui-rig ul li span b{display: inline-block; line-height: 65px;font-size: 60px; color:#273cde; font-family: "MiSans"; font-weight: normal;}
.guide .gui-rig ul li span i{display: inline-block; font-size: 30px; color:#273cde;font-family: "鎬濇簮榛戜綋 CN"; vertical-align: bottom;margin-bottom: 8px;}
.guide .gui-rig ul li p{line-height: 32px;font-size: 18px; color:#333333;}
.guide .gui-rig ul li:last-child:before{display: none;}
/**/
.product{padding-top:72px;}
.product h2{text-align: center; margin-bottom: 38px;}
.product h2 span{display: block; line-height: 67px;font-size: 50px; color:#333333; font-family: "鎬濇簮榛戜綋 CN"; font-weight: normal;}
.product h2 em{display: block; line-height: 41px;font-size: 20px; color:#333333; font-weight: normal;}
.product ul{overflow: hidden;}
.product ul li{float:left; position: relative;border-bottom:1px solid #ebebeb;}
.product ul li:nth-child(2){float:right;}
.product ul li.prt{width:420px;}
.product ul li.pro{width:520px; margin-left: 20px;}
.product ul li:nth-child(3){margin-bottom:19px;}
.product ul li span{display: block; line-height: 0; overflow: hidden;}
.product ul li span img{width: 100%; transition: 1s;}
.product ul li .pro-txt{width:100%;position: absolute;left:0; top:0;padding:34px 70px 0 40px; box-sizing: border-box;}
.product ul li .pro-txt h4{line-height: 40px;font-size:28px;color:#333333; font-weight: normal; margin-bottom: 5px;}
.product ul li .pro-txt p{line-height: 29px;font-size: 16px; color:#333333; }
.product ul li.prt .pro-txt p{margin-bottom: 34px;}
.product ul li.prt .pro-txt strong{display: block; width:160px; height:50px; background:#273CDE; text-align: center;}
.product ul li.prt .pro-txt strong i{display: inline-block; line-height: 50px;font-size: 16px; color:#ffffff; padding-right:40px; background:url(../images/pro-jt.png) no-repeat right; font-weight: normal;}
.product ul li.pro .pro-txt p{margin-bottom: 34px;}
.product ul li.pro .pro-txt strong{display: block; width:160px; height:50px;background:#273CDE;text-align:center;}
.product ul li.pro .pro-txt strong i{display: inline-block; line-height: 50px;font-size: 16px; color:#FFF; padding-right:40px; background:url(../images/pro-jt.png) no-repeat right; font-weight: normal;}
.product ul li strong{transition: .5s;}
.product ul li:hover .pro-txt strong{margin-top:-10px;}
/**/
.yyly{padding:71px 0 73px;}
.yyly h2{text-align: center; margin-bottom: 38px;}
.yyly h2 span{display: block; line-height: 67px;font-size: 50px; color:#333333; font-family: "鎬濇簮榛戜綋 CN"; font-weight: normal;}
.yyly h2 em{display: block; line-height: 41px;font-size: 20px; color:#333333; font-weight: normal;}
.yyly ul li{float:left; width:332px; margin-left: 24px;}
.yyly ul li dl dt{width:100%; line-height: 0; overflow: hidden;}
.yyly ul li dl dt img{width:100%; transition: 1s;}
.yyly ul li dl dd{width:100%; height:161px;box-shadow: 5px 9px 50px 0px rgba(0,0,0,0.1);padding:19px 33px 0 30px; box-sizing: border-box;}
.yyly ul li dl dd h4{line-height: 39px;font-size: 28px; color:#333333; font-weight: normal; margin-bottom: 7px;}
.yyly ul li dl dd p{line-height: 29px; font-size: 16px; color:#333333;}
.yyly ul li:first-child{margin-left: 0;}
.yyly 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);}
/**/
.super{padding-bottom:90px;}
.super h2{text-align: center; margin-bottom: 38px;}
.super h2 span{display: block; line-height: 69px;font-size: 50px; color:#333333; font-family: "鎬濇簮榛戜綋 CN"; font-weight: normal;}
.super h2 em{display: block; line-height: 41px;font-size: 20px; color:#333333; font-weight: normal;}
.super .sup-con{overflow: hidden;}
.super .sup-list .sup-pic{width:100%; line-height: 0; overflow: hidden;}
.super .sup-list .sup-pic img{width:100%; transition: 1s;}
.super .sup-nav ul li{float:left;width:450px; margin-left: 25px;border-bottom:3px solid #273CDE;height:200px; box-sizing: border-box;position: relative;}
.super .sup-nav ul li:first-child{margin-left: 0;}
.super .sup-nav ul li .default{padding-top:41px;width:100%;height:200px; box-sizing: border-box;}
.super .sup-nav ul li .default span{display: block;height: 63px;text-align: center;}
.super .sup-nav ul li .default span em{display: inline-block; line-height: 63px;font-size: 60px; color:#273cde; font-family: "MiSans"; font-weight: 500;}
.super .sup-nav ul li .default span i{display: inline-block;font-size: 30px; color:#273cde; font-family: "鎬濇簮榛戜綋 CN"; vertical-align: bottom; margin-bottom: 7px;}
.super .sup-nav ul li .default p{line-height: 40px;font-size: 20px; text-align: center; color:#333333;}
.super .sup-nav ul li .hover{width:100%;height:240px;background:#273CDE;padding:0 32px 0; box-sizing: border-box; transition: .5s; position: absolute;left:0;bottom:-240px;}
.super .sup-nav ul li .hover h4{line-height: 85px; text-align: center;font-size: 38px; color:#ffffff; font-weight: normal;}
.super .sup-nav ul li .hover i{display: block; width:50px; height:2px; background:#FFF;margin:0 auto 28px; }
.super .sup-nav ul li .hover p{line-height: 28px; text-align: center;font-size: 16px; color:#ffffff;}
.super .sup-nav ul li.cur .hover{bottom:0;}
/**/
.case{height:600px; background:url(../images/fzbj.jpg) no-repeat center;padding-top:19px; box-sizing: border-box;}
.case h2{line-height: 176px; text-align: center;font-size: 50px;color:#333333; font-family: "鎬濇簮榛戜綋 CN"; font-weight: normal;}
.case .cas-con{position: relative;}
.case .cas-con .cas-bd{margin-left: 38px; overflow: hidden;}
.case .cas-con .cas-bd ul li{float:left;width:281px; margin-right: 78px; position:relative;}
.case .cas-con .cas-bd ul li dl{height:311px;}
.case .cas-con .cas-bd ul li dl dt{width:200px; height:69px; text-align: center;}
.case .cas-con .cas-bd ul li dl dt span{display: inline-block; line-height: 69px; font-size: 40px; font-family: "Roboto";}
.case .cas-con .cas-bd ul li dl dt i{display: inline-block;font-size: 24px; font-family: "鎬濇簮榛戜綋 CN";}
.case .cas-con .cas-bd ul li dl dd{position:relative;height:157px;}
.case .cas-con .cas-bd ul li dl dd h4{line-height: 35px; margin-bottom: 15px;font-size: 24px; color:#333333;font-weight: normal;}
.case .cas-con .cas-bd ul li dl dd b{display: block; width:24px; height:24px;margin-left: 87px; line-height: 0; overflow: hidden;}
.case .cas-con .cas-bd ul li dl dd b img{width:100%;}
.case .cas-con .cas-bd ul li dl dd p{line-height:29px;font-size: 18px; color:#333333;height:60px;}
.case .cas-con .cas-bd ul li:nth-child(odd){padding-top:26px;}
.case .cas-con .cas-bd ul li:nth-child(odd) dl dt{background:url(../images/fz-kk1.png) no-repeat center; margin-bottom: 39px;}
.case .cas-con .cas-bd ul li:nth-child(odd) dl dt span{line-height: 60px;}
.case .cas-con .cas-bd ul li:nth-child(odd) dl dt span{color:#FFF;}
.case .cas-con .cas-bd ul li:nth-child(odd) dl dt i{color:#FFF;vertical-align: bottom; margin-bottom: 15px;}
.case .cas-con .cas-bd ul li:nth-child(odd) dl dd b{margin-bottom: 43px;}
.case .cas-con .cas-bd ul li:nth-child(even) p{margin-bottom: 23px;}
.case .cas-con .cas-bd ul li:nth-child(even) dl dd b{position:absolute;bottom:0;}
.case .cas-con .cas-bd ul li:nth-child(even) dl dt{background:url(../images/fz-kk2.png) no-repeat center;padding-top:9px; box-sizing: border-box; position:absolute;left:0;bottom:35px;}
.case .cas-con .cas-bd ul li:nth-child(even) dl dt span{line-height: 60px;}
.case .cas-con .cas-bd ul li:nth-child(even) dl dt span{color:#273cde;}
.case .cas-con .cas-bd ul li:nth-child(even) dl dt i{color:#273cde;vertical-align: bottom; margin-bottom: 15px;}
.case .cas-jt i{display: block; width:50px; height:50px; cursor: pointer;box-shadow: 0px 0px 50px 0px rgba(25,25,27,0.1);border-radius: 50%;}
.case .cas-jt i.cas-prev{background:#FFF url(../images/fz-prev.png) no-repeat center; position: absolute;left:-101px;top:121px;}
.case .cas-jt i.cas-next{background:#FFF url(../images/fz-next.png) no-repeat center; position: absolute;right:-101px;top:121px;}
.case .cas-jt i.cas-prev:hover{background:#273cde url(../images/fz-prev_h.png) no-repeat center;}
.case .cas-jt i.cas-next:hover{background:#273cde url(../images/fz-next_h.png) no-repeat center;}

/**/
.news{padding:92px 0 100px;}
.news .news-tit{height:118px;}
.news .news-tit h2{float:left; line-height: 60px;}
.news .news-tit h2 a{ font-size: 50px; color:#333333; font-weight: normal;}
.news .news-nav{float:right;}
.news .news-nav a{display: block;float:left;width:180px; height:60px; line-height: 60px; text-align: center;font-size: 20px; color:#333333; margin-left: 10px;background:#ECECEC; }
.news .news-nav a.cur{background:#273CDE;color:#FFF;}
.news .news-left{width:640px;float:left;}
.news .news-left dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-left dl dt img{width:100%; transition: 1s;}
.news .news-left dl dd{height:190px; padding:35px 57px 0 40px; box-sizing: border-box;box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);}
.news .news-left dl dd h4{line-height: 38px; margin-bottom: 12px;}
.news .news-left dl dd h4 a{font-size: 24px; color:#333333; font-weight: normal;}
.news .news-left dl dd p{line-height: 29px;font-size: 16px; color:#333333;}
.news .news-left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-left dl:hover dd h4 a{color:#273CDE;}
.news .news-rig{width:692px;float:right;}
.news .news-rig ul li{height:150px; margin-bottom: 50px;}
.news .news-rig ul li:last-child{margin-bottom: 0;}
.news .news-rig ul li dl dt{width:104px; height:150px;background:#F5F5F5;float:left;padding-top:18px; box-sizing: border-box; transition: .5s;}
.news .news-rig ul li dl dt em{display: block; line-height: 67px; text-align: center;font-size: 42px; color:#333333; font-weight: bold; font-family: "DIN"; transition: .5s;}
.news .news-rig ul li dl dt i{display: block; width:50px;height:1px;background:rgba(170,170,170,.5);margin:0 auto; transition: .5s;}
.news .news-rig ul li dl dt b{display: block; line-height: 56px;text-align: center;font-size: 14px; color:#888888;font-weight: normal; font-family: "DIN"; transition: .5s;}
.news .news-rig ul li dl dd{width: 550px; height:150px; border-bottom:1px solid #E2E2E2; box-sizing: border-box;float:right;}
.news .news-rig ul li dl dd h4{line-height: 40px;margin-bottom: 11px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig ul li dl dd h4 a{font-size: 24px; color:#333333; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition: .5s;}
.news .news-rig ul li dl dd p{line-height: 30px;font-size: 16px; color:#333333;}
.news .news-rig ul li:hover dl dt{background:#273CDE;}
.news .news-rig ul li:hover dl dt em,.news .news-rig ul li:hover dl dt b{color:#FFF;}
.news .news-rig ul li:hover dl dt i{background:rgba(255,255,255,.5);}
.news .news-rig ul li:hover dl dd h4 a{color:#273CDE;}
/**/
.about{height:660px;background:url(../images/about.jpg) no-repeat center;padding-top:93px; box-sizing: border-box;}
.about .abo-left{width:420px;float:left;}
.about .abo-left h4{ margin-bottom: 41px;padding-bottom:20px; position: relative;}
.about .abo-left h4:before{width:54px; height:3px; background:#273CDE;content:""; position: absolute;left:0;bottom:0;}
.about .abo-left h4 span{display: block; line-height: 68px;font-size: 50px; color:#333333; font-family: "鎬濇簮榛戜綋 CN"; font-weight: normal;}
.about .abo-left h4 em{display: block; line-height: 42px;font-size: 20px; color:#333333; font-weight: normal;}
.about .abo-left p{line-height: 29px;font-size: 16px; color:#333333; margin-bottom: 37px;}
.about .abo-left strong{display: block; width:180px;height:50px;background:#273CDE; transition:.5s;}
.about .abo-left strong a{display: block; height:50px; text-align: center;}
.about .abo-left strong i{display: inline-block; line-height: 50px;font-size: 16px; color:#ffffff; padding-right:40px; background:url(../images/pro-jt.png) no-repeat right; font-weight: normal;}
.about .abo-left strong:hover{margin-top:-10px;}
.about .abo-rig{width:300px; height:400px;background:#273CDE; margin-top: 17px;float:right;padding:18px 35px 0; box-sizing: border-box;}
.about .abo-rig h4{line-height: 72px;border-bottom:1px solid rgba(255,255,255,.3); box-sizing: border-box; font-size: 26px; color:#ffffff; font-family: "鎬濇簮榛戜綋 CN"; font-weight: normal; margin-bottom: 18px;}
.about .abo-rig p em{display: block; line-height: 23px;padding-left:29px;font-size: 18px; color:#ffffff; margin-bottom: 15px;}
.about .abo-rig p em.ad{background:url(../images/abo-ad.png) no-repeat left 2px;}
.about .abo-rig p em.tel{background:url(../images/abo-tel.png) no-repeat left 2px;}
.about .abo-rig .abo-vid i{display: block; width: 100%; line-height: 0; overflow: hidden;}
.about .abo-rig .abo-vid i img{width:100%;}
.about .abo-dd{width:73px;float:right; position: relative; margin-right: 72px;}
.about .abo-dd i{display: block; width:10px; height: 10px;-webkit-animation:ripple .7s linear infinite;animation:ripple .7s linear infinite;background:#273CDE;border-radius: 50%;position: absolute;}
.about .abo-dd i.ab1{left:16px;top:227px;}
.about .abo-dd i.ab2{left:32px;top:252px;}
.about .abo-dd i.ab3{left:45px;top:270px;}
.about .abo-dd i.ab4{left:56px; top:243px;}
@-webkit-keyframes ripple {
    0% {
        box-shadow:0 0 0 0 rgba(39,60,222,0.3),0 0 0 0.05em rgba(39,60,222,0.3),0 0 0 0.55em rgba(39,60,222,0.3),0 0 0 1.05em rgba(39,60,222,0.3);
    }
    100% {
        box-shadow:0 0 0 0.05em rgba(39,60,222,0.3),0 0 0 0.05em rgba(39,60,222,0.3),0 0 0 1.05em rgba(39,60,222,0.3),0 0 0 1.0em rgba(39,60,222,0);
    }
}
@keyframes ripple {
    0% {
        box-shadow:0 0 0 0 rgba(39,60,222,0.3),0 0 0 0.05em rgba(39,60,222,0.3),0 0 0 0.55em rgba(39,60,222,0.3),0 0 0 1.05em rgba(39,60,222,0.3);
    }
    100% {
        box-shadow:0 0 0 0.05em rgba(39,60,222,0.3),0 0 0 0.55em rgba(39,60,222,0.3),0 0 0 1.05em rgba(39,60,222,0.3),0 0 0 1.1em rgba(39,60,222,0);
    }
}
/**/
.sj{width:50%; height:360px;background:url(../images/sj.jpg) no-repeat center;padding:37px 0 0 13rem; box-sizing: border-box;float:left;}
.sj h4{line-height: 107px; margin-bottom: 21px;position: relative;font-size: 36px; color:#ffffff; font-family: "鎬濇簮榛戜綋 CN"; font-weight: normal;}
.sj h4:before{width:40px; height:2px;background:#FFF; content:""; position: absolute;left:0; bottom:0;}
.sj p{line-height: 36px;font-size: 18px; color:#ffffff;}
.ry{width:50%; height:360px;background:url(../images/ry.jpg) no-repeat center;float:right;}
.ry a{display: block;padding:36px 0 0 70px;}
.ry h4{line-height: 106px; margin-bottom: 21px; font-size: 36px; color:#ffffff; font-family: "鎬濇簮榛戜綋 CN"; font-weight: normal;position: relative;}
.ry h4:before{width:40px; height:2px; background:#FFF;content:""; position: absolute;left:0;bottom:0;}
.ry p{line-height: 36px;font-size: 18px; color:#ffffff;width:360px;}
.ry ul li{height:89px;float:left; margin-right: 40px;}
.ry ul li em{display: block; float:left; line-height: 89px;font-size: 50px; color:#FFF; font-family: "MiSans"; font-weight: bold;}
.ry ul li i{display: block; float:left; line-height: 111px;font-size: 18px; color:#ffffff;font-family: "鎬濇簮榛戜綋 CN"; margin-left: 10px;}



















































html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}