body
{
    font-family: '黑体';
    color: #999;
    font-size: 14px;
    line-height: 24px;
    background: #fff;
}
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img
{
    margin: 0;
    padding: 0;
}
li, ol
{
    list-style: none;
}
a, input, img, textarea
{
    border: none;
    outline: none;
}
i, em
{
    font-style: normal;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.tc
{
    text-align: center;
}
.tr
{
    text-align: right;
}
.tl
{
    text-align: left;
}
.db
{
    display: block;
}
.ma
{
    margin: 0 auto;
}
.pr
{
    position: relative;
}
.pa
{
    position: absolute;
}
.pf
{
    position: fixed;
}
.transition
{
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
a
{
    text-decoration: none;
    color: #666;
}
a:focus
{
    text-decoration: none;
}
a:hover, a:focus
{
    text-decoration: none;
    color: #333;
}
.hide
{
    display: none;
}
.show
{
    display: block;
}
.modal a
{
    outline: none;
}
label
{
    font-weight: normal;
}
a:focus
{
    outline: none;
    outline-offset: 0;
}
#fangan .container, #pro .container, #anbox .container, #header .container
{
    margin: 0 auto;
    padding: 0!important;
}
.img img
{
    width: 100%;
    transition: 1s transform;
}
.slick-slide
{
    outline: none!important;
}
#wrap_index
{
    overflow: hidden;
    position: relative;
}
#header
{
    width: 100%;
    height: 120px;
    background: #fff;
    z-index: 99;
    position: relative;
}
#header .logo
{
    width: 25%;
    height: 100%;
    float: left;
}
#header .logo a
{
    display: table-cell;
    vertical-align: middle;
    width: 468px;
    height: 72px;
}
#header .logo img
{
    max-width: 100%;
    max-height: 100%;
}
#header .xnylogo
{
    width: 20%;
    height: 100%;
    float: left;
    margin: 25px 0 15px 0;
    padding-left: 10%;
}
#header .xnylogo a
{
    display: table-cell;
    vertical-align: middle;
    width: 104px;
    height: 32px;
}
#header .xnylogo img
{
    max-width: 100%;
    max-height: 100%;
}
.mol_navbutton
{
    height: 48px;
    float: right;
    padding: 6px;
}
.mol_navbutton img
{
    width: 36px;
    height: 36px;
    margin: 0 6px;
}
#header .head-r
{
    width: 55%;
    height: 100%;
    float: right;
    padding-left: 1%;
}
.tellbox
{
    height: 42px;
    width: 100%;
    padding-top: 8px;
    position: relative;
    z-index: 99;
    background-color: #004098;
}
.tellbox span
{
    width: auto;
    height: 100%;
    float: right;
    font-size: 18px;
    color: #fff;
    padding-left: 20px;
    position: relative;
}
.tellbox span.weixin
{
    position: relative;
    cursor: pointer;
}
.tellbox span.weixin img
{
    width: 24px;
    height: 24px;
}
.cn-en-box:hover .enbox
{
    display: block;
}
.tellbox span.weixin .erwei
{
    position: absolute;
    width: 220px;
    height: 140px;
    left: -50px;
    top: 40px;
    display: none;
}
.tellbox span.weixin:hover .erwei
{
    display: block;
    overflow: hidden;
}
.tellbox span.weixin .erwei p
{
    width: 100px;
    padding: 5px;
    height: 140px;
    float: left;
}
.tellbox span.weixin .erwei p span
{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    float: initial;
    display: block;
    width: 100%;
    height: 22px;
    line-height: 22px;
}
.tellbox span.weixin .erwei p img
{
    width: 100%;
    height: 100px;
}
.cn-en-box
{
    font-size: 14px;
    position: relative;
    width: 146px;
}
.cn-en-box .cnbox, .cn-en-box .enbox
{
    background-color: #eee;
    padding: 0 6px;
    color: #666;
    line-height: 24px;
    cursor: pointer;
    font-size: 14px;
    width: 100px;
}
.cn-en-box .enbox
{
    background-color: #fff;
    border: 1px solid #aaa;
    display: none;
    position: absolute;
    right: 0;
}
.cn-en-box .cnbox i
{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    display: inline-block;
}
.cn-en-box img
{
    width: 16px;
    height: 16px;
    line-height: 0;
    vertical-align: text-top;
    display: inline-block;
}
.news-box .news-item
{
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 10px;
    color: #333;
    display: block;
    font-size: 16px;
}
.news-box a.news-item:hover
{
    color: #003f98;
}
.news-box .news-item span
{
    float: right;
    color: #666;
}
#header .head-r .nav_box
{
    width: 100%;
    margin-top: 20px;
    height: 40px;
}
#search
{
    border-radius: 20px;
    width: 200px;
    color: #333;
    font-size: 14px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
    padding-left: 50px;
    box-shadow: 0 0 10px #aaa;
}
#m-search
{
    width: 80%;
}
.m-search
{
    position: absolute;
    width: 100%;
    height: 40px;
    top: 70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: none;
}
#search-btn
{
    height: 20px;
    background-color: #fff;
    color: #333;
    border: none;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    position: absolute;
    top: 4px;
    left: 40px;
    width: 30px;
    background-image: url(../image/sear-btn.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}
#header .nav_box .yiji
{
    width: 16.66%;
    float: left;
    height: 44px;
    line-height: 44px;
    text-align: center;
}
#header .nav_box .yiji:first-child .one
{
    border-left: 1px dashed #004098;
}
#header .nav_box .yiji .one
{
    display: block;
    width: 100%;
    height: 24px;
    overflow: hidden;
    font-size: 16px;
    margin-top: 10px;
    line-height: 24px;
    color: #004098;
    position: relative;
    border-right: 1px dashed #004098;
}
#header .nav_box .yiji:hover .one, #header .nav_box .yiji.current .one
{
    font-weight: bold;
}
#header .nav_box .yiji:hover .one:before, #header .nav_box .yiji.current .one:before
{
    content: '';
    width: 64%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 18%;
    animation: lines .3s ease forwards;
}
@keyframes lines
{
    0%
    {
        opacity: 0;
        transform: scale(0);
    }
    100%
    {
        opacity: 1;
        transform: scale(1);
    }
}
#header .nav_box .yiji .libox
{
    display: none;
    height: auto;
    overflow: hidden;
    position: absolute;
    width: 220px;
    top: 120px;
    left: 50%;
    padding: 12px 20px;
    transform: translateX(-25%);
    z-index: 8;
    background-color: rgba(255,255,255,.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fc40b0b,endcolorstr=#2fc40b0b);
}
#header .nav_box .yiji .libox img
{
    float: left;
    display: none;
    padding: 12px 40px;
}
#header .nav_box .yiji .libox a:first-child
{
    margin-top: 20px;
}
#header .nav_box .yiji .libox a
{
    display: block;
    width: 180px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    color: #333;
    text-align: center;
}
#header .nav_box .yiji:nth-child(2) .libox a
{
    text-align: left;
    width: 150px;
}
#header .nav_box .yiji:nth-child(2) .libox
{
    width: 490px;
    padding: 12px 0 12px 40px;
}
#header .nav_box .yiji .libox a:hover
{
    color: #004098;
}
#header .nav_box .yiji .libox.floatfl a
{
    float: left;
}
#header .libox_pro
{
    display: none;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 110px;
    z-index: 8;
    background-color: rgba(255,255,255,.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fffffff,endcolorstr=#2fffffff);
}
#header .libox_pro:before
{
    content: '';
    width: 1px;
    height: 100%;
    background: #c20000;
    position: absolute;
    left: 21%;
    top: 0;
}
#header .nav_chance .alltitle
{
    width: 21%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background: #c20000;
    margin-bottom: 24px;
    position: absolute;
    left: 0;
    top: 0;
}
#header .nav_chance .hd
{
    width: 21%;
    height: 100%;
    overflow: hidden;
    float: left;
    padding-top: 104px;
}
#header .nav_chance .hd .cli
{
    margin: 0 7%;
    border-bottom: 1px dashed #ddd;
    width: 86%;
    height: 48px;
    color: #333;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}
#header .nav_chance .hd .cli:hover, .nav_chance .hd .cli.on
{
    color: #c20000;
}
#header .nav_chance .bd
{
    width: 79%;
    height: auto;
    overflow: hidden;
    float: right;
    padding: 0 5%;
}
#header .nav_chance .bd .detil
{
    zoom: 1;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
}
#header .nav_chance .bd .detil:first-child
{
    display: block;
}
#header .nav_chance .bd .detil ul
{
    width: 100%;
    height: auto;
    overflow: hidden;
    min-height: 200px;
    padding: 10px 0;
    text-align: left;
}
#header .nav_chance .bd .detil ul li
{
    width: 100%;
    padding: 8px 0;
}
#header .nav_chance .bd .detil ul li h1
{
    padding: 0 8px;
    width: 100%;
    height: 54px;
    line-height: 54px;
    border-bottom: 1px dashed #999;
    font-weight: bold;
    color: #333;
    font-size: 14px;
}
#header .nav_chance .bd .detil ul li .fenlei
{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 0;
}
#header .nav_chance .bd .detil ul li .fenlei a
{
    display: block;
    float: left;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #666;
    margin: 0 6px;
}
#header .nav_chance .bd .detil ul li .fenlei a:hover, #header .nav_chance .bd .detil ul li:hover h1
{
    color: #c20000;
    font-weight: bold;
}
.image-click .slick-dots
{
    bottom: 10px;
    left: 10px;
    text-align: left;
    z-index: 999;
}
.image-click .slick-dots li
{
    width: 6px;
    height: 6px;
    margin: 0 2px;
}
.image-click .slick-dots li.slick-active button
{
    background-color: rgba(255,255,255,1);
}
.image-click .slick-dots li button
{
    background-color: rgba(255,255,255,.8);
    border-radius: 50%;
    width: 6px;
    height: 6px;
    padding: 0;
}
#mfooter1
{
    display: none;
    padding-bottom: 60px;
}
#mfooter1 p
{
    text-align: center;
    color: #333;
}
.folatnav
{
    height: 54px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #003f98;
}
#banner img
{
    width: 100%;
}
#banner .slick-list
{
    width: 100%;
}
#banner .slick-slide
{
    overflow: hidden;
}
.slick-arrow:before
{
    display: none;
}
.slick-dots li button:before
{
    display: none;
}
#banner .slick-prev
{
    width: 50px;
    height: 50px;
    background: url(/template/cn/images/prev.png) center no-repeat;
    background-size: 100%;
    top: 40%;
    left: 8%;
    z-index: 6;
}
#banner .slick-next
{
    width: 50px;
    height: 50px;
    background: url(/template/cn/images/next.png) center no-repeat;
    background-size: 100%;
    top: 40%;
    right: 8%;
    z-index: 6;
}
#banner .slick-arrow
{
    opacity: .6;
    transition: 400ms;
}
#banner .slick-arrow:hover
{
    opacity: 1;
    transition: 400ms;
}
.mbanner
{
    display: none;
}
.nswiper
{
    width: 100%;
    margin-top: 20px;
}
.nswiper img
{
    width: 100%;
}
.nswiper .slick-dots, .pro_detail .slick-dots, .banner_item .slick-dots
{
    right: 0;
    bottom: 4px;
}
.nswiper .slick-dots li, .pro_detail .slick-dots li, .banner_item .slick-dots li
{
    background-color: rgba(0,65,156,.5);
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
.nswiper .slick-dots li.slick-active, .pro_detail .slick-dots li.slick-active, .banner_item .slick-dots li.slick-active
{
    background-color: rgba(0,65,156,1);
}
.pro_detail
{
    position: relative;
    z-index: 999;
}
.pro_image
{
    position: relative;
}
.pro_image .logoicon
{
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    z-index: 999999;
    display: none;
}
.pro_image .logoicon img
{
    width: 100%;
}
.scrolltop
{
    position: fixed;
    right: 5px;
    bottom: 80px;
    width: 46px;
    height: 46px;
    cursor: pointer;
    z-index: 9999;
}
.scrolltop img
{
    width: 100%;
    height: 100%;
}
.message
{
    width: 80%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 20px;
}
.message-item
{
    margin: 20px 0;
    line-height: 40px;
    color: #000;
    font-size: 16px;
}
.message-item .input-name
{
    float: left;
    width: 70px;
    vertical-align: top;
}
.feedback_submit
{
    margin-left: 70px;
}
.message-item .input
{
    width: 60%;
    border: 1px solid #ceddf3;
    padding: 0 12px;
    box-shadow: 0 0 12px #eee;
}
.message-item .textarea
{
    width: 80%;
    border: 1px solid #ceddf3;
    padding: 0 12px;
    box-shadow: 0 0 12px #eee;
}
.main .prohotbox .title
{
    height: 40px;
    width: 100%;
    color: #fff;
    background-color: #003f98;
    line-height: 40px;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 0 12px;
    font-size: 16px;
}
.prohotbox .pro_list
{
    margin-bottom: 0;
}
.red
{
    color: #f00;
}
.feedback_submit, .feedback_reset
{
    width: 110px;
    height: 40px;
    background-color: #004098;
    border-radius: 4px;
    color: #fff;
}
.feedback_reset
{
    width: 80px;
    margin-left: 12px;
    background-color: #666;
}
.pro_image .slick-dots
{
    text-align: right;
}
.right_menu
{
    background-color: #eee;
    width: 100%;
    padding: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}
.right_menu .menu-item
{
    width: 23%;
    background-color: #004098;
    float: left;
    margin: 1%;
    overflow: hidden;
    padding-right: 22px;
    border-radius: 4px;
}
.right_menu .menu-item:hover .menu-icon
{
    transform: rotate3d(0,1,0,180deg);
    -webkit-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
}
.right_menu .menu-item .menu-icon
{
    float: left;
    width: 64px;
    height: 64px;
    margin-right: 12px;
    transition: all 1000ms ease 0s;
    -webkit-transition: all 1000ms ease 0s;
}
.right_menu .menu-item .menu-icon img
{
    width: 100%;
    height: 100%;
}
.right_menu .menu-item .menu-name
{
    font-size: 18px;
    color: #fff;
    position: relative;
    line-height: 30px;
    height: 30px;
    margin-top: 12px;
    overflow: hidden;
}
.right_menu .menu-item:nth-child(1n)
{
    background-color: #00a0e9;
}
.right_menu .menu-item:nth-child(2n)
{
    background-color: #f39800;
}
.right_menu .menu-item:nth-child(3n)
{
    background-color: #e4007f;
}
.right_menu .menu-item:nth-child(4n)
{
    background-color: #23ac38;
}
.right_menu .menu-item .menu-name::before
{
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    border-bottom: 2px solid #fff;
}
.right_menu .menu-item .menu-enname
{
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    height: 16px;
    margin-bottom: 12px;
    overflow: hidden;
}
.pro_image
{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.pro_image .pro_detail
{
    width: 410px;
    float: left;
    border: 1px solid #eee;
    margin-right: 30px;
}
.pro_image .pro_detail img
{
    width: 100%;
}
.pro_rgiht
{
    width: 100%;
}
.main .pro_rgiht .title
{
    color: #333;
    line-height: 30px;
    height: 60px;
}
.pro_rgiht .desc
{
    line-height: 24px;
    font-size: 16px;
    color: #f00;
}
.pro_rgiht .telbox
{
    padding: 18px;
    margin-top: 20px;
    position: relative;
    color: #333;
}
.pro_rgiht .telbox::before
{
    content: '';
    position: absolute;
    background-color: #e6eeff;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
}
.pro_rgiht .telbox .tel, .pro_rgiht .erweima
{
    height: 32px;
    line-height: 32px;
    font-size: 18px;
}
.pro_rgiht .telbox .tel img, .pro_rgiht .erweima img
{
    height: 70%;
    margin-left: 12px;
}
.pro_rgiht .telbox .tel span, .pro_rgiht .erweima span
{
    padding-left: 10px;
}
.pro_rgiht .weixinbox
{
    overflow: hidden;
    display: table;
    margin-top: 20px;
}
.pro_rgiht .weixinbox .img
{
    width: 128px;
    float: left;
    padding-right: 20px;
}
.pro_rgiht .weixinbox .img img
{
    display: inline-block;
}
.pro_rgiht .weixinbox .weixin-text
{
    display: table-cell;
    vertical-align: middle;
}
.pro_rgiht .weixinbox .weixin-text .text
{
    font-size: 30px;
    color: #014099;
}
.pro_rgiht .weixinbox .weixin-text .text span
{
    font-size: 14px;
}
.pro_det .tab
{
    width: 100%;
    height: 40px;
    overflow: hidden;
    background-color: #e2e2e2;
}
.pro_det .tab .tab-item-li a
{
    float: left;
    width: 33.33%;
    line-height: 40px;
    overflow: hidden;
    height: 40px;
    cursor: pointer;
    text-align: center;
}
.pro_det .tab .tab-item-li.active a
{
    background-color: #003f98;
    display: block;
    color: #fff;
}
.tabbox .tabbox-item.active
{
    display: block;
}
.tabbox
{
    padding: 20px 0;
}
.tabbox .tabbox-item
{
    padding: 10px 0;
}
.yanzheng
{
    padding-left: 70px;
}
.yanzheng img
{
    height: 60px;
}
.message-item .numbertext
{
    width: 100px;
}
.headline
{
    position: relative;
}
.headline::before
{
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    z-index: -1;
    background-color: #aaa;
    top: 50%;
}
#news
{
    padding: 20px 0;
    overflow: hidden;
}
.headline .title
{
    line-height: 40px;
    padding: 20px 0;
    text-align: center;
    font-size: 28px;
    color: #014099;
    position: relative;
    z-index: 99;
    width: 170px;
    background-color: #fff;
    margin: 0 auto;
}
.headline .title::before
{
    content: '';
    width: 8px;
    height: 8px;
    background-color: #043d92;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    border-radius: 100%;
}
.headline .title::after
{
    content: '';
    width: 8px;
    height: 8px;
    background-color: #043d92;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    border-radius: 100%;
    right: 0;
}
#news .news_slide
{
    width: 100%;
    height: auto;
    margin-bottom: 0;
    padding: 10px 50px 0 50px;
}
#news .news_item
{
    padding: 0 16px;
}
#news .news_item a
{
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
    background: #fff;
    color: #221815;
    transition: 300ms;
}
#news .news_slide .slick-prev
{
    background: url(../image/ico-left.png) center center no-repeat;
    background-size: cover;
    left: 0;
    width: 50px;
    height: 50px;
}
#news .news_slide .slick-next
{
    background: url(../image/ico-right.png) center center no-repeat;
    background-size: cover;
    right: 0;
    width: 50px;
    height: 50px;
}
#news .news_image
{
    position: relative;
    overflow: hidden;
}
#news .news_image img
{
    width: 100%;
}
#news .news_image .newsimg
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    background-color: #fff;
    transform-origin: (50%);
    transition: all .3s;
}
#news a:hover .news_image .newsimg
{
    width: 130%;
    height: 130%;
    transition: all .3s;
}
#news .news_image .logoicon
{
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    height: auto;
    z-index: 999;
    display: none;
}
#news .news_bt
{
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    text-align: center;
}
#news .news_nr
{
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    text-align: center;
    color: #727171;
    display: none;
}
.news_slide .slick-dots
{
    bottom: 0;
    line-height: 0;
    font-size: 0;
    position: relative;
    margin: 30px auto;
}
.news_slide .slick-dotted.slick-slider
{
    margin-bottom: 0;
}
.news_slide .slick-dots li
{
    width: auto;
    height: auto;
    margin: 0 10px;
}
.news_slide .slick-dots li button
{
    width: 12px;
    height: 12px;
    background: none;
    border: 2px solid #1a5faa;
    border-radius: 50%;
    transition: 400ms;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.news_slide .slick-dots li.slick-active button
{
    background: #1a5faa;
}
.news_slide .slick-dots li button:before
{
    display: none;
}
.search_list
{
    padding-bottom: 20px;
}
.search_list ul li a
{
    display: block;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    margin: 6px 0;
}
.search_list ul li a span
{
    float: right;
}
#fangan
{
    padding-bottom: 20px;
    overflow: hidden;
}
#fangan .title
{
    line-height: 40px;
    padding: 20px 0;
    text-align: center;
    font-size: 28px;
    color: #014099;
}
#fangan .fangan-item
{
    margin: 12px 0;
}
#fangan .nav-image
{
    width: 240px;
    float: left;
    padding-right: 12px;
}
#fangan .text a
{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #000;
    margin-bottom: 8px;
}
#fangan .text a:hover
{
    color: #003f98;
}
#fangan dl.more-text
{
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    font-size: 14px;
    color: #595757;
}
#anbox
{
    padding: 20px 0;
    overflow: hidden;
}
.about
{
    color: #333;
    line-height: 24px;
    padding-bottom: 20px;
}
.about p
{
    overflow: hidden;
    height: 192px;
}
.about .title, .compay .title
{
    width: 100%;
    padding: 8px 0;
    position: relative;
    font-size: 22px;
    color: #000;
    line-height: 30px;
}
.about .title::before, .compay .title::before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    width: 80px;
    background-color: #004098;
    z-index: 99;
}
.about .title::after, .compay .title::after
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #aaa;
    height: 1px;
    width: 100%;
}
.about .img
{
    width: 340px;
    padding-right: 12px;
    float: left;
}
.compay
{
    padding-bottom: 20px;
}
.compay .image
{
    float: left;
    width: 340px;
    padding-right: 12px;
}
.compay .image img
{
    max-width: 100%;
}
.compay .item-li a
{
    font-size: 14px;
    color: #000;
    line-height: 28px;
    height: 28px;
    display: block;
    overflow: hidden;
}
.compay .item-li a:hover
{
    color: #004098;
    font-weight: bold;
}
.compay .item-li a span
{
    float: right;
}
#footerMenu
{
    padding: 20px 0;
    overflow: hidden;
    background-color: #efefef;
}
#footerMenu .footerMenu-item
{
    width: 20%;
    float: left;
}
#footerMenu .footerMenu-item-box
{
    padding: 0 10px;
}
#footerMenu .nav-image
{
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 12px;
}
#footerMenu .title span
{
    font-size: 22px;
    color: #000;
    line-height: 60px;
}
#footerMenu .item-text
{
    padding-left: 72px;
}
#footerMenu .item-text .more-text a
{
    display: block;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
}
#footerMenu .container, #footer1 .container
{
    position: relative;
}
#footerMenu .erweima
{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 260px;
}
#footerMenu .erweima dl
{
    width: 126px;
    padding: 10px;
    text-align: center;
    display: inline-block;
}
#footer1
{
    padding: 10px 0;
    background-color: #004098;
    line-height: 22px;
    color: #fff;
}
#footer1 p
{
    padding-right: 100px;
    padding-left: 10px;
}
#footer1 a
{
    position: absolute;
    right: 80px;
    top: 50%;
    width: 80px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin-top: -20px;
}
#footer1 a.link::before
{
    content: "";
    position: absolute;
    width: 2px;
    height: 12px;
    background-color: #fff;
    top: 50%;
    right: 90px;
    margin-top: -6px;
}
#footer1 a.link
{
    right: 0;
}
#footer1 a:hover
{
    color: #dbe8fb;
}
.main
{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 30px 0 30px;
    position: relative;
    z-index: 5;
    background: #fff;
}
.left
{
    width: 240px;
    height: auto;
    margin-right: 60px;
    float: left;
}
.left_top
{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    padding: 18px 15px 12px;
    background-color: #014099;
    border-radius: 12px;
}
.ny_cn
{
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.ny_en
{
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}
.left_list
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.left_list ul
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.left_list ul li
{
    border-bottom: 1px dashed #aaa;
    font-size: 16px;
}
.left_list ul li a
{
    display: block;
    line-height: 46px;
    height: 46px;
    overflow: hidden;
    padding: 0 40px 0 30px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    transition: 400ms;
}
.left_list ul li a:after
{
    content: '';
    width: 20px;
    height: 100%;
    background: url(../image/menuicon.png) center center no-repeat;
    background-size: 60%!important;
    position: absolute;
    left: 0;
    top: 0;
}
.left_list ul li a:hover, .left_list ul li a.cu1
{
    font-weight: bold;
    color: #003f98;
}
.left_list ul li ul
{
    display: none;
    background: #1f63af;
    padding-bottom: 14px;
}
.left_list ul li ul li
{
    border-bottom: none;
    text-indent: 16px;
}
.left_list ul li ul li a
{
    color: #d8e4f6;
    line-height: 48px;
    height: 48px;
}
.left_list ul li ul li a:after
{
    content: '';
    width: 0;
    height: 12px;
    background: #00ae9f;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 20px;
    transition: 400ms;
}
.left_list ul li ul li a:hover, .left_list ul li ul li a.cu2
{
    font-weight: bold;
    color: #fff;
}
.left_list ul li ul li a:hover:after, .left_list ul li ul li a.cu2:after
{
    width: 3px;
}
.left_list ul li ul li ul
{
    display: none;
    padding-bottom: 0;
}
.left_list ul li ul li ul li
{
    text-indent: 32px;
}
.left_list ul li ul li ul li a
{
    line-height: 42px;
    height: 42px;
}
.left_list ul li ul li ul li a:after
{
    display: none;
}
.classify
{
    line-height: 48px;
    height: 48px;
    color: #fff;
    padding-right: 20px;
    position: absolute;
    right: 16px;
    top: 0;
    display: none;
    background: url(/template/cn/images/classify_down.png) right center no-repeat;
    background-size: 14px!important;
}
.classify.close_class
{
    background: url(/template/cn/images/classify_up.png) right center no-repeat;
}
#pro
{
    width: 100%;
    background: url(../image/pro_bg.jpg) center center no-repeat;
    background-size: cover;
}
#pro .title
{
    padding: 20px 0 10px;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    color: #fff;
}
.probox
{
    overflow: hidden;
    padding-bottom: 10px;
}
.probox .pro-item
{
    padding: 12px;
    text-align: center;
}
.probox .pro-item a:hover .pro-item-box img
{
    transform: rotate3d(0,1,0,180deg);
    -webkit-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
}
.probox .pro-item .pro-item-box
{
    background-color: #fff;
    padding: 8px;
    overflow: hidden;
}
.probox .pro-item img.nav-image
{
    transform: rotate3d(0,1,0,0);
    -webkit-transform: rotate3d(0,1,0,0);
    -ms-transform: rotate3d(0,1,0,0);
    -moz-transform: rotate3d(0,1,0,0);
    transition: all 1000ms ease 0s;
    -webkit-transition: all 1000ms ease 0s;
    border-radius: 100%;
    position: relative;
    z-index: 1;
}
.probox .pro-item img
{
    max-width: 80%;
    text-align: center;
}
.probox .pro-item .pro-item-box .name
{
    font-size: 22px;
    color: #1a5faa;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 0;
    position: relative;
    z-index: 5;
}
.probox .pro-item .pro-item-box .en-name
{
    color: #595757;
    margin: 0;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    font-size: 14px;
}
.probox .pro-item .pro-item-box .more
{
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: relative;
    z-index: 8;
}
.probox .pro-item .pro-item-box .more img
{
    height: 14px;
}
.nsearch
{
    margin-left: 300px;
    margin-bottom: 20px;
}
.nsearch form
{
    width: 600px;
    margin: 0 auto;
    height: 42px;
    border: 2px solid #004098;
    position: relative;
}
.nsearch input
{
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0 8px;
}
#nsearch-btn
{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 38px;
    line-height: 38px;
    background-color: #004098;
    border: none;
    width: 120px;
    font-size: 16px;
    color: #fff;
}
.right
{
    height: auto;
    overflow: hidden;
}
.right_top
{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 32px;
    position: relative;
    margin-top: 15px;
}
.right_top:before
{
    content: '';
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    bottom: 0;
}
.right_top:after
{
    content: '';
    width: 46px;
    height: 3px;
    background: #014099;
    position: absolute;
    left: 0;
    bottom: 0;
}
.main .title
{
    font-size: 24px;
    color: #1f63af;
    line-height: 50px;
    height: 50px;
    max-width: 50%;
    overflow: hidden;
}
.here
{
    max-width: 50%;
    color: #808080;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
}
.here a
{
    color: #808080;
}
.here a:last-child
{
    font-weight: bold;
    color: #1f63af;
}
.here a:hover
{
    font-weight: bold;
    color: #1f63af;
}
.right_below
{
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
}
.about_det
{
    line-height: 30px;
    font-size: 14px;
    color: #333;
}
.about_det img
{
    max-width: 100%;
    height: auto;
}
.pro_list
{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 24px;
}
.pro_list ul
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.pro_list ul li
{
    width: 30%;
    margin-right: 2%;
    margin-bottom: 26px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.pro_list ul li .pro_img
{
    position: relative;
    overflow: hidden;
}
.pro_list ul li a .proimg
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    transform-origin: (50%);
    transition: all .3s;
}
.pro_list ul li a:hover .proimg
{
    width: 130%;
    height: 130%;
    transition: all .3s;
}
.pro_list ul li a .logoicon
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 120px;
    height: auto;
    display: none;
}
.pro_list ul li
{
    border: 1px solid #fff;
}
.pro_list ul li:hover
{
    border: 1px solid #b2c5e0;
}
.pro_list ul li:nth-child(3n)
{
    margin-right: 0;
}
.pro_list ul li img
{
    width: 100%;
}
.pro_list ul li .pro_bt
{
    text-align: center;
    height: 40px;
    overflow: hidden;
    line-height: 20px;
}
.next1
{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.next1 ul
{
    display: inline-block;
}
.next1 ul li
{
    display: inline-block;
}
.next1 a
{
    display: inline-block;
    line-height: 36px;
    height: 38px;
    border: 1px solid #acabab;
    color: #808080;
    width: 80px;
    margin: 0 5px;
}
.next1 ul li a
{
    width: 40px;
}
.next1 a.on1, .next1 a:hover
{
    background: #003f98;
    border: 1px solid #003f98;
    color: #fff;
}
.next1 a.next_spec
{
    display: none;
}
.next1 p
{
    display: none;
    line-height: 24px;
    height: 24px;
    margin-top: 10px;
    color: #808080;
}
.next1 p span
{
    color: #1f63af;
}
.next1 .pagego
{
    display: inline-block;
    font-size: 0;
}
.next1 .pagego input
{
    border: 1px solid #acabab;
    height: 38px;
    line-height: 38px;
    width: 50px;
    padding: 0 6px;
    font-size: 14px;
    border-right: none;
}
.next1 .pagego .go
{
    padding: 0;
    margin: 0;
    width: 64px;
    font-size: 14px;
    background-color: #cfcfcf;
    border: 1px solid #acabab;
    border-left: none;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}
.next1 .pagego a.go:hover
{
    background-color: #cfcfcf;
    color: #003f98;
    border: 0;
    border: 1px solid #acabab;
    border-left: none;
}
.swiper-container-det
{
    position: static;
}
.swiper-wrapper-det
{
    margin-bottom: 20px;
}
.swiper-slide-det
{
    text-align: center;
}
.swiper-slide-det img
{
    max-width: 100%;
    width: 100%;
}
.swiper-button-prev-det, .swiper-button-next-det
{
    width: 36px;
    height: 80px;
    top: 50%;
    margin-top: -52px;
    background-size: 100%!important;
    transition: 400ms;
}
.swiper-button-prev-det
{
    left: 0;
    background: url(/template/cn/images/prev_det.png) center center no-repeat;
}
.swiper-button-next-det
{
    right: 0;
    background: url(/template/cn/images/next_det.png) center center no-repeat;
}
.swiper-button-prev-det:hover
{
    background: url(/template/cn/images/prev_det_h.png) center center no-repeat;
}
.swiper-button-next-det:hover
{
    background: url(/template/cn/images/next_det_h.png) center center no-repeat;
}
.swiper-pagination-det
{
    position: relative;
    height: auto;
    overflow: hidden;
}
.swiper-pagination-det li
{
    position: relative;
    display: inline-block;
}
.swiper-pagination-det li span
{
    display: block;
    margin: 0 10px;
    width: 10px;
    height: 10px;
    overflow: hidden;
    filter: alpha(opacity=100);
    opacity: 1;
    float: left;
    transition: 400ms;
    border-radius: 0;
    border: 2px solid #1f63af;
    background: none;
}
.swiper-pagination-det li span.swiper-pagination-bullet-active
{
    background: #00ae9f;
    border: 2px solid #00ae9f;
}
.pro_title
{
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #1f63af;
    margin-bottom: 16px;
}
.next2
{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px solid #e6e6e6;
    text-align: center;
}
.next2 a
{
    display: inline-block;
    background: #e6e6e6;
    color: #808080;
    width: 120px;
    line-height: 32px;
    height: 32px;
    margin: 0 10px;
    overflow: hidden;
    transition: 400ms;
}
.next2 a:hover
{
    background: #00ae9f;
    color: #fff;
}
.news_list
{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.news_list ul
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.news_list ul li
{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
}
.news_list ul li a
{
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
}
.news_date
{
    width: 200px;
    border-right: 1px solid #ccc;
    height: 100%;
    color: #1f63af;
    text-align: center;
    float: left;
}
.news_date .image
{
    width: 100%;
}
.news_d
{
    font-size: 38px;
    line-height: 40px;
    height: 40px;
}
.news_m
{
    line-height: 20px;
    height: 20px;
}
.news_info
{
    width: 100%;
    height: auto;
    padding-left: 220px;
}
.news_tit
{
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    color: #014099;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: 400ms;
}
.news_des
{
    line-height: 24px;
    color: #808080;
    overflow: hidden;
    height: 72px;
}
.news_list ul li a:hover .news_date
{
    color: #014099;
}
.news_list ul li a:hover .news_tit
{
    font-weight: bold;
    color: #014099;
}
.press_list
{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.press_list ul
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.press_list ul li
{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #e6e6e6;
}
.press_list ul li a
{
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-left: 288px;
    height: 164px;
}
.press_img
{
    width: 258px;
    height: 164px;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.press_img i
{
    width: 258px;
    height: 164px;
}
.press_info
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.press_tit
{
    font-size: 16px;
    color: #1f63af;
    line-height: 24px;
    height: 24px;
    margin: 24px 0 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: 400ms;
}
.press_des
{
    line-height: 24px;
    height: 72px;
    color: #808080;
    overflow: hidden;
}
.press_list ul li a:hover .press_tit
{
    color: #00ae9f;
}
.news_title
{
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    margin: 18px 0 8px;
    color: #333;
}
.news_publish
{
    line-height: 24px;
    color: #808080;
    text-align: center;
    margin-bottom: 24px;
}
.share
{
    height: 28px;
    line-height: 28px;
    width: 100%;
    text-align: right;
    margin-top: 26px;
}
.share_box
{
    float: right;
}
.next3
{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #e6e6e6;
    padding: 18px 150px 0 0;
    margin-top: 10px;
    position: relative;
}
.next3 ul
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.next3 ul li
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.next3 ul li a
{
    display: inline-block;
    color: #808080;
    line-height: 36px;
}
.next3 ul li a:hover
{
    color: #1f63af;
    font-weight: bold;
}
.back
{
    width: 120px;
    position: absolute;
    right: 0;
    top: 24px;
}
.back a
{
    display: block;
    line-height: 30px;
    height: 32px;
    border: 1px solid #1a5faa;
    text-align: center;
    color: #1a5faa;
    transition: 400ms;
}
.back a:hover
{
    background: #1a5faa;
    color: #fff;
}
.page
{
    width: 100%;
    height: auto;
    margin: 30px 0;
    overflow: hidden;
}
.page a
{
    display: inline-block;
    margin: 0 3px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #898989;
    transition: 400ms;
    border-radius: 50%;
}
.page a:hover, .page a.on
{
    background: #c20000;
    color: #fff;
    transition: 400ms;
}
.page a.page_a
{
    margin: 0 15px;
    font-weight: bold;
    width: 62px;
    height: 28px;
    border-radius: 14px;
    background: #cdcdcd url(/template/cn/images/prev2_h.png) center no-repeat;
    background-size: auto 100%;
    color: transparent;
}
.page a.page_a2
{
    transform: rotate(180deg);
}
.page a.page_a:hover
{
    background: #c20000 url(/template/cn/images/prev2_h.png) center no-repeat;
    background-size: auto 100%;
}
.choose_art
{
    width: 100%;
    height: auto;
    padding: 12px 0;
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
}
.choose_art li
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.choose_art li a
{
    display: block;
    height: 28px;
    line-height: 28px;
    color: #999;
    font-size: 14px;
}
.choose_art li a:hover
{
    color: #c20000;
}
.choose_art li a:hover span
{
    border-bottom: 1px solid #c20000;
}
.share2
{
    width: 100%;
    height: 34px;
    line-height: 34px;
}
#bdshare span
{
    height: 34px;
}
#bdshare a
{
    display: inline-block;
    padding: 20px 12px;
}
#bdshare a.shareCount
{
    width: 42px;
    padding: 0;
}
.suspend
{
    width: 72px;
    height: auto;
    right: 0;
    z-index: 88;
    top: 50%;
    margin-top: -146px;
}
.suspend .ball
{
    cursor: pointer;
    width: 72px;
    height: 72px;
    position: relative;
    margin-bottom: 1px;
    padding: 10px 0;
}
.suspend .ball i
{
    display: block;
    width: 100%;
    height: 37px;
}
.suspend .ball p
{
    color: #fff;
    text-align: center;
}
.suspend .ball.phone
{
    background: #6da9de;
}
.suspend .ball.phone i
{
    background: url(/template/cn/images/icon14.png) center no-repeat;
}
.suspend .ball.qq
{
    background: #e6423b;
}
.suspend .ball.qq i
{
    background: url(/template/cn/images/icon13.png) center no-repeat;
}
.suspend .ball.wx
{
    background: #78c340;
}
.suspend .ball.wx i
{
    background: url(/template/cn/images/icon15.png) center no-repeat;
}
.suspend .back-top
{
    background: #fbb01f url(/template/cn/images/icon16.png) center no-repeat;
}
.suspend .ball .bhover
{
    display: none;
    width: 180px;
    height: 72px;
    background: #6da9de;
    position: absolute;
    right: 72px;
    top: 0;
    color: #fff;
    line-height: 72px;
    text-align: center;
    font-size: 20px;
}
.suspend .ball.wx .bhover
{
    width: 90px;
    height: 90px;
    background: none;
    top: -6px;
    right: 73px;
}
.suspend .ball.wx .bhover img
{
    width: 100%;
}
.left_nav
{
    width: 74%;
    height: 100%;
    z-index: 7;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    color: #000;
    z-index: 66;
}
.class-top
{
    width: 100%;
    height: 56px;
    padding: 0 16px;
    text-align: center;
    background: #004098;
    line-height: 56px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.class-top .tell
{
    height: 56px;
}
.class-m
{
    height: 90%;
    overflow-y: auto;
}
.opacity2
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 24;
    display: none;
}
.overflow
{
    height: 100%;
    overflow: hidden;
}
.class-m .nnav
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.class-m .nnav li
{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
}
.class-m .nnav li a.ce
{
    padding-left: 16px;
    color: #000;
    font-size: 16px;
    display: block;
    height: 44px;
    line-height: 44px;
}
.class-m .nnav li a.ce.xz_a
{
    color: #004098;
    font-weight: bold;
}
.menu_head .ericon
{
    padding: 0 8px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    float: right;
    position: relative;
    z-index: 3;
    color: #000;
    font-size: 22px;
}
.menu_head .ericon img
{
    width: 100%;
}
.menu_head .ericon .icon1
{
    display: none;
}
.menu_head .ericon.xz .icon1
{
    display: block;
    color: #c20000;
}
.menu_head .ericon.xz .icon2
{
    display: none;
}
.class-m .nnav li .menu_body
{
    display: none;
    background: #fafafa;
}
.class-m .nnav li .menu_body li
{
    border-bottom: none;
}
.menu_body li a.er
{
    padding-left: 32px;
    font-size: 14px;
    display: block;
    height: 40px;
    line-height: 40px;
    color: #666;
    position: relative;
}
.menu_body li a.er.tz_a
{
    color: #c20000;
}
.menu_body li a.er.tz_a:before
{
    content: '';
    width: 5px;
    height: 16px;
    background: #808080;
    position: absolute;
    left: 16px;
    top: 11px;
}
.menu_body .thricon
{
    color: #666;
    width: 44px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: right;
    display: inline;
    position: relative;
    z-index: 3;
    font-size: 24px;
}
.menu_body .thricon .icont1
{
    display: none;
}
.menu_body .thricon.tz .icont1
{
    display: block;
    color: #c20000;
}
.menu_body .thricon.tz .icont2
{
    display: none;
}
.class-m .nnav li .thr_body
{
    display: none;
}
.class-m .nnav li .thr_body li
{
    border-bottom: none;
    padding: 0;
}
.thr_body li a.thr
{
    position: relative;
    padding-left: 50px;
    font-size: 14px;
    display: block;
    height: 44px;
    line-height: 44px;
    color: #808080;
}
.thr_body li a.thr.fz_a
{
    color: #c20000;
}
.class-m .nnav li .for_body
{
    display: none;
}
.for_body li a.for
{
    position: relative;
    padding-left: 68px;
    font-size: 14px;
    display: block;
    height: 40px;
    line-height: 40px;
    color: #808080;
}
.menu_body .foricon
{
    color: #666;
    width: 44px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: right;
    display: inline;
    position: relative;
    z-index: 3;
    font-size: 24px;
}
.menu_body .foricon .icont1
{
    display: none;
}
.menu_body .foricon.tz .icont1
{
    display: block;
    color: #c20000;
}
.menu_body .foricon.tz .icont2
{
    display: none;
}
.page-prev
{
    transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -webkit-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
}
.page-next
{
    transform: translate3d(74%,0,0);
    -ms-transform: translate3d(74%,0,0);
    -webkit-transform: translate3d(70%,0,0);
    -o-transform: translate3d(74%,0,0);
    -moz-transform: translate3d(74%,0,0);
}
.page-active
{
    transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}
.page-in
{
    -webkit-transition: all 300ms cubic-bezier(.42,0,.58,1);
    -ms-transition: all 300ms cubic-bezier(.42,0,.58,1);
    transition: all 300ms cubic-bezier(.42,0,.58,1);
}
.page-out
{
    -webkit-transition: all 300ms cubic-bezier(.42,0,.58,1) .1s;
    -ms-transition: all 300ms cubic-bezier(.42,0,.58,1) .1s;
    transition: all 300ms cubic-bezier(.42,0,.58,1) .1s;
}
@media(min-width: 1300px)
{
    .container
    {
        width: 1250px;
    }
}
@media(min-width: 1200px) and (max-width: 1499px)
{
    .about p
    {
        height: 192px;
        overflow: hidden;
    }
}
@media(min-width: 992px) and (max-width: 1199px)
{
    .nsearch form
    {
        width: 100%;
    }
    .pro_rgiht .weixinbox .img
    {
        width: 110px;
    }
    .about p
    {
        height: 192px;
        overflow: hidden;
    }
    .pro_image .pro_detail
    {
        width: 320px;
    }
    #footerMenu .nav-image
    {
        width: 50px;
        height: 50px;
    }
    #footerMenu .title span
    {
        font-size: 22px;
        line-height: 50px;
    }
    #footerMenu .item-text
    {
        padding-left: 62px;
    }
    .pro_rgiht .weixinbox
    {
        margin-top: 8px;
    }
    .pro_rgiht .telbox
    {
        margin-top: 6px;
        padding: 6px;
    }
}
@media(max-width: 991px)
{
    .pro_rgiht .telbox
    {
        padding: 6px;
    }
    .pro_image .pro_detail
    {
        width: 360px;
    }
    .right_menu .menu-item
    {
        width: 48%;
    }
    .left_top
    {
        padding: 4px 16px 4px;
        text-align: left;
    }
    .main .left
    {
        width: 100%;
        margin-right: 0;
        position: relative;
        z-index: 2;
    }
    .ny_cn
    {
        font-size: 18px;
        line-height: 40px;
        height: 40px;
        float: left;
    }
    .ny_en
    {
        line-height: 46px;
        height: 40px;
        position: relative;
        padding-left: 14px;
        margin-left: 8px;
        float: left;
        font-size: 13px;
    }
    .ny_en:before
    {
        content: '/';
        width: 10px;
        height: 40px;
        line-height: 46px;
        color: #fff;
        position: absolute;
        left: 0;
        top: 0;
    }
    .classify
    {
        display: block;
    }
    .left_list
    {
        position: relative;
        background: #fff;
        display: none;
        z-index: 5;
    }
    .right
    {
        width: 100%;
        padding-top: 10px;
    }
    .right_top
    {
        display: none;
    }
}
@media(min-width: 768px) and (max-width: 991px)
{
    .pro_rgiht .weixinbox .img
    {
        width: 114px;
    }
    .pro_rgiht .telbox .tel, .pro_rgiht .erweima
    {
        height: 32px;
        line-height: 32px;
    }
    .nsearch
    {
        margin-left: 0;
    }
    .nsearch form
    {
        width: 100%;
    }
    .compay .image
    {
        width: 100%;
        padding-right: 0;
        float: initial;
    }
    #header .nav_box .yiji .one
    {
        font-size: 14px;
    }
    .about .img
    {
        width: 100%;
        padding-right: 0;
        float: initial;
        max-width: 1000px;
    }
}
@media(max-width: 767px)
{
    .pro_list ul li
    {
        width: 46%;
    }
    .main .pro_rgiht .title
    {
        max-width: 100%;
        margin-top: 20px;
    }
    .pro_list ul li a .logoicon
    {
        width: 70px;
    }
    #news .news_image .logoicon
    {
        width: 50px;
    }
    #search-btn
    {
        left: 14px;
        height: 40px;
        line-height: 40px;
        top: 0;
    }
    #search
    {
        height: 40px;
        line-height: 40px;
    }
    #footer1 p
    {
        padding-left: 0;
    }
    .nsearch form
    {
        width: 100%;
    }
    .scrolltop
    {
        width: 32px;
        height: 32px;
    }
    #news .news_slide .slick-arrow
    {
        width: 32px;
        height: 32px;
    }
    #news .news_slide .slick-next
    {
        right: 0;
    }
    #news .news_slide .slick-prev
    {
        left: 0;
    }
    #news .news_slide
    {
        padding: 0 32px;
    }
    .probox .pro-item .pro-item-box .name
    {
        font-size: 16px;
        line-height: 20px;
        height: 20px;
    }
    .probox .pro-item .pro-item-box .more
    {
        line-height: 22px;
        height: 22px;
        font-size: 12px;
    }
    #news .news_item
    {
        padding: 0 6px;
    }
    .pro_image .pro_detail
    {
        width: 100%;
        margin-right: 0;
        float: initial;
    }
    .pro_rgiht .telbox .tel span, .pro_rgiht .erweima span
    {
        padding-left: 0;
    }
    .pro_rgiht .telbox
    {
        padding: 6px 0;
    }
    .nsearch
    {
        width: 100%;
        margin: 0 0 20px;
    }
    .message-item .input, .message-item .textarea
    {
        width: 74%;
    }
    .news_date
    {
        width: 144px;
    }
    .news_des
    {
        height: 48px;
    }
    .news_info
    {
        padding-left: 154px;
    }
    .message
    {
        width: 100%;
    }
    .news_list ul li
    {
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    #nsearch-btn
    {
        width: 80px;
    }
    #wrap_index
    {
        padding-top: 56px;
    }
    #header
    {
        padding: 4px 6px;
        height: 56px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 20;
    }
    #search
    {
        width: 100%;
    }
    #pro .pro-item
    {
        padding: 8px!important;
    }
    #news .title, #pro .title
    {
        font-size: 18px;
        padding: 0;
        overflow: hidden;
    }
    #news .title
    {
        width: 110px;
    }
    #fangan .title
    {
        font-size: 18px;
        padding: 0;
        width: 110px;
    }
    #fangan .nav-image
    {
        width: 146px;
        margin: 14px 0;
    }
    #fangan .text
    {
        margin-bottom: 0;
        font-size: 15px;
        height: 30px;
        overflow: hidden;
        line-height: 30px;
    }
    #fangan dl.more-text
    {
        line-height: 24px;
        height: 24px;
    }
    #fangan .item-text
    {
        overflow: hidden;
    }
    .compay .image
    {
        width: 146px;
    }
    .about .title, .compay .title
    {
        font-size: 16px;
    }
    ul.compay-item
    {
        height: 84px;
        overflow: hidden;
    }
    .about .img
    {
        width: 146px;
    }
    .about p
    {
        height: 80px;
        line-height: 20px;
        overflow: hidden;
    }
    #header .logo
    {
        width: 30%;
        height: 48px;
    }
    .mol_navbutton
    {
        padding-right: 0;
    }
    #header .logo a
    {
        height: 36px;
        margin-top: 6px;
        display: inline-block;
    }
    #header .xnylogo
    {
        width: 20%;
        height: 32px;
        margin: 6px 0 6px 3%;
    }
    #header .xnylogo a
    {
        height: 32px;
        margin-top: 2px;
        display: inline-block;
        width: 100px;
    }
    #banner
    {
        margin-top: 56px;
    }
    #banner .slick-next
    {
        right: 10px;
    }
    #banner .slick-prev
    {
        left: 10px;
    }
    .new_chance .hd .cli
    {
        width: 26%;
        margin: 0 3%;
        height: 40px;
        line-height: 40px;
    }
    .new_chance .bd
    {
        padding: 0 16px;
    }
    ul.newlist li
    {
        width: 100%;
        padding: 0;
        padding-bottom: 10px;
    }
    ul.newlist li a
    {
        padding: 10px 4%;
    }
    ul.newlist li a dt
    {
        height: 30px;
        line-height: 30px;
    }
    ul.newlist li a dd
    {
        height: 48px;
        margin-top: 2px;
        line-height: 24px;
    }
    ul.newlist li a p
    {
        background: url(/template/cn/images/bg2.png) right center no-repeat;
        margin-bottom: 0;
    }
    ul.newlist li a span
    {
        display: none;
    }
    .next3
    {
        padding: 10px 0 0 0;
    }
    .next3 ul li a
    {
        line-height: 26px;
        height: 26px;
        overflow: hidden;
    }
    .next3 .back
    {
        position: initial;
        width: 100%;
        margin-top: 10px;
    }
}
@media(max-width: 414px)
{
    .right_menu .menu-item .menu-icon
    {
        width: 48px;
        height: 48px;
        margin-right: 6px;
    }
    .right_menu .menu-item .menu-name
    {
        font-size: 16px;
        margin-top: 0;
    }
    .right_menu .menu-item .menu-enname
    {
        margin-bottom: 4px;
    }
}
.salelist ul li a:hover img
{
    transform: scale(1.1,1.1);
    transition: 1s transform;
}
.slick-dotted.slick-slider
{
    margin-bottom: 0;
}
.foot_navbox
{
    width: 100%;
    height: 53px;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    background: #ddd;
    z-index: 9;
    position: fixed;
}
.foot_navbox dd
{
    width: 25%;
    float: left;
    text-align: center;
}
.foot_navbox dd a, .foot_navbox dd p
{
    font-size: 14px;
    color: #014099;
    line-height: 22px;
}
.foot_navbox dd i, .head_navbox dd i
{
    display: block;
    width: 100%;
    height: 22px;
    line-height: 22px;
}
.foot_navbox dd i img, .head_navbox dd i img
{
    height: 100%;
}