.w1300{width:1300px; margin: auto; position: relative}
.w1300{width:1300px; margin: auto; position: relative}
.headernpx{height: 100px; display: block;box-shadow:0px 2px 11px 1px rgba(0,0,0,0.09);}
.leftlogo{height: 51px}
.leftlogo img{height: 100%; margin: auto; display: block;margin-left: 5px}
.rightnav{overflow: hidden; text-align: right}
.rightnav ul{display: inline-block}
.rightnav ul li{float: left; line-height: 100px;
    margin-left: 70px; cursor: pointer}
.rightnav ul li a{color:#333333; font-size: 16px; transition: all 0.5s; position: relative}
.rightnav ul li:hover a{color:#D2232A}
.rightnav ul li.on a{color:#D2232A}
.rightnav ul li.on a:after{content: ''; width: 110%; position: absolute; left: 50%; top:28px; background: #D2232A ; height: 2px; transform: translateX(-50%)}
.rightnav{overflow: inherit}
.rightnav ul li{position: relative; margin-left: 0; padding: 0 20px}
.rightnav ul li ol{position: absolute; top: 140px;left: 10%;width: auto; min-width: 100px;border-radius: 3px; opacity: 0; z-index: -1;  background: #162D57; margin-left: 0; text-align: left;}
.rightnav ul li ol li{margin-left: 0; line-height: 35px; display: block; float: inherit;cursor: pointer; padding: 0; color: #fff; /*padding-left: 15px;*/width: 140px;text-align: center}
.rightnav ul li ol li:hover{background: #D2232A; color:#fff}
.rightnav ul li ol:after{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #162D57;
    content: '';
    position: absolute;
    top:-10px; left: 50%; transform: translateX(-50%);
}
.rightnav ul li:hover ol{z-index: 999; opacity: 1; top:100px; transition: all 0.5s}
.footerbox{width: 100%; background: #162D57}
.footernav{padding: 40px 0}
.footernav{width: 115%}
.footernav ul li{width: calc(100% / 6); float: left;}
.footernav ul li span{display: block; color:#FFFFFF; font-size: 16px; padding-bottom: 15px; font-weight: bold; opacity: 0.4}
.footernav ul li a{display: block; font-size: 14px; color:#fff; padding-bottom: 15px}
.footernav ul li a:hover{color:#D2232A}
.footen{text-align: center;line-height: 50px; margin-top: 30px; color:#fff; font-size: 15px; border-top: 1px solid rgba(255,255,255,0.3); opacity: 0.6}

.banner{width: 100%; overflow: hidden; position: relative}
.banner img{width: 100%; display: block}
.banner-pagination{position: absolute; z-index: 99; bottom: 20px; width: 100%; left: 0; text-align: center}
.banner-pagination span{width: 20px; height: 6px;
    background: rgba(255, 255, 255, 0.16); margin: 0 5px;border-radius: 0}
.banner-pagination span.swiper-pagination-bullet-active{background: #D2232A}
.search input{width: 170px; height: 45px; background: #F0F0F0 url("../img/icon_s.png") no-repeat 20px center; padding-left: 48px; color:#666; font-size: 14px; border-radius: 45px; border: 0}
.righttext{padding-left: 30px; }
.righttext span{color:#333; font-size: 14px; opacity: 0.4; cursor: pointer}
.righttext span.on{opacity: 1}
body{width: 100%; overflow-x: hidden}
.programme{width: 100%; background: url("../img/bg_img1.jpg") no-repeat center fixed; background-size: 100%; margin-bottom: 150px; }
.indetitel{text-align: center; color:#fff; font-size: 40px; padding-top: 50px}
.indetitel span{display: block}
.indetitel p{text-transform: uppercase; letter-spacing:10px; opacity: 0.4 !important; margin-top: -32px}
.indetitel333{color:#333}
.indeshowlist{transform: translateY(66px)}
.indeshowlist .x-col{background: #fff; margin-right: 20px; padding: 35px;
    box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.08); }
/*.indeshowlist .x-col img.listlogo{width: 100px; height: 100px; display: block}*/
.indeshowlist .x-col img.listlogo {
    padding-top: 15px;
    padding-right: 10px;
    float: left;
    width: 60px;
    height: 65px;
    display: block;
}
.indeshowlist .x-col .titelbox{color:#333; font-size: 24px; padding: 20px 0}
.indeshowlist .x-col .desc{color:#999999; font-size: 14px; width: 90%; height: 38px;  line-height: 20px; margin-bottom: 10px}
.indeshowlist .x-col .introduce{color: #333; font-size: 15px; padding-top: 15px;}
.indeshowlist .x-col a img{width: 63px; margin-top: 25px;}
.indeshowlist .x-col:nth-child(1){animation-name: fadeInUp; visibility: visible;
    animation-delay: 0s;}
.indeshowlist .x-col:nth-child(2){animation-name: fadeInUp; visibility: visible;
    animation-delay: 0.2s;}
.indeshowlist .x-col:nth-child(3){animation-name: fadeInUp; visibility: visible;
    animation-delay: 0.4s;}
.leftimg{width: 480px;
    height: 600px; background: #F7F7F7; margin-right: 65px}
.leftimg img{width: 100%; height: 100%; display: block; transform: translate(15px,-15px)}
.abouttotel{color:#333333; font-size: 36px; padding-bottom: 50px;   }
.about_desc{color:#333; font-size: 18px; line-height: 25px; height: 420px;}
.butser{width: 130px; cursor: pointer; transition: all 0.5s; height: 45px; background: #D2232A url("../img/icon-right.png") no-repeat 90px center; background-size: 20px; color:#fff; font-size: 14px;line-height: 45px; padding-left: 25px;}
.butser:hover{background: #D2232A url("../img/icon-right.png") no-repeat 100px center;   background-size: 20px; font-size: 15px}
.newslist{margin-right: 60px; position: relative}
.newslist:last-child{margin-right: 0}
.left_text{margin-right: 45px; position: relative}
.left_text span{color:#000; font-size: 36px;opacity: 0.4; font-weight: bold}
.left_text p{color:#000; font-size: 24px; opacity: 0.4; padding-top: 10px;}
.right_text .set1{color:#000; font-size: 18px; padding-bottom: 10px;}
.right_text .set2{color:#999999; font-size: 15px; padding-bottom: 10px; line-height: 25px}

.right_text  a{color:#D2A64F; font-size: 13px; display: block; margin-top: 15px; background: url("../img/iconsleft.png") no-repeat left center; padding-left: 20px}
.newslist .cen1px{width: 1px; height: 100%;position: absolute; left: 70px; background: #EEEEEE;}

.newslist:nth-child(1){animation-name: fadeInUp; visibility: visible;
    animation-delay: 0s;}
.newslist:nth-child(2){animation-name: fadeInUp; visibility: visible;
    animation-delay: 0.2s;}
.newslist:nth-child(3){animation-name: fadeInUp; visibility: visible;
    animation-delay: 0.4s;}
.butser{ animation-delay: 0.8s;}

.searchpage{width: 100%; height: 240px; background: url("../img/img1.jpg") no-repeat center; background-size: 100% auto;   }
.searchtop{width: 700px; margin: auto; padding-top: 91px;}
.searchtop input{width: 600px; height: 48px; color:#666; font-size: 16px; padding-left: 55px; border: 0; background: #fff url("../img/icon_s.png") no-repeat 26px center;}
.searchtop button{width: 100px; background: #2865D4; font-size: 15px; line-height: 48px; text-align: center; border: 0; color:#fff}
.texsheader{width: 700px; margin: auto; padding-top: 10px;}
.texsheader span{color:#fff; font-size: 14px;}
.texsheader em{color:#fff; font-size: 14px; cursor: pointer}
.newstabs{width: 1300px; margin: auto; background: #F8F8F8; height: 48px; line-height: 48px; overflow: hidden;margin-top: 25px; }
.newstabs ul li{width: 125px; text-align: center; color:#162D57; font-size: 16px; float: left}
.newstabs ul li.on{color:#fff; background: #D2232A}
.lsitfor ul{padding: 25px 0; position: relative; transition: all 0.5s}
.lsitfor ul:after{width: calc(100% - 220px); height: 1px; background: #ccc; position: absolute; right: 0; bottom: 0; content: ''; transition: all 0.5s;}
.lsitfor ul:before{width: 0; height: 1px; background: #D2232A; position: absolute; left: 0%; bottom: 0; content: ''; transition: all 0.5s ease 0.1s;z-index: 3}
.lsitfor ul:hover:before{width: 100%; left: 0}
.lsitfor ul:hover:after{width: 0%; right: 0}
.lsitfor ul li.img img{width: 185px; height: 115px; display: block; margin-right: 35px;}

.lsitfor ul li.ter p.set_p1{color:#333333; font-size: 17px;}
.lsitfor ul li.ter p.set_p2{color:#333333; font-size: 12px; padding: 8px 0 12px 0}
.lsitfor ul li.ter p.set_p3{color:#333333; font-size: 12px; line-height: 20px}
.lsitfor ul li.ter a{color:#D2A64F; font-size: 13px; display: block; margin-top: 10px; background: url("../img/iconsleft.png") no-repeat left center; padding-left: 20px}
.custom li.active a{background: none !important; border: 1px solid #D2232A !important; color:#D2232A !important;}
.custom li a{margin-left: 5px;}
.pagestyle{padding: 0 !important; border: 0 !important}
.pagestyle img{width: 34px; margin-top: 2px; border: 1px solid #ddd;transform: translateY(-2px); display: block}
.pagestyle:hover{background: none !important}
.leftmenu{width: 120px; background: #F6F6F6; margin-right: 55px; margin-top: 20px}
.leftmenu ul li{text-align: left; color:#333; font-size: 13px; line-height: 55px; padding-left: 18px; border-bottom: 1px dashed #E1E1E1;cursor: pointer}
.leftmenu ul li.on{position: relative; color:#D2232A; }
.leftmenu ul li.on:after{content: ''; width: 2px; height: 13px; background: #D2232A; position: absolute; left: 0; top:50%; transform: translateY(-50%); }
.leftmenu ul li:hover{color:#D2232A}
.mewstitle{color:#333; font-size: 24px; }
.mewstitle p{padding: 25px 0; font-size: 14px;}
/*.center_news{color:#333; font-size: 15px; line-height: 22px; margin-bottom: 30px;}*/
.center_news img{max-width: 100%}
.center_news2 p{ line-height:200%; font-size:14px;} 
.newsrecommend{width: 185px; margin-left: 35px;}
.newsrecommend ul li{border-bottom: 1px solid #eee; padding: 20px 0}
.newsrecommend ul li img{width: 185px; height: 115px; display: block}
.newsrecommend ul li p{color:#333; font-size: 16px; padding-top: 10px; line-height: 23px }
.newsrecommend ul li span{display: block; padding: 10px 0; font-size: 12px}
.newsrecommend ul li a{color:#D2A64F; font-size: 13px; display: block;background: url("../img/iconsleft.png") no-repeat left center; padding-left: 20px}
.businessmodel ul li{width: 323px; float: left; margin-right: 25px; margin-bottom: 20px;}
.businessmodel ul li:nth-child(3n){margin-right: 0}
.businessmodel ul li a.a1{overflow: hidden; height: 207px; display: block;}
.businessmodel ul li img{width: 100%; height: 207px; display: block; transition: all 0.5s}
.businessmodel ul li a.a2{display: block; color:#333; font-size: 18px; padding-top: 20px; text-align: center; overflow: hidden;text-overflow: ellipsis; white-space: nowrap}
.businessmodel ul li:hover img{transform: scale(1.1)}
.businesspartners ul li{width: 180px; height: 80px; float: left; margin-right: 32px; margin-bottom: 20px; border:1px solid #f2f2f2; overflow: hidden}
.businesspartners ul li img{width: 100%; display: block;max-height: 100%;max-width: 100%;}
.imgboxtext{position: relative; }
.imgboxtext img{width: 100%;display: block}
.imgboxtext ul{position: absolute; background: rgba(22,45,87,0.8); width: 300px; height: 100%; left: 0; top:0; box-sizing: border-box;padding: 28px; }
.imgboxtext ul li.li1{color:#fff; font-size: 32px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.4)}
.imgboxtext ul li.li2{color:#fff;font-size: 14px; line-height: 22px; padding-top: 20px;}
.lsitgarbage{overflow: hidden; margin-top: 35px;}
.lsitgarbage ul.u1{width: 390px; height: 232px; float: left}
.lsitgarbage ul.u1 img{width: 390px; height: 232px;display: block}
.lsitgarbage ul.u2{width: calc(100% - 440px); height: 232px; float: right}
.lsitgarbage ul.u2 li.li1{min-width: 240px; background: #162D57; line-height: 44px; font-size: 16px; padding-left: 15px; display: inline-block; color:#fff; padding-right: 15px}
.lsitgarbage ul.u2 li.li2{color:#333; font-size: 15px; line-height: 23px; padding-top: 15px; height: 180px; overflow: hidden}
.lsitgarbage:nth-child(2n) ul.u1{float: right}
.lsitgarbage:nth-child(2n) ul.u2{float: left}
.qylist ul li{width: 238px;margin-right: 25px; float: left}
.qylist ul li img{width: 100%; height: 185px; display: block}
.qylist ul li .se1{color:#333; font-size: 17px; padding-top: 25px;}
.qylist ul li .se2{color:#666; font-size: 14px; padding: 10px 0;}
.qylist ul li .se3{color:#333; font-size: 14px; line-height: 20px;}
.qylist2 ul li{margin-bottom: 20px;}
.qylist2 ul li .se1{color:#333; font-size: 14px; line-height: 20px; text-align: center}
.tihjel{height: 50px; line-height: 50px; text-align: center; background: #162D57; width: 1027px; color:#fff; font-size: 24px; margin-bottom: 30px; position: relative}
.tihjel:after{content: ''; width: 300px; height: 1px; background: #fff; opacity: 0.5; top: 50%; position: absolute;  right: 100px}
.tihjel:before{content: ''; width: 300px; height: 1px; background: #fff; opacity: 0.5; top: 50%; position: absolute;  left: 100px}
.lsitgarbage2 ul.u1{width: 320px; height: 240px; float: left}
.lsitgarbage2 ul.u1 img{width: 320px; height: 240px;display: block}
.lsitgarbage2 ul.u2{width: calc(100% - 390px); height: 240px; float: right}
.lsitgarbage2 ul.u2 li.li1{line-height: 44px; font-size: 20px; display: inline-block; color:#162D57; padding-right: 20px}
.lsitgarbage2 ul.u2 li.li2{color:#333; font-size: 15px; line-height: 23px; padding-top: 15px; height: 180px; overflow: hidden}
.lsitgarbage2:nth-child(2n) ul.u1{float: right}
.lsitgarbage2:nth-child(2n) ul.u2{float: left}
.lsitgarbage2{overflow: hidden; margin-top: 35px;}

.headertext{color:#333333; font-size: 13px; padding-bottom: 15px; line-height: 23px; }
.text_img{height: 240px; width: 240px; position: relative; margin-right: 30px}
.text_img img{width: 100%; height: 100%; display: block}
.text_img p{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 45px; color:#FFF; padding-left: 15px;  background: rgba(0,0,0,0.5)}
.name_t{color:#333; font-size: 20px; padding: 12px 0}
.naset{color:#333; font-size: 15px ;padding-bottom: 22px;}
.desc_text{color:#333; font-size: 15px; line-height: 22px; padding-right: 50px}
.tem_lsit{padding-top: 20px}
.tem_lsit ul li{width: 160px; height: 160px; position: relative; margin-bottom: 20px; margin-right: 25px; overflow: hidden; float: left}
.tem_lsit ul li img{display: block;width: 160px; height: 160px;}
.tem_lsit ul li p{background: rgba(0,0,0,0.7); position: absolute; left: 0; top:0; width: 100%; height: 100%; padding: 10px; transition: all 0.5s; transform: translateY(80%)}
.tem_lsit ul li p span{font-size: 14px; color:#fff}
.tem_lsit ul li p em{font-size: 12px; color:#fff; display: block; line-height: 20px; padding-top: 10px; overflow: hidden; height: 128px}
.tem_lsit ul li:hover p{transform: translateY(0)}
.titel_ay{color:#333; font-size: 20px; }
.titel_ay p{color:#999; font-size: 15px; padding-top: 5px}
.set_p{color:#2865D4; font-size: 13px; padding-top: 20px; margin-right: 30px}
.set_p span{color:#333}
.bot_map{width: 780px; height: 325px; margin-top: 32px}
.bot_map img{width: 780px; height: 325px; display: block}
.projectlist ul li{width: 324px; margin-right: 25px; float: left; margin-bottom: 30px}
.projectlist ul li img{width: 100%; height: 206px; display: block}
.projectlist ul li p{color:#333; font-size: 20px;padding: 10px 0}
.projectlist ul li em{display: block; color:#666666; font-size: 13px; line-height: 22px}
.firmdata{width: 1022px; height: 530px; background: url("../img/img5.jpg") no-repeat center; background-size: 100%}
.firmdata span{color:#fff; font-size: 24px; display: block; text-align: center; padding-top: 40px}
.firmdata p{color:#fff; font-size: 15px; display: block; text-align: center; padding-top: 8px; margin-bottom: 25px}
.firmdata input{width: 400px; display: block; margin: auto; margin-bottom: 10px; border: 0; background: #fff; height: 45px; color:#666; font-size: 16px; padding-left: 10px}
.firmdata textarea{width: 400px; display: block; margin: auto; margin-bottom: 10px; border: 0; background: #fff; color:#666; font-size: 16px; padding: 10px; line-height: 22px; min-height: 100px}
.firmdata button{background: #D2232A; line-height: 45px; color: #fff; font-size: 18px; border:0; text-align: center; width: 400px; margin: auto;display: block; cursor: pointer}
.tabroer table tbody tr th{color:#999; font-size: 15px; border-bottom: 1px solid #ccc; text-align: left; line-height: 40px}
.tabroer table tbody tr td{color:#333; font-size: 15px; border-bottom: 1px dashed #ccc; text-align: left; line-height: 40px}
.tabroer table tbody tr.cen{cursor: pointer}
.tabroer table tbody tr.cen:hover td{color:#007aff}
.eject{width: 60%; background: #fff; position: fixed; top:50%; left: 50%; transform: translate(-50%,-50%) scale(0);z-index: 99; }
.eject2{transform: translate(-50%,-50%) scale(1); transition: all 0.5s}
.eject_titel{background: #162D57; text-align: center; line-height: 45px; font-size: 16px; color:#fff}
.eject_titel img{width: 20px; margin: 10px}
.mask{position: fixed; z-index: 98; width: 100%;  background: rgba(0,0,0,0.52); left: 0; top:0; height: 100%; display: none}
.centbilsit{height: 500px; overflow-y: auto; padding: 30px}
.eject_ser{color:#333; font-size: 24px;}
.dexe{padding-top: 10px;; color:#999; font-size: 14px;}
.centebox{color:#333333; font-size: 14px; padding-top: 30px; line-height: 200%}
.yl{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;  /* 多行文本的行数  3 - 表示三行文本超出后在第三行后显示（...） */
    -webkit-box-orient: vertical;
    height: 36px;
    margin-bottom: 10px;
}