@charset "utf-8";
/* CSS Document */
::selection { background-color:#d72f2f; color:#fff; }
::-moz-selection { background-color:#d72f2f; color:#fff; }
::-webkit-selection { background-color:#d72f2f; color:#fff; }
::-webkit-scrollbar {width: 8px;height: 8px;background-color: #f5f5f5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #e2e2e2;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #605;}
* {padding: 0;margin: 0;font-family: sans-serif;}
body {font: 14px/1.231 sans-serif;color: #333;margin: 0;line-height: 1;}
:focus {outline: 1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block;}
a{margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
ins{ background-color: #ff9; color: #000; text-decoration: none;}
mark{ background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del{text-decoration: line-through;}
table{border-collapse: collapse;border-spacing:0;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,select {vertical-align: middle;}
li,ul {list-style-type: none;}
img {border: none;}
a {color: #222; text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}
input,textarea {outline:0;}
textarea {resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,em { font-weight: normal; font-style: normal; padding:0; margin:0; }
.clear{clear:both;}
.hide{display:none;}
.header{width:100%; height:auto;}
html{overflow-x:hidden;}
/*--------------*/

.cp .ml{height: auto !important;}
.cp .ml .ej{border-bottom: 1px solid #ccc;line-height: 45px;text-align: center;border-top: 1px solid #ccc}
.cp .ml .ej a{color:#d72f2f;}
.neiye_nr3 .h3{text-align: center}
.neiye_nr3 h2{border-bottom: 1px dotted #ccc;font-size: 18px;line-height: 35px}
.neiye_nr3 .bg{text-align: center}
.neiye_nr3 .img img{margin: 35px auto;display: block;}
.cp .ml .sj{line-height: 35px;text-align: center}
/*----top-----*/
.top_box{width:1180px; height:162px; margin:0 auto;}
.top_left{width:635px; float:left;}
.dw{width:320px; height:70px; float:left; margin-top:34px; font-size:20px; color:#2e2e2e; line-height:34px;font-weight: bold}
.dw span{color:#d72f2f;}
.dw p{font-size:16px; color:#4e4e4e; word-spacing:1px;}
.logo{width:131px; height:162px; float:right; position:absolute; left:45%;}
.phone{width:270px; height:68px; float:right; background:url(../images/phone.jpg) center left no-repeat; margin-top:30px;}
.phone p{padding-left:62px; font-size:16px; color:#373737; word-spacing:1px; line-height:24px;}
.phone p span{display:block; font-size:26px; font-weight:bold; word-spacing:0;}
/*----top-----*/


/*----nav----*/
.nav_box{width:100%; height:70px; background:#005d9e; margin-top:-18px;}
.nav{width:1180px; margin:0 auto; height:70px; clear:both;}
.nav ul li{width:130px; height:70px; float:left; text-align:center;}
.nav ul li a{font-size:14px; color:#fff; display:block; background: -webkit-linear-gradient(left, #d72f2f, #d72f2f) no-repeat;
background: linear-gradient(to right, #d72f2f, #d72f2f) no-repeat; background-size: 100% 0%; -webkit-transition: all .5s; transition: all .5s; line-height:70px;}
.nav ul li a:hover{ color:#fff;
background: -webkit-linear-gradient(left, #d72f2f, #d72f2f) no-repeat;
background: linear-gradient(to right, #d72f2f, #d72f2f) no-repeat;
background-size: 100% 100%; height:70px;}
.nav ul li.another a{background:#d72f2f; display:block; color:#fff;}
.fixedNav {position: fixed; top: 0px; left: 0px; z-index:99999; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); background:#005d9e;}
/*----nav----*/



/*----banner----*/
.banner{width:100%; height:550px; overflow:hidden; margin-top:-18px;}
.flexslider{position:relative;height:550px;clear:both; left:50%; margin-left:-960px; width:1920px;}
.slides{position:relative;z-index:1;}
.slides li a{height:550px; width:100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:280px; background:url(../images/next.png) center center no-repeat; outline:none; width:35px; height:65px; display:block;}
.flex-direction-nav li a.flex-next{right:280px;background:url(../images/prev.png) center center no-repeat; outline:none;width:35px; height:65px; display:block;}
.neiye_banner{ width:1180px; height:350px; margin:0 auto;}
/*-banner-end----*/



/*---footer---*/
.footer_bg{width:100%; height:300px; background:#005d9e;}
.footer_top{width:1180px; margin:0 auto; padding-top:24px; height:110px;}
.footer_nr1{width:670px; float:left;}
.footer_ewm{width:370px; height:86px; float:right; border:1px solid #0065ab;}
.footer_lx{height:42px;}
.footer_lx ul li{width:38px; height:38px; float:left; text-align:center; margin-left:16px; border:1px solid #005d9e;}
.footer_lx ul li img{width:22px; height:15px; display:block; margin:12px auto;}
.footer_nav{width:716px; height:58px;}
.footer_nav ul li{width:88px; float:left; line-height:58px; font-size:14px; color:#fff; text-align:center;}
.footer_nav ul li a{font-size:14px; color:#fff;}
.footer_nav ul li span{float:right;}
.footer_nav ul li:last-child span{display:none;}
.footer_nav ul li a:hover{color:#005d9e;}

.ewm_tu{width:74px; height:74px; float:left; margin-top:6px; margin-left:6px;}
.ewm_tu img{width:74px; height:74px;}
.ewm_wen{width:214px; height:60px; float:right; margin-top:13px; background:url(../images/ewm_bg.jpg) center left no-repeat; font-size:18px; color:#fff; line-height:28px; padding-left:49px;}
.ewm_wen p{font-size:14px;}
/*---footer---*/


/*---links---*/
.links_bg{width:100%; height:46px; border-bottom:1px solid #0065ab; border-top:1px solid #0065ab;}
.links_box{width:1180px; margin:0 auto; font-size:14px; color:#c7efff; line-height:46px;}
.links_box a{padding-right:20px; font-size:14px; color:#c7efff; line-height:46px;}
/*---links---*/



.footer_bottom{width:1180px; height:56px; margin:0 auto;}
.footer_ba{width:800px; float:left; font-size:14px; color:#c7efff; line-height:56px;}
.jszc{width:330px; float:right; font-size:14px; color:#c7efff; line-height:56px;}
.jszc a{color:#c7efff;}
body {
    overflow-x: hidden;
    font-family: "";
  }
  html {
    font-size: 10px;
  }
  .cp{width: 100%;background: #f4f4f4}
 .case {
    max-width: 1180px;
    margin: 0 auto;
    padding: 3% 0;
    background: #f4f4f4;
  }
   .case .case-tit {
    color: #000;
  }
   .case .case-tit h4 {
    font-size: 2.6rem;
    color: #000;
    font-weight: 600;
  }
   .case .case-tit p {
    font-size: 3rem;
    color: #000;
  }
   .case .content {
    margin-top: 3%;
  }
   .case .content .slideTxtBox .hd {
    width: 19.8%;
    float: left;
    position: relative;
  }
   .case .content .slideTxtBox .hd .case-tel {
    margin-top: 205px;
    background: #005d9e;
    padding: 8% 2%;
  }
  @media (max-width: 1200px) {
 .case .content .slideTxtBox .hd .case-tel {
      display: none;
    }
  }
   .case .content .slideTxtBox .hd .case-tel .txt {
    color: #fafafa;
    padding-left: 45px;
    background: url("../images/case-tel_03.jpg") no-repeat left center;
  }
   .case .content .slideTxtBox .hd .case-tel .txt p {
    font-size: 1.6rem;
  }
   .case .content .slideTxtBox .hd .case-tel .txt h5 {
    font-size: 2.2rem;
    margin-bottom: 0;
  }
   .case .content .slideTxtBox .hd ul li {
    line-height: 42px;
    cursor: pointer;
    font-size: 1.6rem;
    color: #fff;
    padding-left: 4%;
    background: #000000 url("../images/case-arrow_03.jpg") no-repeat right center;
    margin-bottom: 12px;
  }
   .case .content .slideTxtBox .hd ul li.on {
    background: #005d9e url("../images/case-arrow_03.jpg") no-repeat right center;
  }
   .case .content .slideTxtBox .bd {
    float: right;
    width: 78.6%;
  }
   .case .content .slideTxtBox .bd li {
    width: 32.333333%;
    float: left;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
  }
   .case .content .slideTxtBox .bd li:hover .img img {
    transform: scale(1.07);
  }
   .case .content .slideTxtBox .bd li:hover .txt {
    background: #005d9e;
  }
   .case .content .slideTxtBox .bd li:hover .txt p {
    color: #fff;
  }
   .case .content .slideTxtBox .bd li:hover .txt span {
    background: url("../images/case-more_05.png") no-repeat center;
  }
   .case .content .slideTxtBox .bd li .img {
    overflow: hidden;
  }
   .case .content .slideTxtBox .bd li .img img {
    transition: 0.3s;
    width: 100%;
  }
   .case .content .slideTxtBox .bd li .txt {
    padding: 10px 0 5px;
    background: #fff;
    text-align: center;
  }
   .case .content .slideTxtBox .bd li .txt p {
    font-size: 1.4rem;
    color: #333;
  }
   .case .content .slideTxtBox .bd li .txt span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 23px;
    height: 23px;
    background: url("../images/case-more_03.png") no-repeat center;
  }
   .case .content .slideTxtBox .bd li:nth-child(3n+3) {
    margin-right: 0;
  }
  @media (max-width: 768px) {
 .case {
      padding: 3% 0;
      background: #f4f4f4;
    }
 .case .case-tit {
      color: #000;
    }
 .case .case-tit h4 {
      font-size: 2.6rem;
      color: #000;
      font-weight: 600;
    }
 .case .case-tit p {
      font-size: 3rem;
      color: #000;
    }
 .case .content {
      margin-top: 3%;
    }
 .case .content .slideTxtBox .hd {
      width: 100%;
      float: left;
      position: relative;
    }
 .case .content .slideTxtBox .hd .case-tel {
      margin-top: 205px;
      background: #005d9e;
      padding: 8% 2%;
    }
 .case .content .slideTxtBox .hd .case-tel .txt {
      color: #fafafa;
      padding-left: 45px;
      background: url("../images/case-tel_03.jpg") no-repeat left center;
    }
 .case .content .slideTxtBox .hd .case-tel .txt p {
      font-size: 1.6rem;
    }
 .case .content .slideTxtBox .hd .case-tel .txt h5 {
      font-size: 2.2rem;
      margin-bottom: 0;
    }
 .case .content .slideTxtBox .hd ul li {
      line-height: 42px;
      cursor: pointer;
      font-size: 1.6rem;
      color: #fff;
      padding-left: 4%;
      background: #000000 url("../images/case-arrow_03.jpg") no-repeat right center;
      margin-bottom: 12px;
    }
 .case .content .slideTxtBox .hd ul li.on {
      background: #23805e url("../images/case-arrow_03.jpg") no-repeat right center;
    }
 .case .content .slideTxtBox .bd {
      float: right;
      width: 100%;
    }
 .case .content .slideTxtBox .bd li {
      width: 49%;
      float: left;
      margin-right: 2%;
      margin-bottom: 2%;
    }
 .case .content .slideTxtBox .bd li:hover .img img {
      transform: scale(1.07);
    }
 .case .content .slideTxtBox .bd li:hover .txt {
      background: #23805e;
    }
 .case .content .slideTxtBox .bd li:hover .txt p {
      color: #fff;
    }
 .case .content .slideTxtBox .bd li:hover .txt span {
      background: url("../images/case-more_05.png") no-repeat center;
    }
 .case .content .slideTxtBox .bd li .img {
      overflow: hidden;
    }
 .case .content .slideTxtBox .bd li .img img {
      transition: 0.3s;
      width: 100%;
    }
 .case .content .slideTxtBox .bd li .txt {
      padding: 10px 0 5px;
      background: #fff;
      text-align: center;
    }
 .case .content .slideTxtBox .bd li .txt p {
      font-size: 1.4rem;
      color: #333;
    }
 .case .content .slideTxtBox .bd li .txt span {
      display: none;
      width: 23px;
      height: 23px;
      background: url("../images/case-more_03.png") no-repeat center;
    }
 .case .content .slideTxtBox .bd li:nth-child(3n+3) {
      margin-right: 2%;
    }
 .case .content .slideTxtBox .bd li:nth-child(2n+2) {
      margin-right: 0%;
    }
  }
  @media (max-width: 768px) and (max-width: 1200px) {
 .case .content .slideTxtBox .hd .case-tel {
      display: none;
    }
  }

  .yellow {padding: 7px 0; margin: 4px; text-align: center; font-size:14px; float:none}
  .yellow B{ padding:0 4px; font-size:12px}
  .yellow a,.yellow a:link {border: #ddd 1px solid; margin: 3px; padding: 3px 7px; text-decoration: none; font-size:14px; color:#666}
  .yellow a:hover {border: #06738e 1px solid;background: #06738e; color: #fff; text-decoration:none}
  .yellow span.current {border: #06738e 1px solid; font-weight: bold; margin: 3px; color: #fff; padding: 3px 7px;background: #014f9a; font-size:14px}
  .yellow span.disabled {border: #ddd 1px solid; padding: 3px 7px; margin: 3px; color: #aaa; font-size:14px }
  .yellow span:hover{background: #014f9a;color: #fff}
.case1{width: 30%;overflow: hidden;float: left;margin-right: 2%;}  
.case1 img{width: 100%;}
.case1 p{text-align: center}

































