@charset "utf-8";
/* CSS Document */

body { font-size:14px; font-family:"Microsoft Yahei"; color:#000; background:#fff; overflow-x:hidden; -webkit-tap-highlight-color:transparent;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-size:14px; font-family:"Microsoft Yahei";  -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#000; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#b20000; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:92%; margin:0 auto; }
.w1200{ width:1200px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}

@font-face {
    font-family:"ccxkt";
    src: url("../fonts/XingKaiTi-2.ttf");
}

/**index**/
.gzHead{ background:#fff; width:100%; position:fixed; left:0; top:0; z-index:99; text-align:center; box-shadow:0 0 15px rgba(26,3,2,.12);}
.gzHead-logo{ width:13.54vw; margin:0.9375vw 0 0 3.28vw;}
.gzHead-nav{ display:inline-block; vertical-align:top;}
.gzHead-nav li{ float:left; position:relative;/** margin:0 0.67vw;**/ display:inline-block;}
.gzHead-nav li a.far{ padding:0 1.66vw; display:block; line-height:5.2vw; font-size:0.9375vw;}
.gzHead-nav li.active a.far{ background:#b20000; color:#fff; box-shadow:0 0 12px rgba(178,0,0,.7);}
.gzHead-nav li .subNav{ background:#b20000; width:100%; position:absolute; left:0; top:100%; text-align:center; padding:8px 0; display:none;}
.gzHead-nav li .subNav a{ display:block; font-size:16px; color:#fff; padding:8px 0;}
.gzHead-nav li .subNav a:hover{ background:#fff; color:#b20000;}

.gzHead-tools{ padding-right:7.18vw;}
.gzHead-tools .tao{ background:url(../images/tao.png) no-repeat left center; background-size:1.7vw; font-size:0.833vw; padding-left:2.135vw; color:#666; line-height:5.2vw; float:left;}
.gzHead-tools .menuBtn{ background:#b20000; width:5.2vw; height:5.2vw; cursor:pointer; position:absolute; right:0; top:0;}
.gzHead-tools .menuBtn > span{ background:#fff; width:1.875vw; height:3px; display:block; position:absolute; left:50%; top:2vw; transition:all 0.4s; transform:translateX(-50%); border-radius:2px;}
.gzHead-tools .menuBtn > span:nth-child(2){ top:2.55vw;}
.gzHead-tools .menuBtn > span:nth-child(3){ top:3.1vw;}


.menuFigure{ width:24%; position:fixed; left:-25%; top:0; height:100%; z-index:999; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; overflow:hidden;}
.menuFigure.on{opacity: 1;left:0%}
.menuFigure img{ max-width:inherit !important; width:100%; display:block; transform:scale(1.1); -webkit-transform:scale(1.1); transition:all 2s; -webkit-transition:all 2s; transition-delay:0.5s;}
.menuFigure.on img{transform:scale(1);-webkit-transform:scale(1);}

.menuItem{ background-color:#fff; width:0%; height:100%; position:fixed; right:0; top:0; z-index:998; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; box-shadow:-1px 0 10px 0 rgba(0,0,0,0.2); overflow:hidden; overflow-y:auto;}
.menuItem.on{ opacity: 1;width:76%;}
.menuItem-padd{ width:100%; height:100%; padding:50px 9%;}
.menuItem-close{ background:#b20000 url(../images/menu-close.png) no-repeat center; background-size:1.56vw; width:4.27vw; height:4.27vw; position:absolute; right:0; top:0;}

.menuItem-title{ font-size:1.56vw; font-weight:bold; line-height:1; color:#b20000; position:relative; padding-bottom:12px; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; transform:translateY(5%);}
.menuItem-title.on{ opacity:1; transform:translateY(0);}
.menuItem-title .en{ font-size:2.5vw; color:#cbcbcb; text-transform:capitalize; display:inline-block; line-height:1; vertical-align:-7px; padding-left:15px; font-weight:normal;}
.menuItem-title:before{ content:''; background:#b20000; width:59px; height:3px; position:absolute; left:0; bottom:0;}

.menuItem-list{ font-size:0; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; position:relative; transform:translateY(5%);}
.menuItem-list.on{ transform:translateY(0); opacity:1;}
.menuItem-list dl{ width:25%; display:inline-block; margin-top:6%; vertical-align:top;}
.menuItem-list dl dt{ font-size:1.25vw; line-height:1; text-align:left; padding-bottom:18px; }
.menuItem-list dl dt .num{ font-size:0.9375vw; color:#a5a5a5;}
.menuItem-list dl dd a{ display:block; line-height:36px; color:#555; font-size:14px; padding-left:1.56vw; position:relative;}
.menuItem-list dl dd a:before{ content:''; background:#b20000; width:0; height:1px; position:absolute; left:20px; top:21px; transition:all 0.4s;}
.menuItem-list dl dd a:hover{ padding-left:40px; color:#b20000;}
.menuItem-list dl dd a:hover:before{ width:14px;}



.gzIndex-page{ overflow:hidden; width:100%; height:100vh; position:relative;}

.gzBanner{ overflow:hidden; height:100vh; position:relative;}
.gzBanner li{ position:relative;}
.gzBanner li .picBox{position:relative;overflow:hidden; width: 100%; height: 100vh;}
.gzBanner li .pic{ background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; transition:ease 1s;}
.gzBanner li .txt{ width:16.66vw; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2;}


.gzAbout{ background-image:url(../images/gzAbout-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; position:relative; padding-top:13.28vw;}
.gzAbout:before{ content:''; background:rgba(0,0,0,.5); width:50%; height:100%; position:absolute; left:0; top:0;}
.gzAbout .w{ width:1530px; position:relative; z-index:2;}
.gzAbout-word{ width:44.55vw; color:#fff;}
.gzAbout-word-title .en{ font-family:Arial, Helvetica, sans-serif; font-size:1.56vw; font-weight:bold; line-height:1; text-transform:uppercase;}
.gzAbout-word-title .cn{ font-size:1.56vw; font-weight:bold; line-height:1; margin-top:0.9375vw;}
.gzAbout-word-title .cn .line{ background:#f17e13; width:2.6vw; height:0.1vw; display:inline-block; vertical-align:middle; margin-left:0.9375vw;}
.gzAbout-word-title .tc{ font-size:0.833vw; margin-top:1.3vw;}

.gzAbout-word-number{ margin-top:3.645vw;}
.gzAbout-word-number dl{ width:25%; float:left; padding-left:2.343vw; position:relative;}
.gzAbout-word-number dl:before{ content:''; background:rgba(255,255,255,.2); width:1px; height:4.739vw; position:absolute; right:0; bottom:0;}
.gzAbout-word-number dl:first-child{ padding-left:0;}
.gzAbout-word-number dl dt{ font-family:Impact; font-size:3.64vw; line-height:1;}
.gzAbout-word-number dl dt .unit{ font-size:1.145vw;}
.gzAbout-word-number dl dd{ font-size:0.9375vw; margin-top:1.3vw;}
.gzAbout-word-text{ font-size:0.833vw; line-height:1.875vw; max-height:5.625vw; margin-top:2.6vw; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.gzAbout-word-more{ font-size:0.9375vw; color:rgba(255,255,255,.5); display:inline-block; margin-top:3.9vw; line-height:3vw; padding:0 3.125vw; border:1px solid rgba(255,255,255,.5); border-radius:1.56vw;}
.gzAbout-word-more:hover{ background:#b20000; color:#fff; border-color:#b20000;}
.gzAbout-thumb{ width:25.6vw; overflow:hidden;}
.gzAbout-thumb img{ width:100%; display:block; transition:all 0.4s;}
.gzAbout-thumb:hover img{ -webkit-transform:scale(1.05); transform:scale(1.05);}



.gzProduct{ background-image:url(../images/gzProduct-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; padding-top:12.54vw;}
.gzProduct .w{ width:1530px; margin:auto;}
.gzProduct-list{ position:relative; overflow:hidden; padding-bottom:4.68vw;}
.gzProduct-list li{ padding:0 6.56vw;}
.gzProduct-list li .thumb{ width:50%; text-align:center;}
.gzProduct-list li .thumb img{ max-height:30.4vw;}
.gzProduct-list li .word{ width:43%; color:#fff;}
.gzProduct-list li .word .t{ font-family:"ccxkt"; font-size:4vw; line-height:1; letter-spacing:-5px;}
.gzProduct-list li .word .st{ font-size:1.25vw; font-weight:bold; margin-top:2.34vw;}
.gzProduct-list li .word .c{ line-height:1.56vw; max-height:3.12vw; margin-top:1vw; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.gzProduct-list li .word .f{ margin-top:3.125vw;}
.gzProduct-list li .word .f dl{ width:33.33%; float:left; font-size:0.9375vw; font-weight:bold; line-height:1.66vw;}
.gzProduct-list li .word .f dl dt{ background:#b20000; float:left; border-radius:5px; margin-right:10px; padding:0 0.677vw;}
.gzProduct-list li .word .m{ font-size:0.9375vw; color:rgba(255,255,255,.5); display:inline-block; margin-top:4.68vw; line-height:3vw; padding:0 3.125vw; border:1px solid rgba(255,255,255,.5); border-radius:1.56vw;}
.gzProduct-list li .word .m:hover{ background:#b20000; color:#fff; border-color:#b20000;}
.gzProduct-list .swiper-button-next, .gzProduct-list .swiper-button-prev{ background:rgba(255,255,255,.2) url(../images/gzLinks-arrow.png) no-repeat center; background-size:0.729vw; width:3.54vw; height:3.54vw; top:12.5vw; margin-top:auto; border-radius:50%;}
.gzProduct-list .swiper-button-prev{ left:0;}
.gzProduct-list .swiper-button-prev:hover{ background-color:#b20000;}
.gzProduct-list .swiper-button-next{ right:0; transform:rotate(180deg);}
.gzProduct-list .swiper-button-next:hover{ background-color:#b20000;}

.gzProduct-list .swiper-pagination{ font-size:0; bottom:0 !important;}
.gzProduct-list .swiper-pagination-bullet{ background:#fff; width:2.6vw; height:0.2vw; margin:0 0.41vw !important; transition:all 0.4s; opacity:0.2; border-radius:0;}
.gzProduct-list .swiper-pagination-bullet-active{ opacity:1;}



.gzSteps{ width:100%; height:100%; position:relative;}
.gzSteps-bg{ width:100%; height:100%; position:absolute; left:0; top:0;}
.gzSteps-bg > span{ background-position:center; background-size:cover; width:100%; height:100%; display:none;}
.gzSteps-bg > span:first-child{ display:block;}

.gzSteps-column{ width:100%; height:100%; position:relative; z-index:2; padding-top:5.2vw; display:flex;}
.gzSteps-column li{ flex:1; height:100%; position:relative; padding:0 3.9vw; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; border-right:1px solid rgba(255,255,255,.5); cursor:pointer; transition:all 0.4s;}
.gzSteps-column li .i-icon{ width:3.125vw; display:inline-block; vertical-align:top;}
.gzSteps-column li .i-title{ font-size:1.25vw; margin-top:1vw;}
.gzSteps-column li .i-text{ font-size:12px; line-height:22px; max-height:44px; margin-top:0.57vw; overflow:hidden; text-overflow:-o-ellipsis-lastline; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.gzSteps-column li .i-more{ color:rgba(255,255,255,.3); margin-top:1.56vw; text-transform:uppercase;  font-style:normal; display:inline-block; padding-bottom:10px; border-bottom:3px solid rgba(255,255,255,.2);}
.gzSteps-column li:hover{ background:#b20000 url(../images/gzSteps-bg.jpg) no-repeat bottom center; background-size:100% auto;}


.gzNews{ padding-top:11.97vw;}
.gzNews .w{ width:1530px;}
.gzNews-list{ padding-bottom:5.31vw; position:relative; overflow:hidden;}
.gzNews-list li .thumb{ height:11.145vw; overflow:hidden;}
.gzNews-list li .thumb > span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.gzNews-list li .word{ margin-top:1px; padding:1.822vw; border:1px #eee solid;}
.gzNews-list li .word .t{ font-size:0.9375vw; line-height:1.56vw; position:relative; padding-top:1.56vw; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.gzNews-list li .word .t:before{ content:''; background:#e60012; width:2.08vw; height:2px; position:absolute; left:0; top:0;}
.gzNews-list li .word .c{ font-size:0.729vw; line-height:1.56vw; height:4.68vw; color:#666; margin-top:0.78vw; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.gzNews-list li .word .m{ background:url(../images/gzNews-more.jpg) no-repeat right center; padding-right:2.083vw; display:inline-block; margin-top:3.125vw;}
.gzNews-list li:hover .thumb > span{ -webkit-transform:scale(1.05); transform:scale(1.05);}
.gzNews-list .button{ position:absolute; right:0; bottom:0;}
.gzNews-list .swiper-pagination{ position:relative; float:left; color:#666; font-size:14px; padding-right:15px;}
.gzNews-list .swiper-pagination-current{ font-size:22px; color:#e81828;}
.gzNews-list .swiper-button-next, .gzNews-list .swiper-button-prev{ background:url(../images/arrow.png) no-repeat center; background-size:10px auto; width:2.083vw; height:2.083vw; position:relative; top:auto; margin:auto; float:left; margin-left:13px; border:1px #999 solid;}
.gzNews-list .swiper-button-next{ right:auto; transform:rotate(180deg);}
.gzNews-list .swiper-button-next.swiper-button-disabled{ opacity:.5;}
.gzNews-list .swiper-button-prev{ left:auto;}
.gzNews-list .swiper-button-prev.swiper-button-disabled{ opacity:.5;}


.gzContact{ padding-top:12.18vw;}
.gzContact .w{ width:1530px;}
.gzContact-word{ width:28%;}
.gzContact-word-filed{ padding-top:4.68vw;}
.gzContact-word-filed dl{ margin-top:2.34vw; color:#666;}
.gzContact-word-filed dl dd{ margin-top:0.52vw;}
.gzContact-word-filed dl dd .tel{ font-size:1.25vw; line-height:1; color:#b20000; font-weight:bold;}
.gzContact-map{ width:72%; height:32.7vw;}


.gzFriend-link{ background:#f5f5f5; padding:3.385vw 0; margin-top:100px;}
.gzFriend-link .w{ width:1530px; margin:auto; padding:0 55px; position:relative;}
.gzFriend-link-list { overflow:hidden;}
.gzFriend-link-list li{ height:3.43vw; position:relative;}
.gzFriend-link-list li img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.4s;}
.gzFriend-link-list .swiper-button-next, .gzFriend-link-list .swiper-button-prev{ background:#dcdcdc url(../images/gzLinks-arrow.png) no-repeat center; background-size:0.729vw; width:2.7vw; height:2.7vw; margin-top:-1.35vw; border-radius:50%;}
.gzFriend-link-list .swiper-button-prev{ left:0;}
.gzFriend-link-list .swiper-button-next{ right:0; transform:rotate(180deg);}


.gzFooter{ background:#333;}
.gzFooter .w{ width:1530px; margin:auto;}
.gzFooter-top{ padding:2.5vw 0 1.77vw 0; border-bottom:1px solid rgba(255,255,255,.2);}
.gzFooter-top .text{ color:#999; line-height:1.66vw;}
.gzFooter-top .code{ width:6.77vw; text-align:center; font-size:0.833vw; color:rgba(255,255,255,.5);}
.gzFooter-top .code img{ margin-bottom:0.78vw;}
.gzFooter-btm{ line-height:3.3333vw; color:#fff;}
.gzFooter-btm a{ color:#fff;}



/**新闻资讯**/
.pbanner img{ width:100%;}
.pmenu{ border-bottom:1px #eee solid;}
.pmenu-second a{ padding:0 25px; line-height:80px; float:left; color:#666; position:relative;}
.pmenu-second a:before{ content:''; background:#fff; width:0; height:2px; position:absolute; left:50%; transform:translateX(-50%); bottom:15px; transition:all 0.4s;}
.pmenu-second a.active, .pmenu-second a:hover{ background:#b20000; color:#fff;}
.pmenu-second a.active:before, .pmenu-second a:hover:before{ width:16px;}
.pmenu-add{ border-left:1px #eee solid; line-height:80px; padding-left:22px; font-size:12px; color:#666;}
.pmenu-add a{ color:#666;}

.pmain{ padding:50px 0;}
.pmain-gray{ background:#f5f5f5;}
.pmain-news{ background-image:url(../images/pnews-listBg.jpg); background-position:center; background-size:cover; padding:30px 0 4.68vw 0;}
.pmain-honor{ background:url(../images/pmain-honorBg.jpg); background-position:center; background-size:cover; padding:7.55vw 6.25vw 4.68vw 6.25vw;}
.pmain-origin{ background:url(../images/pmain-honorBg.jpg); background-position:center; background-size:cover; padding:8.33vw 30px 6.25vw 30px;}


.pnews-list li{ background:rgba(255,255,255,.8); width:calc(50% - 14px); float:left; margin-top:32px; padding:2.6vw 1.56vw;}
.pnews-list li:nth-child(odd){ float:right;}
.pnews-list li .thumb{ width:15.625vw; height:10.833vw; overflow:hidden;}
.pnews-list li .thumb > span{ background-position:center; background-size:cover; width:100%; height:100%; display:block; transition:all 0.4s;}
.pnews-list li .word{ width:calc(100% - 15.625vw); height:10.833vw; position:relative; padding-left:1.56vw;}
.pnews-list li .word .t{ font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pnews-list li .word .d{ font-size:12px; color:#999; display:block; margin-top:12px;}
.pnews-list li .word .c{ color:#888; line-height:1.45vw; max-height:2.9vw; margin-top:0.781vw; overflow:hidden; text-overflow:-o-ellipsis-lastline; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pnews-list li .word .m{ position:absolute; left:1.56vw; bottom:0; color:#333; display:inline-block; font-style:normal; padding-bottom:0.52vw; border-bottom:2px #333 solid;}
.pnews-list li:hover .thumb > span{ -webkit-transform:scale(1.05); transform:scale(1.05);}


.pnews-detaWarp{ background:#fff; padding:45px 35px 40px 35px; position:relative; z-index:2; margin-top:-215px; }
.pnews-detaTop{ padding-bottom:25px; border-bottom:2px #e5e5e5 solid;}
.pnews-detaTop .t{ font-size:30px; padding-bottom:30px; }
.pnews-detaTop .c span{ color:#999; padding-right:40px;}
.pnews-detaInfo{ font-size:16px; line-height:30px; text-align:justify; color:#666; padding:50px 0;}
.pnews-detaPage a{ display:block; padding:30px 0; font-size:16px; border-top:1px #e5e5e5 solid;}
.pnews-detaPage a span{ padding-right:40px; color:#999;}
.pnews-detaPage a:hover{ color:#b20000;}
.pnews-detaPage a:hover span{ color:#b20000;}
.pnews-detaPage a.return{ color:#999;}
.pnews-detaPage a.return:hover{ color:#b20000;}


.ppage{ padding-top:4.166vw; font-size:0; text-align:center;}
.ppage a{ background:#fff; line-height:38px; margin:0 7px; vertical-align:top; padding:0 14px; display:inline-block; font-size:16px; color:#666; }
.ppage .nowpage{ background:#c51c1f; line-height:38px; margin:0 7px; vertical-align:top; font-size:16px; padding:0 14px; display:inline-block; color:#fff;}
.ppage a:hover{ background:#c51c1f; color:#fff;}



/**荣誉资质**/
.phonor-title{ text-align:center; color:#fff;}
.phonor-title .en{ font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; text-transform:uppercase;}
.phonor-title .cn{ font-size:30px; font-weight:bold; margin-top:12px;}

.phonor-list{ margin-top:4.166vw; margin-left:-2.083vw; position:relative;}
.phonor-list li{ background:#fff; width:calc(25% - 2.083vw); float:left; margin-left:2.083vw;}
.phonor-list li .thumb{ height:17.39vw; position:relative;}
.phonor-list li .thumb img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.phonor-list li .title{ font-size:16px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:1.61vw 0; border-top:1px #4c4c4c solid;}


/**人才招聘**/
.pjoin-list{ margin-left:-30px; margin-top:-20px; position:relative;}
.pjoin-list li{ background:#fff; width:calc(33.333% - 30px); margin:30px 0 0 30px; display:inline-block; float:left; transition:all 0.4s; text-align:center;}
.pjoin-list li .j-title{ font-size:20px; font-weight:bold; padding:24px 0; border-bottom:1px #f8f8f8 solid;}
.pjoin-list li .j-price{ font-size:18px; padding:15px 0; color:#333; border-bottom:1px #f8f8f8 solid; }
.pjoin-list li .j-info{ height:112px; color:#666; line-height:28px; text-align:justify; padding:0 20px; margin-top:15px;}
.pjoin-list li .j-view{ margin-top:15px; padding:30px 0; border-top:1px #f8f8f8 solid;}
.pjoin-list li .j-view .cn{ background:#bc905f; width:118px; height:32px; line-height:32px; display:inline-block; color:#fff; border-radius:20px;}
.pjoin-list li:hover{ box-shadow:4px 0 10px rgba(0,0,0,.1);}
.pjoin-list li:hover .j-title{ color:#c8000a;}
.pjoin-list li:hover .j-view .cn{ background:#c8000a;}

.pjoin-marsk{ background:rgba(0,0,0,.6); width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; z-index:998; display:none;}
.pjoin-pup{ background:#fff; width:1200px; height:80%; position:fixed; left:50%; top:10%; margin-left:-600px; z-index:999; padding:40px 45px; display:none;}
.pjoin-pup .close{ background:#c8000a url(../images/close.png) no-repeat center; width:28px; height:28px; position:absolute; right:0; top:-28px;}
.pjoin-pup .title{ font-size:18px; padding-bottom:20px; border-bottom:2px #c8000a solid;}
.pjoin-pup .word{ height:calc(100% - 46px); line-height:28px; color:#666; text-align:justify; margin-top:20px; overflow-y:auto;}
.pjoin-pup .word::-webkit-scrollbar{  background:#dadada; width:7px;height:7px;}
.pjoin-pup .word::-webkit-scrollbar-thumb{border-radius:0;width:17px;height:17px;background-color:#b20000;}



/**联系我们**/
.pcontact-inner{ font-size:0;}
.pcontact-inner .word{ font-size:14px; width:50%; display:inline-block; vertical-align:middle; line-height:54px; padding-left:4.94vw;}
.pcontact-inner .word img{ margin:19px 14px 0 0;}
.pcontact-inner .map{ width:50%; height:34.73vw; display:inline-block; vertical-align:middle;}



/**企业概括**/
.pabout-profile{ padding:3.385vw 0 4.68vw 0;}
.pabout-profile .w{ width:800px;}
.pabout-profile-title{ text-align:center;}
.pabout-profile-title .en{ font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:1; text-transform:uppercase; font-weight:bold;}
.pabout-profile-title .cn{ font-size:30px; font-weight:bold; line-height:1; margin-top:16px;}
.pabout-profile-title .li{ background:#7e7e7e; width:1px; height:40px; display:inline-block; vertical-align:top; margin-top:18px;}
.pabout-profile-text{ font-size:16px; line-height:30px; text-align:justify; margin-top:35px; color:#666;}
.pabout-profile-number{ display:flex; justify-content:space-between; margin-top:3.645vw;}

.pabout-profile-number dl dt{ font-family:Impact; font-size:70px; color:#b20000; line-height:1;}
.pabout-profile-number dl dt .unit{ font-size:22px; color:#666;}
.pabout-profile-number dl dd{ font-size:18px; margin-top:20px; color:#666;}

.pabout-video{ background-position:center; background-size:cover; text-align:center; padding:6.25vw 0 13.02vw 0; color:#fff;}
.pabout-video .play{ background:url(../images/play.png) no-repeat; background-size:100% auto; width:4.11vw; height:4.11vw; display:inline-block; vertical-align:top; cursor:pointer;}
.pabout-video .cn{ font-size:24px; font-weight:bold; margin-top:28px;}
.pabout-video .en{ font-family:Arial, Helvetica, sans-serif; line-height:24px; max-width:525px; display:inline-block; margin-top:8px;}

.pabout-info{ background:#f5f5f5;}
.pabout-info .w{ width:960px; margin:auto;}
.pabout-info .iboxt{ background:#fff; position:relative; top:-7.18vw; font-size:16px; line-height:30px; color:#666; text-align:justify; z-index:2; padding:4.16vw;}


.video-pup{ background-color:rgba(0, 0, 0, .9); width:100%; height:100%; display:none; position:fixed; top:0; left:0; z-index:9999; text-align:center; }
.video-pup .v-close { background:url(../images/close.png) no-repeat center; width:30px; height:30px; position:absolute; top:20px; right:40px; cursor:pointer; }
.video-pup .v-box { display:inline-block; width:1000px; height:650px; font-size:0; overflow:hidden; border-radius:2px; box-shadow:0 0 16px rgba(0, 0, 0, .4); border:2px solid #111; position:relative; }
.video-pup .v-box video{ height:100% !important; max-height:inherit; vertical-align:middle; object-fit:contain !important; position:absolute; left:0; }


/**产品展示**/
.pprodcut-list{ margin-left:-30px; position:relative;}
.pprodcut-list li{ background:#fff; width:calc(33.33% - 30px); margin:30px 0 0 30px; float:left; display:inline-block; position:relative; text-align:center; padding:1.77vw; border:1px #eee solid;}
.pprodcut-list li .thumb{ height:14.0625vw; position:relative;}
.pprodcut-list li .thumb img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pprodcut-list li .title{ font-size:18px; margin-top:1.3vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pprodcut-list li .view{ background:#f9f9f9; line-height:36px; padding:0 34px; display:inline-block; font-size:16px; margin-top:1.3vw; border:1px #e4e4e4 solid;}
.pprodcut-list li .cover{ background:rgba(178,0,0,.85); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; color:#fff; padding:5.98vw 3vw 0 3vw; opacity:0; transition:all 0.4s;}
.pprodcut-list li .cover .t{ font-size:20px; padding-bottom:1.3vw; border-bottom:2px #fff solid;}
.pprodcut-list li .cover .c{ font-size:12px; color:#eee; line-height:22px; margin-top:20px;}
.pprodcut-list li .cover .v{ background:#f9f9f9; line-height:36px; padding:0 34px; display:inline-block; margin-top:3.9vw; color:#333; border:1px #e4e4e4 solid;}
.pprodcut-list li:hover .cover{ opacity:1;}


.product-details-figure{ width:660px;}
.product-details-figure .gallery-top{ overflow:hidden;}
.product-details-figure .gallery-top li{ height:452px; position:relative; border:1px #dfdfdf solid;}
.product-details-figure .gallery-top li img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.product-details-figure .gallery-thumbs{ margin-top:15px; padding:0 60px; position:relative; overflow:hidden;}
.product-details-figure .gallery-thumbs li{ height:84px; position:relative; border:1px #dfdfdf solid;}
.product-details-figure .gallery-thumbs li img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.product-details-figure .gallery-thumbs li.swiper-slide-thumb-active{ border:2px #b20000 solid;}
.product-details-figure .gallery-thumbs .swiper-button-next, .product-details-figure .gallery-thumbs .swiper-button-prev{ background:#fff url(../images/arrow.png) no-repeat center; width:55px; height:84px; margin:auto; top:0; z-index:2; border:1px #dfdfdf solid;}
.product-details-figure .gallery-thumbs .swiper-button-next:hover, .product-details-figure .gallery-thumbs .swiper-button-prev:hover{ background:#b20000 url(../images/arrow-hover.png) no-repeat center; border-color:#b20000;}
.product-details-figure .gallery-thumbs .swiper-button-next{ right:0; transform:rotate(180deg);}
.product-details-figure .gallery-thumbs .swiper-button-prev{ left:0;}


.product-details-word{ width:490px; position:relative; min-height:452px;}
.product-details-word .wt{ font-size:30px; font-weight:bold; padding-bottom:20px; border-bottom:1px #dcdcdc solid;}
.product-details-word .wc{ font-size:16px; margin-top:30px; line-height:30px; color:#666;}
.product-details-word .wb{ position:absolute; left:0; bottom:0;}
.product-details-word .wb a{background:#b02d2d; line-height:36px; padding:0 34px; color:#fff; display:inline-block; vertical-align:top; margin-right:10px;}

.product-details-cans{ margin-top:50px; border:1px #e5e5e5 solid;}
.product-details-cans .cans-tab{ background:#f6f6f6; border-bottom:1px #e5e5e5 solid;}
.product-details-cans .cans-tab a{ float:left; font-size:16px; padding:0 50px; color:#2e405a; line-height:58px;}
.product-details-cans .cans-tab a.active{ background:#b20000; color:#fff;}
.product-details-cans .cans-swith{ padding:2.343vw; font-size:16px; line-height:30px; color:#666;}
.product-details-cans .cans-swith .cs-item{ display:none;}
.product-details-cans .cans-swith .cs-item:first-child{ display:inline-block;}


/**公司风采**/
.pElegant-list li{ width:calc(50% - 13px); float:left; margin-top:28px; display:inline-block; overflow:hidden; position:relative; border-radius:5px; cursor:pointer;}
.pElegant-list li img{ width:100%; display:block; transition:all 0.4s;}
.pElegant-list li .title{ font-size:20px; color:#fff; position:absolute; left:0; bottom:20px; z-index:2; padding:0 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pElegant-list li:nth-child(2n+2){ float:right;}
.pElegant-list li:hover img{ -webkit-transform:scale(1.05); transform:scale(1.05);}

.pElegant-detail{ background:#2a2a2a; width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; padding:0 6.77vw; display:none;}
.pElegant-detail .close{ background:url(../images/pElegant-close.png) no-repeat; background-size:100% auto; width:2.29vw; height:2.29vw; position:absolute; right:2.86vw; top:1.92vw; z-index:999;}
.pElegant-detail-big{ width:100%; height:100%; overflow:hidden;}
.pElegant-detail-big li{ background:#717171; text-align:center; position:relative;}
.pElegant-detail-big li img{ position:absolute; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%);}
.pElegant-detail-big li .title{ font-size:24px; color:#fff; position:absolute; top:4.16vw; left:0; z-index:3;}
.pElegant-detail-big .swiper-button-next, .pElegant-detail-big .swiper-button-prev{ background:url(../images/pElegant-arrow.png) no-repeat center; background-size:2.13vw; width:6.77vw; height:100%; top:0; margin:auto;}
.pElegant-detail-big .swiper-button-next{ transform:rotate(180deg); right:0;}
.pElegant-detail-big .swiper-button-prev{ left:0; }

.pElegant-detail-small{ background:rgba(37,38,44,.9); width:100%; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden; padding:2.29vw 6.77vw 8.33vw 6.77vw;}
.pElegant-detail-small li{ height:4.89vw; overflow:hidden; position:relative;}
.pElegant-detail-small li:before{ content:''; background:rgba(113,113,113,.5); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.pElegant-detail-small li img{ position:absolute; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%);}
.pElegant-detail-small li.swiper-slide-thumb-active:before{ display:none;}


/**品牌起源**/
.porigin-list{ padding-top:8.07vw; position:relative; overflow:hidden;}
.porigin-list:before{ content:''; background:#fff; width:100%; height:1px; position:absolute; left:0; top:12.23vw;}
.porigin-list li{ height:4.68vw; overflow:hidden; transition:all 0.4s;}
.porigin-list li .year{ display:block; text-align:center; font-family:Impact; font-size:1.56vw; color:#fff; line-height:4.68vw; position:relative; z-index:2;}
.porigin-list li .year:before{ content:'';  background:rgba(0,0,0,.8); width:18px; height:18px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); border:4px #fff solid; border-radius:50%; box-sizing:border-box;}
.porigin-list li .text{ background:#fff; padding:1.979vw; font-size:16px; line-height:30px; color:#666; text-align:justify;}
.porigin-list li .text .t{ font-size:20px; font-weight:bold; color:#333; margin-bottom:15px;}
.porigin-list li .text .c{ height:240px; overflow-y:auto; padding-right:2.343vw;}
.porigin-list li .text .c::-webkit-scrollbar{  background:#e8e8e8; width:8px;height:7px; border-radius:5px;}
.porigin-list li .text .c::-webkit-scrollbar-thumb{border-radius:5px; width:8px;height:8px; background-color:#b20000;}
.porigin-list li.swiper-slide-active{ height:auto;  transform:translateY(-2.86vw);}
.porigin-list li.swiper-slide-active .year{ background:#b20000 url(../images/year-dot.png) no-repeat 1.97vw center; text-align:left; padding-left:3.54vw;}
.porigin-list li.swiper-slide-active .year:before{ display:none;}
.porigin-list .swiper-button-next, .porigin-list .swiper-button-prev{ background:#fff url(../images/porigin-arrow.png) no-repeat center; width:43px; height:43px; top:10.93vw; margin-top:auto;}
.porigin-list .swiper-button-next{ transform:rotate(180deg); right:0;}
.porigin-list .swiper-button-prev{ left:0;}


/**企业文化**/
.pconcept-tab{ width:6.9%; min-height:25.5vw; padding:15px 0; border-right:1px #e5e5e5 solid;}
.pconcept-tab a{ display:block; padding:15px 0; position:relative; margin-top:10px;}
.pconcept-tab a.active{ color:#b20000;}
.pconcept-tab a.active:before{ content:''; background:#b20000; width:2px; height:100%; position:absolute; right:-2px; top:0;}

.pconcept-inner{ width:90%;}
.pconcept-inner .in-swith{ display:none;}
.pconcept-inner .in-swith:first-child{ display:block;}
.pconcept-inner .word{ width:37.6%; padding-top:30px;}
.pconcept-inner .word .t{ font-size:24px; font-weight:bold;}
.pconcept-inner .word .c{ line-height:30px; color:#666; margin-top:20px;}
.pconcept-inner .thumb{ width:55.3%; position:relative; overflow:hidden; }
.pconcept-inner .thumb li{ padding-left:27px;}
.pconcept-inner .thumb .button{ background:#fff; width:56px; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; border:1px #eee solid;}
.pconcept-inner .thumb .button:before{ content:''; background:#eee; width:100%; height:1px; position:absolute; left:0; top:50%;}
.pconcept-inner .thumb .swiper-button-next, .pconcept-inner .thumb .swiper-button-prev{ background:url(../images/porigin-arrow.png) no-repeat center; width:100%; height:55px; position:relative; top:auto; margin-top:auto;}
.pconcept-inner .thumb .swiper-button-next{ transform:rotate(-90deg); right:0; }
.pconcept-inner .thumb .swiper-button-prev{ transform:rotate(90deg); left:0;}


/**营销网络**/
.pnetwork-advantage{ padding:3.385vw 0 4.947vw 0;}
.pnetwork-advantage-list{ margin-top:3.125vw; margin-left:-2.18vw; position:relative;}
.pnetwork-advantage-list li{ width:calc(33.33% - 2.18vw); height:20.83vw; display:flex; align-items:center; justify-content:center; text-align:center; float:left; margin-left:2.18vw;  margin-bottom:2.18vw; position:relative; box-shadow:0 0 18px rgba(0,0,0,.08);}
.pnetwork-advantage-list li .icon{ width:3.645vw; display:inline-block; vertical-align:top;}
.pnetwork-advantage-list li .name{ font-size:24px; padding:1.3vw 0; position:relative;}
.pnetwork-advantage-list li .name:before{ content:''; background:#222; width:50px; height:2px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.pnetwork-advantage-list li .li-cover{ background-position:center; background-size:cover; width:100%; height:0; position:absolute; left:0; top:50%; z-index:2; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; padding:0 1.562vw; transition:all 0.4s; overflow:hidden;}
.pnetwork-advantage-list li .li-cover .t{ font-size:24px; padding-bottom:1.3vw; position:relative;}
.pnetwork-advantage-list li .li-cover .t:before{ content:''; background:#fff; width:50px; height:2px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.pnetwork-advantage-list li .li-cover .c{ line-height:25px; margin-top:1vw;}
.pnetwork-advantage-list li:hover .li-cover{ height:100%; top:0;}

.pnetwork-layout{ background-image:url(../images/layout-bg.jpg); background-position:center; background-size:cover; min-height:31.25vw; color:#fff; padding:5.2vw 0;}
.pnetwork-layout-text{ font-size:16px; line-height:30px; margin-top:2.6vw; text-align:center;}

.pnetwork-join{ padding:5.2vw 0;}