/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    border: 0;
    list-style: none;

}
body {
    font-size: 12px;
    color: #666;
   
}
a{color:#333;}
a:hover{ color:#23448d; /*text-decoration:underline;*/}
p {
    line-height: 1.8em;
    padding: 5px 0;

}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper01{ width:1440px; margin:0 auto; max-width:1440px;}
.wapper{ width:1440px !important; margin:0 auto; max-width:1440px !important;}
.wapper02{width:1440px; margin:0 auto; max-width:1440px;}
.wapper03{width:1440px; margin:0 auto; max-width:1440px;}
.wapper04{width:1440px; margin:0 auto; max-width:1440px;}


body {
    font-family: "HappyTimesattheIKOB-Italic", sans-serif;
}




/*英文*/
@font-face {
  font-family: "HappyTimesattheIKOB-Italic";
  src: url("../fonts/HappyTimesattheIKOB-Italic.woff2") format("woff2"),
       url("../fonts/HappyTimesattheIKOB-Italic.woff") format("woff"),
       url("../fonts/HappyTimesattheIKOB-Italic.ttf") format("truetype"),
       url("../fonts/HappyTimesattheIKOB-Italic.eot") format("embedded-opentype"),
       url("../fonts/HappyTimesattheIKOB-Italic.svg") format("svg");
}

@font-face {
    font-family: "PERTILI";
    src: url("../fonts/PERTILI.woff2") format("woff2"), url("../fonts/PERTILI.woff") format("woff"), url("../fonts/PERTILI.ttf") format("truetype"), url("../fonts/PERTILI.eot") format("embedded-opentype"), url("../fonts/PERTILI.svg") format("svg");
}
/*中文*/
@font-face {
  font-family: "FeiHuaSongTi-2";
  src: url("../fonts/FeiHuaSongTi-2.woff2") format("woff2"),
       url("../fonts/FeiHuaSongTi-2.woff") format("woff"),
       url("../fonts/FeiHuaSongTi-2.ttf") format("truetype"),
       url("../fonts/FeiHuaSongTi-2.eot") format("embedded-opentype"),
       url("../fonts/FeiHuaSongTi-2.svg") format("svg");
}

@font-face {
    font-family: "FZPHFW";
    src: url("../fonts/FZPHFW.woff2") format("woff2"), url("../fonts/FZPHFW.woff") format("woff"), url("../fonts/FZPHFW.ttf") format("truetype"), url("../fonts/FZPHFW.eot") format("embedded-opentype"), url("../fonts/FZPHFW.svg") format("svg");
}

.top-bar-box{ border-bottom:1px solid #ebebeb}
.top-bar-content{display: flex;justify-content: flex-end;align-items: center;}
.top-bar-content ul{display: flex;justify-content: flex-end;}
.top-bar-content ul li{ font-size:12px; padding:11px 0 10px 0; margin-left:32px}

.header-bg{   border-bottom: 1px solid #ebebeb; position:relative;}
.header{ display: flex; justify-content: space-between;  align-items: center; }
.header .logo{ height:76px; padding:0 20px 0 0; box-sizing:border-box;}
.header .logo a{ display: flex; justify-content: center;  align-items: center; height:76px;}
.header .logo a img{ max-width:100%; max-height:100%;}
/*menu*/
.menu{/* height:35px; *//* line-height:35px; */flex: 1;}
.menu>ul>li{float:left;/* position:relative; *//* border-right:#666 solid 1px; *//* padding: 25px 20px; */box-sizing: border-box;}
.menu>ul>li>span{}
.menu>ul>li>dl{background:#fff;position:absolute;left:0px;top:75px;display:none;z-index:9;width: 100%;border-top: 1px solid #ebebeb;}
.menu>ul>li>span>a{font-size:14px;color: #333;text-decoration:none;font-weight: normal;display:block;text-align:center;padding: 26px 20px;}
/*.menu a:hover{color:#fff;}*/
.menu>ul>li>span>a.menu_hover{ border-bottom: 3px solid #00253e;}
/*.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/
.menu>ul>li .erji{      padding-top: 32px; padding-bottom:32px}
.menu>ul>li .erji>ul{display: flex; justify-content: space-between;  align-items: flex-start; }
.menu>ul>li .erji>ul>li{width:calc((100% - 72px)/4);}
.menu>ul>li .erji>ul>li>dl dd{}
.menu>ul>li .erji>ul h2{ font-size:16px;margin-bottom:16px; display:block;}
.menu>ul>li .erji>ul h2 a{ color:#292929}
.menu>ul>li .erji>ul>li h2 a:hover{ color:#23448d}
.menu>ul>li .erji>ul>li.xilie dd span{ font-size:14px; font-weight:400; display:block; margin-bottom:16px;}
.menu>ul>li .erji>ul>li.xilie dd span a{ color:#333;}
.menu>ul>li .erji>ul>li .img{ width:100%; position:relative;}
.menu>ul>li .erji>ul>li .img a img{display:block; vertical-align:bottom; width:100%;}
.menu>ul>li .erji>ul>li .img a em{ position:absolute; bottom:0; left:0; background:rgba(0,37,62,.9); line-height:48px; font-size:14px; color:#fff; font-style:normal;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;    padding-left: 16px; box-sizing:border-box; width:100%;}
.xilie01{}
.xilie01 dd a{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 16px;}
.xilie01 dd a .pmjg{ width:56px; height:56px; display: flex; justify-content: center;  align-items: center;}
.xilie01 dd a .pmjg img{ max-height:100%; max-width:100%;}
.xilie01 dd .img01{width: calc(100% - 71px);}
.xilie01 dd .img01 span{ display:block; font-style:normal; font-size:14px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
.xilie01 dd .img01 em{ display:block; font-style:normal; font-size:12px; color:#8f8f8f; font-style:normal;}
.ckqb{ display:block; font-size:14px; font-weight:400;}
.zhuati{display: flex;justify-content: flex-end;align-items: flex-start;padding: 3% 0 1%;}
.zhuati ul {width: 15%;}
.zhuati ul li{font-size:14px;margin-bottom: 16px;}

.search{     border: 1px solid #cecece; border-radius: 2px; box-sizing:border-box;  display: flex;  align-items: center; height:40px;    width: 28%;}
.search a{  display: flex; justify-content: center; width:40px; height:40px;  align-items: center;}
.search a img{ max-width:100%; max-height:100%;}
.search .input_text{  outline:none;    height: 22px; font-size: 14px;   line-height: 22px; color:#292929; background:none;}
.search .input_text::-webkit-input-placeholder{ color:#ccc;}
.search:hover{ background:#f9f9f9}

.banner{ }
.banner img{ width:100%; vertical-align:bottom;}
.banner .img{position:relative;}
    .banner .img .fue {
        background: #262738;
        position: absolute;
        bottom: 140px;
        padding: 2%;
        width: 36%;
        box-sizing: border-box;
        color: #fff;
        right: calc(50% - 44%);
        box-shadow: 0 5px 15px rgb(8 8 8 / 68%);
        transform-style: preserve-3d;
        transition: transform 0.5s ease;
    }
        .banner .img .fue:hover {
            transform: rotateY(10deg);
        }
        .banner .img .fue h2{ display:block; font-size:20px; font-weight:normal;}
.banner .img .fue span{ display:block; font-size:16px; margin-top:16px;}
        .banner .img .fue a {
            display: inline-block;
            color: #b7b7b7;
            margin-top: 16px;
            font-size: 14px;
        }
.banner .img .fue a:hover{text-decoration:underline;}
/*.banner .swiper-slide:nth-child(2n) .fue{ left:calc(50% - 696px); right:inherit;}*/
.banner .swiper-pagination01 span{    border: 1px solid #fff; width:12px; height:12px; background:#fff;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ font-size:48px !important; color:#00253e;}
.banner .swiper-button-next, .banner .swiper-button-prev{ width:72px; height:72px; border-radius:50%;}
.banner:hover .swiper-button-next{ background:hsla(0,0%,100%,.5)}
.banner:hover .swiper-button-prev{ background:hsla(0,0%,100%,.5)}




.cent01{ margin-top:4%;}
.tjjx{ display: flex; justify-content: space-between;  align-items: flex-start;    padding: 0 144px 48px;}
.tjjx h2{ font-size:28px; color:#333; position:relative; font-weight:normal; padding-bottom:2%; display:block;}
.tjjx h2:before {  content: "";    width: 91px;   height: 2px; background: #c29b40; position:absolute; bottom:0; left:0;}
.tjjx a{ font-size:14px; color:#23448d; display:block;}
.cent01 ul li{ float:left; display:block;width:calc((100% - 6%)/4); margin-bottom:2%; margin-right:2%;}
.cent01 ul li:nth-child(4n) { margin-right: 0% ;}
.cent01 ul li a{}
.cent01 ul li a .img{  width:100%; /*height:37vh;*/ display: flex; justify-content: center;  align-items: center;}
.cent01 ul li a .img img{ max-height:100%; max-width:100%;}
.pid{ margin-top:2%;}
.pid h2{ display:block; font-size:18px; color:#333; margin-bottom:2%;    height: 50px; font-weight:normal;    margin-bottom: 16px;}
.pid span{ display:block; font-size:14px; color:#333; line-height:22px;}
.yualn{ margin-top:16px; display: flex;  align-items: center;}
.yualn em{ width:60%; height:48px; border:#23448d 1px solid; color:#23448d; font-size:14px; line-height:48px; text-align:center; font-style:normal;}
.yualn a{ height:48px; width:48px; display: flex; justify-content: center;  align-items: center;}



.cent02{ margin-top:4%;}
.cent02 ul li{float:left; display:block;width:calc((100% - 60px)/4); margin-bottom:20px; margin-right:20px;}
.cent02 ul li:nth-child(4n) { margin-right: 0% ;}
.cent02 ul li a{ display:block}
.cent02 ul li a .img{   width:100%; /*height:37vh;*/ display: flex; justify-content: center;  align-items: center;}
.cent02 ul li a .img img{ max-height:100%; max-width:100%;}
.cent02 ul li a h2{ font-size:20px; line-height:28px; font-weight:500; margin-bottom:8px;}
.cent02 ul li a span{ font-size:16px; color:#333; display:block;margin-bottom:8px;}
.cent02 ul li a em{ font-style:normal; font-size:14px; color:#6b6b6b; line-height:22px; margin-bottom:8px; display:block;}
.cent02 ul li a i{ font-style:normal; font-size:14px; color:#23448d; font-weight:500;}
.cent02 ul li:nth-child(4n-3){ clear:left;}


.cent03{ margin-top:4%}
.cent03 ul li{float:left; display:block;width:calc((100% - 60px)/4); margin-bottom:20px; margin-right:20px;}
.cent03 ul li:nth-child(4n) { margin-right: 0% ;}
.cent03 ul li a{ display:block}
.cent03 ul li .img{ width:100%; padding-top:100%;}
.cent03 ul li span{ display:block; text-align:center; font-size:20px; color:#000; font-weight:500;     margin-top: 16px; font-style:normal;}


.cent04{ margin-top:4%;}
.cent04 ul li{float:left; display:block;width:calc((100% - 20px)/2); margin-bottom:20px; margin-right:20px;}
.cent04 ul li:nth-child(2n) { margin-right: 0% ;}
.cent04 ul li a{ display:block}
.cent04 ul li a .img{ display:block; width:100%;}
.cent04 ul li a .img img{ width:100%; vertical-align:bottom;}
.cent04 ul li span{ font-size:20px; font-weight:300px; color:#333; margin-top:8px;}

.top-j{ position:fixed; bottom:40px; border:1px solid #f1f1f1; right:40px; width:64px; height:64px; border-radius:50%; display: flex; justify-content: center;  align-items: center; background:#fff;}




.cent05{display: flex;justify-content: space-between;align-items: flex-end;}
.cent05-1{ color:#333; padding-bottom:8%;}
.cent05-1 .tjjx{ padding-left:0;}
.cent05-1 .tjjx h2{ padding-bottom:16px}
.cent05-1>h2{ font-size:24px; font-weight:normal;}
.cent05-1>span{ font-size:14px; color:#000; display:block; margin-top:16px;}
.cent05-1>img{ max-width:100%; width:120px; margin-top:5%;}
.cent05-r{ width:43%}
.cent05-r img{ width:100%; vertical-align:bottom;}

.cent06-bg{ background:#f1f1f1}
.cent06{ display: flex; justify-content: center;  align-items: center; padding:25px 0}
.cent06 ul{display: flex; justify-content: center;  align-items: center;}
.cent06 ul li{ position:relative;     margin: 0 75px;}
.cent06 ul li a{ width:36px; height:36px;}
.cent06 ul li a img{ max-width:100%; max-height:100%;}
.cent06 ul li .img{    width: 120px;   height: 120px; margin: 3px auto;  display: block; box-sizing:border-box; position:absolute; top:100%; left:50%;   transform: translate(-50%, 0);  display:none}
.cent06 ul li .img img{ max-width:100%; width:100%}
.cent06 ul li .img:before {
    content: "";    position: absolute;
    top: -5px;
    left: 55px;
    width: 0;
    height: 0;
    border-color: #fff transparent transparent #fff;
    border-style: solid;
    border-width: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cent06 span{ font-size:24px; color:#292929; font-weight:500;     margin: 0 120px;}
.cent06 ul li:hover .img{ display:block}
.footer-bg{ background:#f9f9f9; padding-bottom:2%;}
.footer{ padding:2% 2% 2% 4%; box-sizing:border-box; display: flex; justify-content: space-between;   align-items:flex-start;}
.footer .logo01{ width:199px; margin-right:20%;}
.footer .logo01 a{ display:block}
.footer .logo01 a img{ width:100%; vertical-align:bottom;}
.footer dl{ display: flex; justify-content: space-between;  align-items: flex-start;     flex: 1;}
.footer dl h2{ font-size:14px; color:#333; display:block; font-weight:normal; margin-bottom:16px;}
.footer dl ul li{ font-size:14px; font-weight:normal; line-height:22px; display:block;    margin-bottom: 16px;}
.footer dl ul li a{ color:#6b6b6b;}
.footer02{ padding-left:4%;}
.footer02 span{ display: flex; font-size:12px; color:#6b6b6b;}
.footer02 span img{ width:14px;}
.footer03{ display: flex; }
.sp_header{ display:none}
.sjj_nav{ display:none}

.tankbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,.2); display:none;}
.tank{
	    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 4;
    max-width: 960px;
    overflow: hidden;
    height: 480px;
    border-radius: 4px; background:#fff;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tdw_pp_cls {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    right: 5px;
    top: 5px;
    text-align: center;
}

.tdw_pp_cls:after, .tdw_pp_cls:before {
    position: absolute;
    content: '';
    height: 16px;
    width: 2px;
    background-color: #a5a5a5;
}
.tdw_pp_cls:before {
    transform: rotate(-42deg);
}
.tdw_pp_cls:after {
    transform: rotate(41deg);
}
.tank-l{ width:50%; height:100%;}
.tank-l .selectPic{ width:100%; height:100%; display: flex; justify-content: center;  align-items: center;}
.tank-l .selectPic img{ max-width:100%; max-height:100%;}
.tank-r{ width:50%; box-sizing:border-box; padding:24px; color:#333}
.tank-r .canshu{ font-style:normal; font-size:14px; margin-bottom:8px;}
.tank-r .canshu01{ font-size:24px; display:block; font-weight:600; line-height:28px; margin-bottom:8px;}
.tank-r .canshu02{    font-weight: 300; font-size: 14px; line-height: 22px; letter-spacing: 1px;}
.tank-r .zhj{ display: flex;  align-items: center; font-size:14px; line-height:22px; font-weight:500; margin-top:20px;}
.tank-r .zhj img{ width:16px;}
.tank-r .canshu05{ display:block; width:100%;}
.tank-r .canshu05 a{ font-size:14px; line-height:48px; text-align:center; color:#fff; background:#00253e; display:block;}
.xs0101{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 100%;}

.xs01{ display:block;height: 100%;}

.xs02{ display:none}
.xs0201{ display: flex; justify-content: space-between;  align-items: flex-start;}
.xs0201 .zhj02{ width:24px;}
.xs0201 .zhj02 img{ width:100%;}
.xs02 .canshu03{ width:92%;}
.xs02 .canshu03 h2{    font-weight: 500; font-size: 16px;   line-height: 20px; margin-bottom: 8px; display:block;}
.xs02 .canshu03 span{    font-weight: 300;  font-size: 14px;  font-style: normal; line-height: 22px;  color: #333;}
.xs02 .canshu03 p{ padding:0; font-size:14px; color:#333; display:block; line-height:22px;    margin-top: 8px;}
.xie{overflow-y:scroll; height:300px;}

.cent08{ padding:32px 64px; box-sizing:border-box;}
.cent08 .swiper-slide .img{ width:100%; position:relative;}
.cent08 .swiper-slide .img img{ width:100%; vertical-align:bottom;}
.cent08 .swiper-slide .img .huanyue{ background:rgba(0,37,62,.9); width:75%; height:112px; padding:24px 32px; position:absolute; bottom:0; left:0; color:#fff; box-sizing:border-box;}
.cent08 .swiper-slide .img .huanyue h2{ font-size:24px; font-weight:normal;}
.cent08 .swiper-slide .img .huanyue span{ font-size:14px; color:#c29b40; margin-top:16px; line-height:20px; display:block;}

.title-bg{    border-bottom: 1px solid #e7e7e7;}
.title-bg ul{ text-align:left;}
.title-bg ul li{height: 64px;  margin-right: 40px;  font-weight: 500;   font-size: 16px; line-height: 24px; color:#6b6b6b; display:inline-block; line-height: 64px;}
.title-bg ul li.cur{    color: #00253e;  border-bottom: 3px solid #00253e;}
.tabs_val{ margin-top:3%; margin-bottom:3%;}
.tab_valli{ display:none}
.jieguo{ display: flex; justify-content: space-between;  align-items: center;}
.jieguo span{ font-size:14px; color:#6b6b6b; line-height:22px; font-weight:400;}
.cent07{}
.cent07 ul li{ float:left; display:block; width:calc((100% - 40px)/3);  margin-right:20px;}
.cent07 ul li:nth-child(3n) {  margin-right: 0% ;}
.cent07 ul li .img{ position:relative; padding-top:110%; margin-top:4%;}
.cent07 ul li .img .tank01{ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); opacity:0; width:153px; height:44px; line-height:44px; text-align:center; background:hsla(0,0%,100%,.8); border-radius:5px; font-size:14px; color:#00253e;  display: flex; justify-content: center;  align-items: center;}
.cent07 ul li .img:hover .tank01{ opacity:1;}
.cent07 ul li .pid em{ font-style:normal; font-size:14px; color:rgba(0,0,0,.65);}
.cent07 ul li .yula01{width:60%; height:48px; border:#23448d 1px solid; color:#23448d; font-size:14px; line-height:48px; text-align:center; font-style:normal; display:block; margin-top:2%;}

.banner01{ width:100%;}
.banner01 img{ width:100%; vertical-align:bottom;}

.cent09{ margin-top:2%;}
.cent09 h2{ font-weight: 400; font-size: 47px;   line-height: 56px; color: #292929;  margin-top: 8px;}
.cent09 span{ font-size:18px; color:#06235f; font-weight:500; display:block; line-height:26px}
.cent09 ul{ margin-top:8px;}
.cent09 ul li{ display: flex;   align-items: center; margin-bottom:8px; font-size:16px; color:#6b6b6b}
.cent09 ul li img{ width:20px; margin-right:8px}
.cent09 a{ display:block; font-size:14px; color:#00253e;  line-height:48px; height:48px; text-align:center; width:125px; border:1px solid  #00253e; margin-top:2%;}
.cent09 a:hover{border-color: #23448d;  color: #23448d;}

.cent10{ margin-top:1%; margin-bottom:3%;}
.tab_valli01{ display:none}
.qbpp_valli{display:none}
.title01{    border-bottom: 1px solid #e7e7e7; text-align:left;}
.title01 li{height: 64px;  margin-right: 40px;  font-weight: 500;   font-size: 14px; line-height: 24px; color:#6b6b6b; display:inline-block; line-height: 64px;}
.title01 li.cur01{    color: #00253e;  border-bottom: 3px solid #00253e;}
.tabs_val01{ margin-top:4%;}
.qbpp-bg{ display: flex; justify-content: space-between;  align-items: center;}
.qbpp-lm{}
.qbpp-lm li{  display:inline-block; font-size:14px; padding:0 30px; border-radius:20px; margin-right:10px; line-height:32px;}
.qbpp-lm li.xuzn{background-color: #f1f1f1;color: #292929;}
.qbpp_val{ margin-top:3%;}
.cent11{}
.cent11 h2{ font-size:14px; font-weight:normal; color:#6b6b6b;}
.cent11 ul li{ border:1px solid #f1f1f1; padding:24px;     border-radius: 3px; box-sizing:border-box; margin-top:2%; display: flex;  justify-content: space-between;  align-items: center}
.cent11 ul li:hover{box-shadow: 0 4px 16px rgba(0,0,0,.1);}
.cent11 ul li .img{ width:210px}
    .cent11 ul li .img img {
        width: 100%;
        vertical-align: bottom;
        object-fit: contain;
        height: 200px;
    }
    .cent11 ul li .cent11-r {
        margin: 20px;
        flex: 1;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }
.cent11-r01{}
.cent11-r01 em{ font-style:normal; font-size:12px; background:#317aad; padding:0 8px; font-weight:400; color:#fff; border-radius:5px;}
.cent11-r01 h3{ font-size:24px; color:#333; display:block; font-weight:500;}
.cent11-r01 span{ font-size:16px; color:#6b6b6b}
.cent11-r01>p{ padding:0 ; font-size:14px;color:#6b6b6b; display:block; margin-top:16%;}
.cent11-r01>i{ font-style:normal; font-size:14px; color:#333; display:block;}
.cent11-r02{ text-align:right;}
.cent11-r02 em{ font-style:normal; font-size:14px; color:#6b6b6b; margin-bottom:16px;}
.chuji{ display: flex; justify-content: flex-end;  align-items: center;}
.chuji a{ display:block; font-size:14px; color:#00253e;  line-height:48px; height:48px; text-align:center; width:125px; border:1px solid  #00253e; margin-top:2%;}
.chuji a:hover{border-color: #23448d;  color: #23448d;}
.chujia01{ background:#00253e; color:#fff !important; margin-left:20px; width:180px !important;}
.chujia01:hover{ background:#23448d;  border-color: #23448d;}


.cent12{}
.cent12-l{ float:left; display:block; width:calc(100% - 450px);}
.cent12-l span{ font-size:18px; color:#333; display:block;    font-weight: 400;line-height: 26px;}
.cent12-l a{ color:#007aff; font-size:18px;}
.cent12-r{float:right; display:block; width:300px;}
.cent1201{ background:#f9f9f9; padding:24px; border-radius:2px; box-sizing:border-box;}
.cent1201 h2{ font-size:24px; color:#333; display:block; position:relative; font-weight:normal;  padding-bottom:16px; margin-bottom:14px}
.cent1201 h2:before {  content: "";    width: 91px;   height: 2px; background: #c29b40; position:absolute; bottom:0; left:0;}
.cent1201 span{ display:block; font-size:14px; color:#333; margin-top:8px;}
.ddsh{ margin-top:20px}
.ddsh em{ font-style:normal; color:#333;    font-weight: 400; font-size: 14px;   line-height: 22px;}
.ddsh ul li{ line-height:22px; font-size:14px;     margin-top: 8px; font-weight:300; color:#000;}
.cent12-r>a{ display:block; font-size:14px; line-height:44px; text-align:center; border:1px solid #cecece; color:#00253e; margin-top:5%;}
.inside_con{ padding:10px 0; min-height:300px;}
.top{ display:none}


.cent13{ margin-bottom:4%;}
.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; font-weight:400; margin-top:0.5% }
.weizhi a{ color:#23448d}

.cent13-l{ float:left; display:block; width:67%;}
.cent13-r{ float:right; display:block; width:31%; background:#f1f1f1; padding:24px; box-sizing:border-box;}
.cent13-r>span{ font-size:12px; color:#6b6b6b; display:block; font-weight:500;}
.fanye{ display: flex; justify-content: space-between;  align-items: center; margin-top:1%}
.fanye em{ font-style:normal;  display: flex; align-items: center;}
.fanye em img{ width:50%;}
.fanye h2{ font-size:32px; color:#000000a6; font-weight:normal;}
.cent13-r>h2{ font-size:18px; color:#333; display:block; font-weight:normal;}
.cent13-r>em{font-size:13px;color:#333;font-style:normal;display:block;padding:4px 0;margin-bottom: 3%;}
.cent13-r .guji{display: flex;justify-content: space-between;align-items: center;margin-bottom: 4%;}
.cent13-r .guji>i{ font-style:normal; font-size:13px; color:#333;}
.cent13-r .guji01{ text-align:right;}
.cent13-r .guji01>em{font-style:normal;display:block;font-size:13px;color:#333;line-height: 22px;}
.cent13-r .guji01>i{font-style:normal;display:block;font-size:13px;color:#6b6b6b;line-height: 22px;}
#time{display: inline-flex;}
#time ul{ display: inline-flex;  align-items: center;}

.chuji02{ display: flex;  justify-content: space-between;  align-items: center;}
.chuji02 a{ font-size:14px; color:#00253e; border:1px solid #cecece; line-height:48px; width:134px; text-align:center;}
.shouchu{ background:#00253e; border-radius:2px; color:#fff !important; width:200px !important;}
.chuji02 a:hover{    border: 1px solid #23448d;  color: #23448d;}
.shouchu:hover{ background:#23448d; }
.xingq{ width:100%; padding-left:104px; box-sizing:border-box;}
.xingq ul li{ padding:3% 0; border-bottom: 1px solid rgb(231, 231, 231);}
.xingq span{ background:url(../images/huaho.png) center right no-repeat; display:block;}
.xingq span a{ display:inline-block; font-size:24px;  color:#333;}

.cee01{ background:url(../images/jianh.png) center right no-repeat !important;}
.pro{ display:none;}
.pro p{ padding:0; font-size:18px; color:#333; display:block;}
.duotu{ height:700px;}
.duotu .mySwiper1{ width:104px; float:left; }
.duotu .mySwiper1 .img{ width:100px; height:100%; display: flex; justify-content: center;  align-items: center;  border:2px solid #fff;}
.duotu .mySwiper1 .img img{ max-height:100%; max-width:100%; vertical-align:bottom;}
.duotu .mySwiper2{ width:calc(100% - 110px); float:right;}
.duotu .mySwiper2 .img{ width:100%; height:100%; display: flex; justify-content: center;  align-items: center;}
.duotu .mySwiper2 .img img{ max-height:100%; max-width:100%; vertical-align:bottom;}
.duotu .mySwiper1 .swiper-slide-thumb-active .img{ border:2px solid #bc9b50;}
.duotu .swiper-button-next:after, .duotu .swiper-button-prev:after{ font-size:48px !important; color:#00253e;}
.duotu  .swiper-button-next, .duotu .swiper-button-prev{ width:72px; height:72px; border-radius:50%;}
.duotu:hover .swiper-button-next{ background:hsla(0,0%,100%,.5)}
.duotu:hover .swiper-button-prev{ background:hsla(0,0%,100%,.5)}


.cent14-bg{ background:rgb(241, 241, 241)}
.cent14{ padding:2% 0;}
.cent14 p{ padding:0; font-size:12px;  color:#6b6b6b;}
.cent14 h2{ font-weight:normal; font-size:40px; color:#000; display:block;}
.inside_con img{ max-width:100%;}

.cent15{ margin-top:1%; margin-bottom:2%;}
.cent15 h2{ font-size:16px; color:#333333; display:block; font-weight:normal;}
.cent15 span{ font-size:12px; color:#333333;    margin-bottom: 8px; display:block; margin-top:3%;}
.cent15 em{ font-style:normal; font-size:12px; color:#6b6b6b;    margin-bottom: 8px;display:block;}

.hou01{ width:100%;}
.hou01 img{ width:100%; vertical-align:bottom;}
.hou02{ margin-top:2%; margin-bottom:2%}
.hou02 ul li{ float:left; text-align:center; display:block; width:calc((100% - 4%)/3); margin-right:2%}
.hou02 ul li:nth-child(3n) { margin-right: 0% ;}
.hou02 ul li a{ display:block}
.hou02 ul li a .img{ width:100%; display:block;}
.hou02 ul li a .img img{ width:100%; vertical-align:bottom}
.hou02 ul li a span{ font-size:16px; color:#000; display:block; line-height:40px;}

.houji{ margin: 3% auto;     width: 49%;}
.houji ul li{ display: flex;  align-items: center;justify-content: space-between; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding: 10px;}
.houji ul li span{ font-size: 18px; width: 19%; color: #333;}
.houji ul li input{ width:calc(100% - 20%); font-size: 18px; color: #000; outline:none;}
.houji ul li input::-webkit-input-placeholder{ color:#000;}
.houji .input_button{ background: #000; color: #fff; font-size: 16px; text-align: center; border: none; list-style: 40px; width: 100%; height: 40px;}
.houji ul li .select{ width:calc(100% - 20%); font-size: 18px; color: #000; outline:none; border:none}
.houji ul li .select::-webkit-input-placeholder{ color:#000;}
.houji>.h2{ font-size:18px; color:#333; margin-bottom:20px; line-height:1.5}


@media screen and (min-width:980px) and (max-width:1460px){


.wapper01{ width:90%;}
.wapper{ width:90% !important;}
.wapper02{width:90%;}
.wapper03{width:90%;}
.wapper04{width:90%;}
	.cent08 .swiper-slide .img .huanyue h2{ font-size:18px}
	.menu>ul>li>span>a{ padding:26px 10px}
	.banner .img .fue span{ font-size:14px}
	}
@media only screen and (max-width: 980px) {
    .houji{ width: 100%;}
	.houji>.h2{ font-size:16px;}
    .houji ul li span{  font-size: 14px;    width: 32%;}
	.houji ul li input{ font-size: 14px; width:calc(100% - 32%);}
	.wapper01{ width:90%;}
	.wapper{ width:90% !important;}
	.wapper02{width:90%; margin:0 auto; max-width:inherit}
	.wapper03{width:90%; }
	.wapper04{ width:90%;}
	.top{ display:block; height:50px;}
	.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#000}
.sjj_nav ul li ul li>ul{margin-left:10px}
	
	.top-bar-content{ display:none}
	.header-bg{ display:none}
	.banner .img img{    width: 100%;min-height: 442px; max-height: 785px; object-fit: cover;}
	.banner .img .fue h2{ font-size:24px; line-height:28px;}
	.banner .img .fue span{ display:none;}
	.banner .img .fue{ width:calc(100vw - 48px); padding:24px 16px;    bottom: 72px; right: auto; left:54px}
	.banner .swiper-slide:nth-child(2n) .fue{left: 24px;  right: auto;}
	.tjjx h2{ font-size:22px;}
	.tjjx{ padding:0; margin-bottom:16px;}
	.cent01 ul li{ float:none; display:block; width:100%; margin-right:0;}
	.pid h2{ font-size:20px;}
	.pid span{ font-size:12px;}
	.cent02 ul li{ float:none; display:block; width:100%;  margin-right:0;}
	
	.cent03 ul li{ float:none; display:block; width:100%; margin-right:0;}
	.cent05{ display:block; width:100%;}
	.cent05-r{ width:100%;}
	.cent05-1{ float:left; display:block; width:100%; text-align:center;}
	.cent05-1 .tjjx h2{ text-align:center; display:block; width:100%;}
	.tjjx h2:before{ display:none;}
	.cent05-1>h2{ font-size:16px;}
	.cent05-1>span{ font-size:14px;}
	.cent06{ flex-wrap: wrap;}
	.cent06 span{ font-size:16px; margin:0 auto; }
	.cent06 ul{ width:100%; margin-top:2%;}
	.cent06 ul li{  margin: 0  auto;}
	
	.footer{flex-wrap: wrap; display:block;}
	.footer02 span{    margin-top: 4px;}
	.footer dl{ width:100%; margin-top:5%;}
	.footer03{     display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column; }
	
	.tank{ width:90%; height:auto; display:block;}
	.tank-l{ width:100%; height:auto;}
	.tank-r{ width:100%; height:auto;}
	
	.cent07 ul li{ width:100%; margin-right:0;}
	.search{width: 65%;}
	.cent08{ padding:5%;}
	.cent08 .swiper-slide .img .huanyue h2{ font-size:20px;}
	
	.cent09 h2{ font-size:20px; line-height:1.5;}
	.cent09 ul li{    align-items: flex-start;}
	.qbpp-bg{ display:block;}
	.qbpp-lm li{ padding:0 20px}
	.qbpp-bg .search{ margin-top:4%}
	.cent11 ul li{ display:block;}
	.cent11 ul li .img{ margin:0 auto;}
	.cent11-r02{ margin-top:2%}
	.cent11 ul li .cent11-r{ width:100%; display:block; margin-top:5%}
	.cent12-l{ float:none; display:block; margin-top:5%; width:100%;}
	.cent12-r{ float:none; display:block; margin-top:5%; width:100%;}
	
	.cent13-l{ float:none; display:block; width:100%;}
	.cent13-l{ float:none; display:block; width:100%; margin-top:5%;} 
	.duotu{ height:400px;}
	.duotu .mySwiper1{ width:60px;}
	.weizhi{ height:auto; line-height:1.5;}
	.duotu .mySwiper2{ width:calc(100% - 70px)}
	.duotu .mySwiper1 .img{ width:100%;}
	.xingq{ padding-left:0; margin-top:5%;}
	.xingq span a{ font-size:24px;}
	
	.pro p{ font-size:14px;}
	.cent13-r{ float:none; display:block; margin-top:5%; width:100%;}
	
	.cent14 h2{ font-size:24px;}
	.hou02 ul li{ float:none; display:block; width:100%; margin-right:0;}
	}