*{margin:0;padding:0}
body{-webkit-text-size-adjust:none; color:#1a438e; font-size:14px;font-style: normal;font-weight: normal;font-variant:normal;font-family: "微软雅黑","宋体","Arail";min-width: 320px;}
input,select,textarea{ font-family:"Microsoft YaHei"; -webkit-appearance: none;}
.jsmodern-video{background:none!important;}
.jsmodern-video-panel{width:94.5%!important;}
.fot-pro{ font-family:'HelveticaNeueLTPro-ThEx';}
.fot-light{ font-family:'AdobeSongStd-Light';}
.yahei{ font-family:"微软雅黑;"}
h3{ color:#333;}
*::before, *::after{ box-sizing:border-box;}
*{ box-sizing:border-box;word-wrap:break-word;}
a { text-decoration: none; color:#333; }
a:hover{ text-decoration:none}
ul,li,dt,dl,dd{list-style-type: none;margin: 0px;padding: 0px;background:none;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.cl{ clear:both;}
.show{ display:block;}
.hide{ display:none;}
input {  -webkit-appearance: none;}
*:focus{ outline:none;}
a,.banner .fp-controlArrow{ transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s;}
a:hover,.banner .fp-controlArrow:hover{ transition:all 0.6s ease 0.01s; -webkit-transition:all 0.6s ease 0.01s; -moz-transition:all 0.6s ease 0.01s; -o-transition:all 0.6s ease 0.01s;}
.teamlist{display:block;overflow:hidden;}
.teamlist img{transition: all 0.3s;}
.teamlist p{padding:0!important;line-height:50px;margin:0!important;}
.teamlist:hover{box-shadow:0 0 20px rgba(0,0,0,0.4);overflow:hidden;}
.teamlist:hover img{transform: scale(1.05);}
.com_img{ display:block; width:100%; overflow:hidden;}
.com_img img{transition: transform 0.3s ease 0s;width: 100%;}
.com_img:hover img{transform: scale(1.05);}
.img-responsive {max-width: 100%;height: auto;}
.img-auto{max-width: 100%;height: auto; width: 100%;}
.img-rounded {border-radius: 6px;}
img{vertical-align: middle;}
html{ -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}
/*兼容iphone去除默认input表单默认设置*/
a { color: #666; text-decoration: none; outline: none; }
th, td {
	margin: 0;
	padding: 0;
   _background-image:url(about:blank);
   _background-attachment:fixed;
   
}
a:hover { color: #666; outline: none; }
.lt { float: left; }
.rt { float: right; }
.clear { clear: both; overflow: hidden; height: 0; }
.clx:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}
@-webkit-keyframes an_02 
{
	0%{ -webkit-transform:translate(0,10px);opacity: 0;}
	100%{ -webkit-transform:translate(0,0);opacity: 1;}
}
.auto{width:90%;margin:0 auto;}
.top-logot a img{ max-height: 110px;}
.topone{width:100%;display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
.top-addtel{display: flex; flex-wrap: wrap; }
.top-addtel div{ display: flex; align-items: center;margin-left: 20px;}
.top-addtel div span{ margin-left:10px; font-size: 18px;color: #333;}
.hadertop{ width:100%; background:#ffffffbf; position:fixed; top: -18px; left: 0; z-index: 999999; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.logot-navt{ position:relative;}
.logot-navt .logot{ }
.logot-navt .navt{  display: flex; justify-content: space-between;}
.logot-navt .navt ul{}
.logot-navt .navt ul li.nava{ float:left; text-align:center; padding:0px 40px; position:relative;}
.logot-navt .navt ul li.nava > a{ width:100%; display:block; height:110px; font-size:18px; color:#000; line-height:110px; font-family: Impact;}
.logot-navt .navt ul li.nava:hover,.logot-navt .navt ul li.nava.active{ color:#fff; background:#1a438e;}
.logot-navt .navt ul li.nava:hover a,.logot-navt .navt ul li.nava.active a{ color:#fff; }


.togglexia{position:absolute;width:100%;z-index:9999;top:110px; left:0px;display:none; min-width: 100%;}
.togglexia ul{padding:0 0;background:#1a438e;padding-top:0;padding-bottom:0; border-radius:2px;}
.togglexia ul li{float:none;padding:0;margin-left:0;margin-top:0;margin-right:auto; position:relative;}
.logot-navt .navt ul li.nava .togglexia ul li a{display:block;color:#fff;font-size:15px;line-height:30px;background:#1a438e;width:100%;padding:0 0;text-align:left; padding: 10px 5px;font-family: Times, 'Times New Roman', serif;}
.logot-navt .navt ul li.nava .togglexia ul li a:hover{background:#225ba7;color:#fff}

.togglsan{ position:absolute;z-index:999999; width:100%; left:100%; top:0px;background:#1a438e; border-radius:1px; display:none;}
.togglsan .toggh{}
.logot-navt .navt ul li.nava .togglexia ul li .togglsan a.asan{ display:block; background:#1a438e;font-size:15px;}
.logot-navt .navt ul li.nava .togglexia ul li a.asan:hover{background:#225ba7;color:#fff}

::-webkit-input-placeholder { /* WebKit browsers */
  color: #888;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #888;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #888;
}   


.suosuot{ position:relative;z-index:999999;width:260px; display: flex; align-items: center;}
.suosuot form{ width:100%; position:relative;}
.suosuot .keyName{border:2px #ccc solid;width:100%; height:33px; color:#666; line-height:32px; text-indent:5px;border-radius:33px; background:#fff;}
.suosuot .keyBtn{ border: none; width: 20px; height: 100%; cursor: default; padding: 0 5px; background: url(../images/sst.png) no-repeat center; position: absolute; right: 5px; top:0px; cursor:pointer; }

.ssousuo{display:block;float:right;width:25px;height:30px;margin:19px 12px 15px 10px;position:relative}
.ssousuo img{ width:100%;}

.ssform{ position:fixed; width:100%; top:65px; display:none; background:#fff;z-index: 999;}
.ssform .soclrs{border: 1px solid #a3a3a3; height: 40px; margin-bottom: 15px; position:relative;    border-radius: 2px; margin:15px 15px; margin-bottom:20px;}
.ssform .soclrs .so-ui-btn { width: 40px; height: 40px; border: none; padding: 0px; background: url(../images/findss.png) no-repeat center; background-size: 20px auto;cursor:pointer; position:absolute; right:0px; }
.ssform .soclrs p { display: block; height: 100%; }
.ssform .soclrs .so-ui-text { width: 100%; height: 35px; padding: 0px; border: none; padding: 0px 3px; -webkit-box-sizing: border-box; box-sizing: border-box; background: none; text-indent:10px;}


.swiper-mousedown{ text-align: center; position: absolute; bottom: 40px; left: 0; width: 100%;z-index: 1000;}
.swiper-mousedown img{ width: 26px!important;}
.swiper-pagination{ text-align: right; padding-right:calc(140/1920*100vw);}
.swiper-pagination-bullet{ background: #fff;}
.swiperBanner .swiper-pagination-bullet{ width: 12px; height:12px; opacity: 1;}
.swiperBanner .swiper-pagination-bullet-active{ width: 12px; height: 30px; border-radius: 12px;}


.hhh6{ height:65px; display:none;}
.mhtop{position: fixed;top: 0;left: 0;width: 100%;height: 65px;z-index: 999;background: #999; display:none;}
.mdbnrt {margin: 0 10px;}
.mdbnrt .logot{ float:left;}
.mdbnrt .logot img{ height:55px; margin-top:5px;}
.mdbnrt .telsan{ float:left; color:#333; margin-left:5px; margin-top:15px;}
.mdbnrt .langwap{ float:right; margin-right:10px; margin-top:20px;}
.mdbnrt .langwap a.asdsttwap{ color:#555; display:block; font-size:15px; cursor:pointer;}
.mdbnrt .langwap a.asdsttwap span{ font-size:22px;color:#555; display:block; font-weight:600; float:right;font-family: "宋体"; margin-top:5px;}
.langnawap{ position:absolute; top:40px; display:none; z-index:999;}
.langnawap ul li{ display:block; color:#fff; width:100px; height:30px; line-height:30px; background:#999; cursor:pointer; text-align:center;border-bottom:1px #ccc solid;}
.langnawap ul li a{ display:block; color:#fff;}
.langnawap ul li a:hover{color: #fff;background:#ddd;}
.topwaps {width:30px;float:right; height:30px; cursor:pointer; margin-top:15px;position: relative;}
.topwaps span{ display:block; width:30px; height:4px; background:#555;border-radius: 2px; transition: all 0.5s ease 0s;position: absolute; top:5px;}

.search-m{ float:right;width:40px; height:35px; border:none;background:url(../images/search1.png) no-repeat; cursor:pointer; margin-top:18px; margin-right:5px; cursor:pointer; display:none;}

.topwaps span:nth-child(2) { top:14px;}
.topwaps span:nth-child(3) { top:23px;}
.casr span,.topwaps:hover span{background:#2493B2;}

.casr span:nth-child(1) {transform: translateY(7px) rotate(45deg);transition: all 0.5s ease 0s;}
.casr span:nth-child(2) { display:none;}
.casr span:nth-child(3) { transform: translateY(-11px) rotate(-45deg); transition: all 0.5s ease 0s;}

.navul-m{ display:none;background-color: #eee;line-height: normal;position: fixed;top:65px;width: 100%;z-index:99999;}
.navul-m ul{width: 100%;}
.navul-m li{background:#D8D6D6;}
.navul-m li a {border-bottom: 1px solid #505050;color: #333;display: block; background:#eee;padding: 12px 0px; font-size:16px; text-align:center;}
.navul-m li a:hover,.navul-m li a.cur{ background:#ddd;color:#2493B2;}

.search-mtop{display:none;background-color: #eee;line-height: normal;position: fixed;top:65px;width: 100%;z-index:999;}
.search-mtop .search-form{ float:none; margin:0 auto; padding:15px 0px;}
.search-mtop .buttsmit{ top:21px;}


.wapx-ban{ width:100%;}
.wapx-ban img{ width:100%;}

.yanjingt{ background: #f3f3f9; width: 100%; padding: 100px 0; overflow: hidden; display: flex;}
.yanjingt-left{ margin-left: 5%; width: calc(370/1920*100vw);background: #fff; margin-right: 30px;}
.yjlist ul li{ float:left; width:47%; margin-right:6%;}
.yjlist ul li:nth-child(2n){ margin-right:0px;}
.yjlist ul li a{ width:100%; display:block; position:relative;}
.yjlist ul li a .timg{ width:100%; display:block;overflow:hidden;border-radius:5px; border:1px #fff solid;}
.yjlist ul li a .timg img{width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.yjlist ul li a:hover .timg img{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}
.yjlist ul li a .posabt{ width:100%; position:absolute; bottom:0; background: linear-gradient(to top,#1a438ed6 60%,rgba(255,255,255,0)); padding: 40px 0; text-align: center;}
.yjlist ul li a .posabt h3{ width:96%; margin:0 auto; font-weight:normal; text-align:center; font-size:30px; color:#fff;text-transform:Uppercase;} 
.yjlist ul li a .posabt span{ display:inline-block; margin:0 auto; height:48px; line-height:48px; text-align:center;  color:#fff; font-size:20px;text-transform:Uppercase; margin-top:30px;transition: transform 0.3s ease 0s; border-bottom: 1px #d50000 solid; }
.yjlist ul li a:hover .posabt span{ color:#fff; transform:translate(0px,-5px);}
.swiperClass .swiper-button-next,.swiperClass .swiper-button-prev{ background: #d50000;color: #fff; width: 50px; height: 50px;border-radius: 50%;}
.swiperClass .swiper-button-next::after,.swiperClass .swiper-button-prev::after{ font-size: 22px;}

.product-text{}
.product-text h3{ text-align:center;text-transform:Uppercase; font-size:40px; font-weight:normal; color:#1f1f1f; margin-top:5%;}
.product-text p{ font-size:20px; color:#616161;margin-top:2%;}
.product-text .product-hr{ margin-top:20px;}
.product-text .product-hr span{ display:block; float:left; width:91%; border-bottom:2px #888 dotted; margin-top:14px;}
.product-text .product-hr a{ display:block; float:right;text-transform:Uppercase; font-size:18px; color:#747474;}

.index-abt{ margin-top:4%; background: url(../images/video_bg.jpg) top center no-repeat; background-size: cover; padding: calc(50/1920*100vw) 0 calc(100/1920*100vw);}
.index-abt .abt-text{ width:78%; float:left; color:#ffffff; font-size:22px; background:#225ba7; padding:20px 15px; height:280px;}
.index-abt .abt-img{ width:22%; float:left;}
.index-abt .abt-img a img{ width:100%; height:280px;}

.product-main{ background:#fff; padding-top:2%; padding-bottom:5%;}
.product-auto{ background:#fff;}
.product-tit{ color:#4b4b4b; font-size:16px; padding:30px 0;text-transform:Uppercase; border-bottom: 1px #dcdcdc solid;}
.product-tit a{color:#4b4b4b; font-size:16px;}
.product-list{ margin-top:3%;}
.product-list ul{ margin-left:4px;}
.product-list ul li{  float:left; width:23.777%; margin-right:1.5%; margin-bottom:20px; border:1px #DBDBDB solid;border-radius: 3px;}
.product-list ul li:nth-child(4n){margin-right:0px;}
.product-list ul li a{ display:block; position:relative;}
.product-list ul li a img{ width:100%; object-fit:contain; overflow:hidden;}

.endtime{font-size:18px; font-family:"Microsoft Yahei"; color:#000}
.showtime{position:absolute;font-size:16px; top:0px; right:0px;background:#2190D1; color:#FF0000; opacity:1; padding:4px 8px; z-index:99;}

.product-list ul li a .imgp{width:100%; display:block;overflow:hidden; padding:10px;}
.product-list ul li a .imgp img{width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.product-list ul li a:hover .imgp img{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}
.product-list ul li .prolitxt{padding:0 20px;}
.product-list ul li .prolitxt h3{ font-weight:normal; color:#333; font-size:20px; margin-top:10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-list ul li .prolitxt p{ color:#000; font-size:16px; font-weight:700;margin-top:7px;}
.product-list ul li .prolitxt span{ display:block; color:#333333; font-weight:normal; margin-top:3px; margin-bottom:12px; font-size: 16px;}
.product-list ul li .prolitxt span i{ list-style:none;font-style:normal; color:#333333; font-weight:normal; font-size:16px;}
.product-list ul li .quick{width:100%; margin:0 auto; text-align:center;text-transform:Uppercase;border-radius:2px; color:#fff; height:50px; line-height:50px; font-size:18px; display: flex; align-items: center;justify-content: space-between; padding: 10px;margin-bottom: 10px;}

.product-list ul li .quick a{ width: 50px; height:50px; line-height:45px; display: block; border: 1px #ccc solid; color: #ccc;font-size: 24px; text-decoration: none;}
.product-list ul li .quick>a.view{ display: block; line-height: 50px; width: calc(100% - 60px);  }
.product-list ul li .quick>a.view>span{ display: block; line-height: 50px; width: calc(100%); background: #a0a0a0; font-size: 18px; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #fff;}

.product-list ul li:hover{box-shadow: 0 2px 4px rgba(0, 0, 0, .2);}

.product-list ul li:hover .quick a{ color:#1258c1; border-color:#1258c1;}
.product-list ul li:hover .quick>a.view>span{ display:block; background:#1258c1;}

.zbodyd{ font-size:16px; padding:0px 30px; color:#666;}
.zbodyd img{ max-width:100%;}

.products-detail{background:#F2F0F0; padding-top:3%; padding-bottom:5%; min-height:900px;}
.detail-main{ background:#fff; min-height:800px;}
.detail-row{}
.detail-row .detail-fimg{ float:left; width:55%; cursor:pointer;}
.detail-row .detail-fimg img{ width:100%;}
.detail-row .detail-text{ float:left; width:35%; margin-left:10%; padding-top:10%;}
.detail-row .detail-text h3{ font-size:18px; color:#4b4b4b; font-weight:normal;}
.detail-row .detail-text .xing{ margin-top:3%;}
.recommend{ color:#4b4b4b; font-size:20px; padding:30px;text-transform:Uppercase;}

.zbodyinfo{ font-size:16px; line-height:32px; padding:30px;}
.zbodyinfo img{ max-width:100%;}

.protit-row{ width:100%; height:48px; line-height:48px; border-bottom:1px #ddd solid;border-top:1px #ddd solid;font-size:16px; color:#888; font-family:"微软雅黑";}
.protit-row a{ font-size:16px; color:#888;}
.protit-row a:hover{ color:#2493B2;}

.pros-bigimg{ margin-top:100px;}
.wapx-banfr{ display:none;}
.wapx-banfr img{ width:100%;}
.proflx{ display:flex;}
.promotu{width:calc(600/1920*100vw);}
#magnifier{position:relative;width:calc(600/1920*100vw);}
.small-box{position:relative;width:calc(600/1920*100vw);/*border:1px solid #ddd;*/ border-radius:2px;}
.small-box img{display:block; width:100%;}
.small-box .hover{display:none;position:absolute;left:0;top:0;width:180px;height:180px;background: rgba(255, 106, 0, 0.2);
 border: 1px solid rgb(255, 106, 0);/*background: rgba(97, 190, 235, 0.2);border: 1px solid rgb(97, 190, 235);*/border-radius:1px;cursor:move}
.thumbnail-box{position:relative;width:100%; margin-top:5px;}
.thumbnail-box .btn{position:absolute;top:50%;width:22px;height:32px;margin-top:-16px}
.thumbnail-box .btn-prev{left:0;background:url(../images/hover-prev.png) no-repeat}
.thumbnail-box .btn-next{right:0;background:url(../images/hover-next.png) no-repeat}
.thumbnail-box .list{overflow:hidden;width:390px;margin:0 auto}
.thumbnail-box .wrapper{width:100000px}
.thumbnail-box .list .item{float:left; margin-right:5px; width:73px; cursor:pointer;}
.thumbnail-box .list .item img{ width:100%;border:2px solid #ddd;}
.thumbnail-box .list .item-cur img{border:2px solid #FF6000;border-radius:1px;}
.big-box{display:none;overflow:hidden;position:absolute;left:452px;top:0;width:550px;height:550px;border:1px solid #eee;box-shadow: rgb(153, 153, 153) 0px 0px 2px 1px; z-index:99999;}
.big-box img{display:block}

.pro-xqinfo{ flex:1; margin-left:50px;}
.pro-minhr{ width:85%; position:relative;}
.endtimes{font-size:18px; font-family:"Microsoft Yahei"; color:#000}
.showtimes{position:absolute;font-size:16px; top:0px; right:0px;background:#2190D1; color:#FF0000; opacity:1; padding:4px 8px; z-index:99;}
.pro-minhr .info-h3{ color:#606060; font-size:18px; margin:0px 10px;}
.pro-minhr .xing{ overflow:hidden; height:22px; line-height:22px;margin:0px 10px; margin-top:4px;}
.pro-minhr .xing .xinxin{ float:left; margin-top:-2px;}
.pro-minhr .xing .xinxin img{}
.pro-minhr .xing span{ display:inline-block; margin-left:10px; font-size:16px; color:#ff6000;}
.pro-minhr .xing p{display:inline-block;margin-left:12px; font-size:16px; color:#7f7e7e;}
.pro-minhr .info-hr{ width:100%; height:1px; background-color:#ddd; margin:15px 0px;}
.pro-minhr .priec-pos{margin:0px 10px;}
.pro-minhr .priec-pos ul{}
.pro-minhr .priec-pos ul li{ float:left; width:25%;box-sizing: border-box;line-height: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-minhr .priec-pos ul li span{ display:block; font-size:15px; color: #808080; line-height: 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro-minhr .priec-pos ul li p{ display:block;font-weight: 700;font-size: 18px; color: #444;line-height: 26px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; margin-top:2px;}
/*.pro-minhr .priec-pos ul li:nth-child(1) p{color: #ff7519;}*/

.pro-minhr .lescolor{ display:flex;margin:0px 10px; margin-top:42px; margin-bottom:8px;}
.pro-minhr .lescolor h3{ width:142px; font-size:16px; color:#808080; font-weight:normal; line-height:50px;}
.pro-minhr .lescolor .tabcolors{flex:1;}
.tabcolors li{ float:left; width:55px; border:1px #ddd solid; cursor:pointer; margin-right:5px;border-radius:2px;}
.tabcolors li.cur{ border:1px #ff7519 solid;}
.tabcolors li img{ width:100%;}

.pro-minhr .simpl-info{ display:flex;margin:0px 10px; margin-bottom:15px;}
.pro-minhr .simpl-info h3{width:142px; font-size:16px; color:#808080; font-weight:normal;}
.pro-minhr .simpl-info span{flex:1; font-size:16px; color:#616161;}

.nums-info{ display:flex;margin:0px 10px; margin-bottom:15px;}
.nums-info h3{width:142px; font-size:16px; color:#808080; font-weight:normal;}
.nums-info .xj-info{flex:1;}
.nums-info .xj-info .jian{ display:block; float:left; width:30px; height:26px; line-height:18px; text-align:center; border:#ff751a 1px solid; font-size:28px; color:#ff751a; cursor:pointer; border-radius: 4px 0 0 4px;}
.nums-info .xj-info .jian:hover{ color:#fff; background:#ff751a;}
.nums-info .xj-info .numt{float:left; width:65px; height:26px; line-height:26px;color: #666; border:#ccc solid 1px;background: #fff;border-left: none;border-right: none;font-size: 14px; text-align:center;}
.nums-info .xj-info .jia{ display:block; float:left; width:30px; height:26px; line-height:21px; text-align:center; border:#ff751a 1px solid; font-size:22px; color:#ff751a; cursor:pointer; border-radius: 0px 4px 4px 0px;}
.nums-info .xj-info .jia:hover{ color:#fff; background:#ff751a;}

.pro-minhr .leadtimed{display:flex;margin:0px 10px;}
.pro-minhr .leadtimed h3{width:142px; font-size:16px; color:#808080; font-weight:normal;}
.pro-minhr .leadtimed .lead-day{flex:1;}
.supply-ability-table{width:auto;max-width: 100%; border-collapse: collapse;}
.supply-ability-table td, .supply-ability-table th {padding: 8px; text-align: left;  border: 1px solid #c8d2e0;font-size:15px; color:#616161;}


.indVid_content { position: fixed;width:450px; height:460px; top: 8%; left: 50%; margin-left:-225px; z-index: 999; display: none; }
.indVid_clear { position: absolute; right: -23px; top: -23px; width:55px; height:55px; background:url(../images/c_1.png) no-repeat;cursor: pointer; background-size:100% auto; z-index: 9999999; }
.indVid_clear:hover{background:url(../images/c_1.png) no-repeat; background-size:100% auto;}
.indVid_video { background:#fff; width:100%; height:100%; margin:0 auto; border-radius:2px;}
.indVid_bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: url(../images/c_21.png); display: none; }
.yytith{}
.yytith h3{ width:98%; margin:0 auto; padding-top:8px; padding-bottom:5px; font-weight:normal; font-size:17px; color:#ff7519; border-bottom:1px #ddd solid; margin-bottom:15px; text-indent:5px;}
.yytith p{ width:100px; height:100px; text-align:center; margin:0 auto; margin-top:5px;}
.yytith p img{ width:100%;border-radius:100%;}
.yytith h4{text-align:center; color:#000; font-size:18px;font-weight:normal;}
.yytith span{ display:block; color:#666;text-align:center; font-size:15px;}
.yyform .box{ width:92%; margin:0 auto; margin-top:10px; position:relative;}
.yyform .box .inputyy{ width:100%; height:38px; border:1px #ccc solid; text-indent:10px; font-size:16px;border-radius:2px;}
.yyform .box .select{width:100%; height:38px; color:#666; border:1px #ccc solid;text-indent:0px; font-size:16px;border-radius:2px;}
.yyform .box .lyb_bor{width:100%; height:120px; color:#666; border:1px #ccc solid; padding:0px 6px; font-size:15px;border-radius:2px;}
.yyform .box p{ color:#555; margin-bottom:4px; font-size:16px;}
.yyform .box .unit{ display:block; position:absolute; right:3px; top:7px;font-style: normal; color:#555;font-size:16px;}
.yyform .box .smbmit-btn { display:block;width: 272px; height:40px; margin:0 auto;  background: #ff7519; cursor: pointer; font-size: 17px;  color: #fff; text-align:center;border-radius:2px;border:1px #ff7519 solid;}

.pro-minhr .customt{ display:flex;margin:0px 10px; margin-top:15px;}
.pro-minhr .customt h3{width:142px; font-size:16px; color:#808080; font-weight:normal; line-height:30px;}
.pro-minhr .customt .Custom-info{flex:1; font-size:16px; color:#616161; line-height:30px;}
.pro-minhr .customt .Custom-info .Custom-li p{display:inline-block;}
.pro-minhr .customt .Custom-info .Custom-li span{ display:inline-block; color:#b0afaf;}

.submintl{ width:100%; margin-top:20px; text-align:center;}
.submintl a{ display:inline-block; width:135px; height:42px; line-height:41px; margin:0 auto; background-color:#ff7519; text-align:center; font-size:18px; color:#fff; border-radius:2px; margin-right:15px;}
.submintl a:nth-child(2) { background:#F22D00;}
.submintl a:nth-child(2):hover{background:#F53E1A;}
.submintl a:hover{ background-color:#F26208;}

.pro-tuinfo{ background-color:#F2F0F0; margin-top:42px;}

.dtuimg{ padding-top:42px; font-size:20px; color:#0f0f0f;}
.h-caset-wrap{position:relative; margin-top:22px;}
.h-caset-wrap a{display:block;}
.h-caset-wrap .swiper-container{ padding-bottom:25px;}
.h-caset-wrap .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0px; z-index:99999999;}
.h-caset-wrap .swiper-pagination-bullet{ display:none;}
.h-caset-wrap .swiper-pagination-bullet-active {}
.h-caset-wrap .swiper-slide{ background-color:#fff; border:1px #fff solid; border-radius:5px; padding:20px; }
.h-caset-wrap .swiper-slide a{ display:block;}
.swiper-slide a .imgp{border: 2px #fff solid; margin-bottom:10px;overflow: hidden;}
.swiper-slide a .imgp img{ transition: all 0.3s ease-in-out}
.swiper-slide a:hover .imgp {border-color: #1a438e}
.swiper-slide a:hover .imgp img{ transform:scale(1.05) }
.h-caset-wrap .swiper-slide a .h-caset-img{transition: transform 0.3s ease 0s; width:100%; overflow:hidden; text-align:center;}
.h-caset-wrap .swiper-slide a .h-caset-img img{ width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.h-caset-wrap .swiper-slide a:hover .h-caset-img img{  -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}
.h-caset-wrap .swiper-slide a .h-caset-tit{transform .3s linear;}
.h-caset-wrap .swiper-slide a .h-caset-tit h3{ font-size:14px; color:#656565; font-weight:normal;transform .3s linear; margin-top:10px;}
.h-caset-wrap .swiper-slide a .h-caset-tit span{display:block; color: #222;  font-size: 16px; font-weight: 700; margin-top: 7px;transform .3s linear;}
.h-caset-wrap .swiper-slide a .h-caset-tit p{  color:#555; font-weight:700;margin-top:5px;}
.h-caset-wrap .swiper-slide a .h-caset-tit p i{ list-style:none;font-style:normal; color:#a6a6a6; font-weight:normal;}

.h-caset-wrap .swiper-slide a:hover .h-caset-tit{ background:#fff;}
.h-caset-wrap .swiper-slide a:hover .h-caset-tit h3{ color:#656565;}
.h-caset-wrap .swiper-slide a:hover .h-caset-tit span{ color:#222;}
.h-caset-wrap .swiper-slide a:hover .h-caset-tit p{ color:#555;}

.h-caset-wrap .arr { width: 30px; height:30px;position: absolute; right:0px; cursor:pointer; z-index:99;  border-radius:8px;}

.h-caset-wrap .arr-right { right:0px; top:-38px;background:url(../images/aljt01.png) no-repeat;}
.h-caset-wrap .arr-left { right:35px; top:-38px;margin-left:0px;background:url(../images/aljt02.png) no-repeat;}



.pxq-tab{ position:relative; margin-top:20px;}
.pxq-tab a{ position:absolute; right:0px; top:18px; color:#666;}
.pxq-tab a:hover{ text-decoration:underline;}
.ultab-cp{ width:100%;}
.ultab-cp li{display: inline-block;position: relative; height:45px; line-height:44px; text-align:center;border:1px #ddd solid; border-top-left-radius:5px;border-top-right-radius:5px;background-color:#fff; padding:0px 12px; color:#222; font-size:16px; border-bottom:none; cursor:pointer; font-weight:600;}
.ultab-cp li.cur{ color:#F26208;}
.ultab-cp li span{ display:none;}
.ultab-cp li.cur span { display:block;position: absolute; width:100%; height:2px; background-color:#fff; z-index:99; bottom:-1px; left:0px; right:0px;}
.proinfo-hovert{ background-color:#fff; border:1px #ddd solid; border-radius:5px; padding:25px 15px;}
.proinfo-hovert .cpxqcont{ display:none; color:#666; line-height:180%;}
.proinfo-hovert .cpxqcont img{max-width:100%;}

.dtuimgfr{ padding-top:42px; font-size:20px; color:#0f0f0f;}
.h-fr-wrap{position:relative; margin-top:22px;}
.h-fr-wrap a{display:block;}
.h-fr-wrap .swiper-container{ padding-bottom:25px;}
.h-fr-wrap .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0px; z-index:99999999;}
.h-fr-wrap .swiper-pagination-bullet{ display:none;}
.h-fr-wrap .swiper-pagination-bullet-active {}
.h-fr-wrap .swiper-slide{ background-color:#fff; border:1px #fff solid; border-radius:5px; padding:20px; }
.h-fr-wrap .swiper-slide a{ display:block;}
.h-fr-wrap .swiper-slide a .h-caset-img{transition: transform 0.3s ease 0s; width:100%; overflow:hidden; text-align:center;}
.h-fr-wrap .swiper-slide a .h-caset-img img{ width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.h-fr-wrap .swiper-slide a:hover .h-caset-img img{  -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}
.h-fr-wrap .swiper-slide a .h-caset-tit{transform .3s linear;}
.h-fr-wrap .swiper-slide a .h-caset-tit h3{ font-size:14px; color:#656565; font-weight:normal;transform .3s linear; margin-top:10px;}
.h-fr-wrap .swiper-slide a .h-caset-tit span{display:block; color: #222;  font-size: 16px; font-weight: 700; margin-top: 7px;transform .3s linear;}
.h-fr-wrap .swiper-slide a .h-caset-tit p{  color:#555; font-weight:700;margin-top:5px;}
.h-fr-wrap .swiper-slide a .h-caset-tit p i{ list-style:none;font-style:normal; color:#a6a6a6; font-weight:normal;}

.h-fr-wrap .swiper-slide a:hover .h-caset-tit{ background:#fff;}
.h-fr-wrap .swiper-slide a:hover .h-caset-tit h3{ color:#656565;}
.h-fr-wrap .swiper-slide a:hover .h-caset-tit span{ color:#222;}
.h-fr-wrap .swiper-slide a:hover .h-caset-tit p{ color:#555;}

.h-fr-wrap .arr { width: 30px; height:30px;position: absolute; right:0px; cursor:pointer; z-index:99;  border-radius:8px;}

.h-fr-wrap .arr-right { right:0px; top:-38px;background:url(../images/aljt01.png) no-repeat;}
.h-fr-wrap .arr-left { right:35px; top:-38px;margin-left:0px;background:url(../images/aljt02.png) no-repeat;}

.main-tab{text-align:center; background: #f1f1f1; display: flex; align-items: center;justify-content: center;}
.main-tab a{ display:inline-block; text-align:center; padding:20px 15px;color:#333; font-size:16px;}
.main-tab a:hover,.main-tab a.cut{ background:linear-gradient(to right, #2b4e9e, #00a4e6); color: #fff;}

.nymain-tab ul {text-align:center; background: #F3F3FA;}
.nymain-tab ul li{display:inline-block; text-align:center; position:relative;}
.nymain-tab ul li a.nyplx{display:block;padding:20px 15px; color:#333; font-size:16px;}
.nymain-tab ul li:hover a.nyplx,.nymain-tab>ul>li.cur>a,.nymain-tab>ul>li.active>a{ color: #2D58C1;}

.nytoggh{position:absolute;width:100%;z-index:99999;top:50px; background: rgba(0, 0, 0, .7); border-radius:2px; padding:5px 5px; display:none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.nytoggh a{display:block;color:#fff;font-size:14px;line-height:1.6;width:100%;padding:10px 0;text-align:center;}
.nytoggh a:hover,.nytoggh a.active{color:#fff;font-weight: bold;}

.contact-main { margin-top:4%;}
.contact-main .left-main{ float:left; width:45%; margin-left:0%; margin-top:10px;}
.contact-main .left-main img{ max-width:100%;}
.contact-main .right-main{ float:left; width:45%; margin-left:5%;}

.wapp{ display:none;}
.contact-from{}
.contact-from ul li{ float:left; width:50%; margin-bottom:5px;}
.contact-from ul li.lyb_bor{ width:100%;}
.contact-from ul li:nth-child(2n){}
.contact-from ul li .name{ float:none; width:100px;height:35px; line-height:38px; color:#222; font-size:16px;}
.contact-from ul li .name span{ color:#FF0000;}
.contact-from ul li .input{ float:none; width:90%;}
.contact-from ul li.lyb_bor .input,.contact-from ul li.lyb_bor .input input{ width:100%;}
.contact-from ul li .input input{ text-indent:5px; width:100%; height:38px; line-height:38px; border:1px #888 solid;border-radius:3px;font-size:16px;}
.contact-from ul li.lyb_bor .input{width:95%;}
.contact-from ul li.lyb_bor .input textarea{text-indent:5px; width:100%; height:90px;border:1px #999 solid;border-radius:3px;font-size:16px;}

.lxsubmit input{ border:none; display:block;width:300px; height:45px; line-height:45px; text-align:center; background:#888; color:#fff;border-radius: 20px; cursor:pointer; margin:0 auto; margin-top:20px; font-size:18px; margin-bottom:25px;}
.lxsubmit input:hover{ background:#318BA5;}

.botcont{ background:#091620; padding-top: 20px;}
.footer_ulbot ul { display:flex; align-items:center; justify-content: space-between;}
.footer_ulbot ul li{ padding: 10px 0; width: 25%; text-align: center; border-left: 1px rgba(255,255,255,0.1) solid;}
.footer_ulbot ul li:first-child{ border-left: none;}
.footer_ulbot ul li a{ font-size: 20px; color:#fff; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.footer_logo p{ color:#fff; font-size:16px; display: flex;}
.footer_logo p:nth-of-type(1){ margin-top: 20px;}
.footer_logo p i{ font-size: 20px}
.footer_logo p span{ margin-left: 10px;}
.footer_menu { margin-top: 40px;}
.footer_menu a{ display: block; width: 33.3333%; font-size: 16px; color: #fff; float:left; margin-bottom: 15px;}
.footer_link { width: 100%; height:70%; display: flex; align-items: flex-end;justify-content: flex-end;}
.footer_link a{ color: #fff; background: #14212b; display: block; width: 50px; height:50px; line-height:50px;text-align: center; border-radius: 50%; font-size: 20px; float: left; margin-left: 10px;}
.footer_link a:hover{ background: #d50000;}
.botcont .ulbot{ float:left; width:16%; margin-left:4%; text-align:left; font-weight:normal; margin-top:25px; margin-bottom:35px;}
.botcont .ulbot h4 a{ display:block; color:#fff; font-size:20px; border-bottom: 1px #fff solid; line-height: 3;}
.botcont .ulbot ul{ margin-top:10px;}
.botcont .ulbot ul li a{text-transform:Uppercase; font-size:16px; color:#fff; display:block; line-height:30px;}

.botcpys{background:#333; text-align:center; color:#fff; padding:10px 0px;}
.botcpys a{color:#fff;}
.logbot{ margin-bottom:5px;}
.logbot img{ width:188px;}

#video{width:auto;height: 520px;margin:0 auto;position:relative}
#video video{width:auto;height:100%;object-fit:contain}
.VideoBtn{position:absolute;left:50%;top:48%;display:block;width:70px;height:70px;margin-left:-35px;margin-top:-35px;cursor:pointer;z-index:10}

.h555{ height:55px; display:none;}
.myfooter{height:4em;position:fixed;left:0;width:100%;z-index:999;bottom:0;background:#666;display:none}
.myfooter li{width:25%;float:left;position:relative;font-size:.9em;text-align:center;color:#fff;line-height:1em;height:5.33em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;border-right:1px solid rgba(255,255,255,.2)}
.myfooter li:last-child:before{height:0}
.myfooter li i{width:28.125%;display:block;margin:0 auto;padding:.18em 0 0.06em 0; font-size:27px;}
.myfooter li em{width:28.125%;display:block;margin:0 auto;padding:.3em 0 .1em 0}
.myfooter li em img{width:28px;height:auto}
.myfooter li a{color:#fff}

.sharbot{ background: #16222b; width: 100%; line-height: 40px;color:#fff; margin-top: 25px;;}
.sharbot a{ display:inline-block; text-align:center;color:#fff; margin-left:12px;}
.sharbot a i{ display:block; font-size:32px; color:#fff;}

.cartrow{position:fixed;top:20%;right:20px;width:50px;height:50px;background:#0B85B4;display:flex;align-items:center;justify-content:center;border-radius:5px; z-index:9999999; cursor:pointer;}
.cartrow i{font-size:25px;color:#fff}
.cartrow:before{content:attr(data-totalitems);font-size:12px;font-weight:600;position:absolute;top:-12px;right:-12px;background:#ff751a;line-height:24px;padding:0 5px;height:24px;min-width:24px;color:#fff;text-align:center;border-radius:24px}
.cartrow.shake {
  animation: shakeCart .4s ease-in-out forwards;
}
@keyframes shakeCart {
  25% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}

.shopcarrow{width:1000px;margin:0 auto; padding-top:25px; min-height:400px;}
.shopcar_table{ width:100%;}
.shopcar_table thead td{height:35px;background:#e4e4e4;color:#000;font-weight:700;text-align:center}
.shopcar_table tbody{background:#fff;border:solid 1px #fff;}
.shopcar_table tbody td{padding:16px 0;border-bottom:dashed 1px #dbdbdb;text-align:center}
.shopcar_table thead td.selectLeft{text-align:left}
.selectLeft .alltd{display:inline-block;line-height:30px;margin-left:-30px}
.selectLeft .selectLeftGoods{display:inline-block;margin-left:50px}
.goodImg{margin-left:25px}
.goodImg a img{display:block;width:100px;height:100px;padding:5px;border:1px solid #dedede; border-radius:2px;}
.goodnames{margin-left:15px;text-align:left}
.goodnames h2 a{font-size:14px;font-weight:400; color:#333;}
.goodnames h2 a:hover{color:#f40}
.goodnames p{color:#f40;}
.wapinfo{ display:none;}
.wapinfo .cartdelt{ display:block; width:23px; position:absolute; right:0px; top:25px; text-align:right;}
.wapinfo span{position: absolute;left:105px; bottom:15px;color: #f41638;}
.wapinfo p{position: absolute;right: 0px; bottom:12px;}
.danjias{color:#3c3c3c}
.pro_nums{width:50px;height:25px;text-align:center;line-height:23px;font-size:13px;color:#343434;border:1px solid #aaa;display:inline-block;vertical-align:middle;margin-left:0;outline:0;border-radius:1px;}
.addbtns,.deletbtn{width:26px;height:25px;text-align:center;line-height:23px;margin-left:0;display:inline-block;font-size:20px;color:#444;border:1px solid #ddd;background:#ddd;vertical-align:middle; border-radius:1px;}
.addbtns:hover,.deletbtn:hover{background:#f60;border:1px #f60 solid;color:#fff;}
.totalPrice{color:#f40}
.cart_dels a{color:#3c3c3c}
.cart_dels a:hover{color:#f40}
.order_btn{background:#f40;margin:0 auto;margin-top:2px;width:120px;height:35px;border:none;color:#fff;font-size:16px;font-family:"微软雅黑";cursor:pointer;border-radius:4px}
.oderts{text-align:left;color:#000;line-height:200%;font-size:14px; padding-top:15px; padding-bottom:30px;}
.oderts label{font-size:18px;font-family:"微软雅黑";color:#b20000}
.oderts p{margin-top:5px}
.remark{height:auto;line-height:20px;margin:10px auto;min-height:100px;border:1px #ccc solid}
.small_title{height:28px;line-height:28px;width:100%;background:#e4e4e4}
.cnName{color:#000;float:left;font-family:"微软雅黑";font-size:13px;font-weight:700;text-indent:10px}
.red{color:#b20000!important}

.userinfoL{ display:block; padding-top:20px;}
.userinfoL ul li{ position:relative;font-size:14px; line-height:36px; padding-bottom:10px;}
.userinfoL ul li label{ float:left; width:100px; text-align:right; padding-right:18px;}
.userinfoL ul li input{ float:left; border:1px solid #ccc; height:36px; line-height:18px; width:300px; padding:2px 8px; color:#333;border-radius:2px;}
.userinfoL .userinfoFalse { border: 1px solid #ff5000;}
.userinfoL ul li select{ float:left; border:1px solid #ccc; line-height:20px; width:120px; padding:10px 10px; color:#999;}
.userinfoL ul li textarea{ float:left; color:#333; border:1px solid #ccc; padding:5px 10px; width:350px; height:98px; border-radius:2px;}
.userinfoL ul li p{display: none; line-height:20px; font-size:13px; color:#ff5000; margin-left:100px; margin-top:2px;}

.list-news {margin-bottom:30px}
.list-news .time{margin-top:10px;margin-right:-20px;padding:15px 0 10px 0;border-right:1px solid #eee;}
.list-news .time .text-large{font-size:52px;line-height:54px;}
.list-news .news {margin-top:10px;margin-left:50px;margin-right:30px}
.list-news .news h3 a{display:block;font-size:24px;color:#333;margin-bottom:20px}
.list-news .button{margin-top:70px;width:70px;line-height:56px;font-size:24px;border:1px solid #ebebeb;}
.list-news:hover .button{background:#225ba7;color:#fff;border:1px solid #225ba7}
.list-news:hover h3 a{color:#225ba7}

.index-about_intro-title{
  font-size: 20px;
  color: #1a438e;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: calc(100/1920*100vw);
}
.index-about_intro-subtitle{
  font-size: 40px;
  color: #041d38;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 40px;
  line-height: 1.2;
}
.index-about_intro-text{
  font-size: 16px;
  color: #333;
}
.index-about_intro-icon{
  margin: 15px 0;
  width: 100%;;
  font-size: 46px;
  color: ##1a438e;
  font-weight: bold;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.index-about_intro-icon img{
  margin-right: 40px;
}
.index-about_intro-icon span:nth-of-type(1){
  margin-right: 10px;
}
.index-about_intro-icon span:nth-of-type(2){
  font-size: 17px;
  color: #041d38;
  max-width: 440px;
  font-weight: 300;
}
.index-about_intro-more{
  display: block;
  width: 180px;
  line-height: 46px;
  text-align: center;
  border: 2px #434343 solid;
  font-size: 16px;
  color: #222c3a;
}
.index-about_intro-more:hover{
  background: #1a438e;
  color: #fff;
  text-decoration: none;
  border: 2px #1a438e solid;
}
.yanjingt-left{
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.yanjingt-left h4{
  color:#1a438e;
  font-size: 20px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  margin-bottom: 30px;
}
.yanjingt-left h2{
  color:#333;
  font-size: 38px;
  font-weight: normal;
  margin-bottom: 80px;
  letter-spacing: -4px;
}
.yanjingt-left a{
  color:#999;
  font-size: 22px;
  text-decoration: none;
}
.yanjingt-left a:hover{
  color:#1a438e;
}

.index-quote__bg{
  width: 100%;
  background: linear-gradient(to bottom,#1a438e 60%,#fff 60%);
  padding: 45px 75px;
}
.index-quote__bg h4{
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  margin-bottom: 35px;
  margin-top: 35px;
}
.index-quote__bg h2{
  font-size: 40px;
  color: #ffffff;
  font-weight: normal;
  margin-bottom: 150px;
}

.index-why__title{
  text-align: center;
  margin-top:100px;
}
.index-why__title h4{
  font-size: 20px;
  color: #1a438e;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.index-why__title h2{
  font-size: 40px;
  color: #333333;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.index-why__title p{
  font-size: 16px;
  color: #333333;
  text-align: left;
  margin-bottom: 40px;
}
.index-why__box{
  height: 100%;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  padding: 30px;
}
.index-why__box h2{
  padding-bottom: 15px;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
}
.index-why__box h2 span{
  margin-left: 15px;
  font-size: 20px;
  color: #333;
  text-transform: uppercase;
}
.index-why__box p{
  font-size: 16px;
  color: #333;
}
.swiperHonor{
  padding: 60px 0;
}
.swiperHonor::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: #f3f3f9;
  width: 100px;
  height: 100%;
}
.swiperHonor::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #f3f3f9;
  width: 100px;
  height: 100%;
}
.swiperHonor .swiper-slide a{
  display: block;
  position: relative;
  
}
.swiperHonor .swiper-slide img{
  display: block;
}
.swiperHonor .swiper-slide p{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 60px;
  text-align: center;
  color: #fff;
  margin: 0;
}
.swiperHonor .swiper-slide.swiper-slide-active p{
  background: #1a438e;
  
}
.swiperHonor .swiper-slide.swiper-slide-prev,
.swiperHonor .swiper-slide.swiper-slide-next{
  color: #bfbfbf;
  z-index: 999;
}
.swiperHonor .swiper-button-prev::after,
.swiperHonor .swiper-button-next::after{
  color: #bfbfbf;
}
.swiperHonor .swiper-slide.swiper-slide-prev p,
.swiperHonor .swiper-slide.swiper-slide-next p{
  background: rgba(0, 0, 0, .4);
}
.swiper-slide-active{
  z-index: 1000;
}

.index-advan__title{
  text-align: center;
  margin-top:100px;
}
.index-advan__title h4{
  font-size: 20px;
  color: #1a438e;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.index-advan__title h2{
  font-size: 40px;
  color: #333333;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.index-advan__title p{
  font-size: 16px;
  color: #333333;
  text-align: left;
  margin-bottom: 40px;
}
.index-advan__name{
  font-size: 22px;
  color: #333333;
  margin: 20px 0 40px;
}


.index-blog{
  background: linear-gradient(to right, #f3f3f9 calc(1100/1920*100vw), #1a438e calc(820/1920*100vw));
  width: 100%;
  padding: 0 0 80px 0;
  margin-top: 80px;
  overflow: hidden;
}
.index-blog__title{
  text-align: center;
  margin-top:100px;
}
.index-blog__title h4{
  font-size: 20px;
  color: #d50000;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.index-blog__title h2{
  font-size: 40px;
  color: #333333;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.index-blog__content{
  padding: 20px;
  width: 56%;
}
.index-blog__box{
  background: #fff;
  display: flex;
  margin-bottom: 30px;
}
.index-blog__box .d-block{
  flex: 0 0 40%;
}
.index-blog__time{
  font-size: 22px;
  color: #333333;
  border: 1px #333 solid;
  display: inline-block;
  padding: 2px 30px;
}
.index-blog__titles{
  font-size: 22px;
  color: #333333;
  padding: 20px 0;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis; 
  white-space: nowrap;
}
.index-blog__text{
  font-size: 16px;
  color: #666;
}
.index-blog__more{
  font-size: 18px;
  color: #d50000;
}



.baner-nei{
  position: relative;
}
.baner-nei-text{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 70px;
  color: #fff;
  font-weight: bold;
}
.neiye_culture{
  margin: 80px 0;
  background: url(../images/culture.png) left top no-repeat;
}
.neiye_culture p{
  font-size: 20px;
  color: #333;
  line-height:1.6;
  margin-top: 20px;
}

.neiye_developer{
  background: url(../images/developbg.png) bottom center no-repeat;
  background-size: cover;
  width: 100%;
  padding: 100px 0;
  overflow: hidden;
}
.neiye_developer .swiperDevelop::after{
  content: '';
  display: block;
  position: absolute;
  top: 160px;
  width: 100%;
  height: 2px;
  background: #e5e5e5;
}
.neiye_developer .swiperDevelop .swiper-slide:nth-of-type(2n){
  margin-top: 200px;
}
.neiye_developer .swiperDevelop .swiper-slide::before{
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #1a438e;
  background: #fff;
  margin: 0 auto;
}
.neiye_developer .swiperDevelop .swiper-slide::after{
  content: '';
  display: block;
  width: 1px;
  height: 50px;
  border:1px #1a438e dashed;
  margin: 0 auto;
}
.neiye_developer .swiperDevelop .swiper-slide:nth-of-type(2n-1)::before{
  content: '';
  position: absolute;
  top: 152px;
  left: 0;
  right: 0;
}
.neiye_developer .swiperDevelop .swiper-slide:nth-of-type(2n)::before{
  content: '';
  position: absolute;
  top: -48px;
  left: 0;
  right: 0;
}
.neiye_developer .swiperDevelop .swiper-slide:nth-of-type(2n)::after{
  content: '';
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
}
.neiye_developer .swiperDevelop .swiper-slide:nth-of-type(2n) .swiperDevelop_box{
  padding-top: 40px;
}
.swiperDevelop_box h2{
  text-align: center;
}
.swiperDevelop_box p{
  min-height:42px;
}

@media screen and (max-width: 900px){
  img{
    max-width: 100%;
  }
  .topone{
    display: none;
  }
  .yanjingt{
    flex-wrap: wrap;
  }
  .yanjingt-left{
    width: 100%;
    margin: 10px;
    padding: 20px;
  }
  .index-quote__bg{
    background: #d50000;
    padding: 20px;
  }
  .index-quote__bg h2 br{
    display: none;
  }
  .index-quote__bg .col-lg-6{
    padding: 0;
  }
  .index-quote__bg a{
    color: #fff;
    border: 2px solid #fff;
  }
  .baner-nei-text{
    font-size: 30px;
  }
  .baner-nei img{
    height: 300px;
    object-fit: cover;
  }
  .nyhhh6{
    display: none !important;
  }
  .index-why-single{
    width: 100%;
    margin-left: 0!important;
    padding: 0px 10px;
  }
}
.nymain-tab .auto {
  background: #F3F3FA;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.nymain-tab-class{
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #1a438e;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  text-transform: uppercase;
  line-height: 64px;
  padding-left: 20px;
}
.nymain-tab-search{
  background: #2D58C1;
  color: #fff;
}
.nymain-tab-search input{
  background: none;
  border: none;
  color: #fff;
  line-height: 64px;
}
.nymain-tab-search input::-webkit-input-placeholder{
  color: #fff;
}
.nymain-tab-search button{
  border: 0;
  background-color: none;
  padding: 0 15px;
  line-height: 64px;
}
.nymain-tab-search button img{
  filter: grayscale(200%) brightness(500%);
}
.nymain-tab-search form{
  display: flex;
  align-items: center;
}
.paixu{
  margin-top: 60px;
  margin-bottom: 40px;
}
.paixu-box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 2px #DBDCDD solid;
  padding: calc(10/1920*100vw) calc(20/1920*100vw);
  margin-bottom: 20px;
  font-size: 18px;;
}
.paixu-box-list{
  position: relative;
}
.paixu-box-list-all{
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
}
.paixu-box-list-all a{
  display: block;
  line-height: 30px;
}
.paixu-box-list>a{
  display: inline-block;
  padding: 10px 25px;
  background: #F4F5F6;
}
.paixu-box-list-all{
  display: none;
  text-align: center;
}
.paixu-box-list:hover .paixu-box-list-all{
  background: #F4F5F6;
  display: block;
}
.paixu-box-list .paixu-box-list-all a:hover{
  color: #D51200;
}
@media screen and (max-width: 900px){
  .nymain-tab-class{
    width: 100%;
    text-align: center;
  }
  .nymain-tab-search{
    width: 100%;
  }
}
.index-product {
  margin-bottom: 100px;
}
.index-product .index-product__box{
  border: 1px #e5e5e5 solid;
  margin-bottom: 30px;
  background-color: #fafafa;
}
.index-product .index-product__box a{
background:#fff;}
.index-product .index-product__box img{
	width:100%;
  height:340px;
  object-fit:contain;
  overflow:hidden;
}
.index-product__content{
  background: #fff;
  text-align: center;
}
.index-product__content .index-product__titles{
  border-top: 1px #e5e5e5 solid;
  padding-top: 20px;
  font-size: 20px;
  color: #333333;
  display: block;
  text-align: center;
}
.index-product__content .index-product__more{
  padding: 0 0 20px;
}
.index-product__content .index-product__more i{
  border: 1px #e5e5e5 solid;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #d2d2d2;
  border-radius: 50%;
  margin: 20px auto 0;
}
.index-product .index-product__box:hover .index-product__more i{
  background: #d50000;
  color: #fff;
  border-color: #d50000;
}


#accordion .card{
  border: 2px solid rgba(255,255,255,0.3);
  background: rgba(255,255,255,0.1);
  margin-bottom: 35px;
}
#accordion .card .card-header{
  padding: 20px 0;
  border-bottom: 2px solid rgba(255,255,255,0.1);
}
#accordion .card .card-header a{
  font-size: 20px;
  color: #fff;
  padding-left: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#accordion .card .card-header a[aria-expanded="false"]::after{
  content: '+';
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 20px;
  font-size: 30px;
  margin-top: -40px;
}
#accordion .card .card-header a[aria-expanded="true"]::after{
  content: '-';
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 20px;
  font-size: 30px;
  margin-top: -40px;
}
#accordion .card .card-body{
  font-size: 18px;
  color: #fff;
  line-height: 1.6;
}
.kefulist{
  position: fixed;
  right: 10px;
  bottom: 80px;
  z-index: 999;
}
#kefutel{
  display: block;
  position: relative;
  margin-bottom: 20px;
}
#kefutel i{
  display: block;
  position: relative;
  width:50px;
  height: 50px;
  background: rgb(37, 211, 102);
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 26px;
  z-index: 10;
}
#kefutel p{
  width: 0;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  padding: 0 16px;
  background-color: rgb(37, 211, 102);
  color: rgb(255, 255, 255);
  border-radius: 50px 0 0 50px;
  margin: 0px 10px;
  order: 0;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 1;
  overflow: hidden;
}
#kefutel:hover p{
  width: 200px;
  left: -182px;
  transition: width 200ms ease-in, left 200ms ease-in;
}
#top{
  position: relative;
  width:50px;
  height: 50px;
  background: #d50000;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 26px;
}
#top i {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    z-index: 100;
}
#top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #ff4d25;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}
#top::after {
    z-index: -1;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    animation: ripple 1.6s ease-out infinite;
    opacity: 0;
    background: #ff4d25;
    border-radius: 50%;
}
@keyframes ripple {
    0%,35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .8
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}