html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
a{ color: #333; text-decoration:none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
em{font-style:normal}
.clear { clear: both; font-size: 0px; width: 0px; height: 0; visibility: hidden; overflow: hidden; }
* html .clearfix { zoom: 1; }
*:first-child + html .clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* only FF */
.left { float: left; }
.right { float: right; }
body { font-family:"思源黑体 CN"; width: 100%; margin: 0; padding: 0; font-size: 0; color: #6d6d6d;}
strong{ font-weight: bold;}
 img {
    display: block;
    max-width: 100%;
    height: auto;
}
.inline{ display: inline-block; vertical-align: top;}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button,
input {
    border: none;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    outline: none;
}
html{ height: 100%;}
body{ position: relative; padding-bottom: 200px; min-height: 100%;}
.container{ width: 1100px; margin: 0 auto; position: relative;}

header{ height: 110px;}
header .top{ overflow: visible;}
header .top .logo{ display: inline-block; width: 175px; margin-top: 18px;  margin-left: 28px;}
header .top .nav{ margin-top: 68px; margin-right: 34px;}
header .top .nav li{ display: inline-block; vertical-align: top; width: 100px; height: 24px; margin-left: 28px; position: relative;}
header .top .nav li >a{ display: inline-block;  width: 100%; line-height: 24px; font-size: 18px; color: #6e6e6e;}
header .top .nav li em{ width: 11px; height: 7px; background: url(../images/xia.png) no-repeat center top; background-size: cover; position: absolute; right: 0; top: 10px; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: rotate(0); transform: rotate(0);}
header .top .nav .pinpai{ box-sizing: content-box; padding-bottom: 18px;}
header .top .nav .pinpai p{ display: none; position: absolute; top: 42px; left: -2px; width: 120px; background-color: #fff;border: 1px solid #e8e8e8; display: none; z-index: 99;}
header .top .nav .pinpai.curr p{ display: block;}
header .top .nav .pinpai.curr p a{ display: block; line-height: 36px; font-size: 15px; color: #6e6e6e; border-top: 1px solid #e8e8e8; text-indent: 13px;}
header .top .nav .pinpai.curr p a:first-child{ border-top: none;}
header .top .nav .pinpai.curr em{ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
header .logo1{ height: 40px; display: inline-block; margin-top: -20px; vertical-align: middle; margin-left: 40px;}
.swiper-container1 { margin-bottom: 40px;}
.swiper-container1 .swiper-wrapper ,.swiper-container1 .swiper-wrapper .swiper-slide ,.swiper-container1 .swiper-wrapper .swiper-slide img{ width: 100%;}
.swiper-container-horizontal>.swiper-pagination1 .swiper-pagination-bullet{ background-color: #fff; opacity: 1;}
.swiper-container-horizontal>.swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #ccc;}
header .top .nav .search{ width: 20px;}
header .top .nav .search span{ display: block; width: 20px; padding-top: 3px;}
.bg{ background-color: rgba(226,226,226,0.6); height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; bottom: 0; width: 100%; z-index: 100; display: none;}
.bgboxse{ background-color: #fff; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;}
.bgbox{ position: fixed; width: 1000px; min-height: 160px; top: 110px; left: 50%; margin-left: -500px; padding: 20px 32px 0; overflow: auto; display: block; z-index: 101;}
.bgbox h2{ font-size: 20px; color: #64604f; line-height: 1.6;}
.bgbox .box{ margin-top: 16px; border:1px solid #767676; border-radius: 6px; height: 48px; width: 820px;}
.bgbox .box .box-left{ width: 700px; height: 46px; line-height: 46px; color: #767676; font-size: 16px; padding-left: 12px;}
.bgbox .box .btn{ width: 96px; text-align: center; height: 46px; line-height: 46px; background-color: #767676; color: #fff; font-size: 18px; letter-spacing: 8px; text-indent: 8px;}
.bgbox span{ content: ""; width: 24px; height: 24px; position: absolute; top: 10px; right: 10px; background: url(../images/close.png) no-repeat center center; background-size: cover;}
.cont{ padding-bottom: 42px;}
.cont h3{ padding: 20px 0 42px; font-size: 30px; color: #6d6d6d; text-align: center;}
.womeng li{ width: 360px; margin-left: 10px; display: inline-block; vertical-align: top; margin-bottom: 20px;}
.womeng li:first-child{ margin-left: 0;}
.list li{ width: 360px; height: 220px; margin-left: 10px; margin-bottom: 40px; display: inline-block; vertical-align: top;}
.list li a{ display: block; height: 100%; border: 6px solid #e2e2e2; position: relative;}
.list li:nth-of-type(3n + 1){ margin-left: 0;}
.list li img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.list li .title{ position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px; opacity: 0;}
/*.list li .title h2{ position: absolute; left: 0; bottom: -24px; width: 100%; padding: 0 6px; text-align: center; font-size: 22px; color: #fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}*/
.list li .title img{ width: 100%; height: 100%;}
.list li:hover .title{ opacity: 1;}
.list li:hover .title h2{ bottom: 34px;}
.video{ width: 880px; margin: 0 auto;}
.video video{ width: 100%;}
footer{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: #e1ddcd; padding: 50px 0 36px;}
.footer-l{ display: inline-block; vertical-align: top; width: 50%; padding-left: 38px;}
.footer-l p{ font-size: 14px; color: #3f3f3f; margin-bottom: 18px;}
.footer-r .imglink { position: relative}
.footer-r .imglink a{ display: inline-block; vertical-align: top; margin-right: 44px;}
.footer-r .imglink .wechatimg{  position: absolute; width: 120px; height: 120px; left: 64px; top: -130px; display: none;}
.footer-r .imglink .redbookimg{ position: absolute; width: 120px; height: 120px; left: 155px; top: -130px; display: none;}
.footer-r .link{ margin-top: 36px;}
.footer-r .link a{ font-size: 14px; color: #3f3f3f; display: inline-block; margin-right: 36px;}
header .top .pnav li{ width: auto; margin-left: 32px;}
header .top .pnav li a{ white-space: nowrap;}
header .top .pnav .search{ padding-right: 0; padding-left: 14px; box-sizing: content-box;}
header .top .ltop{ display: inline-block;}
header .top .ltop p{ padding: 12px 0 16px;}
header .top .ltop p a{ font-size: 16px; color: #6e6e6e; position: relative;}
header .top .ltop .logo2{ display: inline-block; margin-left: 107px; width: 90px;}
.imglist{ position: relative;}
header .top .pnav li a.cur::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 2px; background-color: #00225f;}
.downnav{ padding: 20px 0; border-top: 1px solid #e2e2e2; font-size: 14px; color: #5d5d5d;}
.downnav > .container{ padding-left: 22px;}
.downnav a{ font-size: 14px; color: #5d5d5d;}
.downnav em{ display: inline-block; margin: 0 8px; font-size: 16px; color: #5d5d5d;}
.plist dl{ width: 270px; display: inline-block; vertical-align: top; margin-left: 6px; margin-bottom: 32px;}
.plist dl:nth-of-type(4n + 1){ margin-left: 0;}
.plist dl dt{ width: 270px; height: 180px;}
.plist dl dd{ height: 100px;}
.plist dl dd p{ font-size: 14px; color: #6d6d6d; margin-top: 16px; padding-left: 20px;}
.pdetails{ margin-top: 32px; margin-bottom: 48px;}
.pdetails .pdetails-l{ display: inline-block; vertical-align: top; width: 50%;}
.pdetails .pdetails-r{ width: 492px; padding: 0 20px;}
.pdetails .pdetails-r h3{ font-size: 16px; color: #030000; font-weight: bold; line-height: 2; margin: 12px 0;}
.pdetails .pdetails-r p{ font-size: 12px; color: #030000; line-height: 2;}
.pdetails .pdetails-r h4{ font-size: 14px; color: #030000; line-height: 2; margin-bottom: 12px;}
.pdetails .pdetails-r .mai{ display: block; width: 174px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #fff; background-color: #030000; border-radius: 2px;}
.pdetails .pdetails-r span{ display: block; text-align: right;}
.pdetails .pdetails-r span b{ position: relative;}
.pdetails .pdetails-r span b::before{ content: ""; position: absolute; top: 50%; left: -32px; width: 26px; height: 1px; background-color: #030000;}
.info p{ font-size: 14px; color: #6d6d6d; line-height: 1.8; text-align: justify; letter-spacing: 1px; word-wrap:break-word; white-space:normal; word-break:break-all; }
.info img{ display: initial;}
.newslist dl{ width: 215px; display: inline-block; vertical-align: top; margin-left: 6px; margin-bottom: 40px;}
.newslist dl:nth-of-type(5n + 1){ margin-left: 0;}
.newslist dl dt{ width: 215px; height: 115px;}
.newslist dl dd{ height: 164px; background-color: #e8e7e4; padding: 10px;}
.newslist dl dd h4{ font-size: 18px; color: #4d442e; line-height: 1.6; margin-bottom: 6px;}
.newslist dl dd p{ font-size: 14px; color: #4d442e; line-height: 1.6;}
.page{ padding: 32px 0; text-align: right;}
.page a ,.page span{ display: inline-block; margin-right: 2px; padding: 0 6px; height: 20px; line-height: 20px; text-align: center; background-color: #fff; font-size: 12px; color: #939393;}
.page a.cur ,.page a:hover{ background-color: #00225f; color: #fff;}
.menu{ display: none;}







@media screen and (max-width: 750px) {
    .container{ width: 100%;}
    body ,html{ padding-bottom: 0; overflow-x: hidden;}
    header ,header .top{ height: 56px; }
    header .top .logo {
        display: inline-block;
        width: 120px;
        margin-top: 10px;
        margin-left: 10px;
    }
    header .logo1{ height: 25px; margin-left: 20px;}
    .menu{ display: block; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 4px; background: url(../images/menu.png) no-repeat center center #041d5d; background-size: 92% 92%;}
    header .top .nav{ display: none; float: none; margin-top: 0; margin-right: 0; position: absolute; top: 56px; left: 0; width: 100%; z-index: 88; background-color: #fff; padding-bottom: 6px;}
    header .top .nav li{ width: 100%; text-align: center; margin-left: 0; height: 38px; line-height: 38px; border-bottom: 1px solid #dcdcdc} 
    header .top .nav .pinpai{ padding-bottom: 0;}
    header .top .nav li >a{ line-height: 38px; display: block;}
    header .top .nav li em{ position: absolute; top: 17px; left: 50%; margin-left: 56px;}
    header .top .nav .search{ width: 100%;}
    header .top .nav .search span{ padding-top: 10px; margin: 0 auto;}
    header .top .nav .pinpai.curr{ height: auto;  min-height: 38px;}
    header .top .nav .pinpai p{ position: inherit; top: inherit; left: inherit; width: 100%; border: none;}
    header .top .nav .pinpai.curr p a:first-child{ border-top: 1px solid #dcdcdc; }
    header .top .nav .pinpai.curr p a{ border-top: 1px solid #dcdcdc; }
    .swiper-container1{ margin-bottom: 20px; }
    .swiper-container1 .swiper-slide img{ height: 100%;}
    .womeng , .list{ padding: 0 10px;}
    .womeng li{ margin-left: 0; width: 100%; display: block;}
    .womeng li img{ margin: 0 auto;}
    .list li{ margin-left: 0; width: 100%; display: block; max-width: 360px; margin: 0 auto 24px; }
    .list li:nth-of-type(3n + 1){ margin-left: auto;}
    .video{ width: 100%;}
    .video video{ min-height: 240px; object-fit:fill}
    .footer-l{ display: block; padding-left: 0; width: 100%;}
    .footer-l p{ margin-bottom: 0; line-height: 2; text-align: center}
    .footer-r .imglink{ display: -webkit-flex; display: flex; justify-content: space-between; margin-top: 20px; position:relative;}
    .footer-r .imglink a{ margin-right: 0;}

    .footer-r .link{ text-align: center;}
    .footer-r .link a{ margin: 0 18px;}
    footer{ position: inherit; padding: 24px 10px;}
    .bgbox{ width: 318px; margin-left: -159px; padding: 20px 6px 0;}
    .bgbox .box{ width: 306px;}
    .bgbox .box .btn{ width: 72px;}
    .bgbox .box .box-left{ width: 232px;}
    .cont h3{ font-size: 24px; padding-left: 10px; padding-right: 10px; line-height: 1.6}
    header .top .pnav li a.cur::after{ content: none;}
    header .top .pnav .search{ padding-left: 0;}
    .imglist{ right: -4px;}
    header .top .ltop p{ display: inline-block; vertical-align: top; padding: 22px 0 0 10px;}
    header .top .ltop p a{ font-size: 14px}
    header .top .ltop .logo2{ position: absolute; top: 50%; left: 50%; width: auto; margin-left: 0;-webkit-transform:translate(-50%,-50%); transform: translate(-50%,-50%);}
    header .top .ltop .logo2 img{ max-height: 56px;}
    .downnav{ font-size: 12px; padding: 10px 0; line-height: 1.6;}
    .downnav > .container{ padding-left: 10px;}
    .info{ padding: 0 10px; }
    .downnav em{ margin: 0 1px;}
    .pdetails .pdetails-l{ width: 100%; display: block;}
    .pdetails .pdetails-r{ padding: 0 10px;}
    .pdetails .pdetails-r .mai{ margin-left: auto; margin-right: auto;}
    .newslist , .plist{ display: -webkit-flex; display: flex; justify-content: space-around; flex-wrap: wrap;}
    .newslist dl , .plist dl{ margin-left: 0; margin: 0 2px 20px;}
    .newslist::after ,.plist::after {
        display:block;
        content:"";
        width: 215px;
        height:0px;
    }
    
    .page{ text-align: center;}
    .plist dl{ width: 215px;}
    .plist dl dt ,.plist dl dt img{ width: 100%; height: auto;;}










}