@charset "utf-8";
*,*:before,*:after{margin:0;padding:0;outline:none;text-size-adjust:none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing: border-box;}
@font-face {font-family: 'Roboto-Regular';src: url('font/Roboto-Regular.ttf');font-weight:normal;}
@font-face {font-family: 'Roboto-Bold';src: url('font/Roboto-Bold.ttf');}
@font-face {font-family: 'Roboto-Medium';src: url('font/Roboto-Medium.ttf');}
/* @font-face {font-family: 'Roboto-Black';src: url('font/Roboto-Black.ttf');}
@font-face {font-family: 'Roboto-BlackItalic';src: url('font/Roboto-BlackItalic.ttf');}
@font-face {font-family: 'Roboto-BoldCondensed';src: url('font/Roboto-BoldCondensed.ttf');}
@font-face {font-family: 'Roboto-BoldCondensedItalic';src: url('font/Roboto-BoldCondensedItalic.ttf');}
@font-face {font-family: 'Roboto-BoldItalic';src: url('font/Roboto-BoldItalic.ttf');}
@font-face {font-family: 'Roboto-Condensed';src: url('font/Roboto-Condensed.ttf');}
@font-face {font-family: 'Roboto-CondensedItalic';src: url('font/Roboto-CondensedItalic.ttf');}
@font-face {font-family: 'Roboto-Italic';src: url('font/Roboto-Italic.ttf');}
@font-face {font-family: 'Roboto-Light';src: url('font/Roboto-Light.ttf');}
@font-face {font-family: 'Roboto-LightItalic';src: url('font/Roboto-LightItalic.ttf');}
@font-face {font-family: 'Roboto-MediumItalic';src: url('font/Roboto-MediumItalic.ttf');}
@font-face {font-family: 'Roboto-Thin';src: url('font/Roboto-Thin.ttf');}
@font-face {font-family: 'Roboto-ThinItalic';src: url('font/Roboto-ThinItalic.ttf');} */
body,html{font:16px/1 "Roboto-Regular","Helvetica Neue","PingFang SC","Hiragino Sans GB",Arial,sans-serif;}
body{overflow-x:hidden;color:#282828;}
a{text-decoration:none;}
a:hover{text-decoration:none;;}
h5,h6{padding:0px;margin:0px;font-weight:normal;}
em,i,strong{font-style:normal;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.img{overflow:hidden;}
img{display:inline-block;border:0;vertical-align:middle;max-width:100%;transition-duration:0.5s;}
.img img{width:100%;height:100%;display:block;}
.transy{transform:translateY(80px);transition: 600ms;transition-timing-function:ease-out;opacity: 0;} 
.tranShow{transform:translateY(0);opacity: 1;}
.transLeftIn{transform:translateX(-100%);transition: 600ms;transition-timing-function:ease-out;opacity: 0;}
.transRightIn{transform:translateX(100%);transition: 600ms;transition-timing-function:ease-out;opacity: 0;}
.tranXShow{transform:translateX(0);opacity:1;}
.mshow,.m{display:none;}
.w1200{width:1200px;margin:0 auto;}

.header{padding:31px 0 26px;}
.nav{float:right;padding-top:5px;}
.nav a{font-size:20px;color:#7d7d7d;cursor:pointer;margin-right:24px;position:relative;padding-left:24px;}

.nav a:before{content:'';position:absolute;left:0;top:4px;width:1px;height:16px;background-color:#d2d2d2;}
.nav a:first-child:before{display:none;}

.ban{position:relative;}
.ban .des{/*text-transform:uppercase;*/color:#fff;position:absolute;left:0;top:50%;right:0;transform:translateY(-50%);}
.ban p{font-size:45px;line-height:60px;letter-spacing:-2px;}
.ban p:first-child{letter-spacing:0;}
.ban img{width:100%;}

h5.tit{font-size:56px;letter-spacing:-3px;font-family:'Roboto-Medium';position:relative;padding:92px 0 25px;}
h5.tit:after{content:'';position:absolute;left:0;bottom:0;width:78px;height:5px;background-color:#c40821;transition-duration:0.5s;}
.ad{overflow:hidden;}
.about{overflow:hidden;padding:64px 0 116px;display:flex;align-items:stretch;flex-wrap:wrap;}
.about .item{float:left;width:358px;margin-right:63px;position:relative;transition-duration:0.5s;border:#d2d2d2 1px solid;}
.about .item:after{content:'';position:absolute;left:50%;bottom:-28px;width:77px;height:10px;background-color:#c40821;transform:translateX(-50%);transition-duration:0.5s;}
.about .item:nth-child(3n){margin-right:0;}
.about .item .tit{background-size:cover;color:#fff;font-size:20px;font-family:'Roboto-Medium';position:relative;overflow:hidden;}
.about .item .tit div{position:absolute;top:50%;left:24px;right:24px;transform:translateY(-50%);transition-duration:0.5s;}
.about .item .des{padding:20px 20px;line-height:26px;letter-spacing:-0.25px;text-align:justify;}
.about .item:nth-child(2n) .des{letter-spacing:-1.2px;padding:20px 22px 20px 20px;}
.about .item:nth-child(3n) .des{letter-spacing:-0.9px;}

.pro .tab-tit{overflow:hidden;margin-top:48px;box-shadow:-4px 0 4px #fdfdfd;}
.pro .tab-tit a{width:25%;float:left;text-align:center;height:68px;line-height:68px;font-size:20px;color:#7d7d7d;font-family:'Roboto-Medium';cursor:pointer;position:relative;}
.pro .tab-tit a:after{content:'';position:absolute;right:0;top:12px;bottom:12px;width:1px;background:#d2d2d2;}
.pro .tab-tit a.cur,.pro .tab-tit a:hover{background-color:#c40821;color:#fff;font-weight:bold;}
.pro .tab-tit a.cur:after,.pro .tab-tit a:last-child:after{display:none;}
.pro .tab-tit a:last-child{line-height:26px;padding-top:6px;}
.pro .tab-box{box-shadow:inset 0px 20px 20px -20px #eee;padding:78px 0 180px;}
.pro .tab-box h2{padding-left:198px;font-size:40px;}
.pro .tab-box .item:nth-child(4) h2{padding-left:45px;}
.pro-des{overflow:hidden;padding:60px 0 0;}
.pro-des .fl{width:795px;line-height:26px;letter-spacing:-0.3px;text-align:justify;}
.pro-des .fl .btn{margin-top:63px;float:right;}
.pro-des .img{width:370px;float:right;}
.func{padding:92px 0 0;}
h4.pro-tit{font-size:40px;border-bottom:#282828 2px solid;padding-bottom:18px;}
.func{}
.tab-box .item{display:none;}
.tab-box .item.cur{display:block;}
.tab-box .box{display:flex;align-items:stretch;flex-wrap:wrap;}
.pro .box .list{float:left;width:30%;margin-right:5%;margin:46px 5% 0 0;padding-bottom:5px;position:relative;overflow:hidden;}
.pro .box .list:nth-child(3n){margin-right:0;}
.pro .box .list span{position:relative;width:57px;height:60px;display:inline-block;}
.pro .box .list span .ico_c{position:absolute;}
.pro .box .list h6{font-size:24px;font-family:'Roboto-Bold';margin:22px 0 18px;transition-duration:0.5s;}
.pro .box .list p{line-height:26px;text-align:justify;letter-spacing:-0.4px;}
.tab-box .item:nth-child(4) .advant .box .list p{margin-top:15px;}
.func .box .list span .ico_c.ico01{left:12px;top:8px;}
.func .box .list span .ico_c.ico02{left:0;bottom:1px;}
.func .box .list span .ico_c.ico03{right:0;top:0;}
.func .box .list span .ico_c.ico04{right:0;bottom:0;}
.func .box .list span .ico_c.ico05{right:0;bottom:2px;}
.func .box .list span .ico_c.ico21{left:18px;top:15px;}
.func .box .list span .ico_c.ico22{left:23px;bottom:10px;}
.func .box .list span .ico_c.ico23{right:0;bottom:2px;}
.func .box .list span .ico_c.ico24{right:0;bottom:0;}
.func .box .list span .ico_c.ico31{left:12px;top:13px;}
.func .box .list span .ico_c.ico32{left:8px;top:9px;}
.func .box .list span .ico_c.ico33{left:14px;top:16px;}
.func .box .list span .ico_c.ico34{left:7px;top:10px;}
.func .box .list span .ico_c.ico35{left:25px;top:25px;}
.func .box .list span .ico_c.ico41{left:15px;top:17px;}
.func .box .list span .ico_c.ico42{left:15px;top:17px;}
.func .box .list span .ico_c.ico43{left:0px;top:31px;}
.func .box .list span .ico_c.ico44{left:18px;top:9px;}
.func .box .list span .ico_c.ico45{right:0;bottom:0;}
.func .box .list span .ico_c.ico46{left:0;top:13px;}
.func .box .list span .ico_c.ico47{right:0;bottom:6px;}
.advant h4.pro-tit{color:#c40821;border-bottom-color:#c40821;}
.advant{padding:80px 0 0;}
.pro .advant .box .list span{width:70px;height:70px;text-align:center;background-color:#c40821;transition-duration:0.5s;}
.pro .advant .box .list span .ico01{left:11px;top:12.5px;}
.pro .advant .box .list span .ico02{left:15.5px;top:10.5px;}
.pro .advant .box .list span .ico03{left:12.5px;top:13px;}
.pro .advant .box .list span .ico04{left:11px;top:11px;}
.pro .advant .box .list span .ico05{left:11px;top:14px;}
.pro .advant .box .list span .ico21{left:12px;top:12px;}
.pro .advant .box .list span .ico22{left:12px;top:10.5px;}
.pro .advant .box .list span .ico23{left:11.5px;top:13px;}
.pro .advant .box .list span .ico24{left:12px;top:12px;}
.pro .advant .box .list span .ico31{left:11px;top:14px;}
.pro .advant .box .list span .ico32{left:9px;top:9.5px;}
.pro .advant .box .list span .ico33{left:9.5px;top:13px;}
.pro .advant .box .list span .ico34{left:10.5px;top:11.5px;}
.pro .advant .box .list span .ico35{left:9.5px;top:12.5px;}
.pro .advant .box .list span .ico41{left:11px;top:12.5px;}
.pro .advant .box .list span .ico42{left:9.5px;top:9.5px;}
.pro .advant .box .list span .ico43{left:11.5px;top:12px;}
.pro .advant .box .list span .ico44{left:10.5px;top:10.5px;}
.pro .advant .box .list span .ico45{left:13px;top:13px;}
.pro .advant .box .list span .ico46{left:11.5px;top:14px;}
.pro .advant .box .list span .ico47{left:14px;top:11px;}
.pro .advant .box .list h6{color:#c40821;}

.pro .box .list p.func1_1{width:92%;letter-spacing:0;}
.pro .box .list p.func1_3{letter-spacing:-0.5px;}
.pro .box .list p.func1_4{letter-spacing:-0.5px;}
.pro .box .list p.adv2_2{letter-spacing:-0.97px;}
.pro .box .list p.adv1_5{width:94%;}
.pro .box .list p.func3_2{width:94%;}
.pro .box .list p.func3_4{width:92%;}
.pro .box .list p.func3_5{width:95%;}
.pro .box .list p.adv3_3{width:92%;}
.pro .box .list p.fun4_1{letter-spacing:-1.2px;}
.pro .box .list p.fun4_2{width:98%;letter-spacing:-0.2px;}
.pro .box .list p.fun4_4{width:96%;letter-spacing:-0.1px;}
.pro .box .list p.fun4_7{letter-spacing:-0.7px;}
.pro .box .list p.adv4_3{width:96%;letter-spacing:0.2px;}
.pro .box .list p.fun4_7{letter-spacing:-0.7px;}

.footer{border-top:#c40821 4px solid;background-color:#424242;padding:64px 0 96px;}
.footer a{color:#fff;text-decoration:underline;}
.footer p:first-child{padding-bottom:12px;}
@media screen and (min-width:1200px){
    .img:hover img {transform:scale(1.1);}
    .nav a:hover{color:#c40821;}
    h5.tit:hover:after{width:90px;}
    .about .item:hover{box-shadow:0 0 10px #999;}
    .about .item:hover .tit{text-shadow:2px 1px 5px #f1f1f1;}
    .about .item:hover .tit img{transform:scale(1.1);}
    .about .item:hover:after{width:100px;border-radius:5px;}
    .ad:hover img{transform:scale(1.03);}
    .pro .box .list:hover h6{text-shadow:2px 1px 5px #aaa;}
    .pro .box .list:after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#ccc;transition-duration:0.5s;}
    .pro .box .list:hover:after{width:100%;}
    .pro .box .list:hover span .ico_c.ico01{animation:1.5s .2s bounceIn infinite both;}
    .pro .box .list:hover span .ico_c.ico02{animation:1.5s .2s fadeInLeft infinite both;}
    .pro .box .list:hover span .ico_c.ico03{animation:1.5s .2s slideInDown infinite both;}
    .pro .box .list:hover span .ico_c.ico05{animation:1.5s .2s rubberBand infinite both;}
    .pro .box .list:hover span .ico_c.ico21{animation:1.5s .2s rubberBand infinite both;}
    .pro .box .list:hover span .ico_c.ico22{animation:1.5s .2s bounceIn infinite both;}
    .pro .box .list:hover span .ico_c.ico24{animation:1.5s .2s rotateIn infinite both;}
    .pro .box .list:hover span .ico_c.ico31{animation:1.5s .2s bounceIn infinite both;}
    .pro .box .list:hover span .ico_c.ico32{animation:1.5s .2s rotateIn infinite both;}
    .pro .box .list:hover span .ico_c.ico33{animation:1.5s .2s fadeInLeft infinite both;}
    .pro .box .list:hover span .ico_c.ico34{animation:1.5s .2s fadeInLeft infinite both;}
    .pro .box .list:hover span .ico_c.ico35{animation:1.5s .2s fadeInRight infinite both;}
    .pro .box .list:hover span .ico_c.ico41{animation:1.5s .2s bounceIn infinite both;}
    .pro .box .list:hover span .ico_c.ico42{animation:1.5s .2s fadeInLeft infinite both;}
    .pro .box .list:hover span .ico_c.ico43{animation:1.5s .2s slideInDown infinite both;}
    .pro .box .list:hover span .ico_c.ico44{animation:1.5s .2s bounceIn infinite both;}
    .pro .box .list:hover span .ico_c.ico45{animation:1.5s .2s fadeInRight infinite both;}
    .pro .box .list:hover span .ico_c.ico46{animation:1.5s .2s fadeInLeft infinite both;}
    .func .box .list:hover span .ico_c.ico04{animation:1.5s .2s fadeInRight infinite both;}
    .func .box .list:hover span .ico_c.ico23{animation:1.5s .2s fadeInRight infinite both;}
    .func .box .list:hover span .ico_c.ico47{animation:1.5s .2s fadeInRight infinite both;}
    .advant .box .list:hover span .ico_c.ico04{animation:1.5s .2s fadeInLeft infinite both;}
    .advant .box .list:hover span .ico_c.ico23{animation:1.5s .2s rotateIn infinite both;}
    .advant .box .list:hover span .ico_c.ico43{animation:1.5s .2s rotateIn infinite both;}
    .advant .box .list:hover span .ico_c.ico44{animation:1.5s .2s rotateIn infinite both;}
    .advant .box .list:hover span .ico_c.ico47{animation:1.5s .2s slideInDown infinite both;}
    .advant .box .list:hover span{border-radius:10px;}
    /* .func .box .list:hover h6{transform:translateX(20px);} */
}


@media screen and (max-width:1440px){
    .ban p{font-size:35px;line-height:52px;}
}


@media screen and (max-width:1366px){
    .w1200{width:1024px;}
    .ban p{font-size:36px;line-height:48px;letter-spacing:0;}
    h5.tit{font-size:30px;letter-spacing:-1px;padding:50px 0 15px;}
    h5.tit:after{height:3px;width:75px;}
    .about{padding:50px 0 70px;}
    .about .item{width:31.333333%;margin-right:3%;}
    .about .item .tit{font-size:18px;line-height:24px;;}
    .about .item:after{height:5px;}
    .pro .tab-box{padding:70px 0 100px;}
    .pro .tab-tit a{font-size:18px;}
    .pro .tab-box h2{font-size:24px;}
    .pro-des .fl{width:620px;}
    .pro-des .fl .btn{margin-top:38px;}
    h4.pro-tit{font-size:26px;}
    .func{padding-top:50px;}
    .advant{padding-top:40px;}
}


@media screen and (max-width:1220px){
    .w1200{width:100%;}
    .header{width:96%;padding:25px 0;margin:0 2%;}
    .ban .des{left:4%;right:4%;}
    .ban p{font-size:22px;line-height:36px;}
    .about{margin:0 4%;}
    .pro .tab-box{padding:70px 0 120px;}
    .pro{margin:0 4%;}
    .pro-des .img{width:25%;}
    .pro-des .fl{width:70%;}
    .pro-des .fl .btn{margin-top:10px;}
    h5.tit{margin:0 4%;}
    .footer{padding:50px 4% 80px;}
}

@media screen and (max-width:1024px){
    .pro .box .list{width:48%;margin-right:4%;}
    .pro .box .list:nth-child(3n){margin-right:4%;}
    .pro .box .list:nth-child(2n),.pro .box .list:nth-child(6n){margin-right:0;}
    .pro .tab-box{padding:50px 0 70px;}
}

@media screen and (max-width:800px){
    .ban p{font-size:20px;line-height:30px;}
    .about{padding:20px 0 50px;}
    .about .item{width:100%;margin:30px 0 0;}
    .about .item:after{display:none;}
    .about .item img{width:100%;}
    .about .item .tit div{line-height:30px;}
    .pro .tab-box h2{text-align:center;padding-left:0;font-size:32px;}
    .pro .tab-box .item:nth-child(4) h2{padding-left:0;}
    .pro-des{padding-top:30px;}
    .pro-des .img{width:100%;float:none;text-align:center;}
    .pro-des .img img{width:60%;display:inline-block;}
    .pro-des .fl{width:100%;float:none;margin-top:30px;}
    h5.tit{font-size:36px;}
    .pro .tab-tit a{width:auto;padding:0 20px;}
    .pro .tab-tit a:last-child{line-height:68px;padding-top:0;}
    .pro .tab-tit a br{display:none;}
    .pro .tab-tit{overflow-x:auto;}
    .pro .tab-tit .w1200{width:1100px;}
    .pro .box .list h6{margin:18px 0 12px;}
    .pro .box .list p{line-height:22px;}
    .pro .box .list{margin-top:30px;}
}


@media screen and (max-width:640px){
    .nav a{font-size:18px;margin-right:15px;padding-left:15px;}
    .nav a:before{height:12px;top:3px;}
    .nav a:first-child{margin-left:0;}
    .nav a:last-child{margin-right:0;}
    .ban p{font-size:18px;line-height:24px;font-weight:bold;}
    .ban .pc{display:none;}
    .ban .m{display:block;}
    .about{padding-top:0;}
    .about .item:first-child{margin-top:20px;}
    h5.tit{font-size:18px;padding:30px 0 12px;}
    h5.tit:after{width:48px;}
    h4.pro-tit{font-size:28px;padding-bottom:10px;margin-bottom:15px;}
    .pro .tab-tit{margin-top:20px;}
    .pro .tab-box h2{font-size:21px;}
    .pro-des .fl .btn{margin:0 auto;margin-top:10px;width:250px;display:block;float:none;}
    .pro .box .list{margin-top:20px;}
    .pro .box .list h6{font-size:20px;margin:12px 0 8px;}
    .func,.advant{padding-top:40px;}
}


@media screen and (max-width:414px){
    .logo{width:150px;display:inline-block;}
    .nav a{font-size:16px;margin-right:10px;padding-left:10px;}
    .ban p{font-size:18px;line-height:24px;}
    .pro .tab-tit .w1200{width:1000px;}
    .pro .tab-tit a{font-size:16px;}
    .pro .box .list{width:98%;margin-right:0;}
    .pro .box .list:nth-child(3n){margin-right:0;}
    .pro .box .list .info{position:relative;}
    .pro .box .list .info h6{position:absolute;left:80px;top:-78px;}
    .pro .func .box .list .info h6{top:-70px;}
    .pro .box .list p{margin-top:20px;letter-spacing:0;text-align:left;}
    .footer p{line-height:22px;}
    .pro-des .fl{letter-spacing:-0.5px;}
    .pro .box .list p.func1_1{width:100%;letter-spacing:0;}
    .pro .box .list p.func1_3{letter-spacing:0;}
    .pro .box .list p.func1_4{letter-spacing:0;}
    .pro .box .list p.adv2_2{letter-spacing:0;}
    .pro .box .list p.adv1_5{width:100%;}
    .pro .box .list p.func3_2{width:100%;}
    .pro .box .list p.func3_4{width:100%;}
    .pro .box .list p.func3_5{width:100%;}
    .pro .box .list p.adv3_3{width:100%;}
    .pro .box .list p.fun4_1{letter-spacing:0;}
    .pro .box .list p.fun4_2{width:100%;letter-spacing:0;}
    .pro .box .list p.fun4_4{width:100%;letter-spacing:0;}
    .pro .box .list p.fun4_7{letter-spacing:0;}
    .pro .box .list p.adv4_3{width:100%;letter-spacing:0;}
    .pro .box .list p.fun4_7{letter-spacing:0;}
}


@media screen and (max-width:320px){
    .logo{width:130px;display:inline-block;}
    .nav a{font-size:15px;margin-right:7px;padding-left:7px;}

}