<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

body { font-size:14px; font-family:"Microsoft Yahei"; color:#333; background:#f5f5f5; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { 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:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#0468ca; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none;  word-break:break-all; word-wrap:break-word; 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:1440px; margin:0px auto; }
.w1200{ width:1200px; margin:auto;}
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}


/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#777; }
textarea::-webkit-input-placeholder { color:#777; }
input::-webkit-input-speech-button { display: none; }


@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}



/**index**/
.jrdHead{ background:#fff; position:relative; z-index:99; padding-bottom:22px;}
.jrdHead-logo{ margin-top:16px;}

.jrdHead-search{ width:152px; height:28px; margin-top:36px; position:relative; border:1px #1b1b1b solid; border-radius:20px;}
.jrdHead-search .inpt{ background:none; width:100%; height:26px; color:#777; float:left; padding-left:9px;}
.jrdHead-search .btn{ background:none; width:26px; height:26px; line-height:26px; text-align:center; color:#0468ca; font-size:16px; position:absolute; right:5px; top:0; cursor:pointer;}

.jrdHead-tool{ padding-top:30px;}
.jrdHead-tool .share{ font-size:16px; color:#0468ca; float:left; margin-right:45px; line-height:37px; position:relative;}
.jrdHead-tool .share .iconfont{ font-size:37px; margin-right:10px; display:inline-block; vertical-align:top;}
.jrdHead-tool .share #fx_top{ display:none; position:absolute; left:10px; top:30px;}
.jrdHead-tool .share:hover #fx_top{ display:block;}


.jrdNav{ background:#111; width:100%; position:relative; z-index:99;}
.jrdNav li{ width:11.1%; text-align:center; position:relative; float:left;}
.jrdNav li a.far{ line-height:70px; display:block; font-size:18px; color:#fff;}
.jrdNav li:hover a.far, .jrdNav li.active a.far{ background:#0468ca; font-weight:bold;}
.jrdNav li .subNav{ background:#0468ca; width:100%; position:absolute; left:0; top:100%; padding:5px 0; display:none;}
.jrdNav li .subNav a{ display:block; line-height:22px; padding:5px 0; color:#fff;}
.jrdNav li .subNav a:hover{ background:#fff; color:#0468ca;}


.jrdBanner{ position:relative; width:100%; overflow:hidden;}
.jrdBanner li img{ width:100%; display:block;}
.jrdBanner .next, .jrdBanner .prev{ width:auto; height:auto; color:#fff; font-size:80px; position:absolute; top:50%; margin-top:-44px; text-shadow:0 4px 8px #333; transition:all 0.4s; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
.jrdBanner .next{ right:7%;}
.jrdBanner .prev{ left:7%;}
.jrdBanner:hover .next{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.jrdBanner:hover .prev{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.jrdBanner .mouseIco{ display:block; font-size:18px; font-weight:bold; color:#fff; text-align:center; position:absolute; left:50%; bottom:60px; margin-left:-36px; z-index:10; -webkit-animation:mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation:mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
.jrdBanner .mouseIco .iconfont{ font-size:46px; display:inline-block; margin-bottom:10px;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}


.jrdAbout{ background:#fff;}
.jrdAbout-title{ text-align:center; padding:60px 0 45px 0;}
.jrdAbout-title .cn{ font-size:36px; font-weight:bold;}
.jrdAbout-title .en{  margin-top:5px; position:relative;}
.jrdAbout-title .en:before{ content:''; width:100%; background:#90a4ae; height:1px; position:absolute; top:50%; left:0; }
.jrdAbout-title .en span{ background:#fff; font-size:16px; color:#777; display:inline-block; text-transform:uppercase; padding:0 40px; position:relative;}
.jrdAbout-title .en span:before{ content:''; background:#0468ca; width:14px; height:14px; position:absolute; left:0; top:50%; margin-top:-7px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.jrdAbout-title .en span:after{ content:''; background:#0468ca; width:14px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

.jrdAbout-con{  margin-top:15px;}
.jrdAbout-figure{ width:50%; float:left; position:relative; overflow:hidden;}
.jrdAbout-figure li img{ width:100%; display:block; transition:all 0.4s;}
.jrdAbout-figure .next, .jrdAbout-figure .prev{ background:rgba(0,0,0,.6); width:50px; height:80px; line-height:80px; text-align:center; color:#fff; font-size:30px; position:absolute; top:50%; margin-top:-40px; transition:all 0.4s; }
.jrdAbout-figure .next{ right:-50px;}
.jrdAbout-figure .prev{ left:-50px;}
.jrdAbout-figure:hover .next{ right:0;}
.jrdAbout-figure:hover .prev{ left:0;}


.jrdAbout-word{ width:50%; padding-top:84px;}
.jrdAbout-word .iboxt{ background:#fff; width:600px; padding:35px 45px 70px 45px;}
.jrdAbout-word .iboxt .t{ text-align:center; font-size:24px; font-weight:bold; padding-bottom:15px; position:relative;}
.jrdAbout-word .iboxt .t:before{ content:''; background:#0468ca; width:37px; height:4px; position:absolute; left:50%; margin-left:-19px; bottom:0;}
.jrdAbout-word .iboxt .c{ line-height:30px; text-align:justify; margin-top:18px; max-height:180px; overflow:hidden;}
.jrdAbout-word .iboxt .m{ background:#0468ca; display:block; width:140px; height:34px; line-height:34px; color:#fff; text-align:center; margin:auto; margin-top:30px;}



.jrdProduct .jrdAbout-title .en span{ background:#f5f5f5;}
.jrdProduct-tab{ text-align:center; font-size:0;}
.jrdProduct-tab a{ background:#39455b; min-width:130px; padding:0 10px; height:30px; line-height:30px; color:#fff; margin:0 15px; display:inline-block; vertical-align:top; font-size:14px;}
.jrdProduct-tab a.active, .jrdProduct-tab a:hover{ background:#0468ca;}

.jrdProduct-listBox{ position:relative;}
.jrdProduct-list{  overflow:hidden; padding:60px 0;}
.divas-slider-container { position:relative;  margin-top:60px; width:100%; height:auto; overflow:hidden; }
.jrdProduct-list li{ background:#fff; width:400px; height:300px; float:left;  margin-top:25px !important; position:relative; text-align:center; overflow:hidden;}
.jrdProduct-list li img{ max-height:100%;}
.jrdProduct-list li .tit{ background:#0468ca; width:100%; position:absolute; left:0; bottom:0; z-index:2; line-height:60px; font-size:18px; color:#fff; padding-right:55px; text-overflow:ellipsis; white-space:nowrap; opacity:0; transition:all 0.4s;}
.jrdProduct-list li .tit .iconfont{ font-size:27px; color:#fff; display:inline-block; vertical-align:top; position:absolute; right:30px; top:0;}
.jrdProduct-list li.divas-active{ width:500px; height:375px; margin-top:0 !important; z-index:1; -webkit-box-shadow: 0 10px 46px rgba(136,154,163,.82);	-moz-box-shadow: 0 10px 46px rgba(136,154,163,.82); box-shadow: 0 10px 46px rgba(136,154,163,.82);}
.jrdProduct-list li.divas-active .tit{ opacity:1;}
.divas-slide-transition-left { -webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.divas-navigation span{ width:auto; height:auto; text-align:center; color:#0468ca; font-size:40px; position:absolute; top:50%; margin-top:-22px; transition:all 0.4s; cursor:pointer;}
.divas-navigation span.divas-next{ right:-50px;}
.divas-navigation span.divas-prev{ left:-50px;}

.jrdProduct-more{ text-align:center;}
.jrdProduct-more a{background:#0468ca; display:inline-block; width:140px; height:34px; line-height:34px; color:#fff;}


.jrdHengfu{ margin-top:65px;}
.jrdHengfu img{ width:100%; display:block; }


.jrdCase{ padding-bottom:40px;}
.jrdCase .jrdAbout-title .en span{ background:#f5f5f5;}
.jrdCase .jrdProduct-more{ padding-top:40px;}
.jrdCase-list{ position:relative; overflow:hidden; padding-bottom:60px;}
.jrdCase-list .bd li{ background:#fff; width:calc(33.3% - 10px); margin-right:10px; float:left; transition:all 0.4s;}
.jrdCase-list .bd li .pic{ position:relative; overflow:hidden;}
.jrdCase-list .bd li .pic img{ width:100%; display:block; transition:all 0.4s;}
.jrdCase-list .bd li .pic:before{ content:''; background:rgba(0,0,0,.3); width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.3s; z-index:1; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transition:all 0.3s;}
.jrdCase-list .bd li .pic .cover{ width:100%; text-align:center; color:#fff; position:absolute; left:0; top:50%; margin-top:-55px; font-size:18px; z-index:2; transition:all 0.3s; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.jrdCase-list .bd li .pic .cover .iconfont{ width:70px; height:70px; display:inline-block; vertical-align:top; line-height:64px; font-size:36px; margin-bottom:15px; border:3px #fff solid; border-radius:50%;}
.jrdCase-list .bd li .tit{ font-size:20px; color:#0468ca; text-align:center; line-height:60px; transition:all 0.4s;}
.jrdCase-list .bd li:hover{-webkit-box-shadow: 0 10px 21px #5f5f5f;	-moz-box-shadow: 0 10px 21px #5f5f5f; box-shadow: 0 10px 21px #5f5f5f;}
.jrdCase-list .bd li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }
.jrdCase-list .bd li:hover .pic:before{  filter:alpha(opacity=1); -moz-opacity:1; opacity:1;}
.jrdCase-list .bd li:hover .pic .cover{  filter:alpha(opacity=1); -moz-opacity:1; opacity:1;}
.jrdCase-list .bd li:hover .tit{ background:#0468ca; font-weight:bold; color:#fff;}
.jrdCase-list .hd{ width:100%; text-align:center; position:absolute; left:0; bottom:0; font-size:0;}
.jrdCase-list .hd li{ background:#cfd9dd; width:12px; height:12px; opacity:1; margin:0 4px; display:inline-block; border-radius:50%; cursor:pointer;}
.jrdCase-list .hd li.on{ background:#0468ca;}



.jrdNews{ background:#fff; padding-bottom:60px;}
.jrdNews .jrdProduct-more{ padding-top:40px;}
.jrdNews-word{ width:600px;}
.jrdNews-word .figure{ position:relative;}
.jrdNews-word .figure img{ width:100%; display:block; transition:all 0.3s;}
.jrdNews-word .figure:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.jrdNews-word .figure .date{ background:#0468ca; width:100px; height:100px; text-align:center; color:#fff; position:absolute; left:20px; bottom:-50px; z-index:1;}
.jrdNews-word .figure .date .d{ font-size:36px; font-weight:bold; line-height:1; padding-top:15px;}
.jrdNews-word .figure .date .y{ font-size:18px; margin-top:5px;}
.jrdNews-word .inner{ padding-top:65px;}
.jrdNews-word .inner .t{ font-size:18px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jrdNews-word .inner .c{ color:#777; line-height:24px; text-align:justify; margin-top:10px; max-height:58px; overflow:hidden;}
.jrdNews-word .inner .m{ color:#0468ca; display:block; text-decoration:underline; margin-top:10px; font-style:italic;}

.jrdNews-list{ width:560px;}
.jrdNews-list li{ overflow:hidden; padding-bottom:15px; margin-bottom:20px; display:block; border-bottom:1px #cfd9dd solid;}
.jrdNews-list li .date{ background:#0468ca; width:100px; height:100px; text-align:center; color:#fff; float:left;}
.jrdNews-list li .date .d{ font-size:36px; font-weight:bold; line-height:1; padding-top:15px;}
.jrdNews-list li .date .y{ font-size:18px; margin-top:5px;}
.jrdNews-list li .inner{ width:460px; padding-left:30px; float:left;}
.jrdNews-list li .inner .t{ font-size:18px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jrdNews-list li .inner .c{ color:#777; line-height:24px; text-align:justify; margin-top:10px; height:72px; overflow:hidden;}
.jrdNews-list li .inner .m{ color:#0468ca; display:block; text-decoration:underline; margin-top:10px; font-style:italic;}


.jrdFooter{ background:#02284d; width:100%; }
.jrdFooter-menu{ text-align:center; padding:20px 0 15px 0; border-bottom:1px #aaa solid;}
.jrdFooter-menu a{ color:#fff; padding:0 20px;}
.jrdFooter-menu a:hover{ text-decoration:underline;}

.jrdFooter-btm{ padding:45px 0 15px 0;}
.jrdFooter-btmLogo{ width:225px; margin-top:10px;}
.jrdFooter-btmContact{ width:875px; padding-top:10px;}
.jrdFooter-btmContact li{ min-width:375px; float:left; color:#fff; padding-top:15px; line-height:20px;}
.jrdFooter-btmContact li .iconfont{ font-size:20px; margin-right:15px; vertical-align:top; display:inline-block;}
.jrdFooter-btmCode{ width:100px; text-align:center; color:#fff;}
.jrdFooter-btmCode img{ margin-bottom:10px;}

.jrdFooter-copy{ background:#111; text-align:center; color:#fff; padding:10px 0;}
.jrdFooter-copy a{ color:#fff;}

.jrdSider{ background:#fff; width:60px; position:fixed; right:2%; top:58%; margin-top:-150px; z-index:9999; -webkit-box-shadow:0 12px 24px rgba(105,105,105,.58); -moz-box-shadow:0 12px 24px rgba(105,105,105,.58); box-shadow:0 12px 24px rgba(105,105,105,.58);}
.jrdSider .btnA{ width:60px; height:60px; display:block; text-align:center; transition:all 0.3s; cursor:pointer; position:relative;}
.jrdSider .btnA .iconfont{ font-size:28px; color:#aaa; line-height:60px; display:inline-block;}
.jrdSider .btnA #fx_fr{ background:#fff; min-width:130px; padding:10px; position:absolute; right:100%; top:10px; display:none;}
.jrdSider .btnA:hover{ background:#0468ca;}
.jrdSider .btnA:hover .iconfont{ color:#fff;}
.jrdSider .btnA:hover #fx_fr{ display:block;}
.jrdSider .return-top{ display:none;}



/**产品中心**/
.pbanner{ position:relative;}
.pbanner img{ width:100%; display:block;}
.pbanner-text{ width:1440px; position:absolute; left:50%; margin-left:-720px; bottom:65px; z-index:2; text-transform:uppercase; font-size:40px; font-weight:bold; color:#fff;}


.pposition{ text-align:right; font-size:16px; padding:25px 0; color:#777;}
.pposition .iconfont{ color:#aaa; margin-right:8px; font-size:18px;}
.pposition .cur{ color:#333;}

.pmain{ padding-bottom:60px;}
.pleft{ width:17%;}
.pleft-top{ background:#0468ca; font-size:20px; font-weight:bold; text-align:center; line-height:50px; color:#fff;}
.pleft-menu a{ background:#fff; position:relative; display:block; line-height:50px; font-size:18px; padding-left:30px; margin-top:2px;}
.pleft-menu a:before{ content:''; background:#333; width:10px; height:1px; position:absolute; right:30px; top:50%;}
.pleft-menu a:after{ content:''; background:#333; width:1px; height:10px; position:absolute; right:34px; top:50%; margin-top:-4px;}
.pleft-menu a.active, .pleft-menu a:hover{ background:#fa9528; color:#fff;}
.pleft-menu a.active:before, .pleft-menu a:hover:before{ background:#fff;}
.pleft-menu a.active:after, .pleft-menu a:hover:after{ display:none;}


.pleft-contact{ margin-top:30px;}
.pleft-contactTxt{ background:#fff; padding:15px;}
.pleft-contactTxt .tel{ padding-bottom:20px; font-size:12px; color:#777; padding-left:8px; border-bottom:1px #dcdcdc dashed;}
.pleft-contactTxt .tel .iconfont{ font-size:30px; color:#0468ca; float:left; margin-right:15px; display:inline-block; margin-top:5px;}
.pleft-contactTxt .tel h3{ font-size:16px; font-weight:bold; color:#0468ca;}
.pleft-contactTxt .word{ padding-top:15px; color:#777; line-height:22px; text-align:justify;}
.pleft-contactTxt .word .t{ font-weight:bold; color:#0468ca; padding-bottom:15px;}


.pright{ width:80%;}
.pright-about{ background:#fff; padding:50px 10%; text-align:justify; font-size:16px; line-height:36px;}
.pright-about .t{ text-align:center; padding-bottom:25px;}


.pproduct-list{ position:relative; margin-left:-55px;}
.pproduct-list li{ width:calc(33.3% - 55px); float:left; margin-left:55px; display:inline-block;}
.pproduct-list li .pic{ background:#fff; height:190px; overflow:hidden; text-align:center; border:1px #bfbfbf solid;}
.pproduct-list li .pic img{ max-height:100%;}
.pproduct-list li .tit{ padding:15px 0 30px 0; line-height:30px; font-size:16px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


.ppage{ text-align:center; font-size:0; padding-top:20ppx;}
.ppage a{ background:#fff; line-height:28px; font-size:16px; color:#777; padding:0 12px; margin:0 5px; display:inline-block; vertical-align:top; border:1px #dcdcdc solid;}
.ppage .nowpage{ background:#0468ca; line-height:28px; font-size:16px; color:#fff; padding:0 12px; margin:0 5px; display:inline-block; vertical-align:top; border:1px #0468ca solid;}


.pcase-list{ margin-left:-35px; position:relative;}
.pcase-list li{ background:#fff; width:calc(33.3% - 35px); float:left; position:relative; display:inline-block; margin-left:35px; margin-bottom:40px; vertical-align:middle;}
.pcase-list li .pic{ overflow:hidden; max-height:270px;}
.pcase-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pcase-list li .word{ position:relative; padding:18px 20px; transition:all 0.3s;}
.pcase-list li .word .t{ font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pcase-list li .word .d{ display:block; color:#777; margin-top:5px;}
.pcase-list li .word .icon{ font-size:25px; line-height:1; display:inline-block; color:#0468ca; position:absolute; right:20px; top:50%; margin-top:-13px;}
.pcase-list li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }
.pcase-list li:hover .word{ background:#0468ca;}
.pcase-list li:hover .word .t{ color:#fff;}
.pcase-list li:hover .word .d{ color:#fff;}
.pcase-list li:hover .word .icon{ color:#fff;}


.pplan-list li{ background:#fff; padding:30px; margin-top:20px; overflow:hidden; display:block; margin-bottom:30px;}
.pplan-list li .pic{ width:280px; overflow:hidden;}
.pplan-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pplan-list li .pic:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pplan-list li .word{ width:calc(100% - 280px); padding-left:40px; position:relative;}
.pplan-list li .word .t{ font-size:18px; font-weight:bold; overflow:hidden;}
.pplan-list li .word .d{ display:block; line-height:24px; position:absolute; right:0; top:0;}
.pplan-list li .word .c{ line-height:24px; color:#777; margin-top:20px; max-height:72px; overflow:hidden;}
.pplan-list li .word .m{ background:#eee; width:128px; line-height:32px; text-align:center; color:#777; font-size:16px; display:block; margin-top:24px;}
.pplan-list li .word .m .iconfont{ margin-left:10px;}
.pplan-list li .word .m:hover{ background:#0468ca; color:#fff;}


.pnews-list{ margin-left:-30px; position:relative;}
.pnews-list li{ background:#fff; width:calc(50% - 30px); margin:0 0 30px 30px; float:left; display:inline-block; padding:24px 20px; border:1px #e5e5e5 solid; transition:all 0.4s;}
.pnews-list li .pic{ width:240px; overflow:hidden;}
.pnews-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pnews-list li .word{ width:calc(100% - 240px); padding-left:15px;}
.pnews-list li .word .t{ font-size:16px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-list li .word .c{ color:#777; margin-top:10px; line-height:24px; max-height:72px; overflow:hidden; text-align:justify;}
.pnews-list li .word .f{ margin-top:35px; line-height:28px;}
.pnews-list li .word .f .view{ background:#eee; width:109px; text-align:center; color:#777; font-size:14px; display:block; transition:all 0.4s;}
.pnews-list li .word .f .view .iconfont{ margin-left:10px;}
.pnews-list li .word .f .date{ color:#aaa;}
.pnews-list li:hover{ -webkit-box-shadow:0 14px 21px rgba(6,0,1,.22); -moz-box-shadow:0 14px 21px rgba(6,0,1,.22); box-shadow:0 14px 21px rgba(6,0,1,.22);}
.pnews-list li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pnews-list li:hover .f .view{ background:#0468ca; color:#fff;}


.pdown-list li{ background:#fff; position:relative; padding:25px 190px 30px 40px; vertical-align:middle; display:block; margin-bottom:30px; overflow:hidden; border:1px #eee solid;}
.pdown-list li dl{ width:38%; float:left; font-size:18px; padding:7px 0;}
.pdown-list li dl dt{ float:left;}
.pdown-list li dl dd{ overflow:hidden; color:#777;}
.pdown-list li dl dd a{ color:#0468ca; text-decoration:underline;}
.pdown-list li dl dd .con{ font-size:14px; line-height:24px; color:#777; text-align:justify; padding:12px; border:1px #dcdcdc solid;}
.pdown-list li dl:nth-child(2n+2){ width:62%;}
.pdown-list li dl.last{ width:100% !important;}
.pdown-list li .d-btn{ color:#0468ca; display:block; font-weight:bold; text-align:center; position:absolute; bottom:40px; right:70px;}
.pdown-list li .d-btn .iconfont{ background:#0468ca; width:40px; height:40px; display:inline-block; vertical-align:top; color:#fff; line-height:40px; font-weight:normal; font-size:20px; margin-bottom:5px; }


/*新闻中心-详细*/
.new_xx{/*padding: 40px 0;*/}
.new_xx_head{color: #222222;font-size: 24px;font-weight: bold;text-align: center;}
.new_xx_data{height: 38px;line-height: 38px;text-align: center;background: #e9e9e9;margin: 30px 0;}
.new_xx_data span{color: #898989;font-size: 16px;margin:0 10px;padding: 0 0 0 24px;}
.new-riqi{background: url(../images/news2_03.jpg) no-repeat left center;}
.new-nabmer{background: url(../images/news_06.png) no-repeat left center;}
.new-name{background: url(../images/news_03.png) no-repeat left center;}

.int-con {font-size: 16px;line-height: 30px;}
.new_xx_txt{}
.new_xx_txt p{font-size: 16px;line-height: 36px;color: #222222;overflow: hidden;}
.new_xx_txt p img{max-width: 100%;}
.new_xx_pag{height: 38px;line-height: 38px;background: #e9e9e9;padding: 0 2%;position: relative;margin-top: 50px;}
.new_xx_pag ul li{height: 38px;line-height: 38px;width: 45%;}
.new_xx_pag ul li a{color: #5d5d5d;display: block;}
.new_xx_pag ul li.prevA{}
.new_xx_pag ul li.nextA{float:right;text-align: right;}
.new_xx_pag ul li.btn{position: absolute;left: 45%;top: 0;height: 38px;line-height: 38px;background:#a7a7a7;width: 10%;text-align: center; }
.new_xx_pag ul li.btn a{color: #fff;}
.new_xx_pag ul li.btn img{margin:14px 10px 0 0;}
.new_xx_pag ul li.prevA a:hover,.new_xx_pag ul li.nextA a:hover{font-weight: bold;color: #0468ca;}


/*招聘*/
.pJob-list{ padding-top:20px;}
.pJob-list .jt { border:1px solid #d6d6d6; margin-top:20px; height:40px; line-height:38px; padding-right:50px; position:relative; overflow:hidden; *zoom:1; cursor:pointer; }
.pJob-list .jt strong { float:left; width:33.3%;  font-size:14px; font-weight:normal; color:#666;  }
.pJob-list .jt strong:first-child{ font-size:17px; font-weight:bold; color:#000; padding-left:20px;}
.pJob-list .jt .arrow{ background:#0468ca; width:40px; height:100%; position:absolute; right:0; top:0; }
.pJob-list .jt .arrow:before{ content:''; background:#fff; width:20px; height:2px; position:absolute; left:10px; top:50%; margin-top:-1px;}
.pJob-list .jt .arrow:after{ content:''; background:#fff; width:2px; height:20px; position:absolute; left:50%; top:10px; margin-left:-1px;}
.pJob-list .jt.jt-act .arrow:after{ display:none;}
.pJob-list .jc { background:#f1f1f1; display:none; line-height:30px; padding:20px;}
.pJob-list .jc .t{ font-size:16px; font-weight:bold; color:#333;}
.pJob-list .jc .c{ color:#666; padding-bottom:25px;}
.pJob-list .jc .blue{ color:#de2233; display:block;}

.pproduct-menu{ background:#fff;}
.pproduct-menu .tit{ background:#fff; position:relative; display:block; line-height:50px; font-size:16px; padding-left:30px; border-top:2px #f5f5f5 solid; cursor:pointer;}
.pproduct-menu .tit:before{content:''; height:10px; width:10px; display:block; border:2px solid #777; border-right-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:50%; right:20px; margin-top:-8px;}
.pproduct-menu .tit.on{ background:#fa9528; color:#fff;}
.pproduct-menu .tit.on:before{  border:2px solid #fff; border-left-width:0; border-bottom-width:0; margin-top:-2px;}
.pproduct-menu .cot{ padding:12px 10px; text-align:center;  border-top:2px #f5f5f5 solid; display:none;}
.pproduct-menu .cot a{ line-height:36px; display:block; padding:5px 0; font-size:15px;}
.pproduct-menu .cot a:before{ display:none;}
.pproduct-menu .cot a:after{ display:none;}
.pproduct-menu .cot a.active{ color:#fff;}


/**手机版-index**/
.m-headBox{ padding-bottom:49px; display:none;}
.m-head{ background:#fff; width:100%; padding:11px 10px; position:fixed; left:0; top:0; z-index:999;}
.m-headLogo{ width:220px;}

.menuBtn { width:49px; height:49px; position:absolute; right:0; top:0; z-index: 1100; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.menuBtn .burger {  background:#333; width:28px; height:3px; display: block; position: absolute; z-index: 5; top: 14px; left: 50%; margin: 0px 0px 0px -14px; border-radius:3px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menuBtn .burger-2 { top:22px; }
.menuBtn .burger-3 { top:30px; }
.menuBtn.active .burger-1 { top: 22px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menuBtn.active .burger-3 { top: 22px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }


.m-banner{ position:relative; overflow:hidden;}
.m-banner li img{ width:100%;}
.m-banner .swiper-pagination{ font-size:0; bottom:13px !important;}
.m-banner .swiper-pagination-bullet{ background:#fff; width:22px; height:3px; margin:0 4px !important; opacity:1; border-radius:0;}
.m-banner .swiper-pagination-bullet-active{ background:#03a9f4;}


.m-menu{ background:#fff; padding:15px 10px; position:relative;}
.m-menu:before{ content:''; background:#e5e5e5; width:100%; height:1px; position:absolute; left:0; top:50%;}
.m-menu a{ width:25%; float:left; padding:15px 5px; text-align:center;}
.m-menu a .icon{ max-width:70px; display:inline-block; vertical-align:top;}
.m-menu a .tit{ font-size:15px;}


.m-footer{ background:#02284d; padding:15px 10px; text-align:center; color:#fff; font-size:13px; line-height:21px; display:none;}
.m-footer .tel{ font-size:18px; line-height:23px; font-family:Arial; font-weight:bold;}
.m-footer .tel a{ color:#fff;}
.m-footer .tel img{ width:23px; vertical-align:top; margin-right:3px;}
.m-footer .add{ padding:5px 0 7px 0; border-bottom:1px #8d989d solid;}
.m-footer .copy{ color:#8d989d; padding-top:5px;}
.m-footer .copy a{ color:#8d989d;}


.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }

.menuclose { width: 48px; height: 48px; display: block; position: absolute; right:5px; top:0; cursor: pointer; }
.menuclose:hover { background-color:#0468ca; }
.menuclose:hover i { background-color: #fff; }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.navMobile { padding:40px 0; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { display:block; text-transform: uppercase; font-size:18px; position: relative; padding:10px 0; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd p a.cur, .navMobile dd p a:hover { background:#0468ca; color: #fff; }

.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 10px 0px; }
.navMobile dd .msubnav a { display: block; font-size: 16px; padding: 5px 0px; color: #8d8d8d; position: relative;  }
.navMobile dd .msubnav a:hover{ color:#0468ca;}

.open .menuMobileBox{ height: 100%;}
.open .navMobile dd p a{opacity: 1;}




/*.caseMmenu{ background-color:#0468ca;  position: relative; z-index:10; display:none; margin-bottom:15px;}
.caseMmenu dt {  width: 100%; color: #fff;  line-height:40px; height:40px; overflow: hidden; text-align: center; font-size:15px; cursor:pointer; }
.caseMmenu dt .caret { display:inline-block; width:0; height:0; margin-left:10px; vertical-align:middle; border-top:6px solid; border-right:6px solid transparent; border-left:6px solid transparent; }
.caseMmenu dd{ background-color:#0468ca; position:absolute; left:0px; top:40px; padding:10px 0; width:100%; display:none;}
.caseMmenu dd a { text-align:center; font-size:15px; display:block; line-height:32px; color:#fff;}
.caseMmenu dd a.active, .caseMmenu dd a:hover { background:#fff; color:#0468ca; }*/

.caseMmenu{ display:none;}
.caseMmenu dd{ overflow:hidden; margin-left:-2%; position:relative;}
.caseMmenu dd a{ height:40px; line-height:38px; font-size:15px; position:relative; padding:0 5px 0 25px; float:left; width:48%; margin:0 0 10px 2%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  border:1px solid #c8c8c8; border-radius:5px 5px 5px 5px; background-image:-webkit-linear-gradient(top,#ffffff, #eeeeee); background-image:linear-gradient(top,#ffffff,#eeeeee); }
.caseMmenu dd a:before{content:''; height:0; width:0; display:block; border:7px transparent solid; border-right-width:0; border-left-color:#949494; position:absolute; top:50%; margin-top:-7px; left:8px;}


/*客服部分*/

.scrollsidebar{position:absolute;z-index:999;top:220px;}
.side_content{width:167px;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:167px;overflow:hidden;}
.show_btn{width:0;height:144px;overflow:hidden;/*margin-top:50px;*/float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn{background:url(../images/sidebar_bg.png) no-repeat;}
.side_title{height:46px;}
.side_title{height:46px;}
.side_bottom{height:8px;}
.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}
.close_btn{float:right;display:block;width:19px;height:19px;margin:16px 7px 0 0;_margin:16px 3px 0 0;}
.close_btn span{display:none;}
.side_center .qqserver p{text-align:center;padding:4px 0; vertical-align:middle;}

.side_green .side_title{background-position:-333px 0;}
.side_green .side_center{background:url(../images/green_line.jpg) repeat-y center;}
.side_green .side_bottom{background-position:-333px -60px;}
.side_green .close_btn{background-position:-44px 0;}
.side_green .close_btn:hover{background-position:-65px 0;}
.side_green .show_btn{background-position:-119px 0;}
</pre></body></html>