/* ====首页====== */

body{ background-color:#fff;}

/** header **/

.header{ position:relative; z-index:100; background-color: #fff; border-top: 6px solid #D60839; }

.top{}

.top.wp{ display: flex; justify-content: space-between; align-items: center;}

.language{ color: #fff; background:url(../images/icon/icon_lan_bg.png) center center/100% 100% no-repeat;padding: 10px 30px; position: relative; overflow: hidden;}

.language .icon{ width: 18px; margin-right: 10px;}

.language a{ display: inline-block; color: #fff; }

.language a:hover,.act_lan{}

.language .cutline{ opacity: .5; margin: 0 10px;}



.loarea{ height:108px; position:relative; z-index:3;}

.loarea .wp{ display: flex; align-items: center; justify-content: space-between; }

.logo{ width:340px; height:108px; display:flex; align-items: center;}

.logo .tp{ height:66px; width:auto;}

.searchBtn{ font-size: 24px; line-height: 1;  font-weight: bold; }

.searchBtn:hover{ color: #333;}

/*PC导航 begin*/

.nav{  z-index:5; margin-left: auto;}

.navul{ font-size:0;}

.navul li{ display:inline-block; font-size:18px;position:relative;}

.navul li>a{  padding:0 20px; font-weight: bold; text-align:center; display:inline-block; line-height:66px; height:66px; position: relative;}

.navul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#D60839 ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.navul li>a:hover,.act_nav{color:#D60839 !important;}

.navul li>a:hover::after,.act_nav::after{  width: 2em !important;}







/*PC导航end*/

.subnav{ position:absolute; display: none; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.subnav>.nr{background:rgba(0, 0, 0, .6); width: 200px; padding:10px 0; box-shadow: 0 2px 10px 0 #333; }

.subnav .nr a{text-align:left; line-height:2; padding: 8px 10px; width:100%; line-height: 1.2; box-sizing: border-box; word-wrap:  break-all; font-size:13px; display:block;  color:#fff;  }

.subnav .nr a:hover{ color: #fff !important; background-color: #D60839; }



/*手机导航按钮及下拉菜单begin*/

.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}

.menubtn i{ display:block; width:21px; height:3px; background-color:#000; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}

.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}

.menubtn i:nth-child(2){ top:11px;}

.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}

.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}

.menubtn.on i:nth-child(2){ opacity:0;}

.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*小导航*/

.inav{ width:400px; max-width: 60%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }

.navlogo{ padding: 30px;}

.navlogo .tp{ max-width: 66%;}

.inav ul{ margin: 0 30px;}

.inavul li{border-bottom:1px solid #363636;}

.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}

.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px; }

.act_inav{ border-color: #D60839 !important; color:#D60839 !important;}

.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.inavul .nr{ display: none; padding:5px 30px 5px 40px;}

.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}

/*手机导航按钮及下拉菜单end*/

/*banner begin*/

.banner{ position:relative; z-index:3; }

.banner .swiper-slide{position:relative; overflow:hidden;}

.banimg{ width:100%; height:auto; display:block;}

.banIntro{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.banIntro .wp .inner{ width: 450px;}

.banIntro .tit{ font-size: 48px; line-height: 1.2; }

.banIntro .nr{ font-size: 30px; margin-top: 40px;}
.textColorWhite .tit,.textColorWhite .nr{ color: #fff;}
.textColorBlack .tit,.textColorBlack .nr{ color: #333;}

.banIntro .mandiv{ margin-top: 45px;}

.banIntro .mandiv .sbtn{ font-size: 20px; padding: 0.6em 3em;}





.banner .swiper-pagination{ bottom:50px !important;}

.banner .swiper-pagination-bullet{ width:100px; height:7px; padding: 0; background-color:#fff; font-size: 0; line-height: 0; outline:none; cursor: pointer; margin:0 10px !important; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }

.banner .swiper-pagination-bullet-active{}

.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}

/* .banner .swiper-button-prev{ left:2%;}

.banner .swiper-button-next{ right:2%;} 



.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}

 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}

.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */

/*banner end*/

.h_tit{ padding: 40px 0; text-align: center; }

.h_tit .tit{ font-size: 40px; font-weight: bold;}

.h_tit .info{ font-size: 16px; color: #666; margin-top: 5px;}



.h_pro{ padding: 40px 0 80px;}

.hproAdvan{ display: flex; flex-wrap: wrap;}

.hproAdvanItem{ width: 14.28%; text-align: center; padding: 25px 0;}

.hproAdvanItem .tparea{ width: 80px; height: 80px; background-color: #FFF8F9; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.hproAdvanItem .tparea .tp{ width: 60px;}

.hproAdvanItem .tit{ font-size: 14px; margin-top: 10px; color: #D60839;}

.hproAdvanItem:hover .tparea{ border: 1px solid #D60839;}



.hproList{ display: flex; flex-wrap: wrap; margin-top: 40px;}

.hproList .col{}

.hproList .col:nth-child(1){ width: 31.8%; }

.hproList .col:nth-child(1) .hproItem .tparea .tp{ height: 550px;}

.hproList .col:nth-child(2){ flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between;}



.hproList .col:nth-child(2) .row{display: flex; flex-wrap: wrap; }

.hproList .col:nth-child(2) .row:nth-child(1){}

.hproList .col:nth-child(2) .row:nth-child(1) .hproItem{  margin-left: 1.5%;}

.hproList .col:nth-child(2) .row:nth-child(1) .hproItem:nth-child(1){ width: 41%;}

.hproList .col:nth-child(2) .row:nth-child(1) .hproItem:nth-child(2){width: 56%;}

.hproList .col:nth-child(2) .row:nth-child(2){ display: flex; flex-wrap: wrap;}

.hproList .col:nth-child(2) .row:nth-child(2) .hproItem{ margin-left: 1.5%; width: 31.83%;}

.hproList .col:nth-child(2) .row  .tparea .tp{ height: 268px;}

.hproList .col:nth-child(1) .hproItem .shade .nr{ -webkit-line-clamp: 4 ;}



.hproItem{ }

.hproItem a{ display: block; position: relative;}

.hproItem .tparea{ font-size: 0; overflow: hidden;}

.hproItem .tparea .tp{ width: 100% ; object-fit: cover; }

.hproItem .des{ position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; padding: 25px 30px; box-sizing: border-box; background:linear-gradient(0,rgba(0,0,0,.8),rgba(0,0,0,.0))}

.hproItem .des .tit{ font-size: 24px; font-weight: bold;}

.hproItem .shade{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .6); color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0;}

.hproItem .shade .inner{ padding: 50px; width: 100%; box-sizing: border-box;}

.hproItem .shade .tit{ font-size: 28px; font-weight: bold;}

.hproItem .shade .nr{ font-size: 16px; margin-top: 25px; line-height: 1.6;}

.hproItem .shade .mandiv{  margin-top: 25px;}

.hproItem .shade .mandiv .sbtn{ font-size: 16px; border-radius: 60px; padding: 0.4em 1.5em; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; }

.hproItem:hover .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.hproItem:hover .des{ display: none;}

.hproItem:hover .shade{ opacity: 1;}



.h_tech{ padding: 40px 0 20px;}

.h_tech .wrap{}

.h_tech .wrap .row{ display: flex; flex-wrap: wrap;}

.h_tech .wrap .row .part{ margin-bottom: 60px;}

.h_tech .wrap .row .part:nth-child(1){ flex: 1; min-width: 0;}

.h_tech .wrap .row .part:nth-child(2){ width: 26%; margin-left: 4%;}

.hvideo{}

.hvideo .video{ width: 100%; height: 430px; object-fit: contain;}

.hcategory{ background-color: #F5F5F5; box-sizing: border-box; padding: 10px 30px;}

.hcateItem{}

.hcateItem a{ display: block; padding: 14px 0 14px 35px; position: relative;}

.hcateItem a .icon{ position: absolute; left: 0; top: 15px; width: 24px;}

.hcateItem a .tit{ font-size: 18px; font-weight: bold;}

.hcateItem a .nr{ font-size: 12px; margin-top: 5px; color: #666;}



.hnew{ margin-top: -35px;}

.hnewItem{}

.hnewItem a{ padding: 35px 10px; border-bottom: 1px solid #eee; position: relative; display: flex; justify-content: space-between;}

.hnewItem a::after{ content: ""; display: block; width: 0; height: 1px; background-color: #D60839; position: absolute; left: -1px; bottom: 0;}

.hnewItem .tparea{ width: 255px; margin-left: 40px; overflow: hidden;}

.hnewItem .tparea .tp{ height: 130px ; width: 100%; object-fit: cover;}

.hnewItem .des{ flex: 1; min-width: 0;}

.hnewItem .des .tit{ font-size: 20px; line-height: 1.4;}

.hnewItem .des .nr{ font-size: 16px; margin-top: 20px; color: #666; }

.hnewItem .des .mandiv{ margin-top: 15px;}

.hnewItem .des .mandiv .morea{}

.hnewItem:hover .tit{ color: #D60839;}

.hnewItem:hover a::after{ width: 100%;}

.hnewItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.morea{ font-size: 16px; color: #D60839; text-decoration: underline;}

.morea:hover{ color: #f00;}



.hdown{ margin-top: -20px;}

.hdownItem{}

.hdownItem a{ padding: 20px 0;  margin-bottom: 10px; border-bottom: 1px solid #eee; display: block;}

.hdownItem .tit{ font-size: 20px;}

.hdownItem .mandiv{ margin-top: 10px; text-align: right;}

.hdownItem .mandiv .sbtn{ display: inline-flex; align-items: center; padding: 0.3em 1em;}

.hdownItem .mandiv .sbtn .iconfont{ font-size: 16px; line-height: 1; margin-right: 5px;} 





.footer{ background-color: #525758;}

.f_t{ padding: 60px 0 50px; display: flex; flex-wrap: wrap; justify-content: space-between;}

.flPart{width: 240px; margin-right: 40px;}

.flogo{ }

.flogo .tp{ height:48px;}

.flink{ margin-top: 30px;}

.flink a{ display: inline-flex; background-color: #646869; margin-right: 5px; width: 38px; height: 38px; align-items: center; justify-content: center; }

.flink a .icon{ width: 24px;}

.flink a:hover{ background-color: #333;}

.fadd{ margin-top: 20px;}

.fadd .list{line-height: 1.4; color: #fff; font-size: 14px;}



.fnav{ display: flex; flex: 1; min-width: 0; justify-content: space-between;}

.fnav a:hover{ color: #ddd;}

.fnavItem{ width: 20%;}

.fnavItem .tit{ font-size: 18px; font-weight: bold;}

.fnavItem .tit a{ color: #fff;} 

.fnavItem .nr{ margin-top: 15px;} 

.fnavItem .nr a{ font-size: 14px; display: block; padding: 4px 0; color: #fff;} 

.fnav a:hover{ color: #ddd !important;}



.f_b{ background-color: #333; padding: 20px 0; color: #999;}

.copyright{}

.copyright a:hover{ color: #fff;}

.gotop{ font-size: 22px; line-height: 1; cursor: pointer; color: #999;}

.gotop:hover{ color: #fff;}

/* 02-1 产品分类主页 */

.iheader{ box-shadow: 5px 5px 10px 0  #ddd;}

.search{}

.search .wp{ padding: 60px 0;}

.search .wrap{ display: flex; justify-content: space-between; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border: 1px solid #6B6B6B; }

.search .text{ flex: 1; min-width: 0;  padding: 20px 0 20px 20px; }

.search  .sbtn{ font-size: 24px; padding: 0 35px; margin-right: -1px;}



.category{ display: flex; padding: 0 0 50px; flex-wrap: wrap;}

.cateItem{ width: 32%; margin: 0 2% 2% 0;}

.cateItem:nth-child(3n){ margin-right: 0;}

.cateItem a{ display: block; position: relative;}

.cateItem .tparea{ display: block; font-size: 0; overflow: hidden;}

.cateItem .tparea .tp{ width: 100%; height: 340px; object-fit: cover;}

.cateItem .shade{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .6); display: flex; align-items: center; justify-content: center;}

.cateItem .shade .inner{ padding: 0 5%;}

.cateItem .shade .tit{ display: block; border: 1px solid #fff; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; color: #fff; font-size: 20px; line-height: 1.3; padding: 0.8em 1em; text-align: center;}

.cateItem a:hover .shade{background-color: #D60839;}

.cateItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



/* 02-2 接线设备 */

.i_main{  min-height:400px;}

.i_ban{ font-size: 0; position: relative; overflow: hidden; }

.i_ban .tp{ width: 100%;}

.i_banIntro{ width: 100%; position: absolute;color: #333; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.i_banIntro .p1{ font-size: 24px; line-height: 1.2; }

.i_banIntro .p2{ font-size:40px; margin-top: 8px; font-weight: bold;}



.p_main{ padding: 60px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}

.p_l{ width: 268px; margin-right: 44px;}

.p_r{ flex: 1; min-width: 0;}

.plTit{ font-size: 20px; font-weight: bold;}

.search2{ display: flex; margin-top: 20px; justify-content: space-between; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px;background-color: #f5f5f5; }

.search2 .text{ flex: 1; min-width: 0;  padding: 10px 0 10px 15px; }

.search2 .tj{ font-size: 18px; cursor: pointer; font-weight: bold; width: 44px; text-align: center; color: #D60839;}

.search2 .tj:hover{ color: #f00;}

.reset{ margin-top: 30px;}

.reset .sbtn{ text-align: center; font-size: 16px; padding: 0.4em 0;}

.reset .sbtn .iconfont{ margin-right: 8px; font-size: 18px; font-weight: bold; line-height: 1;}

.plTit2{ font-size: 20px; font-weight: bold; padding: 12px 0;}

.filterPart{ margin-top: 10px; border-bottom: 1px solid #eee;}

.filterPart .nr{ padding-bottom:30px;}

.checkGroup{}

.checkGroup .list{ padding: 5px 0 5px 25px; position: relative; font-size: 16px;}

.checkGroup .list input{ position: absolute; left: 0 ; top: 5px; cursor: pointer;}

.filterPart .select{ font-size: 16px; border: 1px solid #ddd; padding: 10px 15px; display: block; width: 100%;}

.checkRadio{ display: flex; flex-wrap: wrap;}

.checkRadio .list{ width: 31%; margin: 0 3.5% 3.5% 0; text-align: center; border: 1px solid #ddd; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; box-sizing: border-box; -o-border-radius: 2px; padding: 0.3em 0; font-size: 16px; cursor: pointer; }

.checkRadio .list:nth-child(3n){ margin-right: 0;}

.checkRadio .actList{ color: #D60839 !important; border-color: #D60839 !important;}

.pro{}

.proInfo{}

.proInfo .tit{ font-size: 30px;}

.proInfo .nr{ font-size: 16px; margin-top: 20px; color: #666;}

.pro .lists{ display: flex; flex-wrap: wrap; margin-top: 42px;}

.proItem{ width: 32%; margin: 0 2% 50px 0;}

.proItem:nth-child(3n){ margin-right:0;}

.proItem a{ display: block; position: relative; background-color: #f7f7f7;}

.proItem .tparea{ font-size: 0; overflow: hidden;}

.proItem .tparea .tp{ width: 100% ; height:230px; object-fit: cover; }

.proItem .des{ padding: 25px 30px;}

.proItem .des .tit{ font-size: 18px;}

.proItem .des .nr{ font-size: 16px; color: #666; margin-top: 10px;}

.proItem .des .nr .p2{ margin-top: 12px;}

.proItem .des .nr .p3{ margin-top: 12px;}

.proItem .des .mandiv{ margin-top: 20px; text-align: center;}

.proItem .des .mandiv .sbtn{ font-size: 16px; font-weight: bold; padding: 0.4em 2.5em;}

.proItem a:hover .des  .tit{ color: #B71E23;}

.proItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.proItem a:hover .shade{ background-color: #B71E23;}





.turnpage{ margin:0 auto;font-size:0; text-align:center;}

.turnpage a,.turnpage span{ display:inline-block; padding:3px 10px; font-size:14px; margin:0 4px; color:#333; border:1px solid #D7D7D7; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }

.turnpage .point{padding:3px 6px;}

.turnpage a::before{ font-size: 16px;}

.turnpage a:hover,.current{ background-color:#B71E23 !important; border-color:  #B71E23 !important; color: #fff !important;}

/* 02-3 接线设备 详情 */

.loca_opa{ padding: 10px 0; background-color: #B1B1B1;}

.loca_opa .wp{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

.location{color:#fff; }

.location a,.location .home{ font-size:14px; color:#fff;}

.location .home::before{font-size:16px;  margin-right: 5px;vertical-align: baseline;}

.location a:hover{ color:#B71E23;}

.act_loca{ color:#B71E23 !important;}

.location i{ margin:0 6px; font-style:normal;}

.loca_opa .opa{}

.loca_opa .opa a{ margin-left: 10px; font-size: 16px; padding: 0.4em 2em;}



.goodsInfo{ display: flex; background-color: #f7f7f7; align-items: center;}

.goodsInfo .tparea{ width: 50%; font-size: 0; overflow: hidden;}

.goodsInfo .tparea .tp{ width: 100% ; height:370px; object-fit: cover; }

.goodsInfo .des{ padding: 25px 6%; width: 50%; box-sizing: border-box;}

.goodsInfo .des .tit{ font-size: 36px;}

.goodsInfo .des .nr{ font-size: 24px; margin-top: 25px;}

.goodsInfo .des .mandiv{ margin-top: 25px;}

.goodsInfo .des .mandiv .sbtn{ font-size: 20px; font-weight: bold; padding: 0.4em 2.5em;}



.i_tit1{ font-size: 30px; padding: 25px 0; position: relative; display: flex; align-items: center;}

.i_tit1 .mc{ margin-right: 15px; display: inline-block; font-weight: bold;}

.i_tit1::after{ content: ""; display: block; flex: 1; height: 1px; background-color: #ddd;}

.i_tit2{ font-size: 36px; font-weight: bold; padding: 30px 0;}

.i_tit3{ padding: 30px 0; font-size: 38px;}







.pdelPart{ padding: 5px 0; margin-bottom: 10px;}

.pdel_spec .wrap{display: flex; flex-wrap: wrap;}

.psItem{ font-size: 16px; width: 30%; margin:0 5% 10px 0; padding: 15px 0 ; border-bottom: 1px solid #eee;}

.psItem:nth-child(3n){ margin-right: 0;}

.psItem .name{ color: #999;}

.psItem .val{ margin-top: 10px;}

.pdel_down .wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}

.downItem{ width: 48%;}

.downItem a{ padding: 20px 0; display: flex; align-items: center; justify-content: space-between;}

.downItem .tparea{ display: inline-block; width: 40px; height: 40px; font-size:24px; font-weight: bold; text-align: center; color: #B71E23; border: 1px solid #B71E23; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-right: 15px; }

.downItem .des{ flex: 1;}

.downItem .des .tit{ font-size: 20px;}

.downItem .des .nr{ font-size: 16px; color: #999; margin-top: 5px;}

.downItem .size{ font-size: 12px; color: #999; margin-left: auto;}

.downItem:hover .tit{ color: #B71E23;}

.pdel_lists .wrap{ display: flex; flex-wrap: wrap;}



/* .02-4 询盘 */



.inquiry{ padding: 50px 0 80px;}

.inquiryForm{ width: 540px; max-width: 100%; margin: 20px auto 0; }

.formItem{ margin-bottom: 15px;}

.formItem .attrmc{ font-size: 20px; padding: 10px 15px; }

.formItem .attrval{}

.formItem .text{ display: block; width: 100%; padding-left: 15px; background-color: #F9F9F9; height: 46px; line-height: 46px; font-size: 14px; }

.formItem .textarea{ display: block; width: 100%; padding:10px 15px; background-color: #F9F9F9; height: 110px;font-size: 14px; }

.inquiryForm .formConfirm{ padding-top: 20px;}

.inquiryForm .formConfirm .sbtn{ padding: 0.4em 2.4em; font-size: 20px;}



/* 03  Solution */

.solu{ padding: 40px 0;}

.soluItem{padding: 40px 0; display: flex;align-items: center; flex-wrap: wrap; }

.soluItem .tparea{ width: 35.5%; margin-right: 3%; font-size: 0; overflow: hidden;}

.soluItem .tparea .tp{ width: 100% ; height:auto;}

.soluItem .des{ flex: 1; min-width: 0; padding: 25px 0%;box-sizing: border-box;}

.soluItem .des .tit{ font-size: 30px; font-weight: bold;}

.soluItem .des .nr{ margin-top: 25px;}

.soluItem .des .nr .wz{ font-size: 18px;}

.soluItem:nth-child(2n){ flex-direction: row-reverse;}

.soluItem:nth-child(2n+1) .tparea{ margin: 0 0 0 3%;}





.learn{ padding: 20px 0;}

.learn .wrap{ display: flex; flex-wrap: wrap;}

.learnItem{ width: 48%; margin: 0 4% 4% 0; background-color: #fff;}

.learnItem:nth-child(2n){ margin-right: 0;}

.learnItem .tparea{  font-size: 0; overflow: hidden;}

.learnItem .tparea .tp{ width: 100%; height:380px; object-fit: cover;}

.learnItem .des{  padding: 25px;}

.learnItem .des .tit{ font-size: 24px; font-weight: bold;}

.learnItem .des .nr{ margin-top: 15px;}

.learnItem .des .nr .wz{ font-size: 18px;}

.learnItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.learnItem:hover .des .tit{ color: #B71E23;}

/* 04-1  资源  Technical Blog */

.r_main{ padding: 60px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}

.r_l{ flex: 1; min-width: 0;}

.r_r{ width: 275px; margin-left: 28px;}

.tech .wrap{ padding-bottom: 20px;}

.techItem { margin-bottom: 35px;}

.techItem a{ padding: 25px; background-color: #fff; position: relative; display: flex; justify-content: space-between;}

.techItem .tparea{ width: 255px; margin-left: 40px; overflow: hidden;}

.techItem .tparea .tp{ height: 130px ; width: 100%; object-fit: cover;}

.techItem .des{ flex: 1; min-width: 0;}

.techItem .des .tit{ font-size: 20px; line-height: 1.4; font-weight: bold;}

.techItem .des .nr{ font-size: 16px; margin-top: 15px; color: #666; }

.techItem .des .mandiv{ margin-top: 10px;}

.techItem .des .mandiv .morea{}

.techItem:hover .tit{ color: #D60839;}

.techItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.i_tit4{ padding: 15px 0; font-size: 28px; font-weight: bold; }

.recentPosts{ padding: 15px 25px; background-color: #fff;}

.recentPosts .wrap{ margin-top: -15px; padding-bottom: 20px;}

.recentPostsItem{ position: relative; line-height: 1.3; font-size: 16px; padding: 20px 0 20px 20px; border-bottom: 1px solid #eee;}

.recentPostsItem::after{ content: ""; display: block; width: 6px; height: 6px; background-color: #B71E23; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: 6px; top: 27px; }

.recentPostsItem:hover a{ color: #B71E23;}



/* 04-2  资源  Technical Blog 详情 */

.artDel{ background-color: #fff; padding: 10px 30px;}

.artHeader{ padding: 30px 0; border-bottom: 1px solid #eee; }

.artHeader .tit{ font-size: 34px; text-align: center; font-weight: bold; line-height: 1.2;}

.artBody{ padding: 35px 0; border-bottom: 1px solid #eee; }

.artBody .wz{ font-size: 16px; line-height: 1.8; color: #666;}

.artBody .tp{ display: block; margin: 40px auto;}



.artFooter{ padding: 30px 0;  display: flex; justify-content: space-between; flex-wrap: wrap;}

.pnItem{ max-width: 48%; }

.pnItem a{  display: inline-flex; align-items: center; vertical-align: middle; font-size: 16px; font-weight: bold; }

.pnItem a .arr{ font-size: 20px; position: relative; margin-top: -6px; color: #B71E23; font-weight: bold; }

.pnItem a:hover{ color: #B71E23;}

/* 04-3  资源  白皮书 */

.recentPosts2{ box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .1);}

.whitePaper{}

.i_tit5{ padding: 30px 0;  border-bottom: 1px solid #eee;}

.i_tit5 .tit{ font-size: 24px;}

.i_tit5 .subtit{ font-size: 40px; font-weight: bold; color: #B71E23;}

.whitePaper .i_tit5{ padding-top: 0;}

.whitePaper .artBody .tit{ font-size: 34px; margin-bottom: 30px;}

.whitePaper .artBody .mandiv{}

.whitePaper .artBody .mandiv .sbtn{ font-size: 16px; padding: 0.4em 2em; vertical-align: middle;}

.whitePaper .artBody .mandiv .sbtn::before{ font-size: 18px; margin-right: 5px;}

.whitePaper .pnItem a{ padding: 0.6em 1.5em; background-color: #F7F7F7; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; }

/* 04-4  资源  宣传册 */

.brochures{ padding: 50px 0 60px}

.brochures .wrap{ padding-bottom:25px; display: flex; flex-wrap: wrap;}

.brochuresItem{ width: 23.5%; margin: 0 2% 50px 0;}

.brochuresItem:nth-child(4n){ margin-right:0;}

.brochuresItem a{ display: block; position: relative; background-color: #fff;box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, .1);}

.brochuresItem .tparea{ font-size: 0; overflow: hidden;}

.brochuresItem .tparea .tp{ width: 100% ; height:280px; object-fit: cover; }

.brochuresItem .des{ padding: 25px 20px;}

.brochuresItem .des .tit{ font-size: 20px;}

.brochuresItem .des .mandiv{ margin-top: 15px; text-align: center;}

.brochuresItem .des .sbtn{display: inline-flex;align-items: center;padding: 0.3em 1em;}

.brochuresItem .des .sbtn .iconfont{ font-size: 16px; line-height: 1; margin-right: 5px;} 

.brochuresItem a:hover .des  .tit{ color: #B71E23;}

.brochuresItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



/* 04-5  资源  合规认证 */

.cert{ padding-bottom: 50px;}

.certIntro{ padding: 35px 0;}

.certIntro .nr .wz{ font-size: 18px;}

.certIntro .lists{ margin-top: 40px; display: flex; flex-wrap: wrap;}

.certIntro .lists .box{ margin: 0 2% 2% 0; width: 15%; box-sizing: border-box; background-color: #f7f7f7; padding: 20px 10px; text-align: center;}

.certIntro .lists .box .icon{ width: 50px;}

.certIntro .lists .box .tit{ color: #999; margin-top: 10px;}

.certIntro .lists .box:nth-child(6n){ margin-right: 0;}

.certLists{ display: flex; flex-wrap: wrap;}

.certItem{width: 32%; margin: 0 2% 30px 0;}

.certItem:nth-child(3n){ margin-right: 0;}

.certItem .tparea{ position: relative; padding: 48px;}

.certItem .tparea .tp{ width: 100%; height: 430px; object-fit: contain; position: relative; z-index: 2;}

.certItem .tparea .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.certItem .des{ padding: 15px 0;}

.certItem .des .tit{ font-size: 20px; line-height: 1.3;}

.certItem .des .mandiv{ margin-top: 15px; text-align: center;}

.certItem .des .sbtn{display: inline-flex;align-items: center;padding: 0.3em 1em;}

.certItem .des .sbtn .iconfont{ font-size: 16px; line-height: 1; margin-right: 5px;} 



/* 04-6  资源  视频 */

.lm{ margin-top: 50px;}

.lm a{ display: inline-block; margin: 0 40px 10px 0px; color: #666; position: relative; padding: 0.5em 2.4em; font-size: 16px; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; background-color: #F7F7F7; }

.lm a:hover,.actlm{ font-weight: bold; background-color: #B71E23 !important; color: #fff !important; }



.videos{ padding: 50px 0 60px}

.videos .wrap{ padding-bottom:25px; display: flex; flex-wrap: wrap;}

.videoItem{ width: 32%; margin: 0 2% 50px 0;}

.videoItem:nth-child(3n){ margin-right:0;}

.videoItem a{ display: block; position: relative; background-color: #fff;box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, .1);}

.videoItem .tparea{ font-size: 0; overflow: hidden; position: relative;}

.videoItem .tparea .tp{ width: 100% ; height:250px; object-fit: cover; }

.videoItem .tparea .icon{ width: 46px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.videoItem .des{ padding: 20px 20px;}

.videoItem .des .tit{ font-size: 20px; text-align: center;}

.videoItem a:hover .des  .tit{ color: #B71E23;}

.videoItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* 05-1  关于 Company Profile */

.profile{ padding: 40px 0 80px;}

.profile .i_tit2{}

.profile .nr{ margin-top: 33px; padding: 0 10px;}

.profile .nr .wz{ font-size: 18px; line-height: 1.6;}

.profile .nr .tp{ display: block; margin: 40px auto 0 ;}



/* 07 搜索 */

.seek{ width: 590px; margin: 0 auto; max-width: 100%; padding: 80px 0;}

.seekItem{ padding: 15px 0;}

.seekItem .tit{ font-size: 22px; padding: 20px 0;}

.seekItem .wrap{ position: relative; }

.seekItem .wrap .text{ width: 100%; height: 66px; line-height: 66px; background-color: #F9F9F9; border: 1px solid #ddd; border-radius: 5px; padding: 0 60px 0 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.seekItem .wrap .sbtn{ position: absolute; font-size: 20px; font-weight: bold; cursor: pointer; color: #B71E23; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 60px; text-align: center; }

.seekItem .wrap .sbtn:hover{ color: #f00;}

/* 05-2  关于 Career Development */

.deve{ padding: 30px 0  70px;}

.deve .intro{ padding: 40px 10px; font-size: 18px;}

.deveForm{ background-color: #F6F6F6; padding: 40px;}

.deveForm{}

.deveForm .row{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.deveForm  .row .formItem{ width: 48%;}

.deveForm  .row .formItem .text{ background-color: #fff;}

.deveForm  .row .formItem .attrval{ position: relative;}

.deveForm .formItem .icon{ height: 25px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.deveForm .formConfirm{}

.deveForm .formConfirm .sbtn{ font-size: 20px; padding: 0.4em 3em;}



/* 06-2  Service and Support */

.c_main{ display: flex; flex-wrap: wrap; padding: 90px 0 100px; }

.c_l{ flex: 1; min-width: 0;}

.c_l .desc{}

.c_l .desc .tp{ display: block; margin: 0 auto 40px;}

.c_l .desc .wz{ font-size: 18px; line-height: 1.6;}

.add{ margin-top: 40px;}

.add .tit{ font-size: 24px; margin-bottom: 10px; color: #B71E23; font-weight: bold;}

.add .list{ font-size: 18px; padding: 3px 0; vertical-align: middle; display: flex; align-items: flex-start;}

.add .list .icon{ width: 18px; margin-right: 10px;}

.add .list .mc{ color: #999; display: inline-block; min-width: 4em; margin-right: 30px;}

.add .list .val{ font-weight: bold; flex: 1; min-width: 0;}

.c_r{ width: 430px; margin-left: 48px;}



.mess{ padding: 20px 25px 30px; background-color: #F7F7F7; }

.mess .tit{ padding:15px 0; font-size: 24px; font-weight: bold;}

.mess .nr{ font-size: 16px; color: #999;}

.messForm{ margin-top: 30px;}

.messForm .text,.messForm .select{background-color: #fff; padding: 0 15px; height: 40px; line-height: 40px;}

.messForm .text{ }

.messForm .textarea{ background-color: #fff; height: 110px;}

.messForm .select{ width: 100%; height: 40px; line-height: 40px;}

.messForm .formConform {}

.messForm .formConform .sbtn{ font-size: 20px; padding: 0.4em 3em;}



/* 06-1  Contact Details */

.i_tit6{ padding: 26px 0;}

.i_tit6 .tit{ font-size: 34px; font-weight: bold;}

.i_tit6 .subtit{ margin-top: 5px; font-size: 16px; color: #666;}

.d_main{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 0 100px; }

.d_main .i_tit5{ padding-top: 0;}

.d_l{ width: 44%;}

.d_r{ width: 50%;}

.d_r .subtit{ font-size: 24px; color: #333; }

.dForm .formItem{ position: relative; margin-bottom: 30px;}

.dForm .formItem .textarea{ height: 280px;}

.dForm .formItem .icon{height: 25px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}

.dForm .formConform .sbtn{ font-size: 24px; padding: 0.4em 2em;}

.d_r .add{ margin-top: 0px;}

.d_r .add .list{ padding: 8px 0;}



.map{ margin-top: 30px; font-size: 0;  overflow: hidden; height: 460px; position: relative; font-size: 0;}

.map iframe{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }







.hnewItem .tparea .tp,.hnewItem a::after,.cateItem .shade{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }