﻿@charset "utf-8";
*, *:before, *:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0 }

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select{ margin:0; padding:0 }

*{ margin:0; padding:0 }

body{ font-family:'Microsoft YaHei', arial; font-size:14px; color:#666; line-height:1.5; min-width:1260px; margin:0 auto; background:#fff; max-width:1920px }

a:link, a:visited{ text-decoration:none; outline:0; color:#666 }

a:hover, a:active, a:focus{ color:#666; text-decoration:none }

ul, li{ list-style:none }

ul{ padding:0 }

li{ zoom:1; vertical-align:middle }

ol{ margin:0; padding:0; padding-left:36px }

fieldset, img{ border:0 }

img{ border:0; max-width:100% }

div{ outline:0 }

h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:100% }

table{ border-collapse:collapse; border-spacing:0; table-layout:fixed; border:0; width:100% }

th, td{ padding:0 }

input, textarea{ font-family:'Microsoft YaHei', arial; font-size:14px }

input{ outline:0 }

textarea{ outline:0 }

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio']{ cursor:pointer; outline:0 }

input[type='checkbox'], input[type='radio']{ position:relative; vertical-align:middle; margin-bottom:1px; margin-left:5px; margin-right:5px }

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text']{ padding:0; color:#666; outline:0 }

input, textarea{ -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); border-radius:0; overflow-y:hidden; overflow-x:hidden }

::-webkit-input-placeholder{ color:#333 }

:-moz-placeholder{ color:#333; opacity:1 }

::-moz-placeholder{ color:#333; opacity:1 }

:-ms-input-placeholder{ color:#333 }

.fl{ float:left }

.fr{ float:right }

.clear{ clear:both }

.clearfix:after{ clear:both; height:0; content:""; line-height:0; font-size:0; display:block }

.pic{ width:100%; overflow:hidden; position:relative }

.pic:after{ content:''; display:block; padding-bottom:100% }

.middleCenter{ position:absolute; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; display:block; vertical-align:middle; text-align:center; margin:auto }

.container{ width:1280px; margin-left:auto; margin-right:auto }

.prompt{ position:fixed; width:100%; height:100%; background:url(../images/ie_sosad.png) no-repeat center 35% #fff; left:0; bottom:0; display:none; z-index:999; filter:alpha(opacity=80); opacity:80 }

.prompt span{ position:absolute; font-size:14px; font-family:'Microsoft YaHei'; top:55%; left:50%; margin-left:-152px; width:304px; display:block; line-height:24px; color:#666 }

.prompt span a{ text-decoration:underline }

.prompt_close{ width:30px; height:30px; position:absolute; right:30px; top:30px; background:url(../images/closed.png) no-repeat center center; cursor:pointer }

#container{ overflow:hidden; position:relative }

.header{ height:98px; width:100%; transition:.5s; z-index:99; position:relative }

.header .logo{ margin-top:31px; float:left; z-index:4; transition:.5s }

.header .logo a{ float:left; position:relative }

.header .logo a img{ transition:.5s; display:block }

.header .header-right{ float:right }

.header .header-right .wx{ margin-top:24px; margin-right:27px; position:relative; float:right }

.header .header-right .wx a{ border:1px solid #e5e5e5; border-radius:50%; display:block; width:50px; height:50px; background:url("../images/wx.png") no-repeat center center }

.header .header-right .wx .wx-ewm{ position:absolute; top:60px; left:50%; margin-left:-50px; width:100px; height:100px; padding:10px; z-index:4; background:#fff; display:none; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1) }

.header .header-right .wx .wx-ewm img{ display:block }

.header .header-right .wx:hover .wx-ewm{ display:block }

.header .header-right .yg{ float:right; margin-right:29px; margin-top:40px; position:relative; cursor:pointer }

.header .header-right .yg span{ color:#c50000; background:url("../images/dot01.png") no-repeat center right; padding-right:23px; font-size:15px }

.header .header-right .yg .bottom{ position:absolute; top:0; left:50%; width:112px; padding-top:60px; transform:translateX(-50%); display:none; z-index:2 }

.header .header-right .yg .bottom ul{ padding:6px; border-radius:5px; background:#fff; font-size:15px }

.header .header-right .yg .bottom ul li a{ display:block; line-height:44px; color:#333; text-align:center }

.header .header-right .yg .bottom ul li:hover a{ background:#f2f2f2; color:#c50000 }

.header .header-right .yg:hover .bottom{ display:block }

.header .menu{ float:right; transition:.5s; margin-right:34px }

.header .menu ul li{ float:left; margin-left:32px; position:relative }

.header .menu ul li a{ display:block; font-size:15px; text-align:center; color:#333; line-height:98px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; transition:.5s }

.header .menu ul li a:after{ content:''; display:block; position:absolute; bottom:16px; left:0; width:0; height:7px; background:#c50000; transition:.3s }

.header .menu ul li:hover > a{ color:#c50000 }

.header .menu ul li:hover > a:after{ width:100% }

.header .menu ul li:hover .subnav{ top:65px; display:block }

.header .menu ul li:hover .subnav1{ top:63px }

.header .menu ul li .subnav{ position:absolute; top:55px; left:50%; width:112px; margin-left:-56px; display:none; white-space:nowrap; padding-top:35px; -webkit-transition:.5s cubic-bezier(0.77, 0, 0.175, 1); transition:.5s cubic-bezier(0.77, 0, 0.175, 1) }

.header .menu ul li .subnav ul{ overflow:hidden; background:#fff; padding:6px; border-radius:5px }

.header .menu ul li .subnav ul li{ float:none; margin:0; padding:0 }

.header .menu ul li .subnav ul li a{ color:#333; font-size:15px; line-height:44px; text-align:center; padding:0 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; font-weight:normal }

.header .menu ul li .subnav ul li a:after{ display:none }

.header .menu ul li .subnav ul li a:hover{ color:#c50000; background:#f2f2f2 }

.header .menu ul > li.pronav{ position:static }

.header .menu ul > li.pronav .subnav1{ width:100%; left:0; margin-left:0 }

.header .menu ul > li.pronav .subnav1 .bg{ background:rgba(255, 255, 255, 0.96); font-size:0; padding:31px 0; overflow:auto;height:608px; }

.header .menu ul > li.pronav .subnav1 .bg dl{ width:28%; display:inline-block; vertical-align:top; text-align:left; float:left; margin-bottom:34px }
.header .menu ul>li.pronav .subnav1 .bg dl:nth-child(4n) {    width:15%}
.header .menu ul>li.pronav .subnav1 .bg dl:nth-child(4n+1) {     clear: left; }
.header .menu ul > li.pronav .subnav1 .bg dl dt{ background:url("../images/line2.png") no-repeat bottom left; padding-bottom:5px; margin-bottom:10px }

.header .menu ul > li.pronav .subnav1 .bg dl a{ color:#333; font-size:16px; line-height:44px; text-align:left; padding:0 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; font-weight:normal }

.header .menu ul > li.pronav .subnav1 .bg dl a:after{ display:none }

.header .menu ul > li.pronav .subnav1 .bg dl a:hover{ color:#c50000; background:0 }

.header .menu ul > li.pronav .subnav1 .bg dl dd a{ font-size:14px; line-height:30px }

.header .menu ul > li:nth-child(4) .subnav{ width:180px; margin-left:-90px }

.header .menu ul .active > a{ color:#c50000 }

.header .menu ul .active > a:after{ width:100% }

.fix{ position:fixed; z-index:5; top:0; left:0; width:100%; background:#fff; box-shadow:0 4px 10px 0 rgba(4, 0, 0, 0.2) }

@-webkit-keyframes dong{
0%{ -webkit-transform:translateY(-100px); transform:translateY(-100px) }
100%{ -webkit-transform:translateY(0); transform:translateY(0) }
}

@keyframes dong{
0%{ -webkit-transform:translateY(-100px); transform:translateY(-100px) }
100%{ -webkit-transform:translateY(0); transform:translateY(0) }
}

@-webkit-keyframes bmove1{
0%{ -webkit-transform:scale(1.1); transform:scale(1.1) }
100%{ -webkit-transform:scale(1); transform:scale(1) }
}

@keyframes bmove1{
0%{ -webkit-transform:scale(1.1); transform:scale(1.1) }
100%{ -webkit-transform:scale(1); transform:scale(1) }
}

.home-banner{ overflow:hidden; width:100%; position:relative; margin-top:98px }

.home-banner .home-banner-slick{ position:relative }

.home-banner .home-banner-slick .item{ position:relative }

.home-banner .home-banner-slick .item img{ display:block }

.home-banner .home-banner-slick .slick-active img{ -webkit-animation:1s bmove1 alternate linear; animation:1s bmove1 alternate linear }

.home-banner .home-banner-slick .slick-dots{ z-index:10; line-height:0; bottom:23px }

.home-banner .home-banner-slick .slick-dots li{ margin:0; width:36px; height:6px; padding:0; background:url("../images/dot02.png") no-repeat center center }

.home-banner .home-banner-slick .slick-dots li button{ width:36px; height:6px; padding:0; display:block }

.home-banner .home-banner-slick .slick-dots li button:before{ content:"" }

.home-banner .home-banner-slick .slick-dots .slick-active{ background:url("../images/dot02h.png") no-repeat center center }

.home-banner .home-banner-slick .slick-dots .slick-active button:before{ color:transparent }

.home-banner .slick-prev:before, .home-banner .slick-next:before{ content:'' }

.home-banner .slick-prev{ content:''; display:block; width:50px; height:98px; margin-top:-49px; left:20px; z-index:4; top:50%; border-radius:5px; background:rgba(255, 255, 255, 0.23) url(../images/left1.png) no-repeat center center !important }

.home-banner .slick-prev:hover{ background:#c50000 url(../images/left1.png) no-repeat center center !important }

.home-banner .slick-next{ content:''; display:block; width:50px; height:98px; margin-top:-49px; z-index:4; top:50%; right:20px; border-radius:5px; background:rgba(255, 255, 255, 0.23) url(../images/right1.png) no-repeat center center !important }

.home-banner .slick-next:hover{ background:#c50000 url(../images/right1.png) no-repeat center center !important }

@keyframes jump{
0%{ -webkit-transform:translateY(-40px); transform:translateY(-40px) }
100%{ -webkit-transform:translateY(0); transform:translateY(0) }
}

.inbanner{ overflow:hidden; width:100%; position:relative; margin-top:98px }

.inbanner .inbanner-slick img{ transition:5s; animation:mymove4 5s }

@keyframes mymove4{
0%{ transform:scale(1) }
50%{ transform:scale(1.03) }
100%{ transform:scale(1) }
}

@-webkit-keyframes mymove4{
0%{ transform:scale(1) }
50%{ transform:scale(1.03) }
100%{ transform:scale(1) }
}

.ellipsis{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

.home-title{ text-align:center }

.home-title h3{ font-size:38px; color:#333; font-weight:bold; margin-bottom:23px }

.home-title h3:before{ content:''; display:inline-block; vertical-align:middle; width:126px; height:11px; margin-right:28px; background:url("../images/dot03.png") no-repeat center center }

.home-title h3:after{ content:''; display:inline-block; vertical-align:middle; width:126px; height:11px; margin-left:28px; background:url("../images/dot04.png") no-repeat center center }

.home-title p{ font-size:16px; color:#838383; font-style:italic }

.home-title2 h3{ font-size:38px; color:#333; font-weight:bold; margin-bottom:14px }

.home-title2 h3:after{ content:''; display:block; vertical-align:middle; width:206px; height:11px; margin-left:-52px; background:url(../images/dot05.png) no-repeat center center; margin-top:10px }

.home-title2 p{ font-size:16px; color:#838383; font-style:italic }

.home-product{ padding:75px 0 69px 0 }

.home-product .home-bottom{ padding-top:75px; overflow:hidden }

.home-product .home-bottom ul{ padding:0 30px; position:relative }

.home-product .home-bottom ul li{ width:25%; float:left }

.home-product .home-bottom ul li .pic{ width:226px; height:226px; border-radius:50%; margin:0 auto }

.home-product .home-bottom ul li .pic img{ transition:.5s }

.home-product .home-bottom ul li .bt{ text-align:center; font-size:17px; color:#333; padding:0 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:40px; margin-top:23px }

.home-product .home-bottom ul li:hover .pic img{ transform:scale(1.05) }

.home-product .home-bottom ul li:hover .bt{ color:#c50000; font-weight:bold }

.home-product .home-bottom .slick-prev:before, .home-product .home-bottom .slick-next:before{ content:'' }

.home-product .home-bottom .slick-prev{ content:''; display:block; width:30px; height:84px; margin-top:0; left:0; z-index:4; top:71px; background:#eaeaea url(../images/left.png) no-repeat center center !important }

.home-product .home-bottom .slick-prev:hover{ background:#c50000 url(../images/lefth.png) no-repeat center center !important }

.home-product .home-bottom .slick-next{ content:''; display:block; width:30px; height:84px; margin-top:0; z-index:4; top:71px; right:0; background:#eaeaea url(../images/right.png) no-repeat center center !important }

.home-product .home-bottom .slick-next:hover{ background:#c50000 url(../images/righth.png) no-repeat center center !important }

.home-case{ padding:29px 0 48px 0; overflow:hidden; background:url("../images/bg.jpg") no-repeat top center; background-size:cover }

.home-case .text{ float:left; margin-left:62px }

.home-case .text .home-title1{ background:url("../images/c.png") no-repeat top left; padding-top:39px; padding-left:57px; margin-bottom:34px }

.home-case .text h3{ font-size:28px; color:#fff }

.home-case .text h3:after{ content:''; display:block; width:39px; height:1px; background:#999; margin:7px 0 }

.home-case .text p{ font-size:16px; color:#fff }

.home-case .text .more{ overflow:hidden; padding-left:58px }

.home-case .text .more a{ width:110px; height:32px; line-height:30px; text-align:center; color:#fff; float:left; display:block; margin-right:16px; border:1px solid rgba(255, 255, 255, 0.21); background:rgba(46, 83, 147, 0.51) }

.home-case .text .more a:hover{ background:#c50000; border:1px solid #c50000 }

.home-case .img{ float:right; width:469px; margin-right:34px; margin-top:19px }

.home-case .img img{ display:block }

.home-partner{ padding:64px 0 47px 0; overflow:hidden; background:#f5f5f5 }

.home-partner .home-bottom{ padding-top:53px }

.home-partner .home-bottom ul{ position:relative; padding-bottom:59px }

.home-partner .home-bottom ul li{ margin:0 -7px }

.home-partner .home-bottom ul li .item{ width:14.285714285714286%; float:left; padding:0 7px; margin-bottom:12px }

.home-partner .home-bottom ul li .item a{ display:block; border:1px solid #e5e5e5 }

.home-partner .home-bottom ul li .item a .pic img{ transition:.5s }

.home-partner .home-bottom ul li .item a .pic:after{ padding-bottom:51.76470588235294% }

.home-partner .home-bottom ul li .item a .pic .hover{ position:absolute; top:-100%; left:0; width:100%; height:100%; transition:.5s; background:rgba(198, 0, 0, 0.4); font-size:16px; line-height:88px; color:#fff; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

.home-partner .home-bottom ul li .item a:hover{ border:1px solid #c50000 }

.home-partner .home-bottom ul li .item a:hover .pic .hover{ top:0 }

.home-partner .home-bottom .slick-prev:before, .home-partner .home-bottom .slick-next:before{ content:'' }

.home-partner .home-bottom .slick-prev{ content:''; display:block; width:84px; height:30px; margin-top:0; left:50%; margin-left:-94px; z-index:4; bottom:0; top:auto; background:#eaeaea url(../images/left.png) no-repeat center center !important }

.home-partner .home-bottom .slick-prev:hover{ background:#c50000 url(../images/lefth.png) no-repeat center center !important }

.home-partner .home-bottom .slick-next{ content:''; display:block; width:84px; height:30px; margin-top:0; z-index:4; top:auto; bottom:0; right:50%; margin-right:-94px; background:#eaeaea url(../images/right.png) no-repeat center center !important }

.home-partner .home-bottom .slick-next:hover{ background:#c50000 url(../images/righth.png) no-repeat center center !important }

.home-about{ padding:69px 0 58px 0; overflow:hidden }

.home-about .home-bottom{ margin:0 -17px; padding-top:52px }

.home-about .item{ width:33.333333333333336%; float:left; padding:0 17px }

.home-about .item .title{ border-bottom:1px solid #cecece; padding-bottom:11px; overflow:hidden }

.home-about .item .title h3{ font-size:22px; color:#333; font-weight:bold; float:left }

.home-about .item .title a{ display:block; float:right; margin-top:12px;color:#c50000 }

.home-about .item .title a:hover{ }

.home-about .item .ha{ padding-top:28px }

.home-about .item .ha .img{ margin-bottom:20px }

.home-about .item .ha .img img{ display:block }

.home-about .item .ha .jsh{ color:#333; line-height:28px; height:112px; overflow:hidden; text-indent:2em }

.home-about .item .list{ padding-top:28px }

.home-about .item .list .one{ position:relative; padding-left:180px; padding-top:13px; height:108px; margin-bottom:28px }

.home-about .item .list .one .pic{ width:156px; height:108px; position:absolute; top:0; left:0 }

.home-about .item .list .one .pic img{ transition:.5s }

.home-about .item .list .one .text .bt{ font-size:18px; font-weight:bold; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:10px }

.home-about .item .list .one .text .jsh{ color:#333; font-size:13px; line-height:22px; height:44px; overflow:hidden }

.home-about .item .list .one:hover .pic img{ transform:scale(1.05) }

.home-about .item .list .one:hover .text .bt{ color:#c50000 }

.home-about .item .list ul{ border-top:1px dashed #cecece; overflow:hidden }

.home-about .item .list ul li a{ display:block; position:relative; font-size:14px; color:#333; line-height:49px; border-bottom:1px dashed #cecece; padding:0 75px 0 11px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

.home-about .item .list ul li a:after{ content:''; display:block; width:5px; height:5px; border-radius:50%; background:#333; position:absolute; top:50%; margin-top:-3px; left:0 }

.home-about .item .list ul li a span{ position:absolute; top:0; right:0; color:#999 }

.home-about .item .list ul li:hover a{ color:#c50000 }

.home-about .item .list ul li:hover a:after{ background:#c50000 }

.home-about .item .list ul li:nth-last-child(1) a{ border-bottom:0 }

.footer .footer-top{ padding:45px 0 36px 0; background:#0d4680;}
.footer .footer-top:after{ clear:both; height:0; content:""; line-height:0; font-size:0; display:block }
.footer .footer-top .ewm{ float:left; margin-top:10px }

.footer .footer-top .ewm ul li{ width:122px; float:left; font-size:12px; color:#fff; text-align:center; margin-right:28px; line-height:44px }

.footer .footer-top .list{ float:right }

.footer .footer-top .list ul li{ float:left; border-left:1px solid #175798; padding-left:34px; margin-left:34px }

.footer .footer-top .list ul li a{ color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; margin-bottom:18px }

.footer .footer-top .list ul li a:hover{ text-decoration:underline }

.footer .footer-top .list ul li ul li{ float:none; border:0; margin:0; padding:0 }

.footer .footer-top .list ul li ul li a{ padding:0; margin:0; font-size:12px; line-height:32px }

.footer .footer-top .list ul .f2 ul li{ position:relative }

.footer .footer-top .list ul .f2 ul li a{ display:inline-block; background:url("../images/dot06.png") no-repeat center right; padding-right:10px; max-width:170px }

.footer .footer-top .list ul .f2 ul li ul{ position:absolute; left:100%; top:0; background:#13518f; padding:15px; display:none; border:1px solid #1a5fa3; z-index:6 }

.footer .footer-top .list ul .f2 ul li ul:after{ content:''; display:block; width:8px; height:12px; background:url("../images/dot11.png") no-repeat center center; position:absolute; left:-8px; top:10px }

.footer .footer-top .list ul .f2 ul li ul li a{ line-height:28px; background:0; max-width:270px }

.footer .footer-top .list ul .f2 ul li:hover ul{ display:block }
.footer .footer-top .list ul .f2 ul li:nth-child(1) ul ul .info{ max-height:231px; overflow:auto}
.footer .footer-top .list ul .f2 ul li:nth-child(2) ul ul .info{ max-height:198px; overflow:auto}
.footer .footer-top .list ul .f2 ul li:nth-child(3) ul{ top:-70px }
.footer .footer-top .list ul .f2 ul li:nth-child(3) ul ul .info{ max-height:264px; overflow:auto}
.footer .footer-top .list ul .f2 ul li:nth-child(3) ul:after{ top:80px }

.footer .footer-top .list ul .f2 ul li:nth-child(4) ul{ top:-80px }
.footer .footer-top .list ul .f2 ul li:nth-child(4) ul ul .info{ max-height:264px; overflow:auto}
.footer .footer-top .list ul .f2 ul li:nth-child(4) ul:after{ top:90px }
.footer .footer-top .list ul .f2 ul li:nth-child(5) ul ul .info{ max-height:99px; overflow:auto}
.footer .footer-top .list ul .f2 ul li:nth-child(6) ul{ top:-80px }
.footer .footer-top .list ul .f2 ul li:nth-child(6) ul ul .info{ max-height:132px; overflow:auto}
.footer .footer-top .list ul .f2 ul li:nth-child(6) ul:after{ top:90px }

.footer .footer-top .list ul .f2 ul li:nth-child(7) ul{ top:-80px }
.footer .footer-top .list ul .f2 ul li:nth-child(7) ul ul .info{max-height:132px; overflow:auto}
.footer .footer-top .list ul .f2 ul li:nth-child(7) ul:after{ top:90px }

.footer .footer-top .list ul .f2 ul li:nth-child(8) ul{ top:-40px;}
.footer .footer-top .list ul .f2 ul li:nth-child(8) ul .info{max-height:66px; overflow:auto}
.footer .footer-top .list ul .f2 ul li:nth-child(8) ul:after{ top:50px }

.footer .footer-top .list ul .f4 ul li a{ display:inline-block; background:url("../images/dot06.png") no-repeat center right; padding-right:10px; max-width:80px }

.footer .footer-top .list ul .f1 ul li a, .footer .footer-top .list ul .f5 ul li a, .footer .footer-top .list ul .f6 ul li a{ max-width:60px }

.footer .footer-top .list ul .f3 ul li a{ max-width:115px }

.footer .footer-bottom{ color:#fff; font-size:12px; background:#0a4077; text-align:center; padding:11px 0 }

.partner{ padding:30px 0; overflow:hidden; margin:0 -7px }

.partner .item{ width:20%; float:left; padding:0 7px; margin-bottom:12px }

.partner .item a{ display:block; border:1px solid #e5e5e5 }

.partner .item a .pic img{ transition:.5s }

.partner .item a .pic:after{ padding-bottom:51.76470588235294% }

.partner .item a .pic .hover{ position:absolute; top:-100%; left:0; width:100%; height:100%; transition:.5s; background:rgba(198, 0, 0, 0.4); font-size:16px; line-height:88px; color:#fff; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

.partner .item a:hover{ border:1px solid #c50000 }

.partner .item a:hover .pic .hover{ top:0 }

.current{ text-align:right; color:#666; font-size:13px; padding:17px 0 16px 0; border-bottom:1px solid #f0f0f0 }

.current b{ font-weight:normal; color:#c50000 }

.current a:hover{ color:#c50000; text-decoration:underline }

.content{ padding:30px 0; overflow:hidden }

.content .aside{ float:left; width:280px }

.content .aside .aside-top{ margin-bottom:27px; overflow:hidden }

.content .aside .aside-top .title{ color:#333; font-size:22px; font-weight:bold; height:104px; padding:40px 0 0 32px; margin-bottom:7px; background:url("../images/bg1.jpg") no-repeat top left }

.content .aside .aside-top ul{ background:#f8f8f8 }

.content .aside .aside-top ul li{ padding:0 16px ;margin-bottom: 2px;}

.content .aside .aside-top ul li a{ font-size:15px; color:#333; line-height:59px; border-bottom:1px solid #ebebeb; display:block; background:url("../images/dot07h.png") no-repeat center right; padding-right:20px; position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:17px }

.content .aside .aside-top ul li a:after{ position:absolute; content:''; display:block; left:0; top:50%; width:3px; height:2px; margin-top:-1px; background:url("../images/dot08.png") no-repeat center center }

.content .aside .aside-top ul li ul{ padding:16px; margin:0 -16px; position:relative; background:#f5f5f5; display:none }

.content .aside .aside-top ul li ul:after{ content:''; display:block; height:1px; background:#ebebeb; width:248px; position:absolute; bottom:0; left:16px }

.content .aside .aside-top ul li ul li{ background:0 }

.content .aside .aside-top ul li ul li a{ border:0; font-size:14px; padding:0; background:0; line-height:38px; color:#333 }

.content .aside .aside-top ul li ul li a:after{ display:none }

.content .aside .aside-top ul li ul li a:hover{ color:#c50000 }

.content .aside .aside-top ul li ul .active a{ border:0; font-size:14px; padding:0; background:0; line-height:38px; color:#333 }

.content .aside .aside-top ul li ul .active a:after{ display:none }

.content .aside .aside-top ul li ul .active a:hover{ color:#c50000 }

.content .aside .aside-top ul li:hover{ background:#c50000 }

.content .aside .aside-top ul li:hover a{ color:#fff; border-bottom:1px solid #c50000; background:url("../images/dot07.png") no-repeat center right }

.content .aside .aside-top ul li:hover a:after{ background:url("../images/dot08h.png") no-repeat center center }

.content .aside .aside-top ul li:hover ul li{ background:0 }

.content .aside .aside-top ul li:hover ul li a{ border:0; background:0; color:#333 }

.content .aside .aside-top ul li:hover ul li a:after{ display:none }

.content .aside .aside-top ul li:hover ul li a:hover{ color:#c50000 }

.content .aside .aside-top ul li:hover ul .active a{ color:#c50000 }

.content .aside .aside-top ul .active{ background:#c50000 }

.content .aside .aside-top ul .active a{ color:#fff; border-bottom:1px solid #c50000; background:url("../images/dot07.png") no-repeat center right }

.content .aside .aside-top ul .active a:after{ background:url("../images/dot08h.png") no-repeat center center }

.content .aside .aside-top ul .active ul li{ background:0 }

.content .aside .aside-top ul .active ul li a{ border:0; background:0; color:#333 }

.content .aside .aside-top ul .active ul li a:after{ display:none }

.content .aside .aside-top ul .active ul li a:hover{ color:#c50000 }

.content .aside .aside-top ul .active ul .active a{ color:#c50000 }

.content .aside .aside-top ul .on a{ background:url("../images/dot07hh.png") no-repeat center right }

.content .aside .aside-top ul .on ul{ display:block }

.content .aside .aside-bottom{ border:1px solid #e5e5e5; overflow:hidden }

.content .aside .aside-bottom .title{ background:#eff0f3 url("../images/bg2.jpg") no-repeat top right; font-size:22px; color:#333; font-weight:bold; height:136px; padding:50px 0 0 31px }

.content .aside .aside-bottom .text{ padding:22px 21px; overflow:hidden }

.content .aside .aside-bottom .text .bt{ color:#333; font-size:19px; font-weight:bold; margin-bottom:15px }

.content .aside .aside-bottom .text .jsh{ font-size:14px; color:#333; line-height:30px }

.content .right{ float:right; width:945px; padding-top:13px; padding-bottom:30px }

.content .right .h3{ font-size:20px; color:#c50000; font-weight:bold }

.content .right .h31{ background:url("../images/dot09.png") no-repeat center left; font-size:20px; color:#333; font-weight:bold; padding-left:24px }

.content .right .h32{ font-size:24px; color:#c50000; font-weight:bold }

.caselist{ margin:0 -9px; padding-top:42px; margin-bottom:25px; overflow:hidden }

.caselist li{ width:33.333333333333336%; float:left; padding:0 9px; margin-bottom:21px }

.caselist li .pic{ border:1px solid #e8e8e8 }

.caselist li .pic img{ transition:.5s }

.caselist li .pic:after{ padding-bottom:60.666666666666664% }

.caselist li .bt{ color:#333; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:51px }

.caselist li:hover .pic{ border:1px solid #c50000 }

.caselist li:hover .pic img{ transform:scale(1.05) }

.caselist li:hover .bt{ color:#c50000 }

.case-show{ font-size:14px; color:#333; line-height:28px; padding-top:41px; padding-bottom:73px }

.related .related-title{ position:relative; font-size:24px; color:#333; font-weight:bold }

.related .related-title:after{ content:''; display:block; vertical-align:middle; width:145px; height:11px; margin-left:-29px; background:url(../images/dot10.png) no-repeat center center; margin-top:10px }

.rplist{ margin:0 -6px; padding-top:28px; margin-bottom:25px; overflow:hidden }

.rplist li{ width:25%; float:left; padding:0 6px; margin-bottom:21px }

.rplist li .pic img{ transition:.5s }

.rplist li .pic:after{ padding-bottom:100% }

.rplist li .bt{ color:#333; font-size:15px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:51px }

.rplist li:hover .pic img{ transform:scale(1.05) }

.rplist li:hover .bt{ color:#c50000 }

.prolist{ padding-top:44px; margin-bottom:25px; overflow:hidden }

.prolist li{ width:100%; margin-bottom:21px; padding-bottom:21px; overflow:hidden; border-bottom:1px solid #f0f0f0 }

.prolist li .box{ position:relative; height:180px; padding-left:210px }

.prolist li .pic{ width:180px; height:180px; position:absolute; top:0; left:0 }

.prolist li .pic img{ transition:.5s }

.prolist li .pic:after{ padding-bottom:100% }

.prolist li .text{ padding-top:12px }

.prolist li .bt{ color:#333; font-size:20px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:11px }

.prolist li .jsh{ font-size:13px; color:#333; line-height:26px; height:52px; overflow:hidden; margin-bottom:27px }

.prolist li .more{ width:130px; height:40px; line-height:38px; border:1px solid #e5e5e5; border-radius:30px; padding-left:25px; font-size:14px; color:#333; background:url(../images/more1.png) no-repeat 90px center }

.prolist li:hover .pic img{ transform:scale(1.05) }

.prolist li:hover .bt{ color:#c50000 }

.prolist li:hover .more{ border:1px solid #c50000; color:#fff; background:#c50000 url(../images/more1h.png) no-repeat 90px center }

.sale{ font-size:14px; color:#333; line-height:30px; padding-top:30px; padding-bottom:73px }

.about{ font-size:14px; color:#333; line-height:30px; padding-top:30px; padding-bottom:73px }

.honor1{ overflow:hidden; margin:0 -19px; padding-top:41px }

.honor1 li{ width:33.333333333333336%; float:left; padding:0 19px; margin-bottom:31px }

.honor1 li a .pic{ border:1px solid #efefef }

.honor1 li a .pic img{ transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear; -webkit-transition:all .3s linear }

.honor1 li a .pic:after{ padding-bottom:70.62937062937063% }

.honor1 li a .pic i{ background:rgba(0, 0, 0, 0.5); text-align:center; position:absolute; z-index:100; top:0; display:none; width:100%; height:100% }

.honor1 li a .pic i img{ margin-top:-25px; width:50px; height:50px; position:absolute; top:50%; left:50%; margin-left:-25px }

.honor1 li a span{ color:#333; margin-top:8px; height:30px; line-height:30px; overflow:hidden; text-align:center; display:block; text-overflow:ellipsis; white-space:nowrap; max-width:100% }

.honor1 li a:hover .pic i{ display:block }

.honor2 li{ width:25% }

.honor2 li a .pic:after{ padding-bottom:141.58415841584159% }

.historybg{ background:url("../images/history.png") no-repeat bottom center }

.history{ padding:41px 0 25px 0 }

.history ul{ padding:50px 0 10px 0; position:relative }

.history ul:before{ content:''; display:block; width:5px; height:45px; position:absolute; top:0; left:50%; margin-left:-2.5px; background:url(../images/line.jpg) no-repeat top center; z-index:2 }

.history ul:after{ content:''; display:block; width:5px; height:100%; position:absolute; top:0; left:50%; margin-left:-2.5px; background:#eee; z-index:1 }

.history ul li{ position:relative; z-index:2; margin-bottom:31px; margin-top:-49px }

.history ul li dl{ position:relative; min-height:74px }

.history ul li dl dt{ width:50%; float:right; padding-left:55px; position:relative }

.history ul li dl dt:before{ content:''; display:block; width:13px; height:13px; position:absolute; left:-6.5px; top:5px; background:#c50000; border-radius:50% }

.history ul li dl dt:after{ content:''; display:block; width:34px; height:1px; position:absolute; left:6px; top:10px; border-bottom:1px dashed #aaa }

.history ul li dl dt .text{ display:inline-block; position:relative }

.history ul li dl dt .bt{ display:block; font-size:16px; color:#c50000; font-weight:bold }

.history ul li dl dt .jsh{ display:block; font-size:14px; color:#232323; line-height:30px }

.history ul li dl dt .jsh p{ position:relative; padding-left:15px }

.history ul li dl dt .jsh p:before{ content:''; display:block; position:absolute; left:0; top:15px; width:2px; height:2px; background:#333 }

.history ul .b14 dl dt .bt{ color:#fff; text-shadow:0 0 5px rgba(0, 0, 0, 0.64) }

.history ul .b14 dl dt .jsh{ color:#fff; text-shadow:0 0 5px rgba(0, 0, 0, 0.64) }

.history ul .b14 dl dt .jsh p:before{ background:#fff }

.history ul li:nth-child(1){ margin-top:0 }

.history ul li:nth-child(2n) dl dt{ float:left; padding-left:0; padding-right:55px }

.history ul li:nth-child(2n) dl dt:before{ right:-6.5px; left:auto }

.history ul li:nth-child(2n) dl dt:after{ left:auto; right:6px }

.history ul li:nth-child(2n) dl dt .text{ text-align:right; float:right }

.history ul li:nth-child(2n) dl dt .jsh p{ padding-right:15px; padding-left:0 }

.history ul li:nth-child(2n) dl dt .jsh p:before{ left:auto; right:0 }

.pro-h1{ text-align:center; font-size:20px; color:#333; font-weight:bold }

.pro-info{ font-size:14px; line-height:28px; color:#333; padding:37px 0 }

.news-h1{ text-align:center; font-size:24px; color:#333; font-weight:bold; border-bottom:1px solid #f1f1f1; padding-bottom:13px; margin-bottom:13px }

.news-h2{ text-align:center; font-size:14px; color:#999; line-height:24px }

.news-info{ font-size:16px; line-height:36px; color:#333; padding:36px 0 }

.news-more a{ width:100px; height:34px; line-height:32px; text-align:center; border-radius:30px; display:block; margin:0 auto; border:1px solid #eee; font-size:15px; color:#666 }

.news-more a:hover{ background:#c50000; color:#fff; border:1px solid #c50000 }

@font-face{
font-family:"DIN-Medium";
src:url("../font/DIN-Medium.woff2") format("woff2"), url("../font/DIN-Medium.woff") format("woff"), url("../font/DIN-Medium.ttf") format("truetype"), url("../font/DIN-Medium.eot") format("embedded-opentype"), url("../font/DIN-Medium.svg") format("svg");
font-weight:normal;
font-style:normal
}

.p{ padding-left:19px; font-size:14px; color:#333; margin-bottom:48px; line-height:30px }

.second-nav{ display:inline-block; border-radius:30px; margin-left:19px; background:#f3f3f3; margin-bottom:40px }

.second-nav li{ float:left }

.second-nav li a{ width:86px; height:38px; line-height:38px; color:#999; font-size:20px; display:block; text-align:center; font-family:"DIN-Medium" }

.second-nav li a:hover{ color:#c50000 }

.second-nav .active a{ color:#fff; background:#c50000; border-radius:30px; box-shadow:0 4px 10px 0 rgba(4, 0, 0, 0.2) }

.newslist{ margin-left:19px; margin-bottom:46px; overflow:hidden }

.newslist li .box{ border-bottom:1px solid #f1f1f1; padding-bottom:23px; margin-bottom:15px }

.newslist li .date{ color:#999; font-size:14px; margin-bottom:9px }

.newslist li .bt{ font-size:20px; color:#333; line-height:30px; position:relative; padding-right:80px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:16px }

.newslist li .bt .more{ font-size:12px; color:#999; position:absolute; top:0; right:0; font-weight:normal }

.newslist li .jsh{ font-size:14px; color:#333; line-height:26px; height:52px; overflow:hidden }

.newslist li:Hover .bt{ color:#c50000 }

.newslist li:Hover .bt .more{ color:#c50000 }

.shoulist{ padding-top:40px }

.shoulist li{ overflow:hidden; margin-bottom:53px }

.shoulist li .pic{ width:483px; height:293px; float:left; z-index:2 }

.shoulist li .text{ width:542px; float:right; margin-left:-60px; position:relative; z-index:1; margin-right:-20px }

.shoulist li .text .span{ background:url("../images/line1.png") no-repeat center center; width:93px; height:54px; margin-left:84px }

.shoulist li .text .info{ padding:43px 23px 23px 89px; overflow:hidden; background:#f5f5f5; min-height:286px }

.shoulist li .text .info .bt{ font-size:18px; color:#333; margin-bottom:25px }

.shoulist li .text .info .jsh{ font-size:14px; color:#333; line-height:28px }

.shoulist li:nth-child(2n) .pic{ float:right; margin-right:-20px }

.shoulist li:nth-child(2n) .text{ float:left; margin-left:0; margin-right:-60px }

.shoulist li:nth-child(2n) .text .span{ margin-left:36px }

.shoulist li:nth-child(2n) .text .info{ padding:60px 89px 23px 50px }

.nr1{ font-size:15px; color:#333; padding-left:33px }

.page{ text-align:right; overflow:hidden; font-size:0; color:#838383; margin:0 -6px }

.page a{ color:#838383; display:inline-block; font-size:14px; line-height:28px; height:30px; padding:0 11px; margin:0 6px; font-family:arial; background:#fff; border:1px #d2d2d2 solid; -webkit-transition:all .5s; transition:all .5s }

.page a.cpb, .page a:hover{ background:#c50000; border:1px #c50000 solid; color:#fff }

.page a.prev:hover{ background:#c50000 }

.page a.next:hover{ background:#c50000 }

.page a.first:hover, .page a.prev:hover, .page a.next:hover, .page a.last:hover{ background:#c50000; border:1px #c50000 solid; color:#fff }

@font-face{
font-family:'dinmedium';
src:url('../font/din-medium-webfont.eot');
src:url('../font/din-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/din-medium-webfont.woff2') format('woff2'), url('../font/din-medium-webfont.woff') format('woff'), url('../font/din-medium-webfont.svg#dinmedium') format('svg');
font-weight:normal;
font-style:normal
}

.red{ color:#c50000 }

a.red{ color:#c50000 }

a.red:hover{ text-decoration:underline }

.message{ padding:20px 0 0 0 }

.message .h3{ color:#c50000; font-size:24px; font-weight:700 }

.message .nr{ max-width:622px; padding:40px 0 0 0; margin:0 auto 0 auto }

.message .jsh{ margin-bottom:50px; line-height:28px; color:#333 }

.message .list input, .message .list textarea, .message .list select{ border:1px #e5e5e5 solid; padding:0 20px 0 45px; width:100%; transition:all .5s; color:#333 }

.message .list input::-webkit-input-placeholder, .message .list textarea::-webkit-input-placeholder, .message .list select::-webkit-input-placeholder{ color:#b0b0b0 }

.message .list input::-moz-placeholder, .message .list textarea::-moz-placeholder, .message .list select::-moz-placeholder{ color:#b0b0b0 }

.message .list input:-moz-placeholder, .message .list textarea:-moz-placeholder, .message .list select:-moz-placeholder{ color:#b0b0b0 }

.message .list input::-ms-input-placeholder, .message .list textarea::-ms-input-placeholder, .message .list select::-ms-input-placeholder{ color:#b0b0b0 }

.message .list input:focus, .message .list textarea:focus, .message .list select:focus{ border:1px #7d7d7d solid; color:#333 }

.message .list select::-ms-expand{ display:none }

.message .list input{ height:42px; line-height:40px }

.message .list .select{ width:100%; position:relative }

.message .list .select:after{ content:""; display:block; display:none \9; width:8px; height:8px; border-bottom:1px #b6b6b6 solid; border-right:1px #b6b6b6 solid; position:absolute; top:0; bottom:0; right:15px; margin:auto; transform:rotate(45deg); pointer-events:none }

.message .list select{ height:42px; line-height:40px; color:#b0b0b0; background:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding-right:0 \9 \0 }

.message .list textarea{ line-height:30px; padding:5px 20px 5px 45px; height:100px }

.message .list li{ padding:0 6px 12px 6px }

.message .list .li-02{ width:50%; float:left }

.message .list .box{ position:relative }

.message .list .icon{ position:absolute; top:9px; left:14px }

.message .list .icon-01{ display:block }

.message .list .icon-02{ display:none }

.message .list .cur .icon-01{ display:none }

.message .list .cur .icon-02{ display:block }

.message .list .btns{ font-size:0; padding-top:25px; overflow:hidden }

.message .list .btns a{ display:inline-block; background:#f4f4f4; line-height:40px; min-width:132px; text-align:center; font-size:16px; color:#666 }

.message .list .btns a:hover{ background:#e4e4e4 }

.message .list .btns .submit{ background:#c50000; color:#fff; margin-right:15px }

.message .list .btns .submit:hover{ background:#b40000 }

.contact{ padding:20px 0 0 0; line-height:30px; color:#333 }

.contact .nr{ padding:30px 0 0 0 }

.contact .h3{ color:#c50000; font-size:20px; font-weight:700 }

.contact a{ color:#333 }

.contact a:hover{ color:#c50000; text-decoration:underline }

#allmap{ margin-top:50px; height:580px }

#allmap img{ max-width:initial; max-height:initial }

.job{ line-height:30px; color:#333; padding:20px 0 0 0 }

.job .h3{ color:#c50000; font-size:24px; font-weight:700 }

.job .nr{ padding:30px 0 0 0 }

.job .list{ margin:40px 0 60px 0 }

.job .list li{ padding-bottom:35px }

.job .list li:last-child{ padding-bottom:0 }

.job .list .box{ background:#f8f8f8; color:#333; line-height:28px; padding:30px 40px 30px 60px }

.job .list .title{ color:#333; font-size:18px; font-weight:700; margin-bottom:20px; padding-right:120px; position:relative }

.job .list .title:before{ content:""; display:block; width:5px; height:5px; background:#333; border-radius:50%; position:absolute; top:12px; left:-15px }

.job .list .tdjl{ float:right; color:#c50000; font-weight:400; position:absolute; right:0; top:0 }

.job .list .tdjl img{ float:left; margin:2px 5px 0 0 }

.job .list .tdjl:hover{ text-decoration:underline }

.download{ line-height:30px; color:#333; padding:20px 0 0 0 }

.download .h3{ color:#c50000; font-size:24px; font-weight:700 }

.download .nr{ padding:30px 0 0 0 }

.download .list{ margin-bottom:30px }

.download .list li{ width:50%; float:left; padding:0 15px 30px 15px }

.download .list .box{ border:1px #eee solid; display:block; padding:25px 25px 25px 25px; min-height:122px; overflow:hidden }

.download .list .pic{ display:block; width:70px; height:70px; position:relative; float:left; margin-right:35px }

.download .list .default{ display:block }

.download .list .hover{ display:none }

.download .list .title{ color:#333; font-size:16px; font-style:italic; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:10px }

.download .list .btn{ color:#333; padding-left:30px; position:relative }

.download .list .btn:before{ content:""; display:inline-block; width:25px; height:25px; background:url(../images/icon/download-01.png) no-repeat center left; vertical-align:top; margin:2px 5px 0 0 }

.download .list .box:hover{ border-color:#c50000 }

.download .list .box:hover .pic .default{ display:none }

.download .list .box:hover .pic .hover{ display:block }

.download .list .box:hover .btn{ color:#c50000 }

.download .list .box:hover .btn:before{ background:url(../images/icon/download-02.png) no-repeat center left }

.service img{ vertical-align:middle }

.service .pic{ width:auto }

.service .pic:after{ display:none }

.service .titleBig{ text-align:center; font-size:36px; font-weight:700; color:#333; line-height:1 }

.service .ywzhch .nr{ position:relative; padding-left:280px; margin-top:40px }

.service .ywzhch .picBig{ display:block; position:absolute; top:50px; left:0; padding:35px 0 0 0 }

.service .ywzhch .picBig span{ display:block; position:relative; width:366px; height:366px; border-radius:50% }

.service .ywzhch .picBig span:after{ content:""; display:block; width:412px; height:412px; border-radius:50%; background:url(../images/circle-01.png) no-repeat top right; position:absolute; top:-23px; right:-23px }

.service .ywzhch .list li{ clear:both; padding-bottom:40px; overflow:hidden }

.service .ywzhch .list .li-01{ padding-bottom:45px }

.service .ywzhch .list .li-02{ padding-bottom:44px; padding-left:100px }

.service .ywzhch .list .li-03{ padding-bottom:58px; padding-left:140px }

.service .ywzhch .list .li-04{ padding-bottom:55px; padding-left:140px }

.service .ywzhch .list .li-05{ padding-left:80px }

.service .ywzhch .list .pic{ width:50px; height:50px; display:inline-block; float:left; margin-right:15px }

.service .ywzhch .list .text{ line-height:40px; border-bottom:1px #e3e3e3 dashed; position:relative; padding:0 0 6px 0; float:left }

.service .ywzhch .list .text:before{ content:""; display:block; width:6px; height:6px; background:#c2c2c2; box-shadow:0 0 0 6px #fff; transform:rotate(45deg); position:absolute; bottom:-3px; left:0 }

.service .ywzhch .list .num{ font-size:25px; font-style:italic; color:#c50000; font-family:dinmedium; margin-right:10px; vertical-align:top }

.service .ywzhch .list .title{ font-size:22px; font-weight:700; color:#c50000; display:inline-block; vertical-align:top }

.service .ywzhch .list .info{ font-size:15px; color:#333; display:inline-block; vertical-align:top }

.service .jshzhch{ padding-top:100px; padding-bottom:70px }

.service .jshzhch .nr{ margin-top:50px }

.service .jshzhch .desc{ text-align:center; color:#333; line-height:28px; margin-bottom:40px }

.service .jshzhch .list{ position:relative }

.service .jshzhch .list:before{ content:""; display:block; width:100%; height:1px; background:#fff; position:absolute; bottom:0; left:0 }

.service .jshzhch .list li{ width:33.333333333333336%; float:left; border-right:1px #e3e3e3 dashed; border-bottom:1px #e3e3e3 dashed }

.service .jshzhch .list li:nth-child(4){ clear:left}
.service .jshzhch .list li:nth-child(4),.service .jshzhch .list li:nth-child(5) {
border-bottom:0;
}
.service .jshzhch .list li:nth-child(3n){ border-right:0 }
.service .jshzhch .list li:nth-child(1) .box,.service .jshzhch .list li:nth-child(2) .box,.service .jshzhch .list li:nth-child(3) .box{padding-top:0;}
.service .jshzhch .list .box{ text-align:center; padding:40px 20px 0 20px }

.service .jshzhch .list .pic{ width:40px; height:40px; margin:auto auto 10px auto }

.service .jshzhch .list .title{ font-weight:700; color:#c50000; font-size:21px; margin-bottom:10px }

.service .jshzhch .list .info{ line-height:21px;    min-height: 84px; }

.service .pxzhch{ padding-top:30px }

.service .pxzhch .nr{ margin-top:50px }

.service .pxzhch .left{ width:31%; float:left; font-size:19px; color:#333; position:relative }

.service .pxzhch .left .text{ background:#fff; border-radius:10px; box-shadow:0 0 21px 0 rgba(0, 0, 0, 0.09); text-align:center; padding:15px 30px; position:absolute; width:290px; bottom:-27px; left:20px }

.service .pxzhch .left .tel{ color:#c50000; font-size:36px; font-style:italic; font-family:dinmedium; font-weight:700 }

.service .pxzhch .list{ width:69%; float:left; padding:20px 0 0 60px }

.service .pxzhch .list li{ clear:both; padding-bottom:35px }

.service .pxzhch .list .box{ display:flex }

.service .pxzhch .list .title{ font-weight:700; color:#c50000; font-size:24px; float:left; margin-right:20px; flex:0 0 100px }

.service .pxzhch .list .info{ font-size:15px; line-height:30px; color:#333 }

@media (max-width:1280px){
.container{ width:1260px; padding:0 10px }

.footer .footer-top .list ul li{ padding-left:30px; margin-left:30px }
.related .related-title:after {
    margin-left: 0;
    }
}

/***************新增********************/
.transparent {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none;
}

.factory {
    position: fixed;
    z-index: 999;
    width: 622px;
    height: 410px;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 7px;
    display: none;
    border: 1px #e5e5e5 solid;
    border-radius:5px;
}

.factory .close {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 3px;
    top: 2px;
    z-index: 5;
    background: url(../images/close-icon.png) no-repeat center center;
}

.factory .box {
    height: 100%;
    text-align: center;
}

.content .aside .aside-bottom .text .jsh .one{ position:relative; padding-left:43px }

.content .aside .aside-bottom .text .jsh .one span{ position:absolute; top:0; left:0 }


 
.related .slick-prev:before, .related .slick-next:before{ content:'' }

.related .slick-prev{ content:''; display:block; width:25px; height:84px; margin-top:-42px; left:-10px; z-index:4; top:50%;  background:#eaeaea url(../images/left.png) no-repeat center center !important }

.related .slick-prev:hover{ background:#c50000 url(../images/lefth.png) no-repeat center center !important }

.related .slick-next{ content:''; display:block; width:25px; height:84px; margin-top:-42px; z-index:4; top:50%; right:-10px;  background:#eaeaea url(../images/right.png) no-repeat center center !important }

.related .slick-next:hover{ background:#c50000 url(../images/righth.png) no-repeat center center !important }
