body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i{list-style:none;  font-style: inherit;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
em{font-style: initial;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.cl,.clear{height:0; overflow:hidden; clear:both;}
.fl{ float:left}
.fr{ float:right}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body,td,th{font-size: 14px;color:#333333;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1400px; color:#333333;}
a{font-size:14px; color:#333333;}
.w1400 { width:1400px; margin:auto;}
.mar50{ margin:50px auto;}
.bottom30{margin-bottom:50px;}
.dis{ display: none;}
.w1050{width:1050px; float:right;}



.top{ height: 135px; overflow: hidden; position: relative;}
.top_l{position: absolute; left: 1%; top: 26px;}
.top_one{margin-top: 10px;margin-left: 20px;}
.top_one em{ font-size: 26px; display: block;}
.top_one p{ font-size: 16px; color: #777777;}
.top_one p strong{ color: #e00b14;}
.top_r{position: absolute; right: 1%; top:0px;}
.nav li{float: left; margin-right: 20px; position: relative;}
.nav li a{line-height: 135px; font-size: 16px;  display: block;padding: 0 20px; position: relative; z-index: 1;font-weight: bold;}
.nav li::before{content: ""; display: block; width: 0; line-height: 30px;height: 30px;  background: #e00b14; border-radius: 30px; transition: all 0.3s ease; position: absolute; left: 0; top: 53px; z-index: 0;}
.nav li.cur::before,.nav li:hover::before{ width: 100%;}
.nav li.cur a,.nav li:hover a{ color: #fff; font-weight: bold;}
.top_tel{margin: 50px 0 0 25px;}
.top_tel strong{ font-size: 25px; font-family: Arial; color: #e00b14;letter-spacing: -1px; margin: 1px 0 0 10px;}
@media screen and (max-width: 1790px){
    .nav li{margin-right: 5px;}
    .nav li a{padding: 0 13px;}
    .top_tel{margin: 50px 0 0 5px;}
}
@media screen and (max-width: 1540px){
    .top_tel{ display: none;}
}



.title{ text-align: center; margin: 72px auto 20px;}
.title em{ font-size: 40px; color: #e00b14;}
.title p{ font-size: 17px; font-weight: 100;  color: #999; margin-bottom: 12px;}
.title li{ display: inline-block; width: 10px; height: 10px; background: #f2f2f2; border-radius: 5px; margin: 0 5px;}
.title li:nth-child(2){ background: #d9d9d9;}

.pro_nav{ display: flex; justify-content: space-between; margin-bottom:30px;}
.pro_nav dl{width: 436px; height: 89px; background: #f5f5f5; padding: 25px 15px;}
.pro_til{ font-size: 18px; color: #333; display: inline-block;margin-top: 6px;margin-left: 15px; }
.pro_nav dt{line-height: 23px;margin-top: 12px;}
.pro_nav dt a{ display: block; width: 33.333%; float: left; font-weight: 100; color: #777;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro_nav dt a:hover{ color: #e00b14;}


.features{ background: url(images/7_02.jpg) no-repeat center; height: 636px; overflow: hidden;}
.fea_til{text-align: center; background: url(images/6_03.png) no-repeat center 11px; margin:78px auto 50px}
.fea_til p{ font-size: 17px; font-weight: 100; color: #fff;opacity: .9;}
.fea_til em{ font-size: 40px; color: #fff;display: block;margin: 6px 0 19px;}
.fea_con{ display: flex; justify-content: space-between;}
.fea_con li{ width: 212px; height: 212px; border-radius: 50%; background: #fff; position: relative;text-align: center; transition:all 0.3s;}
.fea_con li:hover{transform:translateY(-10px);;}
.fea_con li p{ font-size: 26px; color: #333; margin-top: 52px;}
.fea_con li strong{font-size: 26px; color: #e00b14; display: block;}
.fea_con li span{ font-weight: 100; color: #999999; font-size: 14px; margin-top: 14px;display: block;}
.fea_con li span::before,.fea_con li span::after{content: ""; display: inline-block; width: 16px; height: 1px; background:#d9d9d9; margin: 0 10px;vertical-align: middle;}
.fea_sz{ width: 38px; height: 38px; background: #e00b14; line-height: 38px; text-align: center; border-radius: 50%; font-size: 20px; color: #fff; position: absolute; right: 17px; top: 7px; }
.eda_dd{margin: 104px 24px 0;}
.eda_dd span{ width: 4px; height: 4px; border-radius: 2px; background: #c1c1c1; float: left; display: block; margin-right: 5px; animation: bounce_fountainG 1.2s linear infinite;}
.eda_dd span:nth-child(1){animation-delay: .2s;}
.eda_dd span:nth-child(2){animation-delay: .4s;}
.eda_dd span:nth-child(3){animation-delay: .6s;}
.eda_dd span:nth-child(4){animation-delay: .8s;}
.eda_dd span.on{ background: #fff;}
.fea_tel{text-align: center; width: 485px; height: 52px; border: 1px solid #fff; line-height: 52px; margin: 50px auto 0; transition: all 0.3s ease; display: block;}
.fea_tel img{vertical-align: sub;margin-right: 10px;}
.fea_tel span{ font-size: 16px; font-weight: 100; color: #fff; display: inline-block;vertical-align: top;   }
.fea_tel strong{font-size: 20px; color: #fff; display: inline-block;}
.fea_tel:hover{ background: #e00b14; border: 1px solid #e00b14; width: 520px;}
@keyframes bounce_fountainG { 
    0% {
    transform:scale(1);
    }
    100% {
    transform:scale(.5);
    }
}


.advantage{overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:80px;}
.advantage dl{ width: 680px; height: 499px;}
.advantage dl img{ display: block;}
.adv_con{height: 136px; background: #f5f5f5;padding: 0 17px; position: relative;}
.adv_con em{ width: 270px; height: 60px; line-height: 60px; background: #e00b14; text-align: center; color: #fff; display: block; font-size: 24px;position: absolute;top: -30px; left: 50%; margin-left: -135px;transition: all 0.3s;border-radius: 0 0 15px 0;}
.adv_con p{ font-size: 16px; color: #999;  line-height: 28px;padding-top: 52px; text-align: center; transition: all 0.3s;}  
.advantage dl:nth-child(n+3){ margin-top: 40px;}
.advantage dl:hover .adv_con{background: #e00b14;}
.advantage dl:hover .adv_con p{ color: #fff;opacity: 0.9;}
.advantage dl:hover .adv_con em{ background: #fff; color: #e00b14; }


.company{ overflow: hidden; background: url(images/13_02.jpg) no-repeat center; height: 609px;}
.company .fr{ margin-top: 80px;}
.com_l{ width: 655px;}
.com_l>em{font-size: 40px; color: #e00b14; display: block; margin: 71px 0px 0px;}
.com_l>span{ font-size: 17px; color: #333;}
.com_xt{ width: 83px; height: 3px; background: #e00b14; margin: 28px 0px 42px;}
.com_l>p{ font-size: 15px; color: #999; line-height: 29px;text-align: justify;}
.com_l>p a{ font-size: 15px;}
.com_l>p a:hover{ color: #e00b14;}
.con_til{ font-size: 18px; color: #e00b14; margin-top: 28px;margin-bottom: 10px;}
.com_ms{padding-left: 13px; font-size: 15px; color: #999; line-height: 24px; text-align: justify; position: relative;margin-top: 8px;}
.com_ms::before{content: ""; display: block; width: 5px; height: 5px; background: #e00b14; border-radius: 50%; position: absolute; left: 0; top: 9px;}