/*public*/
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
     margin:0; padding:0; border: 0; outline: 0; font-size: 100%; 
    }
/* body {font-size:12px; font-family:"microsoft yahei"; color:#323232;background: #f3f3f3;-webkit-font-smoothing:antialiased} */
body {font-size:0.625‬vw; font-family:"microsoft yahei"; color:#323232;background: #f3f3f3;-webkit-font-smoothing:antialiased}
ol,ul,li {list-style:none;}
img {border:none;display: inline-block;vertical-align: middle;}
a {text-decoration:none; font-size:14px; color:#323232; /*transition:500ms all linear;*/}
/*a:hover{color:#87653d;}*/
td,th,caption { font-size:15px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:14px; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
img { border:none; vertical-align: middle;}
input, textarea, select, button { font-size:15px; }
input { border:0;resize: none; }
table { border-collapse:collapse; }
html {overflow-y: scroll;font-size:14px;min-width:990px;background: #fff;}
.cf:before,.cf:after{content:"";display:table;}
.cf:after { clear:both;}
input[type="button"], input[type="submit"], input[type="reset"],textarea {-webkit-appearance: none;}
input[type="radio"] {-webkit-appearance: radio;}
body{font-family:"microsoft yahei",sans-serif;overflow:hidden; 14px;line-height: 1.8;font-family: HelveticaNeue-Thin,"Helvetica Neue",Helvetica,Arial,PingFangSC-Light,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
.txt-center{text-align: center;}
.jz-font-justify{text-align: justify;}
.jz-relative{position: relative;}
.jz-absolute{position: absolute;}
.jz-img100 img{width: 100%;}
.picbox img{width: 100%;}
.nb{width: 1240px;margin:0 auto;}
.nbs{width: 1040px;margin:0 auto;}
.marfixtop{margin-top: 80px;}
.lside{float: left;}
.rside{float: right;}
.addbg_color{
    background-color: #EEEEEE;
    color: #0c4079;
}
/**/

* {
    padding: 0px;
    margin: 0px;
  }
  p#videobox {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 80px auto;
    background-color: #000;
  }
  body p.videobox video.video {
    width: 100%;
    height: 100%;
  }
  :-webkit-full-screen {}
  :-moz-full-screen {}
  :-ms-fullscreen {}
  :-o-fullscreen {}
  :full-screen {}
  :fullscreen {}
  :-webkit-full-screen video {
    width: 100%;
    height: 100%;
  }
  :-moz-full-screen video {
    width: 100%;
    height: 100%;
  }
  #video{
      width: 100%;
  }
/**/
.pre_node{
    font-size: 8rem;
    color:#fff;
    cursor: pointer;
    position:absolute;transform:translate(-50%,-50%);top:50%;left:3%;
}
.next_node{
    font-size: 8rem;
    color:#fff;
    cursor: pointer;
    position:absolute;transform:translate(-50%,-50%);top:50%;left:97%;
}
.big_img{
    height: 500px;transform: translate(-47.6%, 3%);top:90%;left:50%; width: 860px;position:relative;  background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left; z-index: 999;top:0;
}
.testimg>img{
    position:absolute;top:0;height: 500px; width: 860px;
}
/*鐐瑰嚮灞曞紑瑙嗛鎾斁*/
.videolist1 { position:relative; float:left; width:100%;}
      .videolist1:hover{ cursor: pointer; }
      .videocenter{
          /* width: 32.111111111111114rem !important;
          height: 42rem !important; */
          width: 15.052083333333334vw !important;
          /*height: 19.6875vw !important;*/
          position: absolute;
          top:50%;
          left: 50%;
          transform: translate(-50%,-50%);
          
      }
	  .videoed {width:4.166666666666666vw !important; height:4.166666666666666vw !important; position: absolute; left:50%;top: 75%;transform: translate(-50%,-50%); z-index:1 !important; border-radius:100%; }
	  .videos{ display:none; border: 1px solid #080808; position:fixed;background: #080808;width: 100%;}
	  .vclose { position:absolute;width:50px !important;height:50px !important;right:4rem; top:4rem; border-radius:100%; cursor: pointer; }
      .video_msg{
        position: absolute;
        overflow: auto;
        left: 50%;
        top: 46%;
        background: rgba(0,0,0,0.7);
        /* z-index: 1; */
        transform: translate(-50%, -50%);
      }
      img.video-bg {
        width: 100%;
        min-height: 100%;
        position: absolute;
        overflow: auto;
        z-index: 0;

    }

.video_msg{
    /* width: 192rem;
    height: 100rem; */
    /* width: 212rem;
    height: 121rem; */
    width: 100vw;
    height: 66.083333vw;
    background: url('../images/videobg3.png')no-repeat center center;
    background-size: 100% 100%;
    background-color: rgba(0,0,0,0.7);
    /* position: relative; */
}
/**/
/*H5瑙嗛鍏煎*/
/* #video>span,
#video>span img {
    width: 3rem;
    height: 3rem;
    z-index: 3;
    display: block;
}
.pub-swipe .media {
    position: relative;
    font-size: 0;
    margin-bottom: 0.4rem;
    z-index: 0;
}

.pub-swipe .media img,
.pub-swipe .media video {
    display: inline-block;
    margin: 0 auto;
    min-height: 4.667rem;
    z-index: 0;
     width: 100%; 
     height: 100%; 
}
.pub-swipe .media img.video-bg {
    width: 100%;
    height:100%;
    min-height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    background-color: rgba(0, 0, 0, .6);
}
.pub-swipe .media img.video-go {
    width: 4.166666666666666vw;
    height: 4.166666666666666vw;
    min-height: 0;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.hide {
    display: none !important;
} */
/*start*/
.container_box{
    width: 456px;
    height:205px;
    font-size:15px;
    /* margin: 0 auto; */
}
.container_box button{
    background: none;
}
.container_box ul li>label{
    width: 120px;
    display: inline-block;
    text-align: left;
}
.container_box li{
    height: 50px;
    line-height: 50px;
    display: inline-block;
}
.container_box li input{
    width: 298px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    color: #2888df;
    border: 1px solid #2888df;
}
#input_form{
    width:200px;
}
#input_yzm{
    width: 98px;
}
.container_box div{
    padding: 30px 0;
    width: 100%;
    margin:0 auto;
}
.container_box li span{
    color:#B00404;
}
#canvas {
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #ddd;
    cursor: pointer;
    width: 98px;
    height: 35px;
}
/*楠岃瘉鐮?/
.input-val {
    width: 200px;
    height: 32px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.btn {
    /* display: block;
    margin-top: 20px;
    height: 32px;
    width: 100px;
    font-size: 16px;
    color: #fff;
    background-color: #457adb;
    border: none;
    border-radius: 50px; */
    /* } */
/*end*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .masked {
        /* background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96); */
        background-image: -webkit-linear-gradient(left, rgb(46, 214, 219), rgb(240, 225, 67) 25%, rgb(17, 90, 109) 50%, rgb(240, 225, 67) 75%, #147B96);
        background-image: -o-linear-gradient(left, rgb(46, 214, 219), rgb(240, 225, 67) 25%, rgb(17, 90, 109) 50%, rgb(240, 225, 67) 75%, #147B96);
        background-image: -moz-linear-gradient(left, rgb(46, 214, 219), rgb(240, 225, 67) 25%, rgb(17, 90, 109) 50%, rgb(240, 225, 67) 75%, #147B96);
        background-image: -ms-linear-gradient(left, rgb(46, 214, 219), rgb(240, 225, 67) 25%, rgb(17, 90, 109) 50%, rgb(240, 225, 67) 75%, #147B96);
        background-image: linear-gradient(left, rgb(46, 214, 219), rgb(240, 225, 67) 25%, rgb(17, 90, 109) 50%, rgb(240, 225, 67) 75%, #147B96);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 3s infinite linear;
        -moz-text-fill-color: transparent;
        -moz-background-clip: text;
        -moz-background-size: 200% 100%;
        -moz-animation: masked-animation 3s infinite linear;
        -ms-text-fill-color: transparent;
        -ms-background-clip: text;
        -ms-background-size: 200% 100%;
        -ms-animation: masked-animation 3s infinite linear;
        -o-text-fill-color: transparent;
        -o-background-clip: text;
        -o-background-size: 200% 100%;
        -o-animation: masked-animation 3s infinite linear;
    }
}

@-webkit-keyframes masked-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -100% 0;
    }
}
.container_flex{
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
    position: fixed;
    background: #fff;
    /* right: 100px; */
    top: 80px;
    width:100%;
    height:95px;
    z-index: 1;
}
.container_flex>ul{
    margin:0 auto;
    height:95px;
    margin-top:12px;
    display:flex;
}
.container_flex>ul>li{
    width: 90px;
    height: 80px;
    margin: 0 25px;
    background: #fff;
}
.container_flex>ul>li:hover{
    text-decoration: underline;
    cursor: pointer;
}
.container_flex>ul>li>img{
    margin-left:20px;
}
.container_flex>ul>li label{
    display:inline-block;
    width:120px;
}

.header {
    background: linear-gradient(to left, #0c4079 0%, #192851 100%) !important;
    height: 80px;
    /* max-width: 1920px; */
    box-shadow: 0 0 10px rgba(0,0,0,.4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 105;
}
.comminication{
    width: 14rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    background: #fff;
    color: #a00e13;
    position: absolute;
    right: 139px;
    top: 80px;
    z-index: 100;
    font-size: 1.085714rem;
    border-radius: 0 0 5px 5px;
}

.header .nb{position: relative;width: 1400px;}
.header .nb .logo{position: absolute;left: 0px;top: 0;z-index: 99;}
.header .nb .logo .icon-logo {
    font-size: 74px;
    color: #DEC179;
    line-height: 1.05;
}
.header .nb .tel{position: absolute;right: -41px;border:2px solid #fff;border-radius: 50%;width: 44px;height: 44px;text-align: center;top: 18px;}
.header .nb .tel .icon-tel{font-size: 25px;color:#fff;line-height: 44px;}
.banner_jw{
    /* max-width: 100vw; */
    margin-top:80px;
    width: 100vw;
    height: 44.0625vw;
    background: url(../images/banner_jw.png)no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}
.header .nb .nav{float: right;margin-right: 0px; height: 80px;}
.header .nb .nav>ul {display: flex; flex-direction: row; height: 100%;margin: 0;}
.header .nb .nav .nav-item{padding:0 22px;display: flex;flex-direction: column;justify-content: center;}
.header .nb .nav .nav-item a{font-size: 20px;color:#fff;position: relative;text-decoration: none;}
.header .nb .nav .nav-item a:hover:after,.header .nb .nav .nav-item.on a:after{content: "";position: absolute;left: 0;right: 0;height: 3px;background: #fff;bottom: -6px;}
.header .nb .nav .nav-item:hover a,.header .nb .nav .nav-item.on a{color:#fff;}

.header .nb .nav .nav-item {
  position: relative;
}
    .header .nb .nav .nav-item:hover {
        /*background-color: #12559e;*/
    }
.header .nb .nav .sub-nav {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  width: 120%;
}
.header .nb .nav li:hover .sub-nav {
  display: block;
}
.header .nb .nav .sub-nav-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #0c4079;
}
.header .nb .nav .sub-nav-list .sub-nav-item a {
  padding: 20px 20px;
  display: block;
  color: #ccc;
  font-size: 18px;
  font-weight: normal;
  box-sizing: content-box;
  text-align: center;
}
.header .nb .nav .sub-nav-list .sub-nav-item a:after {
  display: none;
}
.header .nb .nav .sub-nav-list .sub-nav-item.on a,
.header .nb .nav .sub-nav-list .sub-nav-item a:hover{
  color: white;
  background-color: #12559e;
}






.header .cooperation-pop{position: absolute;width: 340px;height: 125px;background: url(../images/hoverbg.png) no-repeat;right: -16px;top: 40px;display: none;}
.header .cooperation-pop .title{font-size: 24px;color:#0c4079;padding:45px 0;}
.header .cooperation-pop .title span{font-size: 22px;}
.header .nb .tel:hover .cooperation-pop{display: block;}
.totop{width: 65px;height: 65px;background:url(../images/totop.png) no-repeat center center;display: block;position: fixed;bottom: 40px;right: 40px;display: none;}

.banner1{background-position:top cneter ;background-size: cover;width: 100vw;height: 48vw;}
.banner1 .wxcodebox{position: absolute;right: 2%;bottom: 8%;color:#fff;z-index:99;}
.banner1 .wxcodebox .nr{position: relative;border:1px solid #fff;border-radius:2px;padding:10px 10px 10px 44px;}
/* .banner1 .wxcodebox .nr p{font-size: 12px;line-height: 1.4;} */
.banner1 .wxcodebox .nr p{font-size: 0.625vw;line-height: 1.4;}
.banner1 .wxcodebox .nr .icon-wechat{   
    font-size: 34px;
    color: #fff;
    left: 6px;
    top: 6px;
    position: absolute;
}
.banner1 .wxcodebox .nr .codeimg{    position: absolute;
    bottom: 80px;
    left: -49px;
    width: 200px;
    height: 200px;
    right: 155px;
    display: none;}
.banner1 .wxcodebox:hover .codeimg{display: block;}
.banner1 .nb h3{font-size: 24px;padding-top: 33%;color:#fff;}
.banner1 .nb p{font-size: 18px;color:#fff;}

.indx .content {margin:138px 0 104px}
.indx .content .nbs{position: relative;height: 674px;}
.indx .content .pic1{position: absolute;left: 0;top: 0;}
.indx .content .pic2{position: absolute;right: 0;bottom: 0;}
.indx .content .word1{position: absolute;left: 599px;top: 10px;}
.indx .content .word1 h3{font-size: 24px;font-weight: bold;}
.indx .content .word1 .icon-Goodwineisbrewed{font-size: 180px;line-height: 1;margin-top: -76px;display: block;position: relative;margin-left: -5px;}
.indx .content .word1 .icon-Goodwineisbrewed:after{content: "";position: absolute;width: 36px;height: 2px;background: #A38D71;bottom: 43px;left: 5px;}
.indx .content .word2{position: absolute;left: 0;width: 310px;bottom: 0;padding-right: 20px;text-align: right;font-size: 12px;line-height: 1.2;}
.indx .content .word2 p{margin-right: 10px;}
.indx .content .border{position: absolute;width:437px;height:177px;border:12px solid rgba(144,4,4,1);left: 80px;top: 165px;}



.indx .honor{background-color: #132247;padding:52px 0;}

.indx .honor li{width: 16.666%;float: left;}
.indx .honor li a{display: block;width: 90%;margin:0 auto;box-shadow: 0 0 10px rgba(0,0,0,.6);}

.indx .caodm{background: url(../images/caodaming_bg.png) no-repeat center center;background-size:100% 100%;height: 640px;width: 100%;position: relative}
.indx .caodm .brand{position: absolute;left: 0;top: 173px;width: 45px;padding:8px;border:1px solid #fff;color:#fff;font-size: 24px;text-align: center;line-height: 1.2;}
.indx .caodm .cdm-infor{color:#fff;position: absolute;top: 123px;right: 140px;}
.cdm-infor .name .cn{font-size: 48px;border-bottom: 1px solid #fff;padding-bottom: 5px;}
.cdm-infor .name .en{font-size: 23px;display: block;}
.cdm-infor ul{margin-top: 40px;}
.cdm-infor li{font-size: 16px;line-height: 36px;}
.caodaming_one{
    width: 476px;
    height:658px;
    position: absolute;
    left: -150%;
    top: 86%;
    transform: translate(-50%,-50%);
}

.indx .aboutus{padding:80px 0 265px;position: relative;}
.indx .aboutus .titile{position: relative;padding-bottom: 54px;margin-bottom: 10px;}
.indx .aboutus .titile:after{content: "";position: absolute;bottom: 0;left: 0;width: 36px;height: 2px;background: #A38D71;}
.indx .aboutus .titile h3{font-size: 24px;font-weight: bold;}
.indx .aboutus .titile .icon-aboutus{font-size: 24px;line-height: 0;color:#9D9D9D;}
.indx .aboutus .title span{
    font-size:24px;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(157,157,157,1);
}
.indx .aboutus img{
    left:50%;
    position: absolute;
    transform: translateX(-50%);
    margin:70px 0;
}
.indx .aboutus p{text-align: justify;}
.indx .aboutus .cn{font-size: 16px;}
.indx .aboutus .en{padding:15px 0;}

.filter-gray {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}

.footer {
    background: linear-gradient(to left, #0c4079 0%, #192851 100%) !important;
    color: #fff;
    text-align: center;
    padding: 10px 0 68px;
    width: 100%;
}

    .footer a {
        color: #fff!important;
    }

.footer .icon-dibulogo{color:#CAB06F;font-size: 110px;line-height: 1;}
.footer .fobot{border-top: 2px solid rgba(222,193,121,.3);/* padding-top: 78px; */padding-top: 18px;margin-top: 10px;}
.footer .fobot .company{margin-bottom: 25px;}

.footer .links {display: block; text-align: center;}
.footer .links .item {display: inline-block; margin: 5px 10px;height: 25px;line-height: 25px;}
.footer .links .item a {color: #666; text-decoration: underline;}
.footer .links .item img {height: 100%;width: auto;}

.pagecon .nbs{width: 970px;margin-top: 58px;margin-bottom: 90px;}
.pagecon .lnav{width: 23%;}
.pagecon .lnav li{line-height: 50px;text-align: center;transition: all 400ms linear;}

.pagecon .lnav li a{color:#999999;font-size: 16px;}
.pagecon .lnav li:hover{background-color: #EEEEEE;}
.pagecon .lnav li:hover a{color:#0c4079;}
.pagecon .lnav li.on{background-color: #EEEEEE;}
.pagecon .lnav li.on a{color:#0c4079;}
.pagecon .lnav li .iconfont{margin-right: 4px;}
.pagecon .rbody{width: 62%;position: relative;}
.pagecon .codescan{text-align: center;margin-top: 20px;}
.pagecon .rbody .subtitle{position: relative;font-size: 24px;position: relative;display: inline-block;margin-bottom: 40px;}
.pagecon .rbody .subtitle:before{content: "";left: 0;right: 0;height: 3px;background: #DDD;position: absolute;bottom: -4px;}
.pagecon .rbody .subtitle:after{content: "";position: absolute;left: 0;right: 50%;background: #0c4079;height: 3px;bottom: -4px;}

.slide-honor {position: relative;}
.slide-honor img{width: 100%;}
.slide-honor .prev-next{position: absolute;left: 0;right: 0;z-index: 9;top: 33%;}
.slide-honor .prev-next .iconfont{font-size: 48px;color:#ABABAB;position: absolute;}
.slide-honor .prev-next .prev{left: 0;}
.slide-honor .prev-next .next{right: 0;}
.slide-honor .hd {text-align: center;position: absolute;left: 0;right: 0;bottom: 36px;}
.slide-honor .hd li{display: inline-block;margin:0 4px;width: 8px;height: 8px;border-radius: 50%;-webkit-border-radius: 50%;background: #CDCBCB;text-indent: 999999999px;overflow: hidden;cursor: pointer;}
.slide-honor .hd li.on{background: #B00404;}
.slide-honor .bd{text-align: center;}
.product_content{
    width: 100%;
}
.product .titlebox h3{font-size: 50px;font-family: cursive;padding-top:70px;}
.product .titlebox a{font-size: 23px;color:#e7c890}

.product>.product_content:first-child .titlebox h3,.product>.product_content:nth-child(3) .titlebox h3{
    color:#ffff;
    font-family: '榛戜綋';
}
.product>.product_content:nth-child(2) .titlebox h3,.product>.product_content:nth-child(4) .titlebox h3
{
    font-family: '榛戜綋';
    color:#000;
}
.product>.product_content:first-child .getmore{
    color:#ffff;
    font-size:23px;
    text-decoration: underline;
}
.product>.product_content:nth-child(2) .getmore{
    color:#000;
    font-size:23px;
    text-decoration: underline;
}
.product>.product_content:nth-child(3) .getmore{
    color:#ffff;
    font-size:23px;
    text-decoration: underline;
}
.product>.product_content:nth-child(4) .getmore{
    color:#000;
    font-size:23px;
    text-decoration: underline;
}
.product>.product_content:first-child{
    padding-top:140px;
    width:100%;
    height:900px;
    background: url(../images/huajinzun_bg.jpg)no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}
.product>.product_content:nth-child(2){
    width:100%;
    height:900px;
    background: url(../images/jiangxinfu_bg.jpg)no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}
.product>.product_content:nth-child(3){
    width:100%;
    height:980px;
    background: url(../images/jinzunyin_bg.jpg)no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}
.product>.product_content:nth-child(4){
    width:100%;
    height:900px;
    background: url(../images/tianzunfu_bg.jpg)no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}
.product_content:nth-child(even){
    background-color:#000;
}
.product>.product_content .tempWrap>ul>li>a>img{
    height:500px;
    width:350px;
}
.product{background: url(../images/product_bg.jpg) top center /cover;}
.product .nbs{width: 1110px;}
.product .slide-pro {position: relative;}
.product .slide-pro .prev-next{position: absolute;top: 50%;margin-top: -20px;left: 0;right: 0;z-index: 99;}
/*.product .slide-pro .prev-next a{display: block;width: 4.27%;}
.product .slide-pro .prev-next a img{width: 100%;}*/
.product .slide-pro .prev-next .prev{position: absolute;left:0;cursor: pointer;}
.product .slide-pro .prev-next .next{position: absolute;right: 0;cursor: pointer;}
.product .slide-pro .prev-next .nextStop,.product .slide-pro .prev-next .prevStop{opacity: .4;}
.product .slide-pro li{text-align: center;}
/*.product .slide-pro li img{width: 19.47%;}*/
.product .slide-pro .tempWrap{margin:0 auto;}

.product .titlebox{
    text-align: center;
}
.product .titlebox  p span{font-size: 24px;border-bottom: 1px solid #000;display: inline-block;}
/* .product .titlebox  p {} */
.product-view .nbs{width: 1130px; }
.product-view .head{display: flex; align-items: center;}
.product-view .viewinfor{padding-top: 10.4166%;padding-bottom: 36px;background-image: url(../images/product_detail_bg.jpg); background-position: bottom center;background-size: auto 100%;}
.product-view .viewinfor .picbox{width: 45.398%;margin-left: 9.292%;margin-right: 6.1946%;}
.product-view .viewinfor .infor{width: 39.1154%;}
.product-view .viewinfor .infor p{font-size: 18px;line-height: 1.5;margin-bottom: 5px}
.product-view .viewinfor .infor h3 {font-weight: bold;}
.product-view .content {padding: 0;}
.product-view .pri-recommend{background-color:#F8F8F8;padding-top: 50px;padding-bottom: 96px;}
.product-view .pri-recommend h3{font-size: 36px;text-align: center;margin-bottom: 90px;}
.product-view .pri-recommend li{position: relative;width: 28.318%;float: left;margin-right: 7.52%;background: #fff;padding:20px;}
.product-view .pri-recommend li:nth-child(3n){margin-right: 0;}
.product-view .pri-recommend li .describ{left: 0;right: 0;top: 6%;text-align: center;font-size: 18px;margin-bottom: 20px;}
.product-view .pri-recommend li .describ h4{font-size: 24px;}
.product-view .pri-recommend li img{display: block;width: 90%;margin:0 auto;}

.product-view .viewinfor.bg-1 {}

.product-nav {
  display: flex;
  width: 1130px;
  margin: 20px auto 0;
  justify-content: center;
}

.product-nav .product-item {
  position: relative;
  width: 92px;
  height: 92px;
  margin: 0 20px;
  border: 3px solid #6E2022;
  border-radius: 10px;
}
.product-nav .product-item>img {
  display: block;
  margin: 0 auto;
  height: 100%;
}
.product-nav .product-item:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  
  display: none;
  width: 0;
  height: 0;
  border-top: 8px solid #6E2022;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.product-nav .product-item.active::before {
  display: block;
}
.content P{
  margin: 0;
}
.summary-title {
  margin-top: 50px;
}  
.summary-content {
  background-color: transparent;
  color: #333;
  border: none;
  font-size: 18px;
  padding: 0;
  overflow: initial;
  white-space: normal;
}
/*subtitle_text*/
.subtitle_text{
    display: flex;
    justify-content: space-between;
    /* position: absolute;
    top: 0px; */
}
.subtitle_text>span{
    display: inline-block;
    /* padding: 10px 5px; */
    color: #000;
    font-size: 18px;
    margin: 0 10px;
    cursor: pointer;
}
.subtitle_text>span:hover{
    border-bottom: 2px solid #152549;
}
.subtitlebgcolor{
    background: #152549;
    padding: 2px 8px;
    color: #fff !important;
}
.nav-content{
    display: flex;
    justify-content:center;
    width: 1048px;
    margin: 0 auto;
}
.nav-content>li{
    display: inline-block;
    margin: 0 10px;
}
.nav-content>li>a{
    font-size: 23px !important;
}
.addbg-color a,.addbg-color1 a{
    background-color: #152549 !important;
    display: inline-block !important;
    color:#ffffff !important;
    padding: 5px 3px;
    line-height: 15px;
    font-size: 23px !important;
}

.header .store {
  position: absolute;
  top: 0;
  right: -120px;
  height: 80px;
  line-height: 80px;
  text-align: center;
}
.header .store .store-nav {
  display: inline-block;
  padding: 0 22px;
  font-size: 20px;
  color: #000;
  text-decoration: none;
  text-align: center;
}

.header .store-sub-nav {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  flex-direction: column;
  width: 110px;
  background-color: #0c4079;
}
.header .store:hover>.store-nav {
  color: #0c4079;
}
.header .store:hover>.store-nav:after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  height: 3px;
  background: #0c4079;
  bottom: 22px;
}
.header .store:hover .store-sub-nav {
  display: flex;
}
.header .store-sub-nav .store-nav {
  padding: 20px 20px;
  display: block;
  color: #ccc;
  line-height: 1;
  font-size: 14px;
  font-weight: normal;
  box-sizing: content-box;
  text-align: center;
}

.header .store-sub-nav .store-nav:hover {
  color: white;
  background-color: #12559e;
}