.banner{ width: 100%; height: 500px;}
.banner .title{ position: relative; top:50%; text-align: center; color: #FFFFFF;}
.banner .title>span{ font-size: 32px;}
.banner .title>p{ font-size: 32px; font-weight: bold; color: #FFFFFF; padding-top: 10px;}
.about-banner{ background-image: url(../images/banner_about.png); background-position: center;}

/* 文章一  开始 */
.section{ width: 100%; height: 800px; background-image: url(../images/aboutus_bg.png); background-position: center;}
.section .sect-title{ font-size: 14px; color: #FFFFFF; line-height: 100px; text-align: left;}
.section .sect-title>i{ color: #FFFFFF; padding-right: 10px;}
.section .sect-text>p{ width: 278px; height: 50px; text-align: center; font-weight: bold; line-height: 50px;
                       background-image: url(../images/youshi_bg.png); color: #FFFFFF; margin-left: 45px;}
.section .sect-summary{ width: 100%; height: 100px; background-color: rgba(0,0,0,0.2); margin: 40px 0px 40px 0px;}
.sect-summary .summary-con{ display: flex;}
.sect-summary .summary-con>p{ flex: 1; font-size: 16px; color: #FFFFFF; padding-top: 30px;}
.sect-summary .summary-con>p:nth-child(3){ padding-top: 18px;}
.sect-summary .summary-con>p>i{ font-size: 40px; color: #c31f1f; position: relative; top:7px;}
.sect-conter{ margin-top: 70px;}
.sect-conter .con-img{ width: 400px; height: 300px; float: left; background-color: #003162;}
.sect-conter .con-img>img{ width: 400px; height: 300px; padding: 20px 0px 0px 20px;}
.sect-conter .con{ width: 600px; float: right; padding: 0px 20px;}
.sect-conter .con>p{ font-size: 24px; text-indent: 2em; padding-top: 20px;}
.sect-conter .con>span{ font-size: 16px; line-height: 30px; display: block; margin-top: 30px; text-indent: 2em;}
.sect-conter .con>span>p{ line-height: 30px; }

/* 文章二  开始 */
.section-two{ width: 100%; height: 600px;}
.sec-two-tit{ width: 1100px; height: 30px; display: block; margin: 80px auto;}
.sec-two-tit>p{ font-weight: bold; font-size: 24px; color: #333333; letter-spacing: 2px; display: inline; padding: 0px 8px;}
.sec-two-tit>span{ color: #333333; font-size: 24px;}
.sec-two-tit>i{ font-size: 10px; color: #da1000; padding-left: 8px;}
.swiper-father{ width: 1200px; margin: 0 auto; position:relative;}
.wrap-box{ width: 1100px; height: auto; margin: 0px auto;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: url(../images/1998.png);}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: url(../images/2016.png);}
.box{ text-align: center; margin-top: 40px;}
.box>img{ width: 52px; height: 63px;}
.box>i{ font-size: 20px; color: #333333; display: block; font-style: normal;}
.box>span{ font-size: 18px; color: #333333; display: block; padding: 10px 0px;}
.box>p{ font-size: 14px; line-height: 22px; color: #999999; padding: 0px 10px; text-align: left;}

/* 文章三  开始 */
.section-three{ height: 560px; text-align: center;}
.section-three .text-one::before{ width: 40px; height: 1px; background-color: #999999; display: block; content: "";
                                  margin: 160px auto 40px auto;}
.section-three>p{ padding: 10px 0px; color: #999999; font-size: 16px;}
.section-three>img{ padding: 40px 0px;}



/* //////////////////////////////////////新闻/////////////////////////////////////////////////////////////////// */
.news-banner{ background-image: url(../images/banner_news.png); background-position: center;}
.news-tit{ padding: 30px 0px;}
.news-tit>span{ font-size: 14px; color: #999999;}
.news-conter .sect-title-two{ text-align: center;}
.news-conter .news-box{ height: 300px; padding: 28px; margin-bottom: 40px; background-color: #F2F2F2; box-sizing: border-box;}
.news-conter .news-box>img{ width: 400px; height: 100%; float: left; padding-right: 30px; object-fit: cover;}
.news-conter .news-box>p{ font-size: 18px; color: #333333; padding-top: 20px;}
.news-conter .news-box>i{ display: block; padding: 15px 0px; font-style: normal;}
.news-conter .news-box>span{ font-size: 14px; color: #010101;}
.news-conter .news-box>a{ font-size: 16px; display: block; color: #e7141a; padding-top: 20px;}
.details-conter{ width: 100%; height: auto; margin-bottom: 200px;}
.conter-left{ width: 78%; box-sizing: border-box; padding: 80px 45px;}
.conter-left>p{ color: #666666; padding: 20px 0px; font-size: 16px; line-height: 28px;}
.conter-left .left-title{ text-align: center; border-bottom: 1px #cccccc solid;}
.conter-left .left-title>p{ font-size: 20px; color: #000000;}
.conter-left .left-title>span{ font-size: 14px; color: #999999; display: block; padding: 30px 0px;}
.conter-left .left-conter{ padding: 40px 0px;}
.conter-left .left-conter>p{ color: #666666;}
.conter-left img{ max-width: 100%;}


.conter-left .left-fot{ border-top: 1px #cccccc solid;}
.conter-left .left-fot .bot-one>p{ font-size: 14px; color: #999999;}
.conter-left .left-fot .fan{ width: 120px; height: 40px; line-height: 40px; background-color: #323232;}
.conter-left .left-fot .fan>i{ font-size: 15px; padding-left: 15px; color: #FFFFFF;}
.conter-left .left-fot .fan>a{ font-size: 14px; color: #FFFFFF; padding-left: 15px;}
.conter-right{ width: 20%; padding: 30px 20px; box-sizing: border-box;}
.conter-right .right-top>p{ font-size: 18px; color: #333333;}
.conter-right .right-top>span{ font-size: 14px; color: #d30006; font-weight: bold; display: block; padding-bottom: 15px;}
.conter-right .right-top .rig-box{ display: block; padding: 15px 0px; border-top: 1px #CCCCCC solid;}
.conter-right .right-top .rig-box>img{ width: 100%; height: 120px;}
.conter-right .right-top .rig-box>span{ font-size: 14px; color: #999999;}
.conter-right .right-top .rig-box>p{ font-size: 14px; color: #333333;}
.conter-right .right-top .rig-box-bot{ border-top: none; border-bottom: 1px #CCCCCC solid;}

/* /////////////////////////////////////领先案例/////////////////////////////////////////////////////////// */
.anli-banner{ background-image: url(../images/banner_case.png); background-position: center;}
.box-img{ width: 30%; height: 240px; float: left; margin-right: 3.3%; position: relative; margin-bottom: 40px;}
.box-img .box-top>img{ width: 100%; height: 240px; object-fit: cover;}
.box-img .box-top>span{ width: 100%; background-color: rgba(0,0,0,0.5); line-height: 40px; padding: 0px 15px;
           position: absolute; bottom: 0px; box-sizing: border-box; font-size: 14px; color: #FFFFFF; opacity: 1;}		   
.box-img .box-bg{ background-color: rgba(0,0,0,0.5); padding: 50px 30px; box-sizing: border-box;
                  position: absolute; top:0; height: 240px; opacity: 0; width: 100%;}
.box-img .box-bg>p{ color: #FFFFFF; line-height: 32px; font-size: 16px;}
.box-img .box-bg>a{ width: 80px; text-align: center; line-height: 30px; display: block; border: 1px #FFFFFF solid;
                    color: #FFFFFF; margin: 20px auto 0 auto;}
.box-img .box-bg>a:hover { background-color: #FFFFFF; color: #333333;}
.box-img:hover .box-top>span{ opacity: 0;}
.box-img:hover .box-bg{ opacity: 1; transition: all 0.8s;}

/* /////////////////////////////////伙伴//////////////////////////////////////////////////////////////////////// */
.huoban-banner{ background-image: url(../images/banner_partners.png); background-position: center;}
.huoban-conter .huoban-tab{ text-align: center; margin: 20px 0px;}
.huoban-conter .huoban-tab>a{ font-size: 18px; padding: 10px; display: inline-block; margin: 0px 15px; border-bottom: 2px solid #FFFFFF;}
.huoban-conter .huoban-tab .active{ border-bottom: 2px solid #da1000;}
.huoban-conter .tab-conter{ width: 1200px; height: auto; display: block; margin: 40px auto; display: none;}
.huoban-conter .tab-conter.active{ display: block;}
.huoban-conter .huoban-tab-conter{ margin: 0 auto;}
.huoban-conter .tab-conter .con-tit{ width: 100%; display: block; margin: 40px auto; }
.huoban-conter .tab-conter .con-tit>img{ display: block; margin: 0 auto;}
.huoban-conter .tab-conter .con-tit>span{ width: auto; height: 1px; background-color: red; z-index: -1; display: block; position: relative; top:30px;}




.box-text{ width: 24%; height: 200px; border: 1px #e4e4e4 solid; border-top: none; box-sizing: border-box; text-align: center;
           float: left; position: relative;}
.box-text:nth-child(2){ border-top: 1px #E4E4E4 solid;}
.box-text:nth-child(3){ border-top: 1px #E4E4E4 solid;}
.box-text:nth-child(4){ border-top: 1px #E4E4E4 solid;}
.box-text:nth-child(5){ border-top: 1px #E4E4E4 solid;}
.box-text>img{ max-width: 100%; max-height: 200px; padding: 50px; box-sizing: border-box; object-fit: cover;}
.box-text .bg-text{ position: absolute; width: 100%; height: 100%; top:0; background-color: rgba(231,34,29,0.6); z-index: 111;
                    opacity: 0; transition: all 0.3s; }
.box-text .bg-text>p{ text-align: center; padding: 80px 20px 20px 20px; }
.box-text:hover .bg-text{ opacity: 1; transition: all 0.3s; }




/* .box-text>span{ display: block; padding: 20px 0px; color: #333333; font-size: 16px;}
/* .box-text:hover{ box-shadow: #CCCCCC 0px 0px 8px;} */







/* /////////////////////////////////联系//////////////////////////////////////////////////////////////////////// */
.contact-banner{ background-image: url(../images/banner_contact.png); background-position: center;}
.contact-left{ width: 50%; height: 600px; background-image: url(../images/contact_bg.png);
               padding: 0px 60px; box-sizing: border-box;}
.contact-left>b{ color: #FFFFFF; display: block; font-size: 28px; padding: 80px 0px 30px 0px; }
.contact-left .con-left-box{ display: block; margin-top: 15px;}
.left-bot>span{ display: block;}

.con-text-img{ width: 150px; margin: 20px auto;}
.con-text-img>img{ width: 100px; height: 100px; display: block; margin: 0 auto;}
.con-text-img>span{ display: block; text-align: center; padding-top: 5px;}


.contact-right{ width: 50%; height: 600px;}
.contact-right>img{ width: 100%; height: 100%;}