html{-webkit-text-size-adjust:none;}
body{ color:#333;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0; font-family:'Alibaba-PuHuiTi-Regular';} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } em,i{ font-style:normal;}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 0px transparent inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #FFFFFF !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
input:-internal-autofill-selected {
    transition: background-color 5000s ease-in-out 0s !important;
    background-color: transparent !important;
}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }.clearfix {display:block;}.clear{ clear:both;}

.colwrapper { overflow:hidden; zoom:1 ; margin:5px auto; }
.strong{ font-weight:normal;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; }
.tal{ text-align:left} .tar{ text-align:right;}
.justify {text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;-moz-text-align-last:justify;
    -webkit-text-align-last:justify;}
img {max-width:100%;height:auto;}
.toe{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:15px}
.toe2{display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.toe3{display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
.hoverimg{overflow: hidden;}
.hoverimg img{-webkit-transform:translateZ(0);-webkit-transition:all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-moz-transform:translateZ(0);-moz-transition:all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-ms-transform:translateZ(0);-ms-transition:all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transform-style:preserve-3d;}
.hoverimg:hover img{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
/*select{-webkit-appearance:none;-moz-appearance:none;appearanearance: none;}*/
a{ color:#333;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    text-decoration: none;
}
a:hover{ color:#e51f26; text-decoration:none;}
body{font-family:'Alibaba-PuHuiTi-Regular'; line-height:1.5; font-size:14px; color:#333; background:#fff;}
.lft,.fl{ float:left;}
.rgt,.fr{ float:right;}
.wrapper{
    width:1200px; margin:0 auto;
}
.nobanner{
    width:100%; margin:150px auto;
}
/*header*/
.h-overflow-hidden{overflow: hidden;}
.hedartop{position: fixed;left: 0;right: 0;top: 0;z-index: 999;transition: transform .3s linear;}
.hedartop:before{content: "";display: inline-block;height: 100%;left: 50%;position: absolute;top: 0;z-index: 1;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100vw;background-image: -webkit-linear-gradient(left,#fff,#dbdcdd);
    background-image: -o-linear-gradient(left,#fff 0,#dbdcdd 100%);
    background-image: linear-gradient(90deg,#fff 0,#dbdcdd);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#ffdbdcdd",GradientType=1)
}
.hedartop.slider{transform: translateY(-100%);}
.header{height: 90px;position: relative;z-index: 100;}
.header .logo{/*width: 330px;*/display: inline-block;*display: inline;zoom:1;margin: 26px auto 0;}
.header .logo img{width: 100%;vertical-align: top;height: auto;}
.header ul li{float: left;padding-top: 26px;margin-left: 60px;text-align: center;}
.header ul li a{font-size: 14px;color: #777777;cursor: pointer;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.header ul li img{width: 20px;vertical-align: top;margin-bottom: 4px;}
.header ul li a .zm{display:block;}
.header ul li a .fm{display:none;}
.header ul li a.selected .zm{display:none;}
.header ul li a.selected .fm{display:block;}
.header ul li a.selected{color: #e51f26;}
.navmaskbg{position: fixed;z-index: 99;background:#737b82;left: 0;right: 0;bottom: 0;display: none;top: 0;}
.h-overflow-hidden .navmaskbg{display: block;}
.nav{position: relative;z-index: 100;}
.nav ul li{float: left}
.nav ul li.sec{position: relative;}
.nav ul li>a{font-size: 16px;color: #000000;height: 56px;line-height: 56px;padding: 0 40px;cursor: pointer;font-weight: 600;display: block;}
.nav ul li:first-child>a{padding-left: 0;}
.nav ul li>a .arrow{margin-left: 4px;width: 12px;display: inline-block;*display: inline;zoom:1;background:url(../images/arrow-down.png) no-repeat center;background-size:100% auto;height: 10px;transition: all .3s;}
.nav ul li.selected>a{color: #e51f26;}
.nav ul li.selected>a .arrow{margin-left: 4px;width: 12px;display: inline-block;*display: inline;zoom:1;background:url(../images/arrow-downf.png) no-repeat center;background-size:100% auto;transform: rotate(-180deg);}
.nav ul li .subnav{position: absolute;left: 0;top: 56px;font-size: 14px;color: #fff;z-index: 999;right: 0;box-sizing: border-box;background: #fff;border-radius: 0 0 2px 2px;transition: opacity .2s linear,visibility .2s;visibility: hidden;display: flex;opacity: 0;}
.nav ul li.selected .subnav{visibility: visible;opacity: 1;}
.subnav dl{float: left;text-align: left;width: 25%;padding: 6px 15px 6px 15px;box-sizing: border-box;border-right: 1px solid #d1d3d5;height: 100%;position: relative;}
.subnav dl dd .thrtitle{font-size: 14px;color: #686868;display: flex;cursor: pointer;align-items: center;justify-content: space-between;}
.subnav dl dd .thrtitle a{font-size: 14px;color: #686868;padding: 8px 0;}
.subnav dl dd .thrtitle .arrow{font-size: 14px;color: #686868;}
.subnav dl dd.active .thrtitle a{color:#e51f26;}
.subnav dl dd.active .thrtitle .arrow{color:#e51f26;transform: translateX(5px);}
.subnav .wrapper{position: relative;}
.subnav .close{position: absolute;right: 0;top: 10px;background:url(../images/close.png) no-repeat center;background-size:100% 100%;cursor: pointer;width: 20px;height: 20px;}
.subnav .prev{font-size: 24px;color: #6c6c6c;cursor: pointer;text-align: left;display: none;padding:16px;}
.searchmask,.lanhmask{position: absolute;left: 0;top: 146px;z-index: 99;right: 0;box-sizing: border-box;background: #fff;border-radius: 0 0 2px 2px;transition:all .3s;padding: 0;max-height: 0;overflow: hidden;}
.searchmask.selected,.lanhmask.selected{padding: 20px 0 40px;max-height: 99999px;}
.searchwrap{display: flex;align-items: center;justify-content: center;width: 800px;border-bottom: 1px solid #878d91;box-sizing: border-box;}
.searchwrap input{border: none;outline: none;font-size: 20px;color: #333;padding: 0 50px 0 20px;flex: 1;height:60px;line-height: 60px;}
.searchwrap .searchicon{width: 24px;height: 24px;background:url(../images/sear.png) no-repeat center;background-size:100% 100%;border: none;outline: none;cursor: pointer;}
.searchwrap .searchicon:hover{background:url(../images/searf.png) no-repeat center;background-size:100% 100%;}
.lanhmask{display: flex;justify-content: center;}
.languageitem{padding: 0 20px;}
.languageitem .tit{font-size:18px;color: #595d61;margin-bottom: 8px;}
.languageitem select{font-size:18px;color: #e51f26;border: none;border-bottom: 1px solid #878d91;width: 250px;padding: 10px 0;}
.languageitem .tip{font-size:14px;color: #999;}
.languageitem .laitem{margin-top: 15px;cursor: pointer;}
.languageitem .laitem a{font-size:18px;color: #595d61;display: block;}
.languageitem .laitem.active a,.languageitem .laitem:hover a{color: #e51f26;}


.pruductwrap{padding: 20px;border-right: 1px solid #d1d3d5;cursor: pointer;float: left;width: 25%;box-sizing: border-box;}
.pruductwrap .detail .ptitle{font-size: 14px;color: #6c6c6c;line-height: 1.4;padding: 5px 0;}
.pruductwrap .detail .subptitle{font-size:14px;color: #6c6c6c;margin-bottom: 4px;line-height: 1.4;}
.pruductwrap .detail i{font-size:14px;color: #e51f26;}

.thrnav{position: absolute;left: 0;top: 0;bottom: 0;width: 100%;transform: translateX(0);transition: all .3s;padding: 6px 15px 6px 15px;display: none;box-sizing: border-box;}
.subnav dl dd.active .thrnav{transform: translateX(100%);display: flex;flex-wrap: wrap;flex-direction: column;}
.thrnav .thritem{font-size: 14px;color: #686868;display: flex;cursor: pointer;align-items: center;justify-content: space-between;}
.thrnav .thritem a{padding: 8px 0; color:#686868}
.thrnav .thritem:hover{color: #e51f26;}


.ptop{margin-top: 145px;}
.slider a{display: block;position: relative;overflow: hidden;}
.slider .banner{width: 100%;vertical-align: top;}
.slider .detail{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.1);bottom: 0;}
.slider .detail .title{font-size: 40px;color: #ffffff; font-weight:600}
.slider .detail .word{font-size: 16px;color: #eaeaea;padding-top: 20px;line-height: 1.6;width:650px;text-align: center; font-weight:500}
.slider .detail img{width: 50px;height: 50px;vertical-align: top;margin-top: 30px;}


.swiper-pagination1 .swiper-pagination-bullet{background: #ffffff;opacity: 1;}
.swiper-pagination1 .swiper-pagination-bullet-active{background: #e51f26;width: 60px;border-radius: 8px;}

.pt120{padding-top: 120px;}
.pb120{padding-bottom: 120px;}
.pt70{padding-top: 70px;}
.pb70{padding-bottom: 70px;}
.pt20{padding-top: 20px;}
.future .wrapper{display: grid;grid-template-columns: calc(33.3% - 20px) calc(33.3% - 20px) calc(33.3% - 20px);grid-column-gap: 30px;grid-row-gap: 30px;}
.futureitem {position: relative;cursor: pointer;}
.futureitem .title{font-size: 26px;color: #000; font-weight:600}
.futureitem .detail{font-size: 14px;color: #6d6d6d;margin: 20px 0;height: 72px;}
.futureitem .hoverimg{width: 100%;height: 227px;}
.futureitem .hoverimg img{width: 100%;vertical-align: top;}
.futureitem .adv{width:58px;height:58px;position: absolute;left: 50%;bottom: -19px;transform: translateX(-50%);border-radius: 50%;background: url("../images/more1.png") no-repeat center top;background-size: 100% 100%;}

.wisdom{background: #f2f2f2;}
.htit{display: flex;align-items: center;justify-content: space-between;padding: 60px 0;}
.htit h3{font-size: 32px;color: #000000; font-weight:600}
.htit a{font-size: 12px;color: #e51f26;cursor: pointer;}
.wisdom .teb{display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.wisdom .teb .tebitem{width: 50%;height: 70px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #000000;cursor: pointer;border-top: 2px solid #e7e7e7;background: #e7e7e7;}
.wisdom .teb .tebitem.active{border-top: 5px solid #e60013;background: #f2f2f2; font-size:16px; font-weight:700}
.wisdom .tebbox{display: grid;grid-template-columns: 50% 50%;grid-column-gap: 1.333%;grid-row-gap: 2.66%;}
.wisdom .tebbox .boxitem{padding: 0px;box-sizing: border-box;background: #fff;position: relative;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.wisdom .tebbox .boxitem.sec{grid-column-start:3;grid-column-end:5;}
.wisdom .tebbox .boxitem .title{font-size: 14px;color: #6c6c6c;position: relative;z-index: 2;text-align: center;padding-top: 0px; line-height:40px}
.wisdom .tebbox .boxitem a>img{width: auto;vertical-align: top;}
.wisdom .tebbox .boxitem .maskbox{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #e7e7e7;padding: 20px;box-sizing: border-box;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;z-index: 2;opacity: 0;transition: all .4s;}
.wisdom .tebbox .boxitem:hover .maskbox{opacity: 1;}
.wisdom .tebbox .boxitem .maskbox .title{font-size: 14px;color: #000;font-weight: 600; line-height:30px}
.wisdom .tebbox .boxitem .maskbox .detail{font-size: 12px;color: #666; padding:8px 0; text-align: center;height: 100px; border-top:2px solid #ccc}
.wisdom .tebbox .boxitem .maskbox img{width: 40px;height: 40px;vertical-align: top;border-radius: 50%;}
.wisdom .tebbox.posite .boxitem .title1{position: absolute;text-align: center; letter-spacing: 1px; left: 0; right: 0; top: 0; bottom: 0;
 background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; font-size: 14px;color: #fff;padding-top: 10px; font-weight:600}
.advbox{position: relative;overflow: hidden;width: 100%;padding: 180px 0;}
.advbox .mask {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0,0,0,.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.advbox p{font-size: 40px;color: #fff;text-align: center; font-weight:700}
.advbox a {
  font-size: 14px;
  color: #fff;
  border: 1px solid #fff;
  width: 120px;
  text-align: center;
  line-height: 35px;
  margin-top: 30px;
  cursor: pointer;
}

.techloge .wrapper{display: flex;justify-content: space-between;}
.techloge .leftbox{background: #f5f5f5;width: 600px;padding: 28px 50px 28px 30px;box-sizing: border-box;}
.techloge .leftbox.sec{width: 100%;background: #fff;}
.techloge .rightbox{width: calc(100% - 600px);height: 100%;overflow: hidden;}
.techloge .rightbox img{vertical-align: top;width: 100%;}
.techloge .top .title{font-size: 32px;color: #000;padding-bottom: 20px; font-weight:600}
.techloge .top .detail{font-size: 14px;color: #6e6e6e;}
.techloge .bot .botitem{margin-top:30px;cursor: pointer; border-bottom: 1px solid #ccc;}
.techloge .bot .title{font-size: 24px;color: #000;margin-bottom:10px;display: flex;align-items: center;justify-content: space-between;}
.techloge .bot .title:after{content: "+";font-size: 30px;color: #878787;}
.techloge .bot .botitem .detail{max-height: 0;overflow: hidden; line-height:50px}
.techloge .bot .botitem.active .detail{max-height: 999px;overflow: hidden;}
.techloge .bot .detail span{font-size: 14px;color: #878787;margin-right: 10px;padding-left: 20px;background: url("../images/star.png") no-repeat left center;background-size: 13px 14px;line-height: 1.4;}
.techloge .botitem.active .title:after{content: "-";font-size:32px;color: #878787;}

.htit2{text-align: center;margin-bottom: 50px;}
.htit2 h1{font-size: 32px;color: #000000; font-weight:600}
.htit2 p{font-size: 16px;color: #6e6e6e;padding-top: 10px;}
.solution .wrap{display: grid;grid-template-columns: 25% 25% 25% 25%;}
.solution .wrap .soluitem{position: relative;overflow: hidden;cursor: pointer;}
.solution .wrap .soluitem .hoverimg{overflow: hidden;}
.solution .wrap .soluitem .hoverimg img{vertical-align: top;}
.solution .wrap .soluitem p{position: absolute;
    font-size: 26px;
	font-weight:600;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    display: flex;
    align-items: center;
    justify-content: center;}
.morebox{padding: 20px 0;text-align: center;font-size: 14px;color: #6c6c6c;display: block;cursor: pointer;}
.morebox p{margin-bottom: 5px;}

.productwrap{display: flex;justify-content: space-between;}
.productitem{width: 48%;position: relative;cursor: pointer;}
.productitem .newsimg{width: 100%;overflow: hidden;}
.productitem .newsimg img{width: 100%;vertical-align: top;}
.productitem .newsdetail{position: absolute;bottom: 0;left: 0;right: 0;padding:16px 10px;background: rgba(0,0,0,.5);font-size: 20px;color: #fff;}
/*.productitem:hover .newsdetail{color: #e51f26;}*/
.newswrap{padding: 10px 50px;}
.newswrap .newitem{display: flex;align-items: center;justify-content: space-between;padding:20px 0;font-size: 14px;color: #6c6c6c;cursor: pointer;}
.newswrap .newitem:hover h4{color: #e51f26;}
.newmore{text-align: center;}
.newmore a{font-size: 14px;color: #6c6c6c;cursor: pointer;}
.newmore a:hover{color: #e51f26;}

.footer{background: #f5f5f5;padding: 40px 0 50px;}
.footer .wrapper{display: flex;justify-content: space-between;}
.footleft{width: 400px;}
.footleft .logo{/*width: 330px;*/vertical-align: top;margin-bottom: 6px;}
.footleft h4{font-size: 14px;color: #6d6d6d;line-height: 1.4;padding:20px 0 16px;font-weight: 500;}
.footleft p{font-size: 14px;color: #6d6d6d;padding-bottom: 10px;}
.foftewm{display: flex;align-items: center;justify-content: flex-start;padding-top: 30px;}
.foftewm img{width: 120px;vertical-align: top;margin-right:24px;}
.foftewm p{font-size: 14px;padding:5px;color: #6d6d6d;}
.footright{display: flex;justify-content: space-between;width: calc(100% - 480px);}
.footright dl dt{font-size: 20px;color: #000000;padding-bottom: 16px;font-weight: 600;}
.footright dl dd a{font-size: 14px;color: #6e6e6e;padding: 8px 0;cursor: pointer; line-height:30px}
.footright dl dd:hover a{color: #e51f26;}
.copy{background:#363636;overflow: hidden;}
.copy span{height: 50px;line-height: 50px;font-size: 12px;color: #fff;}
.copy span a{color:#fff;}

.subsecnav{padding: 70px 0;position: relative;}
.subsecnav:after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 2;}
.subsecnav .search{width: 70%;margin: 0 auto;position: relative;z-index: 3;}
.subadvbox a img{width: 100%;vertical-align: top;max-width: 99999px;}
.search .searbox{width: 100%;border-radius: 5px;background: #fff;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.search .searbox input{font-size: 14px;color: #000;padding: 5px 0 8px 20px;box-sizing: border-box;outline: none;border: none;flex: 1;}
.search .searbox button{cursor: pointer;border: none;outline: none;padding: 10px;background: none;}
.search .searbox button img{width: 30px;vertical-align: top;}
.keyword{display: flex;align-items: center;padding-top: 16px;}
.keyword p{font-size: 14px;color: #fff;padding-right: 10px;}
.keyword span{padding: 2px 16px;border-radius: 16px;font-size: 14px;color: #fff;background: rgba(255,255,255,.5);margin-right: 10px;cursor: pointer;}
.keyword span:hover{opacity: .8;}

.site{padding:20px 0;display: flex;align-items: center;justify-content: flex-start;height: 14px;}
.site.sec{padding-top: 30px;}
.site.thr{padding: 30px 0;}
.site img{width: 14px;margin-right:6px;margin-top: 3px;}
.site p{font-size: 14px;color: #686868;}
.site p a{font-size: 14px;color: #686868;display: inline-block;*display: inline;zoom:1;}
.site p span{font-size: 14px;letter-spacing: 1px;padding: 0 6px;}
.sub_title{padding: 10px 0 30px;border-bottom: 1px solid #c9cacc;}
.sub_title h1{font-size: 26px;color: #000; font-weight:600}
.sub_title p{font-size: 14px;color: #666; line-height:25px; max-width:800px}
.subcontent .types{display: flex;justify-content: space-between;}
.subcontent .leftbox{width:200px; border-right:1px solid #c9cacc; min-height:1000px}
.subcontent .leftbox dt{font-size: 14px;color: #000;font-weight: 600;display: flex;align-items: center;justify-content: space-between;padding:20px 20px 0px 0px;border-bottom: 0px solid #c9cacc;height: 30px;cursor: pointer;}
.subcontent .leftbox dt:after{content: "+";font-size: 20px;color: #000;}
.subcontent .leftbox dl.active dt:after{content: "-";}
.subcontent .leftbox dd{cursor: pointer;height: 0;overflow: hidden;}
.subcontent .leftbox dl.active dd{padding:8px 0px;height: auto;border-bottom: 0px solid #c9cacc;}
.subcontent .leftbox dd a{font-size: 14px;color: #6d6d6d;line-height: 1.4;}
.subcontent .leftbox dd:hover a,.subcontent .leftbox dd.active a{color: #e51f26;}
.subcontent .rightbox{width:calc(100% - 200px);box-sizing: border-box;}
.subcontent .rightbox .top{display: flex;align-items: center;flex-wrap: wrap;font-size: 14px;border-bottom: 1px solid #c9cacc;border-left: 0px solid #c9cacc;padding: 20px;height: 30px;}
.subcontent .rightbox .top p{color: #000;margin-right:20px;font-weight: 600;}
.subcontent .rightbox .top .item{color: #6c6c6c;margin-right: 30px;font-weight: 500;cursor: pointer;}
.subcontent .rightbox .top .item.active{color: #e51f26;}
.subcontent .rightbox .top .item.active a{color: #e51f26;}
.subcontent .centerbox{display: grid;grid-template-columns:repeat(3, 1fr); padding-bottom:50px}
.subcontent .centerbox .proitem{text-align: center;cursor: pointer;border-right: 1px solid #c9cacc;border-bottom: 1px solid #c9cacc;padding: 10px;box-sizing: border-box;}
/*.subcontent .centerbox .proitem .hoverimg{position: relative; overflow: hidden;*/
/*height: 200px;*/
/*width: 200px;*/
/*margin: 0 auto;}*/
/*.subcontent .centerbox .proitem .hoverimg img{vertical-align: top; width:200px; height:200px}*/
.subcontent .centerbox .proitem .hoverimg img{width:100%}
.subcontent .centerbox .proitem .title{padding: 10px 16px 0;box-sizing: border-box;font-size: 14px;color: #6c6c6c;}
.subcontent .centerbox .proitem:hover .title{color: #e51f26;}
.pages{padding: 60px 0;display: flex;align-items: center;justify-content: center;}
.arrowbox{background: #000;font-size: 12px;color: #fff;padding: 9px 16px;cursor: pointer;margin: 0 10px;}
.pages .page{background: #eeeeee;font-size: 12px;color: #000000;padding: 10px 20px;cursor: pointer;margin: 0 10px;}
.pages .page:hover,.pages .page.active{background: #e62129;color: #fff;}

.page-products-title{display: flex; flex-wrap: wrap; width: 100%; margin-top:30px}
.page-products-title h3{font-weight: 500; font-size:32px;}
.page-products-title h1{font-weight: 500; font-size:20px;}
.detail1{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.detail1 .leftbox{width: 46%;text-align: center;position: relative;padding-bottom: 40px; min-height:auto; border:0px}
.detail1 .leftbox .products-img{margin-bottom:50px; border:0px solid #eee}
.detail1 .leftbox .mt-5{margin-top: 3rem !important; margin-bottom:.5rem}
.btn-primary a{display:inline-block; text-align: center; line-height:50px; width:120px;padding: 0 20px;background: #e92939;font-size: 14px;color: #fff;cursor: pointer;}
.detail1 .leftbox .swiper-pagination{left: 50%;transform: translateX(-50%);}
.detail1 .leftbox .swiper-pagination-bullet{margin: 0 4px;left: 50%;transform: translateX(-50%);background: #e62129;}
.detail1 .rightbox{width: 50%;display: flex;flex-direction: column;}
.detail1 .rightbox .tedian{margin-top:20px}
.detail1 .rightbox .tedian ul li{ list-style-type:circle !important}
.detail1 .rightbox .tedian .title{font-size: 18px;color: #000000;padding-bottom: 20px;}

.detail1 .rightbox p{font-size: 14px;color: #666666;padding-top: 10px;display: flex;align-items: center;}
.detail1 .rightbox .page-products-design p:before{content: "";width: 8px;height: 8px;border-radius: 50%;background: #e62129;margin-right: 10px;}
.apply{background: #f6f6f6;}
.contact{background: #f6f6f6;}

.contact .wrapper{display: flex;align-items: center;justify-content: space-between;}
.contact .leftbox{width: 60%;padding-right: 60px;box-sizing: border-box; min-height:inherit; border:0px}
.contact .leftbox .title{font-size: 32px;color: #000;line-height: 1; font-weight:600}
.contact .leftbox .detail{font-size: 18px;color: #6c6c6c;line-height: 1.4;padding: 30px 0;}
.contact .leftbox .buy{display: flex;align-items: center;font-size: 14px;color: #6c6c6c;}
.contact .leftbox .buy img{vertical-align: top;margin-right: 10px;width: 32px;}
.contact .leftbox .bthbox{padding-top: 40px;display: flex;align-items: center;}
.contact .leftbox .bthbox .btn a{margin-right: 20px;display: flex;align-items: center;height: 80px;padding: 0 20px;background: #e92939;font-size: 14px;color: #fff;cursor: pointer;}
.contact .leftbox .bthbox .btn.sec{margin-right: 0;}
.contact .leftbox .bthbox .btn:hover{opacity: .8;}
.contact .leftbox .bthbox .btn img{width: 30px;margin-left: 10px;vertical-align: top;}
.contact .rightbox{width:40%;}
.contact .rightbox img{vertical-align: top;width: 100%;}

.htit3{font-size: 32px;color: #000;text-align: center;padding-bottom: 50px;font-weight: 600;}
.cswrap{border-bottom: 10px solid #eee;padding-bottom:70px;margin-bottom: 70px;}
.cswrap .csitem{font-size: 14px;color: #666666;padding: 10px 0;}
.cswrap .csitem span{color: #000;width: 200px;text-align: right;padding-right: 10px;display: inline-block;*display: inline;zoom: 1;}
.imgwrap img{max-width: 100%;vertical-align: top;}

.downtable{width: 100%;}
.downtable table{width: 100%;text-align: center;}
.downtable table th{text-align: center;font-size: 14px;color: #000;font-weight: 600;padding: 10px 0;width: 16.5%;}
.downtable table td{text-align: center;font-size: 14px;color: #6c6c6c;padding: 10px 0;}
.oprate{padding: 0 20px;display: flex;align-items: center;justify-content: center;width: 160px;}
.oprate .btn{display: flex;align-items: center;font-size: 14px;color: #1296db;cursor: pointer;margin: 0 10px;}
.oprate .btn img{width: 16px;vertical-align: center;margin-right: 10px;}



.apply .applay-wrap{display: flex;box-sizing: border-box;background: #f6f6f6;position: relative;}
.apply .applay-wrap .detailwrap{width: 50%;padding: 60px 30px;}
.apply .applay-wrap .swiper-container{width: 50%;}
.apply .applay-wrap .detail p{font-size: 14px;color: #6c6c6c;line-height: 1.6;}
.apply .applay-wrap .detail .detailbtn{display: flex;align-items: center;height:60px;background: #e92939;font-size: 14px;color: #fff;margin-top: 40px;width: 200px;justify-content: center;}
.apply .applay-wrap  .detail .detailbtn:hover{opacity: .8;}
.apply .swiper-slide a{cursor: pointer;height: 100%;display: block;}
.apply .swiper-slide a .hoverimg{width: 100%;overflow: hidden;}
.apply .swiper-slide a img{width: auto;height: 100%;vertical-align: top;}
.swiper-pagination2{position: relative;padding-top:30px;display: flex;align-items: center;justify-content: center;}
.swiper-pagination2 .swiper-pagination-bullet{width: 14px;height: 14px;background:#dddddd;opacity: 1;margin: 0 4px;}
.swiper-pagination2 .swiper-pagination-bullet-active{width: 20px;height: 20px;background:#e92939;}


.applicatebox1{padding: 60px 0 120px;}
.applicatebox1 .wrapper{background-size: auto 100%;}
.applicatebox1 .leftbox{float: left;width:60%;margin-bottom: 20px;}
.applicatebox1 .leftbox .tit{font-size: 36px;color: #000000;line-height: 1;margin-bottom:30px; font-weight:600}
.applicatebox1 .leftbox .detail{padding: 30px 80px 40px 40px;font-size: 14px;color: #555;line-height: 1.6;background: rgba(246,246,246,.8);}
.applicatebox1 .leftbox .detail p{margin-bottom: 40px; line-height:30px}
.applicatebox1 .leftbox .detail a{background: #e60013;padding: 10px;font-size: 22px;color: #fff;cursor: pointer;}
.applicatebox1 .leftbox .detail a:hover{opacity: .8;}

.swipertit{display: flex;align-items: center;justify-content: space-between;margin-bottom: 50px;}
.swipertit .tit{font-size: 36px;color: #000000; font-weight:600}
.swipertit .sarrow{position: relative;width: 120px;height: 30px;margin-top: 20px;}
.sarrow .swiper-button-next,.sarrow .swiper-button-prev{border: 1px solid #999;width: 30px;height: 30px;border-radius: 50%;top: 0;margin-top: 0;}
.sarrow .swiper-button-next:after,.sarrow .swiper-button-prev:after{font-size: 14px;color: #999;}
.swiper-container1 .swiper-wrapper{overflow: visible;}
.swiper-container3 .wrap{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.swiper-container3 .wrap .wrapitem{width: 20%;padding:10px;box-sizing: border-box;}
.wrapitem{width: 100%;overflow: hidden;cursor: pointer;}
.wrapitem a{overflow: hidden;}
.wrapitem img{width: 100%;vertical-align: top;}
.probox{ border:1px solid #eaeaea}
.probox a{display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;padding: 20px;box-sizing: border-box;}
.probox .imgbox{width: 100%;overflow: hidden;text-align: center;}
.probox .imgbox img{height: 100%;width: auto;vertical-align: top;}
.probox .title{text-align: center;font-size: 14px;color: #6e6e6e;padding-top: 20px;}
.probox:after{content: '';position: absolute;left: 0px;bottom: 0px;width: 0px;height: 2px;background-color: #e60013;transition: all .5s ease;}
.probox:hover:after{width: 100%;}
.servicebox .wrapper{display: flex;align-items: center;justify-content: space-between; background: #eeeeee;}
.servicebox .leftbox{width: 50%;padding: 50px 66px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;color: #fff;background: url("../images/bg1.png") no-repeat center top;background-size:cover;box-sizing: border-box; min-height:inherit; border:0px}
.servicebox .leftbox .tit{font-size: 40px;line-height: 1;margin-bottom: 20px;}
.servicebox .leftbox p{font-size: 14px;line-height: 1.4;margin-bottom:10px;}
.servicebox .rightbox{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 50%;background: #eeeeee;box-sizing: border-box;}
.servicebox .rightbox .tel{display: flex;align-items: center;justify-content: center;font-size: 22px;color: #000000;margin-bottom: 20px;}
.servicebox .rightbox .tel img{width: 47px;margin-right: 10px;vertical-align: top;}
.servicebox .rightbox a{background: #e60013;padding: 14px 20px;font-size: 14px;color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.servicebox .rightbox a img{width: 34px;vertical-align: top;margin-left: 6px;}
.servicebox .rightbox a:hover{opacity: .8;}


.presale1 .wrap{display: flex;align-items: flex-start;justify-content: space-between;background: #f7f7f7;margin-bottom: 60px;}
.presale1 .wrap .leftbox,.presale1 .wrap .rightbox{width: 50%;}
.presale1 .wrap .leftbox{padding: 50px 40px;box-sizing: border-box;}
.presale1 .wrap .leftbox .tit{font-size: 30px;color: #191919;margin-bottom: 20px;}
.presale1 .wrap .leftbox p{font-size: 16px;color: #6c6c6c;line-height: 1.8;padding: 10px 0 8px;}
.presale1 .wrap .leftbox .wrods{font-size: 16px;color: #6c6c6c;}
.presale1 .wrap .leftbox .wrods p{margin-bottom: 6px;}
.presale1 .wrap .rightbox a img{width: 100%;vertical-align: top;}
.presale2{background: #f5f5f5;padding: 60px 0;}
.presale2 .title{font-size: 30px;color: #191919;}
.presele2item{margin-top: 40px;display: flex;}
.presele2item .leftbox{display: flex;align-items: center;font-size:20px;color: #6e6e6e;width: 30%;}
.presele2item .rightbox{width: 68%;font-size: 16px;line-height: 1.6;}
.presele2item .rightbox a{color: #e50013;cursor: pointer;}
.presele2item .leftbox img{width: 45px;vertical-align: top;margin-right: 20px;}

.searchtop,.result{padding: 40px 100px;}
.searchtop .title{font-size: 40px;text-align: center;color: #000000;margin-bottom: 30px;}
.searchtop .searwrap{display: flex;align-items: center;justify-content: center;}
.searchtop .searwrap select{border: 1px solid #cccccc;padding: 10px 20px;vertical-align: top;font-size: 16px;color: #333;line-height: 40px;width: 40%;box-sizing: border-box;}
.searchtop .rightbox{border: 1px solid #cccccc;display: flex;border-left: none;}
.searchtop .rightbox select{border: none;flex: 1;}
.searchtop .rightbox .btn{padding: 0 16px;cursor: pointer;}
.searchtop .rightbox img{width: 24px;vertical-align:middle top;margin-top: 10px;}
.result .title{font-size: 30px;color: #000000;padding-bottom: 30px;}
.result .subtit1{font-size: 24px;color: #000000;}
.resultwrap{padding:0 0 60px;}
.resultwrap .resultitem{margin-top: 40px;}
.resultwrap .resultitem .wrap{display: flex;align-items: flex-end;justify-content: space-between;}
.resultwrap .resultitem .wrap .tit{font-size: 22px;color: #000000;}
.resultwrap .resultitem .wrap .tit span{font-size: 24px;color: #777777;padding-right: 10px;}
.iconbox{display: flex;align-items: center;font-size: 14px;color: #686859;}
.iconbox span{display: flex;align-items: center;margin-left: 14px;cursor: pointer;}
.iconbox img{width: 16px;vertical-align: middle;margin-right: 6px;}
.resultwrap .subtwrap{display: flex;align-items: center;justify-content: space-between;}
/*.resultwrap .resultitem.active .subtwrap{max-height: 999px;}*/
.resultwrap .subtwrap .leftwrap{display: flex;align-items: center;}
.resultwrap .subtwrap .leftwrap span{font-size: 16px;color: #777777;margin-right: 10px;}

.subsecnav .wrod{font-size: 36px;color: #fff;text-align: center;position: relative;z-index: 99;margin: 20px 0; font-weight:600}
.social .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.social .wrap .socialitem{width: 48%;margin-bottom: 50px;position: relative;overflow: hidden;}
.social .wrap .socialitem a{width: 100%;height: 100%;display: block;cursor: pointer;}
.social .wrap .socialitem a .wrod{font-size: 18px;color: #fff;text-align: center;padding: 10px 0;background: rgba(0,0,0,.6);position: absolute;left: 0;right: 0;bottom: 20px;}
.social .wrap .socialitem a img{vertical-align: top;width: 100%;}
.presale1 .wrap.sec{background: #fff;}
.presale1 .wrap.sec .leftbox{width: 50%;overflow-y: auto;height: 100%;box-sizing: border-box;padding: 0 30px 0 0;}
.presale1 .rightbox video{width: 100%;vertical-align: top;}
.presale1 .wrap.sec .leftbox p{padding: 0 0 6px;}

.introduce{background: #f6f6f6;padding: 0 0 60px;}
.introduce .wrap{background: url("../images/bg2.jpg") no-repeat center top;background-size:cover;display: flex;}
.introduce .wrap .introitem{width: 25%;display: flex;flex-direction: column;align-items: center;color: #fff;padding: 200px 0;border-left: 1px solid rgba(255,255,255,.3);box-sizing: border-box;}
.introduce .wrap .introitem:first-child{border-left: none;}
.introduce .wrap .introitem .tit{font-size: 28px;}
.introduce .wrap .introitem .word{font-size: 16px;margin-top: 20px;}
.introduce1 .wrap{display: flex;}
.introduce1 .wrap .introitem{width: 25%;text-align: center;}
.introduce1 .wrap .introitem .tit{font-size: 40px;color: #e60013; font-weight:600}
.introduce1 .wrap .introitem .word{font-size: 16px;color: #6e6e6e;padding-top: 10px;}
.introduce3 .wrap{position: relative;}
.introduce3 .wrap img{width: 100%;vertical-align: top;}
.introduce3 .wrap .mask{position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: rgba(0,0,0,.3);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.introduce3 .wrap .mask p{font-size: 40px;color: #fff;}
.introduce3 .wrap .mask a{font-size:14px;color: #fff;border: 1px solid #fff;width: 120px;text-align: center;line-height: 40px;margin-top: 30px;cursor: pointer;}
.introduce3 .wrap .mask a:hover{background: #fff;color: #333;}
.introduce2{background: url("../images/bg3.png") no-repeat center top;background-size: cover;}
.introduce2 .wrap{display: flex;padding-top:10px;}
.introduce2 .wrapper .mySwiper{height: 400px;width: 220px;overflow: hidden;padding-left: 15px;box-sizing: border-box;}
.introduce2 .wrapper .mySwiper .swiper-slide{border-left: 2px solid #ccc;}
.introduce2 .wrapper .mySwiper2{width: calc(100% - 220px);overflow: hidden;height: 400px;}
.htit4{padding: 40px 0;}
.htit4 h1{font-size: 36px;color: #333;font-weight: 600;}
.htit4 p{font-size: 20px;color: #666;}
.introduce2 .detail p{font-size: 14px;color: #6e6e6e;line-height: 1.8; font-weight:600}
.introduce2 .detail .imgs{margin-top: 20px;}
.introduce2 .detail .imgs img{vertical-align: top;}
.introduce2 .swiper-slide{display: flex;align-items: center;cursor: pointer;}
.introduce2 .swiper-slide span{padding-left: 40px;font-size: 18px;color: #858585;font-weight: 600;position: relative;}
.introduce2 .swiper-slide.swiper-slide-thumb-active span{color: #e62129;}
.introduce2 .swiper-slide span:after{content: "";width: 30px;height: 3px;background: #858585;position: absolute;left: -20px;top: 50%;}
.introduce2 .swiper-slide.swiper-slide-thumb-active span:after{background: #e62129;}

/**news**/
.news_list{
	margin:30px auto;
}

.news_list_ul{
	margin-bottom:60px;
}
.news_list_ul li {
    padding: 60px 0;
    border-bottom: 1px solid #f2f2f2;
	min-height:200px;
}

.news_list_ul .l_img {
    float: left;
    width: 28%
}

.news_list_ul .r_wen {
    float: right;
    width: 70%;
    padding-top: 20px
}

.news_list_ul .r_wen .p1 {
    color: #999;
    margin: 10px auto 10px
}

.news_list_ul .r_wen .p2 {
    color: #666;
    line-height: 24px;
    margin-bottom: 20px
}

.news_list_ul .r_wen .p3 a {
    display: inline-block;
    border: 1px solid #666;
    padding: 0 20px;
    line-height: 30px;
    border-radius: 40px
}

.newsdetails_t {
    text-align: center
}

.newsdetails_t p {
    color: #999
}

.newsdetails_b {
    padding: 40px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2
}

.newsdetails_b p {
    line-height: 30px;
    margin: 40px 0
}

.newsdetails_b .details_img img {
    width: 60%;
    margin: 40px auto
}

.newsd_foots_l {
    float: left;
    width: 80%
}

.newsd_foots_l p {
    margin-bottom: 20px
}

.newsd_foots_l p span {
    color: #999
}

.newsd_foots_l p a {
    color: #666
}

.newsd_foots_l p a:hover {
    color: #000
}

.newsd_foots_r {
    float: right;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    border-radius: 40px
}

.newsd_foots_r span {
    padding-right: 14px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 8px auto
}

.newsd_foots_r:hover {
    border: 0;
    color: #333;
    font-size: 14px;
    background: -webkit-gradient(linear,left top,right top,from(var(--theme-gradient1)),to(var(--theme-gradient2)));
    background: linear-gradient(90deg,var(--theme-gradient1) 0,var(--theme-gradient2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0099F2",endColorstr="#74b32c",GradientType=0)
}

.newsd_foots_r:hover span {
    color: #fff;
}

.cc {
  display: block;
}
.cc, .cc:after {
    clear: both;
}

.img_width100 {
    width: 100%;
}
.h3_wen {
    font-size: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.newscontent{ margin:20px auto; background:#FFF}
.newsleft{width: 880px;float: left;}
.newsleft .title h3{ text-align:center; font-size:16px; font-weight:600}
.newsright{float: right;width: 260px;}
.newsdetail{padding: 20px 0; color: #686868; line-height:30px}
.newsdetail p{font-size: 14px;color: #686868;line-height:2; padding-bottom:10px}
.newsdetail img{text-align:center}

.newsright h4{font-size: 20px;padding-bottom: 5px;color: #0b4d92;}
.newsrightitem{margin-bottom: 20px;cursor: pointer;}
.newsrightimg{overflow: hidden;}
.newsrightimg img{width: 100%;vertical-align: top;}
.newsrightdetail{padding: 16px;background: #ebebeb;}
.newsrightdetail h5{font-size: 16px;color: #0b4d92;padding-bottom: 5px;}
.newsrightdetail p{font-size: 14px;color: #333;}
.newsrightdetail i{font-size: 14px;color: #333;display: block;text-align: right;padding-top: 20px;}
.newsvrightdetail i:hover{color: #0b4d92;}

.supportcontent{ margin:20px auto; background:#FFF; width:1000px}
.supportcontent .title h3{ text-align:center; font-size:16px; font-weight:600}
.supportdetail{padding: 20px 0; color: #686868; line-height:30px}
.supportdetail p{font-size: 14px;color: #686868;line-height:2; padding-bottom:10px}
.supportdetail img{text-align:center}

.form-contact{
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.form-contact h3 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px;
  text-align:center
}
.form-contact p{
	line-height:50px;
	text-align:center;
}
.contact-msg{
    margin-top:10px;
}
.contact-msg li{
    float:left;
    width:32%;
    margin-right:2%;
    margin-bottom:25px;
    font-size: 0;
    position:relative
}
.contact-msg li:nth-child(3n){
    margin-right:0
}
.contact-msg li .msg-box{
    font-size:0;
    height:48px;
    line-height:48px;
    background-color:#f5f5f5
}
.contact-msg li .msg-box .name{
    font-size:14px;
    color:#333;
    width:60px;
    text-align:center;
    display:inline-block;
    position:relative;
}

.contact-msg li .msg-box .name::before {
  content: "";
  color: #ff4949;
  margin-right: 4px;
}

.contact-msg li .msg-box .name:after{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    width:1px;
    height:30px;
    background-color:#e3e3e3;
    content:"";
}
.contact-msg li .msg-box input{
    font-size:12px;
    height:48px;
    line-height:48px;
    width:calc(90% - 2.5rem - 1rem);
    padding-left:10px;
    color:#333;
    display:inline-block;
    background-color:transparent;
	box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
}
.contact-msg li.li1 .msg-box .name{
    width:50px;
    vertical-align:top;
}
.contact-msg li.li1 .msg-box .btn-div{
    display:inline-block;
    width:calc(100% - 3.25rem - 1rem);
    position:relative;
    height:48px;
    line-height:48px;
    padding-left:8px;
}
.contact-msg li.li1 .msg-box .btn-div .xias{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0px;
    width:7px;
    height:5px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:7px;
    background-image:url(../img/dwons.png);
    transition:all 0.3s;
}
.contact-msg li .msg-box .btn-div .yu1{
    font-size:12px;
    color:#333;
}
.contact-msg li.li1{
    z-index:30
}
.contact-msg li.li2{
    z-index:20
}
.contact-msg li.li2 .msg-box .name{
    width:96px;
    vertical-align:top;
}
.contact-msg li.li2 .msg-box .btn-div{
    display:inline-block;
    width:calc(100% - 6rem - 1rem);
    position:relative;
    height:48px;
    line-height:48px;
    padding-left:8px;
}
.contact-msg li.li2 .msg-box .btn-div .xias{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0rem;
    width:7px;
    height:5px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:7px;
    background-image:url(../img/dwons.png);
    transition:all 0.3s;
}
.contact-msg li.cur .msg-box .btn-div .xias{
    transform:translateY(-50%) rotate(-180deg)
}
.contact-msg li .hover-div{
    position:absolute;
    top:20px;
    left:0;
    width: calc(100% - 0.75rem);
    height:64px;
    padding: 8px 0 8px 12px;
    background-color:#f5f5f5;
    border-top:1px solid #e3e3e3;
    display:none

}
.contact-msg li .hover-div .tit-a{
    font-size:12px;
    display:block;
    color:#666;
    height:18px;
    line-height:18px;
    border-bottom:1px solid #e3e3e3;
}
.contact-msg li.last{
    width:100%;
    padding:10px 0;
    background-color:#f5f5f5;
}
.contact-msg li.last textarea{
    font-size:12px;
    color:#333;
    line-height:30px;
    padding:0 12px;
    width:calc(100% - 1.5rem);
    height:200px;
    background-color:#f5f5f5;
	box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
}
.form-contact .submit{
    font-size:12px;
	color:#fff;
    display:block;
    width:90px;
    height:35px;
    line-height:35px;
    margin:16px auto 0;
    background-color:#e51f26;
	box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
}

/* pages */
#pages { padding:14px 0 10px; text-align:center}
#pages li{display: inline-block;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages .active a{ display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../images/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



.prodetailtab table{width: 100%;border-collapse: collapse;}
.prodetailtab table th{border-bottom: 1px solid #ebebeb;}
.prodetailtab table td{border-bottom: 1px solid #ebebeb;}
.prodetailtab .tableforshow{background: #fefefe;border: none;width: 100%;border-collapse: collapse;}
.prodetailtab{padding: 20px 0px 50px 0px;overflow: hidden;}
.prodetailtab .tableforshow p,.probox1 .prodetailtab .tableforshow th,.probox1 .prodetailtab .tableforshow td{font-size: 14px; line-height: 36px; color: #5f5d5d;}
.prodetailtab .tableforshow td{border: 1px solid #eaeaea; padding-left:15px}
/*.probox1 .prodetailtab td span{text-decoration: underline;}*/
.prodetailtab .tableforshow td{background: #fff; font-size: 14px; color: #5f5d5d; line-height: 48px !important;}
.prodetailtab .tableforshow p{font-size: 14px; color: #5f5d5d; line-height: 31px !important;}
/*shouce*/
.prodetaildown{padding: 50px 0px;overflow: hidden;}
.prodetaildown table{width: 100%;border-collapse: collapse;}
.prodetaildown table th{font-size: 16px;color: #303030;line-height: 60px;border-bottom: 1px solid #ebebeb; text-align:left; padding-left:15px}
.prodetaildown table td{font-size: 14px;color: #303030;line-height: 60px;border-bottom: 1px solid #ebebeb; text-align:left}
.prodetaildown table td a{cursor: pointer;display: block;line-height: 60px;}
.prodetaildown .tableforshow{background: #fefefe;border: none;width: 100%;border-collapse: collapse;}

.prodetaildown .tableforshow p,.probox1 .prodetaildown .tableforshow th,.probox1 .prodetaildown .tableforshow td{font-size: 16px; line-height: 36px; color: #5f5d5d;}
.prodetaildown .tableforshow td{border: 1px solid #fff; padding-left:15px}
/*.probox1 .prodetaildown td span{text-decoration: underline;}*/
.prodetaildown .tableforshow td{background: #fff; font-size: 14px; color: #5f5d5d; line-height: 60px !important;}
.prodetaildown .tableforshow p{font-size: 14px; color: #5f5d5d; line-height: 60px !important;}
/*
.rightbox table{width: 100%;border-collapse: collapse;}
.rightbox table th{font-size: 16px;color: #303030;line-height: 60px;border-bottom: 1px solid #ebebeb;}
.rightbox table td{font-size: 14px;color: #303030;line-height: 60px;border-bottom: 1px solid #ebebeb;}
.rightbox table td a{cursor: pointer;padding-left: 26px;background: url(../images/xiazai.png) no-repeat left center;background-size: 21px auto;display: block;line-height: 30px;}
.rightbox table td a:hover{color: #1768b4;background: url(../images/xiazaif.png) no-repeat left center;background-size: 21px auto;}
.rightbox table{width: 100%;}
.rightbox .tableforshow{background: #fefefe;border: none;width: 100%;border-collapse: collapse;}
.rightbox{padding: 20px 0px 50px 0px;overflow: hidden;}
.rightbox .tableforshow p,.probox1 .prodetailimg .tableforshow th,.probox1 .prodetailimg .tableforshow td{font-size: 16px; line-height: 36px; color: #5f5d5d;}
.rightbox .tableforshow td{border: 1px solid #fff; padding-left:15px}
.rightbox .tableforshow td{background: #efefef; font-size: 14px; color: #5f5d5d; line-height: 40px !important;}
.rightbox .tableforshow p{font-size: 14px; color: #5f5d5d; line-height: 31px !important;}
*/

/*荣誉开始*/
.pry{width: 100%; min-height: 500px; padding-bottom: 87px;}
.pry h2{font-size: 32px; font-weight: 600; color: #000; text-align: center; line-height: 150px;}
.pry .pry_list{ margin-bottom: 40px; }
.pry .pry_list li{float: left;  width:31%; height:auto; box-shadow: 0px 0px 10px rgba(0,0,0,0.20); margin-right: 2%; margin-bottom:30px}
.pry .pry_list li a{display: block; margin:0 auto; margin-top: 10px;}
.pry .pry_list li a img{max-width:100%}
.pry .pry_list li p{text-align: center; font-size: 14px; color: #6c6c6c; line-height:3em;}

.pry .pry_list_iso{ margin-bottom: 80px; }
.pry .pry_list_iso li{float: left;  width:22%; height:auto; box-shadow: 0px 0px 10px rgba(0,0,0,0.20); margin-right: 2%; margin-bottom:30px}
.pry .pry_list_iso li a{display: block; margin:0 auto; margin-top: 10px;}
.pry .pry_list_iso li a img{max-width:100%}
.pry .pry_list_iso li p{text-align: center; font-size: 16px; color: #6c6c6c; line-height:2em;}
.pry .pry_more {font-size: 14px; line-height: 35px; color: #545454; padding-left: 40px; background: url(img/icon.png)no-repeat ;
background-position:-333px -8px; margin-left: 3px; }
.pry .pry_more a{color: #1768b4; text-decoration: underline; }

.indexTitle{position: relative;text-align: center;}
.indexTitle h4{color:#000;font-size: 30px;position: relative;z-index:3;line-height: 1;top: -30px;}
.indexTitle p{font-size: 56px;position: relative;z-index:2;color: rgba(27,144,250,0.1);text-transform: uppercase;line-height: 1;font-weight: bold;letter-spacing:5px}
.indexTitle .tips{color: rgba(0,0,0,0.6);font-size: 16px;text-align: center;}
.indexbg2{position: relative;height:auto;background: #eaeaea}

.index02{padding-top: 70px;padding-bottom: 100px;}
.index02 .lunbo{position: relative;}
.index02 .swiper-rencai-prev{cursor: pointer;position: absolute;left: -80px;top: 50%;transform: translateY(-50%);}
.index02 .swiper-rencai-next{cursor: pointer;position: absolute;right: -80px;top: 50%;transform: translateY(-50%);}
.swiper-rencai .item1{position: relative;overflow: hidden;}
.swiper-rencai .item1 .itembg{max-width: 100%;transition:all 1s;}
.swiper-rencai .item1 .info{position: absolute;width: 100%;height: 100%;left: 0;top: 55%;padding:0 40px;transition:all 0.5s;}
.swiper-rencai .item1 .info h2{color:#fff;font-size: 36px;margin-top: 20px;}
.swiper-rencai .item1 .info p{color: #fff;font-size: 16px;padding-top: 20px;margin-top: 20px;border-top: 3px solid #fff;opacity: 0;transition:all 0.5s;}
.swiper-rencai .item1 .info .link{display: block;color:#fff;font-size: 16px;margin-top: 20px;}
.swiper-rencai .item1:hover .info{top: 20%;}
.swiper-rencai .item1:hover p{opacity: 1}
.swiper-rencai .item1:hover .itembg{transform: scale(1.15);}

.swiper-rencai .item2{background: #fff;height: 450px;border-radius: 10px;}
.swiper-rencai .item2 .img{max-width: 100%}
.swiper-rencai .item2 .info{width: 86%;position: absolute;left: 7%;top: 64.4%;background: #fff;border-radius: 10px 10px 0 0;padding:30px 40px;transition:all 0.5s;}
.swiper-rencai .item2 .info h3{font-size: 20px;color:#333;margin-bottom: 10px;}
.swiper-rencai .item2 .info h4{font-size: 16px;color:#333;margin-bottom: 20px;}
.swiper-rencai .item2 .info p{font-size: 16px;color: rgba(0,0,0,0.4);line-height: 2;opacity: 0;transition:all 0.5s;}
.swiper-rencai .item2:hover .info{top: 48.9%}
.swiper-rencai .item2:hover .info p{opacity: 1}

.index03{padding-top: 100px;padding-bottom: 50px;}

.index03 .lunbo{position: relative;}
.index03 .swiper-fuli-prev{cursor: pointer;position: absolute;left: -60px;top: 50%;transform: translateY(-50%);}
.index03 .swiper-fuli-next{cursor: pointer;position: absolute;right: -60px;top: 50%;transform: translateY(-50%);}
.swiper-fuli{width: 100%;margin-top: 60px;}
.swiper-fuli .swiper-slide{width:100%;height: 570px; overflow: hidden;background: #fff; display: flex;align-items:flex-start;border-radius: 30px;}
.swiper-fuli .swiper-slide .info{padding:60px;width: 53%}
.swiper-fuli .swiper-slide .info .t{padding-bottom: 20px;border-bottom: 1px solid #b5b5b5}
.swiper-fuli .swiper-slide .info .t h3{color: #000000;font-size: 30px;margin-top: -70px;margin-bottom: 10px;}
.swiper-fuli .swiper-slide .info .t p{color: rgba(0,0,0,0.6);font-size: 14px;}
.swiper-fuli .swiper-slide .info .t span{color:rgba(230,0,19,0.2);font-size: 128px;font-weight: bold;font-family: 'Arial';line-height: 1;}

.swiper-fuli .swiper-slide .info .text{position: relative;color:#666666;font-size: 16px;line-height: 1.8;margin-top: 20px;}
.swiper-fuli .swiper-slide .info .text h4{color:#000;font-size: 20px;margin-top: 20px;margin-bottom: 5px;}
.swiper-fuli .swiper-slide .info .text p{font-size: 14px;}
.swiper-fuli .swiper-slide .imgbox{overflow: hidden;width: 47%}

.swiper-fuli .swiper-slide .imgbox img{transition: all 1s}
.swiper-fuli .swiper-slide .imgbox:hover img{transform: scale(1.2);}

.index04{padding-top:80px;}
.index04 .shenghuo{margin-top: 60px}

.shenghuo .bd .item{position: relative;}
.shenghuo .bd .item .info{width: 42%;padding:30px 50px;background: #fff;border-radius: 10px;right: 0;top: 30%;position: absolute;min-height: 200px}
.shenghuo .bd .item .info h3{color:#333;font-size: 22px;margin-bottom: 15px}
.shenghuo .bd .item .info p{color:#666;font-size: 14px;}

.shenghuo .hd{margin-top: 50px;border-top: 4px solid rgba(60,181,228,0.4);}
.shenghuo .hd ul{display: flex;justify-content: space-between;}
.shenghuo .hd ul li{cursor: pointer;color:#333333;font-size: 22px;text-align: center;padding:20px 0;width: 16.667%;position: relative;}
.shenghuo .hd ul li:before{content: "";position: absolute;width: 100%;height: 8px;background: url(//stc-cms.beisen.com/cmsportal/23167900/23167900_themes_default_huichuan2022_img_jx.png) center center no-repeat;top: -10px;left: 0;opacity: 0}
.shenghuo .hd ul li.on:before{opacity: 1}
.shenghuo .hd ul li.on{color:#3cb5e4}

.jobList{width:1200px; margin:50px auto}
.jobList .item{background: #fff;box-shadow: 0px 2px 12.09px 0.91px rgba(153, 153, 153, 0.17);margin-bottom: 20px;cursor: pointer;}
.jobList .item .top{display: flex;align-items: center;justify-content: space-between;padding:15px 30px 20px;}
.jobList .item .t{color:#333;font-size: 18px;margin-bottom: 20px;font-weight: bold;cursor:pointer;}
.jobList .item .b{display: flex;align-items: center;color:#666666}
.jobList .item .b span{display: flex;align-items: center}
.jobList .item .b .ico{margin-right: 10px;}
.jobList .item .b .fg{margin:0 10px;width: 1px;height: 15px;background: #999999}
.jobList .item .right .zk{width: 120px;height: 45px;background: #E60013;display: flex;align-items: center;justify-content: center;color:#fff;font-size: 14px;border-radius: 4px;}
.jobList .item .right .sq{width: 120px;height: 45px;background: #E60013;display: flex;align-items: center;justify-content: center;color:#fff;font-size: 14px;border-radius: 4px; display:none}
.jobList .item .con{border-top: 1px solid rgba(0,0,0,0.1);margin:0 30px;padding:30px 25px 40px;display: none}
.jobList .item .con .block{margin-bottom: 25px;}
.jobList .item .con .block h5{color:#333333;font-size: 16px;margin-bottom: 10px;}
.jobList .item .con .block p{color:rgba(0,0,0,0.7);font-size: 14px;line-height: 1.8;}
.jobList .item .con .anniu{display: flex;align-items: center;margin-top: 30px;}
.jobList .item .con .anniu .btn{width: 140px;height: 50px;background: #2d99e2;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;border-radius: 4px;margin-right: 15px;}
.jobList .item .con .anniu .sc{display: flex;align-items: center;color:#000;font-size: 16px;border:1px solid #2d99e2;width: 140px;height: 50px;justify-content: center;border-radius: 4px;margin-right: 15px;}
.jobList .item .con .anniu .fx{display: flex;align-items: center;color:#000;font-size: 16px;border:1px solid #ebebeb;width: 140px;height: 50px;justify-content: center;border-radius: 4px;background: #ebebeb}
.jobList .item .con .anniu .ico{margin-right: 10px;}
.jobList .item.on .t{color:#333}
.jobList .item.on .right .sq{ display:flex}
.jobList .item.on .right .zk{ display:none}
.jobList .item:hover{box-shadow: 0px 0px 16px 0px rgba(0, 72, 168, 0.17);}

.contact1box{background: #fff; margin-top: 0px;margin-bottom: 100px;}
.contact1left,.mapbox{width: 54%;float: left;}
.contact1right,.contact2detail{width: 46%;float: left;}
.contact1right img{width: 100%;vertical-align: top;}
.contact1item{background: #fff;margin-bottom: 18px;padding: 18px;display: flex;align-items: center;justify-content: flex-start;}
.contacttip{width: 128px;height: 128px;font-size:24px;background: #E60013;color: #fff;text-align: center; display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;}
.contactword{padding: 0 20px 0 40px;box-sizing: border-box;flex: 1;}
.contactword h3{font-size: 14px;color: #686868;text-align: left;padding-bottom: 22px;}
.contactword p{font-size: 14px;color: #686868;display: flex;align-items: center;}
.contactword p img{width: 36px;height: 36px;vertical-align: top;margin-right: 5px;}
.contactword p a{display: block;line-height: 30px;font-size: 14px;color: #686868;}
.contact2box{margin-top: 0px;margin-bottom: 100px;background: #f7f7f7;}
.mapbox img{width: 100%;vertical-align: top;}
.contact2detail{padding: 20px 20px 0 50px;box-sizing: border-box;}
.contact2detail h4{font-size: 24px;color: #303030; line-height:40px; padding-bottom:10px;font-weight:600}
.contact2detail p{font-size: 14px;color: #686868;padding: 20px 0; }
.contact3box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 60px;}
.contact3boxitem{width: 48%;border: 1px solid #e7e6e6;}
.contact3boximg{padding: 20px 0 10px;text-align: center;}
.contact3boximg img{height: 102px;width: auto;padding-left:70px;}
.contact3boxdetail{padding: 0 40px 20px;}
.contact3boxdetail h4{font-size: 16px;color: #303030;font-weight: 600;}
.contact3boxdetail p{font-size: 14px;color: #686868;padding: 10px 0;}
.contact3boxdetail a{font-size: 14px;color: #3089dd;cursor: pointer;letter-spacing: 1px;}

.sr_lists{}
.sr_lists .l{ width:220px; float:left; background:url(../images/sr_ybg.jpg) no-repeat right top; height:auto!important; height:842px; min-height:842px;}
.sr_lists .l div{margin:16px 0px 0px; text-align:right; font-size:12px; background:url(../images/sr_bbg.jpg) no-repeat 100% 100%; padding:10px; padding-left:0px; margin-right:1px;}
.bgno{background:none!important;}
.sr_lists .l div span{ font-size:12px; color:#999;}
.sr_lists .l div ul{ margin-top:6px;}
.sr_lists .l div ul li{ height:24px; line-height:24px; overflow:hidden;}
.sr_lists .l div ul li a{ padding-right:16px;}
.sr_lists .l div ul li a:hover,.sr_lists .l div ul li a.ac{background:url(../images/bg_member_1.gif) no-repeat 100% -30px; font-weight:bold;}

.presale1 .sr_lists .wrap{display: block; min-height:120px; margin-bottom:30px; clear: both}
.sr_lists .c{text-align:left;}
.sr_lists .c ul{ margin:10px;}
.sr_lists .c li{border-bottom:1px dashed #CCC; margin-top:18px;}
.sr_lists .c li div p{ line-height:25px; margin-top:6px; font-size:12px; color:#999;}
.sr_lists .c li div.adds{ font-size:12px; margin:10px 4px;}

.sr_lists .c li a img{float:left; border:1px solid #ADCBE9; padding:2px; background:#FFF; margin-right:10px;}
.sr_lists .c li a:hover img{background:#efefef;}
.sr_lists .c .a2{ margin:10px;}

.probox1 {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.probox1 .hti5{font-size:14px; color: #fff; height: 41px;  margin-left: -3px;background: url(../images/iban.png)no-repeat; margin-bottom:5px;}
.probox1 .hti5 span{ margin-left: 3px; background:#e92939; line-height: 38px; height: 38px;padding:0 14px; overflow: hidden;display: inline-block;}
.inner-area{
	margin-top:30px
}
.inner-area .list:after {
	content: '';
	display: table;
	clear: both;
}

.inner-area .list li {
	float: left;
	width: 32.3%;
	margin-right: 1.55%;
	margin-bottom: 2em;
	padding: 1em 2em 1em 1.5em;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.inner-area .list.on li {
	width: 42%;
	margin-right: 7.3%;
}

.inner-area .list.on li:nth-child(3n) {
	margin-right: 7.3%;
}

.inner-area .list.on li:nth-child(2n) {
	margin-right: 0;
}

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

.inner-area .list .cont-box {
	padding-left: 65px;
	position: relative;
}

.inner-area .list .cont-box .imgs {
	width: 32px;
	position: absolute;
	left: 0;
	top: 20px;
}

.inner-area .list.on .cont-box .imgs {
	width: 50px;
}

.inner-area .list .cont-box .name {
	font-size: 1.2em;
	padding-bottom: 0.25em;
	color:#e92939;
}

.inner-area .list .cont-box .doc {
	font-size: 14px;
	line-height: 23px;
	height: 44px;
	overflow: hidden;
}

.prodetail{padding: 50px 15px;}
.prodetailword{width: 45%;float: left;}
.prodetailword h3{font-size: 28px;color: #333;line-height: 1.8;padding-bottom: 10px; font-weight:600}
.prodetailword p{font-size: 14px;color: #333;line-height: 1.8;}
.probanner{width: 45%;float: left; padding-left:8%;}
.probanner .htebbox{display: flex;align-items: center;width: 100%;justify-content: space-between;margin-bottom: 10px;}
.probanner .htebbox .htebitem{width: 50%;border: 1px solid #f7f6f6;color: #666;font-size: 18px;text-align: center;line-height: 60px;}
.probanner .htebbox .htebitem.active{background: #f7f6f6;color: #000;}
.probanner .slider a{text-align: center;display: block;}
.probanner .slider img{max-width:400px;}
.pronav{border-bottom: 2px solid #eae9e9;position: relative;background: #fff;}
.pronav.on{position: fixed;top: 149px;left: 0;right: 0;z-index: 998;}
.pronav .wrapper{position: relative;height: 52px;}
.pronav ul{border-left: 1px solid #e7e6e6;position: absolute;left: 0;bottom: -2px;}
.pronav ul li{float: left;cursor: pointer;}
.pronav ul li a{display: block;padding: 0 24px 0 56px;line-height: 50px;background:#fff url("../images/cpz.jpg") no-repeat 24px center;border: 1px solid #e7e6e6;border-left: none;border-bottom: 2px solid #e7e6e6;color: #333;}
.pronav ul li.on a,.pronav ul li:hover a{border-bottom: 2px solid #f7f6f6;background:#f7f6f6 url("../images/cpf.jpg") no-repeat 24px center;color: #000;}
.pronav ul li:nth-child(2) a{background:#fff url("../images/cpf2-.png") no-repeat 24px center;border: 1px solid #e7e6e6;}
.pronav ul li:nth-child(2).on a,.pronav ul li:nth-child(2):hover a{background:#f7f6f6 url("../images/cpf2.png") no-repeat 24px center;}
.pronav ul li:nth-child(3) a{background:#fff url("../images/cpf3-.png") no-repeat 24px center;border: 1px solid #e7e6e6;}
.pronav ul li:nth-child(3).on a,.pronav ul li:nth-child(3):hover a{background:#f7f6f6 url("../images/cpf3.png") no-repeat 24px center;}

.prowrap{background: #fff;}
.prowrap{padding: 50px 0;}
.probox1{background: #fff;margin-bottom: 20px;}
.prodetailimg{padding: 50px 0px;overflow: hidden;}
.prodetailtab{padding: 10px 0px;overflow: hidden;}
.prodetailimg img{vertical-align: top;}
.prodeul{padding: 20px 40px;}
.prodeul ul{display: flex;flex-wrap: wrap;}
.prodeul ul li{width: 33.3%;padding: 20px 0;}
.proitem h4{font-size: 16px;color: #303030;line-height:20px;padding-bottom: 10px;}
.proitem h4 img{margin-right: 5px;width:20px;vertical-align: top;}
.proitem p{font-size: 14px;color: #686868;display: flex;align-items: center;justify-content: flex-start;padding: 3px 0 3px 26px;}
.proitem p i{width: 6px;height: 6px;border-radius: 50%;background: #666;margin-right: 5px;}
.xiaz{vertical-align: top;margin-top: 15px;width: 21px;margin-right: 5px;}
.htit5{padding: 40px 0;font-size: 30px;color: #2093CA;text-align: center;}

.contentwrap {background:#f7f6f6}
.contentwrap .teb{width:1200px; margin:0 auto; display: flex;}
.contentwrap .teb .tebitem{width: 25%;height: 70px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #000000;cursor: pointer;border-top: 2px solid #e7e7e7;background: #f7f7f7;}
.contentwrap .teb .tebitem.active{border-top: 5px solid #e60013;background: #f7f7f7; font-size:16px; font-weight:700}
.contentwrap .tebbox{display:block; width:1200px; margin:0 auto;}
.contentwrap .tebbox .boxitem{padding: 16px;box-sizing: border-box;background: #fff;position: relative;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.contentwrap .tebbox .boxitem.sec{grid-column-start:3;grid-column-end:5;}
.contentwrap .tebbox .boxitem .title{font-size: 14px;color: #6c6c6c;position: relative;z-index: 2;text-align: center;padding-top: 10px;}
.contentwrap .tebbox .boxitem a>img{width: auto;vertical-align: top;}
.contentwrap .tebbox .boxitem .maskbox{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #e7e7e7;padding: 20px;box-sizing: border-box;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;z-index: 2;opacity: 0;transition: all .4s;}
.contentwrap .tebbox .boxitem:hover .maskbox{opacity: 1;}
.contentwrap .tebbox .boxitem .maskbox .title{font-size: 14px;color: #000;font-weight: 600;padding-top: 40px;}
.contentwrap .tebbox .boxitem .maskbox .detail{font-size: 14px;color: #000;margin: 20px 0;text-align: center;height: 63px;}
.contentwrap .tebbox .boxitem .maskbox img{width: 40px;height: 40px;vertical-align: top;border-radius: 50%;}
.contentwrap .tebbox.posite .boxitem .title1{position: absolute;left: 16px;top: 0;font-size: 14px;color: #6c6c6c;padding-top: 10px;}