/*
	字体色；333333
	边框灰色；e4e4e4
*/
*{margin:0px;padding:0px;list-style:none;outline:none;font-family:"Microsoft Yahei","Arial","宋体";}
html{ font-size:14px;
    /*50px 是 1.89rem;100px 是 3.77rem;150px 是 5.66rem*/
}
body{background:#FFFFFF;font-size:14px;color:#333333;position: relative;}
img{ border:0px;}
a{color:#333333;text-decoration:none;-webkit-tap-highlight-color: transparent; /* 设置高亮颜色为透明 */}
.clearfix::after,.clearfix::before{clear: both;content:'';display: block;width: 0;height: 0;visibility: hidden;}

.top-warp{width: 100%; overflow: hidden;}
.top{max-width: 1200px;margin: auto;}
.top-warp{ background:#f2f2f2; border-bottom:1px solid #cecece;}
.top{ max-width: 1200px; height:30px; line-height:30px; margin:auto;}
.top_wel{ float:left; height:30px; line-height:30px;}
.top_menu{ float:right; height:30px; line-height:30px;}
.top_menu a{ margin:0 10px;}

.head-tel-warp{display: flex;flex-direction: row;flex-wrap: nowrap; margin: 10px 0 10px auto;}
.head-tel-icon{ color: #1d65af; font-size: 60px !important;margin-right: 10px;}
.head-tel{height: 60px;}
.head-tel-tit{ height: 25px; line-height: 25px; color: #1d65af; font-size: 18px;}
.head-tel-cn{ height: 35px; line-height: 35px; color: #1d65af; font-size: 21px; font-weight: bold;}

.m-menu{ display: none;}

.adv{width: 100%;height: 600px;}
.swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.swiper-container{width: 100%;height: 100%;margin:0 auto;}
.swiper-button-next {right: 60px!important;left: auto;}
.swiper-button-prev {left: 60px!important;right: auto;}

.goods-warp{padding: 50px 0; margin: auto;}
.goods-head{position: relative;margin: 0 auto;padding-bottom: 20px;}
.goods-head-line{position: absolute;left: 0;top: 30px;width: 100%;height: 3px;z-index: 1;
    background: linear-gradient(to right, #ffffff 0%, #1d65af 50%, #ffffff 100%);}
.goods-head-tit{position: relative;display: flex;flex-direction: column;flex-wrap: nowrap;width: 300px;z-index: 9;margin: auto;background-color: #ffffff;}
.goods-head-cn{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 36px;color: #1d65af;}
.goods-head-eng{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 18px;color: #ffffff;background-color: #1d65af;}
.goods-item{float: left;width: calc((100% - 60px)/4);margin-right: 20px;margin-bottom: 20px;background-color: #efefef;}
.goods-item a{display: block;width: 100%;height: 100%;border: 1px solid #ffffff;box-sizing: border-box;}
.goods-item a:hover{border: 1px solid #1d65af;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.goods-item-img{position: relative;width: 100%;padding-top: 75%;}
.goods-item-img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #dedede;box-sizing: border-box;}
.goods-item p{height: 35px;line-height: 35px;text-align: center;white-space: nowrap;overflow: hidden;margin: 0 10px;}
.more{ max-width: 1200px; margin: auto;}
.more-btn{ display: block; height: 50px;line-height: 50px; font-size: 18px; color: #ffffff; text-align: center; background-color: #1d65af; border-radius: 25px; padding: 0 15px; margin: 0 10%;}
.news-item{width: calc((100% - 50px)/3);margin-right: 25px;}
.news-item:last-child{margin-right: 0;}
.news-item-head{display: flex;flex-direction: row;flex-wrap: nowrap;background-color: #1d65af;color: #ffffff;}
.news-item-head a{color: #ffffff;}
.news-item-head-tit{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;height: 50px;line-height: 50px;font-weight: bold;}
.news-item-head-tit span{display: inline-block;width: 5px;height: 20px;background-color: #ffffff;margin: 0 10px;}
.news-item-head-more{display: block;margin-left: auto;height: 50px;line-height: 50px;padding: 0 10px;}
.news-item-hot-img{display: block;position: relative;width: 100%;height: 0;padding-top: 35%;overflow: hidden;}
.news-item-hot-img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.news-item-hot-cn{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;
                    position: absolute;left: 0;bottom: 0;width: 100%;height: 35px;line-height: 35px;white-space: nowrap;
                    color: #ffffff;z-index: 2;padding: 0 10px;box-sizing: border-box;background-color: rgba(0, 0, 0, 0.5);}
.news-item-hot-cn p{width: calc(100% - 60px);overflow: hidden;}
.news-item-hot-cn span{width: 60px;text-align: right;overflow: hidden;}
ul.news-item-main li{overflow: hidden;border-bottom: 1px solid #dedede;}
.news-item-common{height: 35px;line-height: 35px;}
.news-item-common:hover{background-color: #efefef;}
.news-item-a{display: block;width: 100%;height: 100%;padding-left: 20px;box-sizing: border-box;
            background: url("/static/images/icon_san.png") no-repeat 5px center;}
.news-item-date{float: right;color: #999999;padding: 0 5px;}

.cooperation-warp{width: 100%;background-color: #efefef;padding: 70px 0;}
.cooperation-title{height: 50px;line-height: 50px;font-size: 36px;text-align: center;margin: 0 auto 25px auto;}
.cooperation{margin: auto;border-top: 1px solid #dedede;border-left: 1px solid #dedede;box-sizing: border-box;}
.cooperation li{display: flex;justify-content: center;align-items: center;float: left;width: calc(100%/6);height: 100px;
    border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;box-sizing: border-box;padding: 10px;}
.cooperation-img{width: calc(100% - 20px);filter: grayscale(100%);}
.cooperation li img{max-width: 100%;max-height: 100%;}
.cooperation li:hover{cursor: pointer;background-color: #ffffff;}
.cooperation li:hover .cooperation-img{filter: grayscale(0%);}

/*内页内容区*/
.main-warp{width: 100%;}
.sidebar{position: relative;display: none;z-index: 99;}
.sidebar-head{display: flex;flex-direction: column;background-color: #1d65af;padding: 10px;}
.sidebar-tit{height: 50px;line-height: 50px;text-align: center;font-size: 26px;color: #ffffff;}
.sidebar-tit-eng{height: 25px;line-height: 25px;text-align: center;font-size: 16px;color: #ffffff;}
.sidebar-item{margin-bottom: 25px;background-color: #f3f3f3;}
.sidebar-item:last-child{margin-bottom: 0;}
.sidebar-menu{height: auto;padding: 15px;}
ul.sidebar-menu li{height: 45px;margin-bottom: 10px;border-bottom: 1px solid #dedede;}
ul.sidebar-menu li a{display: block;width: 100%;height: 45px;line-height: 45px;font-size: 15px;}
ul.sidebar-menu li a i{float: left;display: inline-block;width: 5px;height: 15px;margin: 15px 15px 15px 25px;background-color: #1d65af;}
ul.sidebar-menu li a:hover{color: #ffffff;background-color: #1d65af;}
ul.sidebar-menu li a:hover i{background-color: #ffffff;}
.sidebar-main{min-height: 50px;padding: 15px;}
.sidebar-kefu{width: 100%;}
.sidebar-kefu img{display: block;width: 100%;height: 120px;}
dl.sidebar-main dd{line-height: 30px; overflow: hidden;}
dl.sidebar-main dd i{margin-right: 5px;}
.kuang-item{border: 3px solid #1d65af;box-sizing: border-box;}
.sub-head{display: flex;flex-direction: row;flex-wrap: nowrap;width: 100%;padding: 0 15px;box-sizing: border-box;background-color: #efefef;}
.sub-tit{display: flex;flex-direction: row;flex-wrap: nowrap;}
.sub-tit span{display: block;height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;white-space: nowrap;}
.sub-tit i{display: inline-block;width: 5px;height: 20px;margin: 15px 10px 0 0;background-color: #1d65af;}
.sub-more{height: 50px;line-height: 50px;white-space: nowrap;margin-left: auto;}
.sub-more i{font-size: 20px;margin-right: 5px;}
.onepage {padding: 25px;font-size: 14px;line-height: 25px;text-align: justify;min-height: 360px;overflow: hidden;}
.detail-warp{display: flex;flex-direction: column;width: 100%;padding: 25px;box-sizing: border-box;}
.detail-main{font-size: 14px;line-height: 25px;text-align: justify;min-height: 360px;overflow: hidden;}
.detail-title{min-height: 30px;line-height: 30px;text-align: center;font-size: 18px;font-weight: bold;}
.detail-bar{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;border-bottom: 1px solid #dedede;margin-top: 10px;margin-bottom: 20px;}
.detail-bar-item{height: 30px;line-height: 30px;margin-right: 25px;color: #999999;white-space: nowrap;}
.detail-bar-date{height: 30px;line-height: 30px;margin-left: auto;color: #999999;white-space: nowrap;}
.detail-page{display: flex;flex-direction: column; padding-top: 15px; margin-top: 15px; border-top: 1px solid #dedede;}
.detail-page dl{display: flex;flex-direction: row;flex-wrap: nowrap;margin: 10px 0;}
.detail-page dl dt{font-weight: bold;white-space: nowrap;}
.detail-page dl dd{overflow: hidden;white-space: nowrap;}
ul.newslist,ul.imglist,ul.mixlist{width: 100%;padding: 25px;box-sizing: border-box;}
ul.newslist li{height: 35px;border-bottom: 1px solid #dedede;padding: 10px 0 0 10px;white-space: nowrap;overflow: hidden;}
ul.newslist li a{display: inline-block;height: 35px;line-height: 35px;padding-left: 15px;
                background: url("/static/images/icon_san.png") no-repeat left center;}
ul.newslist li span{position: relative;z-index: 99;float: right;display: inline-block;height: 35px;line-height: 35px;color: #999999;
                    background-color: #ffffff;padding: 0 10px;}
ul.newslist li:hover{background-color: #efefef;}
ul.newslist li:hover span{background-color: #efefef;}
ul.imglist li{float: left;width: calc((100% - 40px)/3);margin-right: 20px;margin-bottom: 20px;border: 1px solid #ffffff;box-sizing: border-box;}
ul.imglist li:hover{border: 1px solid #1d65af;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
ul.imglist li dd{position: relative;padding-top: 75%;}
ul.imglist li img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: cover;}
ul.imglist li dt{height: 35px;line-height: 35px;background-color: #efefef;}
ul.imglist li dt a{display: block;width: calc(100% - 20px);height: 35px;line-height: 35px;text-align: center;white-space: nowrap;overflow:
                    hidden;margin: 0 10px;box-sizing: border-box;}
ul.mixlist li{width: 100%;margin-bottom: 15px;}
ul.mixlist a{display: inline-flex;flex-direction: row;flex-wrap: nowrap;width: 100%;padding-bottom: 15px;border-top: 1px solid #ffffff;
            border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;border-bottom: 1px solid #dedede;box-sizing: border-box;overflow: hidden;}
ul.mixlist a:hover{border: 1px solid #1d65af;box-sizing: border-box;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.mixlist-img{position: relative;width: 200px;height: 150px;margin-right: 20px;background-color: #4aca85;border: 1px solid #dedede;}
.mixlist-img img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: cover;}
.mixlist-con{display: flex;flex-direction: column;flex: 1;}
.mixlist-tit{height: 35px;line-height: 35px;font-size: 16px;overflow: hidden;}
.mixlist-desc{line-height: 20px;max-height: 80px;color: #999999;overflow: hidden;}
.mixlist-bar{display: flex;flex-direction: row;flex-wrap: nowrap;align-self: flex-end;align-items: stretch;
            width: 100%;margin-top: auto;padding-top: 5px;}
.mixlist-date,.mixlist-click{display: flex;color: #999999;margin-right: 25px;align-items: center;
                            white-space: nowrap;overflow: hidden;}
.mixlist-btn{margin-left: auto;padding: 8px 25px;background-color: #efefef;white-space: nowrap;overflow: hidden;}
.empty-tip{ width: 50%; text-align: center; margin: 25px auto;}

/*底部*/
.m-space{display: none;}
.footer-warp{width: 100%;padding: 20px 0;background-color: #333;}
.footer-warp *{color: #ffffff;}
.footer{max-width: 1200px;min-width: 768px;margin: auto;}
.footer-main{display: flex;flex-direction: row;flex-wrap: nowrap;padding-bottom: 20px;}
.footer-tip{display: flex;flex-direction: row;flex-wrap: nowrap;width: 360px;}
.footer-erweima{width: 90px;margin-right: 10px;}
.footer-erweima img{ width: 90px; height: auto;}
.footer-erweima p{height: 25px;line-height: 25px;font-size: 12px;text-align: center;background-color: rgba(255, 255, 255, 0.5);}
dl.footer-tip-cn{width: 100%;}
dl.footer-tip-cn dt{height: 30px;line-height: 30px;}
dl.footer-tip-cn dd{height: 30px;line-height: 30px; white-space: nowrap; overflow: hidden;}
dl.footer-tip-cn dd.footer-tip-tel{height: 50px;line-height: 50px;font-size: 24px;font-weight: bold;}
.footer-menu{display: flex;flex-direction: row;flex-wrap: nowrap;flex-grow: 1;}
.footer-menu dl{width: 18%;margin-left: 2%;}
.footer-menu dl dt{height: 35px;line-height: 35px;font-size: 16px;font-weight: bold;}
.footer-menu dl dd{height: 30px;line-height: 30px;white-space: nowrap; overflow: hidden;}
.footer-menu dl dd a:hover{text-decoration: underline;}
.footer-copyright{width: 100%;height: 45px;line-height: 45px;border-top: 1px solid #464646;}
.mfooter-warp{display: none;}

.logo-warp{display: block;width: auto;height: 80px;}
.logo{width: auto;height: 100%;}
.header{display: flex; flex-direction: row;flex-wrap: nowrap; padding: 10px 0; box-sizing: border-box;}
.menu-warp{width: 100%; background-color: #1d65af;}
.menu{ display: flex; flex-direction: row; flex-wrap: nowrap; margin: auto;}
.menu li{ position: relative;flex-grow: 1;}
.menu li a.menu_home,.menu li a.menu_item{ display: block; width: 100%; height: 50px;line-height: 50px; text-align: center; color: #ffffff;}
.menu li a.menu_home:hover,.menu li a.menu_item:hover{ background-color: #6eb2d8;}

.menu dl.menu_sub{ display: none; position: absolute; left: 0; top: 50px; z-index: 99; width: 100%; background-color: #1d65af;}
.menu dl.menu_sub dd{ width: 100%; border-bottom: 1px solid #6eb2d8;}
.menu dl.menu_sub dd a{ display: block; width: 100%; height: 45px; line-height: 45px; color: #ffffff; text-align: center;}
.menu dl.menu_sub dd a:hover{ background-color: #6eb2d8;}
/* PC Style */
@media (min-width: 1200px) {
    .header{ width: 1200px; margin: auto;}
    .menu{ width: 1200px;}
    .main{display: flex;flex-direction: row;flex-wrap: nowrap;width: 1200px;margin: 25px auto;}
    .goods-head{min-width: 768px;max-width: 1200px;}
    .goods-main{min-width: 768px;max-width: 1200px;margin: auto;}
    .goods-item:nth-child(4n){margin-right: 0;}
    .sidebar{display: block;width: 260px;min-height: 500px;margin-right: 25px;}
    .news-warp{display: flex;flex-direction: row;flex-wrap: nowrap;min-width: 768px;max-width: 1200px;margin: 35px auto;}
    .content-warp{display: block;width: 915px;min-height: 360px;border: 1px solid #dedede;box-sizing: border-box;}
    ul.imglist li:nth-child(3n){margin-right: 0;}
}

/* Middle Style */
@media (min-width: 768px) and (max-width: 1199px) {
    .top-warp{ min-width: 768px; max-width: 1200px;}
    .menu{ min-width: 768px; max-width: 1200px;}
    .main{width: 100%; margin: 15px auto;}
    .goods-head{min-width: 768px; max-width: 1200px;}
    .goods-main{min-width: 768px; max-width: 1200px;margin: auto;}
    .goods-item:nth-child(4n){margin-right: 0;}
    .news-warp{display: flex;flex-direction: row;flex-wrap: nowrap;min-width: 768px;max-width: 1200px;margin: 35px auto;}
    .content-warp{display: block;flex-grow: 1;min-height: 500px;}
    ul.imglist li:nth-child(3n){margin-right: 0;}
}

/* Mobile Style */
@media (max-width: 767px) {
    body{min-width: 300px;}
    .top-warp{ display: none;}
    .header{ width: 100%; padding: 5px; box-sizing: border-box;}
    .logo-warp{display: flex;width: 80%;height: auto;align-items: center; overflow: hidden;}
    .logo{width: 100%; height: auto;}
    .head-tel-warp{ display: none;}
    .menu-warp{ display: none;}
    .m-menu{ display: block; margin:10px 0 0 auto; width: 100px; }
    .m-menu-icon{ width: 50px; line-height: 50px; font-size: 3rem !important; text-align: center; margin: auto; border: 3px solid #ffffff; box-sizing: border-box;}
    .m-menu-main{ display: none;flex-direction: column;position: absolute;top: 75px;z-index: 99;width: 105px;background-color: rgba(14, 127, 190, 0.8);}
    .m-menu-main li{ width: 100%;min-height: 3rem;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
    .m-menu-main li a{ display: block;width: 100%;height: 3rem;line-height: 3rem; color: #ffffff; font-size: 0.95rem;text-align: center;}
    .m-menu-active{ border: 3px solid #1d65af;}
    .m-menu-sub{ display: none;}

    .adv{height: 260px;}
    .swiper-button-next,.swiper-button-prev{display: none!important;}
    .goods-warp{padding: 1rem 0;}
    .goods-head{width: 100%;}
    .goods-head-tit{width: 50%;}
    .goods-head-cn{font-size: 1.8rem;}
    .goods-head-eng{font-size: 1.2rem;}
    .goods-main{width: 100%;}
    .goods-item{width: calc((100% - 15px)/2);margin-right: 15px;margin-bottom: 15px;}
    .goods-item:nth-child(2n){margin-right: 0;}
    .news-warp{display: flex;flex-direction: column;width: 100%;margin: 15px auto;}
    .news-item{width: 100%;margin-right: 0;margin-bottom: 15px;padding: 0 10px;box-sizing: border-box;}
    .main{width: 100%;margin: 0 auto 15px auto;}
    .content-warp{display: block;min-height: 500px;}
    .sub-tit span{display: none;}
    .sub-more{margin-left: 0;}
    ul.newslist,ul.imglist,ul.mixlist{padding: 10px 5px;}
    .m-space{display: block;height: 6rem;}
    .detail-bar-item{margin-right: 10px;}
    .detail-bar-item:first-child{display: none;}
    .detail-bar{margin-top: 5px;margin-bottom: 10px;}
    .detail-warp{padding: 10px;}
    .onepage{padding: 10px;}
    ul.imglist li{width: calc((100% - 10px)/2);margin-right: 10px;margin-bottom: 10px;}
    ul.imglist li:nth-child(2n){margin-right: 0;}
    ul.mixlist li{margin-bottom: 10px;}
    ul.mixlist a{padding-bottom: 10px;}
    .mixlist-img{width: 30%;height: 0;padding-top: 22.5%;margin-right: 10px;overflow: hidden;}
    .mixlist-con{width: calc(70% - 10px);}
    .mixlist-tit{height: 30px;line-height: 30px;}
    .mixlist-desc{line-height: 20px;max-height: 40px;}
    .mixlist-click{margin-right: 0;margin-left: auto;}
    .mixlist-btn{display: none;}
    .mfooter-warp{position: fixed;left: 0;bottom: 0;z-index: 99;display: block;width: 100%;height: 5.66rem;}
    ul.mfooter{position:absolute;left: 0;bottom: 0;width: 100%;height: 3.77rem;border-top: 1px solid #dddddd;background: #fff;box-sizing: border-box;
        display: flex;flex-direction: row;flex-wrap: nowrap;}
    ul.mfooter li.mfooter-item{ position: relative; width: 20%; height: 3.77rem; }
    ul.mfooter li.mfooter-item a{ display: block; width: 100%; height: 100%; text-align: center; padding-top: 0.20rem; }
    ul.mfooter li.mfooter-item a:hover{ text-decoration: none; }
    .mfooter-item-circle{ width: 3.77rem; height: 3.77rem; line-height: 3.77rem;position: absolute;
        left: calc((100% - 3.77rem)/2); top: -1.89rem; z-index: 99; font-size: 2rem !important; text-align:  center;
        border-radius: 50%; border: 1px solid #dddddd; background: #fff; box-sizing: border-box;
    }
    .mfooter-icon{ height: 2rem!important; line-height: 1.6rem; font-size: 1.6rem!important; overflow: hidden;}
    .mfooter-cn{ font-size: 0.9rem; height: 1.77rem; line-height: 1.77rem; }
    .mfooter-cn-mid{ font-size: 0.9rem; margin-top: 1.89rem; }
    .footer-warp{ display: none; }
}