* {margin: 0;padding: 0;box-sizing: border-box;line-height:100%;}
body {font-size: 14px; font-family:"han";}
em, i {font-style: inherit;font-weight: inherit;}
ul {list-style: none;}
a {text-decoration: none;color: #333;}
tr, td {padding: 0 !important;}
input, textarea {outline: none !important;border: none;}
html { overflow-x: hidden; overflow-y: auto; }

@font-face {
font-family: 'din';
 src:url("//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf"),
     url("//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot"),
     url("//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf"),
     url("//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff"),
     url("//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2");
}

@font-face {
  font-family: 'iconfont';  /* Project id 3693853 */
  src: url('../cssnew/font_3693853_uvropbrim5.woff2') format('woff2'),
       url('../cssnew/font_3693853_uvropbrim5.woff') format('woff'),
       url('../cssnew/font_3693853_uvropbrim5.ttf') format('truetype');
}



.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


@media screen and (max-width: 1920px){
.pro_wf ul li {width: 345px !important;}
}

@media screen and (max-width: 1460px){
.pro_wf ul li {width:302px !important;}
.head_con{width: 80% !important;}
}
@media screen and (max-width: 1680px){
.pro:after {    width: 95% !important;}

}

@media screen and (max-width: 1440px){
.pro:after {    width: 99% !important;}
.about_txt em {font-size: 15px !important;}
.head_nav ul{width: 90% !important;}
.about_txt a {margin: 3% 0 0 !important;}
.about_call {margin: 4% 0 0 !important;}
.copy_tab { max-width: 1300px !important;}
.pro_wf ul li {width: 302px !important;}
.head_con{width: 80% !important;}
}

@media screen and (max-width: 1280px){
.pro:after {    width: 99% !important;}
.about_txt em {font-size: 15px !important;}
.about_txt a {margin: 2% 0 0 !important;}
.about_call {margin: 1% 0 0 !important;}
.head_nav ul{width: 94% !important;}
.head_con{width: 80% !important;}
.head_nav>ul>li>a {font-size: 17px !important;}
.copy_tab { max-width: 1300px !important;}
.about_txt em {font-size: 15px;line-height: 22px !important;padding: 5% 0 0;}
.head_tit {padding-left:25% !important;}
.copy_con{width: 73% !important;}
.pro_wf ul li {width: 288px !important;}
}

.gy {
    max-width: 1500px;
    margin: 0 auto;
	min-width: 1340px; min-width:1200px;
    width: 100%;
}

::placeholder{
     color: #999;
  }

.title {text-align: center; overflow: hidden;}
.title>b {display: block; font-size: 44px; text-transform: uppercase; font-weight: normal; color: #333; font-family: "cryy";}
.title>em {font-size: 18px;color: #999; display: block; line-height: 30px; padding-top:8px;}

.title1 {text-align: center; overflow: hidden;}
.title1>b {display: block; font-size: 44px; text-transform: uppercase; color: #333; font-weight: normal; color: #fff; font-family: "cryy";}
.title1>b>span{font-size: 66px;color: #fff;}
.title1>em {font-size: 18px;color: rgba(255,255,255,0.5);display: block;line-height: 30px;}

/*head*/
.headd{overflow: hidden;}
.head {    position: relative;z-index: 55;}
.head_box {max-width: 1500px;margin: 0 auto;}
.head_topd {background:#0858ad; width: 100%; margin:0 auto;}
.head_top {display: flex;justify-content: space-between;align-items: center;height:60px;position: relative; width: 90%; margin:0 auto;}
.head_name {font-size: 23px;color: #fff; line-height:23px;}
.head_tit {display: flex;align-items: center;justify-content:  space-between; position: relative; padding-left: 56%;}
.head_tit a {font-size: 14px;color: rgba(255,255,255,0.3);width: 120px;height: 26px;border:1px solid rgba(255,255,255,0.3);border-radius: 40px;display: flex;justify-content: center;align-items: center;margin: 0 24px 0 0;position:  relative;padding: 0 17px 0 0;}
.head_tit a:after {content:'\e65a';font-family: iconfont;position:  absolute;top: 4px;right: 18px;font-size:  16px;color:  rgba(255,255,255,0.3);}
.head_tit p {display: flex;align-items: center;border-left: 1px solid rgba(255,255,255,0.16);padding: 0 20px 0 24px;position:  relative; }
.head_tit p:after {content:'\e65a';font-family: iconfont;position:  absolute;top: 5px;right: 0;font-size:  14px;color:  rgba(255,255,255,0.3);}
.head_tit p i {font-size: 30px;color: rgba(255,255,255,0.3);}
.head_tit p span {font-size: 16px;color: #fff;display:  flex;align-items:  center;padding: 0 0 0 10px; font-family: Microsoft YaHei;    cursor: pointer;}
.head_tit p span em {font-size: 18px;font-family: din;}
.head_tit p:hover b {display: block;}

.laug{float: right;position: relative;width:140px;padding-left: 10px;height: 40px;    z-index: 5;}
.laug > ul{position: absolute;overflow: hidden;width: 100%;height: 40px;transition: 0.3s all ease;top: 0px;left: 0;}
.laug:hover > ul{ height:95px}
.laug > ul:after{ content: ''; display: block; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #fff; position: absolute; top: 18px; right: 15px; transition: 0.3s all ease; }
.laug ul li a{ display: block; padding: 0 0 0 15px; line-height: 40px; font-size: 14px;  color: #fff;}
.laug ul li:nth-child(2) a{background: #333; }
.laug ul li a:hover{ color: #d3281b;}
.laug ul li a i{display: block;float: left;height: 16px;width: 22px;margin: 12px 10px 12px 0;}
.laug ul li a i img{display: block}

.wb{background:#fff;}

.head_tab {display: flex;justify-content: space-between;align-items: center;height: 100px; width: 90%; margin:0 auto; background:#fff;}
.head_logo {display: flex;align-items: center;}
.head_logo i {}
.head_logo i img {}
.head_logo p {display: flex;flex-direction: column; font-size: 34px;padding: 0 0 0 16px; font-weight: bold; letter-spacing:1px;}
.head_logo p span {font-size: 14px;color: #999;padding: 0px 0 0; font-family: Microsoft YaHei; font-weight: 100;letter-spacing: -1px;}
.head_con {display: flex;align-items: center;height: 100%;width: 66%;justify-content:  space-between;position:  relative;}
.head_nav {width: 96%;}
.head_nav ul {display: flex;justify-content:  space-between;width: 80%;}
.head_nav>ul>li {display:  flex;justify-content:  center;align-items:  center;line-height: 100px;width: 24%;}
.head_nav>ul>li>a {font-size: 18px;width: 100%;text-align:  center;line-height: 100px;position:  relative;transition: 0.5s; }
.head_nav li>a:after {content:'';width:100%;height:0;position:absolute;top:-106px;left:0;background:#fff;transition:0.5s;z-index: -1;}
.head_nav>ul>li:hover>a:after{height:100%;color:#333;}
.head_nav>ul>li:hover>a{color:#0858ad; font-weight:bold;}
.head_nav>ul>li.cur>a:after {height:100%;color:#0858ad; }
.head_nav>ul>li.cur>a {color:#0858ad; font-weight:bold;}

/*button*/
.btn_more {}
.btn_more ul {display: flex;justify-content: space-around;}
.btn_more li {display:  flex;}
.btn_more li i {width: 36px;height: 36px;border-radius: 50%;font-size: 21px;display:  flex;justify-content:  center;align-items:  center;overflow:hidden;position:relative;z-index: 5;transition:0.5s;border: 1px solid #0858ad;color: #0858ad;}
.btn_more li:hover i {color:#333;}
.btn_more li:hover i:after {transform:scale(0);}
/*search*/
.search {position:absolute;transform: rotateX(90deg);transition:0.5s;opacity: 0;background: #fff;border: 1px solid #fff;padding: 3%;top: 100px;right: 0;transform-origin: top;box-shadow:  0 0 20px #ddd;border-radius: 10px;    z-index: 55;}
.head_s {display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.head_s form {display: flex;justify-content: space-between;align-items: center;border: 1px solid #ddd;padding: 0 12px;margin-top: 0px;width: 100%;}
#search-bg {width:154px;height: 38px;line-height: 38px;overflow: hidden;box-sizing: border-box;}
#search-i {box-sizing: border-box;position: relative;    z-index: 5;margin-left:42px;}
#search-i:after {content: '';width: 33px;height: 33px;border-radius: 50%;position: absolute;top: -6px;left: -6px;z-index: -1;}
#infoname {border: none;background: none;outline: none;}
.search-text{ font-size:15px;color: #666; display: flex;justify-content: center;align-items: center; letter-spacing: 1px;}
.search-text a{ font-size:15px; color: #666 !important; font-weight: 100;}
.search-text span{color:#333;font-size: 15px;font-weight:  bold;}
.search_con {display: flex;flex-direction: column;align-items: center;width: 68%; padding-top:10px;}
.btn_more li:hover .search {transform: rotateX(0deg);opacity:1;}
/*nav_con*/
.head_nav li:hover .nav_con {transform:rotateX(0deg);}
.nav_con {position:  absolute;top: 100%;left: 0;background: #fff;width: 100%;display:  flex;justify-content:  space-between;transition:0.5s;transform: rotateX(90deg);transform-origin:top;overflow:  hidden;padding: 4%;align-items: center;z-index: 55;box-shadow: 0 0 15px #ccc;}
.nav_con i {width: 33%;overflow: hidden;}
.nav_con i img {width:  100%;height:  auto;}
.nav_r {width: 65%;}
.nav_r  p {font-size: 24px;display: flex;flex-direction:column;font-weight: bold; color: #035aa9;}
.nav_r p span {font-size: 18px;font-family: Arial;text-transform: uppercase;font-weight: lighter;padding: 2% 0 0;color: #ccc;letter-spacing: 1px;}
.nav_r>ul {display:  flex;flex-wrap: wrap;width: 100%;margin: 1% 0 0; justify-content: flex-start;}
.nav_r li {width: 31%;padding: 2%;border: 1px solid #eee;display: flex;justify-content: center;align-items:center;margin:1% 1% 0 0;}

.nav_r li>a {font-size: calc(0.5rem + 0.4vw); color:#000;}
.nav_r li:hover a{color: #fff;transition:0.2s;}
.nav_r li:hover{background: #035aa9;transition:0.2s;}
.head_nav li:nth-child(3) .nav_con .nav_r li {width: 31%;margin-top: 3px;}

/**/
.head_tit p b {font-size: 18px;position: absolute; top: 36px;left: 21%;background: #035aa9; padding: 4% 11%; color: #fff; font-family: Arial; z-index: 55;    display: none;}

/* Banner */
.banner{width: 100%;height: 820px;position: relative;overflow: hidden;}

.banner .slideBox{width: 100%;height: 820px;position: relative;z-index: 8;}
.banner .slideBox ul{position: absolute;left: 0;top: 0;}
.banner .slideBox li{position: relative;float: left;height: 820px;overflow: hidden;}
.banner .slideBox li img{display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 820px;}
.banner .bannerList{text-align: center;position: absolute;left: 280px;bottom: 90px;z-index: 9;}
.banner .bannerList span{display: inline-block;*display: inline-block;width: 34px;height:34px;background: url(../images/20220923093306_2043543367.png) no-repeat center;margin: 0 7px;cursor: pointer;}
.banner .bannerList span.cur{background: url(../images/20220923093232_1563531214.png) no-repeat center;}
.banner:hover .bannerBtn{display: block;}

.banner i{width: 58px;height: 58px;display: block;overflow: hidden;cursor: pointer;position: absolute;top: 50%;z-index: 99;display: none;margin-top: -29px;}
.banner i img{width: 58px;height: 58px;display: block;}
.banner i.prev{left: 58px;}
.banner i.next{right: 58px;}
.banner:hover i{display: block;}

.ban_vid_text{width:100%;height:100%;position:absolute;;top:0;left:50%;transform:translateX(-50%);padding-left:120px;padding-top:200px;}
.ban_vid_text p{font-size:44px;font-weight:normal;color:#fff;line-height:66px;}
.ban_vid_text p b{display:block;color:#feda15;font-size:50px;font-weight:bold;}
.ban_vid_text span{width:660px;display:block;margin:30px 0;font-size:18px;line-height:32px;color:rgba(255,255,255,0.77);background:rgba(16,65,129,0.73);padding:30px;border-radius:10px;}
.ban_vid_text button{padding:12px 32px;background:#b7100c;border:none;color:#fff;font-size:16px;border-radius:6px;cursor: pointer;}
/* Banner End */

/*products*/
.pro_ic {display: flex; justify-content: space-between;}
.pro_lc {width: 26%; background: #0858ad; padding: 75px 0 84px;}
.pro_rc {width: 74%; background: #f5f5f5; padding: 46px 0 230px 46px; position: relative; z-index: 2;}
.pro_lt {display: flex;}
.pro_lt>span {font-size: 34px; color: #fff; margin-right: 19px; padding-top:5px;}
.pro_lt b {display: block; font-size: 32px; color: #fff; font-weight:normal;}
.pro_lt p {color: rgba(255,255,255,0.13); margin-top: 9px;}
.pro_lc .prolist2021{height:931px;margin-bottom:30px;}
.pro_lc ul {margin: 36px 0 40px;}
.pro_lc li>a {display: block; height:61px; font-size:18px; color: rgba(255,255,255,0.7); padding-left: 56px; line-height:61px; position: relative;}
.pro_lc li.on>a{color:#fff;font-weight:bold;transition:all 0.3s}
.pro_lc li>a:after{position: absolute; content: ""; width: 6px; height: 6px; border: 2px solid rgba(255,255,255,0.62); border-radius: 100%; left: 23px; top: 50%; margin-top: -5px;}
.pro_lc li.on>a:after{border-color:#fff;transition:all 0.3s}
.pro_lc li.on{border-bottom: 1px dashed rgba(245,245,245,0.5);transition:all 0.3s}
.pro_lc li {border-bottom: 1px dashed rgba(245,245,245,0.16);position: relative;border-left: 1px dashed rgba(245,245,245,0.16);transition:all 0.3s}

.pro_lc li dt+dt {margin-top: 26px;}
.pro_lc li dl {height: 0; overflow: hidden; transition: all .5s;}
.pro_lc li dt a {display: block; position: relative; font-size: 18px; color: #bbbbd9; padding-left: 56px;}
.pro_lc li dt a:hover{color:#fff;}
.pro_lc li dt a:after {position: absolute; content: ""; width: 10px; height: 2px; background: rgba(255,255,255,0.62); top: 50%; left: 23px; margin-top: -1px;}
.pro_lc li dt a:hover:after{background:#fff;}
.pro_lc li.on dl {height: auto; padding: 30px 0; border-top: 1px solid rgba(245,245,245,0.08);}
.pro_ee {display: flex;padding-left: 12px;align-items: center;}

.pro_ee>i {background: url(../images/20211021171042_2054676939.png) no-repeat center; width: 34px; height: 177px; color: #fff; display: flex; align-items: center; justify-content: center; margin-left: 30px; writing-mode: tb-rl;}
.pro_pho {display: flex; padding-left: 12px; align-items: center; margin-top: 40px;}
.pro_pho>span {width: 56px; height: 56px; border-radius: 100%; color: #fff; font-size: 24px; border: 1px solid rgba(255,255,255,0.23); text-align: center; line-height: 56px; margin-right: 20px;}
.pro_pho i {font-size: 16px; color: #fff;}
.pro_pho b {display: block;font-family: rob;font-size: 34px; color: #fff; margin-top:6px;}
.pro_tc {overflow: hidden; background: #f5f5f5; position: relative;}
.pro_tc>.divproduct_new_div {display: flex; overflow: hidden; padding: 30px!important; background: #fff;}
.pro_tc .divproduct_new_div_item {width: 100%; flex-shrink: 0; display: flex; flex-direction: row-reverse; justify-content: space-between;}
.pro_tc .divproduct_new_div_item_content {width: 61%; padding-left:35px; padding-top: 18px;position: relative; float:right;}
img.product_div_item_image {width: 100%;}
.pro_tc .product_div_item_pic {width: 39%;position: relative;overflow:hidden; float: left;}
.pro_tc .product_div_item_pic:before{content:'热销产品';width:130px;height:32px;background:#f08300;color:#fff;text-align:center;line-height:32px;transform:rotate(45deg);transform-origin:left top;position:absolute;top:-24px;right:-61px;}
.pro_tc .divproduct_new_div_item_a {font-size: 23px; font-weight: bold; position: relative; display: block;}
.pro_tc .divproduct_new_div_item_body {color: #949494; line-height: 30px; padding: 50px 0 0; position: relative; height: auto; overflow: hidden; margin-top: 16px;}
.pro_tc .divproduct_new_div_item_body:after {position: absolute; content: ""; width: 46px; height: 4px; background: #0858ad; top: 20px; left: 0;}
.pro_tc>.pro_tc_btn{display:none;}
.divproduct_new_div_item_body p {line-height: 23px; font-size: 15px; font-weight: 100; padding-top:9px;}
.pro_tc_btn{display:flex;position:absolute;top:250px;left:36px;}
.pro_tc_btn>a{width: 118px; height: 40px;display: block;line-height: 40px;font-size:16px;text-align: center;transition:all 0.35s ease-in-out;}
.pro_tc_btn>a:hover{width: 138px;}
.pro_tc_btn>a.more{border:1px solid #333;color: #333;}
.pro_tc_btn>a.more:hover{border-color:#0858ad;color: #0858ad;}
.pro_tc_btn>a.conc{background: #0858ad;color: #fff;}
.pro_tc_btn>a.conc:hover{}

.pro_rcon{position:relative;padding-bottom: 35px;}
.pro_wf {margin-top: 10px;overflow:hidden;}
.pro_wf .progdwz2021{width:100% !important;}
.pro_wf ul {width:100%;height: auto !important;display: flex; flex-wrap: wrap; justify-content: space-between;}
.pro_wf ul li {/*width:33.3%;*/overflow: hidden; margin: 0  0.1%;}
.pro_wf ul li:nth-child(n+4) {margin-top:30px;}
.pro_wf ul img {width: 100%; height: auto; border-radius: 35px;}
.pro_wf li a {display: block;position:relative;}
.pro_wf li br {display: none;}
.pro_wf li span a {display: block; font-size: 18px; text-align: center; margin-top: 12px;}
.pro_btn>div{width:136px;height:34px;line-height:34px;font-size:21px;text-align: center;color:#fff;background: #333;position:absolute;bottom:-8px;cursor: pointer;z-index:9;}
.pro_le_btn{left:calc(60% - 106px);}
.pro_ri_btn{right:calc(60% - 106px);}
.pro_btn>div:hover{background:#0858ad;}
.pro_bo {width: 100%;height: 173px;position: absolute;bottom:0;left:0;display: flex; align-items: center; justify-content: center;}
.pro_bo>p {font-size: 60px; text-align: center;z-index:3;position: relative; color: #fff;letter-spacing:0.08em;}
.pro_bo>p b {color: #fff;}
div#demo2 {margin-top: 30px;}
.pro_dot{position: absolute;bottom:65px;left: 40%;display: flex;margin-left:55px;}
.pro_dot li{width: 12px;height: 12px;border-radius: 100%;background: #c7c7c7;}
.pro_dot li+li{margin-left: 12px;}
.pro_dot li button{display: none;}
.pro_dot li.slick-active{background: #0858ad;}
.pro_tc button{display:none!important;}
.pro_bo:after {position: absolute; content: ""; background: #0858ad; width: 1328px; height: 100%; top: 0; left: 0; z-index: 2;}
.pro_bc {overflow: hidden;position:relative;}
.pro_bc:after {position: absolute; content: ""; width: 500px; height: 100%; right: 0; top: 0; background: #f5f5f5;}
.pro_bc:before {position: absolute; content: ""; width: 500px; height: 100%; top: 0; left: 0; background: #0858ad;}
.pro_c {z-index: 2; position: relative;}
.pro_wf li>a:after {position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.3s; transform: scale(0.5) rotateZ(180deg); background: rgba(0, 0, 0, 0.5); border-radius: 35px;}
.pro_wf li:hover>a:after {opacity: 1; transform: scale(1) rotateZ(0deg);}
.pro_wf li>a:before {position: absolute; content: "\e607"; font-family: "iconfont"; width: 50px; height: 50px; background: #fff; border-radius: 100%; text-align: center; line-height: 50px; font-size: 24px; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; transition: all .5s; z-index: 2; transform: scale(0);}
.pro_wf li:hover>a:before {transform: scale(1);}
.pro_wf .ban_dot {display:none !important;}



.case_box{width: 100%; position: relative;z-index:999; padding: 50px 0 80px 0px;}
.case_con { padding-top: 50px; max-width: 1500px; margin: 0 auto;}
.case_con .divdgweb_new_div {display: flex;justify-content: space-between;}
.case_con .divdgweb_new_div_item { width: 24%;display: flex;  flex-direction: column-reverse;}
.case_con .divdgweb_new_div_item:hover .news_div_item_pic img {transform: scale(1.2);  }
.case_con .divdgweb_new_div_item_content {background: #fff;padding: 14% 14% 28%;display: flex;flex-direction: column;align-items: center; margin-top:3%; box-shadow: 5px 0 15px #eee;}
.case_con .divdgweb_new_div_item_title a {font-size: 24px;font-weight: lighter;line-height: 24px;color: #666;position: relative;}
.case_con .divdgweb_new_div_item_title a:after {content:'查看更多 +';width: calc(100% / 1);position:absolute;bottom: -122px;left: 0;font-size: calc(0.7rem + 0.1vw); border-radius: 40px;padding: 1% 0;text-align: center; background: linear-gradient(120deg,#f8f8f8 10%,#eee 80%); color: #333; box-shadow: 0px 0 15px #ddd;}
.case_con .divdgweb_new_div_item:nth-child(2n) .divdgweb_new_div_item_content {background: #fff; margin-top:0px; margin-bottom:3%;}
.case_con .divdgweb_new_div_item:nth-child(2n) .divdgweb_new_div_item_title a,.divdgweb_new_div_item:nth-child(2n) .divdgweb_new_div_item_body {color:#666;}
.case_con .divdgweb_new_div_item_body {font-size: 14px; color: #666;line-height: 24px;padding-top: 7%; font-weight:100;}
.case_con .news_div_item_pic {overflow: hidden;}
.case_con .divdgweb_new_div_item:nth-child(2n) {flex-direction: column;}

.news_div_item_pic img { width: 100%;height: auto;  transition: 0.5s;}


/*int*/
.int {overflow: hidden;padding: 100px 0 100px 0;position: relative;}
.int_box {max-width: 1400px;margin: 0 auto;}
.int_tit {display: flex;flex-direction: column;align-items: center;color:  #fff;}
.int_tit b {font-size: 68px; font-family: 'pmzd'; font-weight:normal;}
.int_tit p {font-size: 24px;font-weight: 100;padding: 1% 0 0;}
.int_con {margin: 5% 0 0;}
.int_con ul {display: flex;justify-content: space-around;}
.int_con li {display: flex;flex-direction: column;align-items:  center;}
.int_con li i {width:  140px;height:  140px;background: rgba(255,255,255,0.1);border-radius: 50%;border: 1px solid rgba(255,255,255,0.2);display:  flex;justify-content:  center;align-items:  center;font-size: 42px;color: #fff;}
.int_con li em {font-size: 18px;color:  #fff;padding: 16px 0 0;font-weight:  lighter;}
.int_con li p {color: #fff;display:  flex;align-items:  flex-start; padding: 13% 0 0;}
.int_con li p span {font-size: 46px;  font-family: din;}
.int_con li p b {font-size:  18px;font-weight:  normal;}
.int_mail {background: #0259a8;padding: 60px 9%;margin: 4% 0 0;}
.int_mail b {display: flex;flex-direction: column;align-items: center;color: #fff;font-size: 46px;font-weight: 500;}
.int_mail b span {font-size: 18px;font-weight: 100;text-transform: uppercase;padding: 24px 0 0;font-family:  Arial;opacity: 0.5;}
/**/
.cc_ri {width: 89%;margin: 4% 0 0;}
.feed_lx {overflow: hidden;width: 100%;}
.feed_lx ul li {width: 100%;}
.feed_lx ul {display:  flex;justify-content:  space-between;width: 100%;}
.cc_ri ul li {height: 49px;position: relative;margin-bottom: 18px;width: 32%;}
.cc_ri ul li span {position: absolute;top: -20px;left: 0;line-height: 20px;}
.cc_ri ul li input {width: 100%;height: 49px;line-height: 49px;padding: 0 0 0 12px;outline: none;font-size: 16px;/**/background:  transparent;border: 1px solid rgba(255, 255, 255, 0.3); color: rgba(255,255,255,0.5) !important;}
.cc_ri ul li input:focus, .cc_ri textarea:focus, .code input#authcode:focus {border: 1px solid #0e131f;}
.cc_ri ul li.li08 {margin-left: 0;height: 49px;}
.cc_ri textarea {width: 100%;height: 49px;line-height: 33px;outline: none;font-size: 16px;color: rgba(255,255,255,0.5) !important;padding: 0 0 0 12px;background: transparent;border: 1px solid rgba(255, 255, 255, 0.3);}
.code {font-size: 0;display: flex;justify-content: space-between;width: 87%;margin: 1% auto 0;align-items:  center;justify-content:  center;}
.code input#authcode {width: 40%;height: 49px;padding-left: 12px;display: inline-block;vertical-align: top;border: 1px solid rgba(255, 255, 255, 0.3);background:  transparent; color: rgba(255,255,255,0.5) !important;}
.code i {vertical-align: middle;padding: 7.5px 0;display:  flex;align-items: center;}
.code img {margin-left: 13px;width:  100%;height:  auto;}
#submit {color: #fff;font-size: 16px;width: 20%;height: 49px;line-height: 49px text-align: center;background-color: #fc0100;display: inline-block;vertical-align: top;margin-left: 13px;transition: all .5s;}
.feed_lx b {font-size: 20px;line-height: 40px;}
#file {margin-top: 37px;}
.fs_lx {font-size: 16px;color: rgba(255,255,255,0.6);line-height: 30px;padding-top: 22px;}
/**/
input::-webkit-input-placeholder {color: #fff;opacity: 0.5;}
textarea::-webkit-input-placeholder{color:#fff;opacity: 0.5;}
.int_video {position: absolute;top:0;left: 0;width:  100%;height:  100%;z-index: -1;}
.int_video:after {content:'';position: absolute;top:0;left: 0;background: rgba(0,0,0,0.6);width:  100%;height:  100%;z-index: 1;}


/*about*/
.ab_bc{background: url(../images/20211130170206_139514425.jpg) no-repeat center; padding: 170px 0;background-attachment: fixed;}
.ab_c .pro_l>i{background: #fff;}
.ab_c .pro_l b{color: #fff;}
.ab_c .pro_l em{color: #fff;}
.ab_c .pro_ti>a{color: #fff;}
.ab_ci{display: flex; justify-content: space-between; margin: 0 0 70px;}
.ab_l{width: 31%; min-width: 465px; padding-top: 5px;}
.ab_ci *{
}

.ab_r{width: 64%; font-size: 15px; line-height: 32px; color: #838383;text-align: justify;}
.ab_l b{display: block; font-size: 34px;}
.ab_l i{font-size: 17px; margin-top: 23px; font-weight: 100; text-transform: uppercase; font-family: "Arial"; line-height: 32px; color: #666;}
.ab_tab{display: flex; justify-content: space-between;}
.ab_tab li i{font-size: 22px; font-weight: bold; margin-top: 13px;    display: block;}
.ab_tab li{width: 23%; background: #e3e3e3; height: 170px; display: flex; justify-content: center; align-items: center; transition: all .3s; border-radius: 20px;}
.ab_tab li span{font-size:40px;}
.ab_tab li.on{background: #0858ad; border-color: #e79722;}
.ab_tab li.on span{color: #fff;}
.ab_c>.pro_ti{display: none;}
.ab_c{background: rgba(255,255,255,0.91); padding: 60px;}
.ab_tab li.on i{color: #fff;}
.ab_simg{padding: 62px; position: relative; z-index: 2; box-shadow: 1px 1px 35px rgba(120,123,126,0.16); border-bottom: 10px solid #0858ad;}
.ab_nav{display: flex;}
.ab_nav a{display: block; font-size: 22px; color: #666; font-weight: bold; position: relative; padding-left: 14px;}
.ab_nav a:after{position: absolute; content: ""; width: 3px; height: 0; background: #0858ad; top: 0; left: 0; transition: all .5s;}
.ab_nav li.on a:after{height: 22px;}
.ab_nav li+li{margin-left: 26px;}
.ab_nav li.on a{color: #201f1d;}
.ab_cc ul{display: flex;}
.ab_cc{display: flex;transition:all .5s;}
.ab_ic{background: #fff; padding: 46px; margin-top: 50px;}
.ab_cc ul img{width: 100%; height: auto;}
.ab_cc ul li{flex-shrink: 0; width: 25%; padding: 0 0.13%;}
.ab_cc .new_web_div2021{flex-shrink: 0; width: 100%; visibility: hidden;height: auto;transition:all .5s;}
.ab_cc .new_web_div2021.on{height: auto; visibility: visible;}
.ab_bi{overflow: hidden; margin-top: 28px;}
.ab_num span{display: inline-block;width: 30px;height: 30px;border-radius: 4px;text-align: center;background: #333;color: #fff;line-height: 30px;font-size: 14px;cursor: pointer;}

span.ab_prev{background: #0060ba;}
span.ab_next{transform: rotate(180deg); margin-left: 5px;}
.ab_cc ul li>a{display: block; position: relative; overflow: hidden; border: 1px solid #eee;}
.ab_cc ul li>a:after,.ab_cc ul li>a:before{position: absolute; content: ""; background: rgba(0, 0, 0, 0.25); height: 100%; width: 100%; transition: all .5s;}
.ab_cc ul li>a:after{left: 0; top: -100%;}
.ab_cc ul li>a:before{left: 0; top: 100%;}
.ab_cc ul li>a:hover:after, .ab_cc ul li>a:hover:before{top: 0;}
.ab_cc ul li p a{display: block; font-size: 16px; text-align: center; margin-top: 15px;}
.ab_cc button{display: none!important;}


/*num*/
.num_bc{background: #333;padding: 100px 0;}
.num_c>ul{display: flex;justify-content: space-between;}
.num_c li{width: 25%;text-align: center;position: relative;}
.num_c li p{display: flex;justify-content: center;align-items: flex-end;}
.num_c li b{color: #fff;font-size: 62px; position:relative; font-weight: lighter; font-family: 'din';}
.num_c li b:after{position: absolute; content: ""; width: 6px; height: 6px; border-radius: 100%; background: #0858ad; top: 12px; right: -5px;}
.num_c li i{color: #fff;font-size: 17px;padding-bottom: 12px;}
.num_c li span{width: 42px;height: 2px;background: #fff;display: block;margin: 20px auto;}
.num_c li em{font-size: 17px;color: #fff;}
.num_c li:after{position: absolute;content: "";width: 1px;background: rgba(255,255,255,0.27);height: 54px;top: 50%;margin-top: -27px;right: 0;}
.num_c li:last-child:after{display: none;}

/*news*/
.news {padding: 3% 1%;position:relative;background:url(../uploadfile/image/20220802/20220802172505_68069975.jpg) repeat center;z-index: 5;}
.news_bg{width:100%;background: #f8f8f8;padding: 80px 0;    overflow: hidden;}
/*.gy {max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}*/
.news_t{text-align:left;float:left;}
.news_t dd:after{display:none;}
.news_t p {    font-size: 36px;font-weight:normal;}
.news_t dd {font-size: 18px;color: #999;line-height: 30px;font-weight:100;margin-top: 10px;}
.news_a{width:auto;}
.news_a a{width:152px;height:46px;font-size: 18px;color:#333;float:left;font-weight:100;box-sizing: border-box;text-align:center;margin-left:20px;display: flex;align-items: center;justify-content: center;}
.news_a a.on{background: #0858ad;color:#fff;}
.news_b{height: 488px;margin-top: 60px;position: relative;}
.new_tit {display: flex;justify-content: space-between;align-items: center;}
.new_item{     width: 100%; flex-shrink: 0;}
.new_item>div {display: flex;justify-content: space-between;}
.new_lc .news_div_item {display: flex;flex-direction: column-reverse;width: 48.5%;
position: relative;padding: 0px 0px 60px; background: #fff;}
.new_lc .news_div_item:hover img {    transform: scale(1.1);}
.new_lc .news_div {display: flex;justify-content: space-between;}
.new_lc {width: 68%;}
.new_rc {width: 30%;}
img.news_div_item_image {width: 100%;transition: 0.5s;}
.new_rc .news_div_item_pic,.new_rc .news_div_item_date {display: none;}
.new_ic {margin-top: 50px;position: relative;overflow: hidden;}
.new_ic>div {    display: flex; transition: 0.5s;}
.new_lc a.news_div_item_a {font-size: 18px;color: #333;position: relative;display: block;margin-top: 20px;}
.new_lc .news_div_item_body {font-size: 14px;color: #999;line-height: 26px;margin-top: 40px;
 height: 52px;overflow: hidden;}
.new_lc .news_div_item_date {display: flex;position: absolute;bottom: 129px;left: 0px;}
.new_lc .news_div_item_date>div {font-size: 12px;color: #999;}
.new_lc .news_div_item_pic { border: 1px solid #eee;}
.new_lc .news_div_item_pic a {overflow:hidden;    display: block;}
.new_lc .news_div_item_a:after {position: absolute;content: "Read more +";font-size: 14px;color: rgb(34,34,34); bottom: -126px;left: 0;}
.new_rc .news_div_item {background: #fff;padding: 26px 32px;position: relative;}
.new_rc .news_div_item:nth-child(n+3):after{content:"";display:block;width:0;height:6px;background:#0858ad;transition:0.3s all ease-in-out;position: absolute;bottom: 0;left: 0;}
.new_rc .news_div_item:nth-child(n+3):hover::after{width:100%;}
.new_rc .news_div_item:nth-child(-n+2) {display: none;}
.new_rc .news_div_item:nth-child(n+4) {margin-top: 23px;}
.new_rc a.news_div_item_a {display: block;font-size: 18px;}
.new_rc .news_div_item_body {font-size: 15px;color: #999;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 15px; line-height: 24px;}


.links{max-width: 1500px;overflow: hidden;line-height: 30px;margin: 0 auto;height: 80px; border-bottom:1px #eee solid;}
.links_l{ width:100px;float: left;line-height: 80px;}
.links_lm{font-size:17px; line-height:80px; color:#000;}
.links_r{ width:92%; color: rgba(0,0,0,0.6); padding-left: 30px;}
.links_r a{font-size:15px; color:rgba(0,0,0,0.8);line-height: 80px; padding:0 5px;}

/*copy*/
.wrapper { margin: 0 auto;}
.bqtop{width: 100%; background: #000000;height: 10px; overflow: hidden;position:relative;}
.copyd {width: 100%;background: #f8f8f8;padding: 0px 0;}
.copydr {width: 100%;background:#f8f8f8;padding: 0px 0;}
.copy {width: 100%; padding: 5px 0 25px 0;}
.copy_box {margin: 0 auto;display: flex;justify-content: space-between;align-items:  center;}
.copy_con {width: 60%;position: relative; padding-top: 0px;}
.copy_con ul {justify-content: space-between;width: 100%;}
.copy_con li {flex-direction: column; float: left; border-bottom: 1px rgba(51,51,51,0.1) solid; height: 40px;width: 100%;}
.copy_con li p {font-size: 16px;color: #000;line-height: 46px;padding-bottom: 0px;float: left; padding-left: 5px;}
.copy_con li a {font-size: 14px;color: rgba(0,0,0,0.8);line-height: 46px;margin-bottom: 4px; padding-left: 19px; letter-spacing: 1px;}
.copy_con li a:hover  {color:#fdbd04;transition:0.5s;}
.copy_int {width: 23%;display: flex;justify-content: space-between; padding-top:1%;}
.copy_l {padding: 10px;background: #fff;display: flex;justify-content: center;align-items: center;flex-direction: column;width: 38%;}
.copy_l i {display:  inline-block;width: 100%;}
.copy_l i img {width:100%;}
.copy_l>p {font-size: 14px;line-height: 20px;padding-top: 8px;}
.copy_r {}
.copy_r>p {display: flex;flex-direction: column;font-size:13px;color: #999; line-height: 22px; }
.copy_r>p span {font-size: 18px;color: #333;font-family: Arial;}
.copy_r a {width: 160px;height:28px;border-radius: 40px;background: #0858ad;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #fff;margin-top: 6px;}

.copyright{padding:28px 0;overflow:hidden; border-top: 1px solid rgba(51,51,51,0.1);font-weight: 100; background: #333;}
.copyright .con{ line-height:30px;font-size:14px;color:#ccc; text-align:center;}
.copyright a{color:#ccc;font-size:14px;}
.copyright a:hover{color:#000;font-size:14x;}
/*-- end footer --*/
.a1{display: flex;}
.a1 a:nth-child(1) {font-size: 16px;background: #0858ad; display: inline-block;width:43%;color: #fff;text-align: center; line-height: 40px; height: 40px; border-radius: 20px;}
.a1 a:nth-child(3) {font-size: 16px; background: red; display: inline-block;width:43%;color: #fff;text-align: center;line-height: 40px; height: 40px; margin-left:4%; border-radius: 20px;}

a.ke-insertfile {
    font-size: 16px;
    background: #56cc39;
    display: inline-block;
    width: 35%;
    color: #fff;
    text-align: center;
    line-height: 40px;
    height: 40px;
    border-radius: 20px;
margin-bottom: 30px;
}


.head_s placeholder{ color:#000;}
#search-i .sub { float: right; width:20px; height:20px; background: url(../images/20220928180234_329328100.png) no-repeat center; }

@media (max-width: 1510px){
.head_tit{ padding-left: 26%;}
}

@media (max-width: 1360px){
.head_tit{ padding-left:20%;}
.pro_lc li>a{ line-height:51px; height:51px;}
}