﻿/*
* 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:14.5rem; 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:.15rem; line-height:1.6; color:#222; background:#fff; font-family:Noto Sans SC,Helvetica Neue,Helvetica,PingFang SC,lato,Arial,sans-serif;}
a{color:inherit;}
a:hover { color:#024886;}
::-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; border-bottom: 1px solid rgba(255,255,255,.12)}
/*
.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: .2rem;font-family:Lato-bold,sans-serif; padding-left: .35rem; padding-top: .12rem}
.pageHeader .h_stockt .fa{ margin-right: .05rem ; font-size: .22rem; font-weight: normal;}
.pageHeader .h_search:hover .fa{ color: #d33033  }
.pageHeader .h_stockt:hover .text{ color:#ee922b}
.header{position:relative; z-index:90; padding: .2rem 7%  0; height: .9rem;display:flex; justify-content:space-between; transition: .3s all}
.header .h_logo{width:19%; max-width:200px;  }
.header .h_logo img{ max-width:200px; vertical-align:center; width:100% }
.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 .18rem;}
.navtop .inav_wrapper .nav_li .nav_a{display:block; padding:.12rem 0 .08rem; font-size:.18rem; line-height:.3rem; color:#fff;}
.navtop .inav_wrapper .nav_li:first-child{padding-left:0;}
.navtop .inav_wrapper .nav_li:hover .nav_a{color:#ee922b; }
.navtop .inav_wrapper .nav_li.cur .nav_a{color:#ee922b; }
.navtop .inav_wrapper .nav_li .sec_nav {position:absolute; left:0; right:0; top:100%; background:#f3f4f9;  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); min-height: 3.2rem }
.navtop .inav_wrapper .nav_li .sec_nav .wrap{display: flex;justify-content:space-between }
.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; width: 100%}
.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:#222;}

.navtop .inav_wrapper .nav_li .sec_nav .box{padding-top:.3rem; padding-bottom:.3rem;}
.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:#ee922b;}

.navtop .inav_wrapper .nav_li .nav_a{position:relative;}
.navtop .inav_wrapper .nav_li .nav_a::after { bottom:-.15rem; 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: #ee922b; 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;}

.navtop .inav_wrapper .nav_li:nth-child(3) .nav_a i,.navtop .inav_wrapper .nav_li:nth-child(5) .nav_a i,.navtop .inav_wrapper .nav_li:nth-child(7) .nav_a i{ display: none }


/*滚动导航*/
.Header_scroll{ background:rgba(0,0,0,.68);  }
.Header_scroll .header{padding:.15rem 4% 0; height: .8rem}

/*.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; }

/* 产品下拉 */
.productsMenus{}
.productsMenus .boxpor { text-align: center; }
.productsMenus .boxpor dl{ width: 20%;  }
.productsMenus .boxpor dt p{ padding-top: .1rem; font-size: .16rem;  }

.sec_nav .boxpor dt a{ display: block; }
.sec_nav .boxporfl{ width:13%; padding-top: .4rem }
.sec_nav .ph1{ font-size: .22rem; padding-bottom: .1rem; color: #000 }
.sec_nav .porhot { width:80%; padding-top: .4rem }
.sec_nav .boxporfl .pflt{ display: block;line-height:.5rem; border-bottom: 1px solid #ddd; margin-right:2%; font-size: .17rem }
.sec_nav .boxporfl .pflt:last-child{ border: none; }
.sec_nav .pflt .fa{ padding-right: .1rem }
.navtop .inav_wrapper .nav_li .sec_nav .porhot .box{ padding-top: .15rem }
.navtop .inav_wrapper .nav_li .sec_nav .porhot .box dl{ width: 25% }
.navtop .inav_wrapper .nav_li .sec_nav .navright .box{ display: flex; justify-content: space-between;  }
.navtop .inav_wrapper .nav_li .sec_nav .navright .box figure{ width: 25%; border-radius: .1rem; overflow: hidden; }
.navtop .inav_wrapper .nav_li .sec_nav .navright .box figure img{ width: 100% }
.navtop .inav_wrapper .nav_li .sec_nav .navright .box .text{ width:72%; line-height: 1.76; font-size: .15rem; color: #555}
.navtop .inav_wrapper .nav_li .sec_nav .navright .box .text .t{font-size: .22rem; padding-bottom: .1rem; color: #000; display: block; padding-top: .1rem}
.navtop .inav_wrapper .nav_li .sec_nav .navright .box .text .m{ color:#c92929;display: block; margin-top: .2rem  }



.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:#c92929;}
.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:.8rem; z-index:55; display: block;height: auto !important }
.nynavscroll .xc_nav{ background:#fff; 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: #1b1f24; position: relative; overflow: hidden;}
.foot-contact { width: 100%; padding:.35rem 0; border-bottom: 1px solid rgba(255,255,255,.05)}

.footer{overflow: hidden;padding:1rem 0; position: relative;z-index: 2}
.footer-lt{width: 30%;float: right;color: #fff;}
.footer-lt .t{display:block;font-size: .18rem}
.footer-lt .btel{ font-weight: bold;font-family:'Lato',sans-serif;  font-size: .28rem;margin:.1rem 0; }
.footer-lt .con1{font-size: .14rem; line-height: 1.5; margin-top: .1rem;color:#7c8086;}
.footer-lt i{ padding-right: .08rem;font-size: .16rem; }

.footer-rt{float: left;overflow: hidden;width:48%; position: relative;}
.footer-rt-a{width: 24%;float: left; }
.footer-rt-a>div a{font-size: .18rem;color: #fff;line-height: 1;margin:0 0 .15rem 0; display: block;}
.footer-rt-a li{line-height:1; padding-top:.1rem}
.footer-rt-a li a{display:block;color: #7c8086;font-size: .14rem; line-height:1.6; padding-left: .05rem}
.footer-rt-a li a:hover{ text-decoration: underline; color: #fff}

.footer-l3{ float: right; width:20%; float: right;color: #7c8086;  font-size: .14rem}
.footer-l3 .wx figure{ text-align: center; max-width: 1.3rem}
.footer-l3 .wx figure img{ width: 100%; border:6px solid #fff; margin-bottom: .08rem }
.footer-b{width: 100%;padding: .15rem 0;text-align: center; clear:both; background: #1b1f24; border-top: 1px solid rgba(255,255,255,.05)}
.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);}

.footzxzx{ padding:.7rem 0;background: url(../images/tel_bg.jpg) no-repeat fixed; background-size:cover; text-align: center; color: #fff; }
.footzxzx .t1{ font-size: .32rem }
.footzxzx a{  display: block; line-height: .45rem; border: 1px solid rgba(255,255,255,.8); margin:.3rem auto 0; max-width: 1.8rem; text-align: center;}
.footzxzx a:hover{background: #ff7a00; color: #fff}
/*.pageFooter .bmsg{ width:70% }
.pageFooter .bmsg .lp-inputb{ line-height:.5rem; width:25%; background-color: #1e2a3a; border:none; border-radius: .1rem; padding: 0 .2rem;  margin-right:1% }
.pageFooter .bmsg .lp-inputb2{ width:30% }
.pageFooter .bmsg .lp-btn{ width:15%;margin-right:0; color: #fff; background: linear-gradient(45deg, #e1030c, #a3030a); cursor: pointer;}*/

/*定制*/
.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;overflow: hidden;}
.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 .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%;text-align: center;  }
.ibanner .swiper-slide .text .tit1 { font-size: .22rem; line-height: 1.5; color: #fff; font-weight: lighter; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .6s; transition-delay: .6s;  margin-top: .15rem}

.ibanner .swiper-slide .text .tit2{ font-size:.16rem; color:rgba(255,255,255,.85); -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;  font-weight: lighter;  font-family:Lato }

.ibanner .swiper-slide .text .tit3{ font-size: .77rem ; 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: .2s; transition-delay: .2s; line-height: 1; padding-bottom: .1rem }
.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: 1.4rem; height: .45rem;  text-align:center;  line-height:.45rem;  margin: .55rem auto 0; background: #ee922b; color: #fff; letter-spacing: 0; overflow: hidden;}
.ibanner .swiper-slide .text .bnt a{ display: block; }
.ibanner .swiper-slide .text .bnt a:hover{background: #fff; color: #222}

.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 .swiper-slide .text { letter-spacing: 2px }
.ibanner .slide1 .text{  }

.ibanner  .slidevideo{ position: relative; }
.ibanner  .slidevideo .imgBox:after{ width: 100%; height: 100%; position: absolute; content: ''; background: rgba(0,17,41,.75); left: 0; top: 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:.7rem!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;}

.m_ibanner .swiper-slide .text .bnt a{ display: block; }

.common_tit{position:relative; color:#28343c;align-items: center;}
.common_tit h1{align-items:center}
.common_tit .t1{  font-size: .48rem ;font-weight:bold; line-height:1; position: relative; padding-bottom: .18rem; z-index: 3 }
/*.common_tit .t1:after{ position: absolute; width:.5rem;left: 0; bottom: 0; content: ''; height:3px; background: #0442a1; z-index: 5 }
.common_tit .t1:before {position: absolute; width:.25rem;left: 0; bottom: 0; content: ''; height:3px; background: #d33033; z-index: 6}*/
.common_tit .en{ font-size: .55rem; color: #f0f6fa; font-family:lato; text-transform: uppercase;position: absolute; left: 0; top:-70%; z-index: 1; display: none}
.common_tit .enb{ color: #fff;}
.common_tit .t11{ background: linear-gradient(45deg, #000, #111);-webkit-background-clip: text;background-clip: text;color: transparent; }
.common_tit .m{  display: block;  line-height: .45rem; font-size: .17rem;color: #000;  position: relative;  z-index:3; padding:0 .2rem}
.common_tit .m:before{ background:#e1e1e1;position: absolute; left: 0; top: 0; content: ''; border-radius: .45rem; width: .45rem; height: .45rem; z-index:-1; transition: all .3s}
.common_tit .m:hover{ color: #fff }
.common_tit .m:hover:before{ width:1.2rem; background-color: #024886  }
.common_tit .t1:hover{ color:#024886 }
.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 }

.bansf{object-fit: cover; -webkit-animation: bannerScale 7s linear infinite alternate;animation: bannerScale 7s linear infinite alternate;}

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

.ipart{}
.ipart-porbox{position: relative;background: #f1f1f1 url(../images/cp_bg.jpg) no-repeat left bottom; padding: 1rem 0 1rem 0}
.ipart-por{}
.ipart-por .infor{  }
.ipart-por .iporflm{ margin-left: -2%; margin-top: .25rem}
.ipart-por .iporflm  .mflitem{position:relative; margin-bottom:1%; background:#fff; box-shadow: 0px 0px .15rem rgba(0,0,0,.15); transition:all 0.5s ease;  overflow: hidden; margin-left: 2%; width: 31%;padding:.3rem .4rem;}
.ipart-por .iporflm .tit{font-size:.24rem; line-height:1.4; margin: 0;color:#111;padding:0rem 0 .1rem; }
.ipart-por .iporflm .con{font-size:.16rem; line-height:.1.6rem; color:#666; height: .3rem;  margin-bottom: .1rem}
.ipart-por .iporflm .a{font-size:.14rem; color: #0359ab}
.ipart-por .iporflm  .mflitem figure{ height: .8rem; transition: .3s all}
.ipart-por .iporflm  .mflitem:nth-child(1){ background:url(../images/flbg1.jpg) no-repeat center center; background-size: cover; }
.ipart-por .iporflm  .mflitem:nth-child(2){ background:url(../images/flbg2.jpg) no-repeat center center; background-size: cover; }
.ipart-por .iporflm  .mflitem:nth-child(3){ background:url(../images/flbg3.jpg) no-repeat center center; background-size: cover; }
.ipart-por .iporflm  .mflitem:hover{background:url(../images/flbgh1.jpg) no-repeat center center;}
.ipart-por .iporflm  .mflitem:hover:nth-child(1){ background:url(../images/flbgh1.jpg) no-repeat center center; background-size: cover; }
.ipart-por .iporflm  .mflitem:hover:nth-child(2){ background:url(../images/flbgh2.jpg) no-repeat center center; background-size: cover; }
.ipart-por .iporflm  .mflitem:hover:nth-child(3){ background:url(../images/flbgh3.jpg) no-repeat center center;  background-size: cover; }
.ipart-por .iporflm  .mflitem:hover figure{ color: #fff; height: 0; overflow: hidden;  }
.ipart-por .iporflm  .mflitem:hover .a{color: #ffa92e}
.ipart-por .iporflm .mflitem:hover .tit{   color: #fff; }
/*.ipart-por  .iporfl{ padding-top: .2rem }
.ipart-por  .iporfl a{ display: block;padding:.15rem .05rem .15rem 0; transition: all .3s; border-bottom: 1px #ddd solid; position: relative;}
.ipart-por  .iporfl a:hover{ padding-left: .3rem; background: url(../images/pi.png) no-repeat left center; }
.ipart-por  .iporfl a:after{position: absolute; width: .25rem; height: .25rem; line-height: .25rem; background:#e8e8e8; text-align: center; content: '+';border-radius: .2rem; right: 0; }
.ipart-por  .iporfl a:hover:after{ background:#c93036; color: #fff }*/




.ipart-por .content{ }
.ipart-por .content .ipor-list{  margin-left:-1.5%; }
.ipart-por .content .ipor-list .itemp{ float: left; width:31.3%; margin-left:2%;  text-align: center; padding-bottom:.1rem; margin-top: .25rem; position: relative;}
.ipart-por .content .ipor-list .itemp figure{position: relative;z-index: 3}
.ipart-por .content .ipor-list .itemp .tit{ font-size: .2rem; color: #111; padding: .1rem 0; position: relative;z-index: 3 }
.ipart-por .content .ipor-list .itemp figure::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:0; background:#0b3685; transition:all .3s ease;  z-index: 1; background-size: cover;}
.ipart-por .content .ipor-list .itemp:hover figure:after{  height: 100% }
.ipart-por .content .ipor-list .itemp figure img{ width: 100%; height: 100%;  transition: all .3s;position: relative;z-index:5}
.ipart-por .content .ipor-list .itemp:hover figure img{ transform: scale(0.95);}



/*核心技术*/
.ipart-youshi{ padding:1.2rem 0;  position: relative; overflow: hidden;}
.ipart-youshi .f-cb{ padding:.35rem 3% 0}
.ipart-youshi .f-cb li{ width: 25%; transition: all .3s; position: relative; height:5rem; overflow: hidden !important; }
.ipart-youshi .f-cb li:after{ width: 100%; position: absolute; height:0; left: 0 ; bottom:0; background: rgba(0,52,111,.75); content: "";z-index: 2;transition: all .3s;  }
.ipart-youshi .f-cb li a{ display: block; color: #fff }
.ipart-youshi .f-cb li:hover{ width: 30%; }
.ipart-youshi .f-cb li .con{ position: absolute; left: 50%; top:35%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);z-index:3;  }
.ipart-youshi .f-cb li .pic{ height: 100%; overflow: hidden; }
.ipart-youshi .f-cb li .pic img{ width: 105%;filter: blur(1px); transition: all .3s;}
.ipart-youshi .f-cb li .con p{ font-size: .24rem; padding-bottom: .35rem }
.ipart-youshi .f-cb li:hover .con .but{ color: #ee922b }
.ipart-youshi .f-cb li:hover .pic img{ width: 100%;filter: blur(0px); transition: all .3s;}
.ipart-youshi .f-cb li:hover:after{ height: 100% }




/*关于*/
.indexAboutMain {position: relative;width: 100%; background: #f2f7fb url(../images/aboutbg.jpg) no-repeat center center; background-size:cover;  padding: 1rem 0 .7rem}
.indexAboutMain .indexAboutBox{ position: relative; }
.indexAboutMain .content{ width:45%; padding: .9rem 0; position: relative; }
.indexAboutMain .content .title{ font-size: .45rem ;font-weight:bold; line-height:1; position: relative; padding-bottom: .18rem; z-index:3; color:#FFF}
.indexAboutMain .content .enTitle{ font-size:.9rem; color:rgba(255,255,255,.1); font-family:lato; text-transform: uppercase;position: absolute; left: 0; top:.3rem; z-index:1; content: "about us";  }
.indexAboutMain .content .tit2{ font-size: .22rem; color: #fff; line-height: 1.7; padding: .2rem 0 .3rem }
.indexAboutMain .content .desc{ line-height:2; color:rgba(255,255,255,.78); font-size: .15rem; font-weight:normal; margin:.3rem 0 .5rem }
.indexAboutMain .content .m2{ margin-top: .45rem }
.indexAboutMain .content .m2{  display: block;  line-height: .5rem; font-size: .17rem;color: #fff;  position: relative;  z-index:3; padding:0 .2rem; border: 1px solid rgba(255,255,255,.5); max-width:1.6rem}
.indexAboutMain .content .m2:before{ position: absolute; left: 0; width: 0; height: 100%; content: ""; transition: all .3s; z-index: -1   }
.indexAboutMain .content .m2:hover{ color:#fff }
.indexAboutMain .content .m2:hover:before{ width:100%; background:#ee922b;border: 1px solid #ee922b;   }

.indexAboutMain .aboutList{ display:flex; flex-wrap:wrap; color: #fff;}
.indexAboutMain .aboutList .list{ width:25%; font-size:.14rem; margin-bottom:.1rem; text-align:left}
.indexAboutMain .aboutList .numberBox .number{ font-size:.4rem; font-family:lato; font-weight:bold}
.indexAboutMain .aboutList .numberBox .text{font-size:.14rem;}
.indexAboutMain .content2{ position: relative;  }
.indexAboutMain .content2:before{ position:absolute; right:-.25rem;top:-.25rem; width:1.5rem; height:1.5rem; content:''; transition: all .3s; z-index: 1; background: #0642b0; }
/*.indexAboutMain .content2:after{ position:absolute; left:-.25rem;bottom:.65rem; width:1.5rem; height:1.5rem; content:''; transition: all .3s; z-index: 1; background: #0642b0; }*/
.indexAboutMain .content2 img{position: relative;z-index: 3; display: block; }
/*.indexAboutMain .content2{ position: absolute; left:48%; top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
.indexAboutMain .content2 .about-a{ width:1rem; height:1rem;  text-align: center; font-size: .13rem; background: #f6f6f6; border:8px solid #fff; border-radius: 50%; margin:.15rem 0;color: #666; transition: all .3s }
.indexAboutMain .content2 .about-a a{ display: block;  }
.indexAboutMain .content2 .about-a a span{ display: block; width: .45rem; height: .4rem; background-size: cover; margin: .1rem auto 0}
.indexAboutMain .content2 .about-a:nth-child(1) span{ background:url(../images/about1.png) no-repeat top center; }
.indexAboutMain .content2 .about-a:nth-child(2) span{background:url(../images/about2.png) no-repeat top center;}
.indexAboutMain .content2 .about-a:nth-child(3) span{background:url(../images/about3.png) no-repeat top center;}
.indexAboutMain .content2 .about-a:hover{border:3px solid #fff;  }*/



/*手机关于*/
.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}


/*新闻*/
.ipart04{padding:1.2rem 0 .3rem;}
.ipart04 .wrap{ position: relative; }
.ipart04 .content{  margin: .45rem auto 0;overflow: hidden; position: relative;  }
.ipart04 .content .swiper-container{ margin-bottom: .35rem }
.ipart04 .content .item{  }
.ipart04 .content .item>a{display:block;}
.ipart04 .content .item .img_box{ height: 2.5rem; overflow: hidden; position: relative; border-radius: .1rem}
.ipart04 .content .item .img_box .type{ position: absolute; width: .8rem;height: .3rem;line-height: .3rem; background: #1c4699; color: #fff; text-align: center; left: 0; bottom: 0;font-size: .14rem; }
.ipart04 .content .item .img_box img{width:auto; min-width:100%; height: 2.5rem; }
.ipart04 .content .item .intro_box{padding:.4rem 0 .5rem; transition:all 0.5s ease; min-height: 2.3rem}
.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; color:#111; margin-bottom:.2rem;  transition:all 0.5s ease;  font-weight: 500; }
.ipart04 .content .item .intro_box .txt{line-height:1.6; color:#888;  transition:all 0.5s ease;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ipart04 .content .item .intro_box .date{ font-family: lato; font-size: .15rem; padding:0 0 .15rem 0;color:#888;  }
.ipart04 .content .item .intro_box .m{ padding-top: .3rem; color: #ff7a00; font-size: .14rem; text-decoration: underline;}
.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:#333  }

@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)
    }
}




/* 手机端部分 */
.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);
    }
}





@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;}




/*内页优势公用*/
.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: 0rem 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:0rem 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 10px 8px 0;}
.lm_item_title .tt{font-weight: bold;padding:5px 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;  }
.lm_item_title2{ background:none; padding:0}


.pro_center{background:#ebeff0;padding:.7rem 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:31%;margin-left:2%;margin-top: 1.49%;height:4rem; margin-bottom: .15rem}
.pro_center02 .item .item_box {position: relative;box-sizing: border-box;height: 100%;transition: all 0.5s ease;}
/*.pro_center02 .item .item_box::after {content: '';width: 0%;height: 6px;background: #024886;position: absolute;left: 0;bottom: 0;transition: 0.5s ease;}*/
.pro_center02 .item .img_box {text-align: center;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;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;  }
.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; color:#777}
/*.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 { margin-top: .15rem }
.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: #b2161d; 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 {transform: translateY(-10px);}
.pro_center02 .item:hover .item_box::after {width: 100%;}
.pro_center02 .item:hover .intro_box .tit {color: #000;}


.pro_center02 .item .img_box{position: relative;z-index: 3}
.pro_center02 .item .img_box img{ width: 100%; height: 100%;  transition: all .3s}
.pro_center02 .item:hover .img_box img{ transform: scale(0.95);}
.pormb{ margin-bottom: .7rem }

.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:#f5f5f5;padding:.7rem 0;position: relative; background-size: cover;}
.pro_detail01 .left{ width:55%; float: right; overflow: hidden; }
.pro_detail01 .porbg .bigimgbox{ width: 77.5%; overflow: hidden; border: 1px rgba(255,255,255,.3) solid;}
.pro_detail01 .porbg .bigimgbox .swiper-wrapper{ width: 100% }
.pro_detail01 .porbg .bigimgbox .bigimg{background: #091c3d;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background-size: cover; position: relative;}
.pro_detail01 .left .items{ width:18%; height: 100%; overflow: hidden; overflow: hidden; }
.pro_detail01 .left .items li{ display: block; height:100% !important; width: 100%; background:#fff; border: 1px #eee solid; }
.pro_detail01 .left .items .swiper-slide-thumb-active{border: 1px #444 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:40%;float: left;overflow: hidden;position: relative; padding-top: .2rem}
.pro_detail01 .right .xh {font-size: .22rem;color:#222; }
.pro_detail01 .right .xh:hover{ text-decoration: underline;  color: #024886 }
.pro_detail01 .right .tit {font-size: .5rem;line-height: .5rem;font-weight:600;  margin-bottom: .25rem; padding-top: .1rem; color: #003571;  }
.pro_detail01 .right .text {font-size: .15rem;line-height:1.6;margin: .35rem 0; color:rgba(0,0,0,.5);}
.pro_detail01 .right .portys { margin: .5rem 0 .5rem }
.pro_detail01 .right .portys ul li{ display: inline-block; margin-right: 1.5%; color: #fff; font-size: .16rem; text-align: center;}
.pro_detail01 .right .portys ul li{  background:#024886; border-radius:15px 0 15px 0; padding: .1rem .25rem}
.pro_detail01 .right .portys ul li i{ padding-right: .08rem; color: #fff }
.pro_detail01 .right .portys ul li:hover{ background:#ee922b; color: #fff }
/*.pro_detail01 .right .portys ul li:hover i{ color: #fff }*/


.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;width: 35%;  }
.pro_det .pro_det_btn_msg2{ background:#333; color:#fff}
.pro_det .pro_det_btn_maile{ background:#ee922b; color:#fff; margin-left:.1rem; font-size: .2rem}
.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{justify-content:flex-start;}
.pro_detail02 .pornavbox { width:70% }
.pro_detail02 .hd {margin-bottom: .7rem;height: .7rem; line-height: .7rem; background: #f2f2f2;z-index:50;color: #1b2128;}
.pro_detail02 .hd .title{ font-size: .28rem; font-weight: bold; color: #222; width: 30%}
.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: .7rem;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:#57607a}


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

.pro_detail02 .sections {font-size: .17rem; line-height:1.8; color: #333; color: #222}
.pro_detail02 .sections .title {font-size: .32rem;line-height: .5rem;color: #222;font-weight: bold;margin-bottom:.25rem; position: relative; padding-left: .15rem}
.pro_detail02 .sections .title:before{ position: absolute; left: 0; top:.14rem; height:.25rem; width:4px; background: #024886; content: ''  }
.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{ padding: .7rem 0;}
.pro_detail02 .sections04 .bgb{  padding:.7rem 0}
.pro_detail02 .sections04 .content{ margin-bottom:.3rem}

/*应用*/
.pro_detail02 .sections06{ height: auto; overflow: hidden; }
.pro_detail02 .sections06 .info_hy {position: relative; }
.pro_detail02 .sections06 .info_hy li{ display: inline-block; width:16.3%; margin-right: .15%;transition: all .5s ease 0s; position: relative;  }
.pro_detail02 .sections06 .info_hy li .pic{   overflow: hidden; }
.pro_detail02 .sections06 .info_hy li .pic img {width: 100%;transition: all .5s ease 0s; overflow:hidden;z-index:6}
.pro_detail02 .sections06 .info_hy 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 .sections06 .info_hy li .font{ display:block; position:absolute; width:100%; line-height:.45rem;height:.45rem;color:#fff; background:linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.95)); text-align:center; left:0; bottom:0;z-index:9; font-size:.17rem; transition: all .3s}
.pro_detail02 .sections06 .info_hy li:hover .font{ background:linear-gradient(to bottom, rgba(175,13,13,.1), rgba(175,13,13,.95)); height: .9rem;line-height:.9rem;}

/*产品详细表格 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: #222; 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);}
.porys_list ul{ margin-left:0%; display:flex;  padding: .15rem ; }
.porys_list li{height:auto;font-size:.16rem;color:#555;line-height:1.8;padding:.3rem .3rem .3rem 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:#b2161d; 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;transition: all .3s; padding-bottom: .15rem}
.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: .17rem;line-height: .3rem;color: #000;   }
.xgporpic-box .item .intro_box .tit2 {font-size: .14rem;color: #666;   }
.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: #b2161d; 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;}

.xgporpic-box .item .img_box img{ width: 100%; height: 100%;  transition: all .3s}
.xgporpic-box .item:hover .img_box img{ transform: scale(0.95);}

.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:7%;}
.sections08 .swiper-por-next{left:7%;}



.pro_detail .sections06{  }
.pro_detail .sections06 .bgh{ padding: .6rem 0 .6rem; 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:.7rem 0;}
.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}

.pro_detail .sections06{ padding-top: .7rem }

/*产品留言*/
.porform{ }
.porform .wrap{  height:auto; overflow:hidden;background:#353534 url(../images/msg-bg.jpg) bottom right no-repeat; background-size:cover;background-attachment: fixed; padding: .4rem; border-radius: .15rem}
.porform .lp-subtitle{ float:left; height:100%; width:40%; color:#fff; padding:.5rem .4rem 0 0; 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: .3rem; width:56%; 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}


/*新闻媒体*/

.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: 30.73%;margin-right: 2.905%;margin-bottom: 3.305%;}
.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; height: 2.2rem}
.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: .7958vw;color: #666;}
.newsBg .news .newsMain ul li:hover .content .time,.newsBg .news .newsMain ul li:hover .content .more{ color:#c92929 }
.newsBg .news .newsMain ul li .image img{ height: 2.6rem }

/*新闻二级栏目*/
.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:2rem; margin-right:1%; display: inline-block; background-color: #fff; color: #111; padding:0 .25rem; font-size: .17rem}
.centernav .ny_nav .item a{ display: block; }
.centernav .ny_nav .item.cur,.centernav .ny_nav .item:hover{ background-color:#0359ab; color: #fff !important; border:1px #0359ab 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:2}
.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/n-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;}
.newscontent .wrap{padding:.6rem .6rem; 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}


/*侧栏*/
.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;}