*{font-family:"Arial","Microsoft Ya Hei","微软雅黑";}
body{color:#1F2E3E;overflow-x: hidden;}
img{display: block;}
a:hover{transition: .5s;}

.w1200{width: 1200px;display: block;margin: 0 auto;}

.head{overflow: hidden;padding: 24px 0;}
.head a{float: left;}
.head a img{width: 222px;}
.head .head-r{float: right;padding: 10px 0;}
.head .head-r .head-r-l{width: 312px;float:  left;padding-left: 52px;box-sizing:  border-box;background: url(../images/email.png) no-repeat center left;}
.head .head-r .head-r-l p{font-size: 16px;color: #8D8D8D;}
.head .head-r .head-r-l b{font-size: 22px;color: #1F1C1C;}
.head .head-r .head-r-r{font-size: 24px;line-height: 50px;float: right;background: url(../images/tel.png) no-repeat center;background-size: cover;color: #fff;padding-left: 63px;border-radius: 4px;width:  239px;height: 50px;box-sizing:  border-box;font-style:  italic;}
.head .head-r .head-r-r{
    font-size: 24px;
    line-height: 33px;
    float: right;
    background-size: cover;
    color: #fff;
    padding-left: 65px;
    border-radius: 4px;
    width: 280px;
    height: 70px;
    box-sizing: border-box;
    font-style: italic;
}

.nav{background: #A0000B;}
.nav ul.navul{width: 924px;float:  left;}
.nav ul.navul>li{float: left;}
.nav ul.navul>li.hover{background: #1F2E3E;}
.nav ul.navul>li:hover{background:#1F2E3E}
.nav ul.navul>li:hover img{transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);}
.nav ul.navul>li:hover ul.nav-ult{height: auto;}
.nav ul li{width: 130px;height: 56px;text-align: center;position: relative;z-index: 1;}
.nav ul li a{color: #fff;line-height: 56px;display:  block;}
.nav ul li a img{vertical-align:  middle;display:  inline-block;}
.nav ul li ul.nav-ult{position: absolute;top: 56px;left: 0;overflow: hidden;background: #1F2E3E;height: 0;z-index: 2;}
.nav ul li ul.nav-ult li.hover-t{background: #A0000B;}
.nav ul li ul.nav-ult li:hover{background: #A0000B;}

.nav form{float:right;display:inline-block;margin:9px auto;width:239px;height:38px;border-radius:4px;background: hsla(0,0%,100%,.2);}
.nav form input{outline: none;border: 0;font-size: 14px;height: 100%;background:  transparent;color: #FBC3C0;padding: 0 13px;box-sizing:  border-box;}
.nav form button{outline: none;background: transparent;border: 0;height: 100%;float:  right;width: 54px;cursor:  pointer;}
.nav form button img{margin: 0 auto;vertical-align:  middle;}

.banner{position:  relative;z-index: 0;}
.banner a{display: block;margin: 0 auto;height: 48px;line-height: 48px;width: 159px;text-align: center;border-radius: 3px;background: #A0000B;color: #fff;font-size: 18px;position:  absolute;bottom: 134px;left:  50%;margin-left: -80px;}
.banner a:hover{background: #E6514A;}
.banner .bd ul li{height: 530px;}
.banner .hd{position: absolute;bottom: 29px;z-index: 1;width: 75px;left:  50%;margin-left: -37.5px;}
.banner .hd ul{}
.banner .hd ul li{width: 10px;height: 10px;float:  left;background: #1F2E3E;border-radius: 50%;margin: 0 7.5px;}
.banner .hd ul li.on{background: #A0000B;}

.news-top{background: #1F2E3E;padding: 45px 0;}
.news-t-l,.news-t-c{float: left;height:  38px;line-height: 38px;}
#div4{overflow: hidden;height: 38px;}
.news-t-c a{color: #fff;display: block;}
.news-t-l img{vertical-align: middle;line-height: 38px;margin-top: 6px;}
.news-t-c{text-align: center;width: 910px;color: #fff;font-size: 16px;}
.news-t-c p span{padding-left: 40px;font-size: 14px;color: #C7DCF1;}
.news-t-r{float: right;}
.news-t-r a{border-radius: 3px;color: #fff;text-align: center;font-size: 16px;width: 140px;height: 38px;line-height:38px;display: block;background: #A0000B;}
.news-t-r a:hover{background: #E6514A;}

.tit{text-align: center;}
.tit i{display: block;margin: 0 auto;width: 34px;height: 6px;border-radius: 3px;background: #E6514A;}
.tit h2{font-size: 30px;color: #1F2E3E;margin-top: 23px;margin-bottom: 14px;line-height: 30px;font-weight:  bold;}
.tit span{color: #1F2E3E;font-size: 16px;text-transform: uppercase;}
.padd{padding: 70px 0;}

.about-tex{text-align: center;margin: 50px auto;}
.about-tex p{font-size: 16px;color: #1F2E3E;line-height: 30px;}
.more{color: #fff;width: 279px;height: 50px;line-height: 50px;text-align: center;background: #A0000B;display: block;margin: 0 auto;border-radius: 5px;}
.more:hover{background: #E6514A;}

.product{background: #F9F9F9;}
.product .pro-p{width: 100%;text-align: center;padding: 10px 0;color: #495868;font-size: 20px;}
.product ul{margin: 30px -10px;padding-bottom: 18px;overflow:  hidden;}
.product ul li{float: left;width: 380px;height: 326px;border: 1px #8592A1 solid;box-sizing: border-box;overflow: hidden;margin: 10px;}
.product ul li:hover{border: 1px #E6514A solid;}
.product ul li .pro-go{height: 59px;background: #A0000B;position: relative;z-index: 0;}
.product ul li .pro-go:hover i{right: -366px;transition: .5s;}
.product ul li .pro-go a{display: block;height: 100%;line-height: 59px;width: 100%;color: #fff;padding: 0 30px;box-sizing:  border-box;font-size: 18px;}
.product ul li .pro-go a img{float: right;vertical-align:  middle;line-height: 59px;padding-top: 22px;}
.product ul li .pro-go i{position: absolute;top: 0;right: 0;width: 366px;height: 100%;background: #1F2E3E;z-index: -1;transition: .5s;}

.hour24{background: #A0000B;padding: 54px 0;color: #fff;overflow: hidden;}
.hour24 .h-l24{float: left;padding: 14px 0;}
.hour24 .h-l24 b{font-size: 28px;line-height: 28px;font-weight: normal;padding-bottom: 9px;display:  block;}
.hour24 .h-l24 p{font-size: 20px;text-transform:  uppercase;}
.hour24 .h-r24{float: right;width: 392px;height: 90px;line-height: 45px;text-align: center;font-size: 34px;background: #1F2E3E;border-radius: 5px;font-weight: 700;}

.case ul{padding: 50px 0;overflow: hidden;margin: 0 -30px;}
.case ul li{float: left;width: 364px;text-align: center;margin: auto 28px;box-sizing:  border-box;}
.case ul li:hover img{border: 2px #A0000B solid;color: #1F2E3E;font-size: 18px;}
.case ul li img{border: 2px transparent solid;margin-bottom: 16px;}

.bottom{padding-bottom: 70px;}
.bott-cen{border-top: 1px #F2F2F2 solid;padding-top: 70px;}
.bot-t-tit{padding-bottom: 26px;}
.bot-t-tit h2{color: #1F2E3E;font-size: 24px;padding-bottom: 16px;}
.bot-t-tit i{width: 34px;height: 6px;border-radius: 3px;background: #E6514A;display: block;}
.bott-c-l{float: left;}
.bott-c-l{}
.bott-c-l dl{/* padding-top: 30px; */width: 200px;float: left;}
.bott-c-l dl.dl-a{width: 372px;}
.bott-c-l dl.dl-b a{text-decoration: underline;}
.bott-c-l dl.dl-d{width: 155px;}
.bott-c-l dl.dl-a dd{width: 44%;}
.bott-c-l dl dt{line-height: 36px;}
.bott-c-l dl dt a{color: #E6514A;font-size: 18px;font-style: italic;font-weight: 700;text-decoration: underline;}
.bott-c-l dl dd{display: block;float: left;background: url(../images/dd.png) no-repeat center left;padding-left: 14px;line-height: 36px;width: 100%;box-sizing:  border-box;}
.bott-c-r{float: right;border-left: 1px #E8E8E8 solid;padding-left: 70px;box-sizing: border-box;}
.bott-c-l dl dd a{color: #1F2E3E;}
.bott-c-l dl dd:hover a{color: #E6514A;}
.bott-c-r .cont-cen ul li{overflow: hidden;padding-bottom: 20px;}
.bott-c-r .cont-cen .cont-c-l{width: 40px;float: left;height: 40px;}
.bott-c-r .cont-cen .cont-c-r{float: right;width: 160px;}
.bott-c-r .cont-cen .cont-c-r p{padding-bottom: 3px;}

.right-c{width: 69px;text-align: center;font-size: 14px;position: fixed;right: 0;bottom: 40%;}
.right-c a{display: block;color: #fff;box-sizing: border-box;line-height: 30px;}
.right-c img{margin: 0 auto;}
.right-c .qq-btn{height: 94px;background: #E6514A;width: 100%;padding-top: 18px;}
.right-c .top-btn{height: 51px;background: #1F2E3E;padding-top: 18px;}
.right-c .qq-btn:hover{background: #EF6A63;}
.right-c .top-btn:hover{background: #2B3A49;}
    /*index end*/

    /*about css*/
.banner-n{width: 100%;height: 330px;}

.main{}
.main-l{border: 1px #E7E7E7 solid;border-top: 0;border-top-left-radius: 5px;border-top-right-radius: 5px;width: 280px;box-sizing: border-box;color: #1F2E3E;float: left;margin-bottom: 60px;overflow:  hidden;}
.main-l a{color: #1F2E3E;}
.main-l dl dt{background: url(../images/dt.png) #A0000B no-repeat center left;padding-left: 52px;background-position-x: 20px;height: 61px;line-height: 61px;color: #fff;font-size: 22px;}
.main-l dl dd{background: url(../images/dd.png) no-repeat center left;background-position-x: 20px;padding-left: 64px;height: 55px;line-height: 55px;border-bottom: 1px #E5E5E5 solid;}
.main-l dl dd a{display: block;font-size: 16px;}
.main-l dl dd:hover,.main-l dl dd.dd-hover{background: url(../images/dd.png) #1F2E3E no-repeat center left;background-position-x: 20px;}
.main-l dl dd:hover a,.main-l dl dd.dd-hover a{color: #fff;}
.main-l .cont-us-dd ul{color: #1F2E3E;font-size: 16px;padding-left:  24px;padding-right: 36px;padding-top: 10px;margin-bottom: -13px;}
.main-l .cont-us-dd ul li{border-bottom: 1px #E5E5E5 solid;padding: 20px 0px;padding-left: 40px;white-space: nowrap;}
.main-l .cont-us-dd ul li b{padding-bottom: 13px;display: block;font-weight:  bold;}
.main-l .cont-us-dd ul li p{line-height: 13px;padding-bottom: 13px;}
.main-l .cont-us-dd ul li.man{background: url(../images/about-mob.png) no-repeat center left;}
.main-l .cont-us-dd ul li.gongsi{background: url(../images/about-tel.png) no-repeat center left;}
.main-l .cont-us-dd ul li.bansh{background: url(../images/about-tel.png) no-repeat center left;border-bottom: 0;}
.main-l .cont-us-dd ul li.man b{display:  block;font-size: 24px;padding-bottom: 11px;line-height: 18px;}
.main-l .cont-us-dd ul li.man p{line-height: 16px;padding-bottom: 0;}
.main-r{width: 920px;float: right;}
.nav-n{border-bottom: 1px #E7E7E7 solid;padding: 20px;padding-left: 40px;font-size: 14px;color: #78808D;}
.nav-n ul{overflow: hidden;}
.nav-n ul span,.nav-n ul li{float: left;}
.nav-n ul li a{color: #78808D;}
.nav-n a{color: #78808D;}
.main-r-cen{padding: 40px 0 40px 40px;}
.main-r-cen .about-img img{margin: 0 auto;}
.main-r-cen .about-r-tex{padding-top: 40px;font-size: 16px;color: #1F2E3E;line-height: 26px;}
/*about end*/


/*product css*/
.product-n{margin-left: -8px;margin-top: -8px;margin-right: -16px;}
.product-n ul{padding-bottom: 18px;overflow:  hidden;}
.product-n ul li{float: left;width: 283px;height: 247px;border: 1px #8592A1 solid;box-sizing: border-box;overflow: hidden;margin: 8px;}
.product-n ul li>img{width: 100%;}
.product-n ul li:hover{border: 1px #E6514A solid;}
.product-n ul li .pro-go{height: 50px;background: #A0000B;position: relative;z-index: 0;}
.product-n ul li .pro-go:hover i{right: -366px;transition: .5s;}
.product-n ul li .pro-go a{display: block;height: 100%;line-height: 50px;width: 100%;color: #fff;padding: 0 30px;box-sizing:  border-box;font-size: 16px;}
.product-n ul li .pro-go a img{float: right;vertical-align:  middle;line-height: 50px;padding-top: 17px;display:  inline-block;}
.product-n ul li .pro-go i{position: absolute;top: 0;right: 0;width: 275px;height: 100%;background: #1F2E3E;z-index: -1;transition: .5s;}


.pages{overflow:  hidden;padding: 30px 0;}
.pages ul li{font-size: 16px;float: left;border-radius: 4px;margin-right: 10px;overflow:  hidden;}
.pages ul li a{color: #757575;display: block;padding: 12px 18px;background: #E9E9E9;}
.pages ul li.page-hover a{background: #E6514A;color: #fff;}


.pages a{font-size: 16px;float: left;border-radius: 4px;margin-right: 10px;overflow:  hidden;color: #757575;display: block;padding: 12px 18px;background: #E9E9E9;}
.pages a.page-hover {background: #E6514A;color: #fff;}
.pages a.me {background: #E6514A;color: #fff;}



.art-pro-top{padding-bottom: 40px;}
.art-pro-top h2{color: #1F2E3E;font-size: 24px;text-align: center;padding-bottom: 36px;}
.art-pro-top img{margin: 0 auto;width: 499px;height: 350px;border: 1px #ccc solid;}
.art-pro-div{line-height: 30px;}
.art-pro-div h2{color: #E6514A;font-size:  16px;font-weight:  normal;}
.art-pro-div h2.art-pro-intro{margin-bottom: 16px;padding-left: 20px;font-size: 20px;font-weight: 700;color: #1F2E3E;background: url(../images/pro-intro.png) no-repeat left;}
.art-pro-div p{font-size: 16px;padding-bottom: 40px;}
.art-pro-div ul{padding: 0px 50px;overflow:  hidden;padding-top: 30px;}
.art-pro-div ul li{width: 341px;float: left;margin: 5px;text-align: center;line-height: 56px;color: #333333;font-size: 24px;}
.art-pro-div ul li img{width: 100%;height:240px;border: 1px #ccc solid;}
    /*product end*/

    /*news css*/
.news-li{background: #F6F6F6;border-left: 6px #E6514A solid;padding: 20px 20px 20px 30px;margin-bottom: 16px;}
.news-li .newsli-t h2 a{color:#1F2E3E;font-size: 16px;display: inline-block;line-height: 34px;}
.news-li:hover .newsli-t h2 a{color: #A0000B;}
.news-li .newsli-t h2 span{color: #333333;font-size: 14px;float: right;font-weight: normal;display:  inline-block;line-height: 30px;}
.news-li .newsli-c p span{color: #595959;font-size: 14px;line-height: 24px;}
.news-li .newsli-c p a{color: #C2373C;font-size: 14px;}


.art-news-top {text-align: center;}
.art-news-top h2{font-size: 24px;}
.art-news-top span{font-size: 14px;color: #78808D;padding: 20px 0;display: block;}

.art-news-tex{
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 70px;
}

.art-news-tex img{
    display: inline-block;
}


.art-news-f{background: #F6F6F6;padding: 20px;padding-left: 30px;}
.art-news-f ul li{padding-left: 20px;background: url(../images/dd.png) no-repeat center left;line-height: 40px;}
.art-news-f ul li a{color: #1F2E3E;}
.art-news-f ul li a:hover{color: #E6514A;}
    /*news end*/

    /*case css*/
   .case-n{margin-left: -8px;margin-top: -8px;margin-right: -16px;}
.case-n ul{overflow: hidden;}
.case-n ul li{width: 283px;margin: 8px;line-height: 50px;font-size: 18px;float: left;text-align: center;}
.case-n ul li img{border: 2px transparent solid;width: 100%;height: 198px;}
.case-n ul li:hover img{border: 2px #A0000B solid;}
    /*case end*/

    /*contact css*/
.contact-top img{display: block;padding-bottom: 40px;}
.contact-top ul{overflow: hidden;}
.contact-top ul li{float: left;}
.contact-top ul li.con-li-a{width: 500px;}
.contact-top ul li.con-li-b{width: 300px;position: relative;}
.contact-top ul li.con-li-b:before{display: block;content: '';border-left: 1px #D9DFE8 solid;height: 100px;position: absolute;top: 0;left: -124px;}
.contact-top ul li b{color: #E6514A;font-size: 18px;padding-bottom: 14px;display:  block;}
.contact-top ul li p{font-size: 16px;line-height: 30px;}
.contact-dt{margin-top: 40px;border: 1px #ccc solid;padding: 10px;box-sizing:  border-box;}




.foot{background: #1F2E3E;color: #596D82;font-size: 14px;}
.foot-l,.foot-c{float: left;}
.foot-c{width: 908px;}
.foot-c div{width: 600px;display: block;margin: 0 auto;}
.foot-c div ul{overflow: hidden;}
.foot-c div ul li{float: left;position: relative;}
.foot-c div ul li:after{display:block;content:'';height: 12px;border-right:1px #596D82 solid;position: absolute;top: 4px;right: 0;}
.foot-c div ul li:last-child:after{display: none;}
.foot-c div ul li a{color: #596D82;display:  block;padding: 0 14px;}
.foot-c div p{margin-top: 10px;}
.foot-c div p span{padding: 0 14px;position: relative;}
.foot-c div p span:first-child:after{display:block;content:'';height: 12px;border-right:1px #596D82 solid;position: absolute;top: 4px;right: 0;}
.foot-r{float: right;line-height: 52px;height: 52px;}
.foot-box{background: #1F2E3E;overflow: hidden;padding: 40px 0;}
.foot-t{padding: 50px 0;color: #fff;overflow:  hidden;border-bottom: 1px #314357 solid;}
.foot-t .foot-t-l{float: left;padding: 14px 0;}
.foot-t .foot-t-l b{font-size: 28px;font-weight: normal;line-height:  28px;padding-bottom:  9px;display:  block;}
.foot-t .foot-t-l p{font-size: 20px;text-transform:  uppercase;}
.foot-t .foot-t-r{float: right;width: 392px;height: 90px;line-height: 90px;text-align: center;font-size: 34px;background: #A0000B;border-radius: 5px;font-weight: 700;}