﻿/*
* name:Global && Pc StyleSheet
* version:v3.4.2
* update:添加百度地图容器样式；默认隐藏百度分享的触控弹层
* date:2017-08-11
*/
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background-size: cover; padding: 0; margin: 0 }
.row{width:101%;transition:.2s width ease;*zoom:1}
.row:before,.row:after{display:table;clear:both;content:''}
.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}
.row>.span-1{width:7.33333333%}
.row>.span-2{width:15.66666667%}
.row>.span-3{width:24%}
.row>.span-4{width:32.33333333%}
.row>.span-5{width:40.66666667%}
.row>.span-6{width:49%}
.row>.span-7{width:57.33333333%}
.row>.span-8{width:65.66666667%}
.row>.span-9{width:74%}
.row>.span-10{width:82.33333333%}
.row>.span-11{width:90.66666667%}
.row>.span-12{width:99%}
.full-row{width:100%;transition:.2s width ease;*zoom:1}
.full-row:before,.full-row:after{display:table;clear:both;content:''}
.full-row>[class*='span']{float:left}
.full-row>.span-1{width:8.33333333%;*width:8.22333333%}
.full-row>.span-2{width:16.66666667%;*width:16.55666667%}
.full-row>.span-3{width:25%;*width:24.89%}
.full-row>.span-4{width:33.33333333%;*width:33.22333333%}
.full-row>.span-5{width:41.66666667%;*width:41.55666667%}
.full-row>.span-6{width:50%;*width:49.89%}
.full-row>.span-7{width:58.33333333%;*width:58.22333333%}
.full-row>.span-8{width:66.66666667%;*width:66.55666667%}
.full-row>.span-9{width:75%;*width:74.89%}
.full-row>.span-10{width:83.33333333%;*width:83.22333333%}
.full-row>.span-11{width:91.66666667%;*width:91.55666667%}
.full-row>.span-12{width:100%;*width:99.89%}
.row>.pull-right,.full-row>.pull-right{float:right}
.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.pull-left-1{position:relative;left:-8.33333333%}
.pull-left-2{position:relative;left:-16.66666667%}
.pull-left-3{position:relative;left:-25%}
.pull-left-4{position:relative;left:-33.33333333%}
.pull-left-5{position:relative;left:-41.66666667%}
.pull-left-6{position:relative;left:-50%}
.pull-left-7{position:relative;left:-58.33333333%}
.pull-left-8{position:relative;left:-66.66666667%}
.pull-left-9{position:relative;left:-75%}
.pull-left-10{position:relative;left:-83.33333333%}
.pull-left-11{position:relative;left:-91.66666667%}
.pull-left-12{position:relative;left:-100%}
.pull-right-1{position:relative;left:8.33333333%}
.pull-right-2{position:relative;left:16.66666667%}
.pull-right-3{position:relative;left:25%}
.pull-right-4{position:relative;left:33.33333333%}
.pull-right-5{position:relative;left:41.66666667%}
.pull-right-6{position:relative;left:50%}
.pull-right-7{position:relative;left:58.33333333%}
.pull-right-8{position:relative;left:66.66666667%}
.pull-right-9{position:relative;left:75%}
.pull-right-10{position:relative;left:83.33333333%}
.pull-right-11{position:relative;left:91.66666667%}
.pull-right-12{position:relative;left:100%}

@media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}
.row>.midd-2{width:15.66666667%}
.row>.midd-3{width:24%}
.row>.midd-4{width:32.33333333%}
.row>.midd-5{width:40.66666667%}
.row>.midd-6{width:49%}
.row>.midd-7{width:57.33333333%}
.row>.midd-8{width:65.66666667%}
.row>.midd-9{width:74%}
.row>.midd-10{width:82.33333333%}
.row>.midd-11{width:90.66666667%}
.row>.midd-12{width:99%}
.midd-hide{display:none}
.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.full-row>.midd-1{width:8.33333333%}
.full-row>.midd-2{width:16.66666667%}
.full-row>.midd-3{width:25%}
.full-row>.midd-4{width:33.33333333%}
.full-row>.midd-5{width:41.66666667%}
.full-row>.midd-6{width:50%}
.full-row>.midd-7{width:58.33333333%}
.full-row>.midd-8{width:66.66666667%}
.full-row>.midd-9{width:75%}
.full-row>.midd-10{width:83.33333333%}
.full-row>.midd-11{width:91.66666667%}
.full-row>.midd-12{width:100%}
}
@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}
.row>.smidd-2{width:15.66666667%}
.row>.smidd-3{width:24%}
.row>.smidd-4{width:32.33333333%}
.row>.smidd-5{width:40.66666667%}
.row>.smidd-6{width:49%}
.row>.smidd-7{width:57.33333333%}
.row>.smidd-8{width:65.66666667%}
.row>.smidd-9{width:74%}
.row>.smidd-10{width:82.33333333%}
.row>.smidd-11{width:90.66666667%}
.row>.smidd-12{width:99%}
.smidd-hide{display:none}
.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
.full-row>.smidd-1{width:8.33333333%}
.full-row>.smidd-2{width:16.66666667%}
.full-row>.smidd-3{width:25%}
.full-row>.smidd-4{width:33.33333333%}
.full-row>.smidd-5{width:41.66666667%}
.full-row>.smidd-6{width:50%}
.full-row>.smidd-7{width:58.33333333%}
.full-row>.smidd-8{width:66.66666667%}
.full-row>.smidd-9{width:75%}
.full-row>.smidd-10{width:83.33333333%}
.full-row>.smidd-11{width:91.66666667%}
.full-row>.smidd-12{width:100%}
}
@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}
.row>.smal-2{width:15.66666667%}
.row>.smal-3{width:24%}
.row>.smal-4{width:32.33333333%}
.row>.smal-5{width:40.66666667%}
.row>.smal-6{width:49%}
.row>.smal-7{width:57.33333333%}
.row>.smal-8{width:65.66666667%}
.row>.smal-9{width:74%}
.row>.smal-10{width:82.33333333%}
.row>.smal-11{width:90.66666667%}
.row>.smal-12{width:99%}
.smal-hide{display:none}
.smal-show{display:block}
.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}
.full-row>.smal-1{width:8.33333333%}
.full-row>.smal-2{width:16.66666667%}
.full-row>.smal-3{width:25%}
.full-row>.smal-4{width:33.33333333%}
.full-row>.smal-5{width:41.66666667%}
.full-row>.smal-6{width:50%}
.full-row>.smal-7{width:58.33333333%}
.full-row>.smal-8{width:66.66666667%}
.full-row>.smal-9{width:75%}
.full-row>.smal-10{width:83.33333333%}
.full-row>.smal-11{width:91.66666667%}
.full-row>.smal-12{width:100%}
}
/*@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");*/

@font-face {
    font-family: 'Oswald';
    src: url(../fonts/Oswald.ttf),url(../fonts/Oswald.woff),url(../fonts/Oswald.eot),url(../fonts/Oswald.svg);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url(../fonts/lato.ttf),url(../fonts/lato.woff),url(../fonts/lato.eot),url(../fonts/lato.svg);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-bold';
    src: url(../fonts/lato-bold.ttf),url(../fonts/lato-bold.woff),url(../fonts/lato-bold.eot),url(../fonts/lato-bold.svg);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-light';
    src: url(../fonts/lato-light.ttf),url(../fonts/lato-light.woff),url(../fonts/lato-light.eot),url(../fonts/lato-light.svg);
    font-weight: normal;
    font-style: normal;
}
/*挂件分页样式*/
.util-page{ font-size:0; color: #000; text-align: center;}
.util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:.1rem 0;padding:.05rem .1rem;vertical-align: middle;margin: 0 0 .1rem -1px;background: #fff; font-size:.16rem ;font-weight:normal; }
.util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#0a1e40;}
.util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; }
.util-page .gobutton .ion{ font-size: .8em;}
.util-page .count { margin-left:.1rem; color:#000; background:none; border:none; }
.util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 .07rem; vertical-align: top;  }
.util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size:.14rem; }
.util-page .jumpto_inp{ width:.4rem; text-align: center; height:.37rem; line-height: .37rem; vertical-align: top; }

/*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/
.BdMapArea { margin:0 auto 55px; max-width:1200px; }
.BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; }
.BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; }

@media only screen and (max-width:760px) {.BdMapArea { display:none; }}

/*默认隐藏百度分享触控弹层*/
.bdshare_popup_box { display:none!important;}
.text-center { text-align: center; }
/* 雪碧图 */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../images/ico.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}
/* 常量设置 */
html{font-size:100px;}
.wrap { width:15.8rem; margin-right:auto; margin-left:auto;}
.mwrap { max-width:1366px; margin-right:auto; margin-left:auto;}
.flex {display:flex; justify-content:space-between;}
/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body{min-width:1240px\9; overflow-x:auto; width: 100%; margin: 0; padding: 0}
/*for ie9+*/
@media all and (min-width:0){
	body{min-width:0; overflow-x:hidden;width: 100%}
}
body{font-size:16px; line-height:1.6; color:#222; background:#fff; font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
a{color:inherit;}
a:hover { color:#c92929;}
::-moz-selection {color:#fff; background:#c92929; }
::selection {color:#fff; background:#c92929; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.pc-block{ display: block !important}
.mb-block{ display: none !important }
.white{position: relative;overflow: hidden;}
.white: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;}
.swiper-bnt{ cursor: pointer; }
/* 网站样式 */
.pageHeader{  width: 100%; position: fixed;z-index: 999; left: 0; top: 0}
/*
.pageHeader .h_top {display:flex; justify-content:space-between;}
.pageHeader .h_top .h_left .h_stock{ padding: 0 .2rem; background: #000 }
.pageHeader .h_top .h_left .h_stockt{  background: #d44141 }
.pageHeader .h_top .h_left .h_stock .fa{ font-size: .2rem; margin-right: .05rem; display: inline-block; }
.pageHeader .h_top .h_right{ padding-right: 3% }*/
.pageHeader .h_search{position:relative;cursor:pointer; color: #fff; font-size: .22rem; padding-left: .2rem; font-family:Lato-light,sans-serif;}
.pageHeader .h_search .fa{padding:0 .15rem;}
.pageHeader .h_lang{position:relative; height:100%;  font-size:.22rem; color:#fff; cursor:pointer;  font-family:Lato-light,sans-serif; text-align: center;}
.pageHeader .h_lang .fa-globe{font-size:.22rem; padding:0 .08rem 0 .15rem;}
.pageHeader .h_lang .fa-caret-down{ font-size: .15rem; font-weight: normal;  }
.pageHeader .h_lang .ch-lanz{ position: absolute; left:-.1rem; top:.4rem; opacity: 0;  background: #f5f5f5 ; transition: all .3s; font-size: .15rem; width: 1rem; text-align: center; padding-top: .1rem; display: none;border-radius: .1rem}
.pageHeader .h_lang:hover .ch-lanz{ opacity: 1; height:1rem; display: block; z-index: 9999 }
.pageHeader .h_lang .ch-lanz a{ color: #333; display: block; line-height: .40rem }
.pageHeader .h_lang .ch-lanz a:hover{ text-decoration: underline; }
.pageHeader .h_lang:hover .fa{ color: #d33033 }
.pageHeader .h_stockt{ color: #fff; font-size: .18rem;font-family:Lato-bold,sans-serif; padding-left: .35rem; padding-top: .05rem}
.pageHeader .h_stockt .fa{ margin-right: .05rem ; font-size: .22rem; font-weight: normal;}
.pageHeader .h_search:hover .fa{ color: #d33033  }

.header{position:relative; z-index:90; padding: .3rem 4%; height: 1rem;display:flex; justify-content:space-between;}
.header .h_logo{}
.header .h_logo img{ max-width:175px; vertical-align:text-center;  }
.header .h_logo span{display:inline-block; position:relative; vertical-align:text-bottom; font-size:.18rem; color:#222; line-height:.22rem; padding-left:.18rem; margin-left:.18rem; }
.header .h_logo span::before{content:""; position:absolute; left:0; top:50%; height:.42rem; width:1px; margin-top:-0.21rem; background:#ddd;}
.header .h_logo span em{  display: block; }
.header .h_logo span em b{color: #d44141; font-weight: normal;}
.header .h_model{display:flex; margin-right:.3rem; align-items:center;}
.header .h_seller{display:flex; margin-right:.3rem; align-items:center;}
.header .h_seller .icon{margin-right:0;}
.header .h_seller .iconfont{font-size:.26rem; margin:0; line-height:.3rem; font-weight:bold; margin-right:.05rem;}
/*.header .h_stock{display:flex; margin-right:.1em; align-items:center;}*/
.header .h_rank{display:flex; align-items:center;}
.header .h_dealer{display:flex; margin-right:.3rem; align-items:center;}
.header .logo1{ display: block; }
.header .logo2{ display: none; }

/* 提示文字 */
.navtop .h_tools .h_title_box{position:absolute; top:70%; left:60%; font-size:.12rem; color:#fff; background:#828385; border:1px solid #909699; padding:0 .1rem; line-height:.3rem; white-space:nowrap; z-index:11; border-radius:.06rem; opacity:0; visibility:hidden; transition:all .3s ease .3s;}
.navtop .h_tools div:hover .h_title_box{opacity:1; visibility:visible;}

/* 修改滚动条宽度 */
/* .header .nav_down::-webkit-scrollbar{width:0px;}
.header .nav_down::-moz-scrollbar{width:10px;}
.header .nav_down::-webkit-scrollbar-track {background-color:#f2f2f2;}
.header .nav_down::-webkit-scrollbar-thumb {background-color:#888;} */
.header .nav_down.show{opacity:1; visibility:visible; transform:translate(-50%, 0);}




@media (max-width:1680px){
.header .nav_down{height:3.2rem; }  
}

/* 导航 */
.navtop{align-items:stretch; height: 100%}
.navtop .inav_wrapper .nav_li{display:inline-block; padding:0 .2rem;}
.navtop .inav_wrapper .nav_li .nav_a{display:block; padding:.07rem 0 .08rem; font-size:.17rem; line-height:.3rem; color:#fff;}
.navtop .inav_wrapper .nav_li:first-child{padding-left:0;}
.navtop .inav_wrapper .nav_li:hover .nav_a{color:#d44141; }
.navtop .inav_wrapper .nav_li.cur .nav_a{color:#d44141; }
.navtop .inav_wrapper .nav_li .sec_nav {position:absolute; left:0; right:0; top:100%; background:#fff; min-height:2.57rem; opacity:0; visibility:hidden; transform: translateY(-50px); transition:all .5s ease; z-index:-2; box-shadow:1px 1px 3px rgba(0,0,0, 0.05);}
.navtop .inav_wrapper .nav_li .sec_nav.show {opacity:1; visibility:visible; transform:scale(1) translateY(0); pointer-events:auto; -webkit-transform:scale(1) translateY(0); z-index:-1;}
.navtop .inav_wrapper .nav_li .sec_nav .box{display:flex;  padding-top:.3rem; padding-bottom:.3rem;}
.navtop .inav_wrapper .nav_li .sec_nav .box dl{display:flex; flex-direction:column; margin-right:1.2rem;}
.navtop .inav_wrapper .nav_li .sec_nav .box dt{font-size:.17rem; line-height:.25rem; color:#0a1e40;}
.navtop .inav_wrapper .nav_li .sec_nav .box dd{font-size:.14rem; line-height:.31rem; color:#9d9d9d;}

.navtop .inav_wrapper .nav_li .sec_nav{min-height:.7rem;}
.navtop .inav_wrapper .nav_li .sec_nav .box{padding-top:.2rem; padding-bottom:.2rem;}
.navtop .inav_wrapper .nav_li .sec_nav .box dt{font-size:.17rem;}
.navtop .inav_wrapper .nav_li .sec_nav .box dl{margin-right:.3rem;}
.navtop .inav_wrapper .nav_li.solution .sec_nav .box dl{margin-right:auto;}
.navtop .inav_wrapper .nav_li .sec_nav .box dt{color:#444;}
.navtop .inav_wrapper .nav_li .sec_nav .box dt a:hover{font-weight:bold; color:#000;}

.navtop .inav_wrapper .nav_li .nav_a{position:relative;}
.navtop .inav_wrapper .nav_li .nav_a::after { bottom: -0.5px; left: 0; height: 3px; position: absolute; content: ''; transition: transform .55s cubic-bezier(0.165,0.84,0.44,1); transform: scaleX(0); transform-origin: right; background-color: #c92929; width: 100%; }
.navtop .inav_wrapper .nav_li:hover .nav_a::after { transform: scaleX(1); transform-origin: left; }
.navtop .inav_wrapper .nav_li .cur::after { transform: scaleX(1); transform-origin: left; }
.navtop_scroll{ position: fixed; width: 100%; left: 0; top: 0;z-index: 99999; border-bottom: 1px #ddd solid; background: #f4f4f4 ; text-align: center;}

/*滚动导航*/
.Header_scroll{ background: #fff }
.Header_scroll .logo1{ display: none; }
.Header_scroll .logo2{ display: block; }
.Header_scroll .navtop .inav_wrapper .nav_li .nav_a{ color: #000 }
.headerhover{ background: #fff }
.headerhover .logo1{ display: none; }
.headerhover .logo2{ display: block; }
.headerhover .navtop .inav_wrapper .nav_li .nav_a{ color: #000 }
.headerhover .h_search,.Header_scroll .h_search,.headerhover .h_lang,.Header_scroll .h_lang,.headerhover .h_stockt,.Header_scroll .h_stockt{ color: #333 }


/*产品导航*/
.p-rel{ position: relative; }


.header .nav_down{opacity:0; visibility:hidden; position:absolute; left:50%; top:100%; transform:translate(-50%, -100%); margin-top:0px;  background:#fff; overflow:hidden; transition:all .5s ease; z-index:-1; border-top:1px #ddd solid;}
/* 产品下拉 */
.productsMenus {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;position: absolute;top: .3rem;left: -14.16667vw;width: auto;height: auto;overflow: hidden;background:none !important}
.productsMenus .productsMenusOneLevel {width: 11.875vw;height: 24.42708vw;border-right: 1px solid #E3E7EF;overflow-y: auto;background: #FFFFFF; }
.productsMenus .productsMenusOneLevel::-webkit-scrollbar {width: 0.15625vw;height: 0.15625vw;background-color: #EBEEF2;}
.productsMenus .productsMenusOneLevel::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);border-radius: 0.15625vw;background-color: #EBEEF2;}
.productsMenus .productsMenusOneLevel::-webkit-scrollbar-thumb {border-radius: 0.15625vw;-webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);background-color: #123E8C;}
.productsMenus .productsMenusOneLevel a {display: block;font-size: .18rem;color: #333;line-height: 3.69792vw;padding: 0px 0 0 1.63958vw;-webkit-transition: none;-moz-transition: none;transition: none;}
.productsMenus .productsMenusOneLevel a.active {background-color: #0040A0;color: #fff;}
.productsMenus .productsMenusTwoLevel {width: 16.09375vw;border-right: 1px solid #E3E7EF;background: #FFFFFF; margin-left:-1px}
.productsMenus .productsMenusTwoLevel ul {display: none;overflow-y: auto;max-height:24.42708vw;}
.productsMenus .productsMenusTwoLevel ul::-webkit-scrollbar {width: 0.15625vw;height: 0.15625vw;background-color: #EBEEF2;}
.productsMenus .productsMenusTwoLevel ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);border-radius: 0.15625vw;background-color: #EBEEF2;}
.productsMenus .productsMenusTwoLevel ul::-webkit-scrollbar-thumb {border-radius: 0.15625vw;-webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);background-color: #123E8C;}
.productsMenus .productsMenusTwoLevel ul.active {display: block;}
.productsMenus .productsMenusTwoLevel ul li{padding: 0px 0.9375vw;}
.productsMenus .productsMenusTwoLevel ul li:last-child a {border-bottom: 0px;}
.productsMenus .productsMenusTwoLevel ul li.active{color: #fff; background-color:#0040A0}
.productsMenus .productsMenusTwoLevel ul li.active a{color: #fff; }
.productsMenus .productsMenusTwoLevel ul li a {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size: 0.9375vw;color: #333;height: 3.69792vw;border-bottom: 1px solid #E3E7EF;-webkit-transition: none;-moz-transition: none;transition: none;}
.productsMenus .productsMenusTwoLevel ul li a i {font-size: 0.72917vw;}
.productsMenus .productsMenusThreeLevel {width:12.39583vw; height:100%; }
.productsMenus .productsMenusThreeLevel .item {display: none;background: #FFFFFF; opacity:0}
.productsMenus .productsMenusThreeLevel .item.active {display: block;opacity:1}
.productsMenus .productsMenusThreeLevel .item ul {display: none;padding: 0px 0.9375vw;overflow-y: auto;max-height:24.42708vw;}
.productsMenus .productsMenusThreeLevel .item ul::-webkit-scrollbar {width: 0.15625vw;height: 0.15625vw;background-color: #EBEEF2;}
.productsMenus .productsMenusThreeLevel .item ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);border-radius: 0.15625vw;background-color: #EBEEF2;}
.productsMenus .productsMenusThreeLevel .item ul::-webkit-scrollbar-thumb {border-radius: 0.15625vw;-webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);background-color: #123E8C;}
.productsMenus .productsMenusThreeLevel .item ul.active {display: block;}
.productsMenus .productsMenusThreeLevel .item ul li:last-child a {border-bottom: 0px;}
.productsMenus .productsMenusThreeLevel .item ul li a {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size: 0.9375vw;color: #333;height: 3.69792vw;border-bottom: 1px solid #E3E7EF;-webkit-transition: none;-moz-transition: none;transition: none;}
.productsMenus .productsMenusThreeLevel .item ul li a:hover {color: #0040A0;}
.productsMenus .productsMenusThreeLevel .item ul li a i {font-size: 0.72917vw;}
/*.productsMenus .productsMenusTwoLevel ul li.active .productsMenus .productsMenusThreeLevel{width: 22.39583vw;}*/
/*.inav .nav_li:hover .productsMenus{height:auto;}*/


.overlay{visibility:hidden; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba(0,0,0, 0.5); transition:all .5s ease;}
.overlay.show{visibility:visible; opacity:1;}

/* 搜索下拉 */
.search_xiala{position:fixed; top:0; height:100vh; overflow-y:auto; box-sizing:border-box; left:0; right:0; padding-top:1.5rem; background:rgba(255,255,255,.98); z-index:10; opacity:0; visibility:hidden; transition:all .3s ease; width: 100%;z-index:99 }
.search_xiala::-webkit-scrollbar{width:0; height:0;}
.search_xiala.show{opacity:1; visibility:visible;}
.search_xiala .content{width:8.5rem; margin:0 auto;}
.search_xiala .top{margin-bottom:.44rem;}
.search_xiala .top .box{box-sizing:border-box; width:100%; position:relative;}
.search_xiala .top .box .inp_box{position:relative;}
.search_xiala .top .box .inp_box input{width:100%; line-height:.4rem; font-size:.26rem; outline:none; background:transparent; border:1px solid rgba(0,0,0,0.2); border-radius:.5rem; padding:.16rem .32rem; padding-right:.8rem; box-sizing:border-box; margin-bottom:.2rem;}
.search_xiala .top .box .inp_box .inp_area ul{padding:0 .3rem; display:none;}
.search_xiala .top .box .inp_box .inp_area .title{font-size:.24rem; line-height:.3rem; margin-bottom:.25rem;}
.search_xiala .top .box .inp_box .inp_area ul li{font-size:.26rem; color:rgba(0,0,0,0.3); line-height:.32rem; margin-bottom:.2rem; cursor:pointer; display:block;}
.search_xiala .top .box .icon{cursor:pointer; background:none; outline:none; padding:0; margin:0; border:none; position:absolute; top:.2rem; right:.4rem;}
.search_xiala .top .box .icon .xgicon{font-size:.3rem;}
.search_xiala .bott{margin-bottom:.6rem;} 
.search_xiala .bott .item{margin-bottom:.6rem;}
.search_xiala .bott .item .tit{font-size:.22rem; color:#333; margin-bottom:.15rem;}
.search_xiala .bott .item li{float:left; width:31%; margin-right:1.4%; margin-bottom:.1rem;overflow：hidden}
/*.search_xiala .bott .item li:nth-child(3n){margin-right:0;}*/
.search_xiala .bott .item01 li .img{padding-bottom:70%; position:relative; height:0; margin-bottom:.15rem; border-radius:.06rem; background:#f2f2f2; background-size: cover; overflow：hidden}
.search_xiala .bott .item01 li .img img{position:absolute; max-width:90%; max-height:90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:transform .5s;}
.search_xiala .bott .item01 li:hover .img img{transform:translate(-50%,-50%) scale(1.1);}
.search_xiala .bott .item01 li .t{font-size:.18rem;  color:#000; text-align: center;}
.search_xiala .bott .item02 li{font-size:.20rem; line-height:.34rem; color:#333; width:23%}

.search_xiala .content.noBott .bott{display:none;}
.search_xiala .top .box .inp_box .inp_area ul li strong{color:#0a1e40; font-weight:normal;}
.search_xiala .top .box .inp_box .inp_area ul li a{color:rgba(0,0,0,0.3);}
.search_xiala .top .box .inp_box .inp_area ul li a:hover{color:rgba(0,0,0,0.6);}

/* 关闭按钮 */
.search_xiala .content .close_btns{position:absolute; right:10%; top:1.5rem; width:.5rem; height:.5rem; box-sizing:border-box; border:1px solid rgba(0,0,0,0.2); transition:.3s ease-out; cursor:pointer; border-radius:50%;background:#222;}
.search_xiala .content .close_btns .iconfont{margin:0; font-size:.2rem; line-height:1; color:#fff; font-weight:bold; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.search_xiala .content .close_btns .iconfont:after{ content: "×"; font-size: .22rem}
.search_xiala .content .close_btns .iconfont{color:#ffffff;}

/* 搜索下拉出现时导航效果 */
.header.fixed{position:fixed; left:0; width:100%; top:0;}
.search_xiala.fixed{position:fixed; top:1.27rem;}



/* 手机端头部 */
.m_header{display:none;}
/* 下层面包屑 */
.syt_banner{position:relative; overflow: hidden;}
.syt_banner>img{display:block; margin:0 auto;object-fit: cover; -webkit-animation: bannerScale 7s linear infinite alternate;animation: bannerScale 7s linear infinite alternate; width: 100%; height: 100%}
.syt_banner .mb-block{ display: none !important; }
.syt_banner .wrap{position:relative; height:100%;}
.syt_cont{ width: 100%; left: 0;  position: absolute; bottom: 0}
.syt_crumbs{position:relative; right:0; bottom:0rem; color:#fff; font-size:.15rem; line-height:.5rem; z-index:3; width: 100%; }
.syt_crumbs .fa{ margin-right: .08rem }
/*.syt_crumbs h1{color:#fff; font-size:.14rem; line-height:.2rem; display:inline-block; font-weight:normal; margin:0;}
*/
.crumbs_box{position:absolute; top:.25rem; left:0; width:100%;}
.crumbs_box .syt_crumbs{color:#000; position:relative; right:auto; bottom:auto;}
.crumbs_box .syt_crumbs h1{color:#000;}
.syt_banner .intro {position: absolute;left: 0;width: 100%;top: 53%;color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.syt_banner .intro .tit {font-size:.58rem;font-weight:600;  line-height: 1}
.syt_banner .intro .con {font-size:.17rem; color: rgba(255,255,255,.8);  max-width:100%; margin-top: .1rem}
/* 下层banner文字 */
.syt_banner .xc_words{display:none;}
@keyframes bannerScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@-webkit-keyframes bannerScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

/* 下层导航 */
.xc_nav{border-bottom:1px solid #d9d9d9; font-size:0; text-align:center; background:#fff; z-index:10; display:block;}
.xc_nav .item{display:inline-block; font-size:.17rem; color:#333;position:relative; }
.xc_nav .item>a{ display:block; padding:.17rem 0; color:#333; margin: 0 .15rem}
.xc_nav .item::after{content:''; position:absolute; left:0; width:100%; bottom:0; height:3px; transition: transform .55s cubic-bezier(0.165,0.84,0.44,1); transform: scaleX(0); transform-origin: right; background:#004bbe;}
.xc_nav .item:hover::after,
.xc_nav .item.cur::after{transform: scaleX(1); transform-origin: left;}

.xc_nav .tit{position:relative; display:inline-block; font-size:.16rem; line-height:.2rem; padding:.2rem .25rem; font-weight:bold; color:#272727; display:none;}
.xc_nav .tit::after{content:''; position:absolute; right:0; width:1px; top:50%; height:.2rem; margin-top:-0.1rem; background:#004bbe;}
/*.xc_nav ul{display:inline-block;}*/
.xc_nav .item.cur>a::before{display:block; content:attr(title); font-weight:bold; visibility:hidden; height:1px; color:transparent; margin-bottom:-1px; overflow:hidden;}
.xc_nav .item.cur>a{color:#222; font-weight:bold;}

.about_centeri .pin-spacer,.pro_centernav{  height: 0; overflow: hidden;}
.nynavscroll{ position: fixed; width: 100%;  left: 0; top:1rem; z-index:55; display: block;height: auto !important }
.nynavscroll .xc_nav{ background:#f1f1f1; border-bottom: 1px #eee solid;  }
.nynavscroll .xc_nav .item>a{   padding:.15rem 0; color:#333;}
.about_centeri .nynavscroll{  height: auto !important; }
/* 手机端底部导航 */
.m_tabbar{display:none;}

/*底部*/
.pageFooter{width: 100%;background: #21262c; position: relative; overflow: hidden;}
.foot-contact { width: 100%; padding:.35rem 0; border-bottom: 1px solid rgba(255,255,255,.15)}
.foot-contact .botys{ width: 70%;  }
.foot-contact .ftopli2{ color: #fff; font-size: .2rem; padding:.1rem .2rem; width: 23%; background: #383f49 }
.foot-contact .ftopli2 i{display: inline-block; padding-right: .05rem; color: #004bbe;font-size: .22rem }
.foot-contact .ftopli2 a{ padding-left:.1rem; font-size: .18rem; }
.foot-contact .follow{ margin-top: .1rem }
.foot-contact .follow span{ display: block;  padding-bottom: .1rem }
.foot-contact .follow i{ display: inline-block; font-size:.2rem; padding-right: .15rem; background: #4c5562; padding: .05rem; color: #21252c}
.pageFooter:after{ position: absolute; content: "DEHUA";font-family:'Lato-blod',sans-serif; font-size:2.5rem; font-weight: bold;  left:0; bottom:0; color: #262b31; z-index: 1}
.footer{overflow: hidden;padding:.6rem 0; position: relative;z-index: 2}
.footer-lt{width: 25%;float: left;color: #fff;}
.footer-lt .t1{display:block;margin-bottom:.35rem; font-size: .22rem}
.footer-lt .con1{font-family:'Lato',sans-serif; font-size: .22rem; line-height: 1.5; margin-bottom: .1rem; font-weight: bold;}
.footer-lt .con2{ line-height: 1.6; margin-bottom: .25rem;font-size: .15rem; }
.footer-lt i{ padding-right: .05rem;font-size: .2rem; }

.footer-rt{float: right;overflow: hidden;width:70%; position: relative;}
.footer-rt-a{width: 15.333%;float: left; padding-left:3%}
.footer-rt-a2{width: 35.333%;}
.footer-rt-a3{width: 26.333%;}
.footer-rt-a>div a{font-size: .2rem;color: #fff;line-height: 1;margin:.15rem 0; display: block;}
.footer-rt-a li{line-height:1; padding-top:.1rem}
.footer-rt-a li a{display:block;color: #fff;opacity: .8; font-size: .15rem; line-height:1.6; }
.footer-rt-a li a:hover{opacity: 1; text-decoration: underline;}
.footer-rt-a2 li,.footer-rt-a3 li{ width:50%; float:left}


.footer-b{width: 100%;padding: .15rem 0;text-align: center; clear:both; background: #21262c; border-top: 1px solid rgba(255,255,255,.15)}
.footer-b1{font-size: 14px;line-height:.4rem;color: rgba(255,255,255,.5);}
.footer-b1 a{color: rgba(255,255,255,.4);}
.footer-b1 a:hover{color: rgba(255,255,255,.6);}
/*定制*/
.zixun_dongtai{ margin-bottom: .5rem }
.zixun_dongtai .content{padding:.4rem; background: url(../images/tel_bg.jpg) no-repeat; background-size: cover; align-items: center; border-radius: .25rem}
.zixun_dongtai .content .left_part{}
.zixun_dongtai .content .left_part .title{font-size:.35rem;font-weight: bold;color: #fff}
.zixun_dongtai .content .left_part .text{font-size: .24rem;color: #fff}
.zixun_dongtai .content .right_part{position: relative;}
.zixun_dongtai .content .right_part .title{ font-size:.2rem;color: #fff; width:1.8rem; height: .6rem; line-height: .6rem; text-align: center; background: #0045ae;}



/* 手机端底部 */
.m_footer{display:none;}

/* 首页 */
.ibanner {z-index:1; position: relative;}
.ibanner .swiper-slide { width: 100% !important;  position:relative; height: 100%;z-index:1; overflow: hidden; }
.ibanner .swiper-slide .imgBox{  position: relative;height:100%; z-index: 2}
.ibanner .swiper-slide .imgBox img{ width: 100% }
.ibanner .slide1 .MapImg{ position: absolute;  bottom: 0; left: 10%; width: 80%;  height: 100%;z-index:3}
.ibanner .slide1 .MapImg figure{ position: relative; height: 100% }
.ibanner .slide1 .MapImg .Map{ position: absolute; bottom:-1rem; width: 100%; opacity: 0;z-index:3 }
.ibanner .swiper-slide-active .MapImg .Map{  bottom:0 ; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .10s; transition-delay: .10s; opacity: 1 }

.ibanner .swiper-slide .text{ position: absolute; left: 0; padding: 0 10% 0; color: #fff; width: 100%;z-index:6;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 45% }
.ibanner .swiper-slide .text .tit1 { font-size: .25rem; line-height: 1.6; color: #fff; font-weight: lighter; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .2s; transition-delay: .2s; }
.ibanner .swiper-slide .text .tit2{ font-size: .2rem;  text-transform: uppercase;  color: #c1c1c1; font-family: Lato-light; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .4s; transition-delay: .4s; }
.ibanner .swiper-slide .text .tit3{ font-weight: bold; font-size: .65rem ; background-image: linear-gradient(to bottom, #fff, #c2c2c2);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .8s; transition-delay: .8s; }
.ibanner .swiper-slide .text .bnt {-webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .8s; transition-delay: .8s; max-width: 2rem; height: .55rem; background: #d33033; text-align:center; border-radius: .3rem; line-height:.55rem;  margin: .4rem 0 0}
.ibanner .swiper-slide-active .text .tit1,.ibanner .swiper-slide-active .text .tit2,.ibanner .swiper-slide-active .text .tit3 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; }
.ibanner .swiper-slide-active .text .bnt { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; }
.ibanner .slide1 .text{ text-align: center;  top: 38% }
.ibanner .slide1 .text .bnt{ margin:.4rem auto 0;}

.imgsf img{
  width: 100%;
    -webkit-animation: banner_inside 8s ease infinite forwards alternate;
       -moz-animation: banner_inside 8s ease infinite forwards alternate;
         -o-animation: banner_inside 8s ease infinite forwards alternate;
            animation: banner_inside 8s ease infinite forwards alternate;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.15);
                transform: scale(1.15);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.15);
             transform: scale(1.15);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.15);
           transform: scale(1.15);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.15);
           -moz-transform: scale(1.15);
             -o-transform: scale(1.15);
                transform: scale(1.15);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.ibanner .Line {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;pointer-events: none}
.ibanner .Line .li {position: absolute;top: 0;width: .0521vw;height: 100%;background-color: rgba(255,255,255,0.08)}
.ibanner .Line .li:nth-child(1) {left: 12.96875%}
.ibanner .Line .li:nth-child(1)::after {-webkit-animation: donhua2 5s linear infinite;-o-animation: donhua2 5s linear infinite;animation: donhua2 5s linear infinite}
.ibanner .Line .li:nth-child(2) {left: 36.7%}
.ibanner .Line .li:nth-child(2)::after {-webkit-animation: donhua2 5s linear 6s infinite;-o-animation: donhua2 5s linear 6s infinite;animation: donhua2 5s linear 6s infinite}
.ibanner .Line .li:nth-child(3) {right: 35.5%}
.ibanner .Line .li:nth-child(3)::after {-webkit-animation: donhua2 5s linear 3s infinite;-o-animation: donhua2 5s linear 3s infinite;animation: donhua2 5s linear 3s infinite}
.ibanner .Line .li:nth-child(4) {right: 12.96875%}
.ibanner .Line .li:nth-child(4)::after {-webkit-animation: donhua2 5s linear 9s infinite;-o-animation: donhua2 5s linear 9s infinite;animation: donhua2 5s linear 9s infinite}
.ibanner .Line .li::after {content: "";width: .1563vw;height: 4.2708vw;background-image: url(../images/banner/icon14.png);position: absolute;left: -0.0521vw;bottom: 100%}
@-webkit-keyframes donhua2 {
    from {
        bottom: 100%
    }

    to {
        bottom: 0%
    }
}

@-o-keyframes donhua2 {
    from {
        bottom: 100%
    }

    to {
        bottom: 0%
    }
}

@keyframes donhua2 {
    from {
        bottom: 100%
    }

    to {
        bottom: 0%
    }
}

@-webkit-keyframes donhua3 {
    from {
        opacity: 0.2
    }

    to {
        opacity: 1
    }
}

@-o-keyframes donhua3 {
    from {
        opacity: 0.2
    }

    to {
        opacity: 1
    }
}

@keyframes donhua3 {
    from {
        opacity: 0.2
    }

    to {
        opacity: 1
    }
}

.ibanner .swiper-pagination{bottom:.2rem!important;}
.ibanner .swiper-pagination .swiper-pagination-bullet{position:relative; width:.6rem; height:3px; background:rgba(230,230,230,0.7); opacity:1; border-radius:0; transition:all .8s ease; margin:0 .07rem!important;}
.ibanner .swiper-pagination .swiper-pagination-bullet::after{content:""; position:absolute; left:0; top:0; height:3px; width:0; background:#fff; z-index:1;}
.ibanner .swiper-pagination .swiper-pagination-bullet-active::after{width:100%;-webkit-animation: progress 5s linear infinite;-o-animation: progress 5s linear infinite;animation: progress 5s linear infinite}
@keyframes progress {
    0%{
        width:0;
    }
    100%{
        width:100%;
    }
}

.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{position:absolute; top:50%; margin-top:0; transform:translateY(-50%); background:none; outline:none; cursor:pointer; opacity:0; visibility:hidden; -webkit-transition:all 0.4s; transition:all 0.4s; z-index: 9}
.ibanner .swiper-button-prev{left:2%;}
.ibanner .swiper-button-next{right:2%;}
.ibanner .swiper-button-prev::after,
.ibanner .swiper-button-next::after{ font-size:.4rem; margin:0; color:#c92929; font-weight:bold; opacity:.75; -webkit-transition:all 0.4s; transition:all 0.4s;}
.ibanner:hover .swiper-button-prev,
.ibanner:hover .swiper-button-next{opacity:1; visibility:visible;}

.ipart-yy .swiper-bnt,.ipart06 .swiper-bnt,.ipart04 .swiper-bnt{ color: #d44141; font-size: .24rem; text-align: center; height: .45rem; line-height: .4rem; border:3px #d44141 solid; width: .45rem; font-weight: normal;}
.swiper-yy-next,.swiper-ct-next,.swiper-news-next{ position: absolute; right: .48rem; top: .5rem; }
.swiper-yy-prev,.swiper-ct-prev,.swiper-news-prev{position: absolute; right: .06rem; top: .5rem;}

.ibanner:hover .swiper-button-prev:hover::after,
.ibanner:hover .swiper-button-next:hover::after{opacity:1;}

.common_tit{position:relative; color:#28343c;align-items: center;}
.common_tit h1{align-items:center}
.common_tit .t1{  font-size: .52rem ;font-weight:bold; line-height:1; position: relative; padding-bottom: .3rem; padding-right: .15rem; }
.common_tit .t1:after{ position: absolute; width:1rem;left: 0; bottom: 0; content: ''; height:6px; background: #0442a1; z-index: 5 }
.common_tit .t1:before {position: absolute; width:.3rem;left: 0; bottom: 0; content: ''; height:6px; background: #d33033; z-index: 6}
.common_tit .des{ font-size: .18rem; display: block; font-weight: normal; color:#444; max-width:5rem; line-height: 1.5 }
.common_tit .m{  display: block; width: 1.5rem; height: .5rem; line-height: .5rem; font-size: .16rem; background: #0442a1; text-align: center; color: #fff; border-radius: .3rem }
.common_tit .t1:hover{ color:#0442a1 }
.tc{ text-align:center;} .tcb{ color: #fff }.tch{ color: #222 }.tcred{ color:#d44141  }
.common_tit .t2{ margin: .6rem 0 .2rem; font-size: .2rem; color: #111; font-weight: bold;}
.common_tit .des2{ color: #666; font-size: .16rem; max-width:3.8rem ; }
.common_tit .num{ margin: .6rem 0 ; font-size: .17rem; color: #666}
.common_tit .num span{ font-weight: bold; color: #0442a1; font-size: .64rem; font-family:lato; display: block; line-height: 1; padding-bottom: .05rem }
/*.en_more{ text-align: center; line-height: .45rem; color: #fff; font-size: .18rem;  max-width:2.5rem; margin: .45rem auto 0; background: #d44141; color: #fff;  }
.en_more a:hover{ color: #222 }*/


@media (max-width:1680px){
 .ibanner .swiper-slide .img_box img{height:; width:100% !important; }   
}

.ipart-por{position:relative; z-index:1; padding:.9rem 0;}
.ipart-por .infor{margin-bottom:.5rem;}
.ipart-por .content {}
.ipart-por .content  ul{ margin-left: -1% } 
.ipart-por .content  .item{position:relative; float:left;  margin-bottom:1%; background:#f2f2f2; box-shadow: 0px 0px 9.2px .8px transparent; transition:all 0.5s ease; border-radius:.06rem; overflow: hidden; margin-left: 1%;width: 32%; padding: .5rem .3rem}
.ipart-por .content  .item:hover{ box-shadow: 0px 0px 6px 1px rgba(10, 30, 64, 0.15);}
.ipart-por .content  .item::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:0; background:#0140a1 url(../images/img_14.jpg); transition:all .3s ease;  z-index: 1; background-size: cover;}
/*.ipart-por .content  .item>a{ height:1.5rem; box-sizing:border-box;}*/
.ipart-por .content  .item .img_box{text-align:center; z-index: 2; position: relative;}
.ipart-por .content  .item .img_box img{}
.ipart-por .content .intro_box{text-align:left; z-index: 3;position: relative;}
.ipart-por .content .intro_box .tit{font-size:.26rem; line-height:.32rem; margin:.1rem 0;color:#111; }
.ipart-por .content .intro_box .con{font-size:.16rem; line-height:.1.8rem; color:#666; height: .4rem;  margin-bottom: .4rem}
.ipart-por .content .intro_box .a{font-size:.14rem; color: #0140a1}
.ipart-por .content  .item:hover:after{  height: 100% }
.ipart-por .content .item:hover .intro_box .tit{color:#fff;}
.ipart-por .content .item:hover .intro_box .con{ color: rgba(255,255,255,.8); }
.ipart-por .content .item:hover .intro_box .a{ color: rgba(255,255,255,.8); }
.ipart-por .content .item:nth-child(4),.ipart-por .content  .item:nth-child(5),.ipart-por .content  .item:nth-child(6),.ipart-por .content  .item:nth-child(7),.ipart-por .content  .item:nth-child(8),.ipart-por .content  .item:nth-child(9),.ipart-por .content  .item:nth-child(10),.ipart-por .content  .item:nth-child(11){ width: 24%; padding: .4rem .3rem .1rem }
.ipart-por .content .item:nth-child(4) a,.ipart-por .content  .item:nth-child(5) a,.ipart-por .content  .item:nth-child(6) a,.ipart-por .content  .item:nth-child(7) a,.ipart-por .content  .item:nth-child(8) a,.ipart-por .content  .item:nth-child(9) a,.ipart-por .content  .item:nth-child(10) a,.ipart-por .content  .item:nth-child(11) a{ display: block; }
.ipart-por .content .item:nth-child(4) .intro_box .con,.ipart-por .content .item:nth-child(5) .intro_box .con,.ipart-por .content .item:nth-child(6) .intro_box .con,.ipart-por .content .item:nth-child(7) .intro_box .con,.ipart-por .content .item:nth-child(8) .intro_box .con,.ipart-por .content .item:nth-child(9) .intro_box .con,.ipart-por .content .item:nth-child(10) .intro_box .con,.ipart-por .content .item:nth-child(11) .intro_box .con{ margin-bottom: .0rem}

.ipart-por .content  .item .item_h{ height:0%; width: 100%; background:#0140a1 url(../images/img_14.jpg); bottom: 0; left: 0; position: absolute; transition: all .3s; opacity: .95; z-index:10; }
.ipart-por .content  .item .item_h .t1{  color: #fff; font-size: .26rem; padding:.3rem 0 .15rem;  margin-bottom: .15rem; position: relative;  line-height: 1.2}
.ipart-por .content  .item .item_h .t1:after{ position: absolute;content: ""; left: 0; bottom: 0; width:0; height: 3px; background: #c92929; }
.ipart-por .content  .item .item_h .t2{ color: #fff; border-radius: 3px; padding:1px 3px; border:1px solid rgba(255,255,255,.12); margin-right:.08rem; display: inline-block; margin-top: .08rem; font-size:.14rem}
.ipart-por .content  .item .item_h .t2:hover{ background: #0140a1 }
.ipart-por .content  .item:hover .item_h{ height: 100%; padding:.35rem}
.ipart-por .content  .item:hover .item_h .t1:after{width:.3rem; }
.ipart-por .content  .item .hot-icon{position:absolute; left:0rem; top:0rem; display:block; width:1rem;height: 1rem;  z-index:10; background: url(../images/hot_icon.png) no-repeat; }
.ipart-por .content  .item:nth-child(3) .hot-icon,.ipart-por .content  .item:nth-child(4) .hot-icon{ display: none; }



.ipart-yy{  padding: 1.2rem 0 1rem;background:#fff url(../images/yy_bg.png) bottom; background-size: cover;}
.ipart-yy .wrap{position: relative;}
.ipart-yy .content{ margin-top: .25rem ; overflow: hidden; width:72%; position: relative; padding-bottom: .35rem}
.ipart-yy .content .box {position: relative; overflow: hidden;}
.ipart-yy .content .pic {position: relative;}
.ipart-yy .content .pic img {-webkit-transition: all .5s;transition: all .5s; width:100%; }
.ipart-yy .content .box:hover .pic img{ transform: scale(1.1)}
.ipart-yy .content .text {padding:.1rem .3rem; position: absolute; left: 0; width: 100%; top: 20%; text-align: center;z-index: 2}
.ipart-yy .content .title {font-size: .25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:.2rem;  font-weight: 500; color: #fff; }
.ipart-yy .content .text .con{ line-height: 1.8; color: rgba(255,255,255,.8); font-size: .15rem }
.ipart-yy .content .tag {color: #666;line-height:1.8;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;clear: both;overflow: hidden;margin:.2rem 0;}
.ipart-yy .content .a-1 {font-size: .14rem;display: inline-block;padding-right: .2rem;vertical-align: top; background: #f3f3f3;  border-radius: .5rem; padding: 0 .1rem}
.ipart-yy .content .more { font-size: .14rem;  max-width:1rem; margin: .5rem auto 0;color: #fff;background: #0442a1;color: #fff;  text-align: center; padding: 3px;  }
.ipart-yy .content .more a {font-family:lato }
.ipart-yy .content .more a:hover,.ipart-yy .content .more span:hover {text-decoration: underline}
.middleCenter {position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height: 100%;display: block;vertical-align: middle;text-align: center;margin: auto}
.ipart-yy .content .box:after{ background:rgba(0,0,0,.38);  position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: 1}

.swiper-pagination-yingyong{ bottom: 0rem; top: unset !important; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #171f34  }
/*.ipart-yy .content .box:hover .tag{ color: rgba(255,255,255,.85); }*/

/*关于*/
.indexAboutMain {position: relative;overflow: hidden;width: 100%;height:100vh; }
.indexAboutMain .indexAboutBox {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.indexAboutMain .indexAboutBox .indexAbout {width: 100vw;height: 100vh;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative;background-color: #1c2641;background-image: -webkit-gradient(linear, left top, left top, from(#1c2641), to(#131b30));background-image: linear-gradient(to top, #1c2641, #131b30);}
.indexAboutMain .indexAboutBox .indexAbout .commonweb {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: relative;z-index: 10;}
.indexAboutMain .indexAboutBox .indexAbout .content {max-width: 7.4rem;opacity: 0;-webkit-transform: translateY(1rem);-ms-transform: translateY(1rem);transform: translateY(1rem);visibility: hidden;-webkit-transition: all 1s;transition: all 1s;-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.indexAboutMain .indexAboutBox .indexAbout .title {font-size: .5rem;line-height: 1.2;color: #fff;}
.indexAboutMain .indexAboutBox .indexAbout .enTitle {padding-top:.2rem;}
.indexAboutMain .indexAboutBox .indexAbout .enTitle img {height: .5rem;display: block;}
.indexAboutMain .indexAboutBox .indexAbout .desc {margin-top: .45rem;font-size: .16rem;display: -webkit-box;line-height:2;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp:4;color: rgba(255,255,255,.8);}
.indexAboutMain .indexAboutBox .indexAbout .more {padding-top: .45rem;}
.indexAboutMain .indexAboutBox .indexAbout .more a {width:1.5rem;height:.5rem;-webkit-border-radius:.5rem;border-radius: .5rem;font-size: .14rem;color: #fff;position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background: #1c479c;}
.indexAboutMain .indexAboutBox .indexAbout .more a i {width: .3rem;height: 1px;background: #fff;opacity: 0.3;position: absolute;left: 0px;top: 50%;margin-top: -0.5px;}
.indexAboutMain .indexAboutBox .indexAbout .more a i::after {content: '';width: 7px;height: 7px;position: absolute;right: -7px;background: #fff;-webkit-border-radius: 100%;border-radius: 100%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.indexAboutMain .indexAboutBox .indexAbout .imgBox {position: absolute;right: -4.6rem;height: 100%;z-index: 9;}
.indexAboutMain .indexAboutBox .indexAbout .imgBox img {height: 100%;display: block;}
.indexAboutMain .indexAboutBox .indexAbout .imgBox .buildingImg {position: absolute;left: 0px;top: 0px;z-index: 10;opacity: 0;-webkit-transform: translateY(1rem);-ms-transform: translateY(1rem);transform: translateY(1rem);visibility: hidden;-webkit-transition: all 1s;transition: all 1s;}
.indexAboutMain .indexAboutBox .indexAbout .imgBox .buildingBg {opacity: 0;-webkit-transform: translateX(1rem);-ms-transform: translateX(1rem);transform: translateX(1rem);visibility: hidden;-webkit-transition: all 1s;transition: all 1s;-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
.indexAboutMain .indexAboutBox .indexAbout .aboutImg {position: absolute;left: -.65rem;bottom: -.4rem;height:2.5rem;-webkit-transform: translateX(-2rem);-ms-transform: translateX(-2rem);transform: translateX(-2rem);opacity: 0;visibility: hidden;-webkit-transition: all 2s;transition: all 2s;}
.indexAboutMain .indexBaoutFoundedBox {width: 200%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;background-image: url(../images/img_168.jpg);background-position: left center;background-repeat: no-repeat;background-size: cover;}
.indexAboutMain .indexBaoutFoundedBox .year {color: #fff;font-weight: 600;font-size: .25rem;}
.indexAboutMain .indexBaoutFoundedBox .year span {font-size: 2rem;line-height: 0.8;font-weight: 500;font-family: 'Lato-bold';-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(20%, #afafaf));background-image: linear-gradient(to bottom, #fff 20%, #afafaf);}
.indexAboutMain .indexBaoutFoundedBox .FoundedYear {padding-top: 0px;line-height: 1.2;font-size: 32px;color: #fff;}
.indexAboutMain .indexBaoutFoundedBox .desc {padding-top: .2rem;font-size: .16rem;max-width: 360px;line-height: 1.7;color: #fff;opacity: 0.6;}
.indexAboutMain .indexBaoutFoundedBox .indexBaoutFounded {padding: 0px 0px 0px 6.9rem;width: 45.6%;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: relative;}
.indexAboutMain .indexBaoutFoundedBox .indexBaoutFounded .content {padding-bottom:.5rem;position: relative;z-index: 10;opacity: 0;-webkit-transform: translate(-.5rem, -1rem);-ms-transform: translate(-.5rem, -1rem);transform: translate(-.5rem, -1rem);visibility: hidden;-webkit-transition: all 1s;transition: all 1s;}
.indexAboutMain .indexBaoutFoundedBox .indexBaoutFounded .circleImg {position: absolute;right: 2rem;bottom: -1.5rem;width: 8.6rem;}
.indexAboutMain .indexBaoutFoundedBox .indexBaoutFounded .circleImg img {width: 100%;display: block;opacity: 0;-webkit-transform: translate(1rem, 1rem);-ms-transform: translate(1rem, 1rem);transform: translate(1rem, 1rem);visibility: hidden;-webkit-transition: all 1s;transition: all 1s;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutPatent {width: 23.253%;position: relative;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutPatent .content {padding-bottom: 1.4rem;position: relative;z-index: 10;opacity: 0;-webkit-transform: translate(0px, -1rem);-ms-transform: translate(0px, -1rem);transform: translate(0px, -1rem);visibility: hidden;-webkit-transition: all 1s;transition: all 1s;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutPatent .content .desc {width: 3rem;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutPatent .imgBox {position: absolute;left: -320px;bottom: -20px;width:9.5rem;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutPatent .imgBox img {width: 100%;display: block;opacity: 0;-webkit-transform: translate(0px, 1rem);-ms-transform: translate(0px, 1rem);transform: translate(0px, 1rem);visibility: hidden;-webkit-transition: all 1s;transition: all 1s;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover {position: relative;width: 18%;padding-top:2.6rem;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover .earthBox {width: 2.85rem;position: relative;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover .earthBox img {width: 100%;display: block;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover .earthBox .earthImg {width: 2.85rem;position: relative;z-index: 10;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover .earthBox .earthImg img {opacity: 0;-webkit-transform: translate(0px, -1rem);-ms-transform: translate(0px, -1rem);transform: translate(0px, -1rem);visibility: hidden;-webkit-transition: all 1s;transition: all 1s;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover .earthBox .circleImg1 {width: 6.29rem;position: absolute;left: -2.9rem;bottom: -2.3rem;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover .earthBox .circleImg1 img {opacity: 0;-webkit-transform: translate(-.5rem, 1rem);-ms-transform: translate(-.5rem, 1rem);transform: translate(-.5rem, 1rem);visibility: hidden;-webkit-transition: all 1s;transition: all 1s;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover .earthBox .circleImg2 {width: 6.29rem;position: absolute;right: -2.75rem;top: -2.6rem;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover .earthBox .circleImg2 img {opacity: 0;-webkit-transform: translate(.5rem, -1rem);-ms-transform: translate(.5rem, -1rem);transform: translate(.5rem, -1rem);visibility: hidden;-webkit-transition: all 1s;transition: all 1s;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover .content {padding-left: .72rem;left: 0px;opacity: 0;-webkit-transform: translate(0px, 1rem);-ms-transform: translate(0px, 1rem);transform: translate(0px, 1rem);visibility: hidden;-webkit-transition: all 1s;transition: all 1s;}
.indexAboutMain .indexAboutBox .indexAbout.Animation .aboutImg {-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);opacity: 1;visibility: visible;}
.indexAboutMain .indexAboutBox .indexAbout.Animation .imgBox .buildingBg {opacity: 1;-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);visibility: visible;}
.indexAboutMain .indexAboutBox .indexAbout.Animation .imgBox .buildingImg {opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);visibility: visible;}
.indexAboutMain .indexAboutBox .indexAbout.Animation .content {opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);visibility: visible;}
.indexAboutMain .indexBaoutFoundedBox .indexBaoutFounded.Animation .content {opacity: 1;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);visibility: visible;}
.indexAboutMain .indexBaoutFoundedBox .indexBaoutFounded.Animation .circleImg img {opacity: 1;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);visibility: visible;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutPatent.Animation .content {opacity: 1;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);visibility: visible;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutPatent.Animation .imgBox img {opacity: 1;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);visibility: visible;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover.Animation .earthBox .earthImg {-webkit-animation: turnAround 2s linear infinite;animation: turnAround 2s linear infinite;-webkit-animation-delay: 1s;animation-delay: 1s;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover.Animation .earthBox .earthImg img {opacity: 1;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);visibility: visible;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover.Animation .earthBox .circleImg1 img {opacity: 1;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);visibility: visible;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover.Animation .earthBox .circleImg2 img {opacity: 1;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);visibility: visible;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.indexAboutMain .indexBaoutFoundedBox .indexAboutCover.Animation .content {opacity: 1;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);visibility: visible;-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
@keyframes turnAround {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes turnAround {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*手机关于*/
.mindexAboutMain{ padding: .5rem 0;background:#1c2641 url(../images/banner/banner1bg.jpg) bottom; background-size: cover; color:#fff; }
.mindexAboutMain .common_tit{ color:#fff}
.mindexAboutMain .common_tit .title{ font-size:.34rem; font-weight:bold; padding-bottom:.1rem;}
.mindexAboutMain .common_tit .enTitle img{max-width:65%; margin-bottom:.2rem}
.mindexAboutMain .common_tit .desc{ line-height:1.8; color:#fff; padding:.15rem 0 .25rem;font-size:.17rem}
.mindexAboutMain .aboutList{ display:flex; flex-wrap:wrap}
.mindexAboutMain .aboutList .list{ width:50%; font-size:.14rem; margin-bottom:.1rem; text-align:center}
.mindexAboutMain .aboutList .numberBox .number{ font-size:.3rem; font-family:lato; font-weight:bold}
.mindexAboutMain .aboutList .numberBox .text{font-size:.14rem;}
/*核心技术*/
.ipart-youshi{ padding:1.2rem 0;  position: relative; overflow: hidden;}
.ipart-youshi .infor{ margin-bottom: .45rem }
.youshiadv .youshione{ width:58%; height: 7.3rem; }
.youshiadv .youshitwo{ width:41%;}
.youshiadv .youshitwo .ystwo_1{ height: 4.2rem }
.youshiadv .youshitwo .ystwo_2{ height:3rem; margin-top: .1rem }
.youshiadv .content{ padding-top: .5rem }
.youshiadv .youshiteam{ position:relative;  color: #fff;overflow: hidden;border-radius: 5px; }
.youshiadv .youshiteam figure{ position: relative; z-index: 2;border-radius: 5px; overflow: hidden; }
.youshiadv .youshiteam figure img{ width: 100%; height: 100%;-webkit-transition: all .5s;transition: all .5s; width:100%;  }
.youshiadv .youshiteam:hover figure img{ transform: scale(1.1)}
.youshiadv .youshiteam .txt{ position: absolute; z-index:3; width: 100%; height: 100%; padding:.5rem .6rem; top: 0; left: 0}
.youshiadv .youshiteam .txt .t1{ position: relative; font-weight: bold; color: #fff; font-size: .45rem; padding-left: .5rem ; line-height: 1}
.youshiadv .youshiteam .txt .t1 span{ font-size: 1rem; color: #e32a2d; }
.youshiadv .youshiteam .txt .t1:before{ position: absolute; content: ''; left: 0; bottom: .12rem; width:.3rem; height: .3rem; border-radius: .3rem; border: 4px #fff solid }
.youshiadv .youshiteam .txt ul li { padding-top: .4rem }
.youshiadv .youshiteam .txt ul li span{ font-size: .25rem; padding-bottom: .15rem }
.youshiadv .youshiteam .txt ul li span .fa{ padding-right: .1rem }
.youshiadv .youshiteam .txt ul li p {font-size: .17rem; line-height: 1.6; padding-left: .3rem}
.youshiadv .ystwo_2 .txt{ padding: .35rem .6rem }
.youshiadv .ystwo_1 .txt ul li,.youshiadv .ystwo_2 .txt ul li{ padding-top: .3rem }
.youshiadv .youshione .txt ul li{ display: inline-block; width: 48% }

/*新闻*/
.ipart04{padding:0rem 0 1.2rem;}
.ipart04 .wrap{ position: relative; overflow: hidden; }
.ipart04 .content{  margin: .5rem auto 0 }
.ipart04 .content .item{ background: #f6f6f6; padding:.2rem }
.ipart04 .content .item>a{display:block;}
.ipart04 .content .item .img_box{ height: 2.5rem; overflow: hidden; position: relative;}
.ipart04 .content .item .img_box .type{ position: absolute; width: 1rem;height: .4rem;line-height: .4rem; background: #1c4699; color: #fff; text-align: center; left: 0; bottom: 0 }
.ipart04 .content .item .img_box img{width:auto; min-width:100%; height: 2.5rem; }
.ipart04 .content .item .intro_box{padding:.2rem 0 .3rem; transition:all 0.5s ease;}
.ipart04 .content .item .intro_box .type{display:inline-block; font-size:.15rem; color:#fff; background:#c92929;  line-height:.3rem; padding:0 .18rem; border-radius:.06rem; margin-bottom:.1rem;  transition:all 0.5s ease;}
.ipart04 .content .item .intro_box .tit{font-size:.22rem; /*line-height:.3rem; height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:bold;*/ color:#222; margin-bottom:.2rem;  transition:all 0.5s ease;  font-weight: 500; }
.ipart04 .content .item .intro_box .txt{line-height:1.6; color:#999;  transition:all 0.5s ease;}
.ipart04 .content .item .intro_box .date{ font-family: lato; font-size: .14rem; padding-bottom: .1rem }
.ipart04 .content .item:hover{background:#f1f1f1;}
.ipart04 .content .item:hover .intro_box .tit{color:#000;}
.ipart04 .swiper-pagination{  bottom: 0 !important; left: 0; background: #999; top: unset;}
.ipart04 .swiper-pagination-progressbar-fill{ background:#c92929  }

@keyframes dot_scale {
	0% {
        transform:translate(-50%, -50%) scale(1);
        opacity:1;
        border-width:1px;
    }
    50%{
        opacity:1;
        border-width:1px;
    }
    100% {
        transform:translate(-50%, -50%) scale(2);
        opacity:0;
        border-width:1px;
        border-radius:12px;
    }
}

.m_ipart{display:none;}

@keyframes rotating-y {
    from {
        -ms-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotating-x {
    from {
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    to {
        -ms-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -webkit-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
        transform: rotateX(360deg)
    }
}


/*首页服务*/
.ipart-fuwu{ padding:.8rem 0 1rem; background: #f6f6f6 }
.ipart-fuwu .content{max-width: 11.26rem }
.ipart-fuwu .ifuwu {align-items: center;}
.ipart-fuwu .common_tit .t3{ font-size: .18rem; font-weight: normal; }
.ipart-fuwu .indexBusinessMap { width: 100%; height: 100%; position: relative; }
.ipart-fuwu .indexBusinessMap .mapImg { width: 100%; display: block; }
.ipart-fuwu .indexBusinessMap .China { position: absolute; width: 5%; left: 33.8%; top: 33.8%; z-index: 30; }
.ipart-fuwu .indexBusinessMap .China img { width: 100%; position: relative; z-index: 10; display: block; }
.ipart-fuwu .indexBusinessMap .China::after { -webkit-animation: amplify 2.8s infinite 0.1s; animation: amplify 2.8s infinite 0.1s; content: ''; width: 1rem; height: 1rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 64, 160, 0.3); opacity: 0.1; }
.ipart-fuwu .indexBusinessMap .China::before { -webkit-animation: amplify 2.8s infinite 0s; animation: amplify 2.8s infinite 0s; content: ''; width: .8rem; height: .8rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 64, 160, 0.3); opacity: 0.1;z-index: 2; }
.ipart-fuwu .indexBusinessMap .dotBox .list { position: absolute; width: 7px; height: 7px; background: #0040a0; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: translate(-1px, -2px); -ms-transform: translate(-1px, -2px); transform: translate(-1px, -2px); }
.ipart-fuwu .indexBusinessMap .dotBox .list::after { -webkit-animation: amplify 2.8s infinite 0.3s; animation: amplify 2.8s infinite 0.3s; content: ''; width: .55rem; height: .55rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 64, 160, 0.1); opacity: 0.1; }
.ipart-fuwu .indexBusinessMap .dotBox .list::before { -webkit-animation: amplify 2.8s infinite 0.2s; animation: amplify 2.8s infinite 0.2s; content: ''; width: .15rem; height: .15rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 64, 160, 0.1); opacity: 0.1; z-index: 2; }
.ipart-fuwu .indexBusinessMap .dotBox .list p { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -.3rem; font-size: .17rem; white-space: nowrap; }
.ipart-fuwu .fwnav{ margin: .35rem 0 }
.ipart-fuwu .fwnav a{ display: block; font-size: .17rem; color: #444; line-height: .55rem; border-bottom: 1px #777 dashed}
.ipart-fuwu .fwnav a i{ float: right; display: block;line-height: .55rem;  }
.ipart-fuwu .fwnav a:hover{ color: #1c4699; font-weight: bold; }
.ipart-fuwu  .content2{ background: #fff; border-radius: 5px; overflow: hidden; padding: .1rem }
.ipart-fuwu  .content2 figure{width:12%; }

@-webkit-keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes amplify {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/* 新-首页 */
/*.ipart05{background:#0a1e40; position:relative; z-index:1; padding:.9rem 0;}
.ipart05 .left{width:23.5%; padding-top:.45rem;}
.ipart05 .left .common_tit{text-align:left; color:#fff; margin-bottom:.55rem;}
.ipart05 .left .common_tit::after{left:0; transform:none;}
.ipart05 .con{color:rgba(255,255,255,0.3);}
.ipart05 .right{width:71.4%; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1);}
.ipart05 .right ul{display:flex; align-items:stretch; }
.ipart05 .right li{flex:1; width:33.33%; padding:.6rem 0.35rem .55rem; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.1); color:#fff;}
.ipart05 .right li:last-child{border-right:0;}
.ipart05 .right li .icon{height:.77rem;}
.ipart05 .right li .icon img{height:100%;}
.ipart05 .right li .infor{margin:.4rem 0;}
.ipart05 .right li .infor .tit{font-weight:bold; margin-bottom:.1rem;}
.ipart05 .right li .infor .con{height:1.2rem; overflow:hidden;}
.ipart05 .right li .link_box{color:#fff; display:flex; justify-content:space-between; align-items:stretch; line-height:.2rem;}
.ipart05 .right li .link_box .line{width:1px; background:rgba(255,255,255,0.1);}
.ipart05 .right li .link_box .line:last-child{display:none;}
.ipart05 .right li:last-child .link_box{justify-content:flex-start;}
.ipart05 .right li:last-child .line{margin:0 .3rem;}


.ipart-por.new{padding-bottom:.8rem;}
.ipart06{padding:.8rem 0; position: relative; background: #fff}
.ipart06 .wrap{ overflow: hidden; position: relative; padding-bottom: .3rem }
.ipart06 .wrap .swiper-container{ margin-top: .4rem; height: 5.2rem}
.ipart06 .wrap  .swiper-slide{ height: 100%; overflow:hidden; }
.ipart06 .cover_words{position:absolute; left:0%; top:8%; width:45%; z-index:20; background: linear-gradient(to bottom right, #555555 0%, #323232 100%); border-radius: 10px; overflow: hidden; padding: 4%}
.ipart06 .cover_words .title{font-weight:200; color:#fff; font-size: .3rem; color: #fff;font-family: 'Oswald', sans-serif; line-height:1.35}
.ipart06 .cover_words .con{margin-top:.2rem; color:rgba(255,255,255,.8); font-size: .17rem; line-height: 1.45;font-family: 'Lato-light', sans-serif; font-weight: normal;}
.ipart06 .cover_words .more_btns:hover{color:#c92929; background:#fff;}
.ipart06 .cover_words .canshu{ font-size: .16rem; color: rgba(255,255,255,.84); margin: .25rem 0 0 }
.ipart06 .cover_words .canshu .ct{   color: #fff;  display: block;}
.ipart06 .cover_words .canshu .c1 a{ display: inline-block; text-align: center; padding: 0 .15rem; background: rgba(255,255,255,.25); border-radius: .4rem; margin: .1rem .1rem 0 0; }
.ipart06 .cover_words .more_btns{display:block; line-height:.4rem; width:1.5rem; color:#fff; font-size:.16rem; background:#c92929; margin-top:.35rem; font-weight:bold; border-radius:3px; text-align:center; transition:all .3s ease;}

.ipart06 .bott_layer{ width:60%; position: absolute;  right: 0; top: 0; border-radius: 10px; overflow: hidden; }
.ipart06 .bott_layer img{ width: 100% }
.ipart06 .swiper-pagination{  bottom: 0 !important; left: 0; background: #999; top: unset;}
.ipart06 .swiper-pagination-progressbar-fill{ background:#c92929  }

.ipart07 .content .m_area{display:none;}
.ipart08{padding:.8rem 0; box-sizing:border-box; overflow:hidden; background: url(../images/about_bg.jpg) no-repeat;  background-size: cover;}
.ipart08 .infor .t3{ display: block; color: #fff; letter-spacing:5px}
.ipart08 .ipart08bgb{ background: #fff; padding: .5rem }
.ipart08 .content{position:relative; margin-top:.35rem; overflow:hidden;}
.ipart08 .content .left{ width: 48%; float: left;  background: linear-gradient(to bottom right, #565656 0%, #333333 100%); padding: .35rem; color: #fff; height:4.8rem }
.ipart08 .content .left .t1{ font-size: .3rem; color: #d53434; padding-bottom: .25rem }
.ipart08 .content .left .icon{ padding-top: .35rem; font-family: 'Oswald', sans-serif; font-size:.2rem; color: #fff;  font-weight: 300; }
.ipart08 .content .left .icon a{  display: block; margin-bottom: .2rem ; text-decoration: underline;}
.ipart08 .content .left .icon i{  margin-right: .1rem; font-size: .24rem; color:#d53434;  width: .3rem; height: .3rem; text-align:center; line-height: .28rem; border:1px #d53434  solid;  }
.ipart08 .content .right{ width: 49%; float: right;height: 4.8rem; overflow: hidden; position: relative;  }
.ipart08 .content .about-pic .swiper-slide{ width: 100%; }
.ipart08 .content .about-pic .swiper-slide img{ width: 100% !important }
.ipart08 .content .about-pic .swiper-pagination-bullet-active{ background: #c92929 }

.ipart08  .youshi{ text-align: center; color: #fff }
.ipart08  .youshi .t1{ font-size: .32rem;  font-family: 'Oswald', sans-serif; font-weight: 600 }
.ipart08  .youshi ul{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:space-between;-ms-justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;padding-top: .2rem;}
.ipart08  .youshi ul li{width: calc(100% / 3);text-align: center;padding: 0 1.5%;transition:all 0.5s;-webkit-transition:all 0.5s; padding: 0 4%}
.ipart08  .youshi ul li a .con{padding:.1rem 0 0;font-size:.18rem; line-height: 1.45}
.ipart08  .youshi ul li a .con .tt{font-family: 'Oswald', sans-serif;margin-bottom: .1rem; font-weight: 600; font-size: .24rem;  }
.ipart08  .youshi ul li:hover{transform:translateY(-3px);-webkit-transform: translateY(-3px);transition:all 0.5s;-webkit-transition:all 0.5s;}
*/

/* 手机端部分 */
.pro_detail01 .m_rihgt{display:none;}
.pro_mFooter{display:none;}

/* 字体规范 */
/* .tit46{font-size:.46rem; line-height:.54rem;} */
.tit36{font-size:.36rem; line-height:.46rem;}
.tit24{font-size:.24rem; line-height:.33rem;}
.con15{font-size:.17rem; line-height:.3rem; color:#5b5b5b;}
.tit46{font-size:.4rem; line-height:.5rem;}


/* 上下跳动 */
@keyframes beating {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    33% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    66% {
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}









/* 关键词 */
/*.news_list1 .right .item .item_con .keyword{margin-right:.13rem; margin-bottom:.1rem; border:1px solid #dddddd; border-radius:.15rem; display:inline-block; transition:all .3s ease;}
.news_list1 .right .item .item_con .keyword a{display:block; padding:.05rem .14rem; color:#5b5b5b; font-size:13px; line-height:.2rem; }
.news_list1 .right .item .item_con .keyword:hover{border-color:#f4bd3f; background:#f4bd3f;}
.news_list1 .right .item .item_con .keyword:hover a{color:#000000;}
*/

@keyframes textScale2 {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(2.5)
    }

    100% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes topIn {
    0% {
        opacity: 0;
        transform: translate(-50%,-60%)
    }

    50% {
        opacity: .5;
        transform: translate(-50%,-60%)
    }

    100% {
        opacity: 1;
        transform: translate(-50%,-50%)
    }
}
/* 没有导航显示的时候 */
.xc_nav.noShow{display:none;}
.xc_nav.noShow.showMe{display:block;}



/* 影像 */
.img_video .common_tit{margin-bottom:.55rem;}
.img_video01{background:#cdd2d8; position:relative; overflow:hidden;}
.img_video01 .container{position:relative; overflow:hidden; width:100vw; height:100vh; perspective:20rem; }
.img_video01 .container .scroller{height:100%; transform-style:preserve-3d; }
/* room */
.img_video01 .container .room{position:absolute; top:50%; left:50%; width:100vw; height:100vh; margin:-50vh 0 0 -50vw; pointer-events:none; opacity:0; transform-style:preserve-3d; }
.img_video01 .container .room_current{pointer-events:auto; opacity:1; }
.img_video01 .container .room_side{position:absolute; display:flex; justify-content:center; align-items:center; transform-style:preserve-3d; }
.img_video01 .container .room_side_left, 
.img_video01 .container .room_side_right{width:40rem;  height:100vh; background:#d9dde0; }
.img_video01 .container .room_side_back{width:100vw; height:100vh; background:#e3e5e8; box-shadow:0 0 0 2px #e3e5e8; transform:translate3d(0, 0, -40rem) rotate3d(1, 0, 0, 0.1deg) rotate3d(1, 0, 0, 0deg);}
.img_video01 .container .room_side_right{right:0; justify-content:flex-end; transform:rotate3d(0, 1, 0, -90.03deg); transform-origin:100% 50%; }
.img_video01 .container .room_side_left{justify-content:flex-start; transform:rotate3d(0, 1, 0, 90deg); transform-origin:0 50%; }
.img_video01 .container .room_side_bottom{width:100vw;  height:40rem; background:#cdd2d8; transform:rotate3d(1, 0, 0, 90deg) translate3d(0, -40rem, 0); transform-origin:50% 0%; }
.img_video01 .container .room_side_bottom{top:100%; }
.img_video01 .container .room_img{flex:none; max-width:40%; max-height:60%; margin:0 5%; transform:translate3d(0, 0, 10px); backface-visibility:hidden; }
/* Content */
.img_video01 .content{position:absolute; top:0; left:0; width:100%; height:100vh; }
.img_video01 .content .wrap{display:flex; flex-direction:column; height:100%;}
/* Slides */
.img_video01 .slides{position:relative; flex:1;}
.img_video01 .slide{position:absolute; left:50%; transform:translateX(-50%); width:auto;  pointer-events:none; opacity:0; bottom:0;}
.img_video01 .slide.slide_current{pointer-events:auto; opacity:1;}
.img_video01 .slide .slide_name{font-size:1.9rem; line-height:1; margin:0; margin-bottom:.3rem;  letter-spacing:0.05em; color:#063f87; white-space:nowrap;}
.img_video01 .slide .slide_title, 
.img_video01 .slide .slide_tips{text-align:right; margin-right:.1rem;}
.img_video01 .slide_number{font-size:.15rem; line-height:.24rem; color:#000000; padding:0 .15rem; border-radius:.06rem; display:inline-block; background:#c92929; font-weight:bold;}
.img_video01 .slide_tips{font-size:.16rem; text-transform:uppercase; font-weight:bold; color:#c92929; margin-top:.1rem;}
/* Nav */
.img_video01 .nav_btn{display:flex; justify-content:space-between; width:100%; pointer-events:none; margin-bottom:.3rem;}
.img_video01 .btn_nav .xgicon{font-size:.4rem; pointer-events:auto; cursor:pointer; color:#606060;}
.img_video01 .btn_nav.btn_nav_right .xgicon{transform:rotate(180deg);}
.img_video01 .btn_nav .xgicon:hover{color:#c92929;}

.img_video02{margin-top:1.3rem; position:relative;}
.img_video02 .content{position:relative;}
.img_video02 .content .word_box{position:absolute; right:0; top:0; height:0; padding-bottom:19.2%; width:67.9%; z-index:5;}
.img_video02 .content .word_box .tab_t{display:none;}
.img_video02 .content .word_box .tab_t .infor{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; padding-left:4.7%; padding-right:13.7%; box-sizing:border-box;}
.img_video02 .content .word_box .tab_t .title{font-weight:bold; margin-bottom:.13rem;}
.img_video02 .content .word_box .tab_t .title .tit{font-size:.34rem; font-weight:normal;}
.img_video02 .content .word_box .tab_t .con{color:#000000; max-height:.84rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.img_video02 .content .word_box .tab_t .more_btns{position:absolute; bottom:0; right:0; font-size:.15rem; line-height:.45rem; color:#000000; padding:0 .5rem; border-radius:.06rem; display:inline-block; background:#c92929; font-weight:bold; cursor:pointer;}


.img_video02 .swiper-container{height:6.9rem;}
.img_video02 .swiper-wrapper{align-items:flex-end;}
.img_video02 .swiper-slide .img{width:2.56rem; transition:all .3s ease; height:3.5rem; border-radius:.06rem; overflow:hidden;}
.img_video02 .swiper-slide.swiper-slide-active .img{width:5.05rem; height:6.89rem;}
.img_video02 .rect-1364{padding-bottom:136.43%;}

@media screen and (min-width: 992px) {
    .img_video02 .swiper-slide{width:auto!important; display:flex; align-items:flex-end;} 
}

.img_video03{margin:1.1rem 0 .9rem;}
.img_video03 .tab_t_box{text-align:center;}
.img_video03 .tab_t_box .tab_t{display:inline-block; margin:0 .15rem; cursor:pointer; color:#5a5a5a; transition:all .4s ease;}
.img_video03 .tab_t_box .tab_t div{display:inline-block; vertical-align:middle; font-size:.19rem; line-height:.3rem; font-weight:bold;}
.img_video03 .tab_t_box .tab_t .xgicon{font-size:.25rem;}
.img_video03 .tab_t_box .tab_t:hover{color:#063f87;}
.img_video03 .tab_t_box .tab_t.cur{color:#063f87;}

.img_video03 .tab_c_box{margin-top:.3rem; text-align:center; font-size:0;}
.img_video03 .tab_c_box .tab_c{display:none;}
.img_video03 .tab_c_box .tab_b{display:inline-block; margin:0 .05rem; font-size:.15rem; line-height:.3rem; padding:0 .18rem; border-radius:.06rem; border:1px solid #d3d3d3; box-sizing:border-box; cursor:pointer; transition:all .4s ease; color:#000000;}
.img_video03 .tab_c_box .tab_b:hover{background:#063f87; color:#fff;}
.img_video03 .tab_c_box .tab_b.cur{background:#063f87; color:#fff;}

.img_video03 .tab_m_box{margin-top:.6rem;}
.img_video03 .tab_m_box .tab_m li{width:18.48%; float:left; margin-bottom:.36rem; margin-right:1.9%; position:relative; cursor:pointer; position:relative; border-radius:.06rem; overflow:hidden;}
.img_video03 .tab_m_box .tab_m li.li_first{width:38.78%;}
.img_video03 .tab_m_box .tab_m li:nth-child(4){margin-right:0;}
.img_video03 .tab_m_box .tab_m li:nth-child(5n+7){margin-right:0;}
.img_video03 .tab_m_box .tab_m li .cover{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(10, 30, 64, 0.6); opacity:0; visibility:hidden; transition:all 0.5s ease;}
.img_video03 .tab_m_box .tab_m li .cover .play{width:.5rem; height:.5rem; background:url(../images/img_video03_play.png) no-repeat center/cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.img_video03 .tab_m_box .tab_m li:hover .cover{opacity:1; visibility:visible;}


.img_video03 .rect-693{padding-bottom:69.3%;}
.img_video03 .video .rect-693 img{left:50%; transform:translateX(-50%); width:auto; max-width:none;}
.img_video03 .li_first .rect-693{padding-bottom:71.69%;}

.img_video04{margin-top:.7rem; text-align:center; overflow:hidden;}
.img_video04 .rect-5963{padding-bottom:59.63%;}
.img_video04 .box{position:relative;}
.img_video04 .content{width:73.7%; margin:0 auto;}
.img_video04 .swiper-container{overflow:visible;}
.img_video04 .swiper-slide{border-radius:.06rem; opacity:.5; transition:opacity .3s ease;}
.img_video04 .swiper-slide.swiper-slide-active{opacity:1;}
.img_video04 .swiper-slide .words{position:absolute; bottom:5.2%; left:5%; width:90%; color:#fff; font-weight:bold; opacity:0; visibility:hidden; transition:all .3s ease;}
.img_video04 .swiper-slide.swiper-slide-active .words{opacity:1; visibility:visible;}
.img_video04 .swiper-slide .paly_btn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.77rem; height:.77rem; background:url(../images/img_video04_play.png) no-repeat center/cover; cursor:pointer;}

.img_video04 .swiper-button-next,
.img_video04 .swiper-button-prev{position:absolute; top:50%; transform:translateY(-50%); margin-top:0; width:.75rem; height:.75rem; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:space-around; box-shadow:0 0 6px 2px rgba(0,0,0,0.1); outline:none;}
.img_video04 .iconfont{color:#000; font-size:.24rem; line-height:1; font-weight:bold; font-weight:bold;}
.img_video04 .swiper-button-prev{left:0;}
.img_video04 .swiper-button-next{right:0;}

/* 下层banner手机端显示 */
.xc_banner.m_show{display:none;}

/* 图集 */
.img_video02 .imgList{display:none;}
body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover{background:#c92929;}

@keyframes wave02 {
    1%,
    33%,
    35%,
    66%,
    68%,
    99% {
      height: 40%;
    }
    5%,
    29%,
    31%,
    62%,
    72%,
    95% {
      height: 45%;
    }
    12%,
    22%,
    45%,
    55%,
    79%,
    89% {
      height: 65%;
    }
    16%,
    18%,
    49%,
    51%,
    83%,
    85% {
      height: 70%;
    }
}





@keyframes rotate{
	0%{-webkit-transform:rotate(0deg);}
	25%{-webkit-transform:rotate(90deg);}
	50%{-webkit-transform:rotate(180deg);}
	75%{-webkit-transform:rotate(270deg);}
	100%{-webkit-transform:rotate(360deg);}
}

body #fp-nav.left{left:.3rem;}
body #fp-nav ul li a.active span, 
body #fp-nav ul li:hover a.active span {width:6px; height:6px; background:transparent; margin:-2px 0 0 -2px;}
body #fp-nav ul li a span{width:6px; height:6px; border:2px solid #B7B7B7;  background:#b7b7b7;}
body.fp-viewing-0  #fp-nav{opacity:0;}
body #fp-nav ul li:hover a span{ margin:-3px 0 0 -4px;}
/* 发展历史 end */



/* 吸顶 */
.comparePro_list .comparison_list{position:fixed; top:100%; left:0; width:100%; background:#f5f5f5; padding:.3rem 0; transition:all 0.5s ease; opacity:0; box-shadow:0 0 8px 3px rgba(0, 0, 0, 0.2);}
.comparePro_list .comparison_list .item{width:27.5%; margin-right:8.75%; float:left; text-align:center;}
.comparePro_list .comparison_list .item:last-child{margin-right:0;}
.comparePro_list .comparison_list .item a{display:block; font-size:0;}
.comparePro_list .comparison_list .item .img_box{width:24%; display:inline-block; vertical-align:middle; margin-right:5%; height:.7rem; mix-blend-mode:darken;}
.comparePro_list .comparison_list .item .img_box img{max-height:95%; mix-blend-mode:darken;}
.comparePro_list .comparison_list .item .intro{display:inline-block; vertical-align:middle; max-width:70%;}
.comparePro_list .comparison_list .item .intro .tit{font-size:.16rem; color:#000; font-weight:bold;}
.comparePro_list .comparison_list .item .intro .more{font-size:.15rem; color:#5b5b5b;}
.comparePro_list .comparison_list .item .intro:hover .tit{color:#0a1e40;}
.comparePro_list .comparison_list .item .intro:hover .more{color:#0a1e40;}

/* 参数 */
.comparePro_list .comparison02{margin-top:.7rem; padding-bottom:.4rem;}
.comparePro_list .comparison02 .box{font-size:0;}
.comparePro_list .comparison02 .list{float:left; width:25%; text-align:center; font-size:.16rem; line-height:.3rem;}
.comparePro_list .comparison02 .list .d_body{border-top:1px solid #dfdfdf; width:100%; border-collapse:collapse;}
.comparePro_list .comparison02 .list .parameter{padding:.07rem .05rem; border:1px solid #dfdfdf; border-top:0; color:#5b5b5b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.comparePro_list .comparison02 .list .d_title{font-weight:bold; background:#ededed; color:#000;}



/* 公共部分调整 */
.header .nav_down .left .tit{display:none;}
.header .nav_down .left .item{font-size:.16rem;}
.new_application.xc_nav .swiper-slide a{font-size:.16rem;}

/* select下拉 */
body .select-ui-options-default li:hover{background:#0a1e40;}

/* 页面顶部底部高度调整 */
/*.about_us01{padding-top:.7rem;}
.channel_content.news_list,
.channel_content.assess{padding:.7rem 0 .9rem;}
.brand_activity01{padding:.7rem 0 .6rem;}
.fin_lease.channel_content{padding-top:.7rem;}
*/
/* 相对定位导航 */
.ab_header .header{position:absolute; top:0; left:0; width:100%;}


@keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(1);
        opacity:0.4;
    }
    50% {
        transform:scale(1.2);
        opacity:0.8;
    }
    75% {
        transform:scale(1.3);
        opacity:0.4;
    }
    100% {
        transform:scale(1.4);
        opacity:0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(1);
        opacity:0.4;
    }
    50% {
        transform:scale(1.2);
        opacity:0.8;
    }
    75% {
        transform:scale(1.3);
        opacity:0.4;
    }
    100% {
        transform:scale(1.4);
        opacity:0;
    }
}



/* 没有询价按钮 */
.opinions01 .item.nopro .center_box{width:79%;}


/* 弹窗层级 */
body .box_wrap_out{z-index:1001;}
body #boxBlank{z-index:1000;}
body .bg-primary{background:#0a1e40;}


/*20231223lyx*/
.header .nav_down .right{padding-top:.6rem;}
.service_action03 .content .item .left .intro .icon{width:34px;}




/* 手机端二级导航 */
.m_xcNav{display:none;}
.mSearch_box{display:none;}

/* 新-公共标题 */
.new_common_title{color:#063f87; font-weight:bold; padding-bottom:.2rem; position:relative; text-align:center;}
.new_common_title::after{content:''; position:absolute; left:50%; transform:translateX(-50%); width:.84rem; bottom:0; height:4px; background:#c92929;}


/* 新字号 */
.con18{font-size:.18rem; line-height:.3rem;}
.tit26{font-size:.26rem; line-height:.35rem;}
.tit40{font-size:.4rem; line-height:.5rem;}

/* 搜索内容 */
body .searchArea .content_form .form_box .search .down_wrap{z-index:6;}

/*服务案例*/
.service_common{background:url(../images/service_case01_bg.jpg) no-repeat center; height:4.85rem;}
.service_common .infor{padding-top:1.3rem; color:#fff; font-weight:bold; text-align:center; margin-bottom:.45rem;}
.service_common .content .form_box {width:45%; margin:0 auto; border-radius:.5rem; background:#fff; height:.52rem; line-height:.52rem; padding:0 1%;position:relative;}
.service_common .content .form_box input {width:90%; line-height:.52rem; border:none; padding:0; margin:0; background:transparent; float:left;text-indent:5px; height:.52rem; color:#a9a9a9;}
.service_common .content .form_box button{width:.4rem; height:.4rem; background:#ccc; padding:0; margin:0; outline:none; border:none; cursor:pointer; transition:all 0.5s ease; position:relative; border-radius:50%; float:right; margin-top:5px; line-height:1;}
.service_common .content .form_box:hover button{background:#fcc100;}
.service_common .content .form_box button i{margin:0; font-size:.2rem; color:#fff; height:.2rem; position:absolute; left:50%; margin-left:-0.1rem; top:50%; margin-top:-0.1rem;}

.service_case02{margin:.4rem 0;}
.service_case02 .tab_c{padding-top:.7rem;}
.service_case02 .tab_c .content1{background:#f6f6f6; transition:all .3s ease; display:none;}
.service_case02 .tab_c .content2 .item{position:relative; background:#fff; width:32%; float:left; margin-bottom:.34rem; margin-right:2%; border-radius:.06rem; transition:all .3s ease;}
.service_case02 .tab_c .content2 .item .li_line{width:0; height:5px; background:#c92929; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.service_case02 .tab_c .content2 .item:hover .li_line{width:100%;}
.service_case02 .tab_c .content2 .item:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2)}
.service_case02 .tab_c .content2 .item.three_item { margin-right: 0;}
.service_case02 .tab_c .content2 .item .box{padding:.3rem;}
.service_case02 .tab_c .content2 .item .box .tit{width:80%; font-size:.22rem; color:#666; font-weight:bold; line-height:.34rem; height:.68rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.service_case02 .tab_c .content2 .item .box .list{font-size:.14rem; color:#8b8b8b; line-height:.28rem; margin:.1rem 0; }
.service_case02 .tab_c .content2 .item .box .list ul li{float:left; margin-right:.2rem; border:1px solid #8b8b8b; padding:0 5px; border-radius:.06rem;}
.service_case02 .tab_c .content2 .item .box  .con{font-size:.14rem; color:#353333; line-height:.28rem; height:.56rem; height:0px; overflow:hidden;}
.service_case02 .tab_c .content2 .item .box  .more{float:right; color:#353333;}

.service_case02 .tab_c .content2 .item_{position:relative;  width:23.8%; float:left; margin-bottom:.45rem; margin-right:1.6%; transition:all .3s ease; }
.service_case02 .tab_c .content2 .item_ a{border-radius:.1rem; overflow:hidden; display:block; background:#fff; box-shadow:0 0 15px 6px rgba(0,0,0,0.08); border-radius:.1rem;}
.service_case02 .tab_c .content2 .item_:nth-child(4n){margin-right:0;}
.service_case02 .tab_c .content2 .item_ .box .list{font-size:.14rem; color:#8b8b8b; line-height:.28rem; margin-top:.1rem; height:.4rem; overflow:hidden;}
.service_case02 .tab_c .content2 .item_ .box .list ul li{float:left; margin-right:.2rem; margin-bottom:.1rem; border:1px solid #8b8b8b; padding:0 5px; border-radius:.06rem;}
.service_case02 .tab_c .content2 .item_ .box .list ul li:last-child{margin-right:0;}
.service_case02 .tab_c .content2 .item_ .words{padding:.3rem .25rem;}
.service_case02 .tab_c .content2 .item_ .words .tit{font-size:.2rem; line-height:.32rem; color:#242424; height:.64rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:bold;}
.service_case02 .tab_c .content2 .item_ .words .time{border-top:1px solid #ebf0f5; margin-top:.2rem; padding-top:.1rem; position:relative; transition:all .3s ease;}
.service_case02 .tab_c .content2 .item_ .words .time::before{content:''; position:absolute; top:-1px; left:0; width:0; height:1px; background:#194097; transition:all .3s ease;} 
.service_case02 .tab_c .content2 .item_ .words .time span{color:#194097; border-radius:50%; font-size:.16rem; margin-right:.13rem; display:inline-block; vertical-align:middle;}
.service_case02 .tab_c .content2 .item_:hover>a{transform:translateY(-0.1rem); background:#063f87;}
.service_case02 .tab_c .content2 .item_:hover .words .tit{color:#fff; font-weight:bold;}
.service_case02 .tab_c .content2 .item_:hover .words .time{border-top-color:rgba(255,255,255,0.1); color:#fff;}
.service_case02 .tab_c .content2 .item_:hover .words .time span{color:#fff;}
.service_case02 .tab_c .content2 .item_:hover .box .list{color:#fff;}
.service_case02 .tab_c .content2 .item_:hover .box .list ul li{border-color:#fff;}
.service_case02 .rect-6275{padding-bottom:62.75%;}

.service_case03{background:#fcfafa; position:relative; height:calc(100vh - 3rem); overflow:hidden; display:none;}
.service_case03 .swiper01_box{width:50%; margin-left:0; height:100%;}
.service_case03 .swiper01{height:100%;}
.service_case03 .swiper-pagination{position:absolute; bottom:9.4%; display:inline-block; width:auto; left:55%;}
.service_case03 .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:.5rem; height:4px; vertical-align:middle; background:#e4e0e0;opacity:1; outline:none; border-radius:2px; margin-right:.15rem;}
.service_case03 .swiper-pagination-bullet-active .timer,  
.service_case03 .swiper-pagination-bullet .timer{display:block; position:relative;width:.5rem; height:4px; margin-top:0; background:transparent; opacity:1}
.service_case03 .swiper-pagination-bullet .timer::before{position:absolute; top:0; left:0; width:100%; height:100%; background:#e4e0e0; opacity:1; content:''}
.service_case03 .swiper-pagination-bullet .process{display:block; position:absolute; top:0; left:0; width:0; opacity:0; height:100%; background:#c92929;transition-property:width; transition-timing-function:linear;}
.service_case03 .swiper-pagination-bullet.play .process{opacity:1; width:100%;}
.service_case03 .swiper-slide{height:100%; overflow:hidden;}
.service_case03 .swiper-slide .img_{height:100%; position:relative;}
.service_case03 .swiper-slide img{min-height:100%; /*max-width:none;*/ min-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.service_case03 .words_box{position:absolute; top:43%; transform:translateY(-50%); left:0; width:100%;}
.service_case03 .words_box .swiper02{width:40%; margin:0 auto; margin-right:4.5%;}
.service_case03 .words_box .swiper-slide{opacity:0!important;}
.service_case03 .words_box .swiper-slide.swiper-slide-active{opacity:1!important;}
.service_case03 .words_box .words .title a{font-weight:bold; color:#063f87;}
.service_case03 .words_box .words .list{font-size:.14rem; color:#8b8b8b; line-height:.28rem; margin:.25rem 0 .15rem; }
.service_case03 .words_box .words .list ul li{float:left; margin-right:.2rem; border:1px solid #8b8b8b; padding:0 5px; border-radius:.06rem; margin-bottom:.1rem;}
.service_case03 .words_box .words .more_btns{display:inline-block; line-height:.45rem; width:1.8rem; color:#000; font-size:.16rem; background:#c92929; margin-top:.45rem; font-weight:bold; border-radius:.06rem; text-align:center; transition:all .3s ease;}
.service_case03 .words_box .words .more_btns:hover{color:#fff; background:#063f87;}

.service_case03 .go_down{position:absolute; bottom:5.4%; left:0; width:100%; text-align:right;}
.service_case03 .go_down .box{display:inline-block; position:relative;} 
.service_case03 .go_down .box .bg{width:1.1rem; height:1.1rem; animation:txtRun 10s linear forwards infinite;}
.service_case03 .go_down .box .icon{width:.25rem; position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); animation:updown1 1400ms ease-in-out infinite;}
@keyframes txtRun {
    form {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}

@keyframes updown1 {
    0% {
        margin: -15px 0 0 0;
    }

    50% {
        margin: -5px 0 0 0;
    }

    100% {
        margin: -15px 0 0 0;
    }
}



/* 施工案例详细 */
.service_detail03{background:#f6f6f6; padding:.45rem 0; position:relative;}
.service_detail03 .content{padding:0 .82rem 0 0; position:relative;}
.service_detail03 .content .box{background:#fff; padding:.65rem .6rem;}
.service_detail03 .content .box .infor{color:#000; font-weight:bold; text-align:center;}
.service_detail03 .content .box .list{text-align:center; margin:.35rem 13%;}
.service_detail03 .content .box .bott_{text-align:center;}
.service_detail03 .content .box .bott_ img{margin-bottom:.3rem;}
.service_detail03 .content .box .bott_ p{text-align:left;}
.service_detail03 .content .box .list li{width:48%; display:inline-block; font-size:.17rem; color:#000; line-height:.43rem; border:1px solid #eee; margin:0 5px; border-radius:.06rem;}
.service_detail03 .content .back_box{position:absolute; right:0; top:0; width:.56rem}
.service_detail03 .content .back_box>div{background:#fff; transition:all .3s ease;}
.service_detail03 .content .back_box>div:hover{background:#063f87;}
.service_detail03 .content .back_box .icon{width:100%; height:.63rem; margin:0; line-height:.63rem; display:inline-block; font-size:.3rem; text-align:center; color:#bfbfbf; transition:all .3s ease;}
.service_detail03 .content .back_box>div:hover .icon{color:#fff;}
.service_detail03 ._tools {font-size:0; color:#7e7e7e; margin-bottom:.15rem; text-align:center}
.service_detail03 ._tools ._tool{font-size:.12rem; margin-right:.1rem; display:inline-block; height:.5rem; line-height:.5rem; vertical-align:middle; overflow:hidden;}
.service_detail03 ._tools .iconfont {font-size:.18rem; display:inline-block; height:.3rem; line-height:.3rem; vertical-align:-2px;}
.service_detail03 ._tools b {font-weight:normal; }
.service_detail03 ._tools #switcher {margin-left:.1rem; line-height:.4rem;}
.service_detail03 ._tools #switcher ._title{margin-right:.05rem;font-size:.12rem;color:#7e7e7e;}
.service_detail03 ._tools #switcher a {font-size:.13rem; margin:0 1px; }

/* 分页 */
.page_bott{background:#fff; margin-top:.3rem;}
.page_bott .page_prev{float:left; width:46%; border-right:1px solid #c9c9c9; box-sizing:border-box;}
.page_bott .page_next{float:right; width:46%; border-left:1px solid #c9c9c9; box-sizing:border-box;}
.page_bott .box{padding:.3rem .2rem;}
.page_bott .page_prev .page_btn{float:left; padding-left:.45rem;}
.page_bott .page_next .page_btn{float:right; padding-right:.45rem;}
.page_bott .page_btn{margin-right:.3rem; font-size:.16rem; color:#797979; position:relative;}
.page_bott .page_btn .icon{position:absolute; width:31px; height:11px; background:url(../images/news_detail02_3.png) no-repeat; top:50%; margin-top:-5px;}
.page_bott .page_prev .page_btn .icon{left:0;}
.page_bott .page_next .page_btn .icon{background-position:-32px 0; right:0;}
.page_bott .t{font-size:.18rem; font-weight:bold; color:#3f3f3f; line-height:.3rem;}
.page_bott a:hover .t{color:#063f87 ;}
.page_bott .page_center{float:left; width:8%; height:.9rem; position:relative;}
.page_bott .page_center .icon .iconfont{position:absolute; left:50%; transform:translate(-50%,-50%); top:50%; margin:0; display:block; font-size:.24rem; color:#b5b5b5;color:#b5b5b5;}
.page_bott .page_center:hover .icon .iconfont{color:#063f87 ;}
.page_bott .page_prev:hover .page_btn .icon{left:-5px; transition:.3s ease;}
.page_bott .page_next:hover .page_btn .icon{right:-5px; transition:.3s ease;}




/* 公共提示文字 */
body .box_wrap_remind{text-align:center;}
/* 内页导航 */
.syt_banner.spec .syt_words{position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; display:block;}
.syt_banner.spec .syt_words .title{font-size:.4rem; font-weight:bold; color:#063f87; line-height:1;}
.syt_banner.spec .syt_words .con{color:#000000; margin:.1rem 0 .2rem;}
.syt_banner.spec .syt_words .more_btns{font-size:.16rem; line-height:.45rem; color:#000000; font-weight:bold; padding:0 .44rem; border-radius:.06rem; background:#c92929; display:inline-block;}
.syt_banner.spec .syt_words .more_btns:hover{color:#fff; background:#063f87;}


/* 产品详情 */
.pro_detail02 .bd .right .section:last-child{padding-bottom:0;}
.pro_detail02 .bd .right .section04 .cont .more_btns{font-size:.16rem; line-height:.45rem; color:#000000; font-weight:bold; padding:0 .44rem; border-radius:.06rem; background:#c92929; display:inline-block; position:absolute; bottom:1rem; left:50%; transform:translateX(-50%); cursor:pointer; z-index:3; transition:all .3s ease; display:none;}
.pro_detail02 .bd .right .section04 .cont .more_btns:hover{color:#fff; background:#063f87;}
.pro_detail02 .bd .right .section04.hasMore .cont{height:7.62rem; overflow:hidden; position:relative;}
.pro_detail02 .bd .right .section04.hasMore .cont::after{content:''; position:absolute; bottom:0; height:2.8rem; left:0; width:100%; background:linear-gradient(to top,rgba(255,255,255,0.9) 30%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.5) 80%,rgba(255,255,255,0.2)); }
.pro_detail02 .bd .right .section04.hasMore .cont .more_btns{display:block;}
.pro_detail02 .bd .right .section04.hasMore .cont.showAll{height:auto;}
.pro_detail02 .bd .right .section04.hasMore .cont.showAll::after{display:none;}




/* 暂时隐藏 */
/*.h_top .h_stock{margin-right:0;}
.h_top .h_rank{display:none!important;}
*/



/* 关于我们 */
/* 白色 */
.btn-noborder-white {padding: 0 .2rem;display: inline-block;height: .5rem;line-height: .5rem;background: #fff;cursor: pointer;position: relative;display: inline-block;text-align: center;font-size: 0;}
.btn-noborder-white .arrow {display: inline-block;width: 17px;height: 14px;background: url(../images/btn_black_jt.png) no-repeat center;vertical-align: middle;}
.btn-noborder-white .label {font-size: .14rem;position: relative;display: inline-block;vertical-align: middle;white-space: nowrap;padding: 0 10px;opacity: 0;visibility: hidden;max-width: 0;padding: 0;-webkit-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-ms-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);color: #fff}
.btn-noborder-white:hover .label {max-width: .8rem;padding: 0 .1rem;opacity: 1;visibility: visible;color: #333f47;}

/*有线框*/
.btn-border {padding: 0 .2rem;display: inline-block;height: .5rem;line-height: .5rem;border: 1px solid #d0d0d0;cursor: pointer;position: relative;display: inline-block;text-align: center;font-size: 0;}
.btn-border .arrow {width: .17rem;height: .14rem;background: url(../images/btn_black_jt.png) 50% 50% no-repeat;display: inline-block;vertical-align: middle;}
.btn-border .label {font-size: .14rem;position: relative;display: inline-block;vertical-align: middle;white-space: nowrap;padding: 0 .1rem;opacity: 0;visibility: hidden;max-width: 0;-webkit-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-ms-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);color: #444;}
.btn-border:hover .label {max-width: .8rem;padding: 0 .1rem;opacity: 1;visibility: visible;color: #000;}

/* 黄色按钮 */
.btn-yellow {display: inline-block;padding: 0 .3rem;background: #004bbe;text-align: center;font-size: .17rem;color: #fff;font-weight: lighter;position: relative;}
.btn-yellow span {position: relative;z-index: 2;display: inline-block;height: .5rem;line-height: .5rem;}
.btn-yellow:after {content: '';width: 0;height: 100%;background: #0c152d;position: absolute;left: 0;bottom: 0;z-index: 1;transition: all 0.5s ease;}
.btn-yellow:hover:after {width: 100%;}
.btn-yellow .icon {position: relative;top: 2px;z-index: 2;display: inline-block;width: .17rem;height: .14rem;margin-left: 8px;background: url(../images/btn_white_jt.png) no-repeat center;}
.btn-yellow:hover {color: #fff;}
/* 墨兰色按钮 */
.btn-blue {display: inline-block;padding: 0 .3rem;background: #252525;text-align: center;font-size: .17rem;color: #fff;font-weight: lighter;position: relative;}
.btn-blue span {position: relative;z-index: 2;display: inline-block;height: .5rem;line-height: .5rem;}
.btn-blue:after {content: '';width: 0;height: 100%;background: #333;position: absolute;left: 0;bottom: 0;z-index: 1;transition: all 0.5s ease;}
.btn-blue:hover:after {width: 100%;}
.btn-blue .icon {position: relative;top: 2px;z-index: 2;display: inline-block;width: .17rem;height: .14rem;margin-left: 8px;background: url(../images/btn_white_jt.png) no-repeat center;}
.btn-blue:hover {color: #fff;}


/*关于我们*/
/*.about_us.channel_content {padding-top: 0;}
.about_us01 { position: relative; margin:.6rem 0 0;}
.about_us01:before{position: absolute;background:#333 url(../images/about_l_bg.jpg) no-repeat center;background-size: cover; width:49%; height: 100%; left: 0;  content: ''; z-index: 8}
.about_us01 .left {float: left;width: 48%;position: relative; z-index: 10;padding:.5rem 0;}
.about_us01 .left .infor .tit {font-size:.6rem;color: #c92929;font-weight: 600;  }
.about_us01 .left .infor .con {font-size: .22rem; line-height: 1.2; color: #fff}
.about_us01 .left ul {width: 80%;margin-top: .3rem;}
.about_us01 .left ul li {float: left;width: 45%;position: relative;margin:.2rem 0;}
.about_us01 .left ul li .t {font-size: .16rem;color: #c92929;}
.about_us01 .left ul li .c {font-size: .15rem;color: rgba(255,255,255,.85);}
.about_us01 .left ul li .num {font-size: .5rem;color: #c92929;line-height: 1.4; font-weight: bold;}
.about_us01 .left ul li.li1:after {content: '';width: 1px;height: 1.02rem;position: absolute;right: 0;top: 50%;margin-top: -.51rem;background: url(../images/about_us01_1.jpg) no-repeat center;}
.about_us01 .left ul li.li3:after {content: '';width: 1px;height: 1.02rem;position: absolute;right: 0;top: 50%;margin-top: -.51rem;background: url(../images/about_us01_1.jpg) no-repeat center;}
.about_us01 .left ul li.li2 .box, .about_us01 .left ul li.li4 .box {padding-left: .3rem;}
.about_us01 .left ul li.li1, .about_us01 .left ul li.li3 {width: 40%;}
.about_us01 .right {float: right;width: 48%;font-size: .17rem;color:#222;line-height:1.7; padding:.4rem 0;}

.about_center02 {padding: .9rem 0;}
.about_center02 .rect-101 {padding-bottom: 101%;}
.about_center02 .infor {text-align: center;margin-bottom: .5rem;color: #333e46}
.about_center02 .infor .tit {font-size: .38rem;font-weight: bold;line-height: .55rem;}
.about_center02 .infor .con {font-size: .32rem;}
.about_center02 .content .item {float: left;width: 31%;margin-left: 3.5%;overflow: inherit;}
.about_center02 .content .item:first-child {margin-left: 0;}
.about_center02 .content .item a {display: block;}
.about_center02 .content .item .intro {position: relative;float: right;margin-top: -.95rem;width: 92%;background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);transition: .5s ease;}
.about_center02 .content .item .intro .box {padding: .5rem .35rem;color: #232323;}
.about_center02 .content .item .intro .box .t {font-size: .22rem;font-weight: bold;transition: .5s ease; }
.about_center02 .content .item .intro .box .c {font-size: .15rem;transition: .5s ease; line-height: 1.4; margin-top: .1rem}
.about_center02 .content .item.cur .intro {background: #c92929;box-shadow: inherit;}
.about_center02 .content .item.cur .intro .box .t {transform: translateY(-10px);color: #fff}
.about_center02 .content .item.cur .intro .box .c {transform: translateY(-10px);color: #fff}
.about_center02 .content .item:hover .intro {background: #333;box-shadow: inherit; color: #fff !important; background: linear-gradient(to bottom right, #555555 0%, #323232 100%);}
.about_center02 .content .item:hover .intro .box .t {transform: translateY(-10px);color: #fff}
.about_center02 .content .item:hover .intro .box .c {transform: translateY(-10px);color: #fff}*/

/*优势公用*/
.aboutys{ background:#fff; padding:.8rem 0;}
.aboutys .infor .tit{  font-weight:bold; font-size: .46rem; line-height: 1.2}
.aboutys .infor .con{ font-size: .18rem}
.aboutys .content{ padding-top: .45rem }
.aboutys  .about-pic{ width: 44%; float: left; overflow: hidden; position: relative; }
.aboutys  .about-pic img{ width: 100% }
.aboutys  .ysbox{ float: none; width: 100% }
.aboutys .youshi_ul{ }
.aboutys .youshi_ul li{ width:47.6666%;  margin:0 1% .3rem; display:inline-block; background:#ebeff0;  height:2rem; padding:.25rem; vertical-align:top;}
.aboutys .youshi_ul li .fa{  font-size:.3rem; color:#c92929; padding-right:.1rem; }
.aboutys .youshi_ul li .txt{ line-height:1.6;}
.aboutys .youshi_ul li .tit{ font-size:.25rem; display:block;color:#c92929;  font-weight:500; margin-bottom:.1rem; }
.aboutys .youshi_ul li .txt p{font-size:.17rem;}
.aboutys .youshi_ul li:hover .tit{ color:#c92929; text-decoration:underline}


/*公司简介*/




/*联系我们*/
.contact_us01 {padding:65px 0;}
.contact_us01 .tit {font-size: .45rem;color: #333e46;font-weight: bold;margin-bottom: .15rem;font-weight: bold; }
.contact_us01 .content{ padding: .3rem }
.contact_us01 .contacr_01_l {float: left;width: 38%;}
.contact_us01 .contacr_01_l .con {font-size: .2rem;color: #555;line-height:1.5;margin-bottom:.15rem;}
.contact_us01 .contacr_01_l ul li {width: 100%;margin-top: .2rem; vertical-align: top;font-weight: 500;}
.contact_us01 .contacr_01_l ul li .t {font-size: .18rem;color: #222;font-weight: bold;margin-bottom: 5px; display: inline-block; }
.contact_us01 .contacr_01_l ul li .t .fa{ font-size: .25rem; color: #c92929; padding-right: .1rem}
.contact_us01 .contacr_01_l ul li .c {font-size: .2rem;color: #333;line-height: 1.5; font-weight:bold; display: inline-block; padding-left: .1rem; font-weight: 300; }
.contact_us01 .contacr_01_l ul li .c1 {font-size: .16rem;color: #444;line-height: 1.5;overflow: hidden;  display: block;font-weight: 300;}
.contact_us01 .contacr_01_l ul li .c2{ font-family:lato; font-size:.2rem; font-weight:bold; color:#222}
/*.contact_us01 .contacr_01_l ul .wx .c{ max-width: 130px }
.contact_us01 .contacr_01_l ul li .c p{ text-align: center; padding-top: 5px }
.contact_us01 .contacr_01_l .bdsharebuttonbox a {background: none;padding-left: 0;font-size: 20px;color: #bebebe;}
.contact_us01 .contacr_01_l .bdsharebuttonbox a:hover {color: #fcb026;}*/


.contact_us01 .contacr_01_r {float: right;width: 58%;border: 1px solid #d0d4d9; height: 100%; max-width:862px}

.contactmsg{ padding:.6rem 0;background: url(../images/msg.jpg) no-repeat; background-size: cover;}
.contactmsg .msgtitle{color:#333; text-align:center}
.contactmsg .msgtitle h2{  font-weight:bold; font-size: .45rem; line-height:1.2}
.contactmsg .msgtitle p{font-size: .18rem; padding-top:0rem}

.contactmsg .msg{ margin-top: .5rem; width:100%;  }
.contactmsg .msg .lp-input{ width:48%; border:1px #bbb solid; line-height: .55rem;  margin-left:1%; padding: 0 .2rem; margin-bottom:.1rem; background:#fff; display:inline-block}
.contactmsg .msg .lp-input2{ Width:98.5%; margin-top:.1rem; display:block; height:1.5rem}
.contactmsg .msg .lp-btn{ background: #0045ae; color: #fff; line-height: .55rem; text-align: center; width: 20%; border:0;  font-weight: bold; float:none; margin:.2rem auto;display:block; font-size:.18rem; border-radius:3px; cursor:pointer}



/*产品列表页面*/
/*产品分类*/
.porfenlei{  margin: .5rem auto 0 ;background: #fff; border-radius: 5px;display: flex; position: relative; height: 1.3rem; padding: 0 .3rem}
.porfenlei .porf2{  padding: .1rem .1rem; height: .65rem; line-height: .65rem }
.porfenlei .porf2 .flico{   display: block; }
.porfenlei .porf2.hover .flico{ color: #c92929;z-index: 10;  position: relative;background: #f9f9f9; padding: 0 .15rem}
.porfenlei .porf2 .porf3{ position: absolute; top: .65rem;  left: 0; width: 100% ; opacity:0; height: .65rem; background: #f9f9f9; padding: 0 .15rem}
.porfenlei .porf2 .porf3.show{opacity:1;}
.porfenlei .porf2 .porf3 a{ display: inline-block; padding: 0 .15rem }
.porfenlei .porf2.active .porf3{ opacity: 1;}
.porfenlei .porf2.active .flico{color: #c92929;z-index: 10;  position: relative; background: #f9f9f9; padding: 0 .15rem}
.porfenlei .porf2 .porf3 .active{color: #c92929;}
.porfenlei .porf2.active .porf3 .list{ position: relative;z-index:6}
.porfenlei .hover .porf3 .list{position: relative; z-index: 9; background: #f9f9f9; height:100%}

/*手机端分类*/
.mdqwz{padding:.2rem 0 .0rem;font-size:.12rem}
.mporfenlei{ padding:.1rem 0 .2rem; text-align:center}
.mporfenlei ul li{ display:inline-block; padding:.08rem .2rem; background:#fff; margin:.1rem .1rem 0 0; font-size:.18rem}
.mporfenlei ul li.cur{ background:#004da9; color:#fff}
.channel_content .mdqwz{ padding:.4rem 0 .1rem}
.channel_content2 .mdqwz{ padding:.5rem 5% .2rem}
.aboutMain .mdqwz{ padding:.4rem 5% .1rem}
.serviceMain .mdqwz{ padding:.2rem 5% .4rem}
.porlistfl{ padding:.5rem 0}
.porlistfl .t{ font-size:.3rem; padding-bottom:.2rem; font-weight:bold}
.porlistfl ul{  flex-wrap:wrap; height:auto; overflow:hidden; }
.porlistfl ul li{width:32%;  font-size:.16rem; text-align:center; margin-bottom:.15rem}
.porlistfl ul li a{ display:block}
.porlistfl ul li figure{ display:background; height:1.1rem; padding:.1rem; background:#f1f1f1}
.porlistfl ul li figure img{ width:90%; margin:0 auto; display:block}
.porlistfl ul li .tit{ margin-top.2rem}
.porlistfl ul li.nyflteam figure{ background:#004da9; color:#fff; font-size:.2rem; line-height:.9rem}

.por_clm_item{ margin: .2rem 0 0rem}
.lm_item_title{padding: 0 2%;display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-start;-ms-justify-content:flex-start;-webkit-justify-content:flex-start;align-items: center;-webkit-align-items: center;-ms-align-items:center;cursor: pointer; margin:.6rem auto 0rem;background:#fff;}

.lm_item_title .icon{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-start;-ms-justify-content:flex-start;-webkit-justify-content:flex-start;align-items: center;-webkit-align-items: center;-ms-align-items:center;font-size: .3rem;text-align: center;color: #343434;transition:all 0.5s;-webkit-transition:all 0.5s;padding: 8px 25px 8px 0;}
.lm_item_title .tt{font-weight: bold;padding: 8px 0;display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-start;-ms-justify-content:flex-start;-webkit-justify-content:flex-start;align-items: center;-webkit-align-items: center;-ms-align-items:center; width: 90%}
.lm_item_title .t1{ padding-right: .25rem }
.lm_item_title .t2{ display: inline-block; font-size: .18rem; font-weight:normal; padding-right: .15rem; position: relative; margin-right: .15rem; margin-bottom:.1rem; }
.lm_item_title .t2:after{ position: absolute; right: 0; top: 50%; height: 12px; width: 1px; background: #bbb; content: ''; margin-top: -6px }
.lm_item_title .more{width: 1rem; color: #222; font-size: .2rem; }
.lm_item_title .more:hover{ color: #000; font-weight: bold; }
.lm_item_title .tt a:hover { color:#0442a1;  }

.pro_center{background:#ebeff0;padding:0 0 .5rem 0}
.pro_center01 li {width: 24%;float: left;margin-left:1.3%; position: relative;}
.pro_center01 li:first-child {margin-left: 0;}
.pro_center01 li .li_box {display: block;background:url(../images/ipart-por_right.jpg) bottom; height: 2rem; background-size: cover; }
.pro_center01 li .li_box .intro {font-weight: bold; }
.pro_center01 li .li_box .intro .box {padding-top: .3rem;padding-left: .3rem;}
.pro_center01 li .li_box .intro .box .con {font-size: .15rem;color: #004da9; margin-top:.15rem; font-weight: normal;}
.pro_center01 li .li_box .intro .box .txt{ width:45%; font-weight: normal; color: #666; line-height: 1.6; padding-top:.08rem}
.pro_center01 li .li_box .intro .box .tit {font-size: .24rem;line-height: .3rem;color: #323f47;}
.pro_center01 li .li_box .img {position: absolute;right: 0;bottom: .1rem;width: 2.11rem;height: 1.42rem;transition: all 0.5s ease;z-index:5}
.pro_center01 li:hover .li_box .img,.pro_center01 li.cur .li_box .img {bottom:.3rem;}
.pro_center01 li:hover .li_box,.pro_center01 li.cur .li_box{ background: #252525 }
.pro_center01 li:hover .li_box .box .tit,.pro_center01 li.cur .li_box .box .tit{ color: #fff }
.pro_center01 li:hover .li_box .intro .box .txt,.pro_center01 li.cur .li_box .intro .box .txt{ color: rgba(255,255,255,.65); }
/*.pro_center02{ padding:0rem 0 .65rem;  }*/
.pro_center02 ul{ margin-left: -2%; }
.pro_center02 .item {float: left;box-sizing: border-box;width:23%;margin-left:2%;margin-top: 1.49%;height:4.4rem;}
.pro_center02 .item .item_box {position: relative;box-sizing: border-box;height: 100%;background: #fff;transition: all 0.5s ease;}
.pro_center02 .item .item_box::after {content: '';width: 0%;height: 6px;background: #004da9;position: absolute;left: 0;bottom: 0;transition: 0.5s ease;}
.pro_center02 .item .img_box {text-align: center;/*background:url(../images/porbg.jpg) bottom; */ background-size: cover; padding:0 0 .15rem 0 }
.pro_center02 .item .img_box img {max-height: 100%;}
.pro_center02 .item .intro_box {text-align: center;padding:0rem .25rem; height:auto; overflow:hidden}
.pro_center02 .item .intro_box .tit {font-size: .2rem;line-height:1.3;color: #222;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  font-weight: bold; font-family:Lato-blod; }
.pro_center02 .item .intro_box .con {font-size: .15rem;line-height: .2rem;color: #555; padding-top: .05rem}
.pro_center02 .item .intro_box .tit2{ font-size:.14rem; padding-top:.05rem; color:#666}
.pro_center02 .item .item_box .icon_1 {width: .63rem;height: .62rem;background: url(../images/pro_list_ico.png) no-repeat center;position: absolute;top: -.1rem;left: -.1rem;opacity: 1; background-size: cover;}
.pro_center02 .item .ibott .box2 {position: absolute;bottom: .15rem;left: .25rem;right: .25rem;transition: all .3s ease; text-align: center;height:auto; overflow:hidden}
.pro_center02 .item .ibott .box2 .inquiry_btn {display: inline-block;background: #fff;text-align: center;font-size: .14rem;line-height: .35rem; width: 44%; color: #333;border:1px #ddd
	solid; }
.pro_center02 .item .ibott .box2 .inquiry_btn2{ background: #f5f5f5; color: #333; margin-right: 2% ;border:1px #f5f5f5 solid;}
.pro_center02 .item .ibott .box2 .inquiry_btn:hover{ background: #0442a1; color: #fff }
.pro_center02 .item .ibott .box2 .links {font-size: 0;text-align: center;margin-top: .2rem;}
.pro_center02 .item .ibott .box2 .links a {position: relative;font-size: .14rem;padding: 0 .08rem;}
.pro_center02 .item .ibott .box2 .links a::after {content: '';position: absolute;right: 0;top: 50%;height: .12rem;margin-top: -0.06rem;background: #333;border-left: 1px solid #333;}
.pro_center02 .item .ibott .box2 .links a:first-child {padding-left: 0;}
.pro_center02 .item .ibott .box2 .links a:last-child {padding-right: 0;}
.pro_center02 .item .ibott .box2 .links a:last-child::after {display: none;}

.pro_center02 .item:hover .item_box {box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23);transform: translateY(-10px);}
.pro_center02 .item:hover .item_box::after {width: 100%;}
.pro_center02 .item:hover .intro_box .tit {color: #000;}
/*.pro_center02 .item.cur {box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23);transform: translateY(-10px);}
.pro_center02 .item.cur::after {width: 100%;}
.pro_center02 .item.cur .ibott .box1 {opacity: 0;visibility: hidden;}
.pro_center02 .item.cur .ibott .box2 {transform: translateY(0);opacity: 1;visibility: visible;}
.pro_center02 .item.cur .intro_box .tit {color: #c92929;}
*/
/*分页*/
/*.paging { text-align: center; padding: .2rem 0px; }
.paging a:link, .paging a:visited { color: #666666; }
.paging span.current, .paging a:hover { color: #fff; background-color: #333; border-color: #222; }
.paging a, .paging span { padding: 7px 13px; border: 1px solid #d1d1d1; margin: 0px 2px; }
.lction{ height: .4rem; line-height: .4rem;  background-color: #f5f5f5; color: #333 }*/
.my-4{ text-align: center; padding: .55rem .1rem 0;font-weight:300;  }
.my-4 .pagination{ display: flex; justify-content: center; }
.my-4 .pagination a{  margin: 0 .02rem }
.my-4 .pagination a.page-link{ display: inline-block; padding: .1rem;  border:1px #444 solid; background-color: #444; color: #fff }
.my-4 .pagination .page-num{ display: inline-block; padding: .1rem .15rem;  border:1px #ddd solid; }
.my-4 .pagination .page-num-current{background-color: #004da9; color: #fff}

/*产品详细*/
.pro_detail01 { background:#3d5674 url(../images/pbg.jpg) no-repeat;padding:2rem 0 .7rem;position: relative; background-size: cover;}
.pro_detail01 .left{ width:60%; float: right; overflow: hidden; }
.pro_detail01 .porbg .bigimgbox{ width: 80%; overflow: hidden; }
.pro_detail01 .porbg .bigimgbox .swiper-wrapper{ width: 100% }
.pro_detail01 .porbg .bigimgbox .bigimg{background: #f2f2f2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background-size: cover; position: relative;}
.pro_detail01 .left .items{ width:17%; height: 100%; overflow: hidden; overflow: hidden; }
.pro_detail01 .left .items li{ display: block; height:100% !important; width: 100%; background:#fff; border: 2px #ccc solid; padding: .1rem 0 }
.pro_detail01 .left .items .swiper-slide-thumb-active{border: 2px #004bbe solid;}
.pro_detail01 .left .items li:last-child{ margin-bottom: 0 !important }

.pro_detail01 .porbg .icon_1 {width: .63rem;height: .62rem;background: url(../images/pro_list_ico.png) no-repeat center;position: absolute;top: -.1rem;left: -.1rem; background-size: cover;}
.pro_detail01 .porbg img{}
.pro_detail01 .right {width: 38%;float: left;overflow: hidden;position: relative; padding-top: .3rem}
.pro_detail01 .right .xh {font-size: .25rem;color:#fff; }
.pro_detail01 .right .xh:hover{ text-decoration: underline;  color: #fff }
.pro_detail01 .right .tit {font-size: .56rem;line-height: .5rem;font-weight:600;  margin-bottom: .25rem; padding-top: .1rem; color: #fff;  }
.pro_detail01 .right .text {font-size: .15rem;color:rgba(0,0,0,.9);line-height:1.8;margin: .35rem 0;border:1px rgba(0,0,0,.2) solid; display:flex; flex-wrap:wrap; background:rgba(255,255,255,.3); }
.pro_detail01 .right .text p{ width:50%; padding:.1rem; border-right:1px rgba(0,0,0,.2) solid; border-bottom:1px rgba(0,0,0,.2) solid; }
.pro_detail01 .right .text p.w1{ width:100%; display:block; border:0; float:none;  background:rgba(255,255,255,.5); }
.pro_detail01 .right .text p:nth-child(2n){ border-right:0}
.pro_detail01 .right .tit2{ font-size: .22rem; color: #fff;   padding: .05rem .1rem; background:linear-gradient(to right, #051021, rgba(0, 0, 0, 0)); }

.pro_detail01 .right .list{ margin:.2rem 0 .3rem }
.pro_detail01 .right .list .tit {font-size: .15rem;line-height: .28rem;color: #fff;font-weight: bold;margin-bottom: .1rem;font-family: 'Lato-blod', sans-serif;}
.pro_detail01 .right .list .li_box {display: inline-block;background: #fff;margin-right: 1%;margin-bottom:.1rem;padding: .05rem .1rem;}
.pro_detail01 .right .list .li_box a {display: block;font-size: .14rem;font-weight: lighter;}
.pro_detail01 .right .list .li_box:hover{ background: #c92929; }
.pro_detail01 .right .list .li_box:hover a{ color: #fff }
.pro_detail01 .link {margin: .1rem 0 0;}
.pro_detail01 .link a {display: inline-block;margin-right: .4rem; color: rgb(0,0,0,.7); }
.pro_detail01 .link a span {display: inline-block;vertical-align: middle;}
.pro_detail01 .link a span.icon {width: 19px;height: 19px;}
.pro_detail01 .link a span.icon img {display: none;}
.pro_detail01 .link a.link_a1 span.icon {background: url(../images/pro_detail01_ico1.png) no-repeat 0 -19px;}
.pro_detail01 .link a.link_a1:hover span.icon {background-position: 0 0}
.pro_detail01 .link a.link_a2 span.icon {background: url(../images/pro_detail01_ico2.png) no-repeat 0 -19px;}
.pro_detail01 .link a.link_a2:hover span.icon {background-position: 0 0;}
.pro_detail01 .link a.link_a3 span.icon {background: url(../images/pro_detail01_ico3.png) no-repeat 0 -19px;}
.pro_detail01 .link a.link_a3:hover span.icon {background-position: 0 0;}
.pro_detail01 .link a span.txt {font-size: .12rem;}
.pro_det{ margin-top:.25rem}
.pro_det a{ display: inline-block;font-size: .18rem  }
.pro_det .pro_det_btn_msg{  padding: .1rem .2rem; background-color: #fff; text-align: center;  max-width: 48%; border-radius: 5px; }
.pro_det .pro_det_btn_msg2{ background:#333; color:#fff}
.pro_det .pro_det_btn_maile{ background:#004bbe; color:#fff; margin-left:.1rem}
.pro_det .pro_det_mail{   color: #fff }
.porrzicon{ width:60%; margin:.4rem 0 0 0; max-width:3rem}

.pro_detail02{ margin: 0 auto }
.pro_detail02 .hd .wrap{}
.pro_detail02 .pornavbox { width: 80% }
.pro_detail02 .hd {margin-bottom: .7rem;height: .8rem; line-height: .8rem; background: #f2f2f2;z-index:50;color: #1b2128;}
.pro_detail02 .hd .title{ font-size: .26rem; font-weight: bold; padding: 0 .1rem; background: #0045ae; color: #fff; width: 30%; text-align: center;}
.pro_detail02 .hd .target_wrap {transition: padding 0.5s ease;}
.pro_detail02 .hd .target_wrap.fixed {width: 100%;position: fixed;left: 0;top: 0;background: #fff;z-index: 5;box-shadow: 0 0 15px rgba(0,0,0,.2);padding: .15rem 0;}
.pro_detail02 .hd ul { display: flex; justify-content:flex-end;}
.pro_detail02 .hd ul li {font-size: .2rem;line-height: .8rem;color: #333;cursor: pointer;  padding: 0 2%;  width: 16.666666%; text-align: center; border-right: 1px #ddd solid}
.pro_detail02 .hd ul li.cur,.pro_detail02 .hd ul li:hover,.pro_detail02 .hd ul li a:hover{color: #fff;  background:#101523}


.pro_detail02 .hdscroll{position:fixed;top:1rem;width:100%;}

.pro_detail02 .sections {font-size: .17rem; line-height:1.8; color: #333;font-family: 'Lato',sans-serif; color: #222}
.pro_detail02 .sections .title {font-size: .38rem;line-height: .5rem;color: #333f47;font-weight: bold;margin-bottom:.25rem;}
.pro_detail02 .sections01{margin-bottom: .7rem;  }
.pro_detail02 .sections01 .right{ width: 45%; float: right; }
.pro_detail02 .sections01 .right iframe{ width: 100%; height:350px; }
.pro_detail02 .sections01 .right .porvideo{ width: 100%; height: auto; background: #444 }
.pro_detail02 .sections01 .left{ width: 51%; float: left;  line-height:1.8; }
.pro_detail02 .sections01 .left .js-bnt{ margin-top: .1rem }

/*机型*/
.pro_detail02  .sections21{ padding: .7rem 0; background:#333 url(../images/pbg.jpg) no-repeat;background-size: cover; margin-bottom:0}
.pro_detail02 .sections21 .title{ color: #fff }
.pro_detail02 .sections21 ul{ display: flex; justify-content: flex-start; }
.pro_detail02 .sections21 .pro_mol_img{  width: 23.5%;  background: url(../images/porbg2.jpg) no-repeat; background-size: cover; margin: 0 .7% }
.pro_detail02 .sections21 .pro_mol_img .t{  text-align: center;   font-weight: bold; font-size: .18rem; line-height: 1.5; background: #c92929; color: #fff;padding: .06rem}
.fancybox-skin{background: #fff }
/*原理*/
.pro_detail02 .sections02{ }
.pro_detail02 .sections02 .bg{ padding: .65rem 0 }
.pro_detail02 .sections01 .left p/*,.pro_detail02 .sections02 .content p*/{margin-top: .1rem }
.pro_detail02 .sections03{  margin-bottom:.7rem; }
.pro_detail02 .sections04{ margin-bottom:.7rem}
.pro_detail02 .sections05{ margin-bottom:.7rem}
.pro_detail02 .sections07{ margin-bottom:.7rem}
.pro_detail02 .sections08{ margin-bottom:.7rem}
.pro_detail02 .sections04 .bgb{  padding:.7rem 0}
.pro_detail02 .sections04 .content{ margin-bottom:.3rem}
/*参数*/


/*产品详细表格 4列*/
/*.pro_detail02 .sections03 .content .content_table{ padding-bottom: 10px }*/
.content table{ border:1px #ddd solid;font-size: .16rem;background: #f8f8f8; width: 100%; margin-bottom: .1rem}
.content table tr {height: .5rem; text-align: center;}

/*最顶上一行 背景是主色橙色*/
.content table tr {font-weight: normal;background: #f8f8f8;color: #333f47;}
/*标题区的背景*/
/*.content table tr:nth-child(1) {background: #0045ae;border-bottom:1px #ddd solid;font-weight: bold; color: #fff}*/
/*内容区的背景和高度*/
.content table tr:nth-child(2n) {background: #FFF;}
.content table tr td{ border-right: 1px #ddd solid; padding:3px}
.content table tr:hover{background: #0045ae; color:#fff}
.content table tr:nth-child(1):hover{background: #444;}

.pro_detail02  .sections03{}
.pro_detail02  .sections03 .bg{background:#333 url(../images/pbg.jpg) no-repeat;background-size: cover; margin-bottom:0}
.pro_detail02  .sections03 .bg .title{ color:#FFF !important}

/*图库*/
.pro_detail02 .sections04 .pic-box {font-size: 0;position: relative; }
.pro_detail02 .sections04 .pic-box li{ display: inline-block; width: 24.8%; padding-right: 2px; padding-bottom: 2px;transition: all .5s ease 0s;  }
.pro_detail02 .sections04 .pic-box li a{position:relative; display:block;overflow:hidden}
.pro_detail02 .sections04 .pic-box li img {width: 100%;transition: all .5s ease 0s; overflow:hidden;z-index:6}
.pro_detail02 .sections04 .pic-box li:hover img {transform: scale(1.1, 1.1);-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;box-shadow: 0 0 15px rgba(0,0,0,.25)}
.pro_detail02 .sections04 .pic-box li:nth-child(9){ display: none; }
.pro_detail02 .sections04 .pic-box li .t{ display:block; position:absolute; width:100%; line-height:.45rem;height:.45rem;color:#fff; background:rgba(21,21,21,.75); text-align:center; left:0; bottom:0;z-index:9; font-size:.17rem}
.pro_detail02 .sections04 .pic-box li:hover .t{ background:#c92929}

.pro_detail02 .sections05 {}
.pro_detail02 .sections05 .sections05bg{padding: .6rem 0; background: url(../images/case_detail03.jpg) no-repeat center; position: relative; background-size: cover;}
.pro_detail02 .sections05 .title{ color: #fff;  }
.pro_detail02 .sections05 .content{ width:94%; margin:0 auto}
.pro_detail02 .sections05 .alpic-box{overflow: hidden; }
.pro_detail02 .sections05 .alpic-box .pro_anli_img{ position: relative; }
.pro_detail02 .sections05 .alpic-box .pro_anli_img .anli_img { overflow: hidden;}
.pro_detail02 .sections05 .alpic-box a img {width: 100%;transition: all .8s ease 0s;}
.pro_detail02 .sections05 .alpic-box .pro_anli_img:hover img {transform: scale(1.1, 1.1);-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.pro_detail02 .sections05 .alpic-box .wenzi {font-size: .2rem;color: #333333;line-height: .25rem;background-color:rgba(255,255,255,.75);padding: .2rem .2rem .2rem; text-align: center; position: absolute; bottom: 0; left: 0;  width: 100%; }

.pro_detail02 .sections05 .alpic-box .wenzi a {display: block;color: #333333;font-size: .18rem;}
.pro_detail02 .sections05 .alpic-box .wenzi p {width: .46rem;height: 2px;background-color:rgba(0,0,0,.85);margin: .1rem 0; display:none}
.pro_detail02 .sections05 .alpic-box .pro_anli_img:hover .wenzi {background-color:rgba(0,69,174,.85);color: #ffffff;}
.pro_detail02 .sections05 .alpic-box .pro_anli_img:hover .wenzi a {background-color:rgba(0,69,174,.85);color: #ffffff;}
.pro_detail02 .sections05 .alpic-box .pro_anli_img:hover .wenzi p {background-color: #ffffff;}

.sections05 .swiper-bnt {position: absolute;width: .56rem;height: .56rem;background: #fff;top: 50%;color: #333;font-size: .2rem;line-height: .56rem;text-align: center;transition: .5s ease; z-index: 10; cursor: pointer; }
/*.sections05 .swiper-bnt i{font-family: "宋体" !important}*/
.sections05 .swiper-albnt-prev{right: 5%;}
.sections05 .swiper-albnt-next{left: 5%;}



.pro_detail02 .sections07{ margin-bottom:.7rem}
.pro_detail02 .sections07 .bgys{ background: url(../images/bgyspor.jpg) no-repeat; background-size: cover; padding:.8rem 0; background-attachment: fixed;}
.pro_detail02 .sections07 .title {color: #fff;}
.porys_list{background:rgba(255,255,255,.9);border-radius: 15px}
.porys_list ul{ margin-left:0%; display:flex;  padding: .15rem ; }
.porys_list li{height:auto;font-size:.17rem;color:#555;line-height:1.8;padding:.35rem .35rem .35rem 1rem;margin-left:0;position:relative; display: block; vertical-align:top;}
.porys_list li::before{content:"";border:2px dotted #adadad;position:absolute;left:5px;right:5px;top:5px;bottom:5px;}
.porys_list li::after{content:"01";position:absolute;left:.28rem;top:.12rem; font-size: .44rem;  font-weight: bold; color: rgba(220,41,41,1);}
.porys_list li strong{font-size:.24rem;color:#222;display:block; margin-bottom: .1rem}
.porys_list li p{ line-height: 1.8;   }
.porys_list li+li::after{content:"02";}
.porys_list li+li+li::after{content:"03";}
.porys_list li+li+li+li::after{content:"04";}

.porys_list li:hover{background: url(../images/img_14.jpg) no-repeat; background-size: cover; color: rgba(255,255,255,.7);}
.porys_list li:hover::after{ color: #fff }
.porys_list li:hover strong{ color: #fff }

.pro_detail03{  background: #F6F6F6  }
.pro_detail03 .detail03_1{  }
.pro_detail03 .detail03_1 .infor{ position: relative; text-align: center;}
.pro_detail03 .detail03_1 .infor .tit {font-size: .36rem;font-weight: bold;line-height: .55rem;}
.pro_detail03 .detail03_1 .infor .con {font-size: .17rem;}
.pro_detail03 .detail03_1 .infor .line {display: block;width: .84rem;height: .06rem;background: #c92929;margin: .1rem auto 0;position: relative;}
.pro_detail03 .detail03_1 .infor .line::after {content: '';position: absolute;bottom: 0rem;left: 0%;width: .42rem;height: .06rem;background: #272727;}


/*相关产品*/
.sections08{ position: relative; }
.sections08 .wrap{ overflow: hidden; z-index: 88 }
.xgporpic-box .item {float: left;box-sizing: border-box;/*width: 23.51%;margin-left: 1.49%;margin-top: 1.49%*/;height: 4.6rem; transition: all .3s; border:1px #ddd solid;}
.xgporpic-box .item .item_box {position: relative;box-sizing: border-box;height: 100%;background: #fff;transition: all 0.5s ease;border-radius: .06rem;overflow: hidden;}
.xgporpic-box .item .img_box {text-align: center;}
.xgporpic-box .item .img_box img {}
.xgporpic-box .item .intro_box {text-align: center;margin-bottom: .1rem;  margin-top:.15rem}
.xgporpic-box .item .intro_box .tit {font-size: .2rem;line-height: .3rem;color: #000;  font-weight:bold; }

.xgporpic-box .item .intro_box .con {font-size: .15rem;line-height: .2rem;color: #555; padding-top: .05rem}

.xgporpic-box .item .item_box .icon_1 {width: .63rem;height: .62rem;background: url(../images/pro_list_ico.png) no-repeat center;position: absolute;top: -.1rem;left: -.1rem;opacity: 1; background-size: cover;}
.xgporpic-box .item .ibott .box2 {bottom: .25rem;left: .25rem;right: .25rem;transition: all .3s ease; text-align: center; }
.xgporpic-box .item .ibott .box2 .inquiry_btn {display: inline-block;background: #fff;text-align: center;font-size: .14rem;line-height: .35rem; width: 40%; color: #333;border:1px #ddd
	solid;}
.xgporpic-box .item .ibott .box2 .inquiry_btn2{ background: #f5f5f5; color: #333; margin-right: 2% ;border:1px #f5f5f5 solid;}
.xgporpic-box .item .ibott .box2 .inquiry_btn:hover{ background: #232323; color: #fff }
.xgporpic-box .item .ibott .box2 .links {font-size: 0;text-align: center;margin-top: .2rem;}
.xgporpic-box .item .ibott .box2 .links a {position: relative;font-size: .12rem;padding: 0 .08rem;}
.xgporpic-box .item .ibott .box2 .links a::after {content: '';position: absolute;right: 0;top: 50%;height: .12rem;margin-top: -0.06rem;background: #333;border-left: 1px solid #333;}
.xgporpic-box .item .ibott .box2 .links a:first-child {padding-left: 0;}
.xgporpic-box .item .ibott .box2 .links a:last-child {padding-right: 0;}
.xgporpic-box .item .ibott .box2 .links a:last-child::after {display: none;}

.xgporpic-box .item:hover {box-shadow: 0px 0px 9.2px .8px rgba(10, 30, 64, 0.23);transform: translateY(-10px);}
.xgporpic-box .item:hover .intro_box .tit {color: #c92929;}

.sections08 .swiper-bnt {position: absolute;width: .56rem;height: .56rem;background: #454545;top: 50%;color: #fff;font-size: .16rem;line-height: .56rem;text-align: center;transition: .5s ease; z-index:10;cursor: pointer; }
/*.sections08 .swiper-bnt i{font-family: "宋体" !important}*/
.sections08 .swiper-por-prev{right: 5%;}
.sections08 .swiper-por-next{left: 5%;}



.pro_detail .sections06{}
.pro_detail .sections06 .bgh{ padding: .7rem 0 .7rem; background: #f2f2f2}
/*.pro_detail .sections06 .left{ width: 55%; float: left}
.pro_detail .sections06 .right{ width: 43%; float: right; }*/
.pro_detail .sections06 .yynr_l{ float:left; width:60%}
.pro_detail .sections06 .yynr_r{ float:right; width:35%}
.pro_detail .sections06 .porwllist{ display: flex; justify-content:center; width: 100%; }
.pro_detail .sections06 .porwllist .porwl_li{  position: relative; border-radius: 5px; overflow: hidden;  margin-right:3%; width:46.555%; display:none; max-height:3rem}
.pro_detail .sections06 .porwllist .porwl_li .t{ position: absolute; left: 0; bottom: 0; width: 100%;  font-size: .18rem; color: #fff; background: rgba(0,0,0,.75);  text-align: center; padding:.1rem}
.pro_detail .sections06 .porwllist .porwl_li:hover .t{background:#0045ae;}

.pro_detail .sections01,.pro_detail .sections07,.pro_detail .sections02,.pro_detail .sections03,.pro_detail .sections04,.pro_detail .sections05,.pro_detail .sections06,.pro_detail .sections09{padding-top: 1.6rem;margin-top: -1.6rem;}
.pro_detail .sections06 .js-bnt{ margin-top: .3rem; padding:.2rem .3rem; background:linear-gradient(to right,#ddd,rgba(255,255,255,0)); border-radius: 20px 0 0 20px; width: 80%; max-width: 5rem}
.pro_detail .sections06 .js-bnt .t{ display: block; margin-bottom:.1rem; color:#222; line-height: 1.5 }

.pro_detail .sections06 .poryy1{ width: 100%; float: none}
.pro_detail .sections06 .poryy2{ width:100%; float: none; margin-top:.25rem; }
.pro_detail .sections06 .poryy2 .porwllist .porwl_li{ width:11.111%}

.pro_detail .sections06 .porwllist .porwl_li.cur{ display:block}

/*产品留言*/
.porform{ background:#353534 url(../images/msg-bg.jpg) bottom right no-repeat; background-size:cover;background-attachment: fixed; padding-bottom: .3rem}
.porform .wrap{  height:auto; overflow:hidden}
.porform .lp-subtitle{ float:left; height:100%; width:38%; color:#fff; padding:.6rem .4rem; text-align:left}
.porform .lp-subtitle h2 img{ display:inline-block; padding-right:.05rem}
.porform .lp-subtitle h2{}
.porform .lp-subtitle h2 span{  font-weight:600; font-size: .28rem; line-height:1.35;display:inline-block}
.porform .lp-subtitle h2 em{ font-weight:normal; font-style:normal;font-size: .18rem; display:block}
.porform .lp-subtitle h3{  font-weight:lighter; font-size: .2rem; line-height:1.4; color:#333}
.porform .lp-subtitle p{font-size: .16rem; padding-top:.35rem; line-height:1.4; color:rgba(255,255,255,.75)}
.newsletter-signup-form{ margin-top: .5rem; width:55%; float:right; text-align: left; }
.newsletter-signup-form .lp-input{ width:49%; border:0; background: no-repeat;   line-height: .5rem;   padding: 0 .2rem; margin-bottom:.1rem; background:#fff; margin-left: 0}
.newsletter-signup-form .lp-input:nth-child(1){margin-right:1%;}
.newsletter-signup-form .lp-input2{ width:100%; float:left;margin-top:.1rem;}
.newsletter-signup-form .lp-btn{ background:#0045ae; color: #fff; line-height: .5rem; text-align: center; width: 25%; border:0;  font-weight: bold; margin-top:.1rem; float:left; cursor:pointer}

/*应用资质*/
/*.area-approve{ margin-top:1.2rem;  height: 3rem; background: #fff url(../images/approvebg.jpg) right  no-repeat;}*/
/*.area-approve-lf{ width: 60%; float: left; height: 3rem; position: relative; }*/
/*.area-approve-lf .area-approve-lf-img{ position: absolute; padding-right:0px; left:10%; bottom: 0; max-width: 100%;}*/
/*.area-approve-lf .area-approve-lf-img img{ max-width: 100%;}*/
/*.area-approve-rt{ width: 35%; float: right; padding-top: .5rem;}*/
/*.area-approve-rt-main{ margin-left: -.5rem;}*/
/*.area-approve-til h3{ font-size: .4rem; font-weight: bold; line-height: .46rem; padding-left:.3rem; color: #333}*/
/*.area-approve-sign{ padding-top:.3rem; }*/
/*.area-approve-sign p {display: inline-block; margin: 0 .2rem 0px 0; font-size: 12px; color: rgba(0,0,0,.85); text-align: center;}*/
/*.area-approve-sign p i{display: block; width: .5rem; height: .5rem; margin:0 auto; background: url(../images/area-strength.png) no-repeat;}*/
/*.area-approve-sign p i.ico01{width: .62rem; background-position: 0px 0;}*/
/*.area-approve-sign p i.ico02{width: .55rem; background-position: -.67rem 0;}*/
/*.area-approve-sign p i.ico03{width: .5rem; background-position: -1.3rem 0;}*/
/*.area-approve-sign p i.ico04{width: .5rem; background-position: -1.82rem 0;}*/
/*.area-approve-sign p i.ico05{width: .46rem; background-position: -2.37rem 0;}*/
/*.area-approve-sign p i.ico06{width: .42rem; background-position: -2.88rem 0;}*/
/*.area-approve-text{}*/
/*.area-approve-text p{ margin:.25rem .05rem 0; font-size: .16rem; display: inline-block; vertical-align: top;  background:#c92929; color: #fff; border-radius: .2rem; padding: 0 5px}*/

/*新闻媒体*/

.newsBg{ background: #f5f5f5 }
.newsBg {padding-top: 3.80208vw;padding-bottom: 4.27083vw;background-color: #f7f7f7;}
.newsBg .events {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-moz-box-orient: horizontal;-moz-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;margin-bottom: 3.59375vw;}
.newsBg .events .images {width: 54.8%;}
.newsBg .events .images .swiper-slide {opacity: 0 !important;}
.newsBg .events .images .swiper-slide:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.newsBg .events .images .swiper-slide img {width: 100%;height: auto;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;transition: all 0.8s ease;}
.newsBg .events .images .swiper-slide-active {opacity: 1 !important;}
.newsBg .events .content {width: 46%;padding-top: 4.84375vw;padding-left: 3.64583vw;padding-right: 2.60417vw;background-color: #ffffff;position: relative;}
.newsBg .events .content .texts .swiper-slide {opacity: 0 !important;}
.newsBg .events .content .texts .swiper-slide:hover h1 {color: #00409E;}
.newsBg .events .content .texts .swiper-slide .time {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;font-size: 0.72917vw;color: #666666;margin-top: 1.04167vw;}
.newsBg .events .content .texts .swiper-slide .time i {font-size: 0.9375vw;margin-right: 0.3125vw;margin-top: -0.20833vw;}
.newsBg .events .content .texts .swiper-slide .title {font-size: 1.5625vw;color: #333333;font-weight: bold;line-height: 2.08333vw;margin-bottom: 1.51042vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.newsBg .events .content .texts .swiper-slide .desc {font-size: 0.9375vw;color: #333333;line-height: 1.45833vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.newsBg .events .content .texts .swiper-slide-active {opacity: 1 !important;}
.newsBg .events .eventsPagination {position: absolute;left: 3.64583vw;bottom: 2.91667vw;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center; font-family: lato}
.newsBg .events .eventsPagination .eventsPaginationCurrent {font-size: 0.83333vw;color: #1558A3;font-weight: bold;margin-right: 7.65625vw;}
.newsBg .events .eventsPagination .eventsPaginationTotal {font-size: 0.83333vw;color: #E0E0E0;font-weight: bold;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.newsBg .events .eventsPagination .eventsPaginationTotal.highlight {color: #1558A3;}
.newsBg .events .swiper-scrollbar {position: absolute;left: 5.26042vw;bottom: 3.38542vw;width: 6.25vw;height: 0.10417vw;background: #F2F2F2;border-radius: 0px;}
.newsBg .events .swiper-scrollbar .swiper-scrollbar-drag {border-radius: 0px;background: #1558A3;}
.newsBg .events .swiper-button-prev,
.newsBg .events .swiper-button-next {top: auto;margin-top: 0px;width: 1.04167vw;height: 1.04167vw;color: #999999;font-size: 1.30208vw;border-radius: 0px;background: none;font-weight: bold;}
.newsBg .events .swiper-button-prev::after,
.newsBg .events .swiper-button-next::after {display: none;}
.newsBg .events .swiper-button-prev:hover,
.newsBg .events .swiper-button-next:hover {background: none;color: #1558A3;}
.newsBg .events .swiper-button-prev {left: auto;right: 5.67708vw;bottom: 3.07292vw;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.newsBg .events .swiper-button-next {right: 3.64583vw;bottom: 3.07292vw;}

.newsBg .news {margin-bottom: 3.33333vw;}
.newsBg .news .newsMain ul {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.newsBg .news .newsMain ul li {width: 31.73%;margin-right: 2.405%;margin-bottom: 2.405%;}
.newsBg .news .newsMain ul li:nth-child(3n+3) {margin-right: 0%;}
.newsBg .news .newsMain ul li:nth-last-child(-n+3) {margin-bottom: 0%;}
.newsBg .news .newsMain ul li:hover .image img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.newsBg .news .newsMain ul li .image {overflow: hidden;}
.newsBg .news .newsMain ul li .image img {width: 100%;height: auto;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}
.newsBg .news .newsMain ul li .content {height: 10.3125vw;padding: 1.35417vw 1.97917vw;background-color: #ffffff;}
.newsBg .news .newsMain ul li .content .time {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;font-size: 0.72917vw;color: #383838;}
.newsBg .news .newsMain ul li .content .time i {font-size: 0.9375vw;margin-right: 0.3125vw;}
.newsBg .news .newsMain ul li .content .title {font-size: 1.14583vw;color: #333333;line-height: 1.60625vw;height: 3.125vw;font-weight: normal;margin-top: 0.9375vw;margin-bottom: 1.11875vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newsBg .news .newsMain ul li .content .more {font-size: .8958vw;color: #666;}
/*.news_list02{padding: .65rem 0 }
.news_list02 .news_item {position: relative;width: calc(100% / 3);float: left;margin-bottom: .45rem;transition: all .3s ease; padding:0 .2rem;}
.news_list02 .news_item a{overflow: hidden;display: block;background: #fff; padding: .2rem; height:5.6rem}
.news_list02 .news_item .pic{ width: 100%; height:2.5rem; overflow: hidden; }
.news_list02 .news_item .pic img{ width: 100% !important; height:100% !important; }
.news_list02 .news_item .text {padding: .25rem .15rem; text-align: left;}
.news_list02 .news_item .text .title {font-size: .22rem;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: .58rem; line-height: 1.25;font-weight: 500;  margin: .15rem 0}
.news_list02 .news_item .text .date{ color: #888 }
.news_list02 .news_item .text .con{ line-height: 1.4; font-family: "Lato-light",sans-serif; }
.news_list02 .news_item:hover>a {transform: translateY(-0.1rem);background: #373737; color: #fff}
.news_list02 .news_item:hover .text .title {color: #fff;}
.news_list02 .news_item .text .more{font-weight: 500;   color: #c92929; margin-top: .15rem}*/

/*新闻二级栏目*/
.centernav{ }
.centernav .ny_nav{ text-align:center;padding:0 0 .3rem 0 }
.centernav .ny_nav .item{ line-height: .5rem; border:1px #ddd solid; text-align: center; max-width:1.6rem; margin-right:1%; display: inline-block; background-color: #fff; color: #555; padding:0 .25rem}
.centernav .ny_nav .item a{ display: block; }
.centernav .ny_nav .item.cur,.centernav .ny_nav .item:hover{ background-color:#0140a1; color: #fff !important; border:1px #0140a1 solid; }
.centernav .ny_nav .item:hover a{ color: #fff }

/*新闻详细*/
.icon-button {display: table;position: relative;margin: auto 0 auto auto}
.icon-button .content {border: 2px solid #222;width: 150px;display: block;height: 50px;overflow: hidden;position: relative;transition: all .6s ease; color: #fff; }
.icon-button .content span,.icon-button .content .h2 {position: absolute;top: 0px;height: 100%;padding-top: 10px;transition: all .6s ease-in-out}
.icon-button .content span {left: 13px; color: #222}
.icon-button .content .h2 {left: 100%}
.icon-button .content .fa{color: #333;width: 50px;height: 100%;position: absolute;right: -2px;top: 0;transition: all .3s ease-in-out;padding: 10px;border-right: 2px solid #222;border-left: 2px solid #222;z-index: 1; font-size: .22rem}
.icon-button:hover .content span {left: -100%}
.icon-button:hover .content .fa {right: 98px}
.icon-button:hover .content .h2 {left: 80px}
.icon-button:hover .content {border-color: #fff}
.icon-button:hover .content .h2 {color: #fff}
.icon-button:hover .content span {left: -100%}
.icon-button:hover .content .fa {right: 98px;color: #fff;border-color: #fff}
.icon-button:hover .content .h2 {left: 80px}
.newscontent .wrap{ padding: .5rem; background-color: #fff }
.newscontent .wrap .content{  font-size: .18rem }
.newscontent .wrap .content p{    line-height:1.7}
.sxlist{ display:flex; justify-content: space-between; margin: .45rem 0 0 }
.sxlist>div {border: 1px solid #ddd;margin-bottom: .25rem; width:49%}
.sxlist .box {padding: .15rem .15rem;background-color: #ebeff0}
.sxlist .box .t {font-size: .22rem;color: #3c3c3c;line-height: .24rem;position: relative;margin-bottom: .1rem; font-weight: 500;  }
.sxlist .box .t:after {content: '';position: absolute;width: 60%;height: 1px;background: #f2f2f2;left: 30%;top: .12rem;}
.sxlist .box .tit {font-size: .16rem;color: #696969;line-height: .25rem;/*height: 50px;*/overflow: hidden;transition: all .3s ease;text-overflow: ellipsis;margin-top: .15rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sxlist .box:hover .tit {color: #c92929;}
.newscontent .case_pic{ margin-bottom: .1rem }
.newscontent .case_pic img{ display: block; margin: .1rem auto }
.newspor{ padding:.4rem 0 .7rem }
.newspor .sections .title {font-size: .38rem;line-height: .5rem;color: #333f47;font-weight: bold;margin-bottom:.25rem;}

/*案例*/
.news_detail01 .content .c_right .hot_por{  background: #f5f5f5; }
.news_detail01 .content .c_right .hot_por .hot_box {padding:.3rem;}
.news_detail01 .content .c_right .hot_por .infor .tit {float: left;font-size: .24rem;font-weight: bold;color: #323f47;line-height: .26rem;}
.news_detail01 .content .c_right .hot_por .infor .more {font-size: .16rem;color: #797979;float: right;line-height: 26px;}
.news_detail01 .content .c_right .hot_por .con .item { background: #333;margin-top: .25rem;transition: all .3s ease;border-radius: 5px; overflow: hidden;  }
.news_detail01 .content .c_right .hot_por .con .item .t {font-size: .17rem;color: #fff;line-height:.45rem;height:.45rem;text-align: center; background: #313131}
.news_detail01 .content .c_right .hot_por .con .anli_img {  background:#333 url(../images/porbg.jpg) no-repeat center;background-size:cover; padding: .1rem 0}
.news_detail01 .content .c_right .hot_por .con .anli_img img{width: 70%; margin:0px auto; display: block; transition: all .3s}
.news_detail01 .content .c_right .hot_por .con .item:hover { box-shadow: 0 0 15px rgba(0,0,0,.25); background:#313131}
.news_detail01 .content .c_right .hot_por .con .item:hover .t{background:#c92929; }
.news_detail01 .content .c_right .hot_por .con .item:hover .anli_img img{ width: 75% }
/*视频列表*/



/*应用首页*/
.hy_banner { text-align: center; }
.hangye_list0{  margin: .65rem 0 .65rem -2% ; text-align: center;}
.hangye_list0 .box {padding: .3rem .2rem;position: relative;background: #fff; border-radius: 5px; width: 31%; margin: 0 0 .3rem 2%;max-height: 4.8rem; min-height: 4.8rem; text-align: left; display: inline-block; vertical-align: top}
.hangye_list0 .pic {width: 1.45rem;height: 1.4rem;margin-bottom: .2rem;overflow: hidden;position: relative; background: url(../images/yybg.png) no-repeat;  background-size: cover; margin: 0 auto}
.hangye_list0 .pic img {-webkit-transition: all .5s;transition: all .5s; width: 1.35rem;height: 1.3rem; }

.hangye_list0 .text {padding:.1rem .15rem}
.hangye_list0 .title {font-size: .24rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:.06rem;  font-weight: 500; color: #373737; }
.hangye_list0 .text .con{ line-height: 1.4; color: #888; font-size: .16rem }
.hangye_list0 .tag {color: #666;line-height:1.8;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;clear: both;overflow: hidden;margin:.2rem 0;}
.hangye_list0 .a-1 {font-size: .14rem;display: inline-block;padding-right: .2rem;vertical-align: top; background: #f3f3f3;  border-radius: .5rem; padding: 0 .1rem}
.hangye_list0 .more { font-size: .16rem;  background: none }
.hangye_list0 .more a {color: #333;font-weight: bold;}
.hangye_list0 .more a:hover,.hangye_list0 .more span:hover {text-decoration: underline}
.hangye_list0 .box:hover{ background: #343434 }
.hangye_list0 .box:hover .pic .default {top: -5%;bottom: auto}
.hangye_list0 .box:hover .title {color: #d44141}
.hangye_list0 .box:hover .more a{color: #d44141; }
.hangye_list0 .box .a-1:hover {color: #fff; background: #555}



/*应用列表*/
.pt40{ padding-top:.4rem }
.hangye_list01 ul{}
.hangye_list01 {margin: .6rem 0;}
.hangye_list01 .item_ {position: relative;width:18.8%;margin-bottom: .45rem;margin-right: 1.5%;transition: all .3s ease; display: inline-block;}
.hangye_list01 .item_ a {border-radius: .1rem;overflow: hidden;display: block;background: #fff;box-shadow: 0 0 15px 6px rgba(0,0,0,0.08);border-radius: .1rem;}
.hangye_list01 .item_ .box .list {font-size: .14rem;color: #8b8b8b;line-height: .28rem;margin-top: .1rem;height: .4rem;overflow: hidden;}
.hangye_list01 .item_ .box .list .li01 {float: left;margin-right: .2rem;margin-bottom: .1rem;border: 1px solid #8b8b8b;padding: 0 5px;border-radius: .06rem;}
.hangye_list01 .item_ .box .list .li01:last-child {margin-right: 0;}
.hangye_list01 .item_ .words {padding: .1rem .25rem;}
.hangye_list01 .item_ .words .tit {font-size: .2rem;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold; padding-bottom: .1rem}
.hangye_list01 .item_ .words .con{ color: #555; line-height: 1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.hangye_list01 .item_:hover>a {transform: translateY(-0.1rem);background: #373737;}
.hangye_list01 .item_:hover .words .tit {color: #fff;font-weight: bold;}
.hangye_list01 .item_:hover .box .list {color: #fff;}
.hangye_list01 .item_:hover .box .list .li01 {border-color: #fff;}
.hangye_list01 .item_:hover .words .con{ color: rgba(255,255,255,.7); }

/*图片*/
.honor_list{ }
.honor_list .honor_list01{padding:.25rem 0 .7rem }
.honor_list .honor_list01 .item_ {position: relative;width: calc(95% / 3); display:inline-block;margin-bottom: .45rem;transition: all .3s ease; background: #fff;  margin-right:1.5%}
.honor_list .honor_list01 .item_ a {overflow: hidden;display: block;background: #fff; padding: .2rem}
.honor_list .honor_list01 .item_ .words {padding: .25rem .15rem; text-align: left;}
.honor_list .honor_list01 .item_ .words .tit {font-size: .22rem;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: .6rem; line-height: 1.25;}
.honor_list .honor_list01 .item_ .words .tit .fa{ color:#c92929; padding:0 .1rem 0 0}
.honor_list .honor_list01 .item_:hover>a {transform: translateY(-0.1rem);background: #373737;}
.honor_list .honor_list01 .item_:hover{transform: translateY(-0.1rem);background: #373737;}
.honor_list .honor_list01 .item_:hover .words .tit {color: #fff;font-weight: bold;}
/*视频列表*/
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; position:fixed; left:0; top:0;  z-index:100; width:100%; height:100vh; background: rgba(0,0,0,.55);  }
.videos2{ width: 800px; height: 500px;background:#343434;background: cover; top: 15%; margin-left:-400px; left:50%; position: absolute; }
.videos2 iframe{ width:100%; height:500px}
.videos2 p{ font-size: 24px; text-align: center; color: #fff; padding-top: 30px }
.videos video{  width:100%}
.vclose { position:absolute;right:-10%; top:-2%; border-radius:100%; cursor: pointer;background: #e40013; width:35px; height:35px }
.wysj{ width: 180px; margin:10px auto 0; background: #e40013; text-align: center; color: #fff; line-height:40px; display: block; border-radius: 20px;  }

/*成套解决方案*/
.solu_center01 {padding:.8rem 0;background: #f5f5f5 url(../images/sou_bg.jpg); background-size: cover;}
.solu_center01 .infor {text-align: center;padding: 0 15%;}
.solu_center01 .infor .tit {font-size: .44rem;line-height: .44rem;color: #fff;font-weight: 600; }
.solu_center01 .infor .con {font-size: .16rem;line-height: .28rem;color: rgba(255,255,255,.7);margin-top:.2rem; }
.solu_center01 .content {margin-top: .6rem;padding: 0 5%;}

.solu_center01 .content ul li {width: 16.666666%;text-align: center;float: left;position: relative;}
.solu_center01 .content ul li .icon {width: .75rem;height: .7rem;margin: 0 auto;}
.solu_center01 .content ul li .txt {font-size: .16rem;color: #fff;margin-top: .2rem;}
.solu_center01 .content ul li:hover .icon img {transform: rotateY(180deg)}
.solu_center01 .content ul li .icon img {transition: all .5s ease;}
.solu_center01 .content ul li:first-child:after {display: none;}
.solu_center01 .content ul li:before{ position: absolute; content: "01"; color: rgba(220,41,41,.75); left:15%; top:-.1rem;font-size:.3rem;  font-weight:bold;}
.solu_center01 .content ul li+li:before{content: "02";}
.solu_center01 .content ul li+li+li:before{content: "03";}
.solu_center01 .content ul li+li+li+li:before{content: "04";}
.solu_center01 .content ul li+li+li+li+li:before{content: "05";}
.solu_center01 .content ul li+li+li+li+li+li:before{content: "06";}
.solu_center02 {padding: .6rem 0 1rem;}

.solu_center02 .item_ {position: relative;width: 47.6%;margin-bottom: .4rem;margin-right: 2%;transition: all .3s ease; display: inline-block; }
.solu_center02 .item_ a {border-radius: .1rem;overflow: hidden;display: block;background: #fff;box-shadow: 0 0 15px 6px rgba(0,0,0,0.08);border-radius: .1rem;}
/*.solu_center02 .item_:nth-child(3n) {margin-right: 0;}*/
.solu_center02 .item_ .box .list {font-size: .14rem;color: #8b8b8b;line-height: .28rem;margin-top: .2rem;}
.solu_center02 .item_ .box .list .li01 {float: left;margin-right: .1rem;margin-bottom: .1rem;padding: 0 .1rem; background: #f0f0f0; color: #555;}
/*.solu_center02 .item_ .box .list .li01:nth-child(1),.solu_center02 .item_ .box .list .li01:nth-child(2),.solu_center02 .item_ .box .list .li01:nth-child(3),.solu_center02 .item_ .box .list .li01:nth-child(4),.solu_center02 .item_ .box .list .li01:nth-child(5){ display:block}*/
.solu_center02 .item_ .box .list .li01:last-child {margin-right: 0;}
.solu_center02 .item_ .words {padding: .3rem .25rem;}
.solu_center02 .item_ .words .tit {font-size: .24rem;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: bold; padding-bottom: .1rem; line-height:1.3;height: 0.7rem;}
.solu_center02 .item_ .words .con{ font-size:.15rem; line-height:1.7; color: #666; height: .55rem }
.solu_center02 .item_:hover>a {transform: translateY(-0.1rem);background:#373737;}
.solu_center02 .item_:hover .words .tit {color: #fff;font-weight: bold;}
.solu_center02 .item_:hover .words .con{ color: rgba(255,255,255,.7); }
.solu_center02 .item_:hover .box .list {color: #fff;}

.solu_center02 .item_ .box .list .li02 { background: #c92929; color: #fff}
.souDetail_ban {position: relative; padding:1.5rem  0 .6rem;background: url(../images/msg-bg.jpg) no-repeat center; background-size: cover; }
.souDetail_ban .crumbs {width: 100%; color: #fff;font-size: .14rem; color: rgba(255,255,255,.65); }
.souDetail_ban .crumbs .fa { margin-right:5px}
.souDetail_ban .crumbs a {font-size: .14rem;color: rgba(255,255,255,.65);}
.souDetail_ban .crumbs a:hover {color: #c92929;}

.newscontent{ background: #f5f5f5; padding-bottom:.5rem; margin-bottom: .5rem}
.newscontent .wrap{padding:.6rem .4rem; background: #fff; }

/*下层banner文字*/
.souDetail_ban .intro { margin-top: .2rem ;position: relative;}
.souDetail_ban .intro .tit {font-size: .4rem;line-height: .46rem;font-weight: bold;color: #fff; padding-left: .2rem;  width: 80% }
.souDetail_ban .ico2{ color: rgba(255,255,255,.85);  padding: .35rem 0 0 .1rem; font-size: .14rem; position: absolute; left:.2rem; bottom: .15rem; width: 100%;}
.souDetail_ban .ico2 .c1{ padding-right: .3rem }
.souDetail_ban .ico2 .c1 .fa{ padding-right: .03rem }

.souDetail_ban .intro .canshu {font-size: .14rem;color: rgba(255,255,255,.6);text-align: center; margin-top: .3rem}
.souDetail_ban .intro .canshu .c1 {display: inline-block;text-align: center;padding: 0 .25rem;}
.souDetail_ban .intro .canshu .c2 {border-right: 1px solid rgba(255,255,255,.15);}
.souDetail_ban .intro .canshu .c1 em {font-size: .18rem;color: #fff;;display: block;}
.bgh{background: #f6f6f6; }
.solu_proboxwl{ padding-bottom:.3rem}
.solu_probox .title{ font-size: .4rem;margin: .2rem auto .15rem; color: #333;font-weight:600; }
.solu_pro01{ padding-bottom: .4rem }
.solu_pro .solu_pro01 .content{ border-radius: 10px; overflow: hidden; }
.solu_pro .solu_pro01 .solmainpic{ padding-bottom: .3rem }
.solu_pro .solu_pro01 .left{  float: left; width: 58% }
.solu_pro .solu_pro01 .left img{ width:100%}
.solu_pro .solu_pro01 .right{float: right; width: 42%; padding: 3%}
.solu_pro .solu_pro01 .right .tit{ font-size: .3rem; padding: 0 0 .25rem; color: #222; line-height: 1.2; font-weight: bold; }
.solu_pro .solu_pro01 .zt_r .con1{ padding-bottom:.15rem; font-size:.16rem; font-family:"Lato"; color:#555}
.solu_pro .solu_pro01 .zt_r .con1 strong{ padding-right:.05rem;font-family:"Lato";color:#111}
.solu_pro .solu_pro01 .zt_r .con2 strong{color:#c92929}


.solu_pro .solu_pro01 .right p,.solu_pro .solu_pro01 .right{ font-size: .17rem; line-height: 1.6; }
.solu_pro .solu_pro01 .right .js-bnt{ margin-top: .4rem }
.solu_pro .solu_pro01 .contentnr{ padding-top: .4rem }

.solu_pro .solu_pro02{ padding: .5rem 0; background:#333 url(../images/pbg.jpg) no-repeat;background-size: cover; position:relative; }
.solu_pro .solu_pro02 .wrap{ overflow:hidden}
.solu_pro .solu_pro02 .title{ color: #fff }
.solu_pro  .solu_pro02 .xgporpic-box ul{  }
.solu_pro  .solu_pro02 .xgporpic-box .item{  width:24%; margin-bottom: .15rem; border:0;}

.solu_pro03{ margin: .45rem auto 0rem; position:relative}
.solu_pro  .solu_pro03 .pic-box {font-size: 0;position: relative; padding:0 1%; }
.solu_pro  .solu_pro03 .pic-box li{ width: 24.8%; margin-right: 5px; margin-bottom: 2px;transition: all .5s ease 0s; float: left; position:relative; overflow:hidden}
.solu_pro  .solu_pro03 .pic-box li img {width: 100%;transition: all .5s ease 0s;}
.solu_pro  .solu_pro03 .pic-box li:hover img {transform: scale(1.1, 1.1);-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;box-shadow: 0 0 15px rgba(0,0,0,.25)}
.solu_pro  .solu_pro03 .pic-box li .t{ display:block; position:absolute; width:100%; line-height:.45rem;height:.45rem;color:#fff; background:rgba(21,21,21,.75); text-align:center; left:0; bottom:0;z-index:9; font-size:.17rem}
.solu_pro  .solu_pro03 .pic-box li:hover .t{ background:#c92929}

.solu_pro03 .swiper-bnt {position: absolute;width: .56rem;height: .56rem;background: #c92929;top: 50%;color: #fff;font-size: .16rem;line-height: .56rem;text-align: center;transition: .5s ease; z-index: 99; cursor: pointer; }
/*.sections05 .swiper-bnt i{font-family: "宋体" !important}*/
.solu_pro03 .swiper-xtbnt-prev{right: 0%;}
.solu_pro03 .swiper-xtbnt-next{left: 0%;}

.solu_pro .solu_pro02 .swiper-bnt {position: absolute;width: .56rem;height: .56rem;background: #454545;top: 50%;color: #fff;font-size: .16rem;line-height: .56rem;text-align: center;transition: .5s ease; z-index: 99;cursor: pointer; }
/*.sections08 .swiper-bnt i{font-family: "宋体" !important}*/
.solu_pro .solu_pro02 .swiper-por-prev{right: 5%;}
.solu_pro .solu_pro02 .swiper-por-next{left: 5%;}


.solu_pro .yingyong_pro01{}
.solu_pro .yingyong_pro01 .left{  float: right; width: 35% }
.solu_pro .yingyong_pro01 .right{float: left; width: 65%; padding: 3%;font-size: .17rem; line-height: 1.8;}
.solu_pro .yingyong_pro01 .content2 .tit{font-size: .4rem; padding: 0 0 .1rem; color: #222; font-weight: bold;}
.solu_pro .yingyong_pro01 .content2{font-size: .17rem; line-height: 1.8;  padding: .3rem 0 0}
.bghei{ padding: .25rem 0; background: #333 url(../images/case_detail03.jpg) no-repeat center; background-size: cover; }
.bghei .title{ color: #fff !important }

.solu_pro04{ padding-bottom: .6rem }
.solu_pro04 .wl_ul{ margin-left: -.8% }
.solu_pro04 .wl_ul .item_li{ display: inline-block; width:11.44444%; margin-left:.8%; text-align: center; font-size: .15rem; position: relative; margin-bottom:.2rem }
.solu_pro04 .wl_ul .item_li .wl_img{ position: relative; z-index: 5 }
.solu_pro04 .wl_ul .item_li .tit{ line-height:1.4; background: rgba(0,0,0,.75);  color: #fff;z-index: 6; width: 100%; display: block; height: .7rem; overflow: hidden; padding: .1rem 0}
.solu_pro04 .wl_ul .item_li:hover .tit{ background: #c92929; }

.solu_pro .solu_pro06 .bgb{ padding:.45rem  0 .6rem}


.p60{ padding: .6rem 0 }
.solu_pro07,.solu_pro08{ padding-bottom:.6rem}
.solu_pro07 p,.solu_pro08 p{  margin-bottom: .1rem; line-height: 1.6; font-size: .17rem }
.solu_pro08 .wrap{ position: relative; }
.solu_pro08 .js-bnt{padding:.2rem .3rem; background:linear-gradient(to right,#ddd,rgba(255,255,255,0)); border-radius: .2rem 0 0 .2rem; width: 45%;position: absolute; left: 0; bottom:.1rem; max-width: 4.5rem}
.solu_pro08 .js-bnt .t{ display: block; margin-bottom: .1rem; color:#333; font-size: .16rem }

.solu_pro .solu_pro01 .wlnt_l{  float: left; width:35% }
.solu_pro .solu_pro01 .wlnt_l img{ width: 100% }
.solu_pro .solu_pro01 .wlnt_r{float: right; width:64%;}
.bgb{ background:#fff; }

/*底部留言*/
.liuyanbot {padding: .15rem 0;background-color:rgba(235,235,235,.95);position: fixed;z-index: 9999;bottom: 0;width: 100%;opacity:1; left: 0}
.liuyanbot .liuyan_det{ position: relative; }
.liuyanbot .liu01{width: .9rem;height: 1.21rem;position: absolute;bottom:-.6rem;left: 0;}
.liuyanbot .liu02{  float: left; width: 2.5rem; margin-left: 1.2rem}
.liuyanbot .liu03{  float: right; width:calc(100% - 5rem);}
.liuyan_det .renwu {}
.liuyan_det p {font-size: .2rem;color: #333;font-weight: bold;}
.liuyan_det p span {color: #d11a2d;}

.liuyan_det .bform-group  {font-size: .16rem;display: inline-block; width: 39%; margin-left: 2%}
.liuyan_det .bform-group2 { width: 14% }
.liuyan_det .bform-group .bform-control{  padding:.2rem .15rem;  height:.35rem; line-height:.35rem; border:1px #ddd solid; width:100%; }
.liuyan_det .btn-default {background-color: #c92929;color: #ffffff;border: 1px #d11a2d solid;font-size: .16rem;font-weight: normal;text-shadow: none; text-align: center; line-height:.4rem; padding: 0 .15rem}
.liuyan_det .form-control:focus {box-shadow: none;}
.liuyan_det .btn-default:active:hover {background-color: #d11a2d;color: #ffffff;font-size: .16rem;font-weight: normal;text-shadow: none; border: 1px #d11a2d solid}

@media only screen and (max-width: 760px) {
    .liuyanbot { display:none}
    
}

/* 右侧导航 */
.right_nav{position:fixed;  right:0; bottom:.92rem; width:.44rem; z-index:9990;}
.right_nav .service{width:.44rem; border:0; color:#fff; border-radius:4px; background-image:-webkit-gradient(linear, left top, left bottom, from(#363636), to(#0f0f0f)); background-image:-o-linear-gradient(#363636, #0f0f0f)); background-image:linear-gradient(#363636, #0f0f0f)); font-size:.14rem; padding:4px 5px .1rem; -webkit-box-shadow:0 4px 8px rgba(0, 91, 172, 0.24); box-shadow:0 4px 8px rgba(0, 91, 172, 0.24); cursor:pointer;}
.right_nav .service i{display:block; color:currentColor; font-size:.2rem; margin-bottom:2px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.right_nav .service span{ display:block; line-height:1.3; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .service:hover i{-webkit-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px); opacity:0;}
.right_nav .service:hover span{-webkit-transform:translateY(-14px); -ms-transform:translateY(-14px); transform:translateY(-14px);}
.right_nav .item{margin-top:.08rem; width:.44rem; background-color:#fff; border-radius:4px; -webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1); box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}
.right_nav .item .nav_btn{box-sizing:border-box; display:block; text-align:center; padding:0 .05rem; text-decoration:none; width:100%; height:.44rem; font-size:.12rem; color:#080808; border:0; background-color:transparent; border-radius:4px; overflow:hidden; cursor:pointer;}
.right_nav .item .nav_btn i{display:block; font-size:20px; height:44px; line-height:.4rem; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .item .nav_btn span{display:block; font-size:12px; height:44px; line-height:1.3; padding-top:6px; -webkit-transform:translate(0, -38px); -ms-transform:translate(0, -38px); transform:translate(0, -38px); opacity:0; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .item .nav_btn:hover i{-webkit-transform:translate(0, -5px); -ms-transform:translate(0, -5px); transform:translate(0, -5px); opacity:0;}
.right_nav .item .nav_btn:hover span{-webkit-transform:translate(0, -45px); -ms-transform:translate(0, -45px); transform:translate(0, -45px); opacity:1;}
.right_nav .item_more{visibility:hidden; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:translate(0, 6px); -ms-transform:translate(0, 6px); transform:translate(0, 6px); opacity:0;}
.right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;}
.right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;}

.right_nav .popup{display:none; position:absolute; bottom:0; right:44px; padding-right:8px}
.right_nav .popup.hasGo{display:block;}
.right_nav .popup .box{display:block; width:192px; min-height:200px; background-color:#fff; border-radius:4px; padding:24px; -webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.16); box-shadow:0 4px 16px rgba(0, 0, 0, 0.16)}
.right_nav .popup.kefu_pup .box{width:330px; padding:0;}
.right_nav .popup .area{padding-bottom:.24rem; border-bottom:1px solid #f0f0f0; margin-bottom:.24rem;}
.right_nav .popup .title{font-size:14px; line-height:20px; margin-bottom:14px;}
.right_nav .popup .title i{margin-right:5px; font-size:20px;}
.right_nav .popup .tips{font-size:12px; text-align:center; margin:-6px 0;}
.right_nav .popup .box.more_box{max-height:520px; width:240px; overflow-y:auto;}
.right_nav .popup .box.more_box .tit{font-size:16px; line-height:1.4; margin-bottom:16px;}
.right_nav .popup .box.more_box .tit i{font-size:19px; margin-right:3px}
.right_nav .popup .box.more_box .line{padding:14px 16px; background-color:#f5f5f5; border-radius:4px; margin-bottom:8px;}
.right_nav .popup .box.more_box .line .t{font-size:14px; font-weight:bold; line-height:1.4; margin-bottom:4px; display:block;}
.right_nav .popup .box .cont{display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center;}
.right_nav .popup .box .cont .prompt{display:block; font-size:12px; -ms-flex:0 0 84px; flex:0 0 84px; margin-right:5px; background-color:#f5f5f5; padding:5px; line-height:1.3;}
.right_nav .popup .box .cont .img_box{width:100%; text-align:center;}
.right_nav .popup .box .cont .img_box img{display:block; width:100%; height:auto;}
.right_nav .popup .box .cont .img_box .title{display:block; font-size:12px; margin-bottom:0;}
.right_nav .popup .box .con{text-align:center;}
.right_nav .popup .box .con a{display:block; width:100%; height:33px; background-color:#0a1e3f; font-size:14px; color:#fff!important; border-radius:4px; line-height:33px; text-decoration:none; cursor:pointer;}
.right_nav .popup .box .con a:hover{background:#c92929; color:#000!important;}
.right_nav .popup .more_btn{font-size:12px; text-align:center; color:#fff; background-color:#0a1e3f; line-height:31px; height:33px; width:100%; border-radius:.06rem; border:1px solid transparent; margin-bottom:8px; cursor:pointer;}
.right_nav .popup .more_btn a{color:#fff; display:block;}
.right_nav .popup .more_btn:hover{background:#c92929; color:#000;}
.right_nav .popup .more_btn a:hover{color:#000;}
.right_nav .popup .more_btn:last-child{margin-bottom:0;}
.right_nav .popup .more_btn.btn02{border:1px solid #080808; color:#080808; background-color:transparent;}

.right_nav:hover .popup{display:block; }



/*应用页面*/
.yy_center02{}
.yy_center02 .yyll_li_box{ margin:.3rem auto; padding:.3rem; background:#fff; }
.yy_center02 .yyll_li_box  .yyll_li_boxa{display:flex; justify-content:space-between;align-items:center}
.yy_center02 .yyll_li_box .pic{ width:20%;flex-shrink:0; max-height:3.3rem; overflow:hidden}
.yy_center02 .yyll_li_box .text{ width:77%;flex-shrink:0}
.yy_center02 .yyll_li_box .text .title{ font-size:.3rem;  font-weight:bold}
.yy_center02 .yyll_li_box .text .con{ color:#777; line-height:1.7; padding:.15rem 0}
.yy_center02 .yyll_li_box .text .tag{}
.yy_center02 .yyll_li_box .text .tag b{ padding-right:.1rem}
.yy_center02 .yyll_li_box .text .tag span{ padding-right:.1rem; text-decoration:underline}
.yy_center02 .yyll_li_box .text .more{ width:1.2rem; background:#1c479c; color:#fff; text-align:center; margin-top:.2rem; padding:.1rem; border-radius:5px}
.yy_center02 .yyll_li_box:hover{box-shadow:0 0 .15rem rgba(0,0,0,.2)}
.yy_center02 .yyll_li_box  .yyll_li_boxa:hover{ color:#1c479c}
.yy_center02 .yyll_li_box:hover .more{ background:#c92929}

.max980{  max-width: 9rem; margin: 0 auto }
.txtcenter{ text-align: center; }
.yytit2{ padding:.45rem 0 .3rem}
.yytit2 span{ font-size:.24rem;  padding:.15rem; background:#1c479c; color:#fff; border-radius:5px}
.service_action.channel_content {padding-top: .7rem;}
.service_action .common_tit {margin-bottom: .3rem; position: relative; text-align: center; font-weight:bold}
.service_action .common_tit .line {display: block;width: .84rem;height: .06rem;background: #c92929;margin: .1rem auto 0;position: relative;}
.service_action .common_tit .line::after {content: '';position: absolute;bottom: 0rem;left: 0%;width: .42rem;height: .06rem;background: #1c479c;}
.service_action .con{ font-size: .16rem; line-height: 1.8 }

.service_action02 {padding-bottom: .6rem; padding-top:.3rem}
.service_action03 .common_tit{ color:#fff}
.service_action03{ padding: .8rem 0;background: url(../images/bgyspor.jpg) no-repeat; background-size: cover; background-attachment: fixed;  margin-bottom:.8rem}
.yingyongys .rect-38 {padding-bottom: 45.8%;padding-bottom: 0;height: auto;}
.yingyongys .rect-38 img {width: 100%;}
.yingyongys{ }
.yingyongys .item { display: inline-block; width: 31%; margin:0 .8%; background: #fff }
.yingyongys .item .left {position: relative;width: 100%; padding:5% 5% 2%}
.yingyongys .item .left .intro {position: relative;}
.yingyongys .item .left .intro .icon {position: absolute;left: 0;top:0rem;}
.yingyongys .item .left .intro .tit {font-size: .25rem;font-weight: bold;margin-bottom: .1rem;color: #000;padding-left: .5rem;}
.yingyongys .item .left .intro .tit span {margin-left: .1rem;}
.yingyongys .item .left .intro .con {color: #747474;text-align: justify; padding-bottom: .2rem }
.yingyongys .item .right {position: relative;width: 100%; padding:4% 4% 0}
.yingyongys .item.even {flex-direction: row-reverse;}
.yingyongys2 .item{ width:18%; border-radius:5px}
.yingyongys2 .item .left .intro .tit{ padding:0; text-align:center; font-size:.2rem; font-weight:normal}

.service_action04 {padding:0 0 .7rem 0; height:auto; overflow:hidden}
.service_action04 .infor {text-align: center;width: 74%;margin: 0 auto;margin-bottom: .3rem;}
.service_action04 .content ul {width: 103%;}
.yingyongpor ul{ height:auto;overflow:hidden}
.yingyongpor .item{ margin-bottom:.2rem}
.yingyongpor .item .img_box img{ padding:.15rem}

/*.service_action02 .bott {margin: .25rem auto;width:60%;}*/
/*.service_action02 .bott ul {display: flex;align-items: stretch;justify-content: space-between;}*/
/*.service_action02 .bott ul li {width: 22.9%;background: #353535;border-radius: .06rem;padding: .3rem;box-sizing: border-box;display: flex;align-items: flex-start;justify-content: flex-start;}*/
/*.service_action02 .bott ul li:hover{ background: #c92929 }*/
/*.service_action02 .bott ul li .icon {flex-shrink: 0;margin-right: .2rem;}*/
/*.service_action02 .bott ul li .icon img {width: .34rem;}*/
/*.service_action02 .bott ul li .intro .t {color: #fff;}*/




/*配件及通用图片列表*/
/*.p30{ padding: .3rem 0}
.picbox_list{ }
.picbox_list .item_ {position: relative; width: calc(100% / 4);float: left;margin-bottom: .35rem;transition: all .3s ease; padding:0 .1rem}
.picbox_list .item_ a {overflow: hidden;display: block;background: #fff; padding: .15rem}
.picbox_list .item_ .words {padding: .2rem .15rem; text-align: left;}
.picbox_list .item_ .words .tit {font-size: .2rem;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: bold; line-height: 1.25}
.picbox_list .item_:hover>a {transform: translateY(-0.1rem);background: #373737;}
.picbox_list .item_:hover .words .tit {color: #fff;font-weight: bold;}*/


/*侧栏*/
.fixed-right{position:fixed;right:0;bottom:150px;z-index:1002;cursor:pointer;}
.fixed-right ul li{width: 50px;height: 50px;position: relative;}
.fixed-right ul li i{width: 50px;line-height: 49px;background: #333;border-bottom: 1px solid #555;color: #fff;font-size: 18px;text-align: center;}
.fixed-right ul li.fixed-right-top:hover i{background: #DB2146;border-bottom: 1px solid #e9092c;}
.fixed-right ul li i.fa-mobile{font-size: 24px;}
.fixed-right ul li span{width: 160px;line-height: 50px;background: #333;color: #fff;padding-left: 10px;position: absolute;top: 0;left: 0;z-index: -1;transition-duration: .5s;}
.fixed-right ul li:hover span{left: -160px;}
.fixed-right .fixed-right-online{transition-duration: 1s;}
.fixed-right .fixed-right-online.show{height: 0;overflow: hidden;}
.fixed-right .fixed-right-comments,.fixed-right .fixed-right-top{height: 0;overflow: hidden;transition-duration: 1s;}
.fixed-right .fixed-right-comments.show,.fixed-right .fixed-right-top.show{height: 50px;}

.pt6{ padding-top:.6rem}

/*视频*/
/*com_video*/
.com_video{padding:.5rem 0 0 .65rem;position:relative;z-index:1;font-size:0;-webkit-text-size-adjust:none; display: block;}
.com_video{cursor:pointer;}
.com_video p:nth-child(1){ width:2rem; height: .5rem; }
.com_video p:nth-child(1) img{width:2rem; height: .5rem; }
.com_video p{font-size:.15rem;color:rgba(0,0,0,.9);margin-top:10px;margin-left:.1rem;}
.com_video em{display:inline-block;width:.75rem;height:.75rem;background:url(../images/about/video_icon.png) no-repeat center center;background-size:cover;}
.com_video:hover em{background:url(../images/about/video_icon_hover.png) no-repeat center center;background-size:cover;}


#videobg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999999;text-align:center;}
#videobg .container{position:relative;height:100%;}
.video{padding:10px;width:66%;height:auto;background:#FFF;position:absolute;left:17%;top:50%;transform:translateY(-50%);}
.video video{width:100%;height:100%;display:block;}
.video p{margin:0;height:.6rem;line-height:.6rem;color:#000;}
.video span{width:.4rem;height:.4rem;background:#000;color:#FFF;font-size:20px;line-height:.4rem;text-align:center;position:absolute;outline:none;top:0px;right:-.4rem;cursor:pointer;display:block;font-family:Arial;}

.honor_list01{ padding-bottom:.5rem}
.h_video_list{   padding:.5rem 0}
.h_video_list .videolist {position: relative;width: calc(94% / 3); display:inline-block;margin-bottom: .45rem;transition: all .3s ease; background: #fff;  margin-right:1.5%}
.h_video_list .videolist a {overflow: hidden;display: block;background: #fff; padding: .2rem}
.h_video_list .videolist .words {padding: .25rem .15rem; text-align: left;}
.h_video_list .videolist .words .tit {font-size: .22rem;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: .6rem; line-height: 1.25;font-family:'Oswald',sans-serif;}
.h_video_list .videolist .words .tit .fa{ color:#c92929; padding:0 .1rem 0 0}
.h_video_list .videolist:hover>a {transform: translateY(-0.1rem);background: #373737;}
.h_video_list .videolist:hover{transform: translateY(-0.1rem);background: #373737;}
.h_video_list .videolist:hover .words .tit {color: #fff;font-weight: bold;}