@import "dongxiao.css";
@import "common.css";



/*产品中心 start*/

.product .conts{background: url("../image/product-back.png") no-repeat center;background-size: cover;}
.product .cate-title{margin:30px 0;}
.product .cate-title .ctitle{color: #fff;}
.product a.cate-more:hover{color: #fff;font-weight: bold;}
/*类别块*/
.product .pro-cate{width:100%;}
.product .pro-cate ul{width:100%;justify-content: space-between;align-items: baseline;}
.product .pro-cate ul li{width: 33.3%;flex-flow: column;}
.product .pro-cate ul li .xian{width: 100%;height: 5px;background-color: rgba(243,244,246,1);margin-bottom: 20px;transition: all 0.5s;}
.product .pro-cate ul li .li-c{width: 98%;height:50px;padding:3% 1%;background-color:rgba(243,244,246,1);transition: all 0.5s;}
.product .pro-cate ul li .li-c .img-title{width:100%;display: none;}
.product .pro-cate ul li .li-c .img-title .img-title-c{}
.product .pro-cate ul li .li-c .img-title .img{width: 38px;margin-right: 10px;}
.product .pro-cate ul li .li-c .img-title .img img{width: 100%;display: block;}
.product .pro-cate ul li .li-c .img-title .title{font-weight: 500;font-size: 30px;color: #191919;}
.product .pro-cate ul li .li-c .img-title:first-child{color:#fff;}
.product .pro-cate ul li .li-c .img-title:nth-child(2){color: #191919;display: block;}
.product .pro-cate ul li.active .xian{background-color: rgba(8, 78, 195, 1);}
.product .pro-cate ul li.active .li-c{background-color: rgba(8, 78, 195, 1);}
.product .pro-cate ul li.active .li-c .img-title:first-child{display: block;}
.product .pro-cate ul li.active .li-c .img-title:nth-child(2){display: none;}
.product .pro-cate ul li.active .li-c .img-title:first-child .title{color: #fff;}
.product .pro-cate ul li:hover{cursor: pointer;}

/*内容块*/
.product .pro-cont{width: 100%;margin-top: 20px;}
.product .pro-cont ul{width: 100%;}
.product .pro-cont ul li{width: 100%;display: none;}
.product .pro-cont ul li:first-child{display: block;}
.product .pro-cont ul li .li-c{width: 100%;align-items: unset;}
.product .pro-cont ul li .li-c .left{width: 50%;background-color: rgba(0,0,0,0.5);}
.product .pro-cont ul li .li-c .left .left-c{width: 80%;margin: 0 auto;flex-flow: column;}
.product .pro-cont ul li .li-c .left .left-c .c{width: 100%;margin-bottom: 30px;}
.product .pro-cont ul li .li-c .left .left-c .title{width: 105px;font-size:20px;color:#fff;border: 1px solid #fff;border-radius: 30px;padding: 10px 30px;text-align: justify;text-align-last: justify;margin-bottom: 10px;}
.product .pro-cont ul li .li-c .left .left-c .desc{font-size:17px;color:#fff;line-height: 35px;}
.product .pro-cont ul li .li-c .left .left-c .hx{width: 100%;height: 1px;background-color: #fff;margin: 50px auto 30px auto;}
.product .pro-cont ul li .li-c .left .left-c .mores{width: 100%;justify-content: space-between;}
.product .pro-cont ul li .li-c .left .left-c .mores .more{font-size: 24px;color:#fff;margin:unset;width: unset;text-align:unset;}
.product .pro-cont ul li .li-c .left .left-c .mores .jt{width: 32px;height: 32px;border:1px solid #fff;border-radius: 50%;transition: all 0.5s;}
.product .pro-cont ul li .li-c .left .left-c .mores .jt img{max-width:9px;display: block;}
.product .pro-cont ul li .li-c .left .left-c .mores:hover{cursor: pointer;}
.product .pro-cont ul li .li-c .right{width: 50%;}
.product .pro-cont ul li .li-c .right .img{width: 100%;overflow: hidden;justify-content: center;}
.product .pro-cont ul li .li-c .right .img img{/*width: 100%;*/display: block;}
.product .pro-cont ul li{position: relative;}

.product .pro-cont ul li .li-c .jts{position: absolute;top: 0;right: 0;}
.product .pro-cont ul li .li-c .jts .jt-c{width: 72px;height: 72px;background-color: #fff;}
.product .pro-cont ul li .li-c .jts .jt-c.jt-left{background-color: #fff;}
.product .pro-cont ul li .li-c .jts .jt-c.jt-right{background-color: #084EC3;}
/*产品中心 end*/


/*关于我们 start*/
.about .conts{background: url("../image/about-back.png") no-repeat center;background-size: cover;padding: 80px 0 0 0;}
.about .conts .cont{align-items: flex-start;margin-top: 50px;}
.about .conts .cont .left{width: 50%;margin-top: 100px;}
.about .conts .cont .left .desc{font-weight: 400;font-size: 16px;color: #000000;line-height: 30px;text-indent: 2rem;}
.about .conts .cont .left .desc p{font-weight: 400;font-size: 16px;color: #000000;line-height: 30px;text-indent: 2rem;}
.about .conts .cont .left .desc p{margin-bottom: 20px;}
.about .conts .cont .left .about-cate{margin-top: 100px;}
.about .conts .cont .left .about-cate ul{justify-content: space-between;align-items: baseline;}
.about .conts .cont .left .about-cate ul li{flex-flow: column;}
.about .conts .cont .left .about-cate ul li .c{margin-bottom: 5px;}
.about .conts .cont .left .about-cate ul li .img{max-width: 46px;}
.about .conts .cont .left .about-cate ul li .img img{width: 100%;}
.about .conts .cont .left .about-cate ul li .title{font-size: 16px;transition: all 0.3s;}
.about .conts .cont .left .about-cate ul li .etitle{font-size: 14px;transition: all 0.3s;}
.about .conts .cont .left .about-cate ul li:hover{cursor: pointer;}
.about .conts .cont .left .about-cate ul li:hover .title{color:#084EC3;}
.about .conts .cont .left .about-cate ul li:hover .etitle{color:#084EC3;}
.about .conts .cont .right{width: 50%;}
.about .conts .cont .right img{display: block;}
/*关于我们 end*/


/*荣誉资质 start*/
.honor{position: relative;}
.honor .conts{background: url("../image/honor-back.png") no-repeat center;background-size: cover;padding: 0 0 80px 0;}
.honor .cate-title{margin:120px 0 30px 0;}

.honor .cont{justify-content: space-between;margin-top: 100px;}
.honor .cont .left{width: 80%;flex-flow: column;z-index: 9;}

/*类别块*/
.honor .left .honor-cate{width:80%;margin:0 auto 100px auto;}
.honor .left .honor-cate ul{width:100%;align-items: baseline;}
.honor .left .honor-cate ul li{width: 45%;flex-flow: column;margin: 0 5px;}
.honor .left .honor-cate ul li .xian{width: 100%;height: 5px;background-color: rgba(243,244,246,1);margin-top: 10px;transition: all 0.5s;}
.honor .left .honor-cate ul li .li-c{width: 98%;height:50px;padding:2% 1%;background-color:rgba(243,244,246,1);transition: all 0.5s;}
.honor .left .honor-cate ul li .li-c .img-title{width:100%;display: none;}
.honor .left .honor-cate ul li .li-c .img-title .img-title-c{}
.honor .left .honor-cate ul li .li-c .img-title .img{width: 38px;margin-right: 10px;}
.honor .left .honor-cate ul li .li-c .img-title .img img{width: 100%;display: block;}
.honor .left .honor-cate ul li .li-c .img-title .title{font-weight: 500;font-size: 30px;color: #191919;}
.honor .left .honor-cate ul li .li-c .img-title:first-child{color:#fff;}
.honor .left .honor-cate ul li .li-c .img-title:nth-child(2){color: #191919;display: block;}
.honor .left .honor-cate ul li.active .xian{background-color: #084EC3;}
.honor .left .honor-cate ul li.active .li-c{background-color: #084EC3;}
.honor .left .honor-cate ul li.active .li-c .img-title:first-child{display: block;}
.honor .left .honor-cate ul li.active .li-c .img-title:nth-child(2){display: none;}
.honor .left .honor-cate ul li.active .li-c .img-title:first-child .title{color: #fff;}
.honor .left .honor-cate ul li:hover{cursor: pointer;}

/*内容块*/
.honor .left .honor-cont{width: 100%;margin-top: 30px;}
.honor .left .honor-cont ul{width: 100%;}
.honor .left .honor-cont ul li{width: 100%;display: none;}
.honor .left .honor-cont ul li:first-child{display: block;}
.honor .left .honor-cont ul li .li-cs{width: 100%;margin: 0 auto;}
.honor .left .honor-cont ul li .swiper-father{position: relative;}
.honor .left .honor-cont ul li .li-cs .li-c{overflow-x: hidden;}
.honor .left .honor-cont ul li .li-cs img{width: 100%;}
.honor .left .swiper-button-next,.honor .left .swiper-rtl .swiper-button-prev{box-shadow:0 0 5px rgba(0,0,0,0.3);background-color: #084EC3;top:40%;/*border: 1px solid #fff;*/border-radius: 50%;width: 70px;height: 70px;}
.honor .left .swiper-button-prev,.honor .left .swiper-rtl .swiper-button-next{box-shadow:0 0 5px rgba(0,0,0,0.3);background-color:rgba(255,255,255,1);top:40%;/*border: 1px solid #fff;*/border-radius: 50%;width: 70px;height: 70px;}
.honor .left .swiper-button-prev:after,.honor .left .swiper-rtl .swiper-button-next:after{font-size: 42px;color:rgba(58, 58, 58, 0.11);}
.honor .left .swiper-button-next:after,.honor .left .swiper-rtl .swiper-button-prev:after{font-size: 42px;}
.honor .left .swiper-button-prev, .honor .left .swiper-rtl .swiper-button-next{left: 1%;}
.honor .left .swiper-button-next, .honor .left .swiper-rtl .swiper-button-prev{right: 1%;}

.honor .left .ctitle1{margin:20px auto;font-weight: 400;font-size: 18px;color: #000000;background: linear-gradient(180deg, #707070 0%, #2C2C2C 53.0517578125%, #535353 100%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.honor .left .ctitle2{font-weight: bold;font-size: 32px;color: #000000;background: linear-gradient(180deg, #707070 0%, #2C2C2C 53.0517578125%, #535353 100%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/*奖牌*/
.honor .right{position: absolute;top:0;right: 0;}
.honor .right .honor-jp{position: relative;}
.honor .right .honor-jp .img{}
.honor .right .honor-jp .jp-c{flex-flow: column;position: absolute;top: 450px;right: 135px;}
.honor .right .honor-jp .jp-c .year{align-items: baseline;}
.honor .right .honor-jp .jp-c .year h2{font-weight: bold;font-size: 126px;color: #191919;background: linear-gradient(241deg, #97623E 0%, #3F2309 100%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.honor .right .honor-jp .jp-c .year span{display:block;font-weight: 500;font-size: 32px;color: #191919;background: linear-gradient(241deg, #97623E 0%, #3F2309 100%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.honor .right .honor-jp .jp-c .title{font-weight: 500;font-size: 36px;color: #191919;background: linear-gradient(0deg, #643600 0%, #241300 47.1923828125%, #502B00 100%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.honor .right .honor-jp .jp-c .etitle{font-weight: 500;font-size: 16px;color: #191919;background: linear-gradient(0deg, #643600 0%, #241300 47.1923828125%, #502B00 100%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/*荣誉资质 end*/



/*新闻资讯 start*/
.news{}
.news .conts{background: url("../image/news-back.png") no-repeat center;background-size: cover;padding: 60px 0 100px 0;}
.news .cate-title{margin:30px 0;}
.news .cate-more{color:#084EC3;}

.news .cont{align-items: flex-start;margin-top: 30px;box-shadow: 1px 1px 5px rgba(0,0,0,0.2)}
/*左侧*/
.news .left{width: 50%;height: 540px;}
.news .left ul{width: 100%;}
.news .left ul li{width:100%;height:540px;position: relative;}
.news .left ul li .img{width: 100%;position: absolute;top:0;right: 0;bottom: 0;left: 0;}
.news .left ul li .img img{width: 100%;display: block;}
.news .left ul li .title-more{width:92%;background-color: rgba(0,0,0,0.5);padding: 3% 4%;position: absolute;bottom: 0;left: 0;right: 0;}
.news .left ul li .title-more .title{font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 30px;margin-bottom: 10px;}
.news .left ul li .title-more .time-more{justify-content: space-between;align-items: flex-end;}
.news .left ul li .title-more .time-more .time{font-weight: 400;font-size: 16px;color: #FFFFFF;margin-right: 10px;}
.news .left ul li .title-more .time-more .source{font-weight: 400;font-size: 16px;color: #FFFFFF;}
.news .left ul li .title-more .time-more .more{font-weight: 400;font-size: 18px;color: #FFFFFF;padding: 10px 20px;background-color: #084EC3;}
/*swiper*/
.news .left .swiper-horizontal>.swiper-pagination-bullets,
.news .left .swiper-pagination-bullets.swiper-pagination-horizontal,
.news .left .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 1%}
.news .left .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 10px;background:rgba(255,255,255,1)}
.news .left .swiper-pagination-bullet-active{background-color: #084EC3;}


/*右侧*/
.news .right{width: 50%;}
.news .right ul{width:90%;padding: 7% 5%;}
.news .right ul li{width: 96%;padding:3% 2%;border-bottom: 1px dashed #DFDFDF;}
.news .right ul li .title-time{width:100%;justify-content: space-between;margin-bottom: 10px;}
.news .right ul li .title-time .title{width:60%;font-weight: 400;font-size: 20px;color: #0F0F0F;transition: all 0.3s;}
.news .right ul li .title-time .time{font-weight: 400;font-size: 20px;color: #191919;}
.news .right ul li .desc{font-weight: 400;font-size: 16px;color: #B7B7B7;display: none;transition: all 0.3s;}
.news .right ul li .title-time .title:hover{cursor: pointer;}

/*.news .right ul li:first-child .desc{display: block;}*/
.news .right ul li.active .title-time .title{color: #084EC3;}
.news .right ul li.active .desc{display: block;}
/*.news .right ul li:hover .title-time .title{color: #084EC3;}*/
/*.news .right ul li:hover .desc{display: block;}*/

/*新闻资讯 end*/



/*首页底部 start*/
footer .cont .footer-c .friend-link{width:20%;}
footer .cont .footer-c .contact-us{}
footer .cont .footer-c .ewm-imgs{width:20%;}