html
{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    line-height:1.15;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}


body {
    font-family:"Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    line-height:1.42857143;
    font-size:14px;
    min-width:1230px;
    background:#fff;
    color:#333;
    margin:0;
}

h1
{
    font-size:2em;
    margin:.67em 0;
}

figure
{
    margin:1em 40px;
}

hr
{
    box-sizing:content-box;
    height:0;
    overflow:visible;
}

a
{
    -webkit-text-decoration-skip:objects;
    background-color:transparent;
    color:#333;
    text-decoration:none;
}

.more{
    transition:all .5s;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 30px;
    padding: 0 12px;
    color: #888888;
    border: 1px solid #cccccc;
}
.more:hover {
    color: #fff;
    border-color: #004b9d;
    background: #004b9d;
}

abbr[title]
{
    border-bottom:none;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
}

b,strong
{
    font-weight:bolder;
}

dfn
{
    font-style:italic;
}

mark
{
    background-color:#ff0;
    color:#000;
}

small
{
    font-size:80%;
}

sub,sup
{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}

sub
{
    bottom:-.25em;
}

sup
{
    top:-.5em;
}

audio:not([controls])
{
    display:none;
    height:0;
}

img
{
    border-style:none;
}

button,input,optgroup,select,textarea
{
    line-height:1.42857143;
    outline:none;
    margin:0;
}

body,button,input,select,textarea
{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -moz-font-feature-settings:liga,kern;
}

button,input
{
    overflow:visible;
}

button,select
{
    text-transform:none;
}

button,html [type=button],/* 1 */
[type=reset],[type=submit]
{
    -webkit-appearance:button;
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner
{
    border-style:none;
    padding:0;
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring
{
    outline:1px dotted ButtonText;
}

fieldset
{
    padding:.35em .75em .625em;
}

legend
{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    white-space:normal;
    padding:0;
}

progress
{
    display:inline-block;
    vertical-align:baseline;
}

textarea
{
    overflow:auto;
}

[type=checkbox],[type=radio]
{
    box-sizing:border-box;
    padding:0;
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button
{
    height:auto;
}

[type=search]
{
    -webkit-appearance:textfield;
    outline-offset:-2px;
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration
{
    -webkit-appearance:none;
}

::-webkit-file-upload-button
{
    -webkit-appearance:button;
    font:inherit;
}

summary
{
    display:list-item;
}

pre,code,kbd,samp
{
    font-family:monospace, monospace;
    font-size:1em;
}

audio,video,canvas
{
    display:inline-block;
}

.clearfix
{
    zoom:1;
}

.clearfix:before,.clearfix:after
{
    display:table;
    line-height:0;
    content:"";
}

.clearfix:after
{
    clear:both;
}

ul
{
    list-style:none;
    margin:0;
    padding:0;
}

li
{
    list-style:none;
}

.f10
{
    font-size:10px;
}

.f11
{
    font-size:11px;
}

.f12
{
    font-size:12px;
}

.f13
{
    font-size:13px;
}

.f14
{
    font-size:14px;
}

.f15
{
    font-size:15px;
}

.f16
{
    font-size:16px;
}

.more a
{
    color:#fff;
    background-color:#004b9d;
    transition-duration:.6s;
    padding:5px 15px;
}

.more a:hover
{
    transition-duration:.6s;
    background-color:#3d80ca;
}

.img-center
{
    text-align:center;
    font-size:0;
}

.img-center img
{
    display:inline-block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:auto;
    vertical-align:middle;
    transition:all .5s;
}
.img-center-small img{
    display:inline-block;
    width:auto;
    height:auto;
    max-width:100px;
    max-height:auto;
    vertical-align:middle;
    transition:all .5s;
    cursor: pointer;
}

.img-cover
{
    overflow:hidden;
    position:relative;
}

.container
{
    width:1200px;
    margin:0 auto;
    padding:0 15px;
}

.kf
{
    width:208px;
    position:fixed;
    right:-208px;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
}

.kt-top
{
    height:40px;
    line-height:40px;
    background:url(../images/kefu.png) 12px center no-repeat #004b9d;
    -ms-background-size:auto 20px;
    background-size:auto 20px;
    padding-left:46px;
    font-size:14px;
    color:#fff;
}

.kt-top span:hover
{
    transform:rotate(90deg);
}

.kt-top span
{
    width:18px;
    height:16px;
    float:right;
    position:relative;
    cursor:pointer;
    transition:.5s;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    margin:10px 10px 0 0;
}

.kt-top span b
{
    width:100%;
    height:2px;
    background:#fff;
    display:block;
    position:absolute;
    top:50%;
    left:0;
}

.kt-top span b:first-child
{
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}

.kt-top span b:last-child
{
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
}

.kf .con
{
    overflow:hidden;
    background:#fff;
}

.kf .qq li
{
    height:36px;
    line-height:36px;
    border-bottom:#f5f5f5 solid 1px;
    padding-left:16px;
}

.kf .qq li a
{
    height:36px!important;
    color:#666;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-decoration:initial;
    display:block;
}

.kf .qq li a img
{
    padding-right:6px;
}

.kf .con h5
{
    height:26px;
    line-height:26px;
    margin-top:12px;
    background:url(../images/lianxi.png) 16px center no-repeat;
    padding-left:45px;
    color:#666;
    font-size:14px;
    margin-bottom:0;
}

.kf .contact
{
    margin-top:1px;
    height:auto;
}

.kf .contact p
{
    height:26px;
    line-height:26px;
    color:#666;
    font-size:14px;
    padding-left:22px;
    margin:0;
}

.kf .contact p:nth-child(2n)
{
    padding-left:32px;
}

.kf .con h5.qr-icon
{
    background:url(../images/erweima.png) 16px center no-repeat;
}

.kf .con .qr
{
    margin-top:10px;
    padding-left:40px;
}

.kf .con .qr img
{
    width:110px;
    height:110px;
}

.kf .backTop
{
    width:100%;
    height:40px;
    margin-top:10px;
    background:url(../images/huidaodingbu.png) center center no-repeat #004b9d;
    background-size:18px auto;
    cursor:pointer;
}

.kf-side
{
    background:#004b9d;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    left:-34px;
    cursor:pointer;
    padding:18px 10px 10px;
}

.kf-side b
{
    display:block;
    color:#fff;
    line-height:18px;
    font-size:14px;
    font-weight:400;
}

.kf-side span.arrow
{
    width:12px;
    height:12px;
    background:url(../images/jt-1.png) no-repeat;
    -ms-background-size:auto 12px;
    background-size:auto 12px;
    display:block;
    margin-top:10px;
}

.kf-side span.on
{
    background:url(../images/jt-2.png) no-repeat;
    -ms-background-size:auto 12px;
    background-size:auto 12px;
}


.footer-fix
{
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background-color:#fff;
    z-index:10;
    display:none;
}

.footer-fix li a
{
    display:block;
    text-align:center;
    font-size:12px;
    line-height:1;
    padding:7px 0;
}

.footer-fix li i
{
    display:block;
    height:20px;
    background:no-repeat center;
    background-size:contain;
    margin-bottom:4px;
}

.footer-fix li i.i1
{
    background-image:url(../images/f_01.png);
}

.footer-fix li i.i2
{
    background-image:url(../images/f_02.png);
}

.footer-fix li i.i3
{
    background-image:url(../images/f_03.png);
}

.footer-fix li i.i4
{
    background-image:url(../images/f_04.png);
}

.swiper-button-prev,.swiper-button-next
{
    outline:none;
}

.topbar
{
    background-color:#004b9d;
    color:#fff;
    padding:8px 0;
    font-weight: 400;
}

.header
{
    background-color:#fff;
}

.header .logo
{
    float:left;
    font-size:0;
    height:70px;
    line-height:70px;
    text-align:left;
    padding:15px 0;
}

.header .nav
{
    font-size:0;
    float:right;
}

.header .nav li
{
    display:inline-block;
    vertical-align:middle;
    float:left;
    position:relative;
}

.header .nav li:after
{
    content:'';
    display:block;
    position:absolute;
    height:10px;
    width:1px;
    background-color:#333;
    top:50%;
    margin-top:-5px;
    right:0;
}
.header .nav li:nth-last-child(1):after{
    height:0;
    width:0;
}

.header .nav li a
{
    display:block;
    font-size:16px;
    line-height:100px;
    padding:0 20px;
}

.header .nav li .arr
{
    float:right;
    height:40px;
    width:40px;
    position:relative;
    display:none;
}

.header .nav li .arr:after
{
    content:'';
    border-top:2px solid #ccc;
    border-left:2px solid #ccc;
    box-sizing:content-box;
    display:block;
    width:8px;
    height:8px;
    position:absolute;
    top:0;
    bottom:0;
    transform:rotate(135deg);
    right:15px;
    margin:auto;
}

.header .nav .dropdown-box
{
    position:absolute;
    left:0;
    min-width:100%;
    top:100%;
    display:none;
    z-index:10;
    text-align:center;
    box-shadow:0 6px 12px rgba(0,0,0,0.18);
    background-color:rgba(255,255,255,0.9);
}

.header .nav .dropdown-box p
{
    border-bottom:dotted 1px #ccc;
    margin:0;
}

.header .nav .dropdown-box a
{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:14px;
    background-color:transparent!important;
    line-height:40px;
    color:#333!important;
    padding:0 10px;
}

.header .nav .dropdown-box a:hover
{
    background-color:#fff!important;
    color:#004b9d!important;
}

.menu-btn
{
    display:none;
    float:right;
    margin-left:15px;
    padding:6px 0;
}

.menu-btn:before,.menu-btn:after,.menu-btn span
{
    display:block;
    height:2px;
    background-color:#004b9d;
    content:'';
}

.menu-btn:before
{
    width:24px;
}

.menu-btn:after
{
    width:18px;
    margin-left:6px;
}

.menu-btn span
{
    width:12px;
    margin:6px 0 6px 12px;
}

.yunu-link
{
    padding:20px 0;
}

.yunu-link h4
{
    border-bottom:1px solid #ddd;
    font-size:18px;
    color:#004b9d;
    padding-bottom:15px;
    margin:0;
}

.yunu-link h4 small
{
    text-transform:uppercase;
    font-size:16px;
    font-weight:400;
    color:#999;
}

.yunu-link ul
{
    margin-left:-20px;
}

.yunu-link li
{
    float:left;
    margin-left:20px;
    margin-top:20px;
}

.yunu-showcase
{
    margin:0 0 40px;
}

.yunu-showcase-info
{
    margin-left:550px;
}

.yunu-showcase-info h1
{
    font-size:24px;
    font-weight:400;
    margin:0 0 20px;
}

.yunu-showcase-info .desc
{
    color:#666;
    line-height:1.8;
    margin-bottom:30px;
}

.yunu-showcase-info .cn
{
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    margin:15px 0;
    padding:10px 0;
}

.yunu-showcase-info p
{
    line-height:1.8;
    margin:5px 0 0;
}

.yunu-showcase-info p strong
{
    color:#004b9d;
    font-size:24px;
    line-height:1;
}

.yunu-showcase-info .tel
{
    margin-top:20px;
}

.yunu-showcase-info .tel a
{
    line-height:42px;
    color:#fff;
    display:inline-block;
    width:160px;
    text-align:center;
    background-color:#004b9d;
    border:1px solid transparent;
    font-size:16px;
    border-radius:3px;
}

.yunu-showcase-info .tel a.ac
{
    background-color:#282828;
    margin-left:15px;
    border-color:#282828;
}

.pc-slide
{
    float:left;
    width:500px;
}

.pc-slide .view
{
    border:1px solid #ddd;
}

.view .swiper-slide .img-center
{
    width:100%;
    height:400px;
    line-height:400px;
}

.preview
{
    width:100%;
    margin-top:10px;
    position:relative;
}

.preview .swiper-container
{
    margin:0 30px;
}

.preview .swiper-slide .img-center
{
    border:1px solid #ddd;
    cursor:pointer;
    position:relative;
}

.preview .arrow-left
{
    background:url(../images/feel3.png) no-repeat left top;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-9px;
    width:9px;
    height:18px;
    z-index:10;
}

.preview .arrow-right
{
    background:url(../images/feel4.png) no-repeat left bottom;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-9px;
    width:9px;
    height:18px;
    z-index:10;
}

.preview .active-nav .img-center
{
    border-color:#004b9d;
}

div.zoomDiv
{
    z-index:999;
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    border:1px solid #ddd;
    display:none;
    text-align:center;
    overflow:hidden;
    font-size:0;
}

div.zoomMask
{
    position:absolute;
    background:url(../images/mask.png) repeat scroll 0 0 transparent;
    cursor:move;
    z-index:1;
}

.in-sou
{
    padding:30px 0;
}

.in-sou .desc
{
    float:left;
    width:410px;
    margin-right:30px;
}

.in-sou .desc h4
{
    font-weight:400;
    font-size:22px;
    margin:0;
}

.in-sou .desc span
{
    display:inline-block;
    background-color:#004b9d;
    color:#fff;
    padding:2px 10px;
    border-radius: 5px;
}

.in-sou .hform
{
    width:400px;
    border-left:1px solid #dcdcdc;
    border-right:1px solid #dcdcdc;
    float:left;
    padding:0 50px;
}

.in-sou .hform input
{
    float:left;
    border:0;
    border-top:1px solid #a0a0a0;
    border-bottom:1px solid #a0a0a0;
    font-size:14px;
    width:310px;
    border-left:1px solid #a0a0a0;
    border-right:1px solid #a0a0a0;
    padding:9px 15px 9px 5px;
}

.in-sou .hform button
{
    float:right;
    border:0;
    cursor:pointer;
    background-color:#004b9d;
    color:#fff;
    font-size:14px;
    line-height:40px;
    width:60px;
    padding:0;
}

.in-sou .hform p
{
    font-size:12px;
    color:#999;
    margin:10px 0 0;
}

.in-sou .tel
{
    float:right;
    font-size:16px;
}

.in-sou .tel strong
{
    display:block;
    font-size:29px;
}

.section
{
    padding:50px 0;
}

.section-title
{
    margin-bottom:30px;
    text-align:center;
    font-size:32px;
}

.section-title small
{
    display:block;
    text-transform:uppercase;
    position:relative;
    font-size:0;
    color:#666;
    margin-top:5px;
}

.section-title small:before
{
    content:'';
    width:100%;
    height:2px;
    background-color:#d9dadc;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-1px;
}

.section-title small em
{
    position:relative;
    display:inline-block;
}

.section-title small em:before,.section-title small em:after
{
    position:absolute;
    top:50%;
    content:'';
    width:8px;
    height:8px;
    background-color:#d9dadc;
    border-radius:50%;
    margin-top:-4px;
}

.section-title small em:before
{
    left:100%;
}

.section-title small em:after
{
    right:100%;
}

.section-title small i
{
    font-style:normal;
    display:inline-block;
    font-size:14px;
    vertical-align:middle;
    background-color:#fff;
    padding:0 20px;
}

.section-title p
{
    font-size:20px;
    color:#999;
    margin:10px 0 0;
}

.pro-full{
    background: url("../images/pro-full-bg.jpg");
    background-repeat: repeat-x;
    background-position: bottom;
}
.in-prod-menu
{
    text-align:center;
    display:table;
    width:100%;
    margin:0 auto;
    margin-bottom: 20px;
}

.in-prod-menu li:nth-child(7)
{
    width:19%;
}

.in-prod-menu li a
{
    display:block;
    color:#fff;
    line-height:30px;
    font-size:14px;
    text-align:center;
    transition:all .5s;
    /*border:1px solid #d9dadc;*/
    background-color:#004b9d;
    border-radius:5px;
    margin:0 0 5px 30px;
    padding:5px 15px;
}

.in-prod-list
{
    margin:0 0 -15px -15px;
}

.in-prod-list li{
    float:left;
    width:24.1%;
    margin-right: 1.2%;
    margin-bottom: 15px;
}
.in-prod-list li:nth-child(4n){
    margin-right: 0%;
}

.in-prod-list li a
{
    display:block;
    background-color:#fff;
    margin:0;
    padding:0;
}

.in-prod-list li .img-center
{
    height:242px;
    line-height:242px;
}
.in-prod-list li img{
    max-width: 100%;
    transition: all 0.5s;
    width:293px;
    height: 223px;
}
.in-prod-list li img:hover{
    transform: scale(1.1);
}

.in-prod-list li h4
{
    font-size:18px;
    font-weight:400;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align:center;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.in-prod-list li .texts{
    font-size: 0;
    overflow: hidden;
}
.in-prod-list li p
{
    color:#999;
    height:40px;
    overflow:hidden;
    margin:10px 0 0;
}

.in-prod-list li .btn
{
    font-size:0;
}

.in-prod-list li .btn span
{
    display:inline-block;
    vertical-align:middle;
    line-height:36px;
    width:120px;
    text-align:center;
    background-color:#004b9d;
    color:#fff;
    font-size:14px;
    margin:10px 10px 0 0;
}

.in-prod-list li .btn i
{
    font-style:normal;
    margin-left:10px;
}


.in-jiagong-menu
{
    display:table;
    text-align:center;
    width:unset;
    margin:0 auto;
    margin-bottom: 20px;
}

.in-jiagong-menu li
{
    width:unset!important;
}

.bg1
{
    background:url(../images/pro_adv_bg.jpg) no-repeat center / cover;
}

.bg1 .section-title
{
    color:#fff;
    border-bottom:2px solid rgba(255,255,255,.5);
    padding-bottom:15px;
}

.in-pro-adv
{
    overflow:hidden;
    background:url(../images/pro-adv.png) no-repeat center;
    color:#fff;
}

.in-pro-adv ul
{
    margin:-30px 0 0 -400px;
}

.in-pro-adv dl
{
    border-top:1px solid #d3d3d3;
    width:400px;
    margin:0 0 0 400px;
    padding:50px 0;
}

.in-pro-adv dt
{
    float:left;
    width:60px;
    height:60px;
    background:no-repeat center #004b9d;
    border-radius:50%;
}

.in-pro-adv dd
{
    margin-left:80px;
}

.in-pro-adv dd h4
{
    font-size:18px;
    margin:0;
}

.in-pro-adv dd p
{
    line-height:1.8;
    height:75px;
    overflow:hidden;
    margin:10px 0 0;
}

.in-pro-adv li:nth-child(odd) dd
{
    text-align:right;
    margin:0 80px 0 0;
}

.in-standard
{
    padding:50px 0 20px;
}

.in-standard .item
{
    text-align:center;
    float:left;
    width:20%;
}

.in-standard .item .item-icon
{
    width:184px;
    height:184px;
    background-color:#2a2a2a;
    position:relative;
    border-radius:50%;
    color:#fff;
    transition:all .3s;
    margin:0 auto 20px;
}

.in-standard .item .item-icon::before,.in-standard .item .item-icon::after
{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    bottom:0;
    right:0;
    top:0;
    left:0;
    margin:auto;
}

.in-standard .item .item-icon::before
{
    background:url(../images/standard_light.png) center/cover no-repeat;
    transition:all 1s;
    z-index:2;
}

.in-standard .item .item-icon::after
{
    background:url(../images/standard_circle.png) center no-repeat;
    z-index:1;
}

.in-standard .item .item-icon .icon-wrap
{
    height:100%;
    overflow:hidden;
}

.in-standard .item .item-icon .num
{
    width:90px;
    height:52px;
    text-align:center;
    line-height:52px;
    font-size:45px;
    font-style:normal;
    position:relative;
    display:block;
    margin:55px auto 0;
}

.in-standard .item .item-icon .num::before,.in-standard .item .item-icon .num::after
{
    content:'';
    display:block;
    width:15px;
    height:0;
    border-bottom:1px solid #fff;
    position:absolute;
    transform:rotate(-30deg);
}

.in-standard .item .item-icon .num::before
{
    right:3px;
    top:6px;
}

.in-standard .item .item-icon .num::after
{
    left:0;
    bottom:3px;
}

.in-standard .item .item-icon span
{
    font-size:22px;
    display:block;
}

.in-standard .item .item-name
{
    color:#333;
    font-size:18px;
    transition:all .3s;
    margin:0;
}

.in-standard .item .item-en-name
{
    text-transform:uppercase;
    color:#ccc;
    transition:all .3s;
    margin:0;
}

.in-standard .item:hover .item-icon
{
    background-color:#d42114;
}

.in-standard .item:hover .item-name
{
    color:#c30008;
}

.in-standard .item:hover .item-en
{
    color:#666;
}

.in-standard .item:hover .item-icon::before
{
    transform:rotate(-90deg);
}

.brand
{
    background-image:url(../images/brand-bg.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.in-ys:before
{
    position:absolute;
    left:50%;
    margin-left:-1px;
    content:'';
    top:0;
    height:100%;
    width:2px;
    background-color:#d4d4d2;
}

.in-ys dl
{
    margin:30px 0 0;
}

.in-ys dt
{
    float:left;
    width:500px;
    border:2px solid #fff;
    box-shadow:11px 11px 20px #d9d9d9;
    border-radius:3px;
    overflow:hidden;
}

.in-ys dd
{
    margin-left:700px;
    padding-top:20px;
}

.in-ys dd em
{
    display:inline-block;
    vertical-align:top;
    border-radius:3px;
    margin-bottom:10px;
    padding:4px 15px;
}

.in-ys dd h4
{
    font-size:24px;
    font-weight:400;
    margin:0;
}

.in-ys dd p
{
    background:url(../images/icon-right.png) no-repeat 0 center;
    padding-left:30px;
    color:#666;
    margin:10px 0 0;
}

.in-ys dl:nth-child(even) dd
{
    margin:0 700px 0 0;
}

.bg2
{
    background:url(../images/about_bg.jpg) no-repeat center top;
}

.about-title
{
    color:#fff;
    font-size:0;
    text-align:center;
    margin-bottom:30px;
}

.about-title strong
{
    display:inline-block;
    vertical-align:middle;
    font-size:42px;
}

.about-title small
{
    display:block;
    text-transform:uppercase;
    font-size:13px;
    font-weight:400;
}

.about-title span
{
    display:inline-block;
    vertical-align:middle;
    margin-left:15px;
    font-size:29px;
    border:1px solid #fff;
    padding:8px 14px;
}

.in-about-box
{
    background-color:#fff;
    padding:30px 30px 0;
}

.in-about-box dt
{
    float:right;
    width:550px;
}

.in-about-box dd
{
    padding-top:20px;
    margin:0 580px 0 0;
}

.in-about-box dd .img-center
{
    text-align:left;
}

.in-about-box dd h4
{
    font-size:24px;
    margin:0;
}

.in-about-box dd p
{
    line-height:2;
    color:#666;
    text-align:justify;
    text-indent:2em;
    margin:15px 0 0;
}

.in-about-menu
{
    font-size:0;
    margin-left:-24px;
    margin-bottom:20px;
    margin-top:-36px;
}

.in-about-menu li a
{
    display:block;
    margin-left:24px;
    width:120px;
    line-height:36px;
    color:#fff;
    text-align:center;
    font-size:14px;
    background-color:#38393b;
    position:relative;
    border-radius: 5px;
}

.in-about-menu li a:before
{
    content:'';
    width:0;
    height:0;
    position:absolute;
    border:8px solid transparent;
    border-top-color:#004b9d;
    left:50%;
    margin-left:-8px;
    top:100%;
    display:none;
}

.in-about-menu li.active a
{
    background-color:#004b9d;
}

.in-about-pic .swiper-pagination
{
    position:static;
    margin-top:15px;
    font-size:0;
}

.in-about-pic .swiper-slide a
{
    display:block;
    position:relative;
}

.in-about-pic .swiper-slide .img-cover
{
    padding-top:0px;
}

.in-about-pic .swiper-slide i
{
    z-index:3;
    background:url(../images/icon-search.png)center no-repeat;
    width:45px;
    height:45px;
    position:absolute;
    top:50%;
    left:50%;
    transition:all .3s;
    opacity:0;
    transform:translateY(60px) scale(0);
    margin:-23px 0 0 -23px;
}

.in-about-pic .swiper-slide a:hover:before
{
    height:100%;
}

.in-about-pic .swiper-slide a:hover i
{
    opacity:1;
    transform:translateY(0) scale(1);
}

.in-news-con
{
    text-align:center;
    font-size:0;
    margin-bottom:30px;
}

.in-news-con li a
{
    display:block;
    line-height:42px;
    font-size:18px;
    position:relative;
    margin:0 15px;
    padding:0 10px;
}

.in-news-con li a:after
{
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    width:0;
    height:2px;
    background-color:#004b9d;
    transition:all .5s;
}

.in-news-con li a:hover:after
{
    width:100%;
    left:0;
}

.in-news .title .right span img
{
    background-color:#e71a0f;
    border-radius:50%;
}

.in-news .in-news-left
{
    float:left;
    width:49%;
}
.in-news .in-news-left .title{
    height: 35px;
    line-height: 35px;
}
.in-news .in-news-left .title .right{
    padding-top: 7px;
}

.in-news .in-news-left .in-news-left-list .left img
{
    width:200px;
    border-radius:10px;
}

.in-news .in-news-left .in-news-left-list .top .title
{
    margin-bottom:15px;
}

.in-news .in-news-left .in-news-left-list .top .desc
{
    line-height:1.5em;
}

.in-news .in-news-left .bom li
{
    line-height:50px;
    border-bottom:2px dotted #dadadc;
}

.in-news .in-news-right
{
    float:right;
    width:49%;
}

.in-news .in-news-right .title{
    height: 35px;
    line-height: 35px;
}
.in-news .in-news-right .title .right{
    padding-top: 7px;
}

.in-news .in-news-right .in-news-right-list li
{
    border-bottom:2px dotted #dadadc;
}

.in-news .in-news-right .in-news-right-list li .title
{
    font-size: 16px;
    line-height:40px;
    /*padding-left:40px;*/
    padding-top:6.5px;
    /*background-image:url(../images/icon2.png);*/
    background-repeat:no-repeat;
    background-position:center left;
}

.in-news .in-news-right .in-news-right-list li .desc
{

    line-height:40px;
    /*padding-left:40px;*/
    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.list-5>.list-1>.title
{
    margin:25px auto 15px;
}

.list-5>.list-1>.title{
    height: 35px;
    line-height: 35px;
}
.list-5>.list-1>.title .right{
    padding-top: 7px;
}

.list-5 .in-news-right .in-news-right-list li .title
{
    background-image:unset;
    padding-left:0;
}

.list-5 .in-news-right .in-news-right-list li .desc
{
    padding-left:0;
}

.footer
{
    color:#333;
    background-color:#f0f0f0;
    padding:40px 0 0;
}

.footer a
{
    color:gray;
}

.footer dl
{
    float:left;
    border-left:1px solid #3b3b3b;
    margin:0;
    padding:0 25px;
}

.footer dl:nth-child(1)
{
    width:27%;
}

.footer dl:nth-child(4)
{
    width:27.5%;
}

.footer dl:first-child
{
    border-left:0;
    padding-left:0;
}

.footer dl:nth-child(1) dd
{
    width:33%;
    display:block;
    float:left;
}

.footer dd .line-two
{
    margin-left:70px;
}

.footer-info .ewm .img-center
{
    float:none;
    width:95px;
}

.footer-info .ewm p
{
    text-align:center;
    margin-top:15px;
}

.footer-info .ewm .text
{
    margin-left:110px;
}

.footer-info .ewm .text h4
{
    color:#fff;
    font-size:18px;
    font-weight:400;
    margin:0;
}

.footer-info .tel
{
    margin-top:20px;
    background:url(../images/icon-tel.png) no-repeat 0 center;
    padding-left:60px;
}

.footer-info .tel strong
{
    font-size:29px;
    display:block;
    color:#fff;
}

.footer-copy
{
    background-color:#004b9d;
    margin-top:40px;
    color:#fff;
    padding:15px 0;
}

.footer-copy .flink
{
    margin-top:10px;
}

.lanmu ul
{
    float:left;
    overflow:hidden;
    margin:-10px 0 0 -10px;
}

.lanmu1 ul
{
    overflow:hidden;
    margin:-10px 0 0 -10px;
}

.floor-title
{
    margin-bottom:30px;
    background:url(../images/logo-lit.png) no-repeat 0 center;
    padding-left:50px;
    font-size:24px;
    line-height:1;
}

.floor-title small
{
    display:block;
    font-size:12px;
    color:#999;
    text-transform:uppercase;
}

.floor-title .more
{
    float:right;
    font-size:14px;
    line-height:36px;
    background:url(../images/more.png) no-repeat 0 center;
    padding-left:25px;
}

.list-2
{
    margin:-15px 0 0 -15px;
}

.list-2 li a
{
    display:block;
    position:relative;
    margin:15px 0 0 15px;
}

.list-2 li a:after
{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:2px;
    background-color:#004b9d;
    transition:all .5s;
}

.list-2 li .img-cover
{
    overflow: hidden;
}
.list-2 li .img-cover img{
    max-width: 100%;
    transition: all 0.5s;
}
.list-2 li .img-cover img:hover{
    transform: scale(1.1);
}

.list-2 li h4
{
    font-weight:400;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:56px;
    font-size:16px;
    border-bottom:1px solid #ddd;
    margin:0;
}

.pages
{
    text-align:center;
    font-size:0;
    margin:30px 0 0;
}

.pages .pagination
{
    text-align:center;
}

.pages .pagination a:hover
{
    color:#004b9d;
    border-color:#004b9d;
}

.pages .pagination a.cur
{
    background-color:#004b9d;
    color:#fff;
}

.list-3 li a
{
    display:block;
    transition:all .5s;
    overflow:hidden;
    padding:10px;
}

.list-3 li .img-cover
{
    float:left;
    width:238px;
    border:1px solid #efefef;
    padding-top:178px;
}

.list-3 li .text
{
    margin-left:270px;
}

.list-3 li .text h4
{
    font-weight:400;
    font-size:16px;
    margin:0;
}

.list-3 li .text p
{
    text-align:justify;
    text-indent:2em;
    color:#777;
    line-height:1.8;
    margin:15px 0 0;
}

.list-3 li .text span
{
    display:block;
    margin-top:15px;
    font-size:12px;
    color:#999;
}

.list-3 li a:hover
{
    transform:translateY(-5px);
    box-shadow:0 0 16px #eee;
}

.list-3 li .img-cover i
{
    position:absolute;
    left:10px;
    top:10px;
    font-style:normal;
    font-size:12px;
    z-index:1;
    background-color:#004b9d;
    color:#fff;
    border-radius:3px;
    padding:0 3px;
}

.list-4 li a
{
    display:block;
    position:relative;
    margin:20px 0 0 20px;
}

.list-4 li .img-cover
{
    padding-top:73%;
}

.contact-info dl
{
    height:220px;
    padding-top:40px;
    text-align:center;
    margin:20px 0 0 20px;
}

.contact-info dt
{
    height:45px;
    line-height:45px;
}

.contact-info dd
{
    color:#666;
    margin:15px 0 0;
}

.contact-info dd h4
{
    font-size:18px;
    font-weight:400;
    margin:0 0 20px;
}

.contact-info dd p
{
    line-height:1.8;
    font-size:16px;
    margin:0;
}

.contact-map
{
    height:450px;
    margin-top:30px;
}

.message form
{
    overflow:hidden;
    display:block;
    margin:-20px 0 0 -60px;
}

.message .form-group
{
    float:left;
    width:570px;
    margin:20px 0 0 60px;
}

.message .form-label
{
    display:block;
    margin-bottom:10px;
}

.message .form-content
{
    border:1px solid #ddd;
    background-color:#fff;
    padding:6px 12px;
}

.message .form-control
{
    border:0;
    background-color:transparent;
    line-height:30px;
    font-size:14px;
    width:100%;
    display:inline-block;
    vertical-align:middle;
    padding:0;
}

.message .form-submit
{
    display:block;
    background:#004b9d;
    color:#fff;
    border:0;
    cursor:pointer;
    outline:none;
    height:44px;
    font-size:16px;
    width:280px;
    margin:0 auto;
    padding:0;
}

.message .form-group.full
{
    float:none;
    width:auto;
}

.message .form-tips
{
    text-align:center;
    color:#666;
    margin-top:10px;
}

.yzm-box .yzm-pic
{
    position:absolute;
    right:10px;
    top:10px;
    height:30px;
    line-height:30px;
}

.about-1
{
    font-size:0;
    margin:30px 0;
}

.about-1 li
{
    display:inline-block;
    vertical-align:middle;
    border-right:1px solid #ddd;
    width:33.333333%;
    box-sizing:border-box;
    text-align:center;
}

.about-1 li:last-child
{
    border-right:0;
}

.about-1 li .wrap
{
    display:inline-block;
    text-align:left;
    background:no-repeat right center;
    padding-right:58px;
}

.about-1 li .wrap.i1
{
    background-image:url(../images/icon-diqiu.png);
}

.about-1 li .wrap.i2
{
    background-image:url(../images/icon-team.png);
}

.about-1 li .wrap.i3
{
    background-image:url(../images/icon-zichan.png);
}

.about-1 li strong
{
    display:inline-block;
    font-size:64px;
    color:#004b9d;
    line-height:1;
    vertical-align:middle;
}

.about-1 li span
{
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
    margin-left:10px;
}

.about-1 li small
{
    display:block;
    color:#999;
    font-size:14px;
}

.about-2
{
    line-height:1.8;
    text-align:justify;
}

.about-2 p
{
    margin-bottom:0;
    text-indent:2em;
}

.bg3
{
    background:url(../images/cultrue-bg.jpg) no-repeat center / cover;
    color:#fff;
}

.about-3 li
{
    float:left;
    width:25%;
    text-align:center;
}

.about-3 li .img-center
{
    width:45px;
    height:45px;
    line-height:45px;
    border:1px solid #fff;
    border-radius:50%;
    transition:all .5s;
    margin:0 auto;
}

.about-3 li h4
{
    font-size:20px;
    font-weight:400;
    margin:15px 0 10px;
}

.about-3 li p
{
    line-height:28px;
    height:112px;
    margin:0;
}

.about-3 li:hover .img-center
{
    background-color:#004b9d;
    border-color:#004b9d;
}

.about-4
{
    color:#fff;
    text-align:center;
    margin:-10px 0 0 -10px;
}

.about-4 li
{
    float:left;
    width:50%;
}

.about-4 li .wrap
{
    height:410px;
    background:no-repeat center / cover;
    margin:10px 0 0 10px;
}

.about-4 li .inner
{
    display:table;
    width:310px;
    height:100%;
    margin:0 auto;
}

.about-4 li .text
{
    display:table-cell;
    vertical-align:middle;
}

.about-4 li .text h4
{
    font-size:30px;
    margin:0;
}

.about-4 li .text h4:after
{
    content:'';
    display:block;
    height:2px;
    background-color:#fff;
    width:40px;
    margin:10px auto 15px;
}

.about-4 li .text p
{
    font-size:16px;
    line-height:1.8;
    margin:0;
}

.about-4 li .text a
{
    display:inline-block;
    width:100px;
    line-height:28px;
    margin-top:10px;
    color:#fff;
    border:1px solid #fff;
}

.about-4 li .text a:hover
{
    color:#004b9d;
    border-color:#004b9d;
}

.rczp
{
    border:1px solid #eee;
    margin:0;
}

.rczp dt
{
    background-color:#f3f3f3;
    font-size:16px;
    padding:12px 20px;
}

.rczp dd
{
    line-height:1.8;
    margin:0;
    padding:15px 20px;
}

.news-title
{
    border-bottom:1px dashed #ccc;
    padding-bottom:20px;
    margin-bottom:20px;
}

.news-title h1
{
    font-size:30px;
    font-weight:400;
    margin:0;
}

.news-title p
{
    font-size:0;
    margin:10px 0 0;
}

.news-title p span
{
    display:inline-block;
    vertical-align:middle;
    margin-right:20px;
    font-size:14px;
    color:#999;
}

.news-content
{
    line-height:1.8;
    margin-bottom:30px;
}

.news-content img
{
    max-width:100%;
    /*width:auto!important;*/
    /*height:auto!important;*/
}

.news-exp
{
    padding-top:30px;
    overflow:hidden;
    border-top:1px dashed #ccc;
}

.news-exp a
{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline;
    line-height:2;
    margin-right: 25px;
}

.title-1
{
    background-color:#ebebeb;
    font-size:0;
    margin-bottom:20px;
}

.title-1 span
{
    display:inline-block;
    line-height:40px;
    background-color:#004b9d;
    font-size:14px;
    color:#fff;
    padding:0 30px;
}

#pronav_menu
{
    overflow:inherit;
}

#pronav_menu li .v_list
{
    position:absolute;
    left:0;
    top:42px;
    display:none;
    padding-top:20px;
    z-index:100;
}

#pronav_menu li .v_list a
{
    width:100%;
    border-radius:0;
    margin:0 0 0 10px;
}

.pagebar {
    text-align:center;
    padding:50px 0px 80px;
    line-height: 37px;
}
.pagebar li{
    display: contents;
}
.pagebar span {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:37px;
    height:37px;
    text-align:center;
    line-height:37px;
    margin:0px 5px;
    padding:0;
    color:#636363;
    font-size:14px;
    font-weight:400
}
.pagebar .laypage_curr {
    color:#fff;
    background-color:#004b9d !important;
    border-color:#004b9d
}
.pagemore{
    display: inline;
}
.pagination{
    display: inline;
}
.pagebar a {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    width:37px;
    height:37px;
    text-align:center;
    line-height:37px;
    margin:0px 5px;
    padding:0;
    color:#636363;
    font-size:14px;
    font-weight:400;
    border:1px solid #ccc;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-color:#fff
}
.pagebar a:hover {
    color:#fff;
    background-color:#004b9d;
    border-color:#004b9d
}
.pagebar .laypage_next, .pagebar .laypage_prev {
    width:65px
}

.text-secondary
{
    text-align:center;
    padding:20px 0;
}

.rellxmap
{
    width:1400px;
    height:580px;
    max-width:100%;
    margin:0 auto 80px;
}

#map
{
    width:100%;
    height:100%;
    position:relative;
}

#map .amap-logo,#map .amap-copyright
{
    display:none!important;
}

#map .amap-info-content
{
    background:transparent;
    line-height:normal;
    box-shadow:none;
    padding:0;
}

.relmap-info
{
    width:391px;
    height:249px;
    background:url(../images/rellxmap.png) no-repeat left bottom;
}

.social
{
    position:relative;
    float:left;
    display:inline-block;
    margin-left:25px;
    padding:45px 0 0;
}

.social .weixin-hover
{
    display:none;
    position:absolute;
    right:105px;
    top:0;
}

.social .weixin-hover img
{
    z-index:10;
}

.social .img
{
    cursor:pointer;
    width:28px;
    height:auto;
}

.swiper-pagination-bullet
{
    background:#d9d9d9;
}

.left,.in-prod-menu li,.in-pro-adv li,.lanmu li,.lanmu1 li
{
    float:left;
}

.title-b .cn{
    font-size: 24px;
    font-weight: 600;
    margin-right: 5px;
    color:#004b9d;
}
.title-b .cn a{
    color:#004b9d;
}
.title-b .en{


}

.right,.in-pro-adv li:nth-child(odd) dt,.in-ys dl:nth-child(even) dt,.footer-info,.rczp dt span
{
    float:right;
}

svg:not(:root),.footer-info .ewm
{
    overflow:hidden;
}

article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu,.header .nav li.open .dropdown-box,.in-about-menu li.active a:before,.in-news .in-news-left .bom a,#pronav_menu li:hover .v_list,.social .active
{
    display:block;
}

template,[hidden],#map .amap-info-close,#map .amap-info-sharp
{
    display:none;
}

a:hover,.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover,.yunu-showcase-info .cn span,.section-title strong
{
    color:#004b9d;
}
.in-ys dd p span{
    color:#e71a0f;
}

.banner img,.banner-sub img
{
    display:block;
    max-width:100%;
    margin:0 auto;
}

.img-cover span,.img-cover img
{
    display:block;
    width:100%;
    background:no-repeat center / cover;
    transition:all .5s;
    height:auto;
    left:0;
    top:0;
}

.footer-fix li,.list-2 li,.list-4 li,.contact-info li
{
    float:left;
    width:25%;
}

.lanmu li a:hover,.lanmu li.active >a,.lanmu1 li a:hover,.lanmu1 li.active a
{
    color:#fff;
    background-color:#d90400;
}
.swiper-pagination-bullet-active{
    background-color:#e71a0f;
}

.topbar a,.footer a:hover,.footer-copy a
{
    color:#fff;
}
.footer a:hover{
    color:#004b9d;
}
.footer-copy a:hover{
    color:#fff;
}

.banner,.in-ys,.yzm-box,#pronav_menu li
{
    position:relative;
}

.banner .swiper-slide,.banner-sub
{
    background:no-repeat center / cover;
}

.view .swiper-container,.list-2 li a:hover:after
{
    width:100%;
}

.in-sou .hform p a,.footer-copy .flink a
{
    margin-right:10px;
}

.in-prod-menu li:nth-child(1),.in-prod-menu li:nth-child(2),.in-prod-menu li:nth-child(3),.in-prod-menu li:nth-child(6),.footer dl:nth-child(2),.footer dl:nth-child(3)
{
    width:11%;
}

.in-prod-menu li:nth-child(4),.in-prod-menu li:nth-child(5)
{
    width:15%;
}

.in-prod-menu li a:hover,.in-prod-list li .btn span.x
{
    color:#fff;
    background-color:#d90400;
}

.in-about-box dl,.footer dd p,.footer-copy p,.rczp dd p
{
    margin:0;
}

.in-about-menu li,.in-news-con li
{
    display:inline-block;
    vertical-align:middle;
}

.in-about-pic .swiper-slide a:before,.list-4 li a:before
{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background-color:rgba(0,0,0,.5);
    height:32px;
    z-index:1;
    transition:all .5s;
}

.in-about-pic .swiper-slide p,.list-4 li p
{
    color:#fff;
    text-align:center;
    line-height:32px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    position:absolute;
    left:0;
    bottom:0;
    z-index:2;
    width:100%;
    margin:0;
}

.in-news .in-news-left .in-news-left-list,.in-news .in-news-left .bom,.in-news .in-news-right .in-news-right-list
{
    margin-top:15px;
}

.in-news .in-news-left .in-news-left-list .left a{
    font-size: 16px;
}
.in-news .in-news-left .in-news-left-list .left,.footer dd p span
{
    margin-right:15px;
}

.list-5 .in-news-left,.list-5 .in-news-left .left,.list-5 .in-news-right
{
    width:50%;
}
.in-news-left-texts .in-news-left-list .left{
    width:90%;
}
.in-news-left-texts .in-news-left-list .left img{
    width:100% !important;
}


.footer dt,.footer-info .title
{
    color:#333;
    font-size:16px;
    margin-bottom:15px;
}

.footer dd,.footer-info .ewm .text p
{
    margin:10px 0 0;
}

.lanmu,.lanmu1
{
    background-color:#f3f3f3;
    padding:20px 0;
}

.lanmu .wz,.lanmu1 .wz
{
    float:right;
    color:#999;
    background:url(../images/icon-home.png) no-repeat 0 center;
    padding:6px 0 6px 24px;
}

.lanmu li a,.lanmu1 li a
{
    color:#fff;
    display:block;
    line-height:30px;
    border-radius:5px;
    background-color: #004b9d;
    margin:10px 0 0 10px;
    padding:5px 15px;
    transition: all .5s;
}

.list-2 li a:hover .img-cover span,.list-4 li a:hover .img-cover span
{
    transform:scale(1.1);
}
.lanmu li a:hover{
    background-color: #d90400;
}

.pages .pagination p,.pages .pagination a
{
    float:none;
    height:auto;
    display:inline-block;
    font-size:14px;
    line-height:35px;
    background-color:#f5f5f5;
    border-radius:3px;
    transition:all .5s;
    margin:5px;
    padding:0 14px;
}

.list-4,.contact-info
{
    margin:-20px 0 0 -20px;
}

.message .form-label span,.message .form-tips span
{
    color:red;
}

@media (max-width: 767px) {
    body
    {
        min-width:320px;
        padding-top:50px;
        padding-bottom:50px;
    }

    .container
    {
        width:auto;
    }

    .header
    {
        position:fixed;
        z-index:10;
        width:100%;
        top:0;
        left:0;
        box-shadow:0 0 10px rgba(0,0,0,0.2);
        padding:10px 0;
    }

    .header .logo
    {
        height:30px;
        line-height:30px;
        float:none;
        padding:0;
    }

    .header .nav
    {
        text-align:left;
        display:none;
        background-color:transparent;
        border-bottom:0;
        float:none;
        margin:10px 0 -10px;
    }

    .header .nav ul
    {
        margin:0 -15px;
    }

    .header .nav li
    {
        display:block;
        border-top:1px solid #eee;
        background:none;
        float:none;
        margin:0;
    }

    .header .nav li a
    {
        line-height:40px;
        color:#333;
        padding:0 15px;
    }

    .header .nav li.active a,.header .nav li.open a,.header .nav li a:hover
    {
        background-color:transparent;
        color:#004b9d;
    }

    .header .nav li.open .arr:after
    {
        transform:rotate(225deg);
        border-color:#004b9d;
    }

    .header .nav .dropdown-box
    {
        position:static;
        background-color:#f5f5f5;
        min-width:auto;
        text-align:left;
        box-shadow:none;
    }

    .header .nav .dropdown-box a
    {
        color:#333!important;
        border-top:1px dotted #ddd;
        line-height:40px;
        background-color:transparent!important;
        border-bottom:0;
        padding:0 15px;
    }

    .header .nav .dropdown-box a:hover
    {
        background-color:transparent!important;
    }

    .yunu-showcase
    {
        margin-bottom:30px;
    }

    .pc-slide
    {
        float:none;
        width:auto;
    }

    .view .swiper-slide .img-center
    {
        height:300px;
        line-height:300px;
    }

    .yunu-showcase-info
    {
        margin:20px 0 0;
    }

    .yunu-showcase-info h1
    {
        font-size:18px;
        margin-bottom:15px;
    }

    .yunu-showcase-info p
    {
        min-height:auto;
        margin-top:10px;
    }

    .yunu-showcase-info .tel
    {
        font-size:14px;
        margin-top:20px;
    }

    .section
    {
        padding:35px 0;
    }

    .section-title
    {
        margin-bottom:20px;
        font-size:20px;
    }

    .section-title small i
    {
        font-size:12px;
        padding:0 10px;
    }

    .in-prod-list li a
    {
        margin:10px 0 0 10px;
        padding:10px;
    }

    .in-prod-list li .img-center
    {
        height:110px;
        line-height:110px;
    }

    .in-prod-list li h4
    {
        margin-top:10px;
        font-size:16px;
    }

    .in-prod-list li .btn span
    {
        display:block;
        width:auto;
        margin-right:0;
        line-height:30px;
        font-size:12px;
    }

    .in-pro-adv
    {
        background:none;
    }

    .in-pro-adv ul
    {
        margin:0;
    }

    .in-pro-adv li:first-child dl
    {
        border-top:0;
        padding-top:0;
    }

    .in-pro-adv li:last-child dl
    {
        padding-bottom:0;
    }

    .in-pro-adv dl
    {
        width:auto;
        margin:0;
        padding:20px 0;
    }

    .in-standard
    {
        margin-top:-20px;
        padding:0;
    }

    .in-standard .item
    {
        width:50%;
        margin-top:20px;
    }

    .in-standard .item .item-icon
    {
        width:110px;
        height:110px;
        margin-bottom:10px;
    }

    .in-standard .item .item-icon .num
    {
        font-size:30px;
        line-height:1;
        height:30px;
        margin-top:30px;
    }

    .in-standard .item .item-icon span
    {
        font-size:16px;
        margin-top:5px;
    }

    .in-standard .item .item-en-name
    {
        font-size:12px;
        display:none;
    }

    .in-ys dt
    {
        float:none!important;
        width:auto;
    }

    .in-ys dd
    {
        padding-top:15px;
        margin:0!important;
    }

    .about-title span
    {
        font-size:18px;
        margin:15px 0 0;
    }

    .in-about-box
    {
        padding:0;
    }

    .in-about-box dt
    {
        width:auto;
        float:none;
    }

    .in-about-box dd
    {
        margin:0;
        padding:15px 15px 0;
    }

    .in-about-menu
    {
        margin-top:20px;
        margin-left:0;
    }

    .in-about-menu li
    {
        width:33.333333%;
    }

    .in-about-menu li a
    {
        width:auto;
        margin:0;
    }

    .in-news-con
    {
        display:none;
        text-align:center;
        font-size:0;
        margin-bottom:30px;
    }

    .in-news-con li
    {
        display:inline-block;
        vertical-align:middle;
    }

    .in-news-con li a
    {
        display:block;
        line-height:42px;
        font-size:18px;
        position:relative;
        margin:0 15px;
        padding:0 10px;
    }

    .in-news-con li a:after
    {
        content:'';
        position:absolute;
        bottom:0;
        left:50%;
        width:0;
        height:2px;
        background-color:#004b9d;
        transition:all .5s;
    }

    .in-news-con li a:hover:after
    {
        width:100%;
        left:0;
    }

    .in-news .title .right span img
    {
        background-color:#e71a0f;
        border-radius:50%;
    }

    .in-news .in-news-left .in-news-left-list .left
    {
        margin-right:15px;
        width:100%;
    }

    .in-news .in-news-left .in-news-left-list .left img
    {
        width:100%;
        border-radius:10px;
    }

    .in-news .in-news-left .in-news-left-list .top .desc
    {
        line-height:1.5em;
    }

    .in-news .in-news-left .bom li
    {
        line-height:50px;
        border-bottom:2px dotted #dadadc;
    }

    .in-news .in-news-right .in-news-right-list li
    {
        border-bottom:2px dotted #dadadc;
    }

    .in-news .in-news-right .in-news-right-list li .title
    {
        line-height:40px;
        padding-left:40px;
        background-image:url(../images/icon2.png);
        background-repeat:no-repeat;
        background-position:center left;
    }

    .in-news .in-news-right .in-news-right-list li .desc
    {
        line-height:40px;
        padding-left:40px;
        white-space:nowrap;

        overflow:hidden;

        text-overflow:ellipsis;
    }

    .list-5>.list-1>.title
    {
        margin:25px auto 15px;
    }

    .list-5 .in-news-right .in-news-right-list li .title
    {
        background-image:unset;
        padding-left:0;
    }

    .list-5 .in-news-right .in-news-right-list li .desc
    {
        padding-left:0;
    }

    .footer
    {
        padding-top:30px;
        margin-top:30px;
    }

    .footer-copy
    {
        margin-top:30px;
        font-size:12px;
        padding:10px 0;
    }

    .banner-sub
    {
        height:auto;
    }

    .banner-sub img
    {
        display:block;
        max-width:100%;
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .lanmu
    {
        padding:10px 0;
    }

    .lanmu1
    {
        padding:10px 0 10px 10px;
    }

    .floor-title
    {
        font-size:18px;
        margin-bottom:20px;
        background-size:auto 30px;
        padding-left:40px;
    }

    .floor-title .more
    {
        line-height:30px;
    }

    .list-2 li h4
    {
        font-size:14px;
        line-height:40px;
    }

    .pages a
    {
        font-size:12px;
        line-height:30px;
        padding:0 12px;
    }

    .list-3
    {
        margin-top:-15px;
    }

    .list-3 li a
    {
        margin-top:15px;
        padding:0;
    }

    .list-3 li .img-cover
    {
        width:100px;
        padding-top:74px;
    }

    .list-3 li .img-cover i
    {
        top:5px;
        left:5px;
        font-size:10px;
    }

    .list-3 li .text
    {
        margin-left:110px;
    }

    .list-3 li .text p
    {
        margin-top:5px;
        font-size:12px;
        line-height:20px;
        height:60px;
        overflow:hidden;
    }

    .list-3 li .text span
    {
        margin-top:5px;
    }

    .message form
    {
        margin-left:0;
        margin-top:-15px;
    }

    .message .form-group
    {
        float:none;
        width:auto;
        margin:15px 0 0;
    }

    .message .form-content
    {
        padding:5px 15px;
    }

    .message .form-submit
    {
        height:44px;
    }

    .yzm-box .yzm-pic
    {
        top:5px;
    }

    .contact-info dl
    {
        height:175px;
        margin:10px 0 0 10px;
        padding:20px 15px;
    }

    .contact-info dt
    {
        height:30px;
        line-height:30px;
    }

    .contact-info dd h4
    {
        font-size:16px;
        margin-bottom:15px;
    }

    .contact-map
    {
        margin-top:20px;
        height:250px;
    }

    .about-1
    {
        margin:20px 0;
    }

    .about-1 li .wrap
    {
        background:none!important;
        padding:0;
    }

    .about-1 li strong
    {
        display:block;
        font-size:22px;
    }

    .about-1 li span
    {
        display:block;
        font-size:12px;
        margin:5px 0 0;
    }

    .about-3 li p
    {
        font-size:12px;
        line-height:20px;
        height:80px;
    }

    .about-4 li .wrap
    {
        height:200px;
        padding:10px;
    }

    .about-4 li .text h4
    {
        font-size:20px;
    }

    .rczp dt
    {
        font-size:14px;
        padding:10px 15px;
    }

    .rczp dt span
    {
        float:none;
        display:block;
        color:#999;
    }

    .rczp dd
    {
        padding:10px 15px;
    }

    .title-1 span
    {
        line-height:40px;
        padding:0 15px;
    }

    .yunu-showcase-info .desc
    {
        margin-bottom:20px;
        font-size:12px;
    }

    .yunu-showcase-info .tel a
    {
        line-height:34px;
        font-size:14px;
        width:120px;
    }

    .news-title
    {
        padding-bottom:10px;
        margin-bottom:10px;
        text-align:center;
    }

    .news-title p span
    {
        font-size:12px;
        margin-right:10px;
    }

    .news-exp
    {
        padding-top:15px;
        font-size:12px;
    }

    .kf,.topbar,.header .text,.header .tel,.header .nav li:after,.in-sou,.in-prod-menu,.in-prod-list li .btn span.x,.in-ys:before,.in-about-box dd .img-center,.footer dl,.lanmu .wz,.lanmu1 .wz,#pronav_menu li .v_list,#pronav_menu li .v_list a
    {
        display:none;
    }

    .footer-fix,.header .nav li .arr,.menu-btn,.in-news .in-news-left .bom a
    {
        display:block;
    }

    .yunu-showcase-info .tel strong,.news-title h1
    {
        font-size:18px;
    }

    .section-title p,.in-standard .item .item-name,.list-3 li .text h4,.contact-info dd p,.about-4 li .text p
    {
        font-size:14px;
    }

    .in-prod-list,.list-2,.list-4,.contact-info
    {
        margin:-10px 0 0 -10px;
    }

    .in-prod-list li,.list-5 .in-news-left,.list-5 .in-news-left .left,.list-5 .in-news-right,.list-2 li,.list-4 li,.contact-info li,.about-3 li
    {
        width:50%;
    }
    .in-prod-list li{
        width:49.4%;
        margin-right: 1.2%;
        /*position: relative;*/
        /*overflow: hidden;*/
        /*height: 0;*/
        /*padding-bottom: 45%;*/
    }
    .in-prod-list li:nth-child(2n){
        margin-right: 0;
    }
    .in-prod-list li .texts{
        text-align: center;
    }

    .in-prod-list li a{

    }

    .in-prod-list li img{
        width:100%;
        height: 29.3vw ;
    }

    .in-prod-list li h4{

    }

    .in-pro-adv li,.footer-info
    {
        float:none;
        display: none;
    }

    .in-ys dl,.pages
    {
        margin-top:20px;
    }

    .in-ys dd h4,.in-about-box dd h4,.about-3 li h4
    {
        font-size:16px;
    }

    .about-title,.news-content
    {
        margin-bottom:20px;
    }

    .about-title strong,.yunu-showcase-info p strong
    {
        font-size:24px;
    }

    .about-title small,.about-1 li small
    {
        font-size:12px;
    }

    .in-about-box dd p,.contact-info dd
    {
        margin-top:10px;
    }

    .list-1 li,.about-4 li,.about-4 li .inner
    {
        width:100%;
    }

    .in-news .in-news-left,.in-news .in-news-right
    {
        float:none;
        width:100%;
    }

    .in-news .in-news-left .in-news-left-list,.in-news .in-news-left .bom,.in-news .in-news-right .in-news-right-list
    {
        margin-top:15px;
    }

    .in-news .in-news-left .in-news-left-list .top .title,.title-1
    {
        margin-bottom:15px;
    }

    .lanmu ul,.lanmu1 ul
    {
        margin:-5px 0 0 -5px;
    }

    .lanmu li a,.lanmu1 li a
    {
        margin:5px 0 0 5px;
    }

    .list-2 li a,.list-4 li a
    {
        margin:10px 0 0 10px;
    }
}

@media  (max-width:1200px) {
    .rellxmap
    {
        width:100%;
        height:300px;
        max-width:100%;
        margin:0 auto 80px;
    }

    #map
    {
        width:100%;
        height:100%;
        position:relative;
    }

    #map .amap-logo,#map .amap-copyright
    {
        display:none!important;
    }

    #map .amap-info-content
    {
        background:transparent;
        line-height:normal;
        box-shadow:none;
        padding:0;
    }

    #map .amap-info-close,#map .amap-info-sharp
    {
        display:none;
    }

    .relmap-info
    {
        width:391px;
        height:249px;
        background:url(../images/rellxmap.png) no-repeat left bottom;
    }
}


.news-lists .desc{
    font-size: 14px;
    font-weight: 300;
}

.news-lists ul li{
    float:left;
    width:24.1%;
    overflow:hidden;
    margin-right:1.2%;
    background:#fbfbfb;
    transition:all 0.5s;
    margin-bottom:2%;
}
.news-lists ul li:nth-child(4n+0){ margin-right:0;}
.news-lists ul li .title{
    font-size: 18px;
    font-weight: normal;
}
.news-lists ul li .text{
    width:92%;
    margin:0 auto;
    max-width:400px;}
.news-lists ul li .text .h2{
    color:#000000;
    font-size:18px;
    font-weight:normal;
    height:48px;
    line-height:48px;
    margin-top:24px;
    transition:all 0.3s;
    overflow:hidden;
}
.news-lists ul li .text .p{
    font-size:16px;
    color:#666666;
    line-height:24px;
    height:48px;
    overflow:hidden;
    transition:all 0.3s;
}
.news-lists ul li .text .dates{ margin-top:16px; padding-top:24px; border-top:1px solid #eee; overflow:hidden; font-size:14px; color:#666666; line-height:22px; margin-bottom:26px;background:url(../images/jiantou.png) right 50px no-repeat;transition:all 0.3s;}
.news-lists ul li .text .dates span{ display:block; color:#000000; font-size:48px; line-height:46px; height:46px;transition:all 0.3s; margin-bottom:2px;}
.news-lists ul li .text .tags{ overflow:hidden; height:22px; line-height:22px; color:#999; margin-top:10px;}
.news-lists ul li .text .tags span{ float:left; margin-right:6px;font-size:14px;}
.news-lists ul li .text .tags a{ float:left; margin-right:5px;font-size:14px; color:#999;}
.news-lists ul li:hover .title{
    color:#fff;
}
.news-lists ul li:hover .desc{
    color:#fff;
}
.news-lists ul li:hover .text .dates{background:url(../images/jiantou_on.png) right 50px no-repeat; color:#fff; border-top:1px solid #fff;}
.news-lists ul li:hover .text .dates span{ color:#fff;}
.news-lists ul li:hover .text .h2{ color:#fff; overflow:hidden}
.news-lists ul li:hover .text .p{ color:#fff;}
.news-lists ul li:hover{
    -webkit-box-shadow: 0 5px 25px rgba(238,238,238,0.1);
    box-shadow: 0 5px 25px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    background:rgba(0,75,157,0.8);
}
.news-lists ul li:hover .tags span{ color:#fff;}
.news-lists ul li:hover .tags a{ color:#fff;}

.tags-lists{
    padding-top: 10px;border-top: 1px dashed #ddd;margin-top: 10px;
}
.tags-lists a{
    margin-right: 15px;
}

.yunu-showcase-info .share a
{
    line-height:42px;
    color:#fff;
    display:inline-block;
    width:160px;
    text-align:center;
    background-color:#004b9d;
    border:1px solid transparent;
    font-size:16px;
    border-radius:3px;
}

.share
{
    position:relative;
    float:left;
    display:inline-block;
    margin-left:25px;
    padding:45px 0 0;
}

.share .weixin1-hover
{
    display:none;
    position:absolute;
    right:55px;
    bottom:40px;
}
.share.active .weixin1-hover{
    display:block;
}

.share .weixin-hover1 img
{
    z-index:10;
}

.share .img
{
    cursor:pointer;
    width:28px;
    height:auto;
}


@media (max-width: 1200px) {
    .news-lists ul li{
        float: none;
        width:100%;
    }
    .news-lists ul li img{
        width:100%;
        height: 57.8vw;
    }
    .social{
        display: none;
    }
}

/*不锈钢行情改-2022-10-25*/
.full-newsF-container {
    padding: 30px 0;
    background-color: #ffffff;
}
.full-newsF-container .newsF-title {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    color: #1b1b1b;
}
.full-newsF-container .newsF-title:after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    margin: 15px auto 0;
    background-color: #e60011;
}
.full-newsF-container .newsF-list {
    overflow: hidden;
    font-size: 0;
}
.full-newsF-container .newsF-list ul {
    padding-bottom: 20px;
}
.full-newsF-container .newsF-list li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.full-newsF-container .newsF-list li a {
    padding: 40px 0;
    display: block;
    border-bottom: 1px solid #e6e6e6;
}
.full-newsF-container .newsF-list .thumb {
    overflow: hidden;
    margin-bottom: 10px;
}
.full-newsF-container .newsF-list .thumb img {
    width: 100%;
}
.full-newsF-container .newsF-list .title {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #595959;
}
.full-newsF-container .newsF-list .date {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #004b9d;
}
.full-newsF-container .newsF-list .desc {
    margin-top: 15px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 24px;
    color: #a1a1a1;
    display: -webkit-box;
    height: 48px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.full-newsF-container .newsF-list .more {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 30px;
    padding: 0 12px;
    color: #888888;
    border: 1px solid #cccccc;
}
.full-newsF-container .loadmore {
    overflow: hidden;
    padding: 10px 0;
}
.full-newsF-container .loadmore a {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    background-color: #004b9d;
}
.newspost-prev {
    padding-top: 10px;
}
.newspost-prev a {
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 5px 0;
}
.full-newsF-container .newsF-list .thumb{
    overflow: hidden;
    float: right;
    max-width: 20%;
    margin: 0 0 0 0px;
    margin-right: 15px;
}
.full-newsF-container .newsF-list .thumb img{
    max-width: 100%;
    height: auto;

}
.full-newsF-container .newsF-list li a .title {
    transition:all .5s;
}
.full-newsF-container .newsF-list li a:hover .title {
    color: #004b9d;
}
.full-newsF-container .newsF-list .content{
    overflow: hidden;
    zoom: 1;
}
.full-newsF-container .newsF-list li a .more{
    transition:all .5s;
}
.full-newsF-container .newsF-list li a:hover .more {
    color: #fff;
    border-color: #004b9d;
    background: #004b9d;
}
.full-newsF-container .newsF-list li a img{
    transition:all .5s;
}
.full-newsF-container .newsF-list li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}


@media (max-width: 1200px) {
    .full-newsF-container .newsF-list .thumb{
        display: block;
        margin-left: 0px;
        margin-right: 5px;
        width:100px;
        max-width: 100px;
    }
    .full-newsF-container .newsF-list .thumb img{

    }
    .full-newsF-container .newsF-list li{
        padding: 0;
    }
    .full-newsF-container .newsF-list li a{
        padding:20px 0;
    }
    .full-newsF-container .newsF-list .content{
        margin-left: 5px;
    }
    .full-newsF-container .newsF-list .desc{
        font-size: 12px;
    }
    .full-newsF-container .newsF-list .date{
        display: none;
    }
    .header .logo img{
        max-height: 30px;
    }
}



.lanmu .wz-left, .lanmu1 .wz-left{
    float: left;
    padding-left:0px;
}


@media (max-width: 1200px) {




    .pagebar {
        font-size: 12px;
        text-align:center;
        padding:15px 0px 15px;
        line-height: 20px;
    }
    .pagebar .pagemore{
        font-size: 12px;
    }
    .pagebar li{
        display: contents;
    }
    .pagebar span {
        font-size: 12px;
        display:inline-block;
        vertical-align:top;
        *display:inline;
        *zoom:1;
        width:20px;
        height:20px;
        text-align:center;
        line-height:20px;
        margin:0px 5px;
        padding:0;
        color:#636363;
        font-weight:400
    }
    .pagebar .laypage_curr {
        font-size: 12px;
        color:#fff;
        background-color:#004b9d !important;
        border-color:#004b9d
    }
    .pagemore{
        display: inline;
    }
    .pagination{
        display: inline;
    }
    .pagebar a {
        display:inline-block;
        vertical-align:top;
        *display:inline;
        *zoom:1;
        width:20px;
        height:20px;
        text-align:center;
        line-height:20px;
        margin:0px 2px;
        padding:0;
        color:#636363;
        font-size:12px;
        font-weight:400;
        border:1px solid #ccc;
        -webkit-border-radius:3px;
        border-radius:3px;
        background-color:#fff
    }
    .pagebar a:hover {
        color:#fff;
        background-color:#004b9d;
        border-color:#004b9d
    }
    .pagebar .laypage_next, .pagebar .laypage_prev {
        width:65px
    }
}