<style>
/*公共样式部分*/
body {font-size: 14px;font-family:Microsoft YaHei; min-width:1400px; overflow-x:hidden;}
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin: 0px; padding: 0px;list-style: none;border: 0px;}
*{margin: 0;padding: 0;box-sizing: border-box;}
em,i{font-style:inherit;font-weight:inherit;}
ul{list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #333;}
a:hover{color: #0153ae; text-decoration: none; }
tr,td{padding:0 !important;}
input, textarea {outline: none;border: none;}

/*左右浮动清除*/
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;height: 0px; overflow: hidden;}

/*宽度*/
.w1400{ width:1400px; margin:0 auto; overflow:hidden;}
.page{ width:1400px; margin:0 auto;}
.bg{ width:100%; margin:0 auto; overflow:hidden; padding:0 3%;}


/*距离*/
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top70{ margin-top:70px;}
.top80{ margin-top:80px;}
.top90{ margin-top:90px;}
.top100{ margin-top:100px;}

/*标题*/
.t{font-size:40px; font-weight:bold; text-align:center;}
.t b{ font-size:40px;  color:#0153ae;}
.t p{ font-size:16px; font-weight:normal; color:#777; padding-top:15px; padding-bottom:15px;}
.t em{ width:30px; margin:0 auto;}

.t1{font-size:40px; font-weight:bold; text-align:center; color:#fff;}
.t1 p{ font-size:16px; font-weight:normal; color:#fff; padding-top:15px; padding-bottom:15px;}
.t1 em{ width:30px; margin:0 auto;}




/*head*/
.head_bg0{padding: 0 2%; position: relative;z-index: 55;width: 100%; background:#fff;}
.head_bg{padding: 0 2%; position: absolute;z-index: 55;width: 100%; border-bottom: 1px rgba(255,255,255,0.2) solid;}
.head_box {max-width: 1800px; margin: 0 auto;display: flex;justify-content: space-between;}
.logo{float:left; padding-top:30px;}
.logo_t{font-size:28px; font-weight:bold; color:#222; padding-top: 32px; padding-left: 10px; line-height: 38px;}
.logo_t p{ font-size:17px; font-weight:normal; color:#0153ae;     line-height: 30px;  letter-spacing: 1px;}

.head_bg .logo_t {color:#fff;     font-size: 26px;     padding-top: 34px;}
.head_bg .logo_t p{   font-size:16px; color:#fff; position: relative; left: -10px;     font-weight: bold; letter-spacing: 1px;}

/*nav*/
.nav{ float: right; padding-right: 140px;}
.NavCeshi{}
.NavCeshi .r{background: none;}
.NavCeshi > li { float: left; transition: 0.2s all ease-in-out; position: relative; padding:0 1rem;}
.NavCeshi > li > a { display: block; text-align: center; padding: 0px 0; font-size: 16px; line-height:130px; color: #333; transition: 0.2s all ease-in-out; height: 130px; position: relative; z-index: 1113; }
.NavCeshi > li > a:after,.NavCeshi > li > a::after{ content: ''; width: 0%; height: 3px; background: #0153ae; display: block; position: absolute; left: 0; bottom: -1px; transition:0.3s all ease-in-out; }
.NavCeshi > li.navcurrent > a:after,.NavCeshi > li.navcurrent > a::after,.NavCeshi > li:hover > a:after,.NavCeshi > li:hover > a::after{ width: 100%; }
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a { color: #0153ae; font-weight:bold;}
.NavCeshi li>.nav2 {display: none; position:absolute; left:-32px; top:130px; z-index: 99999;}
.NavCeshi li>.nav2 a{display: block; margin-top: 1px; background:#fff; height: 62px; line-height: 62px; width: 150px; font-size: 15px; text-align: center; color:#333; border-bottom: none;}
.NavCeshi li>.nav2 a:hover{background:#0153ae; color: #fff;}

.head_bg .NavCeshi > li > a {  color: #fff;}
.head_bg .NavCeshi > li > a:after,.NavCeshi > li > a::after{ background: #fff; }


/*sou*/	
.hul{font-size:0; position:absolute; right:1%;z-index:999;}
.hul li{height:7.7vw;width: 80px;text-align: center;display: inline-block;vertical-align: top; cursor: pointer;background:  url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220511/20220511152129_118265076.png) no-repeat center; position: relative;transition: all .3s ease;     left: -73px;}
.head_bg .hul li{height:7.7vw;width: 80px;text-align: center;display: inline-block;vertical-align: top; cursor: pointer;background:  url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220511/20220511214137_51395893.png) no-repeat center; position: relative;transition: all .3s ease;     left: -73px;}

.hul .drop{opacity: 0;top: 110%;padding: 20px;background: rgb(255 255 255 / 0.9);z-index: 99;transition: all .3s ease; position: absolute;right: 0; visibility: hidden;}
.hul li:hover .drop{top: 100%;opacity: 1; visibility: visible;}
.search{width:770px; right:0px;background: rgb(255 255 255 / 0.9); z-index:999; opacity:0; transition:all .3s ease;}
.search-bg{ width:700px; margin:0 auto; height:42px; padding-left:20px; border-radius:30px; border:1px solid #ddd;}
.search-bg input{ float:left; }
#infoname{ border:none; height:40px;  width:640px; background:none;}
#soo{ margin-top:12px;}
.keywords{ margin-top:20px; text-align:center;}
.keywords,.keywords a{ font-size:14px; color:#666; line-height: 35px;}
.keywords span{ color:#0153ae;}
.keywords a:hover{ color:#0153ae;}

/*ewm*/	
.hea_icon{width: 90px;height:130px;z-index: 9999;transition: all .5s;cursor: pointer; position: absolute;top: 0;right: 0;background: #0153ae;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.hea_icon>i {width: 30px;height: 4px;border-radius: 5px;background: #fff;position: relative;z-index: 999;transition: all.5s ease;-webkit-transition: all.5s ease;-moz-transition: all.5s ease;-ms-transition: all.5s ease;-o-transition: all.5s ease;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);display: block;transform: rotate(0);}
.hea_icon>i+i{margin-top: 6px;}
.hea_ul li img {width: 80%;margin: 0 auto;display: block;margin-top: 9px;}
.hea_ul {transition: all .5s;top: 0;right: 0;z-index: 999;width: 0;position: fixed;height: 100%;background: #fff;}
.hea_ul.cur{width: 14%;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);height: 95%; background:#fff; z-index:99999;}
.hea_icon.cur{right: 14%;}
.hea_icon.cur>i{margin:0;}
.hea_icon.cur>i:nth-child(1){
    top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.hea_icon.cur>i:nth-child(2){
    top: -2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);}
.hea_icon.cur>i:last-child{display: none;}

.tab_txt {padding-top: 10px;padding: 10px 40px;width: 300px; }
.tab_txt i {width:130px;height:130px;display:inline-block;overflow:hidden;}
.tab_txt i img {width:100%;}
.tab_txt>ul>li p {font-size:15px; line-height: 40px; padding: 3% 4% 0;}
.tab_txt1{padding-top: 16px;padding: 30px 50px 0px 20px; font-size:18px; color:#999;line-height:38px;width:300px;}
.tab_txt1 span{display:block; font-size:24px; color:#e00000;line-height:38px; font-weight: bold;}
.tab_txt1 b { padding-right: 5px;}

@media screen and ( max-width:1200px ){
	.head_bg0{padding: 0 1%!important;}
	.hea_ul.cur{width: 19% !important; height:89% !important;}
	.hea_icon.cur{right: 19%  !important;}
	.logo_t p{font-size: 16px !important;}
	.NavCeshi > li{padding: 0 0.4rem !important;}

}

@media screen and ( max-width:1300px ){
	.head_bg0{padding: 0 1%!important;}
	.hea_ul.cur{width: 18% !important; height:89% !important;}
	.hea_icon.cur{right: 18%  !important;}
	.logo_t p{font-size: 16px !important;}
	.NavCeshi > li{padding: 0 0.7rem !important;}
	.hul li{height:9.3vw !important;}

}
@media screen and ( max-width:1400px ){
	.hea_ul.cur{width: 18% !important; height:89% !important;}
	.hea_icon.cur{right: 18%  !important;}
	.logo_t p{font-size: 16px !important;}
	.hul li{height:9.3vw !important;}

}


/*banner*/
.banner{ overflow: hidden; background:#222; }
.banner-box{ min-width:1400px; height:930px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:930px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%; position: absolute; top: -1px; left: -1px; margin-left: 0; height: 930px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:480px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220509/20220509160728_1117980406.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220509/20220509160728_1117980406.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:100px; width: 100%; display: block; }
.banner-box .hd ul { width: 1250px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background:#0153ae !important; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/*char*/
.char {margin-top: -65px; position:  relative;z-index: 55;}
.char_box {max-width: 1400px;margin: 0 auto;background:  #fff;box-shadow:  1px 5px 10px #eee;border-radius: 0px;padding: 36px 50px;}
.char_con {}
.char_con ul {display: flex;justify-content: space-between;}
.char_con li {display: flex;align-items: center;width:  22%;justify-content:  center;}
.char_con li i {font-size: 36px;color: #0153ae;}
.char_con li p {display: flex;flex-direction: column;font-size: 14px;line-height: 24px;padding-left: 15px;color: #999; font-weight:100;}
.char_con li p span {font-size: 18px;line-height: 20px;padding-bottom: 4px; font-weight:normal;color: #666;}
.char_con li p span em {color: #0153ae; font-weight:bold;}
.pro_list .pro_more{
    border: 1px solid #eee;
    width: 200px;
    line-height: 68px;
    text-align: center;
    font-size: 18px;}
.pro_list .pro_more a{ font-size: 18px;}
.pro_list .pro_more:hover a{ color: #fff;}
.pro_list .pro_more:hover {background: #0153ae; color: #fff;}

/*pro*/
.pro_list{margin-top:40px; display: flex; position: relative;}
.pro_list li {  border: 1px solid #eee;   text-align: center;   background: #fff; width: 200px;   float: left;  height: 70px;   line-height: 70px;  margin-right: -1px;   margin-bottom: -1px;}
.pro_list li a { font-size: 18px;}
.pro_list li.on{background: #0153ae;color: #fff;     transition: all .3s ease;}
.pro_list li.on a.prolist2021_one {color: #fff;}


/*wz*/
.pro_bt{margin:46px 0;overflow: hidden;background:#f5f5f5; padding: 50px; width:1400px;}
.pro_pic,.pro_text{width:50%;}
.pro_pic img{width:100%;}
.pro_text{height:100%;padding:3.1% 4% 0 4%;position: relative;}
.pro_text p{font-size:30px;font-weight:bold;color:#222;}
.pro_text p:after{content:"";display:block;width:100%;height:1px;background:#CCC;margin:1.95vw 0;}
.pro_text dd{font-size:16px;color:#666;line-height:30px;}
.pro_text .pro_btn a{display:block;width:162px;height:40px;line-height:40px;font-size:16px;text-align:center; color:#FFF;float:left;background:#333; transition: 0.5s all ease-out; }
.pro_text .pro_btn a:last-child{background:#0153ae;margin-left:0.8vw;}
.pro_text .pro_btn a:hover{width:200px; background:#d90404;}

.pro_bt .prod_b{overflow:hidden; margin:30px 0;}
.pro_bt .prod_b ul{margin:-5px;}
.pro_bt .prod_b li{float:left;margin:5px;width:calc(26% - 16px); text-align:center;overflow:hidden;background:#fff; padding:20px; border-radius: 20px 0;}
.pro_bt .prod_b li a{display:block;position:relative;padding:10px; }
.pro_bt .prod_b li i{display:block;margin:0 auto;width:2.5rem;height:2.5rem;}
.pro_bt .prod_b li span{display:block;margin-top:0.625rem;font-size:1rem;color:#333;}
.pro_bt .prod_b li:hover{background:#0153ae; color:#fff; border-radius:20px 0;}
.pro_bt .prod_b li:hover i{ filter: contrast(0) brightness(2); }
.pro_bt .prod_b li:hover span{ color:#fff;}


/*tu*/
.pro_con {display: flex;overflow: hidden; width: 1400px; margin: 0 auto;}


.pro_call li {padding-left: 0 !important; display: block; float: left;   width:24%;     border: 1px solid #eee;  }
.pro_call li a{  display: block; width: 100%; height: auto; overflow: hidden; position: relative;}
.pro_call li a:before { content: ''; display: block;width: 50px; height: 50px;
 background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513190726_1172902742.png) no-repeat center;
 position: absolute; top: 50%; left: 50%; z-index: 3; margin-left: -25px; margin-top: -25px; transform: scaleY(0); opacity: 0; transition: 0.3s all ease;}
.pro_call li>a:after {content: ''; display: block;width: 100%; height: 100%;background: rgba(0,0,0,0.45); position: absolute; top: 0;left: 0;opacity: 0; transition: 0.3s all ease;}
.pro_call li:hover>a:before{opacity: 1;transform: scaleY(1);}
.pro_call li:hover>a:after{opacity: 1;}
.pro_call li br{display:none;}

.pro_call li span a{display:block;width:100%;height:76px;line-height:76px;font-size:18px;color:#333;    border-top: 1px solid #eee; transition: 0.3s all ease;position: relative;z-index:22;     text-align: center; background: #eee;}
.pro_call li span a:after{content: '';display: block;background: #0153ae;width:100%;height:0px;position: absolute;top:0;z-index: -1;}
.pro_call li:hover span a:after{height:100%;transition: 0.3s all ease;}
.pro_call li:hover span a{color:#FFF;border: 1px solid #0153ae;}
.pro_call li+li {margin-left: 1.3%;}

.pro_call li img{transition: 0.3s all ease;width: 100%;height: auto;}
.pro_call li:hover img{    transform: scale(1.1);}





/*proadv*/
.compared_bg{position: relative;height:1040px;background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220512/20220512222646_1848420035.jpg)no-repeat top;}
.compared_bg:after{display:block;content:"";width:1300px;height:60px;background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220512/20220512221442_2040087769.png)no-repeat;position: absolute;bottom: 19px;left: 50%;transform: translate(-50%);}
.t_compared b,.t_compared p{color:#fff;}
.compared{position:relative;}
.compared_fl{width:700px;height:710px;padding:0 68px 0 61px;background: #eee;}
.compared_fl t{display: block;width: 700px;height:88px;line-height: 88px;margin-left: -61px;background: #c10400;font-size: 30px;color:#fff;text-align: center;}
.compared_fl p:nth-child(2){margin-top:33px;}
.compared_fl p{height:56px;line-height: 56px;margin-top:25px;padding-left: 60px;background: #fff;border-radius: 28px;font-size: 17px;color:#333;position:relative;}
.compared_fl p:after{display:block;content:"";width:24px;height:24px;background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220512/20220512220405_812432832.png)no-repeat;position:absolute;top: 20px;left: 27px;}
.compared_fr{background: #f5f5f5;}
.compared_fr t{background: #222;}
.compared_fr p{background: #f5f5f5;box-shadow: 0 0 30px rgba(0,0,0,.07);}
.compared_fr p:after{width:24px;height:24px;top:17px;background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220512/20220512220405_831691564.png)no-repeat;}
.compared_b{position: absolute;top: 20px;left: 50%;transform: translate(-50%);}


/*case*/
.case{width: 100%;}
.casecenter{margin: 30px 0 80px 0;}
.caseleft{font-size: 0;width: 310px;box-shadow: 0px 0px 20px 0px #e1e1e1;}
.caseleft li{width: 310px;height: 97.5px;position: relative;cursor: pointer;background: #fff;display: inline-block;line-height: 100px;padding-left: 100px; font-size: 20px;color: #484848; transition: all .3s ease;font-weight: lighter;}
.caseleft li i{font-size: 18px;color: #aaa;font-weight: lighter;}
.caseleft li i:after{display: inline-block;content: "+";font-size: 18px;color: #d1d1d1;position: absolute;right: 30px;top: 0px;}
.caseleft li.on i:after{color: #fff;}
.caseleft li span{display: inline-block;background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513221555_608897471.png)no-repeat;width: 40px;height: 40px;position: absolute;left: 35px;top:25px;}
.caseleft li:nth-child(2) span{background-position-x:-40px;}
.caseleft li:nth-child(3) span{background-position-x:-80px;}
.caseleft li:nth-child(4) span{background-position-x:-120px;}
.caseleft li:nth-child(5) span{background-position-x:-160px;}
.caseleft li:nth-child(6) span{background-position-x:-202px;}
.caseleft li:nth-child(7) span{background-position-x:-240px;}
.caseleft li.on span{background-position-y:-40px;transition: all .3s ease;}
.caseleft li+li{border-top: 1px solid #f5f5f5;}
.caseicon{ position: relative;margin: 30px 0 10px 0;display: inline-block;width: 60px;height: 60px;border-radius: 50%;background: #0153ae;transition: all .3s ease;}
.caseleft li em{display: block;font-size: 12px;color: #aaa; text-transform: uppercase;margin-top: 3px;transition: all .3s ease;}
.caseleft li.on,.caseleft li.on i{color: #fff;}
.caseleft li.on{background: #0153ae;}
.caseleft li.on:before{display: block;content: "";background: #0153ae;width: 35px;height: 97.5px;left: -35px;top: 0px;position: absolute;z-index: 999;transition: all .3s ease;}
.casecon .divdgweb_new_div .divdgweb_new_div_item{ width:1090px; height:690px; overflow:hidden; position:relative; display: inline-block;vertical-align: top;}
.casecon .news_div_item_pic img{ width:100%; height:100%;}
.casecon .divdgweb_new_div_item_content{box-sizing: border-box;height: 271px;  width: 644px; position: absolute; left: 30px;bottom: 30px; overflow: hidden;background: rgba(0,0,0,.5);padding: 45px; transition: all .3s ease;} 
.casecon .divdgweb_new_div_item_a{font-size: 20px; color: #fff;font-weight: normal;}
.casecon .divdgweb_new_div_item_a:before{content: "";display: block;background:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513221835_1323007407.png)no-repeat;width: 46px;height: 46px;margin-bottom: 25px;}
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body{ font-size: 14px; color: #eee;font-weight: lighter;margin-top: 15px;line-height: 30px;}
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body a{font-size: 14px; color: #fff;}
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body a:hover{color: #eb3d00;}




/*adv*/
.adv_bg{background:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220512/20220512220824_206817157.jpg) no-repeat center;width: 100%;height: 1071px;padding-top: 75px;}
.adv .title,.adv .title span,.adv .title d,.adv .title b{color: #fff;}
.adv .title span{margin: 5px 0 5px 0;}
.adv .title d{font-size: 16px;}
.adv .title d i{font-size: 30px;font-family: fontDin1;}
.adv .title d img{padding-right: 10px;}
.adv_all{height: 737px;background: #fff;margin-top: 50px;padding: 50px;position: relative;}
.advleft{float: left;}
.advleft ul{margin-top: 25px;float: left;}
.advleft ul li{width: 357px;height: 97px;border-bottom: 1px solid #ededed;padding-top: 22px;position: relative;cursor: pointer;transition: all .3s ease;}
.advleft ul li:nth-child(1){border-top: 1px solid #ededed;}
.advleft ul li span{float: left;width: 52px;height: 52px;line-height: 52px;text-align: center;background: #555555;color: #fff;font-size: 30px;font-family: fontDin1;border-radius: 50%;margin: 0 20px 0 10px;}
.advleft ul li i{font-size: 25px;font-weight: normal;color: #484848;}
.advleft ul li em{font-size: 12px;display: block; text-transform: uppercase;color: #aaa;font-weight: 100;}
.advleft ul li img{float: right;position: absolute;top: 17px;right: 11px;}
.advleft ul li.on{box-shadow: 0 0 20px #b9b9b9;border-bottom: 1px solid #dadde1;}
.advleft ul li.on:nth-child(1){border-top: 1px solid #dadde1;}
.advleft ul li.on span{background: #0153ae;}
.advleft ul li.on i,.advleft ul li.on em{color: #0153ae;}

.advright{width:920px !important;height: 638px !important;float: right;}
.adv_t{width: 1051px;height: 171px;background: #fff;padding: 32px 40px;box-shadow: 0 0 20px #b9b9b9;position: absolute;bottom: 0px;left: -379px;}
.adv_t b i{font-size: 36px;font-family: fontDin1;position: absolute;top: 25px;left: 40px;font-weight: normal;}
.adv_t b{color: #555;font-size: 25px;padding-left: 58px;padding-bottom: 15px;display: block;}

.adv_t p{font-size: 14px;color: #666;line-height: 30px;font-weight: lighter;padding-left: 30px; background:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513222505_443859411.png) no-repeat 0px center;}
.adv_t a{float: right;width: 30px;height: 30px; background:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513222415_11079958.png) no-repeat;margin-right: 10px;}
.adv_t a:hover{background:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513222439_725322185.png) no-repeat;}


/*video*/
.video_bg{     height: 750px; background:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513222320_559959731.jpg)no-repeat bottom;;}


/* indexvideo  */
.indexvideo { position: relative; overflow: hidden;width:1400px; height:525px; margin:0 auto;}
#indexvideo-slide {position: relative;width:1400px;margin:0 auto;}
#indexvideo-slide  .swiper-slide { width:600px; height:450px;background: #fff; border: 6px solid #fff; box-sizing: border-box;}
#indexvideo-slide  .swiper-slide:after { content: ''; display: block; position: absolute; left: 0; bottom: -4.8125rem; background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513213353_72886169.png) top no-repeat; width: 100%; height: 4.8125rem;  background-size: 100%;}
#indexvideo-slide  .swiper-slide img{display:block; width: 100%;}
#indexvideo-slide  .swiper-slide p { font-size: 20px; color: #666; text-align: center; margin-top: 15px;}
.indexvideo .swiper-prev {cursor:pointer; position: absolute; left:0; top:45%;z-index:999; background-color: #fff; width: 57px; height: 57px; line-height:57px; text-align:center; color:#999; font-size:1.2vw; border-radius: 50%; background-image:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513213413_1697765661.png); background-repeat: no-repeat;background-position: center;transform: rotate(180deg);}
.indexvideo .swiper-next{cursor:pointer;position: absolute; right:0; top: 45%; z-index:999;background-color: #fff;background-image:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513213413_1697765661.png); background-repeat: no-repeat;background-position: center;width: 57px; height: 57px; line-height:57px; text-align:center; color:#999; font-size:1.2vw; border-radius: 50%; }
.indexvideo .swiper-prev:hover ,.indexvideo .swiper-next:hover { background-color: #0153ae; background-image:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513213442_1071039864.png); }

.swiper-slide-active a{position: relative; display:block; width:100%; height:100%;}
.swiper-slide-active a:before,.swiper-slide-active a:after{content:""; display:block;  position: absolute; left:0; right:0; margin:0 auto; }
.swiper-slide-active a:before{width:48px; height:48px; top:46%; z-index: 2; background:url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513213523_1850558448.png)no-repeat center; }
.swiper-slide-active a:after{width:40px; height:40px; top:47%;border-radius: 100%;background:rgba(33,85,243,0.7);  animation:move 1s infinite;}
@-webkit-keyframes move{
            0%{box-shadow:0 0 0 rgba(33,85,243,0.2);}
            50%{box-shadow:0 0 0 40px rgba(33,85,243,0.2);}
            100%{box-shadow:0 0 0 40px rgba(33,85,243,0);}
        }


.swiper-container { overflow: unset;}

.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}

.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}


.video_v{display: block;width:78px; height:16px; margin:0 auto; margin-top:-30px;background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513213319_121716028.png)no-repeat center; animation:flymove 1s infinite;}

@-webkit-keyframes flymove{
            0%{background-position:-37px center;}
            100%{background-position:0px center;}
        }


/* about */
.company{width: 100%;height:680px;background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513213229_758288937.jpg) no-repeat center bottom;padding:50px 0 0; overflow-x:hidden;}

.company > .page{height: 100%;position: relative;  width: 1200px;}
.company > .page:after{content: '';display: block;width: 1080px;height: 550px; background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220513/20220513213253_718214678.png) no-repeat center;right: -280px;bottom: 0;position: absolute;}
.company_l_tit{position:relative;padding:0 0 45px; padding-top:60px;}
.company_l_tit strong{font-size:38px;color: #fff;line-height:54px;display: block;font-weight: normal;position: relative;}
.company_l_tit .small{font-size: 20px;color: #fff;line-height: 30px;text-transform: capitalize;display: block;opacity: 0.9; font-weight:lighter;}
.company_l_tit:after{ content: '';display: block;width: 70px;height: 3px;background: #fff;
  position: absolute;bottom: 0;left: 0;}

.company_l_cont {padding: 35px 0; position: relative;  z-index: 3;}
.company_l_cont p { font-weight:lighter; font-size:15px; padding: 0px 0 5px; line-height:32px;  color: #e8f3ff;}
.company_l { width:59%;}
.company_btn{padding-top: 0px;}
.company_btn:after{content: '';display: block;clear: both;}
.company_btn a{font-size: 16px;color: #fff; width: auto; height: 42px; text-align: center; line-height: 42px; border-radius: 0; background: transparent; overflow: hidden; transition: .4s all ease;  position: relative; display: block;float: left;padding: 0 30px;border: 1px solid #fff; margin-right: 15px;}
.company_btn a:hover{font-size: 16px;background: #fff; color: #333; border: 1px solid transparent;}
.company_btn a .anim {transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%;}



.company_btn a .anim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%;
}

.company_btn a .anim:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;}

.company_btn a:hover .anim {animation: anim-out 0.75s;}
.company_btn a:hover .anim:after {	animation: anim-out-pseudo 0.75s;}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}



/*workshop*/
.workshop_bg{ margin:0 auto; width:1500px;  height: 400px; background:#fff; padding:50px; z-index: 9999;  display: block; box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1); top: -50px; position: relative;}
.equ_t{ width: 180px; height: 52px; line-height:52px; background:  #0153ae; text-align: center; color: #fff; font-size: 24px;font-weight: bold;display: none;}
.equ_a a{font-size: 14px;color: #333;padding-top: 20px;display: block;}
.equ_a a:hover{color: #0153ae;}
.company_img_r2 { width: 1400px;position: relative; display: block; margin: 0 auto; }


#company_img_btn_l{ width: 50px;   height: 50px; left: -48px;  top: 100px;  position: absolute;   background-position: -73px center;  cursor: pointer;   transition: 600ms;  background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220825/20220825174703_771108294.png) center no-repeat; }
#company_img_btn_r{ background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220825/20220825174703_771108294.png) center no-repeat; width:50px; height:50px; right: -50px; top: 100px; cursor: pointer;position:absolute;  transform: rotateY(180deg);}

#company_img_btn_l:hover{ width: 50px;   height: 50px; left: -48px;  top: 100px;  position: absolute;   background-position: -73px center;  cursor: pointer;   transition: 600ms;  background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220825/20220825174955_1615250837.png) center no-repeat;}
#company_img_btn_r:hover{ background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220825/20220825174955_1615250837.png) center no-repeat; width:50px; height:50px; right: -50px; top: 100px; cursor: pointer;position:absolute;  transform: rotateY(180deg);}

#company_img_cont {  overflow: hidden;}
#company_img_cont ul { display: block;}
#company_img_cont .tempWrap {  width: 100% !important;}
#company_img_cont li {float: left; padding: 0 !important;margin-right: 15px;width:335px; height:320px; display: block;position: relative;}
#company_img_cont li>a{display: block;overflow: hidden;}
#company_img_cont li a img { width: 100%; height: auto;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
#company_img_cont li:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}
#company_img_cont li p a{display: block; width: 100%;height: 50px;line-height: 50px;color: #333;-webkit-transition: all 0.5s;transition: all 0.5s;text-align: center; font-size: 16px;}
#company_img_cont li:hover p a{background: #0153ae; color: #fff; } 






/*news*/
.news_bg{}
.news_t{ padding: 80px 0 50px 0; }
.news_tl p{font-size: 40px; color: #222; font-weight:bold;}
.news_tl p b{ color:#0153ae;}
.news_tl span{font-size: 18px; }
.news_tl,.news_nav{display: inline-block;}

.news_nav{}
.news_nav ul{display: flex; justify-content: center;}
.news_nav li{float: left; padding:1.5% 0; position: relative;overflow: hidden;display: flex;width: 210px;justify-content: center;align-items: center;    transition: 0.5s; border-radius:30px;}
.news_nav li:after {content:'';width:0;height:100%;background: #0153ae;position: absolute;top: 0;left: 0;z-index: -1;transition: 0.5s;}
.news_nav li.on:after {width:100%;}
.news_nav li.on a,.news_nav li.on i {color:#fff;}
.news_nav li.on i img{filter: grayscale(1) brightness(10);}
.news_nav li i {font-size: 30px;color: #999;padding: 0 11px 0 0;}
.news_nav li a {font-size: 20px;}


.news_div .news_div_item{position: relative; float:left;  background: #fbfcfe;}
.news_div .news_div_item:first-child{width:40%; height:610px; background: #ffffff; z-index: 2;}

.news_div .news_div_item:nth-child(n+2){width: 57%; padding: 10px; height: 180px; margin-left: 40px;  margin-bottom: 20px;}
.news_div .news_div_item:nth-child(n+2) .news_div_item_pic{display: none;}
.news_div_item_pic{overflow: hidden;}
.news_div_item_pic img{width:100%; }
.news_div .news_div_item:last-child{border-bottom:0; }
.news_div_item_date{position: absolute; text-align:center; width:19%; color:#aaa; top:30%;}
.news_div_item_year,.news_div_item_month{display:inline-block; font-size:16px; margin-top:50px;}
.news_div_item_day{font-size:40px; position: absolute; left:-3px; right:0; top:0; margin:auto; font-weight:bold; color:#333;}

.news_div_item_content {position: absolute; }
.news_div .news_div_item:first-child .news_div_item_pic{height:394px;}
.news_div .news_div_item:first-child .news_div_item_content{top:425px;width:100%;}
.news_div .news_div_item:first-child .news_div_item_date{width:16%;right:25px; top:62.5%;}

.news_div .news_div_item:nth-child(n+2) .news_div_item_date{left:0; top:34%; }
.news_div .news_div_item:nth-child(n+2) .news_div_item_content{left: 23%; top: 28px;  width: 74%;}
a.news_div_item_a{font-size:18px; color:#222; line-height:30px; display: block; position: absolute; width: 100%; height:100%;}
.news_div_item_body{font-size:15px; line-height:26px; color:#999; margin-top:32px;  overflow : hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.news_div_item_body:after{content:"";  display: block; width:25px; height:25px; background-image: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220510/20220510161104_621602461.png); background-position: center; background-repeat:no-repeat;    border-radius: 100px;  border:1px #ccc solid; margin-top:22px; transition: 0.3s all ease;}
.news_div_item:hover .news_div_item_body:after{background-color:#0153ae; width:60px;border:1px #0153ae solid; background-image: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220510/20220510161104_2045144058.png);  }
.news_div_item:hover a.news_div_item_a{color:#0153ae; }
.news_div .news_div_item:nth-child(n+2) .news_div_item_content:after { content: "";  left: -31px;  top: 0;  width: 1px;  height: 130px;  background: #e1e1e1; position: absolute;}
.news_div .news_div_item:first-child .news_div_item_date .news_div_item_day { font-size: 16px; color: #999; float: left; font-weight: normal; top: 50px; left: 83px;}
.news_div .news_div_item:first-child .news_div_item_content .news_div_item_body {margin-top: 40px;}




/*link*/
.links{width:100%; overflow:hidden; padding:40px 0;  line-height: 30px; background:#0153ae;}
.linksW{ margin:0 auto;display: flex;justify-content: space-between;align-items: center;width: 1400px;}

.links_lm{font-size:18px; line-height:30px; color:#fff;}
.links_r{ width:89%; color:#fff; }
.links_r a{font-size:15px; color:#fff;}

/*bottom*/
.bottom_bg{ width: 100%;background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220510/20220510113423_1065652065.png) no-repeat center top;position: absolute;background-size: 100% 100%;}
.bottom_footer{box-sizing: border-box;border-bottom: 2px solid rgba(133, 133, 133, 0.2);height: 630px;}
.bottom_op{width: 1400px; margin: 0 auto;}
.bottom_le{width: 70%;float: left;border-right: 2px solid rgba(133, 133, 133, 0.2);padding-top: 46px; box-sizing: border-box;height: 627px;}
.ft-logo{display: flex;justify-content: space-between;height: 140px;}
.ft-logo span{display: block;width:98px;height:75px;float: left; padding-top:10px;}
.ft-logo span img{width: 100%;}
.ft-log p{font-size: 16px; color: #fff;}
.ft-logo em{display: block;height: 65px;line-height: 65px;float: left;font-size: 30px;color: #FFF;margin-left: 10px;}
.ft-logo em p{    font-size: 18px;  font-weight: normal; line-height: 20px; letter-spacing: 1px; color: #ced3da;}
.ft-wz{height:20px;border-top: 1px solid rgba(133, 133, 133, 0.2);}
.ft-nav{width: 100%;float: left;padding-top: 50px;}
.ft-nav_l{float: left;width: 25%;height: auto;line-height: 28px;overflow: hidden;}
.ft-nav_l h4{height: 56px;line-height: 54px;position: relative;margin-bottom: 20px; font-size:18px;color: #FFFFFF;}
.ft-nav_l h4:before{width: 28px;height: 2px; background: #FFF;content: ""; position: absolute;left: 0;bottom: 0;}
.ft-nav_l ul li a{font-size: 15px;color: #b3b8bf;}
.ft-nav_l ul li a:hover { color: #ffffff;text-decoration: underline;}

.ft-rig{width: 30%;float: right;padding: 78px 0 0 40px;box-sizing: border-box;}
.clearfix_ri li i{color: #fff;float: left;line-height: 50px;font-size: 30px;}
.ft-xx{margin-bottom: 44px;}
.ft-xx ul li{height: 50px;}
.ft-xx ul li em{display: block;height: 49px;line-height: 49px;font-size: 18px;color: rgba(255, 255, 255, 0.66); padding-left: 40px;float: left;}
.ft-xx ul li.ft1 {background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220510/20220510114912_825382716.png) no-repeat left;}
.ft-xx ul li.ft2 {background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220510/20220510114912_1385633551.png) no-repeat left;}
.ft-xx ul li.ft3 {background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220510/20220510134629_2077263156.png) no-repeat left;}
.ft-xx ul li.ft4 {background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220510/20220510114912_412344258.png) no-repeat left;}
.ft-code{display: flex;justify-content: space-between;color: #fff;}
.ft-code span{width: 33.3%;text-align: center;margin: 0 auto;}
.ft-code span img{width:110px;display: block;text-align: center;margin: 0 auto;}
.ft-code em{font-size: 14px;width: 100%; height:50px;line-height:50px;}

.copyright{width: 100%; height: 90px;line-height: 90px;position: relative;}
.copyright a{color: #aeb1b5;font-size: 16px;}
.copyright a:hover{ color:#fff;}
.wrapper {width: 1400px;margin: 0 auto;display: flex;justify-content: space-between;color: #aeb1b5;font-size: 16px;}

/*右侧浮动*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(//memberpic.114my.com.cn/0451191/uploadfile/image/20220907/20220907163232_623364723.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -138px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1;  background-color: #0a67d9; }/*颜色更改*/
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #0a67d9; border-color: #0a67d9; color: #fff; margin: 10px 0 7px;}/*颜色更改*/
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }

.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }

.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

.y-kefu-box01 .kf-wxzx>i { width: 22px; height: 19px; background-position: -5px -77px; }
.y-kefu-box01 .kf-wxzx:hover>i {background-position: -30px -77px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

.y-kefu-box01 .kf-email>i { width: 18px; height: 18px; background-position: -5px -102px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -102px; }

.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -120px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -120px; }

.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #0a67d9; border-color: #0a67d9;}/*颜色更改*/
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*电话*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #0a67d9; font-size: 18px; }/*颜色更改*/
.right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.right-arrow2 { border-left: 6px white solid;}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 120px; height: 120px; margin: 10px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*邮箱*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #0a67d9; font-size: 16px; }/*颜色更改*/
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#0a67d9;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }