﻿.header .nav{margin-left:250px;}


.index1{width: 100%;box-sizing: border-box;margin-bottom: 70px;}
.index1 .title{width: 100%;padding: 52px 0 34px;box-sizing: border-box;}
.index1 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.index1 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.index1 .bottom{width: 100%;}
.index1 .bottom ul{display: flex;justify-content: space-between;}
.index1 .bottom ul li{width: 20%;border-right:1px solid #fff ;border-left: 1px solid #fff;box-sizing: border-box;position: relative;overflow: hidden;}
.index1 .bottom ul li img{display: block;width: 100%;transition: .3s all;}
.index1 .bottom ul li .box{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 10;text-align: center;}
.index1 .bottom ul li .box span{display: block;line-height: 35px;font-size: 22px;color: #fff;}
/*.index1 .bottom ul li .box :hover{color: #e60012;}*/
.index1 .bottom ul li .box i{display: block;width: 50px;height: 2px;background-color: #fff;margin: 0 auto;}
.index1 .bottom ul li .box p{font-size: 14px;color: #fff;line-height: 28px;text-transform: uppercase;}
.index1 .bottom ul li:hover img{transform: scale(1.1);}

.index1 .bottom ul li:hover .box span{color: #e60012;}
.index1 .bottom ul li:hover .box i{background-color: #e60012;}
.index1 .bottom ul li:hover .box p{color: #e60012;}



.index2{width: 100%;box-sizing: border-box;margin-bottom: 0px;}
.index2 .title{width: 100%;padding: 52px 0 34px;box-sizing: border-box;}
.index2 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.index2 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.index2 .bottom{width: 100%;}
.index2 .bottom ul{display: flex;flex-wrap: wrap;}
.index2 .bottom ul li{width: 25%;border-right:1px solid #fff ;border-left: 1px solid #fff;box-sizing: border-box;position: relative;overflow: hidden;}
.index2 .bottom ul li .img{display: block;overflow: hidden;}
.index2 .bottom ul li .img img{display: block;width: 100%;height: 238px;object-fit: cover;transition: .3s all;}
.index2 .bottom ul li .nr{padding: 19px 0 40px;box-sizing: border-box;}
.index2 .bottom ul li .nr span{display: block;font-size: 18px;color: #404041;line-height: 29px;height: 29px;overflow: hidden;}
.index2 .bottom ul li:hover .nr  span{color: #e60012;}
.index2 .bottom ul li:hover .nr  p{color: #e60012;}

.index2 .bottom ul li .nr p{line-height: 25px;height: 25px;overflow: hidden;overflow: hidden;font-size: 14px;color: #727272;}
.index2 .bottom ul li:hover .img img{transform: scale(1.1);}


.index3{width: 100%;box-sizing: border-box;margin-bottom: 0px;}
.index3 .title{width: 100%;padding: 52px 0 34px;box-sizing: border-box;}
.index3 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.index3 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.index3 .bottom{width: 100%;}
.index3 .bottom ul{display: flex;flex-wrap: wrap;}
.index3 .bottom ul li{width: 16.6666%;border-right:1px solid #fff ;border-left: 1px solid #fff;box-sizing: border-box;position: relative;overflow: hidden;}
.index3 .bottom ul li .img{display: block;overflow: hidden;}
.index3 .bottom ul li .img img{display: block;width: 100%;height: 436px;object-fit: cover;transition: .3s all;}
.index3 .bottom ul li .nr{padding: 19px 0 40px;box-sizing: border-box;}
.index3 .bottom ul li .nr span{display: block;font-size: 18px;color: #404041;line-height: 29px;height: 29px;overflow: hidden;}
.index3 .bottom ul li .nr p{line-height: 25px;height: 25px;overflow: hidden;overflow: hidden;font-size: 14px;color: #727272;}
.index3 .bottom ul li:hover .img img{transform: scale(1.1);}



.index4{width: 100%;box-sizing: border-box;margin-bottom:0px;}
.index4 .title{width: 100%;padding: 52px 0 34px;box-sizing: border-box;}
.index4 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.index4 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.index4 .bottom{width: 100%;}
.roll_row{position: relative;}
.index4 .bottom .box{overflow:hidden;position:relative;width:100%;height:80px;margin:0 auto;}
.index4 .bottom ul{overflow:hidden;width:9999px;}
.index4 .bottom ul li{float:left;width:229px;height: 139px;}
.index4 .bottom .div1{width: 100%;height: 139px;margin: 1rem 0;position: relative;overflow: hidden;margin-bottom: 40px;}
.index4 .bottom .div1 ul{position:absolute;left: 0;top: 0;}
.index4 .bottom .div1 ul li {float: left;list-style: none;}
.index4 .bottom .div2{width: 100%;height: 139px;margin: 1rem 0;position: relative;overflow: hidden;margin-bottom: 40px;}
.index4 .bottom .div2 ul{position:absolute;right: 0;top: 0;}
.index4 .bottom .div2 ul li {float: left;list-style: none;}
.index4 .bottom .div1 img,.div2 img{ width: 100%;height: 100%}


.index5{width: 100%;box-sizing: border-box;margin-bottom:0px;}
.index5 .title{width: 100%;padding: 52px 0 34px;box-sizing: border-box;}
.index5 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.index5 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.index5 .bottom{width: 100%;}
.index5 .bottom .xxk_top{width: 100%;height: 55px;border-bottom: 1px dashed   #bcbcbd;display: flex;line-height: 55px;justify-content: space-between;}
.index5 .bottom .xxk_top .left a{font-size: 20px;color: #404041;}
.index5 .bottom .xxk_top .left img{vertical-align: middle;margin: -3px 5px 0;}
.index5 .bottom .xxk_top .more a{font-size: 20px;color: #404041;}
.index5 .bottom .xxk_top .left a.act{color: #e60012;}
.index5 .bottom .xxk_top .left a:hover{color: #e60012;}
.index5 .bottom .xxk_bottom{width: 100%;margin-top: 16px;}
.index5 .bottom .xxk_bottom .box{display: flex;justify-content: space-between;display: none;}
.index5 .bottom .xxk_bottom .box.block{display: flex;}
.index5 .bottom .xxk_bottom .left{width: 42%;height: 373px;position: relative;}
.index5 .bottom .xxk_bottom .left img{display: block;width: 100%;height: 373px;object-fit: cover;}
.index5 .bottom .xxk_bottom .left p{position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,.3);height: 48px;line-height: 48px;padding: 0 10px;box-sizing: border-box;font-size: 17px;color: #fff;font-weight: bold;width: 100%;padding-right: 100px;box-sizing: border-box;overflow: hidden;}
.index5 .bottom .xxk_bottom .left p span{position: absolute;right: 10px;top:0;font-weight: normal;}
.index5 .bottom .xxk_bottom .right{width: 58%;padding-left: 14px;box-sizing: border-box;}
.index5 .bottom .xxk_bottom .right ul li {padding-bottom: 4px;border-bottom: 1px dashed   #bcbcbd;}
.index5 .bottom .xxk_bottom .right ul li a{display: flex;justify-content: space-between;}
.index5 .bottom .xxk_bottom .right ul li a .img{width: 36%;height: 183px;overflow: hidden;}
.index5 .bottom .xxk_bottom .right ul li a .img img{display: block;width: 100%;height: 183px;object-fit: cover;transition: .3s all;}
.index5 .bottom .xxk_bottom .right ul li:nth-of-type(2){padding-top: 4px;padding-bottom: 0;border-bottom: 0;}
.index5 .bottom .xxk_bottom .right ul li .nr{padding: 22px 20px 0 60px;box-sizing: border-box;flex: 1;}
.index5 .bottom .xxk_bottom .right ul li .nr h5{height: 48px;line-height: 48px;overflow: hidden;font-size: 17px;color: #404041; padding:0;margin:0;}
.index5 .bottom .xxk_bottom .right ul li .nr h5:hover{color: #e60012;}
.index5 .bottom .xxk_bottom .right ul li .nr p{line-height: 24px;height: 48px;overflow: hidden;font-size: 13px;color: #404041;}
.index5 .bottom .xxk_bottom .right ul li .nr div{line-height: 40px;display: flex;justify-content: space-between;font-size: 13px;color: #404041;}
.index5 .bottom .xxk_bottom .right ul li .nr div span{font-size: 13px;color: #404041;}
.index5 .bottom .xxk_bottom .right ul li:hover a .img img{transform: scale(1.1);}


.index6{width: 100%;padding: 62px 0 46px;}
.index6 .container_box{display: flex;justify-content: space-between;}
.index6 .left{width: 160px;}
.index6 .left span{line-height: 45px;display: block;font-size: 30px;color: #404041;}
.index6 .left p{line-height: 26px;font-size: 14px;color: #727272;}
.index6 .right{flex: 1;margin-top: 7px;}
.index6 .right a{display: inline-block;line-height: 30px;font-size: 14px;color: #404041;}
.index6 .right a:hover{color: #e60012;}

.footer{width: 100%;}
.footer .footer_top .container_box{padding:0 100px;}
.footer .footer_top{width: 100%;padding: 45px 0;background-color: #f5f5f5;}
.footer .footer_top .top{margin-bottom: 30px;line-height: 38px;color: rgba(17,17,17,0.8);font-size: 24px;text-align: center;}
.footer .footer_top .bottom ul{display: flex;justify-content: space-between;}
.footer .footer_top .bottom ul li{flex: 1;padding-right: 15px;box-sizing: border-box;}

.footer .footer_top .bottom ul li:hover p{color: #e60012}
.footer .footer_top .bottom ul li p{line-height: 25px;color: rgba(17,17,17,0.8);font-size: 14px;}
.footer .footer_bottom{width: 100%;line-height: 52px;height: 52px;overflow: hidden;text-align: center;background-color: #f5f5f5;font-size: 14px;color: rgba(17,17,17,0.8);}

.ny_banner{width: 100%;position: relative;}
.ny_banner img{display: block;width: 100%;}
.ny_banner p{position: absolute;left: 0;width: 100%;top: 50%;font-size: 48px;color: #fff;font-weight: bold;line-height: 68px;transform: translateY(-50%);padding: 0 158px;box-sizing: border-box;}


.news_list{width: 100%;box-sizing: border-box;margin-bottom:0px;background-color: #fafafa; margin-top: 92px;}
.news_list .title{width: 100%;padding: 90px 0 60px;box-sizing: border-box;}
.news_list .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.news_list .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.news_list .top{width: 100%;}
.news_list .top {width: 100%;line-height: 55px;padding-top: 22px;border-top: 1px solid #c5c5c5;}
.news_list .top a{font-size: 20px;color: #939393;position: relative;}
.news_list .top img{vertical-align: middle;margin: -3px 5px 0;}
.news_list .top a.act{color: #404041;}

/*.news_list .top a:hover{color: #e60012;}*/
.news_list .top a:after{
	-webkit-transition: width .4s;
    transition: width .4s;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #e60012;
    top: 38px;
}
.news_list .top a:hover:after {
    width: 100%;
}

.news_list .top a.act:after{width: 100%;}

.news_list .bottom{width: 100%;padding-bottom: 25px;}
.news_list .bottom ul{display: flex;flex-wrap: wrap;}
.news_list .bottom ul li{padding: 0 5px;box-sizing: border-box;width: 25%;margin-top: 55px;}
.news_list .bottom ul li .img{width: 100%;overflow: hidden;}
.news_list .bottom ul li .img img{display: block;width: 100%;object-fit: cover;transition: .3s all;}
.news_list .bottom ul li .nr{padding: 18px 20px;box-sizing: border-box;}
.news_list .bottom ul li .nr p{line-height: 27px;height: 54px;overflow: hidden;font-size: 17px;color: #404041;overflow: hidden;}
.news_list .bottom ul li .nr p:hover{color: #e60012;}
.news_list .bottom ul li .nr div{margin-top: 24px;line-height: 38px;height: 38px;padding-right: 95px;box-sizing: border-box;position: relative;color: #939393;font-size: 14px;overflow: hidden;}
.news_list .bottom ul li .nr div span{position: absolute;right: 0;top: 0;}
.news_list .bottom ul li a{display: block;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.1);border-radius: 5px;}
.news_list .bottom ul li:hover .img img{transform: scale(1.1);}
.news_list  .more{width: 100%;line-height: 50px;text-align: center;font-size: 16px;color: #000;padding: 20px;box-sizing: border-box;}
.news_list  .more img {display: block;margin: 0 auto;}
.news_list  .more .loading {
	-webkit-transform: rotate(0deg) translateZ(0);
	-webkit-transition-duration: 0;
	-webkit-animation-name: loading;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.news_xq{width: 100%;box-sizing: border-box;margin-bottom:0px;background-color: #fafafa;    margin-top: 92px;}
.news_xq .box{background-color: #fff;}
.news_xq .title{width: 100%;padding: 90px 0 32px;box-sizing: border-box;border-bottom: 1px solid #cacaca;}
.news_xq .title h5{font-size: 42px;line-height: 62px;color: #404041;text-align: center;}
.news_xq .title p{line-height: 56px;text-align: center;font-size: 20px;color: #939393;}
.news_xq .bottom{width: 100%;padding: 60px 10%;box-sizing: border-box;line-height:36px;}
.news_xq .bottom p{line-height: 36px;font-size: 20px;color: #404041;}
.news_xq .bottom img{max-width: 100%;}
.news_xq .fanye{padding: 88px 0px;box-sizing: border-box;display: flex;justify-content: space-between;}
.news_xq .fanye a{flex: 1;display: block;padding: 0 20px;box-sizing: border-box;line-height: 48px;color: #404041;font-size: 20px;    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_xq .fanye a:nth-of-type(2){width: 174px;height: 48px;line-height: 46px;border: 1px solid #404041;font-size: 20px;color: #404041;flex: inherit;text-align: center;border-radius: 4px;}
.news_xq .fanye a:nth-of-type(3){text-align: right;}

.case_list{width: 100%;box-sizing: border-box;margin-bottom:0px;background-color: #fafafa;margin-top: 92px;}
.case_list .title{width: 100%;padding: 90px 0 60px;box-sizing: border-box;}
.case_list .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.case_list .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.case_list .top{width: 100%;}
.case_list .top {width: 100%;line-height: 55px;padding-top: 22px;border-top: 1px solid #c5c5c5;}
.case_list .top a{font-size: 20px;color: #939393;position: relative;}
.case_list .top a:hover{color: #fff;background: #27495d;}
/*.case_list .top a:after{*/
/*	-webkit-transition: width .4s;*/
/*    transition: width .4s;*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: auto;*/
/*    bottom: 0;*/
/*    width: 0;*/
/*    height: 2px;*/
/*    background-color: #e60012;*/
/*    top: 38px;*/
/*}*/
/*.case_list .top a:hover:after {*/
/*    width: 100%;*/
/*}*/
