h1,h2,h3,h4,h5,p{margin: 0;padding: 0;}

/*****内容区1200像素******/
@media (min-width: 768px) {
    .container {
        width:750px
    }
}
@media (min-width: 992px) {
    .container {
        width:970px
    }
}
@media (min-width: 1200px) {
    .container {
        width:1200px
    }
}



.ban-search{}

.search-cont{position: relative;top: -45px;z-index: 3;}
.search-nr {float: left;background: #115bc0;width: 70%;}
.searchbox {float: left;width: 35%;position: relative; padding: 30px 10px;height: 90px;}
.searchbox input{height: 34px;outline: none;}
.searchbox input[type="text"] { width: 80%;background: none;border: 1px solid rgb(255 255 255 / 50%);font-size: 14px;line-height: 1;color: #fff;padding: 0 10px;}
.searchbox input[type="submit"] {width: 24%;position: absolute;right: 10px;border: none;background: #79affa;color: #fff;font-size: 14px;letter-spacing: 2px;}
.searchbox input[type="text"]:focus-visible{}
.hot_search{float: left;width: 65%;line-height: 90px;height: 90px;}
.hot_search span {display: inline-block;font-size: 15px;line-height: 90px;color: #fff;}
.hot_search a {display: inline-block;font-size: 14px;line-height: 1.2;color: #fff;}
.hot_search a:hover{}

.search-cont img{height: 90px;float: left;width: 5%;}

.search-dh {float: right; background: #d80c18;color: #fff;width: 25%;height: 90px;padding-top: 20px;position:relative;}
.search-dh p {font-size: 16px;line-height: 1;color: rgb(255 255 255 / 80%);}
.search-dh h4 {font-size: 30px;line-height: 1;margin-top: 6px;}
.search-dh .fa {position: absolute;right: 20px;top: 20px;font-size: 40px;}



@media (min-width: 992px) and (max-width: 1200px){
  
  .search-dh h4{font-size: 26px;}
  .search-dh .fa {top: 15px;font-size: 30px;}
  
}

@media (max-width: 992px) {
  
  .ban-search{display: none;}
  
  
}

@media (max-width: 767px) {
  

  
}


.chanpin{padding: 0 0 30px;}

.cp-bt { position: relative;margin-bottom: 20px; border-bottom: 1px solid #ddd;padding-bottom: 5px;}
.cp-bt h3 {font-size: 20px;line-height: 1;color: #222;border-left: 4px solid #5aa0ff;padding: 3px 10px;box-shadow: -4px 0px 0 #115bc0;}
.cp-bt h3 span { display: inline-block;color: #b8b8b8;text-transform: capitalize; font-style: italic;}
.cp-bt a {position: absolute; right: 0; bottom: 5px;font-size: 13px;line-height: 1;color: #666;}
.cp-bt a:hover{color: #115bc0;}
.cp-cont{}

.cp-nav{float: left;width: 20%;}
.cp-nav ul{background: url(../images/cp-nav.jpg)no-repeat center bottom;padding: 10px 20px;}
.cp-nav ul li{}
.cp-nav ul li a {display: block;text-align: center;font-size: 14px;line-height: 1;background: rgb(255 255 255 / 40%);margin: 10px 0;padding: 12px 0;color: #fff;}
.cp-nav ul li a:hover{background: #d80c18;color: #fff;}

.cp-dh {background: url(../images/cp-ewm.jpg)no-repeat center;padding: 10px;height: 122px;margin-top: 15px;background-size: 100%;}
.cp-dh img{height: 100%;float: left;}
.cp-dh p {float: left;font-size: 14px;line-height: 1;margin-left: 12px;margin-top: 30px;}
.cp-dh p span{display: block;margin-top: 10px;}

.cp-list{float: right;width: 79%;}

.cp-list ul{overflow: hidden;}
.cp-list ul li {float: left;width: 25%;padding: 0 5px;margin-bottom: 10px;}
.cp-list ul li a {display: block;background: #eee;padding: 10px;}
.cp-list ul li a .cp-img {height: 180px;overflow: hidden;display: flex;align-content: center;}
.cp-list ul li a .cp-img img{width: 100%;transition: all .5s;}
.cp-list ul li a p {text-align: center;font-size: 15px;line-height: 1; margin-top: 10px;color: #222;}

.cp-list ul li a:hover{background: #115bc0;}
.cp-list ul li a:hover .cp-img img{transform: scale(1.1);}
.cp-list ul li a:hover p{color: #fff;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .cp-list ul li a{padding: 6px;}
  .cp-list ul li a .cp-img{height: 150px;}
  .cp-nav ul{padding: 5px 15px;}
  
  .cp-nav ul li a{padding: 9px 0;}
  .cp-dh{height: 95px;padding: 7px;margin-top: 6px;}
  .cp-dh p {font-size: 12px;margin-left: 9px;margin-top: 20px;}
  
}

@media (max-width: 992px) {

  .chanpin {padding: 30px 0;}
  .cp-nav {float: none;width: 100%;}
  .cp-nav ul{overflow: hidden;background-size: 100% auto;}
  .cp-nav ul li {float: left;width: 33.3333%;padding: 0 5px;}
  
  .cp-dh{display: none;}
  
  .cp-list {float: none; width: 100%;}
  .cp-list ul li a .cp-img{height: 140px;}
  .cp-list ul li a p{font-size: 13px;}
  
  
  
}

@media (max-width: 767px) {
  
  .cp-bt{margin-bottom: 10px;}
  .cp-bt h3{font-size: 18px;}
  .cp-bt h3 span{font-size: 14px;}
  .cp-bt a{right: 6px;bottom: 7px;font-size: 12px;}
  .cp-nav ul{padding: 10px;}
  .cp-nav ul li { float: left;width: 50%;padding: 0 5px;margin: 5px 0;}
  .cp-nav ul li a{margin: 0;}
  
  .cp-list {float: none;width: 100%; padding: 0 10px;margin-top: 20px;}
  .cp-list ul li{width: 50%;}
  
  
  
  
}



/* 关于我们 */

.gywm{padding: 80px 0 0;background: url(../images/gy-bg.jpg)no-repeat center fixed;margin-bottom: 60px;height: 500px;}

.gy-left{float: left;width: 49%;text-align: center;position: relative;}
.gy-left h2 { font-size: 40px; line-height: 1;font-weight: bold;color: #115bc0;letter-spacing: 6px;-webkit-text-stroke: 4px #fff;}
.gy-left h5 { font-size: 18px; text-transform: uppercase;font-weight: bold;line-height: 1;color: rgb(255 255 255 / 75%); margin-top: 10px;}
.gy-left img { width: 100%;position: absolute;left: 0; top: 80px;}

[data-content]::before {
  content: attr(data-content);
  position: absolute;
  -webkit-text-stroke: 0;
  color: #115bc0;
}



.gy-right{float: right;width: 50%;background: rgb(35 35 35 / 85%);padding: 20px;margin-bottom: 50px;box-shadow: 10px 10px 0 rgb(0 0 0 / 20%);}

.gy-cont{}
.gy-cont h3 { font-size: 26px;line-height: 1;font-weight: bold;color: #fff; letter-spacing: 3px;margin-bottom: 25px;}
.gy-cont h3 span { text-transform: uppercase;letter-spacing: 1px;display: inline-block; color: #d70c19;border-bottom: 2px solid rgb(255 255 255 / 30%); padding-bottom: 5px;}

.gy-txt{height: 200px;overflow: hidden;overflow-y: auto;padding-right: 15px;}
.gy-txt p { font-size: 16px;line-height: 1.8;color: #fff;}
.gy-txt::-webkit-scrollbar {width: 3px;background: #ddd;border-radius: 10px;}
.gy-txt::-webkit-scrollbar-thumb { background-color: #d70c19;  -webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}

.gy-btn{margin-top: 10px;}
.gy-btn a{display: inline-block;font-size: 16px;line-height: 1;color: #fff; text-transform: uppercase;border: 1px solid #fff;padding: 10px 40px;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .gy-txt p {font-size: 15px; line-height: 1.6; color: #fff;}
  .gywm{padding: 50px 0 0;margin-bottom: 0;}
  
}
@media (max-width: 992px){

  .gywm{padding: 40px 0 0;height: 400px;}
  
  .gy-left h2{font-size: 30px;}
  .gy-left h5{font-size: 15px;}
  .gy-cont h3 {font-size: 22px;letter-spacing: 2px;margin-bottom: 20px;}
  
  .gy-txt p {font-size: 14px;line-height: 1.5;color: #fff;}
  .gy-right{padding: 15px;margin-bottom: 30px;}
  .gy-btn a{font-size: 13px;}
  .gywm{padding: 50px 0 0;margin-bottom: 0;}
  
  
}
@media (max-width: 767px){

  .gywm {padding: 30px 15px 0;height: auto;}
  .gy-left,.gy-right{float: none;width: 100%;}
  
  .gy-left img {width: 88%;position: static;margin-top: 20px;margin-bottom: 20px;}
  
}










.adv-bg{padding: 50px 0;background: url(../images/adv-bg.jpg)no-repeat center center;}
.adv-cont{text-align: center;color: #fff;}
.adv-cont h3 { font-size: 36px;line-height: 1; font-weight: bold;font-family: Microsoft JhengHei; letter-spacing: 1px;}
.adv-cont h2 {font-size: 30px;line-height: 1;margin: 20px 0; font-family: cursive;font-weight: bold;}
.adv-cont h4 {font-size: 16px;font-weight: normal;line-height: 1;}
.adv-cont h4 span {display: inline-block;font-size: 36px;line-height: 1;font-weight: bold;font-family: fangsong;}
.adv-cont a { display: inline-block; font-size: 16px;  line-height: 1; padding: 12px 40px;font-weight: bold;letter-spacing: 1px;margin-top: 20px;border-radius: 2px;background: #d80c18;color: #fff;transition: all .5s;position: relative;top: 0;}
.adv-cont a:hover{color: #fff; background: #115bc0;top: -3px;}



@media (min-width: 992px) and (max-width: 1200px){
  

  
  
}

@media (max-width: 992px) {

  .adv-bg{padding: 30px 0;}
  .adv-cont h3{font-size: 30px;}
  .adv-cont h2{font-size: 24px;margin: 15px 0;}
  
  .adv-cont h4 span{font-size: 32px;}
  
  
}

@media (max-width: 767px) {

  .adv-bg{padding: 30px 15px;}
  .adv-cont h3{font-size: 24px;}
  .adv-cont h2{font-size: 18px;line-height: 1.2;font-weight: normal;}
  .adv-cont h4{font-size: 14px;}
  .adv-cont h4 span{font-size: 24px;}
  
  .adv-cont a{font-size: 13px;padding: 10px 30px;}
}




.youshi{padding: 30px 0 80px;background: url(../images/bg6.jpg)no-repeat center ;}

.ys-bt{overflow: hidden;margin-bottom: 30px;}
.ys-bt .bt-l{float: left;width: 50%;text-align: right;padding-right: 20px;border-right: 1px solid #bbb;}
.ys-bt .bt-l h5 {font-size: 60px;text-transform: uppercase;font-weight: bold;color: #d80c18;line-height: 1;}
.ys-bt .bt-l h3 { font-size: 32px;line-height: 1;font-weight: bold;color: #111; letter-spacing: 3px;}
.ys-bt .bt-r{float: left;width: 50%;padding-left: 20px;}
.ys-bt .bt-r h3 {font-size: 36px;line-height: 1;font-weight: bold;color: #115bc0; margin-bottom: 5px;letter-spacing: 3px;}
.ys-bt .bt-r h4 { font-size: 22px;line-height: 1.2;width: 45%;color: #555;}


.ys-cont{}
.ys-box .ys-nr{}
.ys-box .ys-img{}
.ys-box .ys-img img{width: 100%;}
.ys-box.box1 .ys-nr{float: left;width: 50%;}
.ys-box.box1 .ys-img{float: right;width: 50%;}
.ys-box.box2 .ys-nr{float: right;width: 50%;}
.ys-box.box2 .ys-img{float: left;width: 50%;}

.ys-box{overflow: hidden;}
.ys-box .ys-nr{padding: 30px 30px 0;}
.ys-box .ys-nr .ys-txt{margin-bottom: 30px;}
.ys-box .ys-nr .ys-txt .ys-no {float: left;position: relative;width: 20%;margin-top: 10px;}
.ys-box .ys-nr .ys-txt .ys-no .no-bg{width: 80px;height: 80px;background: #115bc0;transform: rotate(45deg);margin: auto;}
.ys-box .ys-nr .ys-txt .ys-no h5 {position: absolute;width: 100%;left: 0;top: 0; height: 100%;display: flex;justify-content: center;align-items: center;font-size: 44px;line-height: 1;color: #fff;font-family: fantasy;}
.ys-box .ys-nr .ys-txt .ys-info {float: left;width: 80%;padding: 10px 0 0 20px;}
.ys-box .ys-nr .ys-txt .ys-info h3 {font-size: 24px;line-height: 1;font-weight: bold;letter-spacing: 1px;color: #000;}
.ys-box .ys-nr .ys-txt .ys-info hr { border-top: 1px dashed #bbb;margin: 15px 0;}
.ys-box .ys-nr .ys-txt .ys-info p { font-size: 15px;line-height: 1.4;color: #444;height: 50px;}



@media (min-width: 992px) and (max-width: 1200px){
  
  
}

@media (max-width: 992px) {

  .youshi{padding: 30px 0;}
  
  .ys-bt .bt-l h5{font-size: 40px;}
  .ys-bt .bt-l h3{font-size: 26px;}
  .ys-bt .bt-r h3{font-size: 26px;}
  .ys-bt .bt-r h4{font-size: 17px;width: 55%;}
  
  .ys-box .ys-nr {padding: 0 20px 0 15px;}
  
  .ys-box .ys-nr .ys-txt {margin-bottom: 20px;}
  .ys-box .ys-nr .ys-txt .ys-no .no-bg{width: 60px;height: 60px;}
  .ys-box .ys-nr .ys-txt .ys-no h5{font-size: 36px;}
  .ys-box .ys-nr .ys-txt .ys-info h3{font-size: 20px;}
  .ys-box .ys-nr .ys-txt .ys-info p{font-size: 13px;}
  .ys-box .ys-nr .ys-txt .ys-info hr{margin: 10px 0;}
  
 
  
}

@media (max-width: 767px) {
  
  .ys-bt{margin-bottom: 10px;}
  .ys-bt .bt-l{padding-right: 10px;}
  .ys-bt .bt-l h5 {font-size: 36px;}
  .ys-bt .bt-l h3 {font-size: 20px;}
  .ys-bt .bt-r{padding-left: 10px;}
  .ys-bt .bt-r h3 {font-size: 22px;}
  .ys-bt .bt-r h4 {font-size: 14px;width: 90%;}
  
  .ys-box.box1 .ys-nr,.ys-box.box2 .ys-nr {float: none;width: 100%;}
  .ys-box.box1 .ys-img,.ys-box.box2 .ys-img {float: none; width: 100%; padding: 0 15px;}
  
  .ys-box .ys-nr .ys-txt .ys-no .no-bg {width: 45px;height: 45px;}
  .ys-box .ys-nr .ys-txt .ys-info {padding: 5px 0 0 10px;}
  .ys-box .ys-nr .ys-txt .ys-info h3 { font-size: 18px;}
  .ys-box .ys-nr .ys-txt .ys-info hr {margin: 6px 0;}
  .ys-box .ys-nr .ys-txt .ys-info p {font-size: 12px;line-height: 1.3;height: auto;}
  
  .ys-box .ys-nr .ys-txt { margin: 15px 0;}
  
 
  
}







.xinw{padding: 50px 0;}

.xw-bt {overflow: hidden;border-bottom: 2px solid #ddd;padding-bottom: 6px;margin-bottom: 15px;}
.xw-bt h3 { font-size: 24px; line-height: 1;font-weight: bold; letter-spacing: 2px;color: #000;float: left;}
.xw-bt a { float: right; font-size: 16px;line-height: 1;display: inline-block; font-family: fantasy;color: #bbb;margin-top: 6px;margin-right: 5px;}
.xw-bt a:hover{color: #115bc0;}

.xw-left{float: left;width: 65%;}
.xw-left ul{}
.xw-left ul li{margin-bottom: 10px;}
.xw-left ul li a{display: block;overflow: hidden;}
.xw-left ul li a .xw-date {float: left; width: 15%;text-align: center;background: #115bc0;color: #fff;height: 110px;padding-top: 18px;}
.xw-left ul li a .xw-date h5 { font-size: 44px; line-height: 1; font-family: fangsong;letter-spacing: 2px;font-weight: bold;}
.xw-left ul li a .xw-date p { font-size: 20px;line-height: 1;margin-top: 5px;}
.xw-left ul li a .xw-info { float: left; width: 85%; background: #eee; height: 110px;padding: 20px;transition: all .5s;}
.xw-left ul li a .xw-info h3 {font-size: 18px; line-height: 1; color: #000;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 8px;}
.xw-left ul li a .xw-info p {font-size: 14px;line-height: 1.6;color: #666;}
.xw-left ul li a:hover .xw-info{background: #2f7fee;}
.xw-left ul li a:hover .xw-info h3 {color: #fff;}
.xw-left ul li a:hover .xw-info p{color: #fff;}


.xw-right{float: right;width: 32%;}
.xw-right ul{}
.xw-right ul li {border-bottom: 1px dashed #bbb;padding-bottom: 15px;margin-bottom: 15px;}
.xw-right ul li a{display: block;}
.xw-right ul li a h3 { font-size: 16px; line-height: 1; margin-bottom: 5px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #222;}
.xw-right ul li a h3 span{color: #d70c19;}
.xw-right ul li a p {font-size: 13px;line-height: 1.5;color: #444;}
.xw-right ul li a p span{color: #115bc0;}

.str_move{padding: 0;}
.str_wrap{background: none;}
.dowebok{height: 350px;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .xw-right ul li a p { height: 60px;overflow: hidden;}
  
}
@media (max-width: 992px){
  
  .xw-left{width: 60%;}
  .xw-right{width: 38%;}
  
  .xw-bt h3{font-size: 20px;}
  .xw-left ul li a .xw-date{width: 18%;height: 70px;padding-top: 8px;}
  .xw-left ul li a .xw-date h5{font-size: 36px;}
  .xw-left ul li a .xw-date p {font-size: 16px;margin-top: 3px;}
  
  .xw-left ul li a .xw-info{width: 82%;height: 70px;padding: 10px;}
  .xw-left ul li a .xw-info h3{font-size: 16px;margin-bottom: 5px;letter-spacing: 0;}
  .xw-left ul li a .xw-info p {font-size: 12px; line-height: 1.3;height: 30px;overflow: hidden;}
  
  .xw-right ul li a h3{font-size: 14px;}
  .xw-right ul li { border-bottom: 1px dashed #bbb;padding-bottom: 12px;margin-bottom: 15px;}
  .xw-right ul li a p {font-size: 12px;line-height: 1.3; height: 30px;overflow: hidden;}
  .xinw {padding: 30px 0;}
  

}
@media (max-width: 767px){

  .xinw{padding: 30px 15px 0;}
  .xw-left,.xw-right{float: none;width: 100%;margin-bottom: 20px;}
  
  .xw-left ul li a .xw-date h5 {font-size: 30px;}
  .xw-left ul li a .xw-date p{font-size: 14px;}
  
  
}


.links{margin: 50px 0 0;text-align: center;}
.links a {margin: 0 10px 5px 0;font-size: 13px;line-height: 1;display: inline-block;}
.links h3 { padding-bottom: 3px; border-bottom: 1px solid #0195db; font-size: 15px;line-height: 1;font-weight: bold;color: #000;letter-spacing: 1px;text-align: center;margin-bottom: 10px;}

.links a:hover{color: #0195db}

@media (max-width: 992px) {
  .links{margin: 20px 0 50px;}
}




.footers{}

.f_one{background: #343434;padding: 30px 0;color: #fff;}

.f-bt{margin-bottom: 15px;}
.f-bt h3 { font-size: 20px;line-height: 1;letter-spacing: 2px;color: #fff;}
.f-bt h5 {font-size: 16px;font-weight: bold;font-style: italic; margin-top: 5px;line-height: 1;letter-spacing: 1px;text-transform: uppercase;}
.f-bt hr { border-top: 2px solid rgb(255 255 255 / 50%);width: 50px;margin: 10px 0 0;}

.f-pro{float: left;width: 25%;}
.f-pro ul{overflow: hidden;height: 120px;}
.f-pro ul li{float: left;width: 50%;}
.f-pro ul li a {display: inline-block;font-size: 15px; line-height: 1; margin-bottom: 10px;color: #ccc;}
.f-pro ul li a:hover{color: #fff;text-decoration: underline;}

.f-lx{float: left;width: 50%;padding-left: 40px;border-left: 1px solid rgb(255 255 255 / 20%);background: url(../images/f-img.png)no-repeat right bottom;background-size: 350px;height: 250px;}
.f-lx h2 {font-size: 17px; line-height: 1;margin-bottom: 15px;}
.f-lx p {font-size: 15px;line-height: 1;margin-bottom: 10px;color: #ccc;}

.f-nav{float: left;width: 25%;padding-left: 20px;border-left: 1px solid rgb(255 255 255 / 20%);}
.f-nav ul{overflow: hidden;}
.f-nav ul li{float: left;width: 50%;}
.f-nav ul li a {display: inline-block;font-size: 15px; line-height: 1; margin-bottom: 10px;color: #ccc;}
.f-nav ul li a:hover{color: #fff;text-decoration: underline;}

.ewm-box{}
.ewm-box img{width: 100px;}
.ewm-box p {font-size: 13px;line-height: 1;margin-top: 5px;margin-left: 20px;}

.f_two{background: #212121;}
.f_two p.copyright {text-align: center; font-size: 14px;line-height: 40px;color: #ddd;}

.footer{display: none;}
@media (max-width: 768px){
/*手机底部菜单*/
.footers { display:none}
.footer {background: #21272f;display: -webkit-box;width: 100%;margin-top: 6px;background-size: 9px 128px;position: fixed;z-index: 110;bottom: 0;left: 0; display:block; line-height:45px;}
.footer a {-webkit-box-flex: 1;display: -webkit-box;color: #fff; display:inline-block; width:32%;font: 100 16px/35px "微软雅黑";height: 35px; line-height:35px; text-align:center;}
.footer a i { padding-right:5px;}
.hr { height:45px;}
}


@media (min-width: 992px) and (max-width: 1200px){
  
}

@media (max-width: 992px) {


  
}

@media (max-width: 767px) {
  
  
  
  
  
}



/* 内页 */

.page-body {margin: 20px auto 50px;}


/* 左侧 */
.left_menu{float: left;width: 20%;padding: 0 15px 0 0;}
.page-body .col-md-9{float: right;width: 80%;padding: 0;}


.page-body .sec-tit {background: #0097d8;color: #fff;height: 50px;line-height: 50px;font-size: 22px;font-weight: bold;letter-spacing: 2px;padding: 0 10px;}
.page-l-clist {border: none;border-top: none;background: #f5f5f5;}
.page-l-clist ul {padding: 0;}
.page-l-clist li { height: auto !important; line-height: 1 !important;text-align: left; font-size: 15px; border-bottom: 1px solid #e6e6e6;}
.page-l-clist li a {display: block;font-size: 14px; line-height: 1;padding: 15px 20px;color: #555;margin-left: -10px;transition: all .5s;}
.page-l-clist li a .fa {width: 10px;font-size: 12px;opacity: 0;transition: all .5s;}
.page-l-clist li a:hover {width: 100%;height: auto; color: #0097d8;background: none;font-weight: bold;margin: 0;}
.page-l-clist li a:hover .fa{opacity: 1;}


/* 右侧 */
.crumbs-item { overflow: hidden; margin-bottom: 10px; font-size: 14px;line-height: 1;color: #222;padding-bottom: 8px;border-bottom: 1px solid #ddd;}
.crumbs-item .fa {font-size: 16px;line-height: 14px;vertical-align: bottom;margin-right: 3px;color: #000;}
.crumbs-item a:hover{color: #0097d8;}

/* 图片列表 */
.img-inner {height: 160px;width: 300px;overflow: hidden;padding: 0;border: none;background: #fff;}
.img-inner img {height: 100%;}
.img-inner:hover {border: none;}
.img-inner img:hover{transform: scale(1.2);}
.page-alist .col-md-4 { margin-bottom: 10px; width: 25%;padding: 0 5px;}
.page-alist .col-md-4 a{display: block;background: #eee;padding: 5px;}
.page-alist .col-md-4 a h5 { overflow: hidden; text-align: center;float: none;font-size: 15px;line-height: 1;padding: 8px 0 3px;height: auto;color: #333;text-overflow: ellipsis;white-space: nowrap;}
.page-alist .page-atit a:hover, .page-alist .col-md-4 h5:hover {color: #0097d8;}
.page-alist .col-md-4 a:hover h5{color: #0097d8;}



/* 文字列表 */
.page-alist { margin-top: 15px;overflow: hidden;}


/* .page-alist li { clear: both; overflow: hidden; padding-bottom: 15px;  padding-top: 0; border-bottom: 1px dotted #ddd; margin-bottom: 15px;} */
.page-alist .page-adate { width: 70px;height: 66px;background: #0097d8;}
.page-alist .page-adate h3 {font-size: 24px;line-height:1;margin-top: 10px;}
.page-alist .page-adate p {margin-bottom: 0; font-size: 14px; line-height: 1; margin-top: 6px;}
.media-heading {margin-top: 5px;margin-bottom: 0; font-size: 17px;line-height: 1;font-weight: normal;color: #000;}
.page-alist .page-atit p { color: #666; font-size: 14px;line-height: 1.2; margin-top: 10px;}

.page-alist li { clear: both; overflow: hidden; padding: 10px 0; border-bottom: 1px dotted #ddd;}
.page-alist li a{display: block;overflow: hidden;}
.page-alist li a h3 {float: left; width: 90%;font-size: 15px;line-height: 1; color: #222;overflow: hidden;text-overflow:ellipsis ;white-space: nowrap;}
.page-alist li a h3 .fa{margin-right: 3px;}
.page-alist li a h5 { float: right; width: 10%;text-align: right; font-size: 13px;line-height: 1;color: #555;}
.page-alist li a:hover h3{color: #0097d8;}


.page-con-tit{}
.page-con-tit h1,.product_detail h1.title{font-size: 18px;line-height: 1;}


.page-content {font-size: 15px;line-height: 1.6;padding: 0 15px;}
.page-content img{max-width: 100%;}
.list_p li h2 a, .list_p li h2, .list_p li{font-size: 14px;}


.page-nav{display: none;}
.page-nav ul{overflow: hidden;}
.page-nav ul li{float: left;width: 25%;padding: 0 5px;margin-bottom:10px;}
.page-nav ul li a {display: block;font-size: 14px;line-height: 1;color: #444; background: #eee;padding: 12px 0;text-align: center;}
.page-nav ul li a:hover {font-weight: bold;background: #115bc0;color: #fff;}
.page-nav ul li.now a{font-weight: bold;background: #115bc0;color: #fff;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .img-inner{height: 130px;}
  .page-alist .col-md-4 a h5{font-size: 14px;}
  
  
  
}


@media (max-width: 992px){

  .page-body .col-md-9{float: none;width: 100%;}
  
  .page-alist .col-md-4{float: left;width: 25%;padding: 0 5px;}
  .img-inner{height: 130px;}
  .page-alist .col-md-4 a h5{font-size: 14px;}
  
  
  .page-alist li a h5{font-size:12px;}
  
  
  .page-nav{display:block;}
  
  .relatedProduct .col-md-3{width: 25%;padding: 0 5px;}
  .relatedProduct .col-md-3 .imsg{height: 120px;width: 100%;padding: 2px;}
}



@media (max-width: 767px) {
 
  .page-body { margin: 10px auto 30px;}
  
  .page-body .col-md-9{padding: 0 10px;}
  .crumbs-item{font-size: 13px;}
  
  
  .page-alist .col-md-4{float: left;width: 50%;padding: 0 5px;}
  .img-inner { height: 130px;}
  
  .page-alist .col-md-4 a h5 {font-size: 13px;padding: 8px 0;}
  
  .page-alist li a h3{width: 80%;font-size: 13px;}
  .page-alist li a h5{width: 20%;}
  
  
  .page-nav ul li {width: 50%;text-align: center;}
  .page-nav ul li a{font-size: 13px;}

  .relatedProduct .col-md-3{width: 33.3333%;}
  
}