body {overflow-x: hidden;}
.zz .m_zz li#top_boxbody{margin: 0px auto; padding: 0px; font-size:14px; font-family:Microsoft YaHei; line-height:24px; color: #333;}
div{margin: 0px; padding: 0px;}
span, p{margin: 0px; padding: 0px; font-family:Microsoft YaHei;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup,i{font-style:inherit;font-weight:inherit;}
*{box-sizing: border-box;}
html, body {min-height: 100%;}
body {font:14px/1.5 "Microsoft YaHei";font-size:14px;color:#1b2229; min-width:1300px}

h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol,li{list-style: none;}
ul{padding:0;margin:0;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #1b2229;}
b{font-weight:normal;}
b{font-weight:normal;}
table {border-collapse: collapse;table-layout: fixed;}
tr,td{padding:0 !important;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.fl {float: left}
.fr {float: right}
.tl {text-align: left;}
.tc {text-align: center}
.tr {text-align: right;}
.cl{clear:both;}
.ov{overflow:hidden;}
.db,.lb,.dd{font-size:0;}
.db>div,.lb>li,.dd>dl{display:inline-block;vertical-align:top;}
em,.em,i{text-transform:upperprod; }
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}
:focus {outline:none;background-color:transparent;}
::selection{background:#115195;color:#fff;}
.clearfix:after{ display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.clearfix{ zoom:1;}
.white, .whites {position: relative;overflow: hidden;}
.white:after, .whites:after {content: '';cursor: pointer;position: absolute;left: -100%; top: 0;width: 100%; height: 100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.white:hover:after {
    left: 100%;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
/*公用*/
.page,.content{ width:1400px; margin:0 auto; overflow: hidden;}
.content1{ width:1400px; margin:0 auto; position: relative;}
.pr{position: relative;}
.pa{position: absolute;}
.nnx{margin-right:0px !important;}

#top10,#top20,#top30,#top40,#top50,#top60,#top80,#top100{margin:0 auto; width:1400px; overflow:hidden;}
#top10{height:10px;}
#top20{height:20px;}
#top30{height:30px;}
#top40{height:40px;}
#top50{height:50px;}
#top60{height:60px;}
#top80{height:80px;}
#top100{height:100px;}

/*title*/
.title{text-align:center;width:1400px;margin:auto;}
.titlea {margin:0 auto;text-align:center;line-height:44px;font-size:40px;color:#333;font-weight:bold;position:relative;display: inline-block;}
.titlea:before{content:"";width:46%;height:5px;background:#0f60cb;position:absolute;left:0;bottom:0;opacity:0.5;}
.titlea i {font-weight:bold;color:#0f60cb;}
.titleb{font-size:18px;color:#666;margin-top:20px;}

.titlec {margin:0 auto;text-align:center;line-height:44px;font-size:40px;color:#fff;font-weight:bold;position:relative;display: inline-block;}
.titlec:before{content:"";width:48%;height:5px;background:#0f60cb;position:absolute;left:0;bottom:0;opacity:0.5;}
.titlec i {font-weight:bold;color:#fff;}
.titled{font-size:18px;color:#fff;margin-top:20px;}

/*head*/

.ht_box{width:100%;position:relative;}
.ht_box:after{content:"";position:absolute;width:395px;height: 100%; right: 0;top: 0;background: url(../images/20210824140107_1309326294.png)no-repeat left;z-index: -1;}
.head{width:100%;height:50px;line-height:50px;border-bottom:1px #eee solid;padding:0 3vw;}
.head_l{float:left;font-size:14px;color:#999;}
.head_l a{font-size:14px;}
.head_r{float:right;font-size:14px;color:#fff;}
.head_r a{font-size:14px;color:#fff;padding:0 10px;}
/*headr*/
.headr{width:100%;padding:0 3vw;position:relative;z-index: 9999;height:130px;}
.h_adw{height:130px;}
.logo{float:left;margin-right:3vw;position:absolute;width:22vw;}
.logo img{width:100%;}
.nav ul{float:left;margin-right:3vw;}
.nav ul li{float:left;display:block;position:relative;transition:0.4s;height:130px;}
.nav ul li a{color:#222;font-size:18px;transition:0.4s;line-height:130px;}
.nav ul li+li{margin-left:2vw;}
.nav ul li a em {font-size:0;margin-right:5px;transition:0.3s;opacity:0;display:inline-block;line-height:57px;}
.nav .cur{transition:0.4s;}
.nav .cur a,.nav ul li:hover a{color:#0f60cb;transition: 0.4s;}

.nav .cur em,.nav ul li:hover em{transition: 0.3s;color:#0f60cb;opacity: 1;font-size: 20px;}
.nav li:nth-child(9).cur  a em,.nav ul li:nth-child(9):hover a em{font-size: 24px;}
.nav li:nth-child(8).cur  a em,.nav ul li:nth-child(8):hover a em{font-size: 22px;}
.nav li:nth-child(1).cur  a em,.nav ul li:nth-child(1):hover a em{font-size: 24px;}
.nav{position: absolute;right: 17%;}


/*导航下拉*/
.nav li>.nav2{position:absolute;top:130px;left:-40px;z-index:1;display:none;box-shadow:5px 5px 10px rgba(0,0,0,.3);}
.nav li>.nav2 a{display:block;width:160px;height:60px;border-bottom:none;background:#fff;color:#333;}
#aa2>.nav2 a{width:150px;font-size:15px;}
.nav li>.nav2 a:hover{background:#0f60cb;color:#fff;}
.nav2 b{color:#999;}
.nav li>.nav2 a span{display:block;color:#333;text-transform:uppercase;font-size:18px;line-height:60px;-webkit-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;-moz-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;text-align: center;}
.nav li>.nav2 a b{position:relative;display:inline-block;display:block;color:#ccc;line-height:30px;-webkit-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;-moz-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;}
.nav li>.nav2 a:hover span{color:#fff;font-size:18px;}
.sedNav_r{margin-left: 10px;}
.searchIcon{height:130px;background:url("../images/20210824113639_907373334.png") no-repeat center 37px;cursor: pointer;transition:all 0.3s;width:25%;}
.slideDown{display:none;text-align:center;font-size:0;overflow:hidden;position:absolute;right:0;top:130px;width:100%;height:204px; background:rgba(250,250,250,0.9);z-index:-1;}
.slideDown .searchBox{ overflow: hidden; display: inline-block; width:75%; height:80px; margin-top: 50px; margin-bottom: 15px; background: #fff; border-radius: 50px;}
.slideDown .searchBox{*display: inline}
.slideDown .searchHot{ font-size: 15px; color: #333; font-weight: 100;}
.slideDown .searchHot a{ color: #333; font-size:15px;}
.slideDown .searchBox input[type='text']{ font-size: 14px; color: #666; float: left; width: 840px; height: 100%; border: none; outline: none; background: none; line-height: 60px;margin-left:25px;font-size:14px;color:#666;}

.search-bg{width:90%;height: 60px;line-height:60px;padding-left: 10px; float:left;}
.search-i {width:32px;overflow:hidden;height:32px;float: left;margin-top:28px;}
.nav_r{    float: right;width:280px;}

.h_sharea {font-size: 20px;color: #fff;height: 35px;font-family: Arial;width: 205px;border: 1px #eee solid;border-radius: 30px;float: right;line-height: 35px;margin-top: 40px;}
.h_sharea i{font-size: 26px;padding-left: 20px;display: inline-block;float: left;}


/*幻灯片*/
.banner{overflow:hidden;width:100%;}
.banner-box{min-width:1400px;height:760px;position:relative;margin:0 auto;}
.banner-box .bd, .banner-box .bd ul{width:100% !important;}
.banner-box .bd li{width:100% !important;height:760px;background-position:center;background-repeat:no-repeat;background-color:#eee;z-index:-1;}
.banner-box .bd li a{display:block;background-size:auto;width:100%;height:80%;position:relative;z-index: 9;}
.banner-btn{ width: 100%;position:absolute;top:335px;left:0;margin-left:0;height:425px;overflow:hidden; }
.banner-btn a{ display:block;width:49px;height:104px;position:absolute; top:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{left:-50px;background:url(../images/banj.png) no-repeat 0 0; } 
.banner-btn a.next{right:-50px;background:url(../images/banj.png) no-repeat -49px 0; }
.banner-box .hd {position:absolute;bottom:50px;width:100%;display:block; }
.banner-box .hd ul{text-align:center}
.banner-box .hd ul li{width:8px;height:8px;border-radius:50%;text-indent:-9999px;background:#fff;cursor:pointer;display:inline-block;margin:0 5px;transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{background:#0f60cb; border-radius :50px; width:40px;height:8px;}
.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; }


/*产品开始*/
.pord_zb{float: left; width:330px; border:1px solid #eee; overflow:hidden;padding-bottom:37px; }
.nr1 { width:330px; height:180px; background:url(../images/20210824141808_451222353.jpg)no-repeat center; color: #fff; border-bottom: 1px solid #fff; }
.nr1 span{ display:block; font-size:24px; padding-top:24px; padding-left:20px; }
.nr1 p{ font-size:36px; font-weight:bold; font-family:Arial; padding-bottom:6px; }
.nr1 i {display:block; width:30px; height:4px; background:#fff; margin-left:20px; margin-top:16px; }

.nr3 p { font: 26px Arial; font-weight: bold; color: #0f60cb; background: url(../images/20200413143532_2022156631.jpg) no-repeat left 3px; line-height: 27px; padding-left: 33px; margin: 30px 0 0 25px; }
.nr3 ul {padding-left:35px; }
.nr3 a {display:block;float:left;width:92px;height:31px;line-height:31px;text-align:center;color:#fff;margin-left:22px;margin-top:30px;background:#999;border-radius:5px;}
.nr3 a:hover{background:#0f60cb; }



.prod_r{width:1030px; }
.prod_wt{margin-top:0px;height:490px;}
.prod_wt .progdwz2021{width:100% !important;}
.prod_wt ul{position:relative;width:1400px;height:335px;float:left;text-align:center;margin-bottom:15px;}
.prod_wt ul li span a{font-size:18px;display:block;padding:20px 0;position:relative;z-index:2;}
.prod_wt ul li span a:after {content:"查看详情";position: absolute;font-size: 15px;text-align: center;width: 100%; left: 0;border: 1px #eee solid; padding: 10px 0px;top:70px;color: #999;transition: all 0.3s;}
.prod_wt ul li span a:hover:after {background:#0f60cb;color:#fff;border:none;font-size:16px;}
.prod_wt ul img {width: 85%;height: auto;}
.prod_wt ul:nth-child(4) {margin-left: 0px !important;}
.prod_wt .progdwz2021 ul li{width:333px;float:left;height:335px;border:1px #eee solid;padding:15px;}
.prod_wt .progdwz2021 ul li+li {margin-left: 15px;}
.pc_right { height:1070px; overflow: hidden;}


.pcl_list{width:100%;position:relative;margin:auto;}
.pcl_list table{width:100%;margin: auto;}
.lasttname {bottom:0;left:30px;}
.pcl_list tr td b{font-size:0;}
.pcl_list tr td b a{display:block;line-height:40px;transition:500ms ease;position:relative;border: 1px #eee solid;}
.pcl_list table td:hover { background:#0f60cb url(../images/20210824153122_2088459093.png) no-repeat 239px center  !important;transition:0.3s;}
.pcl_list table tr:last-child td:hover {background: #0f60cb url(../images/20210824153122_2088459093.png) no-repeat 239px;
}
.pcl_list table tr td { padding:0 15px; background:url(../images/20210824153122_1016150536.png) no-repeat  239px center; transition: 0.3s;}
.pcl_list tr td a { font-size:18px;font-weight:normal !important;padding-left:45px;display:block;line-height:55px;border-bottom:1px #eee dashed;}
.pcl_list tr td a:hover{color:#fff;}


/*应用案例*/
.case{position:relative;z-index:3;width:100%;background:url(../images/index-case__bg.jpg)no-repeat center;height:800px;padding:100px 0 1px;background-attachment: fixed;}
.casebottom{text-align:center;font-size:0;margin-top:60px;position:relative;top:-340px;}
.casebottom i{cursor:pointer;}
.casebottom i,.casebottom span{display:inline-block;vertical-align:middle;}
.casecon .ctt{float:left;width:323px !important;height:462px;box-sizing:border-box;padding:15px;position:relative;transition:all .3s ease;margin:0 15px;}
.casecon .ctt .tt{}
.casecon .ctt:hover .tt{}
.casecon .ctt .bt{font-size:30px;color:#fff;font-weight:bold;text-align:center;position:relative;margin-top:60px;}
.casecon .ctt .bt span{font-family:"DIN";color:#333;font-size:65px;position:absolute;background-image:linear-gradient(to top, transparent, #ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;overflow:hidden;height:65px;z-index:-1;top:-45px;left:110px;}
.casecon .ctt .pt{font-size:16px;line-height:30px;color:#fff;text-align:center;width:80%;margin:20px auto;}
.casecon .ctt .pt a{font-size:24px;}
.casecon .pic {width:100%;height:auto;margin:auto;}
.casecon .ctt:hover .pic{}
.casecon .pic img{width:100%;}
.case .tempWrap{width:1400px !important;}
.casebottom .prev {position:absolute;left:3vw;}
.casebottom .next {position:absolute;right:3vw;}
.s_apply {width: 100%;overflow: hidden;height: 100%;}
.s_apply .fp-tableCell{ background:#f3f5f7;}
.s_apply .s_tt{ height:13rem; padding-top:60px; text-align:center; position:relative; }
.s_apply ul li{ width:24.7vw; height:calc(100vh - 13rem); float:left;  transition:.5s; overflow:hidden; position:relative; z-index:0;}
.s_apply ul{padding:0}
.s_apply ul li .img{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; transition:.5s;}
.s_apply ul li .txt{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; padding-top:169px; }
.s_apply ul li .txt .con{ display:block; max-width:80%; margin:0 auto; text-align:center;}
.s_apply ul li a{ display:block; width:424px; height:100%; overflow:hidden;}
.s_apply ul li span{ font-size:24px; font-family:arial; text-transform:uppercase; color:#fff; display:block; margin-bottom:18px; transition:.5s;}
.s_apply ul li h5{ font-size:18px; color:#fff; margin-bottom:20px; margin-bottom:38px; transition:.5s;}
.s_apply ul li .more{ width:48px; height:5px; display:block; margin:0 auto; background:url(../images/s_more.png) center no-repeat;}
.s_apply ul li .img:before{ content:""; display:block; width:0; height:100%; position:absolute; top:0; right:0; background:rgba(0,0,0,.3); transition:.7s;}
.s_apply ul li:hover .img:before{ width:100%; left:0; right:auto;}


/* Slider */
.miso-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus { outline: none; }
.miso-loading .miso-list { background: #fff url(../images/ajax-loader.gif) center center no-repeat; }
.miso-list.dragging { cursor: pointer; cursor: hand; }
.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.miso-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.miso-track:before, .miso-track:after { content: ""; display: table; }
.miso-track:after { clear: both; }
.miso-loading .miso-track { visibility: hidden; }
.miso-slide { float: left; height:220px; min-height: 1px; display: none; }
.miso-slide img { display:inline-block; }
.miso-slide.miso-loading img { display: none; }
.miso-slide.dragging img { pointer-events: none; }
.miso-initialized .miso-slide { display: block; }
.miso-loading .miso-slide { visibility: hidden; }
.miso-vertical .miso-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;}
.miso-prev{ left:0}
.miso-next{ right:0}
/* Dots */
.miso-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus { outline: none; }
.miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
    
.n_small .fl05{padding:100px 0 7rem;background:url(../images/n_small_fl05_bg.jpg) center no-repeat;background-size:cover;position:relative;    display: none;}
.n_small .fl05 .title h3{ margin-top:0; color:#333}
.n_small .fl05 .title h3 span{ background:none}
.n_small .fl05 ul{padding:0 18rem;margin:0;}
.n_small .fl05 ul li{padding:0;text-align:  center;padding-top:15px;}
.n_small .fl05 ul li .box{position:relative;height: 10.625rem;}
.n_small .fl05 ul li .box .con{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; height:10.625rem}
.n_small .fl05 ul li .box .con img{ max-height:3rem}
.n_small .fl05 ul li .box .con h5{ text-align:center; font-size:1.5rem; color:#333; margin:2.5rem 0 0}
.n_small .fl05 ul li .box .con h4 a{ font-size:1.125rem; color:#333; height:2.8125; line-height:2.8rem; text-align:center; display:inline-block; width:60%; border:rgba(255,255,255,0.18) 1px solid; border-radius:4px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; display:none}
.n_small .fl05 .miso-prev,.n_small .fl05 .miso-next{z-index:100000;width: 62px;height: 62px;line-height: 60px;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;top: 45%;}
.n_small .fl05 .miso-prev:hover,.n_small .fl05 .miso-next:hover{ opacity:1}
.n_small .fl05 .miso-prev{left:10rem;border:#0f60cb 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl05 .miso-prev:before{content:"<";width:100%;height:100%;line-height: 60px;position:absolute;left:0;top:0;font-size: 24px;font-family:simsun;font-weight: bold;color: #0f60cb;text-align: center;}
.n_small .fl05 .miso-next{right:10rem;border: #0f60cb 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl05 .miso-next:before{content:">";width:100%;height:100%;line-height: 60px;position:absolute;left:0;top:0;font-size: 24px;font-family:simsun;font-weight: bold;color: #0f60cb;text-align: center;}

.hi-icon-effect-5 .hi-icon {box-shadow: 0 0 0 1px #eee;overflow: hidden;-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;transition: background 0.3s, color 0.3s, box-shadow 0.3s;text-align:  center;}

.hi-icon-effect-5 .hi-icon:after {display: none;}
.no-touch .hi-icon-effect-5 .hi-icon:hover {
	background: rgba(213,4,44,1);
	color: #702fa8;
	box-shadow: 0 0 0 10px rgba(213,4,44,0.35);
}
.no-touch .hi-icon-effect-5a .hi-icon:hover:before {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

.no-touch .hi-icon-effect-5b .hi-icon:hover:before {
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

.no-touch .hi-icon-effect-5c .hi-icon:hover:before {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

.no-touch .hi-icon-effect-5d .hi-icon:hover:before {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 0;
	width: 8.125rem;
	height: 8.125rem;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
	line-height: 8.125rem;
}



/*新闻*/
.news{width:1400px;margin:auto;}
.news_t{text-align:left; float:left; }
.t h3{color:#111; font-size:2.4vw; line-height:4vw;}
.t p{font-size:18px; }
.news_cont{float:right; margin-top:10px;}
.news_cont a{display:block;width:180px;height:60px;line-height: 40px;font-size: 18px;color:#333;float:left;font-weight:bold;    text-indent: 10px;box-sizing: border-box;}
.news_cont a:before{display:block;content:"";width:40px; height:40px; float:left; transition: all 0.3s;margin-left:20px;  background-image:url(../images/20210826180409_1112940322.png);}
.news_cont a:nth-child(1):before{background-position: 0 0;}
.news_cont a:nth-child(2):before{background-position: -40px 0;}
.news_cont a:nth-child(3):before{background-position: -80px 0;}
.news_cont a.on:nth-child(1):before{background-position: 0 -40px;}
.news_cont a.on:nth-child(2):before{background-position: -40px -40px;}
.news_cont a.on:nth-child(3):before{background-position: -80px -40px;}
.news_cont a.on{color:#0f60cb; border-bottom:3px solid #0f60cb;}

#new_content {width: 1400px !important;margin: auto;}
.new_content{ position:relative;height: 639px;width:100% !important;margin:auto;margin-top: 50px;}
.new_content .news_div_item{position: relative;}
.new_content .news_div_item:nth-child(1){ width:50%; height:630px; float:left;  padding:2vw; box-shadow: 0px 0px 20px rgba(238, 238, 238, 0.6);}
.new_content .news_div_item:nth-child(1) .news_div_item_year{ background:url(../images/20210819131525_214375298.png) no-repeat left; padding-left:18px;}
.new_content .news_div_item:nth-child(1) .news_div_item_date div{ float:left; font-size:12px; position:absolute; left:40px; top:49px; color:#a1a1a1;}
.new_content .news_div_item:nth-child(1) .news_div_item_month{left: 90px !important;}
.new_content .news_div_item:nth-child(1) .news_div_item_day{left:108px !important;}
.new_content .news_div_item:nth-child(1) .news_div_item_a{ font-size:20px; position:absolute; left:40px; top:85px;}
.new_content .news_div_item:nth-child(1) .news_div_item_body{ width:90%; font-size:14px; color:#555555; line-height:24px; position:absolute; left:40px;top:122px;z-index: 2;}
.new_content .news_div_item:nth-child(1) .news_div_item_pic{width:89%;height: 450px;overflow: hidden; position:absolute; left:40px; bottom:39px;}
.new_content .news_div_item:nth-child(1) .news_div_item_image{ width:100%; height:auto; }


.new_content .news_div_item:nth-child(n+2){float:left;width:24%; margin-left:1%;margin-bottom:1%; height:308px; background:#fff url(../images/20210819131607_1006575087.png) no-repeat center;background-position:25px 250px;overflow:hidden;box-shadow: 0px 0px 20px rgba(238, 238, 238, 0.6); background-size:85%;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_a{ font-size:20px; position:absolute; top:61px; left:30px; width:277px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_body{ font-size:14px; color:#555; line-height:24px; left:30px; width:282px; top:110px; position:absolute;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_date { background:url(../images/20210819131634_1938361429.png) left no-repeat; position:absolute; left:30px; top:32px; font-size:12px; padding-left:15px; color:#999;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_date div { float:left; margin-top:1px;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_image{ display:none !important;}
.new_content .news_div_item:nth-child(3){bottom: 0;top: auto;}
.new_content .news_div_item:nth-child(4){right: 0;left: auto;}
.new_content .news_div_item:nth-child(5){}
.new_content .news_div_item:hover .news_div_item_a{ color:#0f60cb;}

/*版权*/
.footer{position:relative;z-index:2;background: url(../images/20210814170057_609730938.jpg)no-repeat center;background-position:center;background-size:cover;background-repeat:no-repeat;}
.footer .top-block{display:flex;padding:20px 0;align-items:center;justify-content:space-between;}
.footer .top-block .link{display:inline-block;vertical-align:top;}
.footer .top-block .link a{display:inline-block;margin-left:4vw;color:#fff;vertical-align:top;font-size:16px;opacity:.6;}
.footer .top-block .link a:nth-of-type(1){margin-left:0;}
.footer .mid-block{display:flex;padding:50px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;}
.footer .ewm-box{display:flex;font-size:0;}
.footer .ewm{margin-left:20px;width:152px;text-align:center;}
.footer .ewm .img-box{padding:15px;border:1px solid rgba(255,255,255,.2);}
.footer .ewm img{display:block;width:100%;}
.footer .ewm p{margin-top:10px;color:#fff;font-size:14px;opacity:.5;}
.footer .ewm:nth-of-type(1){margin-left:0;}
.footer .txt-box{display:flex;font-size:0;}
.footer .txt{margin-left:4.5vw;}
.footer .txt i{position:relative;display:block;width:52px;height:52px;border:1px solid rgba(255,255,255,.2);border-radius:50%;    color: #fff;text-align: center;line-height: 52px;font-size: 26px;}
.footer .txt h3{margin-top:15px;color:#fff;font-size:16px;opacity:.6;}
.footer .txt p{color:#fff;font-size:14px;opacity:.6;}
.footer .txt .tel{margin-top:10px;color:#fff;font-size:24px;font-family:Arial;opacity:.6;transform-origin:left center;line-height:28px;}
.footer .bot-block{display:flex;padding:25px 0;justify-content:space-between;}
.footer .bot-block a,.footer .bot-block span{color:#999;font-size:14px;}
.footer .txt:nth-child(1) {margin-left: 0;}
.feedback_bg{width:316px;}
.feedback_bg .h3{color:#999;}
.feedback_bg .h4{width:280px; padding-top:10px;}
.feedback_bg .h4_lr{width:90px;float:left;}
.feedback_bg .h4_c{width:100px;float:left;padding-top:11px;text-align:center;}
.f_1{background: none; border:1px solid #666; padding:0px; padding-left:20px; margin:0px; height:40px; font-family:"Microsoft YaHei"; line-height:40px; width:316px; color:#666; font-size:14px; border-radius:5px;margin: 3px 0;}
.f_3{background: none; border:1px solid #666; padding:0px; padding-left:20px; margin:0px; height:40px; font-family:"Microsoft YaHei"; line-height:40px; width:150px; color:#666; font-size:14px; border-radius:5px;margin:11px 0 9px;float: left;}
.f_2{background: none; border:1px solid #666; padding:0px; padding-left:20px; margin:0px; height:40px; font-family:"Microsoft YaHei"; line-height:40px; width:100%; color:#666; font-size:14px; border-radius:5px;}
.tp-bullets{bottom:55px !important;}



/*优势*/
.adv{ padding-top:100px;padding-bottom:100px}
.advtab{ font-size:0; margin-top:44px; white-space:nowrap; position:relative; z-index:9;width:1300px;margin: auto;}
.advtab li{ display:inline-block; vertical-align:top; cursor:pointer; position:relative; width:25%; box-sizing:border-box; transition:all .3s ease; font-size:35px; color:#2a2a2a; height:130px; background:#333333;
	width: 20%;

}
.advtab li+li{ border-left:1px solid #fff;}
.advtab li em{ display:block; transition:all .3s ease; font-size:16px; color:#aaaaaa;font-family:fontDin1; margin-top:3px;}
.advtab li p{ padding:25px 0 0 100px;color:#fff;
	padding: 43px 0 0 70px;
}
.advtab li p span{
	font-size: 26px;
}
.advtab li i{display: block;position: absolute;width: 60px;height: 60px;top: 0;bottom: 0;margin: auto 0;left: 30px;font-size: 38px;color: #333333;line-height: 60px;background: #fff;border-radius: 50%;text-align: center;
	font-size: 30px;
	width: 40px;
	height: 40px;
	left: 20px;
	line-height: 40px;
}
i.iconfont.icon-pinzhi {font-size: 42px !important;
	font-size: 30px !important;
}
i.iconfont.icon-shouhou {font-size:48px !important;
	font-size: 32px !important;
}
i.iconfont.icon-zhizuo {font-weight: 600;}
.advtab li:after,.advtab li:before{ content:''; display:block; height:4px; position:absolute; width:0; bottom:-4px; background:#0f60cb; transition:all .3s ease;}
.advtab li.on em{ color:#e0e0e0;}
.advtab li.on i{background-position-y:-67px;}
.advtab li.on:after{ left:0; width:38px;}
.advtab li.on:before{ right:0; width:282px;
	width: 210px;
}
.advcon{box-shadow: 0 0 15px #eee; padding:100px 50px 50px 50px; margin:-50px auto 0 auto; width:1400px;}
.advleft{ width:535px;}
.advpic{ border:8px solid #eeeeee;    border-radius: 10px;}
.adv_t{ font-size:36px; color:#222222;}
.adv_t em{ display:block; text-transform:uppercase; font-size:22px; color:#dedede;}
.adv_c{ margin:30px 0 40px 0; font-size:15px; color:#666666; font-weight:lighter; line-height:30px;}
.adv_c p+p{ margin-top:20px;}
.adv_c p{ padding-left:40px; background:url(../images/20200927134109_2092888523.png) no-repeat 5px 11px;}
.advtel{background:linear-gradient(to right,#f3f3f3,#ffffff00); line-height:88px; font-size:16px; color:#7b7b7b;}
.advtel em{ font-size:30px; color:#222222; vertical-align:sub; font-family:arial;}
.advtel span{ display:inline-block; padding-left:60px; margin-left:40px; background:url(../images/20210826180305_1663461462.png) no-repeat left center;}

/*links*/
.links{width:100%;overflow:hidden;padding:25px 0;margin-top:80px;background: #f8f8f8;}
.linksW{width:1400px;margin:0 auto;}
.links_l{float:left; width:117px; border-right:solid 1px #ccc;}
.links_lm{font-size:16px; line-height:18px; color:#333;}
.links_len{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; line-height:30px; font-size:30px; color:#ccc; filter:Alpha(opacity=40); opacity:0.4;}
.links_r{float:left; width:1265px; padding-top:5px; color:#999; padding-left:30px;}
.links_r a{font-size:15px; color:#999;}


/*about*/
.about{width:100%;margin:auto;background:#f8f8f8;padding:60px 0 30px;}
.about .bt{padding-top: 134px;margin-bottom: 88px;}
.abcon{ height:430px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.ableft{background: url(../images/index-about__bg.jpg) no-repeat center;width: 656px;height: 431px;padding:190px 78px 0 67px;color: #fff;}
.ab_t{font-size:24px;font-weight: bold;}
.ab_wa{margin:20px 0;}
.ab_wa p{line-height:24px;font-size: 15px;}
.ab_btn a{display:block; width:108px;line-height:29px; background:#0f60cb; text-align:center;color:#ffffff; font-weight:lighter; transition:all .3s ease; text-align:center;}
.ab_btn a:hover{width:130px; box-shadow:0 0 15px #0f60cb;}
.abright{width: 744px;}
.abt_num{height: 145px;width: 100%;background: #0f60cb;color: #fff;display: flex;justify-content: space-around;align-items: center;}
.abt_num ul{width: 100%;}
.abt_num li{text-align: center;width:calc(100% / 3);float: left;}
.abt_num li em{display: block;margin-bottom: 21px;}
.abt_num li i{display: inline-block;font-size: 45px;font-weight: bold;vertical-align: bottom;margin-right: 8px;line-height: 33px;}
.abt_num li b{font-size: 20px;display: block;color: #fff;}
.abrightr{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;width: 100%;}
.abrightr a{ width:50%; height:286px;transition:all .3s ease; background:rgba(0,0,0,.8); text-align:center;}
.abrightr a+a{background:rgba(0,0,0,.95);}
.abrightr a:hover{background:rgba(0,0,0,.7);}
.abrightr a:hover:after{ width:50px;}
.abrightr a+a:hover{background:rgbargba(0,0,0,1);}
.abrightr a img{ display:inline-block; margin:50px 0 30px 0;}
.abrightr a span{ display:block; font-size:25px; color:#fff; font-weight:lighter; margin-bottom:20px;}
.abrightr a:after{ content:''; display:inline-block; width:27px; height:1px; background:#eeeeee; transition:all .3s ease;}


.cff_c{background: #fff;box-shadow: 1px 0px 36px rgba(31,26,23,0.08);padding: 50px 43px;margin-bottom: 60px;}
.cf_tit>b{font-size: 28px;color: #0f60cb;;position: relative;margin-left: 35px;display:block;padding-bottom:32px;}
.cf_tit>b:before{content: '';position: absolute;width: 10px;height: 28px;background:#0f60cb;;top: 5px;left:-35px;}
.mol_con {width: 100%;}
.cff_img ul {
    display: flex;
}

.cff_img ul li {
    flex-shrink: 0;
    width: 25%;
    padding: 0 0.2%;
}

.cff_img ul li img {
    width: 100%;
    height: auto;
    transition: all .5s;
}

.cff_img {
    overflow: hidden;
}

.cff_img ul li p a {
    display: block;
    text-align: center;
    line-height: 40px;font-size: 18px;
}
.cff_img button {
    display: none!important;
}


@font-face {
  font-family: 'iconfont';  /* Project id 2771486 */
  src: url('//at.alicdn.com/t/font_2771486_vtoxdwh9as.woff2?t=1629971797231') format('woff2'),
       url('../fonts/font_2771486_vtoxdwh9as.woff') format('woff'),
       url('../fonts/font_2771486_vtoxdwh9as.ttf') format('truetype');
}



@media screen and (max-width:1680px){
.head{padding: 0 1vw;}
.headr{padding: 0 1vw;}
.ht_box:after{    width: 360px;}
.nav{    right: 19%;}
}

@media screen and (max-width:1440px){
.nav ul li a{font-size: 16px}
.nav ul li+li {margin-left: 1vw;}
.nav{right:23%;}
.logo {margin-top:15px;}
}