/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}

.x-banner{
    position: relative;
}
.ding{
    position: relative;
    width: 100%;
    left:50%;
    margin-left: -50%;
    z-index: 9;
    object-fit: cover;

}

.ding video {
    width: 100vw;
}


/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.com-img{ overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height:143px;overflow:hidden;}

.logo{float:left;line-height:143px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}




/*主体样式*/

.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}



/*页面底部*/
.foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;}

/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}
.yidnjh{
    background: #313131;
    height: 41px;
    overflow: hidden;
    line-height: 41px;
}
.changhh{
    max-width: 1490px;
    margin: 0 auto;
    padding: 0 2%;
    font-family: "Microsft Yahei";
}
.yhinjh{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 41px;
	letter-spacing: 0px;
    color: #bcbcbc;
}
.qiedjh{
    text-align: right;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 41px;
	letter-spacing: 0px;
    color: #bcbcbc;
}
.qiedjh a{
   color: #bcbcbc; 
}
.dlogo{
    width: 18%;
}
.dlogo img{
    max-width: 100%;
    height: auto;
}
.nnav{
    width: 60%;
}
.handhi{
    font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 80px;
	letter-spacing: 0px;
	color: #d90d00;
    width: 16%;
}
.wh {
    max-width: 1430px;
    margin: 0 auto;
    padding: 0 15px;
}
/*  */
.box1{margin: 5.7% 0 3.8%;overflow: hidden;}
.ptt dd{color: #666666;font-size: 20px;width: 20px;line-height: 22px;}
.ptt dt{color: #333333;font-size: 2rem;font-weight: bold;width: 44px;margin-left: 19px;line-height: 47px;}
.pright{width: 58.58%;overflow: hidden;}
.pright li{
    border: 1px solid #d5d5d5;
    overflow:hidden;
}
.pright img{width: 100%;}

.psort{margin-left: 2%;width: 28.6%;}
.psort li{width: 47%;margin-bottom: 16px;border: solid 1px #d5d5d5;color: #595757;line-height: 56px;
text-align: center;}
.psort li:nth-child(n+11){
    display: none;
}
.psort li a{display: block;font-size: 16px;color: #595757;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.psort li.cur a{background-color: #e30e00;color: #fff;border-color: #e30e00;}

.psort li:hover, .psort li.on {
    background: #e1271b;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.psort li:hover a, .psort li.on a {
    color: #fff;
}
.ptt2{display: none;}
@media(max-width: 768px){
    .ptt2{display: block;}
    .ptt1{display: none;}
    .ptt{float: none;text-align: center;width: 100%;}
    .ptt dd,.ptt dt{float: none;width: 100%;margin: 0;}
    .ptt dt{font-size: 24px;line-height: 1;}
    .ptt dd{font-size: 14px;line-height: 24px;margin-top: 6px;}
    .psort,.pright{float: none;width: 100%;margin: 0;}
    .psort{margin: 20px 0;}
    .psort li{width: 32%;}
    .psort li a{padding:6px 0 6px 6px;font-size: 14px;}
    .abox{padding: 25px 15px 17px 15px;}
    .ftel dd{font-size: 14px;}
    .ftel dt{font-size: 24px;}
    .acon{font-size: 16px;line-height: 30px;}
    .box4{padding: 30px 0 10px;}
    .nul{margin-bottom: 20px;}
    .nul,.nul2{width: 100%;}
    .bq,.x-region{float: none;text-align: center;width: 100%;}
}


@media(max-width: 640px){
    .box1{margin: 30px 0;}
    .box2{padding: 30px 0;}
    .bt2 dd, .htt h3{font-size: 20px;}
    .htt a{font-size: 14px;line-height: 20px;}
    .bt2 dt{font-size: 13px;line-height: 18px;margin-top: 8px;}
  
    .cul li h3 a{font-size: 14px;height: 50px;line-height: 50px;}
    .htt img{margin-top: 10px;width: calc(100% - 166px);}
    .hbox .bd{margin-top: 20px;}
    .hbox .bd li{width: 132px;}
    .hbox .bd li h3 a{padding-top: 10px;}
    .hbox .bd li .img img{width: 130px;height: 65px;}
    .title p{font-size:13px;}
    .title h3{font-size: 16px;line-height: 1.3;margin-top: 10px;}
   
    .ron-cfn ul li .ron-tit h3{font-size: 16px;}
    .box3{padding: 30px 0;}
    .acon{font-size: 14px;line-height: 24px;}
    .aul,.ftel{width: 100%;}
    .ftel{margin-top: 20px;}
    .line1{margin: 5px 0;}
    .aul li h3{font-size: 13px;}
    .ftel dt{font-size: 20px;}
    .mySwiper .swiper-button-prev,.mySwiper .swiper-button-next{width: 40px;height: 40px;line-height: 40px;margin-top: -20px;}
    .mySwiper{margin-top: 20px;}
    .nbj{padding: 20px 0 0 15px;}
    .nul2 li a, .nbj> a{font-size: 16px;}
    .nbj> a{margin-top: 10px;}
    .nul2 li{padding: 20px;}
    .dao{display: none;}
    .dtel{font-size: 24px;}
    .lx{width: 65%;}
    .tewm{width: 35%;}
    .tewm img{width: 100%;}
    .foot{padding: 30px 0;}
    .ft2{padding: 15px 0;font-size: 12px;}
    
}






/*  */
.box2{background: #f5f5f5;padding: 4% 0 2.8%;overflow: hidden;}
.bt2{text-align: center;}
.bt2 dd{color: #333333;font-size: 36px;line-height: 1;font-weight: bold;}
.bt2 dt{color: #666666;font-size: 20px;line-height: 1;margin-top: 24px;}
.cul{margin-top: 4.2%;}
.cul li{margin-bottom: 45px;overflow: hidden;}

.huanding{
    overflow: hidden;
    margin-top: 3%;
}


.cul li .img img{display: block;width: 100%;}
.cul li h3{position: relative;}
.cul li h3 a{display: block;height: 75px;background: #ffffff url(//cdn.myxypt.com/66d140bb/22/05/ab077d0a31b098332208321e81bc1925d707d073.png) no-repeat 95% center;line-height: 75px;padding: 0 21px;color: #333333;font-size: 20px;font-weight: normal;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;position: relative;border-bottom: 3px solid #d8d8d8;}
.cul li:hover h3 a{color: #e30e00;font-weight: bold;background: #fff url(//cdn.myxypt.com/66d140bb/22/05/7a669c4199b7f62e66be02e71c3b2de41607d034.png) no-repeat 95% center;}
.cul li h3:after{content: '';height: 3px;background-color: #e30e00;width: 0%;display: block;position: absolute;bottom: 0px;left: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;z-index: 999;}
.cul li:hover h3:after{width: 100%;}
.htt h3{font-size: 35px;color: #000;font-weight: 600;}
.htt a{display: block;color: #9aa1ac;font-size: 16px;line-height: 40px;}
.htt a:hover{color: #e30e00;}
.htt img{width: calc(100% - 238px);line-height: 40px;display: block;margin: 20px 0 0 18px;}
.hbox .bd{margin-top: 38px;overflow: hidden;}
.hbox .bd li{width: 266px;margin: 0 8px;}
.hbox .bd li:hover .img{
    border: solid 1px #ef7169;
}
.hbox .bd li .img{display: block;border: solid 1px #ececec;}
.hbox .bd li .img img{width: 264px;height: 132px;}
.hbox .bd li h3 a{display: block;padding-top: 17px;text-align: center;color: #333333;font-size: 20px;font-weight: normal;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.cul li:hover h3 a{
    background: #e30e00 url(//cdn.myxypt.com/fd143db1/23/03/e3ab20ae2babc3660fdd8e5f70d08347ac5c86c3.png) no-repeat 95% center;
    color: #fff;
}

.neifr{
    padding: 3% 0;
    overflow: hidden;
}
.sodmkj{
    text-align: center;
    margin-top: 2%;
}
.sodmkj img{
    max-width: 100%;
    height: auto;
}

.title {
    text-align: center;
}

.title h3 {
    font-size: 35px;
    font-weight: bold;
    color: #000;
    margin-top: 23px;
}

.title p {
    font-size: 26px;
    color: #666666;
    line-height: 1;
}

.hfuhgle{
    width: 53%;
}
.disjfhrt{
    width: 45%;
}



@media(max-width: 1320px){
    .ron-cfn ul li .ron-tit span{font-size: 14px;}
}


@media(max-width: 1199px) {
    .ron-cfn ul li .ron-tit h3 {
        font-size: 20px;
    }
    .ron-cfn ul li .ron-ico {
        max-width: 40px;
        max-height: 44px;
    }
    .ron-cfn ul li .ron-tit {
        margin-left: 10px;
    }
    .ron-cfn ul li.cur .ron-ico img {
        margin-top: -44px;
    }
    .ron-cfn ul li {
        padding-left: 8px;
    }
    .ron-show ul li .ron-text h3 {
        font-size: 28px;
    }
    .ron-show ul li .ron-text span {
        font-size: 22px;
        margin-top: 5px;
    }
    .ron-show ul li .ron-text .text {
        font-size: 14px;
        margin-top: 20px;
        line-height: 20px;
    }
    .ron-show ul li .ron-text h4 {
        font-size: 70px;
        right: 0;
        top: 0;
    }
    .ron-hot h3 {
        font-size: 18px;
    }
    .ron-hot {
        width: 100%;
        margin-top: 20px;
    }
}

@media(max-width: 991px) {
    .ron-cfn ul li .ron-tit h3 {
        font-size: 18px;
        font-weight: bold;
    }
    .ron-cfn ul li .ron-ico {
        max-width: 30px;
        max-height: 33px;
    }
    .ron-cfn ul li.cur .ron-ico img {
        margin-top: -33px;
    }
    .ron-cfn ul li .ron-tit span {
        display: none;
    }
    .ron-cfn ul li {
        justify-content: center;
        padding: 15px 0;
    }
    /* .ron-show ul li{
      padding: 20px;
    } */
    .ron-hot {
        display: none;
    }
    .ron-show ul li .ron-text h3 {
        font-size: 22px;
    }
    .ron-show ul li .ron-text span {
        font-size: 16px;
    }
  
    .reason {
        padding: 30px 0;
    }
    .ron-cfn {
    }
    .ron-show {
        margin-top: 30px;
        padding: 15px;
    }
}

@media(max-width: 767px) {
    .ron-left {
        width: 100%;
    }
    .ron-right {
        width: 100%;
        padding-top: 20px;
    }

    .pro-list ul li .pro-img{
        width: 100%;
    }
    .pro-list ul li .pro-text{
        width: 100%;
    }
     
}

@media(max-width: 425px) {
    .ron-cfn ul li {
        width: 48%;
        margin-left: 4%;
    }
    .ron-cfn ul li:nth-child(3) {
        margin-left: 0;
    }
    .ron-cfn ul li:nth-child(3),
    .ron-cfn ul li:nth-child(4) {
        margin-top: 10px;
    }
    .ron-show ul li .ron-img {
        float: none;
        width: 100%;
    }
    .ron-show ul li .ron-text {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .ron-show ul li .ron-text h4 {
        font-size: 55px;
    }
}

@media(max-width: 320px) {
    .ron-show ul li .ron-text h4 {
        font-size: 45px;
    }
    .ron-cfn ul li .ron-ico {
        max-width: 25px;
        max-height: 27px;
    }
    .ron-cfn ul li.cur .ron-ico img {
        margin-top: -27px;
    }
    .ron-cfn ul li .ron-tit {
        margin-left: 5px;
    }
}



.reason {
    background: #ececec;
    background-size: cover;
    padding: 79px 0 83px;
    overflow: hidden;
}

.title {
    text-align: center;
}



.title p {
    font-size: 20px;
    color: #666666;
    line-height: 1;
}

.ron-cfn {
    margin-top: 3%;
}
.ron-cfn ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ron-cfn ul li {
    width: 23.1%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left:45px;
    cursor: pointer;
    margin-left: 1.86%;
    box-sizing: border-box;
    padding: 2% 1.5%;
}

.ron-cfn ul li:first-child {
    margin-left: 0;
}

.ron-cfn ul li.cur {
    background-color: #e30e00;
}

.ron-cfn ul li .ron-ico {
    max-height: 43px;
    max-width: 39px;
    overflow: hidden;
}

.ron-cfn ul li .ron-ico img {
    max-width: 100%;
    transition: all .3s ease;
}

.ron-cfn ul li.cur .ron-ico img {
    margin-top: -43px;
}

.ron-cfn ul li .ron-tit {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.ron-cfn ul li .ron-tit h3 {
    font-size: 20px;
    color: #333;
}

.ron-cfn ul li.cur .ron-tit h3 {
    color: #fff;
}

.ron-cfn ul li .ron-tit span {
    display: block;
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    font-family: Arial;
    line-height: initial;
    margin-top: 7px;
}

.ron-cfn ul li.cur .ron-tit span {
    color: #fff;
}

.ron-show {
    background-color: #fff;
    margin-top: 3%;
    position: relative;
    display: none;
    flex-wrap: wrap;
    box-shadow: 0px 8px 8px 0px #ededed;
}

.ron-left {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ron-left img{width: 100%;}
.ron-right {
    width: 48.4%;
    box-sizing: border-box;
    padding: 4%;
}



.ron-show ul li .ron-img {
    float: left;
    width: 50%;
}

.ron-show ul li .ron-img img {
    max-width: 100%;
}

.ron-show ul li .ron-text {
    position: relative;
    /* width: 50%; */
    /* padding-left: 70px; */
    /* padding-top: 25px; */
}

.ron-show ul li .ron-text h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #e30e00;line-height: 1;
}

.ron-show ul li .ron-text span {
    display: block;
    font-size: 17px;
    color: #707070;
    margin-top: 7px;
}

.ron-show ul li .ron-text .text {
    font-size: 15px;
    line-height: 28px;
    color: #707070;
    margin-top: 36px;
}

.ron-show ul li .ron-text h4 {
    font-size: 119px;
    font-family: Arial;
    color: #f0f0f0;
    position: absolute;
    top: -23px;
    right: -10px;
    font-weight: 600;
}

.ron-hot {
    /* position: absolute; */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    line-height: 60px;
    width: 100%;
    margin-top: 30px;
    box-shadow: 0px 3px 24px 0px 
		rgba(0, 0, 0, 0.21);
	border-radius: 15px;
    background: #fff;
}

.ron-hot span {
    font-size: 18px;
    color: #323232;
    padding-left: 40px;
    background: url(//cdn.myxypt.com/fd143db1/23/03/7cacb2dac264b1815c4a6f1e4013fdd531b97b58.png)no-repeat left center;
}

.ron-hot h3 {
    font-size: 16px;
    font-family: 'Arial';
    color: #e30e00;
}

.ron-hot:hover{
    background: #e30e00;
}
.ron-hot:hover span{
     color: #fff;
    background: url(//cdn.myxypt.com/fd143db1/23/03/2ff168a2291d5464b7b480476f6dd56e21f6f8fe.png)no-repeat left center;
}
.ron-hot:hover h3{
    color: #fff;
}



.box3{padding: 4.8% 0 3.6%;background: url(//cdn.myxypt.com/fd143db1/23/03/bc247ec5a20201a42d98cd92bfc4a5bdf9159d43.jpg) no-repeat bottom center;
 background-size: 100% 100%;
}
.box3 .title p{color: #e30e00;font-weight: bold;}
.acon{color: #333333;font-size: 18px;line-height: 39px;margin: 23px 0;}
.abox{background-color: #595757;padding:25px 44px 17px 65px;}
.ftel{text-align: right;}
.ftel dd{color: #ffffff;font-size: 20px;}
.ftel dt{color: #ffffff;font-size: 32px;font-family: Impact;font-weight: 400;}
.line1{width: 47px;height: 3px;background-color: #ffffff;margin: 14px 0;}
.aul li h3{color: #ffffff;font-size: 20px;font-weight: normal;padding-top: 17px;}
.aul li {text-align: center;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;cursor: pointer;}
.aul{width: 54.23%;}

.aul li .img{
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #ffffff;
    text-align: center;
    box-sizing: border-box;
    padding: 15% 0;
    margin: 0 auto;
    transform: rotatey(0);
    transition: all 0.6s ease;
}
.aul li:hover .img img{
transform: rotatey(180deg);
    transition: all 0.6s ease;
}
.aul li:hover .img{
    background: #e30e00;
}
.aul li:hover h3{
    color: #e30e00;
}

.aul li:hover .img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(206%) contrast(93%);
}


.mySwiper{overflow: hidden;position: relative;margin-top: 36px;}
.mySwiper .swiper-button-prev,.mySwiper .swiper-button-next{width: 59px;height: 59px;background: #000000;opacity: 0.5;border-radius: 50%;text-align: center;line-height: 59px;margin-top: -29.5px;z-index: 9999;outline: none;}
.mySwiper p{color: #ffffff;font-size: 20px;text-align: center;height: 50px;background: rgba(0, 0, 0, 0.5);position: absolute;width: 100%;bottom: 0;line-height: 50px;display: none;}
.mySwiper .swiper-slide .img img{width: 100%;}
.mySwiper .swiper-slide:hover p{display: block;}






/*  */
.ft2{background: #313131;padding: 20px 0;color: #fff;;font-size: 14px;}
.ft2 a{color: #fff;}

.foot{background: url(//cdn.myxypt.com/66d140bb/22/05/cc016b0b3aa2084ba76e1069aa533139a23b8e5a.png) no-repeat top center;background-size: cover;padding: 3.7% 0 10px 0;}
.tewm{text-align: center;color: #bcbcbc;font-size: 14px;line-height: 48px;}
.dao li dd{color: #ffffff;font-size: 18px;margin-bottom: 15px;}
.dao li a{display: block;color: #bcbcbc;font-size: 14px;line-height: 30px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.dao{width: 49%;}
.dtel{color: #ffffff;font-size: 30px;line-height: 1;font-family: 'Arial';font-weight: bold;}
.dlx{color: #bcbcbc;font-size: 14px;line-height: 24px;margin: 15px 0;}
.lx a{display: block;width: 142px;height: 43px;background: #e30e00;border-radius: 3px;line-height: 41px;text-align: center;color: #ffffff;font-size: 14px;
text-align: center;}
.dao li a:hover{transform: translateX(10px);}

.lx a:hover{
    background: #b70d02;
}
.gydbhg{
    overflow: hidden;
    box-sizing: border-box;
    padding: 3% 0;
    background: #f8f8f8;
}
.xwgfg{
    text-align: center;
}
.xwgfg_a{
    	font-size: 1.75rem;
	font-weight: 600;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #000000;
}
.xwgfg_b{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #666666;
}

.xwgfgfen{
    margin: 2% auto 0;
    width: 35%;
    margin-bottom: 3%;
}
.xwgfgfen li{
    line-height: 49px;
	background-color: #ffffff;
    text-align: center;
    background: #fff;
    font-size: 16px;
    width: 31%;
}
.xwgfgfen li a{
    color: #2d2d2d;
}

.hfuhgle_img img{
    width: 100%;
    height: auto;
}
.hfuhgles{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;
    margin-top: 1.5%;
}
.hfuhgle_a{
   font-size: 20px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #000000;  
}
.hfuhgle_a a{
    color: #000000; 
}


.hfuhgle li:hover .hfuhgle_a a{
    color:#e30e00;
}
.hfuhgle_b{
   font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #777777; 
}
.disjfhrt li{
    box-sizing: border-box;
    padding: 2% 2% 2% 4%;
    background: #fff;
    margin-bottom: 2%;
}
.disjfhrt li:hover{
    background: #e30e00;
}

.disjfhrt li:hover .hfuhgle_a a{
    color: #fff;
}
.disjfhrt li:hover .disjfhrt_a{
    color: #fff;
}
.disjfhrt li:hover .hfuhgles{
    color: #fff;
}

.disjfhrt_a{
    font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #777777;
}

.xwgfgfen  li:hover, .xwgfgfen  li.on {
    background: #e30e00;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xwgfgfen  li:hover a, .xwgfgfen  li.on a {
    color: #fff;
}

.foot_nav {
    width: 52%;
}



@media(max-width: 1440px) {
    .handhi{
        width: 17%;
    }
    .bt2 dd{
        font-size: 32px;
    }
    .cul li h3 a{
        font-size: 18px;
    }
    .title h3{font-size: 40px;}
    .ron-cfn ul li {
        padding: 25px 0;
        padding-left: 20px;
    }
    .ron-show ul li .ron-text h3 {
        font-size: 36px;
    }
    .ron-show ul li .ron-text span {
        font-size: 26px;
    }
    .ron-show ul li .ron-text .text {
        font-size: 16px;
        line-height: 24px;
        margin-top: 25px;
    }
    .ron-hot {
        line-height: 45px;
    }
    .ron-hot span {
        font-size: 14px;
        padding-left: 30px;
    }
    .ron-hot h3 {
        font-size: 18px;
    }
    .ron-show ul li .ron-text h4 {
        font-size: 80px;
    }
}
@media(max-width: 1366px){
    .title h3 {
    font-size: 29px;
}
}
@media(max-width: 1320px){
    .ron-cfn ul li .ron-tit span{font-size: 14px;}
}


@media(max-width: 1200px) {
    .ron-cfn ul li .ron-tit {
    margin-left: 10px;
    width: 74%;
}
.hfuhgle_a{
    font-size: 18px;
}
.ron-hot h3 {
    font-size: 15px;
}
.aul li h3{
    font-size: 16px;
}
.acon{
    font-size: 16px;
    line-height: 32px;
}
.ron-cfn ul li .ron-tit span {
    font-size: 12px;
}
    .cul li h3 a {
    font-size: 15px;
    line-height: 50px;
}
.htt h3{
    font-size: 30px;
}
.psort li{
    line-height: 45px;
}
.psort li a{
    font-size: 14px;
}
    .bt2 dd {
        font-size: 27px;
    }
    .ron-cfn ul li .ron-tit h3 {
        font-size: 20px;
    }
    .ron-cfn ul li .ron-ico {
        max-width: 40px;
        max-height: 44px;
    }
    .ron-cfn ul li .ron-tit {
        margin-left: 10px;
    }
    .ron-cfn ul li.cur .ron-ico img {
        margin-top: -44px;
    }
    .ron-cfn ul li {
        padding-left: 8px;
    }
    .ron-show ul li .ron-text h3 {
        font-size: 28px;
    }
    .ron-show ul li .ron-text span {
        font-size: 22px;
        margin-top: 5px;
    }
    .ron-show ul li .ron-text .text {
        font-size: 14px;
        margin-top: 20px;
        line-height: 20px;
    }
    .ron-show ul li .ron-text h4 {
        font-size: 70px;
        right: 0;
        top: 0;
    }
    .ron-hot h3 {
        font-size: 18px;
    }
    .ron-hot {
        width: 100%;
        margin-top: 20px;
    }
}

@media(max-width: 991px) {
    .x-banner ,.page-banner{
        margin-top: 60px;
    }
    .foot_nav{
        display: none;
    }
    .bt2 dd {
    font-size: 21px;
}
.hfuhgle_a {
    font-size: 16px;
    line-height: 30px;
}
.hfuhgle{
    width: 100%;
}
.disjfhrt{
    width: 100%;
}
.xwgfg_a{
    font-size: 20px;
}
.xwgfgfen {
    margin: 2% auto 0;
    width: 70%;
    margin-bottom: 3%;
}
.aul{
    width: 100%;
}
.ftel{
    display: none;
}
.acon {
    font-size: 13px;
    line-height: 27px;
}
.title h3 {
    font-size: 20px;
}
.bt2 dt{
    font-size: 16px;
}
.cul li h3 a {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
}
.htt h3 {
    font-size: 20px;
}
.hbox .bd li h3 a{
    font-size: 16px;
}
    .ron-cfn ul li .ron-tit h3 {
        font-size: 18px;
        font-weight: bold;
    }
    .ron-cfn ul li .ron-ico {
        max-width: 30px;
        max-height: 33px;
    }
    .ron-cfn ul li.cur .ron-ico img {
        margin-top: -33px;
    }
    .ron-cfn ul li .ron-tit span {
        display: none;
    }
    .ron-cfn ul li {
        justify-content: center;
        padding: 15px 0;
    }
    /* .ron-show ul li{
      padding: 20px;
    } */
    .ron-hot {
        display: none;
    }
    .ron-show ul li .ron-text h3 {
        font-size: 22px;
    }
    .ron-show ul li .ron-text span {
        font-size: 16px;
    }
  
    .reason {
        padding: 30px 0;
    }
    .ron-cfn {
    }
    .ron-show {
        margin-top: 30px;
        padding: 15px;
    }
}

@media(max-width: 767px) {
    .ron-left {
        width: 100%;
    }
    .ron-right {
        width: 100%;
        padding-top: 20px;
    }

    .pro-list ul li .pro-img{
        width: 100%;
    }
    .pro-list ul li .pro-text{
        width: 100%;
    }
    .psort li a{
        padding: 0px;
    }
    .bt2 dd {
    font-size: 16px;
}
.bt2 dt {
    font-size: 14px;
}
.ft2{
    padding-bottom:19%;
}
.lx{
    width: 100%;
}
.tewm{
    display: none;
}
.xwgfgfen{
    width: 100%;
}
.aul li h3 {
    font-size: 14px;
}
.cul li {
    margin-bottom: 20px;
    overflow: hidden;
}
.aul li{
    width: 33%;
}
.abox{
    padding:2% 0px;
}
      .ron-cfn ul li{
        width: 48%;
    }
    .ron-cfn ul li:nth-child(3){
        margin-left: 0;
    }
     .ron-cfn ul li:nth-child(3),
    .ron-cfn ul li:nth-child(4) {
        margin-top: 10px;
    }
     

}

@media(max-width: 425px) {
    .ron-cfn ul li {
        width: 48%;
        margin-left: 4%;
    }
    
   
    .ron-show ul li .ron-img {
        float: none;
        width: 100%;
    }
    .ron-show ul li .ron-text {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .ron-show ul li .ron-text h4 {
        font-size: 55px;
    }
}

@media(max-width: 320px) {
    .ron-show ul li .ron-text h4 {
        font-size: 45px;
    }
    .ron-cfn ul li .ron-ico {
        max-width: 25px;
        max-height: 27px;
    }
    .ron-cfn ul li.cur .ron-ico img {
        margin-top: -27px;
    }
    .ron-cfn ul li .ron-tit {
        margin-left: 5px;
    }
}