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
    }
}



.search-bg{position: relative;height: 50px;top: -50px;z-index: 3;}

.search-cont{background: #fff;padding: 25px 20px;border-radius: 3px;overflow: hidden;box-shadow: 1px 1px 5px #bbb;}

.search-bg .hot_search{font-size: 16px;line-height: 40px;float: left;width: 73%;color: #111;}
.search-bg .hot_search img{height: 40px;margin-right: 5px;}
.search-bg .hot_search a{font-size: 13px;color: #363636;}
.search-bg .hot_search a:hover{color: #273f87;}
.search-bg .searchbox{text-align: right;float: right;width: 25%;position: relative;}
.search-bg .searchbox input{    height: 40px;outline: none;border-radius: 0;border: none;font-size: 15px;}
.search-bg .searchbox input[type="text"]{    width: 100%;border: 1px solid #c9c9c9;padding-left: 20px;font-size: 14px;background: #fff;border-radius: 50px;padding-right: 50px;transition: all .5s;}
.search-bg .searchbox input[type="text"]:focus{border: 1px solid #273f87;}
.search-bg .searchbox input[type="submit"] {position: absolute;right: 0;background: url(../images/sousuo.png)no-repeat center;background-size: 30px;width: 50px;transition: all .5s;}
.search-bg .searchbox input[type="submit"]:hover{background: url(../images/sousuo1.png)no-repeat center;background-size: 30px;}


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

  
}

@media (max-width: 992px) {

 
  
  
  
}

@media (max-width: 767px) {
  

}





.cp-bg{background: url(../images/bg1.jpg)no-repeat center 74%; background-size: 100% 200px;}
.cpzx {padding: 30px 0 0;}

.cp-bt{border-bottom: 1px solid #bbb;margin-bottom: 20px;overflow: hidden;}
.cp-bt h3 {float: left;font-size: 18px;line-height: 1; color: #222; padding-bottom: 5px;border-bottom: 2px solid #273f87;}
.cp-bt h3 img {height: 30px;vertical-align: text-bottom;margin-right: 5px;}
.cp-bt a { float: right; font-size: 16px; line-height: 1;font-style: italic; display: inline-block; margin-top: 15px;padding-right: 5px;}
.cp-bt a:hover{color: #273f87;}

.cp-cont{overflow: hidden;}
.cp-nav{float: left;width: 20%;}
.cp-nav ul{}
.cp-nav ul li{margin-bottom: 10px;}
.cp-nav ul li a{display: block;width: 80%;background: #e6e6e6;font-size: 15px;line-height: 1;padding: 10px 15px;transition: all .5s;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.cp-nav ul li a .fa{margin-right: 10px;}
.cp-nav ul li a:hover{background: #273f87;color: #fff;width: 85%;}


.cp-list{float: right;width: 80%;}
.cp-list ul{}
.cp-list ul li{float: left;width: 25%;padding: 0 10px;}
.cp-list ul li a{display: block;}
.cp-list ul li a .cp-img {height: 200px;display: flex;justify-content: center;overflow: hidden;box-shadow: 1px 1px 5px #ddd;}
.cp-list ul li a .cp-img img{height: 100%;transition: all .5s;}
.cp-list ul li a p { text-align: center; font-size: 16px; line-height: 1; color: #333; padding: 15px 0;border-bottom: 1px solid #eee;}
.cp-list ul li a:hover p{color: #273f87;border-color: #ff1919;}

.cp-list ul li a:hover .cp-img img{transform: scale(1.1);}



@media (min-width: 992px) and (max-width: 1200px){
  
  .cp-list ul li a .cp-img{height: 150px;}
  
}

@media (max-width: 992px) {

  .cp-nav ul li { margin-bottom: 6px;}
  .cp-nav ul li a{font-size: 13px;padding: 10px;}
  .cp-nav ul li a .fa {margin-right: 6px;}
  
  .cp-list ul li{padding: 0 5px;}
  .cp-list ul li a .cp-img{height: 130px;}
  .cp-list ul li a p{font-size: 14px;padding: 10px 0;}
  
}

@media (max-width: 767px) {
  
  .cpzx{padding: 20px 10px;}
  .cp-bt{margin-bottom: 10px;}
  .cp-bt h3{font-size: 15px;}
  .cp-bt h3 img{height: 24px;}
  .cp-bt a{font-size: 13px;padding-right: 5px;margin-top: 10px;}
  
  .cp-nav { float: none;width: 100%;}
  .cp-nav ul{overflow: hidden;}
  .cp-nav ul li {margin-bottom: 6px; float: left;width: 50%;}
  
  .cp-list {float: none;width: 100%;}
  .cp-list ul li {width: 50%;}
  
  
  

}




/* 关于我们 */

.gywm{background: url(../images/bg2.jpg)no-repeat center fixed;margin-top: 50px;}

.gy-bt{background: url(../images/gy-bt.png)no-repeat center;}
.gy-tit { background: #fff; padding: 15px 20px;width: 60%;margin-left: 40%;}
.gy-tit h3 {font-family: Microsoft JhengHei;font-size: 26px; line-height: 1;font-weight: bold;color: #000;}
.gy-tit h5 { font-size: 20px; line-height: 1;text-transform: capitalize;color: #888;}

.gywm-cont{position: relative;}

.gy-img{position: absolute;left: 0;top: 30px;width: 40%;z-index: 3;overflow: hidden;box-shadow: 6px -6px 1px rgb(0 130 191 / 50%);}
 .gy-img .carousel {}
.gy-img .carousel-inner>.item>a>img, .gy-img.carousel-inner>.item>img, .img-responsive, .gy-img .thumbnail a>img, .gy-img .thumbnail>img{min-height: 100%;width: 100%;}
.gy-img .carousel-inner>.item a{display: block;height: 360px;position: relative;}
.gy-img .carousel-inner>.item a h4 { position: absolute; bottom: 0; left: 0; width: 100%;  background: rgb(0 0 0 / 50%); color: #fff;font-size: 17px; line-height: 50px;padding: 0 15px;font-weight: normal;letter-spacing: 1px;} 
.gy-img img{width: 100%;}


.gy-nr {width: 50%;padding: 50px 0 30px 50px;margin-left: 50%;position: relative;}
.gy-nr h3 { font-size: 26px;line-height: 1;font-weight: bold;color: #273f87;margin-bottom: 15px;display: inline-block;border-bottom: 3px double rgb(38 62 135 / 60%);padding-bottom: 3px;letter-spacing: 3px;}
.gy-nr h2 {position: absolute;font-family: Times New Roman;font-size: 150px; text-transform: uppercase;font-weight: bold;top: 0;left: -50px;line-height: 1;color: rgb(0 0 0 / 5%);}

.gy-nr .gy-txt { height: 180px;overflow: hidden;overflow-y: auto;padding-right: 10px;position: relative;z-index: 3;}
.gy-nr .gy-txt p {font-size: 15px;line-height: 1.7;color: #555;}
.gy-nr .gy-txt::-webkit-scrollbar {width: 3px;background: #ddd;border-radius: 10px;}
.gy-nr .gy-txt::-webkit-scrollbar-thumb { background-color: #273f87;  -webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}

.gy-nr a {display: inline-block;margin-top: 20px;font-size: 14px;line-height: 1;padding: 12px 30px;color: #fff;border: 2px solid #273f87;background: #273f87;transition: all .5s;}
.gy-nr a:hover{background: #fff;color: #273f87;}

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

@media (max-width: 992px) {

  .gy-tit h3{font-size: 22px;}
  .gy-tit h5{font-size: 15px;}
  .gy-tit{padding: 10px 15px;}
  
  .gy-nr h2{font-size: 120px;}
  .gy-nr{padding: 20px 0 20px 30px;}
  .gy-nr h3{letter-spacing: 1px;font-size: 20px;}
  .gy-nr .gy-txt p {font-size: 13px;line-height: 1.5;color: #252525;}
  .gy-nr a{margin-top: 10px;padding: 10px 25px;font-size: 12px;}
  

}

@media (max-width: 767px) {
  
  .gywm { background: url(../images/bg2.jpg)no-repeat center right fixed;}
  
  .gy-tit{margin-left: 20%;}
  .gy-tit h3 {font-size: 18px;}
  .gy-tit h5 {font-size: 13px;}
  
  .gy-nr { margin: 0; width: 100%;padding: 20px 15px;}
  .gy-nr h3 {font-size: 18px;margin-bottom: 10px;}
  
}













.anli{padding: 50px 0;}

.al-bt{text-align: center;margin-bottom: 50px;}
.al-bt h5 {font-family: Times New Roman; font-size: 24px;color: #888;line-height: 1;margin-bottom: 10px;}
.al-bt h3 {font-size: 32px; font-weight: bold;color: #000;letter-spacing: 3px;line-height: 1;}
.al-bt h3 span{color: #273f87;}


.al-cont{}
.al-cont ul{}
.al-cont ul li{float: left;width: 25%;padding: 0 8px;margin-bottom: 15px;}
.al-cont ul li a{display: block;padding: 10px;box-shadow: 1px 1px 5px #ddd;}
.al-cont ul li a .al-img{height: 200px;overflow: hidden;}
.al-cont ul li a .al-img img{width: 100%;min-height: 100%;transition: all .5s;}
.al-cont ul li a p { font-size: 16px;line-height: 1;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #444;padding: 15px 0 5px;}
.al-cont ul li a p .fa { float: right;font-size: 24px;line-height: 16px;color: #b7b7b7;}
.al-cont ul li a:hover .al-img img{transform: scale(1.2);}
.al-cont ul li a:hover p{color: #273f87;font-weight: bold;}
.al-cont ul li a:hover p .fa{color: #273f87;}


@media (min-width: 992px) and (max-width: 1200px){
  
  .al-cont ul li a .al-img { height: 150px;}
  
}

@media (max-width: 992px) {

  .anli {padding: 30px 0;}
  
  .al-bt{margin-bottom: 20px;}
  .al-bt h3{font-size: 24px;}
  .al-bt h5{font-size: 20px;margin-bottom: 6px;}
  
  .al-cont ul li a{padding: 8px;}
  .al-cont ul li a .al-img{height: 120px;}
  .al-cont ul li a p{font-size: 14px;padding: 10px 0 1px;}
  .al-cont ul li a p .fa{font-size: 20px;}
  
}

@media (max-width: 767px) {

  .al-bt {margin-bottom: 15px;}
  .al-bt h5 {font-size: 15px;margin-bottom: 4px;}
  .al-bt h3 {font-size: 18px;}
  
  .al-cont {padding: 0 10px;}
  .al-cont ul li {width: 50%;padding: 0 5px;margin-bottom: 10px;}
  
  
}



.section_03{padding: 60px 0 80px;background: url(../images/bg7.jpg)no-repeat center bottom;}

.tj-cont{padding: 0 20px;margin-bottom: 50px;}
.tj-bt{text-align: center;margin-bottom: 30px;position: relative;}
.tj-bt h5 { font-family: Times New Roman;font-size: 36px;color: #afafaf; font-style: italic;line-height: 1;letter-spacing: 5px;}
.tj-bt h5 span { font-size: 80px; text-transform: uppercase;font-weight: bold; color: #273f87;letter-spacing: 1px;}
.tj-bt h3 {font-size: 34px; font-weight: bold; color: #000; line-height: 1;position: absolute;width: 100%;left: 0;top: 9px;padding-left: 90px;letter-spacing: 5px;}
.tj-bt h3 span { display: inline-block;font-size: 40px;vertical-align: text-top; margin-left: 10px;margin-top: 15px;}

.tj-cont .carousel-inner>.item a{position: relative;display: block;overflow: hidden;}
.tj-cont .carousel-inner>.item a p{width: 100%;height: 60px;background: rgba(0,0,0,.5);line-height: 60px;font-size: 18px;color: #fff;transition: all .5s;padding: 0 20px;position: absolute;bottom: -60px;}
.tj-cont .carousel-inner>.item a p span { float: right;display: inline-block;font-size: 15px;}
.tj-cont .carousel-inner>.item.active a p{bottom: 0;}

.carousel-control.right, .carousel-control.left{width: 80px;opacity: 1;}
.carousel-control.right img, .carousel-control.left img{width: 100%;}
.carousel-control.left{left: -40px;}
.carousel-control.right {right: -40px;}
.carousel-control.right:hover, .carousel-control.left:hover{opacity: .8}




.youshi{}
.ys-bt{text-align: center;margin-bottom: 50px;}
.ys-bt h5 { font-family: Times New Roman;font-size: 50px;text-transform: uppercase;color: #273f87;font-weight: bold;line-height: 1;}
.ys-bt h3 { font-size: 22px; line-height: 1; letter-spacing: 2px; color: #666;margin: 0 0 10px;}
.ys-bt p {font-size: 24px; line-height: 1;color: #000; font-family: cursive;font-weight: bold;}

.ys-box{}
.ys-box .ys-img img{width: 100%;}
.ys-box .ys-txt{}
.ys-box .ys-txt .ys-bor { background: #eee;padding: 15px 60px 15px 110px;border-radius: 50px;margin-bottom: 30px;position: relative;display: inline-block;}
.ys-box .ys-txt h3 { font-size: 26px;line-height: 1;font-weight: bold;letter-spacing: 3px;}
.ys-box .ys-txt h3 span {display: inline-block;font-size: 72px; position: absolute; font-family: fantasy;top: -20px;font-style: italic;left: 20px;color: #273f87;}
.ys-box .ys-txt h5 {font-size: 16px; line-height: 1;letter-spacing: 1px; color: #555;margin-top: 8px;}
.ys-box .ys-txt p { font-size: 16px; line-height: 2; color: #555;padding-left: 20px;}
.ys-box .ys-txt p .fa {color: #cb1c1c;margin-right: 6px;}

.ys-box.box1{}
.ys-box.box1 .ys-img{float: left;width: 55%;}
.ys-box.box1 .ys-txt{float: right;width: 45%;padding: 60px 0 0 30px;}
.ys-box.box2{}
.ys-box.box2 .ys-img{float: right;width: 55%;}
.ys-box.box2 .ys-txt{float: left;width: 45%;padding: 60px 30px 0 0;}



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

  .section_03{padding: 50px 0;background: url(../images/bg7.jpg)no-repeat center bottom;background-size: auto 100%;}
  .ys-box .ys-txt .ys-bor{width: 80%;}


}

@media (max-width: 992px) {

  .section_03{padding: 30px 0 50px;background-size: auto 100%;}
  
  .tj-cont { padding: 0 15px; width: 90%;margin: 0 auto 30px;}
  .tj-bt{margin-bottom: 20px;}
  .tj-bt h5{font-size: 24px;}
  .tj-bt h5 span{font-size: 60px;}
  .tj-bt h3{font-size: 24px;padding-left: 70px;}
  .carousel-control.right, .carousel-control.left{width: 60px;}
  .carousel-control.right {right: -30px;}
  .carousel-control.left {left: -30px;}
  .tj-cont .carousel-inner>.item a p{height: 40px;line-height: 40px;bottom: -40px;font-size: 16px;padding: 0 15px;}
  .tj-cont .carousel-inner>.item a p span{font-size: 13px;}
  
  .ys-bt{margin-bottom: 20px;}
  .ys-bt h5{font-size: 40px;}
  .ys-bt h3{font-size: 18px;margin: 0 0 5px;}
  .ys-bt p{font-size: 20px;}
  
  .ys-box.box1 .ys-txt{padding: 40px 0 0 0;}
  .ys-box.box2 .ys-txt{padding: 40px 20px 0 0;}
  
  .ys-box .ys-txt h3{font-size: 20px;}
  .ys-box .ys-txt h3 span{font-size: 44px;left: 15px;top: -10px;}
  .ys-box .ys-txt h5{font-size: 14px;}
  .ys-box .ys-txt .ys-bor{padding: 10px 30px 10px 70px;margin-bottom: 10px;}
  
  .ys-box .ys-txt p{font-size: 14px;}
  
}

@media (max-width: 767px) {
  

  .tj-cont {width: 100%;margin: 0 auto 20px;}
  .tj-bt {margin-bottom: 10px;}
  .tj-bt h5 span {font-size: 44px;}
  .tj-bt h5 {letter-spacing: 2px;font-size: 20px;}
  .tj-bt h3 {font-size: 20px;padding-left: 50px;top: 2px;letter-spacing: 1px;}
  
  .carousel-control.right, .carousel-control.left {width: 30px;}
  .carousel-control.right {right: -15px;}
  .carousel-control.left {left: -15px;}
  .tj-cont .carousel-inner>.item a p {height: 35px;line-height: 35px;bottom: -35px; font-size: 14px;padding: 0 15px;}
  .tj-cont .carousel-inner>.item a p span {font-size: 12px;}
  
  .ys-bt h5 {font-size: 30px;}
  .ys-bt h3{font-size: 15px;}
  .ys-bt p {font-size: 16px;}
  
  .ys-box.box1 .ys-img {float: none; width: 70%;margin: auto;}
  .ys-box.box1 .ys-txt {float: none;width: 100%;padding: 20px 15px 0;}
  .ys-box.box2 .ys-img {float: none; width: 100%;margin: 15px 0;}
  .ys-box.box2 .ys-txt {padding: 20px 15px 0;float: none; width: 100%;}
  
  
}









.xinw { padding: 50px 0 0;background: url(../images/bg9.jpg)no-repeat center fixed;height: 500px;margin-bottom: 200px;}

.xw-bt{position: relative;margin-bottom: 50px;text-align: center;color: #fff;}
.xw-bt h3 { position: absolute;width: 100%; font-size: 36px;line-height: 1;letter-spacing: 6px;padding-left: 70px;top: 13px;}
.xw-bt h5 { font-family: Times New Roman; font-size: 30px;line-height: 1;font-style: italic;}
.xw-bt h5 span{font-size: 90px;text-shadow: 3px 3px 1px #cb1c1c;}
.xw-bt p { font-size: 24px; line-height: 1;letter-spacing: 4px;color: rgb(255 255 255 / 80%);margin-top: 15px;}

.xw-cont{background: #fff;padding: 20px;}

.xw-box{float: left;width: 33.33333%;padding: 0 15px;}
.xw-box a{display: block;padding: 10px;border-bottom: 1px solid #eee;position: relative;overflow: hidden;}
.xw-box a:after {content: " "; width: 0;height: 2px; background: #273f87 !important;position: absolute;left: 0;transition: all .5s;bottom: 0;}
.xw-box a:hover:after{width: 100%;}
.xw-box a .xw-img{height: 240px;overflow: hidden;}
.xw-box a .xw-img img{width: 100%;min-height:100%;transition: all .5s;}
.xw-box a .xw-info{}
.xw-box a .xw-info h3 {font-size: 18px;line-height: 1; color: #222; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 15px 0;}
.xw-box a .xw-info h5 { font-size: 14px;text-align: right; line-height: 1;color: #888;margin-top: 30px;}
.xw-box a .xw-info p { font-size: 14px;line-height: 1.3;color: #888;}

.xw-box a:hover .xw-img img{transform: scale(1.1);}


.xw-list{padding: 0 20px;}
.xw-list ul{}
.xw-list ul li{float: left;padding: 0 15px;margin-bottom: 30px;width: 50%;}
.xw-list ul li a {display: block; overflow: hidden;box-shadow: 1px 1px 5px #ececec;padding: 25px;position: relative;border-radius: 5px;top: 0;transition: all .5s;}
.xw-list ul li a h3 {width: 85%;font-size: 20px;line-height: 1;color: #444;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;margin-bottom: 20px;}
.xw-list ul li a h5 { position: absolute;font-size: 13px;line-height: 1;color: #666;right: 15px;top: 30px;}
.xw-list ul li a:hover h3{color: #273f87}
.xw-list ul li a p {font-size: 15px;line-height: 1.3;color: #888;}

.xw-list ul li a:hover{top: -10px;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .xinw{height: 430px;margin-bottom: 220px;}
  .xw-box{padding: 0 5px;}
  .xw-box a .xw-img{height: 180px;}
  
}

@media (max-width: 992px) {

  .xinw{padding: 30px 0 0;height: 330px;margin-bottom: 150px;}
  .xw-bt{margin-bottom: 30px;}
  .xw-bt h5{font-size: 20px;}
  .xw-bt h5 span{font-size: 60px;}
  .xw-bt h3{font-size: 24px;top: 10px;padding-left: 64px;}
  .xw-bt p { font-size: 20px;letter-spacing: 2px;margin-top: 5px;}
  
  .xw-cont{padding: 15px;}
  .xw-box{padding: 0 5px;}
  .xw-box a{padding: 5px;}
  .xw-box a .xw-img{height: 160px;}
  .xw-box a .xw-info h3{font-size: 15px;margin: 10px 0;}
  .xw-box a .xw-info p{font-size: 12px;}
  .xw-box a .xw-info h5{font-size: 12px;margin-top: 15px;}
  
  .xw-list { padding: 0 15px 50px;}
  .xw-list ul li{padding: 0 10px;margin-bottom: 20px;}
  .xw-list ul li a{padding: 15px;}
  .xw-list ul li a h3{font-size: 16px;margin-bottom: 12px;}
  .xw-list ul li a h5{font-size: 12px;right: 10px;top: 15px;}
  .xw-list ul li a p {font-size: 13px;line-height: 1.3;}
  
  
}

@media (max-width: 767px) {
  
  .xinw { padding: 30px 0 0;height: auto;margin-bottom: 10px;}
  .xw-bt h5 { font-size: 16px;}
  .xw-bt h5 span {font-size: 50px;}
  .xw-bt p{font-size: 16px;}
  .xw-bt h3{font-size: 20px;padding-left: 60px;}
  
  .xw-cont {padding: 10px 5px;}
  
  .xw-box a {padding: 0;}
  .xw-box a .xw-img { height: 85px;}
  .xw-box a .xw-info h3 { font-size: 13px;margin: 8px 0;}
  .xw-box a .xw-info p { font-size: 12px; height: 46px;overflow: hidden;}
  .xw-box a .xw-info h5 { font-size: 12px; margin-top: 10px;margin-right: 10px;padding-bottom: 5px;}
  
  .xw-list { padding: 0 5px 50px;}
  
  .xw-list ul li a h5{display: none;}
  .xw-list ul li a {padding: 10px;}
  .xw-list ul li a h3 {font-size: 14px;margin-bottom: 6px;width: 100%;}
  .xw-list ul li a p { font-size: 12px;line-height: 1.3;}
  
  
}


.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 #273f87; font-size: 15px;line-height: 1;font-weight: bold;color: #000;letter-spacing: 1px;text-align: center;margin-bottom: 10px;}

.links a:hover{color: #273f87}

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




.footers{}


.f_one{background: url(../images/f-bg.jpg)no-repeat center top;padding-top: 50px;background-size: auto 100%;}

.f_one h3 { border-bottom: 1px solid #fff;margin-bottom: 15px;}
.f_one h3 span { font-size: 17px;line-height: 1;color: #fff;display: inline-block;border-bottom: 2px solid #fff;padding-bottom: 5px;}



.f-lx {float: left; width: 42%;color: #eee;padding: 0 30px;}
.f-lx h4 {line-height: 1;margin-bottom: 15px;font-size: 16px;font-weight: normal;color: #bbb;}
.f-lx h4 span {display: block;margin-top: 5px;font-size: 36px;font-style: italic;font-weight: bold;font-family: fangsong;letter-spacing: 2px;color: #fff}

.f-lx p {font-size: 16px;line-height: 2;}
.f-lx p .fa{margin-right: 5px;}
.f-lx p span {display: inline-block;width: 80px;text-align: justify;text-align-last: justify;}

.f-nav{float: left;width: 18%;}
.f-nav ul{overflow: hidden;}
.f-nav ul li{float:left;width: 50%;margin: 5px 0 20px;}
.f-nav ul li a {font-size: 15px; line-height: 1;display: block;color: #fff;}
.f-nav ul li a .fa {margin-right: 5px;font-size: 20px;line-height: 16px;}

.f-ewm{float: left;width: 22%;overflow: hidden;}
.f-ewm .ewm-box{padding: 0 5px;float: left;width: 50%;}
.f-ewm .ewm-box .img-bg{background: url(../images/ewm-bg.png)no-repeat center;padding: 12px;background-size: 100%;}
.f-ewm .ewm-box img{width: 100%;}
.f-ewm .ewm-box p {color: #eee;text-align: center;font-size: 13px;line-height: 1;margin-top: 5px;}

.f-btn {float: right;width: 15%;}
.f-btn img {width: 90%;margin-bottom: 15px;}
.f-btn a { display: block;width: 80%;background: #e24343;margin-bottom: 15px;font-size: 16px;line-height: 1;text-align: center;color: #fff;padding: 10px 0;}
.f-btn a .fa{margin-right: 3px;}
.f-btn a.qq{background: #bb0606;}
.f-btn a.ly{background: #273f85;}

p.copyright {  font-size: 14px;line-height: 1.5;text-align: center;color: #eee;padding: 10px 0;border-top: 1px solid #bbb;margin-top: 30px;}

.police{}
.police a{}

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

@media (max-width: 992px) {

  .footers{display: none;}
  
}

@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: #273f87;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.sy_layer1 > a {display: block;font-size: 14px; line-height: 1;padding: 15px 20px;color: #555;}
.page-l-clist li.sy_layer1 > a .fa {width: 10px;font-size: 12px;opacity: 0;transition: all .5s;}
.page-l-clist li.sy_layer1 > a:hover {width: 100%;height: auto; color: #273f87;background: none;font-weight: bold;}
.page-l-clist li.sy_layer1 > a:hover .fa{opacity: 1;}
/* .page-l-clist li.sy_layer1:hover > a{width: 100%;height: auto; color: #273f87;background: none;font-weight: bold;} */

.page-l-clist li.sy_layer1:hover > a .fa{opacity: 1;}

.sy_layer2 {background: #eee;display: block !important;}
.sy_layer2 ul{}
.sy_layer2 ul li{}
.sy_layer2 ul li a {display: block;font-size: 14px;line-height: 1;padding: 15px 20px;text-align: center;border-top: 1px solid #ddd;}
.sy_layer2 ul li a:hover{background: #273f87;color: #fff;height: auto;}

/* 右侧 */
.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: #273f87;}

/* 图片列表 */
.img-inner {height: 220px;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: 33.3333%;padding: 0 5px;}
.page-alist .col-md-4 a{display: block;background: #eee;padding: 8px;}
.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: #273f87;}
.page-alist .col-md-4 a:hover h5{color: #273f87;}



/* 文字列表 */
.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: #273f87;}
.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: #273f87;}


.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: 5px 0;}
.page-nav ul li a { font-size: 14px; line-height: 1;color: #444;display: block; text-align: center;background: #eee;padding: 10px;}
.page-nav ul li a:hover{color: #fff;background: #273f87;}
.page-nav ul li.now a{color: #fff;background: #273f87;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .img-inner{height: 180px;}
  .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: 33.3333%;}
  .page-nav ul li a{font-size: 13px;}

  .relatedProduct .col-md-3{width: 33.3333%;}
  
  .page-content { font-size: 13px;line-height: 1.6;padding: 0;}
  
}



#right-ewm{position: fixed;right: 0;top:  66%;z-index: 999;margin-top: 150px;}
#right-ewm .ewm-box {text-align: center;background: #273f85;padding: 8px 5px;width: 70px;height: 70px;position: relative;cursor: pointer;}
#right-ewm .ewm-box img.ico{width: 40px;margin-bottom: 3px;}
#right-ewm .ewm-box p {font-size: 12px;line-height: 1; color: #fff;}

.ewm-box .ewm-img { position: absolute;right: 120%;bottom: 0; background: #0e5d9e;padding: 10px;width: 150px;height: auto;display: none;}
.ewm-box .ewm-img span {position: absolute;display: inline-block;width: 12px;height: 12px;background: #0e5d9e;right: -6px;bottom: 12px;transform: rotate(45deg);}
.ewm-box .ewm-img img{width: 100%;margin-bottom: 5px;height: auto !important;}
.ewm-box .ewm-img h5{font-size: 13px;line-height: 1;color:#fff;}
.ewm-box:hover .ewm-img{display: block;}