.header{ height:95px; padding:0 60px;     border-top: #2401dd solid 10px;}
.logo{ display:flex;align-items: center;}

.menu>ul{ height:95px;justify-content: center;}
.menu li{ position: relative; padding:0 30px;}
.menu li .lm{line-height: 95px;font-size:18px;}
.menu li ul{position: absolute; left: 0; top: 95px;background: #f3f3f3;z-index: 999; display:none;}
.menu li ul li{padding:0 0; width:190px; border-bottom: #e4e4e4 solid 1px;}
.menu li ul li a{ display:block; padding:8px 20px;}
.menu li.cur ul{ display:block;}
.tool{align-items: center;}
.tool a{width: 45px;height: 45px;border-radius: 100%;background: #cfcfcf;margin-left: 15px;display: flex;align-items: center;justify-content: center;}

.icontit{ display:inline-block; position:relative;width: 19px;height: 19px; border-radius:100%; border:#fff solid 1px; background:#e5032a;vertical-align: middle; margin-right:10px;}
.icontit:before{content:' '; display:block; position:absolute; left:3px; top:0; background:#2401dd;width: 19px;height: 19px; border-radius:100%;  z-index:-1;}

.search-box{ position:fixed; top:0; left:0; right:0; background:#2401dd ;   z-index:9999; height:0; overflow:hidden;transition:all 0.3s;}
.search-box .bd{padding:100px; justify-content: center;}
.search-box .bd input,.search-box .bd button{ border:none; padding:15px 20px; outline:none;}
.search-box .bd input{ width:35%;}
.search-box .bd button{padding:15px 50px; background: #eee;cursor: pointer;}
.search-box .bd a{ padding:15px 50px;color:#fff; padding:}
.search-box.show{ height:260px;}
/*.search-box:before{display:block;content:'';position:fixed;top:0;bottom:0;left:0;right:0;background: #0000008a;z-index:-2;}*/

.iabout{ margin-top:95px;}
.iabout .info{ padding-left:92px;}
.iabout .info .hd{ line-height:1;}
.iabout .info .hd .en{ font-size:18px; text-transform: uppercase;}
.iabout .info .hd .tit{ margin-top:38px; margin-bottom:8px; font-size:36px;font-weight: bolder; text-transform: uppercase;}
.iabout .info .hd .subtit{ margin-bottom:32px; font-size:24px;}
.iabout .info .bd .content{ line-height:1.5;color:#333;}
.iabout .fgs{ position:relative;  margin-top:30px;padding-left: 45px;}
.iabout .fgs .name{ font-size:18px; font-weight:600;}
.iabout .fgs .desc{ font-size:14px; color:#333;line-height:1.5;}
.iabout .fgs img{ position:absolute; top:7px; left:0;}

.videobox{ position:relative; }
.videobox::before{content:' '; display:block; position:absolute; left:-15px; top:-15px; background:#e5032a;width: 375px;height: 312px; z-index:-1;}
.videobox .player{ position:absolute; left:50%; top:50%; margin:-90px 0 0 -90px;}
.videobox video{  position:absolute; left:0; width:100%; height:100%;object-fit: contain;object-position: center center; background:#000; display:none;}

.shuju{padding: 30px 0; margin:35px 0; box-shadow: 0px 0px 35px rgba(0, 0, 0, .12);}
.shuju ul li{ flex:1; justify-content: center;text-align: center;}
.shuju ul li .icon{}
.shuju ul li .numb{ margin-top: 15px;line-height: 1;}
.shuju ul li .numb i{ font-size:60px;font-weight: bold;   
/* 设置字体颜色为透明 */
  color: transparent; 
  /* 设置背景为渐变色 */
  background-image: linear-gradient(to right, red, blue); 
  /* 背景仅显示在文字上 */
  -webkit-background-clip: text; 
  background-clip: text;}
.shuju ul li .numb span{ font-size:16px;}
.shuju ul li .text{ font-size:18px;}

.ibox{}
.ibox .hd{ padding:90px 0 25px 0; text-align:center; line-height:1;}
.ibox .hd .en{ font-size:60px;text-transform: uppercase; font-weight: bold;}
.ibox .hd .tit{ position: relative;padding:15px 0 10px; font-size:36px; font-weight:bolder;}
.ibox .hd .tit::after{content:' '; display:block; width:100px; height:5px; margin:10px auto; background: linear-gradient(to right, #2401dd 50%, #e5032a 50%); }
.ibox .hd .desc{ font-size:14px;}

.icase{}
.icase .bd{}
.icase .bd ul li{flex:1; margin-left:1px; position:relative;}
.icase .bd ul li img{ vertical-align:middle;}
.icase .bd ul li p{ position:absolute; bottom:0; width:100%; padding:15px 0; text-align:center; color:#fff;}


.iyoushi{ margin-top:95px;}
.iyoushi .info{ padding-right:92px;}
.iyoushi .info .hd{ line-height:1;}
.iyoushi .info .hd .en{ font-size:18px; text-transform: uppercase;}
.iyoushi .info .hd .tit{ margin-top:38px; margin-bottom:8px; font-size:36px;font-weight: bolder; text-transform: uppercase;}
.iyoushi .info .hd .subtit{ margin-bottom:32px; font-size:24px;}
.iyoushi .info .bd .content{ line-height:2;color:#333;}
.iyoushi .fgs{ position:relative; margin-top:50px; padding-left: 65px;}
.iyoushi .fgs .name{ font-size:24px; font-weight:500;}
.iyoushi .fgs .desc{ width: 65%;font-size:14px; color:#333;line-height:1.5;}
.iyoushi .fgs img{ position:absolute; top:7px; left:0;}

.iyoushi .image{ position:relative; }


.inews{ margin-top:30px; padding:0 0 95px 0; background:#f9f9f9;}
.inews .bd ul{}
.inews .bd ul li{ width:500px;margin-right: 25px;}
.inews .bd ul li .imgbox{ display:block; height:310px; border-radius:20px; overflow:hidden; box-shadow: 0px 0px 15px rgba(0, 0, 0, .12);}
.inews .bd ul li .imgbox img{ width:100%; height:100%; object-fit:cover;}
.inews .bd ul li .meat{ padding:15px 0 ;}
.inews .bd ul li .title{ font-size:23px;}


.footer{  padding:95px 0 0 0; background:#222 url(../image/footerbg.jpg); color:#707070;}
.footer a{color:#707070;}
.foot-bd{ padding-right: 100px; font-size:16px;}
.foot-bd h3{ position:relative;padding:0 0 20px 0; color:#fff; font-size:18px;}
.foot-bd h3::after{ display:block; content:' ';  width:30px; height:3px;  margin-top:5px; background:#fff;}
.foot-bd p{ padding:8px 0;}

.foot-botm{ margin-top:30px;  padding:15px 0; border-top:rgba(255,255,255,.1) solid 1px;}






/*npage*/

.main{padding-top: 6.25vw;}
.main_con{ padding:20px 50px 50px 50px; min-height:500px;}
.um-hd{ float:left; width:270px;}
.um-bd{ float:right; width:900px;}
.main_nei .ml{ float: right; }
.main_nei .mr{ float: left; }

.sider{}
.sider__hd{height: 50px; padding: 8px; background-color: #F18B16; color: #fff; text-align: center; font-size: 28px; line-height: 1.2; }
.sider__hd .en{ display: block; font-size: 14px; }
.sider__bd li{ position: relative; }
.sider__bd li i{ position: absolute; right: 0; top: 0px; display: block; width: 36px; height: 40px; background: url(../image/img.png) no-repeat 0 -169px; cursor: pointer; }
.sider__bd li a:hover{ background: inherit; }
.sider__bd dl{ display: none; }
.sider__bd li.on dl{ display: block; }
.sider__bd li.on i{ background-position: 0 -209px; }


.um-items-img li{
    width: 197px;
    margin: 0 20px 20px 0;
}
.um-items-img li .item-hd{
    width: 193px; height:193px
}

/*
    新闻列表页左右排列
*/
.newlist .hd{ padding: 0 75px; border-bottom:#f1f1f1 solid 1px;}
.newlist .tit{
        font-size: 2.0833333333vw;
    font-weight: 700;
    line-height: 2.6041666667vw;
    /*position: absolute;*/
    z-index: 1;
}
.newlist .hd ul li{
    margin-left:50px;
    color: #000000a6;
    font-size: 1.0416666667vw;
    font-weight: 500;
    height: 2.6041666667vw;
}


.newlist .bd{ padding: 40px 75px;}
.um-news{ grid-template-columns: repeat(3,1fr);column-gap:30px;}
.um-news li{ width:580px; background:#fff;}
.um-news li .imgbox{ display: block;height:380px; border-radius:20px; overflow:hidden; }
.um-news li .imgbox img{ width:100%; height:100%; object-fit:cover;}
.um-news li .cont{ padding:40px 0;}
.um-news li .meat{ font-size:18px; font-weight:400; line-height:22px;}
.um-news li .title{ display:block; height:72px; line-height:34px; margin:21px 0 42px 0; font-size:20px;font-weight:500; color:#000;}
.um-news li .tags{}
.um-news li .tags span{ background:#f6f6f6; border-radius:5px; padding:4px 6px; font-weight:500; font-size:12px; opacity:0.5;}

    /*
        内页左侧
    */

.pos{ float: right; }
.pos,.pos a{ color:#333;}

.detail{}
.um-page_tit{ padding: 20px 0; border-bottom:#ccc solid 1px; text-align: center; font-size: 23px;}
.detail .imgs{ text-align: center; }


/*-------------------------------------------------*/


/*detail*/
.about{}
.about h1{ height:30px; line-height:30px; padding-left:20px; background:#f1f1f1; font-size:14px;}
.detail img{max-width:860px;_width:expression(this.width>860?860:true);}
.detail .cont{ padding:0 10px; font-size:14px; line-height:1.8;}
*html .detail img{width:expression(this.width > 860 ? "860" :this.width);}



/*新闻详细页*/

.news h1{ 
    font-size: 2.0833333333vw;
    font-weight: 700;
    line-height: 2.5520833333vw;
    margin-bottom: 1.25vw;
    text-align: center;
}
.meta{ 
        font-size: .8333333333vw;
    font-weight: 500;
    line-height: 1.0416666667vw;
    margin-bottom: 2.9166666667vw;
    text-align: center;
}
.news .share{
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 3.125vw;
    width: 100%;
}
.news .share:after,.news .share:before{ display:block; content:' '; flex:1; height:1px; background: #d8d8d8; }
.news .share ul li{ width:40px;height:40px;margin:0 6px;border-radius:50%; overflow:hidden;}
.news .share ul li img{ width:40px; height:40px; }
.news .share ul li:hover{ background:rgba(0,0,0,.2)}

.content{ line-height:1.7;}
.main .tags{ margin-bottom:65px;}

/*about*/
.about_detail h1{padding:15px 0;border-bottom:#c2d9ea solid 1px;}
.about_detail .artInfo{display:none;}


.page_list_img li {float:left;margin:10px;display:inline;zoom:1;width:228px;height:190px;overflow:hidden;}
.page_list_img li img{width:220px;height:165px;padding:4px;background:#fff3d0;border:#fc6800 solid 1px;}
.page_list_img li .list_title{text-align:center;}
/*----------------------------------------------------------------------------------------------------------------*/

/*
** 产品列表
**/
.um-product{grid-template-columns: repeat(4,1fr);column-gap:30px;}
.um-product li{margin-top:100px;background: #f3f3f3;padding-bottom: 50px;}
.um-product li .imgbox{ }
.um-product li .imgbox img{height: 415px; width: 415px;object-fit:cover;}
.um-product li .cont{ text-align:center;}
.um-product li .cont .title{    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 37px;
    margin-top: 50px;}
.um-product li .cont .desc{    color: #000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 17px;
    margin-top: 6px}
.um-product li .cont .more{
    border: 1px solid #c5000a;
    color: #c5000a;
    display: block;
    font-size: 16px;
    font-weight: 500;
    height: 52px;
    line-height: 52px;
    margin: 44px auto 0;
    opacity: 1;
    width: 155px;
}


#pages { padding:80px 0 60px;text-align:center; font-size:14px;}
#pages a { display:inline-block; padding:8px 15px; height:22px;line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:8px 15px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:8px 15px; height:22px; line-height:22px; background:#FF5722; border:1px solid #FF5722; color:#fff; text-align:center; }
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }