@charset "UTF-8";
@font-face {
    font-family: "Economica-Regular";
    src: url("./webfonts/Economica-Regular-OTF.eot");
    src: url("./webfonts/Economica-Regular-OTF.eot?#iefix") format("embedded-opentype"), url("./webfonts/Economica-Regular-OTF.otf") format("opentype"), url("./webfonts/Economica-Regular-OTF.svg") format("svg"), url("./webfonts/Economica-Regular-OTF.ttf") format("truetype"), url("./webfonts/Economica-Regular-OTF.woff") format("woff"), url("./webfonts/Economica-Regular-OTF.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
.cl:after{content:"";display:block;clear:both;visibility:hidden;}
.clearfix:after{content:"";display:block;clear:both;visibility:hidden;}
.cl{zoom:1;}
.clearfix{zoom:1;}
.z {float: left}
.y {float: right;}
.clear {clear: both;}
.clear:after{content:"";display:block;clear:both;visibility:hidden;}
.container {max-width: 1500px;margin: 0 auto;}
.center {text-align: center}
#main * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/*分页*/
.am-pagination {padding-left: 0;margin: 1.5rem 0;list-style: none;color: #999999;text-align: left;}
.am-pagination {position: relative;}
.am-pagination-default {margin-left: 10px;margin-right: 10px;font-size: 16px; text-align: center}
.am-pagination:before, .am-pagination:after {content: " "; /* display: table; */}
.am-pagination > li {display: inline-block;}
.am-pagination > li > a, .am-pagination > li > span {position: relative;display: block;padding: 0.5em 1em;text-decoration: none;line-height: 1.2;background-color: #ffffff;border: 1px solid #dddddd;border-radius: 2px;margin-bottom: 5px;margin-right: 5px;}
.am-pagination > .am-active > a, .am-pagination > .am-active > span, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span:hover, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > span:focus {z-index: 0;color: #ffffff;background-color: #cf2820;border-color: #cf2820;cursor: default;}
.am-pagination .am-pagination-next {float: right;}
.am-pagination .am-pagination-next a {border-radius: 2px;}
.am-pagination > li:last-child > a, .am-pagination > li:last-child > span {margin-right: 0;}
.am-pagination-default .am-pagination-prev, .am-pagination-default .am-pagination-next {float: none;}

@font-face {  font-family: 'hy';  src: url('webfonts/hyhj.ttf');  font-weight: normal;  font-style: normal;  }


    /*右侧漂浮菜单*/
/*line:1766-1769 注释*/
.right_bar{  position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li0{ position: absolute; top:-51px; width:172px; }
.right_bar li.rtbar_li1{ top:0; width:172px; }
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; }
.right_bar li.rtbar_li4{ top:153px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#ff252f; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#e70012; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-52px; left:-188px; background:url(../images/rtbar_wxbd.png) no-repeat bottom right;/*  width:216px; height:216px;  */padding-bottom:9px; }
.rtbar_shwx img{ padding:14px; background-color:#FFF; width:160px; height:160px; }
/*右侧漂浮菜单 end*/




.ipro {background-color: #fff;max-height: 600px;overflow: hidden;box-shadow: 0px 13px 60px 0px rgba(1, 59, 94, 0.2);}
.ipro_l{float: left; width: 33.33%;background-color: #efefef;min-height: 600px;}
.ipro_r{float: left;width: 66.67%;}
.ipro_l .ipro_l_wrap{padding:0 80px;color: #8f8f8f;padding-top: 110px;padding-bottom: 110px;}
@media (max-width: 1300px) {
    .ipro_l .ipro_l_wrap{padding: 0 50px;padding-top: 80px;padding-bottom: 110px;}
}
.ipro_l_t{font-size: 40px;color: #000;font-weight: bold;}
.ipro_l_t:after{display: block;content:'';width: 74px;height: 3px;background-color: #E7141A;margin-top: 3px;margin-bottom: 30px;}
.ipro_l_p{color: #8f8f8f;line-height: 2;font-size: 15px;}
.ipro_links{margin-top: 60px;font-size: 18px;}
.ipro_links a{color: #8f8f8f;margin: 0 5px;font-weight: 700; white-space:nowrap;}
.ipro_links a:hover{color: #E7141A;}
.ipro_links a.cur{color: #E7141A;}

.ipro_r{background-color: #fff;}
.ipro_r ul li{float: left;width: 50%;border-bottom: 1px solid #ebebeb;text-align: center;position: relative;height: 300px;overflow: hidden;}
.ipro_r_t{font-size: 24px;color: #000;font-weight: bold;margin-bottom: 10px;}
.ipro_r_p{color: #8f8f8f;width: 60%;margin: 0 auto;}

.ipro_icon{display: inline-block;width: 128px;height: 115px;background: url(../images/ipro_icon.png) no-repeat;margin-top: 60px;margin-bottom: 20px;}
.ipro_icon1 {background-position: 8px -3px;}
.ipro_icon2{background-position: -132px -2px;}
.ipro_icon3 {background-position: -473px 0;width: 148px;}
.ipro_icon4 {background-position: -273px 0;width: 148px;}

.ipro_bg{position: absolute;left: 0;right: 0;top: 100%;bottom: 0;}
.ipro_bg img{width: 100%;height: 100%;}
.ipro_c{position: absolute;left: 0;right: 0;top: 100%;bottom: 0; color: #fff;padding-top: 20%;background-color: rgba(231,20,23,.4);}
.ipro_c_t{font-size: 24px;font-weight: bold;margin-bottom: 5px;color: #fff;}
.ipro_c_p{width: 54%;margin: 0 auto;margin-bottom: 20px;color: #fff;}
.ipro_c_a{width: 161px;height: 45px;line-height: 47px;margin: 0 auto;border: 1px solid #fff;background-color: transparent;}
.ipro_c_a:hover{background-color: #fff;}
.ipro_c_a a{display: block;color: #fff;}
.ipro_c_a:hover a{color: #13293d;}

.ipro_c>a{font-size: 16px;margin:0 5px;}
.ipro_c>a:hover{color: #fff;}
.ipro_c a b{font-weight: bold;font-style: italic;}
.ipro_c a b i{color: #E7141A;font-style: italic;}



.slide-content h3 {font-size: 60px;margin-bottom: 50px;line-height: 1.1;font-weight: 400;}
.slide-content p {font-size: 18.4px;font-weight: 300;line-height: 30px;}
#m3 .swiper-pagination-bullet {display: inline-block;width: 12px;height: 12px;border: 2px solid #a2a2a2;background: none;opacity: initial;margin: 0 5px;}
#m3 .swiper-pagination-bullet-active {width: 12px;height: 12px;border: 2px solid #a2a2a2;background: #a2a2a2;}

.index-section-title{text-align: center;padding: 80px 0;}
.index-section-title span{line-height: 25px;font-size: 60px;font-family: "SimHei";color: #fff;letter-spacing: 1px;}
.index-section-title span.en{margin-top: 35px;font-family: "Lato";text-transform: uppercase;}
.index-section-title span.en em{display: inline-block;margin: 0 20px;color: #ec1b23;}
.index-news .list .btn-switch{background: none;background-image: url(../images/icon.png);background-repeat: no-repeat;}
.index-news .list .btn-switch {position: absolute;top: 50%;width: 48px;height: 48px;margin-top: -24px;}
.index-news .list .btn-switch.next {right: -24px;background-color: #ec1b23;background-position: -186px -6px;}
.index-news .list .btn-switch.prev {left: -24px;background-color: #333;background-position: -126px -6px;}

.index-news .wrapper{background: url(../images/bg-index-news.jpg) no-repeat center center;position: relative;height: 750px;background-size: cover;}
.index-news .list{position: relative;width: 82%;margin: 0 auto;padding: 4.7vw 4.1vw;background: #fff;box-shadow: 1px 2px 10px rgba(100, 100, 100, .2), -1px 2px 10px rgba(100, 100, 100, .2);}
@media (max-width: 1399px) {
    .index-news .list{padding: 6.7vw 4.1vw;}
    .padding-large {padding: 0 65px;}
}
.index-news .list .box span{display: block;line-height: 30px;font-size: 30px;color: #333;}
.index-news .list .box h3 a{display: inline-block;line-height: 50px;max-width: 100%;overflow: hidden;font-size: 24px;color: #333;white-space: nowrap;text-overflow: ellipsis;}
.index-news .list .box span:hover, .index-news .list .box h3 a:hover{color: #ec1b23;}
.index-news .list .box p{display: -webkit-box;height: 72px;line-height: 24px;overflow: hidden;font-size: 14px;color: #999;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.index-news .list .box .more{display: block;width: 100px;line-height: 28px;margin-top: 50px;background: #333;border-radius: 14px;color: #fff;text-align: center;letter-spacing: .5px;text-transform: uppercase;}
.index-news .list .box .more:hover{background: #ec1b23;color: #fff;}
.index-news .list .btn-switch{position: absolute;top: 50%;width: 48px;height: 48px;margin-top: -24px;}
.index-news .list .btn-switch.prev{left: -24px;background-color: #ec1b23;background-position: -126px -6px;}
.index-news .list .btn-switch.next{right: -24px;background-color: #ec1b23;background-position: -186px -6px;}
.index-news .list .pagination{display: none;}
.index-news > .more{font-size: 14px;position: absolute;bottom: 30px;left: 50%;width: 100px;line-height: 28px;margin-left: -50px;background: #333;border-radius: 14px;color: #fff;text-align: center;letter-spacing: .5px;text-transform: uppercase;}
.index-news > .more:hover{background: #ec1b23;}

.ftcontact * {box-sizing: border-box;}
.ftcontact .wrapper {position: relative;}
.padding-large {max-width: 1500px;margin: 0 auto;}
.contact-form {width: 50%;padding: 100px 0;float: right;}
p.contactform-hl {color: #465156;font-size: 60px;margin: 0 0 40px;}
.contact-form-left {width: 50%;float: left;padding-right: 10px;}
.contact-form-right {width: 50%;float: right;padding-left: 10px;}
.contact-form-right p.more-link {margin-right: 20px;}
.wpcf7-form .contact-form-right p.more-link {margin-right: 20px;float: right}
a.more-link, p.more-link {display: inline-block;color: #fff;text-transform: uppercase;font-family: 'Economica-Regular', sans-serif;font-weight: 400;position: relative;font-size: 21.2px;}
/*a.more-link::before, p.more-link::before {content: url(../images/right.png);position: absolute;right: -54px;top: 50%;margin-top: -19px;height: 35px;width: 38px;color: #fff;font-size: 18px;line-height: 34px;text-align: center;border-radius: 50%;border: 2px solid #fff;padding-top: 3px;}*/
@media screen and (max-width: 1150px) { .contact-form {width: auto;} }
@media screen and (max-width: 680px) { .contact-form-left, .contact-form-right {width: auto;float: none;padding-right: 0;padding-left: 0;width: 100%;}  }
.wpcf7-form {width: 100%;}
.wpcf7 p {margin: 0 0 20px;}
input.wpcf7-text, .wpcf7 textarea {border: 1px solid #306fad;background: transparent;font-weight: 400;width: 100%;font-size: 20px;font-size: 2rem;}
input.wpcf7-text {height: 62px;padding: 0 15px;}
.wpcf7 textarea {height: 144px;padding: 10px 15px;}
.ftcontact .footer-contact-image {position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-image: url(../images/footer-contact-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: right center;opacity: 0.5;}
.contact-form-right input.wpcf7-submit {display: inline-block;text-transform: uppercase;font-family: 'Economica-Regular', sans-serif;font-weight: 700;position: relative;font-size: 2rem;border: 0;background: transparent;color: #ff252f;}
.ftcontact .more-link img {width: 36px;height: 36px;margin: -3px 0 0 8px;position: absolute;right: 0;}
#foot .left>p {font-size: 17px;color: #fff;line-height: 32px;}
#foot .left>ul{margin-bottom: 6px;}
.icontainer *, .icontainer *:before, .icontainer *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

button.wpcf7-form-control.wpcf7-submit.more-link {border: none;background: none;position: relative;width: 102px;text-align: left;font-size: 22px;}

.contact-form-right a.more-link::before, .contact-form-right p.more-link::before{
    content: none;
}
.tiane_about {
    background: #f5f5f5;
    position: relative;
    padding-top: 130px;
}
.tiane_title {
    background: #00a496;
    color: #ffffff;
    text-align: center;
    padding: 40px 0;
    font-size: 36px;
    letter-spacing: 5px;
    font-weight: bold;
}
.tiane_pro {
    padding: 70px 0;
    position: relative;
    z-index: 2;
}





.hvr-rectangle-out:before {content: "";position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;background: #2098d1;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
/*.hvr-rectangle-out.hover:before, .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {-webkit-transform: scale(1);transform: scale(1);}*/
.home-teaser {background: #465156;color: #fff;position: relative;width: 50%;float: left;}
.home-teaser a {display: block;color: #fff;}
.home-teaser a *{display: block;color: #fff;}
.home-teaser .teaser-content-wrapper {float: left;position: relative;width: 50%;min-height: 400px;}
.home-teaser .teaser-content-wrapper::after {left: 100%;top: 50px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-left-color: #465156;border-width: 36px;z-index: 2;}
.home-teaser .teaser-content-wrapper .teaser-content-inner {padding: 34px;}
.home-teaser .entry-header h3, .home-teaser .entry-header h2 {text-transform: uppercase;font-size: 44px;line-height: 1.1;margin: 30px 0;}
.home-teaser .entry-content-teaser {font-weight: 300;padding-bottom: 90px;}
.home-teaser .entry-content-teaser p {font-size: 17.6px;margin-bottom: 0;}
.home-teaser p.more-link {position: absolute;right: calc(34px + 44px);bottom: 50px;margin-bottom: 0;}
.home-teaser .teaser-image.image-home {width: 50%;background-position: center;background-size: cover;position: absolute;right: 0;height: 100%;top: 0;}
body.tax-jobcat .home-teaser .teaser-image.image-home {background-position: center top -50px;}
.home-teaser .teaser-image.image-home.hvr-rectangle-out:before {background: rgba(238, 28, 37, 0.5);}
@media screen and (max-width: 780px) {
    .home-teaser .entry-header h3 {font-size: 35.2px;}
    .home-teaser .entry-content-teaser p {font-size: 16px;}
}
.home-teaser:nth-of-type(4n+3), .home-teaser:nth-of-type(4n+4) {background: #ee1c25;}
.home-teaser:nth-of-type(4n+3) .teaser-content-wrapper, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper {float: right;}
.home-teaser:nth-of-type(4n+3) .teaser-content-wrapper::after, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after {left: inherit;right: 100%;border-color: rgba(136, 183, 213, 0);border-right-color: #fff;}
.idxjs_g .home-teaser:nth-of-type(4n+3) .teaser-content-wrapper::after,.idxjs_g .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after {left: inherit;right: 100%;border-color: rgba(136, 183, 213, 0);border-right-color: #ee1c25;}
.home-teaser:nth-of-type(4n+3) .teaser-image.image-home, .home-teaser:nth-of-type(4n+4) .teaser-image.image-home {left: 0;}
@media screen and (max-width: 1220px) {
    .home-teaser {width: 100%;}
    .home-teaser:nth-of-type(4n+3) {background: #465156;}
    .home-teaser:nth-of-type(4n+3) .teaser-content-wrapper {float: left;}
    .home-teaser:nth-of-type(4n+3) .teaser-content-wrapper::after {left: 100%;right: inherit;border-right-color: transparent;border-left-color: #465156;}
    .home-teaser:nth-of-type(4n+3) .teaser-image.image-home {left: inherit;right: 0;}
    .home-teaser:nth-of-type(even), .home-teaser:nth-of-type(4n+4) {background: #2979d8;}
    .home-teaser:nth-of-type(even) .teaser-content-wrapper, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper {float: right;}
    .home-teaser:nth-of-type(even) .teaser-content-wrapper::after, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after {left: inherit;right: 100%;border-color: rgba(136, 183, 213, 0);border-right-color: #2979d8;}
    .home-teaser:nth-of-type(even) .teaser-image.image-home, .home-teaser:nth-of-type(4n+4) .teaser-image.image-home {left: 0;}
}
@media screen and (max-width: 600px) {
    .home-teaser .teaser-content-wrapper, .home-teaser:nth-of-type(even) .teaser-content-wrapper, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper, .home-teaser:nth-of-type(4n+3) .teaser-content-wrapper {float: none;width: auto;min-height: 1px;}
    .home-teaser .teaser-content-wrapper::after, .home-teaser:nth-of-type(even) .teaser-content-wrapper::after, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after, .home-teaser:nth-of-type(4n+3) .teaser-content-wrapper::after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #465156;border-width: 34px;margin-left: -34px;}
    .home-teaser .teaser-image.image-home, .home-teaser:nth-of-type(even) .teaser-image.image-home, .home-teaser:nth-of-type(4n+4) .teaser-image.image-home, .home-teaser:nth-of-type(4n+3) .teaser-image.image-home {position: relative;width: 100%;height: 300px;}
    .home-teaser:nth-of-type(even) .teaser-content-wrapper::after {border-top-color: #2979d8;}
}
/* product-teaser */
.home-teaser.product-teaser {background: #f1f1f1;}
.home-teaser.product-teaser a.home-teaser-link {color: #465156;}
.home-teaser.product-teaser .teaser-content-wrapper::after {border-left-color: #f1f1f1;}
@media screen and (max-width: 600px) {
    .home-teaser.product-teaser .teaser-content-wrapper::after {border-left-color: transparent;border-top-color: #f1f1f1;}
}
@media screen and (max-width: 1220px) {
    .home-teaser.product-teaser:nth-of-type(even) .teaser-content-wrapper::after, .home-teaser.product-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after {border-left-color: transparent;border-right-color: #f1f1f1;}
}
/* technologie-teaser */
.home-teaser.technologie-teaser {background: #f1f1f1;}
.home-teaser.technologie-teaser a {color: #465156;}
.home-teaser.technologie-teaser .teaser-image {background-color: #fff;}
.home-teaser.technologie-teaser .teaser-content-wrapper::after {border-left-color: #f1f1f1;}
.home-teaser.technologie-teaser .more-link {color: #2979d8;}
.home-teaser.technologie-teaser .more-link::before {border-color: #2979d8;background: #2979d8;}
.home-teaser.technologie-teaser:nth-of-type(4n+3), .home-teaser.technologie-teaser:nth-of-type(4n+4) {background: #465156;}
.home-teaser.technologie-teaser:nth-of-type(4n+3) a, .home-teaser.technologie-teaser:nth-of-type(4n+4) a {color: #fff;}
.home-teaser.technologie-teaser:nth-of-type(4n+3) .teaser-content-wrapper::after, .home-teaser.technologie-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after {border-left-color: transparent;border-right-color: #465156;}
.home-teaser.technologie-teaser:nth-of-type(4n+3) .more-link, .home-teaser.technologie-teaser:nth-of-type(4n+4) .more-link {color: #fff;}
.home-teaser.technologie-teaser:nth-of-type(4n+3) .more-link::before, .home-teaser.technologie-teaser:nth-of-type(4n+4) .more-link::before {border-color: #fff;background: transparent;}
@media screen and (max-width: 1220px) {
    .home-teaser.technologie-teaser:nth-of-type(even), .home-teaser.technologie-teaser:nth-of-type(4n+4) {background: #465156;}
    .home-teaser.technologie-teaser:nth-of-type(even) a, .home-teaser.technologie-teaser:nth-of-type(4n+4) a {color: #fff;}
    .home-teaser.technologie-teaser:nth-of-type(even) .teaser-content-wrapper::after, .home-teaser.technologie-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after {border-left-color: transparent;border-right-color: #465156;}
    .home-teaser.technologie-teaser:nth-of-type(even) .more-link, .home-teaser.technologie-teaser:nth-of-type(4n+4) .more-link {color: #fff;}
    .home-teaser.technologie-teaser:nth-of-type(even) .more-link::before, .home-teaser.technologie-teaser:nth-of-type(4n+4) .more-link::before {background: transparent;border-color: #fff;}
    .home-teaser.technologie-teaser:nth-of-type(odd), .home-teaser.technologie-teaser:nth-of-type(4n+3) {background: #f1f1f1;}
    .home-teaser.technologie-teaser:nth-of-type(odd) a, .home-teaser.technologie-teaser:nth-of-type(4n+3) a {color: #465156;}
    .home-teaser.technologie-teaser:nth-of-type(odd) .teaser-content-wrapper::after, .home-teaser.technologie-teaser:nth-of-type(4n+3) .teaser-content-wrapper::after {border-left-color: #f1f1f1;border-right-color: transparent;}
    .home-teaser.technologie-teaser:nth-of-type(odd) .more-link, .home-teaser.technologie-teaser:nth-of-type(4n+3) .more-link {color: #2979d8;}
    .home-teaser.technologie-teaser:nth-of-type(odd) .more-link::before, .home-teaser.technologie-teaser:nth-of-type(4n+3) .more-link::before {border-color: #2979d8;color: #fff;background: #2979d8;}
}
@media screen and (max-width: 600px) {
    .home-teaser.technologie-teaser:nth-of-type(even) .teaser-content-wrapper::after, .home-teaser.technologie-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after {border-left-color: transparent;border-right-color: transparent;border-top-color: #465156;}
    .home-teaser.technologie-teaser:nth-of-type(odd) .teaser-content-wrapper::after, .home-teaser.technologie-teaser:nth-of-type(4n+3) .teaser-content-wrapper::after {border-left-color: transparent;border-right-color: transparent;border-top-color: #f1f1f1;}
}


.count-up {float: left;width: 25%;padding: 2.6041666667%;height: 680px;background-position: top center;background-repeat: no-repeat;background-size: cover;}
.count-up p {color: #fff;font-size: 20px;text-transform: uppercase;margin: 0;line-height: 1.5;}
.count-up p span {font-family: 'Economica-Regular', sans-serif;font-size: 108px;display: inline-block;position: relative;}
.count-up p span::before {position: absolute;right: -30px;top: 0;content: attr(data-title);}
@media screen and (max-width: 1510px) {
    .count-up {height: 580px;}
    .count-up p {font-size: 22.8px;}
    .count-up p span {font-size: 72px;}
}
@media screen and (max-width: 1250px) {
    .count-up {height: 420px;width: 50%;}
}
@media screen and (max-width: 660px) {
    .count-up {height: 380px;padding: 20px;}
    .count-up p {font-size: 21.2px;}
    .count-up p span {font-size: 58px;}
}
@media screen and (max-width: 520px) {
    .count-up {height: 300px;}
    .count-up p {font-size: 19.6px;}
}
@media screen and (max-width: 400px) {
    .count-up {height: 225px;width: 100%;}
    .count-up p {font-size: 19.6px;}
    .count-up p span {font-size: 64px;}
}

.info000 {
    font-size: 14px;
    line-height: 30px;
    color: #888;
    padding-right: 10px;
}
.pro-titles0 .pro-cn {
    font-size: 36px;
}
.pro-titles0 .pro-cn {
    font-size: 50px;
    color: #333;
    line-height: 56px;
}
.proInfo .info-items0 {
    position: relative;
    padding-bottom: 0;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 40px;
}

.proInfo .info-dl {
    padding-top: 10px;
    /*padding-left: 180px;*/
}

.proInfo h5 {
    margin: 0;
    font-size: 15px;
}
.por {
    position: relative;
}
.proInfo .info-imgs {
    position: relative;
    z-index: 2;
}
.proInfo .info-img {
    width: 286px;
    height: 286px;
    margin: 0 auto;
}
.proInfo .info-dr {
    width: 46%;
    height: 100%;
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.proInfo .info-title01 {
    padding-top: 30px;
    background: url(../images/png13.png) no-repeat left bottom 10px;
}

.proInfo .info-title0 {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 20px;
    color: #333;
    padding-left: 32px;
    padding-top: 64px;
}
.proInfo .info-items-wrap {
    padding-right: 10px;
    height: calc(100% - 100px);
}
.proInfo .info-items0 {
    position: relative;
    padding-bottom: 0;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 40px;
}
.proInfo .info-title02 {
    background: url(../images/png20.png) no-repeat left bottom 6px;
}
.proInfo .info-title0 {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 20px;
    color: #333;
    padding-left: 32px;
    padding-top: 64px;
}
.para-txts000 {
    font-size: 14px;
    line-height: 28px;
    color: #666;
}
.main-content {
    min-height: 200px;
    overflow: hidden;
    zoom: 1;
    vertical-align: top;
}

.main-aside {
    width: 300px;
    float: left;
    padding-right: 50px;
}
.nav-aside {
    padding-left: 0;
    list-style: none;
}
.nav-aside > li {
    background-color: #f0f0f0;
    border-top: 1px solid #c8c8c8;
}
.nav-aside > li > a {
    padding: 10px 15px;
    display: block;
    -webkit-transition: padding 0.5s;
    transition: padding 0.5s;
    font-size: 15px;
}
.nav-aside > li > a:before {
    font-family: "style";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1.4em;
    font-size: 17px;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '>';
}
.nav-aside > li.active {
    background-color: #e72e25;
    border-top: 1px solid #e72e25;
}
.nav-aside > li.active > a {
    color: #fff;
}
.nav-aside > li.active > a:before {
    color: #fff;
}
.main-aside .widget-search {
    padding: 10px 15px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    position: relative;
    margin-top: 15px;
}
.main-aside .widget-search input {
    border: 0;
    background-color: transparent;
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main-aside .nav-aside .btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    position: relative;
    border: 1px solid transparent;
    padding: 0.375rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    text-decoration: none;
}
.main-aside .widget-search .btn {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    text-align: center;
    width: 50px;
    color: #fff;
    font-size: 18px;
    border-radius: 0 4px 4px 0;
    font-weight: normal;
    border: 0;
    background: #c6c6c6;
    background: -moz-linear-gradient(top, #c6c6c6 0%, #a8a8a8 100%);
    background: -webkit-linear-gradient(top, #c6c6c6 0%, #a8a8a8 100%);
    background: linear-gradient(to bottom, #c6c6c6 0%, #a8a8a8 100%);
}
.icon-search-1:before {
    content: '';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: url(../images/search.png) center 3px no-repeat;
    width: 18px;
    height: 21px;
}






hr {
    border: 0;
    border-bottom: 1px solid #d6d6d6;
}
.main-content > .header {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 30px;
    position: relative;
}
.main-content > .header h2 {
    margin: 0;
    padding: 0 70px 15px 0;
    font-size: 20px;
}
.ov-x {
    display: block;
    width: 100%;
    min-height: 0.01%;
    overflow-x: auto;
}
.tab-product .nav-tabs {
    margin: 0;
    min-width: 300px;
}
.list-inline {
    padding-left: 0;
    list-style: none;
    letter-spacing: -3px;
}
.list-inline li {
    display: inline-block;
    letter-spacing: 0;
}
.tab-product .nav-tabs li {
    display: inline-block;
    margin: 0 5px 0 0;
}
.tab-product .nav-tabs li a {
    border-radius: 5px 5px 0 0;
    text-decoration: none;
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px 25px;
    transition: background 0.35s ease-out;
}
.tab-product .nav-tabs li:nth-child(1) a {
    background-color: #919090;
}
#productCatalog .list .list-item {
    text-align: center;
    width: 25%;
    padding: 10px 5px 10px 5px;
    margin: 0;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#productCatalog .list .list-item .inner {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #c8c8c8;
    padding: 16px 15px 20px 16px;
    width: 100%;
    box-sizing: border-box;
}
#productCatalog .list .list-item .pic {
    width: 100%;
    /* max-height: 212px; */
    overflow: hidden;
}

#productCatalog .list .list-item .pic img {
    width: 100%;
    height: auto;
}
#productCatalog .list .list-item .title {
    height: 40px;
    margin: 0 0 9px 0;
    padding: 10px 0;
    overflow: hidden;
    display: block;
    line-height: 30px;
    font-size: 15px;
}
#productCatalog .list .list-item .download {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    background-color: #a6a6a6;
    color: #fff;
    font-style: normal;
    font-size: 15px;
}
.icon-download:before {
    content: '';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 0.5em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: url(../images/down.png) center 4px no-repeat;
    width: 16px;
    height: 18px;
}
#productManual h3 {
    font-size: 18px;
}
#productManual .list {
    border-radius: 3px;
    border: 1px solid #c8c8c8;
    margin-bottom: 30px;
    background: #fafafa;
}
#productManual .tagWrapper {
    padding: 20px;
}
#productManual .tag {
    display: inline-block;
    border: 1px solid #c8c8c8;
    background: #d7d7d7;
    color: #000;
    padding: 3px 11px;
    border-radius: 3px;
    margin: 5px;
    text-decoration: none;
    transition: color 0.3s, border 0.3s,background 0.3s ease-out;
}
#productManual .introBox {
    background: #f0f0f0;
    padding: 10px 20px;
    margin-top: 20px;
}
#productManual .families {
    font-size: 1rem;
    color: #323232;
    margin: 0;
}
#productManual .intro {
    font-size: 0.938rem;
    color: #777777;
    margin: 0;
}







.searchs .ej{background-image: url(../images/abanner7.jpg);width: 100%;background-position: center center;float: none;height: 300px;}
.search{width: 800px;margin:0px auto;}
.search_body {margin-bottom: 50px;}
.search form{font-size: 0;border: 1px solid lightgray;box-sizing: border-box;margin: 65px 0;}
.search form select{outline:none;border:none;display: inline-block;width: 140px;height: 47px;color: #2e4ba3;text-align: center;box-sizing: border-box;padding-left:50px;background: #f2f4f8;}
.search form input {display: inline-block;border: none;height: 47px;box-sizing: border-box;font-size: 13px;}
.search form input[type=text]{width: 548px;padding-left: 30px;}
.search form input[type=submit]{width: 249px;font-size: 18px;color: white;background: url(../images/sousou.png) no-repeat center center #e13e0c; background-position-x: 59px;cursor: pointer;}
.search input, .search button {vertical-align: middle;}

.hyzxbox ul {width: 800px;margin: 0 auto;}
.hyzxbox li{ border-bottom: 1px solid #eee;padding: 18px 0; cursor: pointer;}
.hyzxpic{float: left;width: 240px;height: 145px; overflow: hidden;}
.hyzxpic a{display: inline-block;width: 100%; height: 100%;}
.hyzxpic img {width: 240px;height: 145px;object-fit: cover;}
.hyzxpicr{float: right;width: 520px;}
.hyzxpicr h2{position: relative;color: #000; font-size: 16px; line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hyzxpicr h2:after{content: '';width: 0; height: 1px; position: absolute;display: inline-block;left: 0; bottom:0; background: #e13e0c; transition: all 0.2s;}
.hyzxpicr p{color: #999; font-size: 14px; line-height: 24px;height: 72px;overflow: hidden;margin:7px 0 9px}
.hyzxbox li:hover .misaicon6{ margin-right: 0;  }
.hyzxbox li:hover .misaicon6 b{ opacity: 1;color: #e13e0c!important;}
.hyzxbox li:hover .misaicon6 i{  color:#e13e0c !important;}
.hyzxbox li:hover .hyzxpicr h2 a,.hyzxbox li:hover .hyzxpicr h2{color: #e13e0c !important;}
.hyzxbox li:hover .hyzxpicr h2:after{width: 100%;}











.count-up h2 {
    font-size: 30px;
    color: #fff;
}







