@font-face {
    font-family: 'porterbold';
    src: url('fonts/porter_bold-webfont.woff2') format('woff2'),
         url('fonts/porter_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    /*unicode-range: 'U+0030-0039';*/
    unicode-range: 'U+30-39';
}
@font-face {
    font-family: 'porterbold_demo';
    src: url('fonts_demo/porter_bold-webfont.woff2') format('woff2'),
         url('fonts_demo/porter_bold-webfont.woff') format('woff'),
         url('fonts_demo/porter_bold-webfont.ttf') format('truetype'),
         url('fonts_demo/porter_bold-webfont.svg#porterbold_demo') format('svg');
    font-weight: normal;
    font-style: normal;
}
* { margin: 0; border: 0; padding: 0; }
ol, ul{padding: 0px;}
body {/*font-family: "微软雅黑", Microsoft YaHei;font-size: 12px; */}
.page-text p{
    text-align: justify;
}
a { color: inherit; outline: none; text-decoration: none; transition: 0.3s linear 0s; }
a:focus, a:hover{
   text-decoration: none;
}
ul, li { list-style-type: none; }
.dis { display: inline-block; }
.dis-t { display: inline-block; vertical-align: top; }
.dis-m, .menu-left li { display: inline-block; vertical-align: middle; }
.div-b { display: inline-block; vertical-align: bottom; }
.img { display: block; width: 100%; }
.float-l { float: left; }
.float-r { float: right; }
input, textarea, select { outline: none; }
.language li:first-child, .news-contect li:first-child, .contact-imformation ul:first-child, .menu-hover li:nth-child(1), .menu-left li:first-child, .case-list li:first-child { margin-left: 0 !important; }
.mob-menu { display: none; }
.show { background: #132866; line-height: normal; transition: 0.3s ease 0.3s; }
.show ul {margin: 0 auto; width: 75%; line-height: normal; padding-bottom: 3.5vw; text-align: left; }
.MenuList_d1-nav-list li>div ul li { display: none; margin-top: 2.78vw; text-align: center; width: 31.9%; }
.show ul li a { padding: 0 !important; }
.section {margin-bottom:0px; overflow: hidden; }
.MenuList_d1-nav-list li>div:before { display: block; background: #ff121e; height: 4px; content: ''; margin: 0 auto; width: 0; transition: 0.3s linear 0s; }
#PhotoList_i1 a { line-height: normal !important; display: block; height: 100% !important; }
.show:before { width: 11.8% !important; transition: 0.3s linear 0s; }
.video { display: none; background: #000; height: 100%; width: 100%; z-index: -1; position: fixed; top: 0; opacity: 0; transition: 0.5s linear 0s; }
.video-c { display: block; opacity: 1; z-index: 101; }
.video video { width: 100%; }
.mob-video1 video { display: inline-block; vertical-align: middle; }
.mob-video1:before { margin-left: -5px; vertical-align: middle; content: ''; display: inline-block; height: 100%; }
.MenuList_d1-nav-list>li>div { height: 0; transition: 0.3s linear 0s; }
/*9.15修改*/
.contact.bg5 .contact-box img { display: none; }
.QC img { width: 100%; }
.video-box .vdobx:first-child { margin-left: 0; }
.vdobx iframe { width: 100%; height: 300px; }
.vdobx h3 { margin-top: 10px; text-align: center; font-size: 16px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.video-box .vdobx { margin-left: 5%; float: left; width: 30%; }
.a13 { right: 14.5%; top: 79.2%; }
.a12 { top: 45%; right: 0; }
.a11 { top: 33.7%; right: 0; }
.a10 { top: 22.5%; right: 4.5%; }
.a9 { right: 8.7%; top: 11.2%; }
.a8 { right: 14.5%; top: 0%; }
.a7 { top: 9.5%; right: 9%; }
.a6 { left: 14.5%; top: 79%; }
.a5 { left: 0; top: 45%; }
.a4 { top: 33.8%; left: 0; }
.a3 { top: 22.5%; left: 4.5%; }
.a2 { left: 8.8%; top: 11.2%; }
.a1 { top: 0%; left: 14.5%; }
.a { z-index: 1; position: absolute; width: 24.5%; display: block; height: 9%; background: #fff; filter: Alpha(opacity=0); opacity: 0; }
.a-box { width: 100%; position: absolute; height: 100%; top: 0; z-index: 1; left: 0; }
.rid18 { position: relative; z-index: 1; }
.rid18-TB { display: none; border-radius: 10px; padding: 20px; overflow: hidden; height: auto; z-index: 99999; width: 1000px; top: 50%; left: 50%; background: #fff; position: fixed; margin-left: -500px; height: 400px; margin-top: -200px; }
.rid18-TB.on1 { }
.rid18-text { height: 400px; overflow: auto; }
.tb-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/pro-bg.png) repeat left top; background: rgba(0,0,0,0.5); z-index: 9999; }
.rid18-text::-webkit-scrollbar {
width: 5px;
}
.rid18-text::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #ddd;
}
.rid18-text h3 { font-size: 20px; border-bottom: 1px solid; color: #ff121e; padding-bottom: 10px; margin-bottom: 10px; }
/*背景*/
/*.page-home .bg3, .page-id-101 .bg3 { background: url(../images/index3.jpg) no-repeat 50%; background-size: cover; height: 100%; }
.page-home .bg4, .page-id-101 .bg4 { background: url(../images/index4.jpg) no-repeat 50%; background-size: cover; }
.page-home .bg5, .page-id-101 .bg5 { background: url(../images/index5.jpg) no-repeat top center; background-size: cover; }
.page-home .bg7, .page-id-101 .bg7 { background: url(../images/v1-bg.jpg) no-repeat 50%; background-size: cover; }

.page-about-us .bg3, .page-id-126 .bg3 { background: url(../images/about-banner.jpg) no-repeat 50%; background-size: cover; height: 100%; }
.page-about-us .bg3, .page-id-126 .bg4 { background: url(../images/about-banner.jpg) no-repeat 50%; background-size: cover; }
.page-about-us .bg3, .page-id-126 .bg5 { background: url(../images/about-banner.jpg) no-repeat top center; background-size: cover; }
.page-about-us .bg3, .page-id-126 .bg7 { background: url(../images/about-banner.jpg) no-repeat 50%; background-size: cover; }*/
/*首页大框*/
.line { position: fixed; border: 0px solid #ff121e; z-index: 9999; box-sizing: border-box; }
.w-line { width: 97%; }
.h-line { height: 94%; }
.line1 { top: 3%; /*width:0;*/ left: 1.5%; }
.line2 { left: 1.5%; top: 3%; /*height:0;*/ }
.line3 { bottom: 3%; right: 1.5%; /*width:0;*/ }
.line4 { right: 1.5%; bottom: 3%; /*height:0;*/ }
/*.section.active .line1, .section.active .line3 {
    transition: 0.6s linear 0s;
    width: 97%;
}
.section.active .line2, .section.active .line4 {
    transition: 0.8s linear 0s;
	height: 94%;
}*/

/*一屏*/
.banner-text { top: 30%; left: 16.6%; /*padding-left:30px;
	border-left:0px solid transparent;*/ z-index: 1; position: absolute; color: #fff; }
.banner-text strong { opacity: 0; display: block; transform: translateX(-50%); margin-bottom: 14px; transition: 0.5s ease 0s; }
.slide img, .pc-banner, .mob-banner { height: 100%; }
.bd, .bd>div, .bd ul, .bd li { height: 100%; }
.banner-box/*,.banner-box .bd, .banner-box .bd>div, .banner-box .bd ul, .banner-box .bd li */ { height: 100%; }
/*二屏*/
.index-product ul { width: 100%; height: 100%; }
.index-product ul li { overflow: hidden; position: relative; height: 100%; width: 25%; float: left; }
.product-detail { width: 100%; height: 100%; background: url(../images/pro-bg.png) repeat top left; background: rgba(0,0,0,0.7); position: relative; top: 0; opacity: 1; transition: top 0s, opacity 0.3s linear 0s; }
.product-title { width: 100%; text-align: center; top: 40%; position: absolute; transition: 0.3s ease-out 0s; }
.product-title .title_red { font-size: 38px; margin-bottom: 4%; height: auto; color: #ff121e; margin-bottom: 1vw; }
.product-title p { font-size: 26px; color: #fff; text-transform: uppercase; height: 4.5vw }
.index-product { height: 100%; width: 100%; }
.product-title .button {text-decoration: none; /*font-family: "宋体", SimSun; font-size: 16px;*/ display: inline-block; width: 50%; line-height: 36px; border: 1px solid #ddd; border-radius: 18px; color: #fff; transition: margin-top 0.5s ease-out 0s, display 0s ease-out 0s; }
.product-title .button{/*font-family: "porterbold", SimSun;*/ font-size: 16px;}
.product-title .box-button{margin-top: 15%;}
div.product-box .product-title .box-button{
    margin-top: 17.3%;
}
.product-title .box-button .button{    
    margin: 0 auto 10px auto;
    display:block;
    line-height: normal;
    padding: 9px 5px;
}
.index-product ul li:nth-child(2n+1):hover .product-detail { top: 100%; opacity: 0; transition: 0.5s linear 0s; }
.index-product ul li:nth-child(2n+1):hover .product-title { opacity: 0; transition: 0.5s linear 0s; }
.index-product ul li:nth-child(2n+2):hover .product-detail { top: -100%; opacity: 0; transition: top 0.5s ease-out 0s, opacity 0.3s ease-out 0.3s; }
.index-product ul li:nth-child(2n+2):hover .product-title { opacity: 0; transition: 0.5s ease-out 0s; }
.index-product ul li:hover .product-box { transition: 0.5s linear 0.3s; transform: scale(1.05); }
.index-product ul li .product-box { transition: 0.5s linear 0s; display: block; height: 100%; width: 100%; }
.index-product ul li:hover div.product-box .product-title{opacity: 1;}
.index-product ul li:hover div.product-box .product-title .button{
    
}
.index-product ul li div.product-box .product-title .button:hover{
    border: 1px solid #fff;  
    background-color: #ff1923;
}
/*三屏*/
.about-box { position: relative; height: 100%; text-align: right; width: 89.3%; }
.about-text { top: 22%; transform: scale(0.5); opacity: 0; position: absolute; right: -100%; top: 11.2vw; text-align: left; display: inline-block; width: 40%; transition: 0.3s ease-out 0s; }
.about-title p:first-child, .news, .contact-title {/*首页标题*/ font-weight: bold; color: #ff121e; font-size: 56px; }
.section .about-title .last-p { font-size: 38px; margin-top: 10px; margin-bottom: 35px; margin-top: 0.5vw; margin-bottom: 2vw; color: #fff; }
.section .about-title .last-p span { /*font-family: "宋体", SimSun;*/ }
.section .about-title .last-p span { /*font-family: "porterbold", SimSun;*/ }
.about-contect>p { /*font-family: "宋体", SimSun; font-size: 14px; font-size: 0.73vw;*/ max-height: 80px; overflow: hidden; line-height: 2; width: 84%; line-height: 1.5vw; color: #fff;}
.about-contect>p { /*font-family: "porterbold", SimSun;*/ font-size: 14px;}
.about-contect a, .news-box1>a, .news-box .main-products .news-readmore a{/*font-family: "宋体", SimSun; font-size: 14px; font-size: 0.83vw;*/ line-height: 3;  display: inline-block; min-width: 130px; line-height: 1.9vw; border: 1px solid #ddd; border-radius: 18px; color: #fff; text-align: center; position: relative; box-sizing: border-box; transition: margin-top 0.5s ease-out 0s, display 0s ease-out 0s;}
.about-contect a, .news-box1>a, .news-box .main-products .news-readmore a{/*font-family: "porterbold", SimSun;*/ font-size: 14px;}
.about-contect a:hover, .news-box1>a:hover, .news-box .main-products .news-readmore a:hover, .news-box .main-products .news-readmore a.bnt_view:hover{
    border: 1px solid #fff;
    background-color: #ff1923;
}
.news-box1>a { width: 7.7%; margin-top: 2.6%; margin-top: 2.6vw; }
.about-contect a { margin: 7% 0; width: 21.7%; margin: 2.6vw 0; }
.about-icon li { opacity: 0; transform: scale(0) rotate(0deg); transition: 0.5s ease-out 0s; text-align: center; width: 20%; float: left; }
.about-icon li img { margin: 0 auto 20px; transition: 0.5s ease 0s; width: 70%; max-width: 100%; margin: 0 auto 1vw; display: block; }
.about-icon li p { color: #ff121e; font-size: 14px;}
/*四屏*/
.news-box { position: relative; height: 100%; text-align: center; width: 100%; }
.news-box1 { top: 10%; top: 5vw; width: 100%; position: absolute; }
.news-box .news-box1{background-color: transparent;}
.news-contect li { position: relative; margin-left: 4%; margin-left: 4vw; display: inline-block; width: 18%; }
.news-contect { margin: 2.6% 0 0; margin: 2.6vw 0 0; width: 100%; }
.news-text { text-align: left; }
.news-title { border-bottom: 1px dashed #ff121e; padding: 25px 0 20px; padding: 1.3vw 0 1vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #ff121e; font-size: 20px; font-size: 1vw; font-weight: bold; }
.main-products .news-title{border-bottom: 1px dashed #fff;}
.main-products .item_row a, .main-products .item_row a:hover{ color: #fff;}
.news-detail { max-height: 44px; margin-bottom: 15px; margin-top: 20px; font-size: 14px; line-height: 1.5; margin-bottom: 0.8vw; margin-top: 1vw; color: #fff; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-date { font-size: 12px; color: #fff; }
/*五屏*/
.contact { position: relative; width: 100%; height: 100%; }
.section .contact-title-box .last-p { margin-top: 1.8%; font-size: 32px; margin-top: 1.8vw; color: #fff; }
.contact-imformation { margin-top: 1.5%; margin-top: 1.5vw; font-size: 14px; color: #fff; line-height: 24px; }
.contact-imformation ul { margin-left: 3.2vw; float: left; }
.contact-box { opacity: 0; top: 28.5%; width: 88.55%; position: absolute; display: inline-block; /*left: 11.45%;*/ left: -50%; transition: 0.5s ease 0s; }
.section.active .contact-box { opacity: 1; left: 11.45%; transition: 0.8s ease 0s; }
/*页脚*/
.footer-box { vertical-align: top; text-align: center; width: 100%; display: inline-block; background: #ededed; }
.footer { text-align: left; display: inline-block; margin: 1.6% auto 4.4%; width: 92.2%; }
.pos { background: #ededed; width: 100%; transition: 0.5s ease 0s; position: absolute; position: fixed; opacity: 0.5; height: 30.1%;}
#sessionfooter.selected, div.active #sessionfooter{ opacity: 1; bottom: 0; transition: 0.7s ease 0.3s; }
.footer-menu, .bq-box, .erweima, .footer-menu>li { float: left; }
.footer-menu>li p, .footer-menu>li > a {color: #ff121e; font-size: 16px; }
.footer-menu>li p{margin-bottom: 16%; margin-bottom: 1.3vw;}
.footer-menu>li > ul{ margin-top: 30px;}
.footer-menu { width: 56.5%; }
.footer-menu>li { width: 16.6666667%; }
.footer-menu>li ul li a { line-height: 24px; font-size: 14px; color: #161616; width: 100%; }
.friend-link a { width: 160px; background: #ff121e; line-height: 28px; font-size: 14px; text-align: center; display: inline-block; color: #fff; }
.sanjiao { margin-left: 10px; border-style: solid; border-color: #fff transparent transparent; border-width: 4px 4px 0; vertical-align: middle; display: inline-block; }
.friend-link { margin-bottom: 15%; display: inline-block; position: relative; margin-bottom: 4.2vw; }
.bq { line-height: 28px; font-size: 14px; color: #555; }
.bq-box { width: 27%; margin-left: 3.4%; width: 25vw; margin-left: 3.4vw; }
.friend-link:hover .friend-box { z-index: 1; transition: 0.3s linear 0s; display: block; }
.friend-link .friend-box { height: 210px; transition: 0.3s linear 0s; display: none; position: absolute; z-index: -1; overflow: auto; width: 100%; top: -210px; }
.erweima img { max-width: 100% !important; margin-right: 0 !important; display: block; }
.erweima { width: 8%; color: #161616; text-align: center; width: 7.2vw; font-size: 14px; line-height: 28px; }
.friend-box a { color: #f7f7f7; background: #ff121e; transition: 0.3s linear 0s; }
.friend-link ul a { padding: 8px 5px; line-height: normal; display: block; width: auto; }
.friend-box a:hover { background: #ff121e; color: #fff; transition: 0.3s linear 0s; }
/*整站效果*/
/*首页banner效果*/
.slide.active img { animation: banner-ant 4.8s linear 0s; }
@keyframes banner-ant { 
    0% {
        transform:scale(1.1);
    }
    100% {
        transform:scale(1);
    }
}
.banner-text p { opacity: 0; transform: translateX(-30%); font-weight: bold; line-height: 1.5vw; text-transform: uppercase; transition: 0.5s ease 0s; }
.slide.active .banner-text p { transform: translateX(0); opacity: 1; transition: 0.7s ease 0.9s; }
.slide.active .banner-text strong { transform: translateX(0); opacity: 1; transition: 1s ease 0.2s; }
.banner-text.banner-text2 { top: 33.7%; left: 22.1%; }
.banner-text.banner-text2 strong { margin-bottom: 10px; }
.banner-text.banner-text2 p:nth-child(2) { margin-bottom: 2.1vw; font-weight: bold; }
.banner-text.banner-text2 p { line-height: 1.4vw; font-weight: normal; }
/*切换效果*/
.section.active>.fp-tableCell, .section.active>.fp-tableCell1 { transform: scale(1); transition: 0.5s ease 0s; }
.section>.fp-tableCell, .section>.fp-tableCell1 { transition: 0.5s ease 0s; transform: scale(0.8); }
.fp-tableCell1 { width: 100%; height: 100%; }
/*---*/
.about-contect a:hover, .news-box1>a:hover {/*transition: 0.5s linear 0s !important; color: #ff121e; border-color: #ff121e;*/}
.about-icon li:hover img { transform: rotateY(360deg); transition: 0.5s ease 0s; }
.news-img { max-height: 320px; transition: 0.5s linear 0s; width: 100%; display: block; overflow: hidden; }
.news-contect li:hover img { transition: 0.8s linear 0s; transform: scale(1.1); }
.news-contect li img { transition: 0.5s linear 0s; transform: scale(1); }
.news-contect li a { display: block; }
.index-product ul li:nth-child(2n+1) { transition: 0.3s ease-out 0s; transform: translateY(100%); opacity: 0; }
.index-product ul li:nth-child(2n+2) { transition: 0.3s ease-out 0s; transform: translateY(-100%); opacity: 0; }
.section.active .index-product ul li { opacity: 1; transition: 0.8s cubic-bezier(0.4, -0.2, 0.55, 1.26) 0s; transform: translateY(0); }
.section.active .about-text { transform: scale(1); right: 0; opacity: 1; transition: 1.1s ease 0.3s, opacity 0.3s linear 0.3s; }
.section.active .about-icon li { opacity: 1; transform: scale(1) rotateY(360deg); transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 1.4s; }
.section.active .about-icon li:nth-child(2) { transition-delay: 1.7s; }
.section.active .about-icon li:nth-child(3) { transition-delay: 2s; }
.section.active .about-icon li:nth-child(4) { transition-delay: 2.3s; }
.section.active .about-icon li:nth-child(5) { transition-delay: 2.6s; }
.section.active .news, .section.active .news-contect, .section.active .news-box1>a { transform: translateY(0) scale(1); opacity: 1; transition: 0.6s ease 0.3s; }
.section.active .news, .section.active .news-box1>a { transform: translateY(0) scale(1); opacity: 1; transition: 0.5s ease-out 0.3s; }
.news, .news-contect, .news-box1>a { transform: translateY(-300px) scale(1); opacity: 0; transition: 0.3s ease 0s; }
.news-contect { transform: translateY(300px) scale(0); }
.news-box1>a { transform: translateY(300px) scale(1); }
.bq a:hover, .footer-menu>li ul li a:hover { color: #ff121e; }
/*page*/
.page-menu { background: #f7f7f7; width: 100%; border-bottom: 1px solid #eee; }
.page-menu-box { overflow: hidden; position: relative; }
.page-menu-box, .page-contect { overflow: hidden; position: relative; width: 100%; max-width: 1200px; margin: 0 auto; }
.page-contect { margin: 50px auto 115px; }
.menu-left li a { font-size: 16px; line-height: 76px; display: block; color: #333; }
.on-page { color: #ff121e !important; font-weight: bold; }
.menu-left li a:hover, .menu-left li.on-page a:hover, .menu-left li.on-page a{ color: #ff121e; }
.menu-left li { margin-left: 5%; }
.PosList_a1 { right: 0; top: 0; position: absolute; line-height: 80px; }
.PosList_a1 img, .PosList_a1 span, .PosList_a1 a, .PosList_a1 i, .PosList_a1 b { font-weight: normal; font-style: normal; font-size: 14px; vertical-align: middle; color: #999; }
.PosList_a1 img { width: 16px; margin-right: 10px; }
.PosList_a1 span { /*display: none;*/ }
.PosList_a1 a:hover { color: #ff121e; }
.menu-left li a:hover:after, .on-page:after , .on-page a:after { background: #ff121e !important; width: 100% !important; transition: 0.3s linear 0s; }
.menu-left li a:after { margin: 0 auto; display: block; background: transparent; content: ''; width: 0%; height: 4px; transition: 0.3s linear 0s; }
.page-menu-box ul { display: flex; width: 100%; white-space: nowrap; }
.logo img { max-width: 256px; }
.page-title { margin-bottom: 55px; text-transform: uppercase; text-align: center; color: #333; }
.page-title p { font-size: 32px; }
.page-title p:first-child { font-size: 36px; letter-spacing: 4px; display: none; }
.page-title span { background: #ff121e; width: 30px; vertical-align: middle; display: inline-block; height: 3px; }
.page-title div:before, .page-title div:after { width: 60px; vertical-align: middle; content: ''; display: inline-block; height: 1px; background: #ddd; }
.page-title div { margin-top: 20px; }
.page-text { color: #666; line-height: 36px; font-size: 16px; }
.page-text>img { margin: 55px auto; }
/*page*/
.banner { width: 100%; position: relative; }
.menu-pos.page-pos { top: 4.7%; position: absolute; }
/*荣誉*/
.honour li { margin-bottom: 35px; vertical-align: top; margin-left: 1%; line-height: normal; font-size: 14px; display: inline-block; width: 23.3%; text-align: center; }
.honour-img { height: 270px; overflow: hidden; width: 100%; max-height: 350px; height: 30vw; min-height: 150px; border: 1px solid #e5e5e5; padding: 10px 0; }
.honour-img img { width: auto; height: auto; max-height: 98% !important; vertical-align: middle; max-width: 98% !important; display: inline-block; margin: 0 auto; transition: 0.8s linear 0s; }
.honour li:hover .honour-img img { transform: scale(1.1); transition: 0.8s ease 0s; }
.honour-img:before { vertical-align: middle; display: inline-block; height: 100%; content: ''; transition: 0.5s linear 0s; }
.honour li p { line-height: normal; margin-top: 15px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }
/*.equipment*/
.page-add { margin-bottom: 30px; }
.equipment .honour-img { height: 300px; background: #f9f9f9; /*vertical-align: middle;
    display: table-cell;*/ min-height: auto; overflow: hidden; position: relative; border: none; padding: 0; /* height: auto; */ width: 100%; height: 35vw; max-height: 300px; }
.equipment li { width: 31.5%; margin-left: 2%; }
.honour.equipment li:nth-child(4n+1) { margin-left: 2%; }
.honour.equipment li:nth-child(3n+1), .honour li:nth-child(4n+1) { margin-left: 0; }
.equipment li:hover .honour-img img { transform: scale(1.1); transition: 0.8s linear 0.2s; }
.equipment .honour-img:after { text-align: center; line-height: normal; margin-top: -48.5px; overflow: hidden; padding: 10px 0 90px; width: 100%; font-size: 20px; color: #fff; content: attr(title); background: url(../images/equipment-img.png) no-repeat bottom center; position: absolute; top: -50%; left: 0; white-space: nowrap; text-overflow: ellipsis; z-index: -1; opacity: 0; transition: 0.5s linear 0s; }
.equipment li:hover .honour-img:after { top: 50%; opacity: 1; z-index: 3; transition: top 0.5s ease 0.2s, opacity 0.3s linear 0.3s; }
.equipment li:hover .honour-img:before { top: 0; opacity: 1; z-index: 2; transition: 0.8s ease 0s; }
.equipment .honour-img:before { opacity: 0; top: 100%; background: url(../images/pro-bg.png) repeat top left; background: rgba(0,0,0,0.6); vertical-align: middle; display: block; height: 100%; content: ''; width: 100%; position: absolute; z-index: -1; transition: 0.5s linear 0s; }
/*news*/
.new li { margin-bottom: 35px; margin-left: 1.6%; padding: 20px 0 40px; width: 31.5%; display: inline-block; max-width: 382px; border: 1px solid #eee; transition: 0.3s linear 0s; }
.new li:hover { transition: 0.3s linear 0s; background: #ff121e; border: 1px solid #ff121e; }
.new li:hover .news-title, .new li:hover .news-detail, .new li:hover .news-date { color: #fff; transition: 0.3s linear 0s; }
.new li:hover .news-title { border-bottom: 1px dashed #fff; }
.new .news-img, .new-text { margin: 0 auto; width: 90.3%; }
.new-text .news-title { transition: 0.3s linear 0s; line-height: normal; padding: 20px 0 15px; font-size: 20px; }
.new-text .news-detail { max-height: none; height: 56px; transition: 0.3s linear 0s; margin: 20px 0 15px; font-size: 14px; color: #666; line-height: 28px; }
.new-text .news-date { transition: 0.3s linear 0s; color: #ccc; line-height: normal; }
/*case*/
.case-list { margin-bottom: 40px; text-align: center; }
.case-list li { margin-left: 10px; vertical-align: top; display: inline-block; }
.case-list a { position: relative; border: 1px solid #ddd; font-size: 14px; line-height: 38px; color: #333; width: 118px; display: block; text-align: center; }
.case-list a:hover { border: 1px solid #ff121e; }
.case-list a:before { position: absolute; height: 100%; top: 0; left: 0; background: #ff121e; content: ''; transition: 0.2s linear 0s; width: 0; z-index: -1; }
.case-list a:hover { color: #fff; }
.case-list a:hover:before { width: 100%; transition: 0.2s linear 0s; }
.nomargin-left { margin-left: 0 !important; }
.mob-banner, .banner-text strong>br, .bg6 { display: none !important; }
/*页面翻页*/
.page a, .page span { margin-left: 8px; display: inline-block; padding: 0 11px; height: 38px; line-height: 38px; border: #e3e3e3 solid 1px; color: #666; min-width: 16px; text-align: center; }
.pageinfo { display: none; }
.page a:first-child { margin-left: 0; }
.page { margin-top: 65px; text-align: center; font-size: 14px; }
.page span.cur, .page a:hover { background: #ff121e; color: #fff; border: #ff121e solid 1px; }
.more { margin: 0 auto; display: none; width: 140px; float: none; background: #ff121e; clear: both; text-align: center; border-radius: 5px; }
.more a { display: block; /* width: 30%; */ color: #fff; line-height: 35px; }
/*企业文化*/
.culture-title:before { content: ''; position: absolute; border-style: solid; width: 0; right: -14px; border-color: transparent transparent transparent #ff121e; border-width: 16px 0 16px 14px; }
.culture-title { display: inline-block; vertical-align: top; margin-right: 80px; position: relative; line-height: 32px; text-align: center; color: #fff; width: 180px; /* font-weight: bold; */ font-size: 18px; background: #ff121e; margin-bottom: 20px; }
.culture { margin-bottom: 60px; }
.culture .page-text { vertical-align: top; display: inline-block; max-width: 970px; width: 70%; }
/*发展历程*/
.history-box ul { position: relative; padding-top: 50px; }
.history-box ul:before { top: 0; content: ''; width: 4px; height: 100%; position: absolute; background: #ff121e; left: 170px; }
.history-box div>span { padding: 5px 20px; background: #ff121e; position: absolute; font-weight: bold; font-size: 24px; color: #fff; display: inline-block; vertical-align: top; left: 0; top: 0; }
.history-box div>span:after { content: ''; position: absolute; width: 50px; height: 1px; background: #ff121e; top: 23px; left: 120px; }
.history-box2 li>span { font-weight: bold; font-size: 30px; color: #ff121e; display: inline-block; margin-bottom: 20px; vertical-align: top; }
.history-box2 li { margin-bottom: 20px; }
.history-box div p>b { display: block; float: left; width: 12%; }
.history-box div p { font-size: 14px; line-height: 2; margin: 5px 0; }
.history-box div p:after { content: " "; clear: both; display: block; }
.history-box div p>span { display: block; float: right; width: 88%; }
.history-box li div { padding: 20px 30px; border: 1px solid #eee; }
.history-box li:nth-child(even) div { }
.history-box li:nth-child(even) div p>span { }
.history-box li:nth-child(even) div p>b { display: block; float: left; width: 12%; }
.history-box li:before { position: absolute; content: ''; width: 0; z-index: 1; height: 0; left: 221px; top: 15px; border-style: solid; border-width: 8px 10px 8px 0px; display: block; border-color: transparent #fff transparent transparent; }
.history-box ul:after { content: ''; position: absolute; width: 12px; height: 12px; position: absolute; border-radius: 50%; background: #ff121e; top: -12px; border: 4px solid #fff; left: 162px; }
.history-box li:after { content: ''; position: absolute; /* border-radius: 50%; */ left: 219px; top: 13px; border-style: solid; border-width: 10px 12px 10px 0; border-color: transparent #eee transparent transparent; }
.history-box li { margin-bottom: 30px; position: relative; padding-left: 230px; }/*图片*/
.honour-img span { height: 100%; display: inline-block; width: 0; vertical-align: middle; }
/*tabel*/
.table_class, #nc table {
 overflow: auto;
 width: 100%;
 border-left: 1px solid #d2d2d2;
 /* border-right: 1px solid #d2d2d2; */
 margin-bottom: 30px;
 box-sizing: border-box;
}
.table-text { overflow: auto; }
.table_class tr:nth-child(1) td, #nc table tr:nth-child(1) td, #nc table tr:nth-child(1) td p, #nc table tr:nth-child(1) td span { color: #fff !important; line-height: 42px; font-size: 20px; background: #ff121e; line-height: 50px; text-align: center; font-weight: bold; }
.table_class td, #nc table td { padding: 6px 20px; text-align: center; line-height: 2; font-size: 14px; }
.table_class td, #nc table td {border-right: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}
.table-img img { max-width: 100%; margin: 0 20px; vertical-align: top; display: inline-block; }
.table-img { text-align: center; }
.map_a1 { max-height: 700px; width: 97%; height: 700px; height: 60vw; border: #ccc solid 1px; font-size: 12px; margin-top: 30px; }
.map_a1 .BMap_omCtrl { display: none; }
.map_a1 .BMap_scaleCtrl { display: none; }
.map_a1 .BMap_cpyCtrl { display: none; }
/*联系我们*/
.contact p.about-title { padding-bottom: 1vw; }
p.about-title { padding-bottom: 2vw; position: relative; }
.contact p.about-title span:first-child { color: #ff121e; font-size: 26px !important; }
p.about-title span:first-child { margin-bottom: 1vw; color: #333; }
p.about-title span { text-transform: capitalize; display: block; }
.contact p.about-title span:last-child { line-height: normal !important; font-size: 16px !important; }
p.about-title span:last-child { color: #999; }
.contact>ul { margin-bottom: 30px; display: inline-block; vertical-align: top; }
.contact>ul li:nth-child(2n+1) { margin-left: 0; }
.contact>ul li { float: left; width: 48%; margin: 15px 0 15px 2%; }
.contact img { max-width: 25px; vertical-align: middle; display: inline-block; margin-right: 15px; }
/*研究院团队*/
.team { }
.team h2 { margin: 20px 0; color: #555; text-align: center; }
.team h2 span { display: block; width: 80px; height: 2; border: 1px solid #ff121e; margin: 0 auto; }
.team-sum { }
.team-sum h3 { margin: 20px 0; color: #ff121e; border-bottom: 1px solid #ccc; }
.clear { margin: 80px 0; overflow: hidden; }
.member-img { width: 17%; margin-right: 5%; display: inline-block; vertical-align: middle; padding: 4px; border: 4px solid #ebebeb; border-radius: 50%; }
.member-img img { max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; margin: 0 auto; }
.member-intro { width: 72%; background: #f6f6f6; padding: 2%; display: inline-block; vertical-align: middle; }
.member-intro h3 { color: #ff121e; border-bottom: 1px solid #ccc; }
.NewsDetail_a1 .nf1, .NewsDetail_a1 .nf1 p, .NewsDetail_a1 .nf1 span {/*font-family: "微软雅黑", "Microsoft YaHei" !important; font-size: 16px !important;*/ line-height: 30px !important; color: #666 !important; background: none !important; }
.NewsDetail_a1 .nf2, .NewsDetail_a1 .nf2 p, .NewsDetail_a1 .nf2 span {/*font-family: "微软雅黑", "Microsoft YaHei" !important; font-size: 18px !important;*/ line-height: 34px !important; color: #666 !important; background: none !important; }
.NewsDetail_a1 .nf3, .NewsDetail_a1 .nf3 p, .NewsDetail_a1 .nf3 span {/*font-family: "微软雅黑", "Microsoft YaHei" !important; font-size: 20px !important;*/ line-height: 40px !important; color: #666 !important; background: none !important; }
.NewsDetail_a1 .nf1, .NewsDetail_a1 .nf1 p, .NewsDetail_a1 .nf1 span {/*font-family: "porterbold", "Microsoft YaHei" !important;*/ font-size: 16px !important;}
.NewsDetail_a1 .nf2, .NewsDetail_a1 .nf2 p, .NewsDetail_a1 .nf2 span {/*font-family: "porterbold", "Microsoft YaHei" !important;*/ font-size: 18px !important;}
.NewsDetail_a1 .nf3, .NewsDetail_a1 .nf3 p, .NewsDetail_a1 .nf3 span {/*font-family: "porterbold", "Microsoft YaHei" !important;*/ font-size: 20px !important;}
/*招标公告*/
.NewsList_f1 { padding: 2%; background: #f9f9f9; }
.NewsList_f1 h4 { transition: 0.3s ease 0s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; font-weight: normal; float: left; }
.NewsList_f1 p { font-size: 14px; float: right; }
.NewsList_f1 a { line-height: normal; border-bottom: 1px dashed #ddd; display: inline-block; width: 100%; vertical-align: top; background: url(/images/news-img.png) no-repeat left center; padding: 15px; color: #333; box-sizing: border-box; }
.NewsList_f1 li a:hover { color: #ff121e; background: none; padding-left: 0; }
/*创新平台*/
.platform { }
.p-box { margin: 0 auto; background: #f6f6f6; margin-bottom: 40px; position: relative; }
.p-box h3 { color: #ff121e; text-align: center; position: absolute; top: 20px; left: 240px; }
.p-box img { display: block; width: 200px; height: 150px; }
.p-box p { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 72px; overflow: hidden; position: absolute; left: 240px; top: 60px; right: 20px; }
ul.case-list .on :before { width: 100%; }
ul.case-list .on { border: none !important; border-radius: 0; }
.case-list .on a { color: #fff; border: 1px solid #ff121e; }
.pc720 { display: block; }
.mob720 { display: none; }
/*新增*/
.map_a1+p { line-height: 2; text-align: center; font-size: 16px; margin-top: 10px; padding-bottom: 20px; }
/*add*/
.video-box2 { text-align: center; color: #fff; font-weight: bold; font-size: 50px; overflow: hidden; width: 100%; height: 100%; }
.video-box2 p { margin-top: 20%; }
.video-box2 img {margin-top: 50px; transition: 0.5s linear 0s; cursor: pointer; }
.video-box2 a img{margin-top: 0px;}
.video-box2 img:hover { transform: scale(1.1); }
.video-box2 p{color: #fff;}
/*弹窗*/
.TC { position: fixed; width: 100%; left: 0; height: 450px; background: #fff; z-index: 999999999; border-radius: 5px; top: 50%; margin-top: -225px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); }
#TC a img { display: block; width: 100%; height: 100%; }
#C { position: absolute; line-height: normal; top: 4%; right: 2%; cursor: pointer; transition: 0.3s ease 0s; }
#C:hover { transform: rotateZ(180deg); }
#C img { width: 20px; }
/*新增*/
.page-box { margin-top: 65px; text-align: center; }
.page-box .page { display: inline-block; vertical-align: middle; margin-top: 0; }
.NewsDetail_a1 .nf1 {
    overflow: auto;
}
@media only screen and (min-width: 770px) {
    .new li:first-child .news-detail { height: 168px; margin: 30px 0; height: auto; -webkit-line-clamp: 6; font-size: 14px; line-height: 2; max-height: none; }
    .new li:first-child .news-title { padding: 30px 0; }
    .new li:first-child .news-date { font-size: 14px; }
    .new li:first-child { padding: 20px 0; margin-left: 0; width: 100%; max-width: none; box-sizing: border-box; }
    .new li:first-child .news-img { max-height: none; vertical-align: middle; display: inline-block; width: 50%; margin: 0; }
    .new li:first-child .new-text { vertical-align: top; display: inline-block; width: 45%; margin-left: 4%; }
    .new li:first-child a { margin: 0 auto; display: block; width: 97%; }
    .page-text .new li:nth-child(2), .page-text .new li:nth-child(5) { margin-left: 0; }
}
@media only screen and (min-width: 770px ) and (max-width: 1150px) {
    .new li:first-child .news-detail { -webkit-line-clamp: 2; height: 56px; }
}
