@charset "UTF-8";

body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}

input,button,ul,ol{margin: 0px; padding: 0px;}

body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei","宋体", "Arial"; color: #333333;}

h1,h2,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}

ul,ol,li{list-style: none;}

input{background: none; border: 0 none;}

img,iframe{border: 0px;}

em,i{font-style: normal;}

button,input,select,textarea{font-size: 100%;}

table{border-collapse: collapse; border-spacing: 0;}

.red{color: #ba292e;}

.fl{float: left;}

.fr{float: right;}

.tac{text-align: center;}

.tar{text-align: right;}

.poa{position: absolute;}

.por{position: relative;}

.hidden{display: none;}

.w1200{width: 1200px; margin: 0 auto;}

.ico{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}

a{color: #333333; text-decoration: none;}

a:hover{color: #1048a0; text-decoration: none;}

a:visited{text-decoration: none;}

.ease,

.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}

.noease,

.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}

:-moz-placeholder{color: #aaa;}

::-moz-placeholder{color: #aaa;}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder{color: #aaa;}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder{color: #aaa;}

/*清除浮动*/

.clearfix{*zoom: 1;}

.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

@charset "UTF-8";
html {
  min-width: 1200px;
}
body,
p,
form,
textarea,
h1,
h2,
h3,
h4,
h5,
dl,
dd {
  margin: 0px;
}
input,
button,
ul,
ol {
  margin: 0px;
  padding: 0px;
}
body,
input,
button,
form {
  font-size: 14px;
  line-height: 28px;
  font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333333;
}
h1,
h2,
h3,
h4,
h5,
h6,
font {
  font-size: 14px;
  font-weight: normal;
}
ul,
ol,
li {
  list-style: none;
}
input {
  background: none;
  border: 0 none;
}
img,
iframe {
  border: 0px;
}
em,
i {
  font-style: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.red {
  color: #e74037;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}
.poa {
  position: absolute;
}
.por {
  position: relative;
}
.hidden {
  display: none;
}
.hide {
  display: none !important;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.icon {
  background: url(../images/icon.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
}
a {
  color: #333333;
  text-decoration: none;
}
a:hover {
  color: #0267ad;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
.ease,
.ease * {
  transition: all ease 300ms;
}
.noease,
.noease * {
  transition: none;
}
:-moz-placeholder {
  color: #999;
}
::-moz-placeholder {
  color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}
/*清除浮动*/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.dialog-layout {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
/***************top and bottom css*********************/
/*header*/
.header_main {
  width: 100%;
  height: 108px;
  position: relative;
  z-index: 100;
  border-top: 2px solid #3bb79b;
}
.header_main .header {
  position: relative;
  padding-left: 200px;
  width: 1000px;
}
.header_main .logo_main {
  width: 150px;
  height: 207px;
  padding-top: 10px;
  position: absolute;
  left: 0;
  top: -2px;
  z-index: 999;
  display: block;
 
}
.header_main .logo_main img {
  width: 560px;
  height: 88px;
  display: block;
  margin: 0 auto;
}
.header_main .top_r {
  float: right;
  width: 100%;
  text-align: right;
  padding-top: 2px;
  z-index: 1000;
}
.header_main .top_r li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  text-align: center;
  color: #cccccc;
}
.header_main .top_r li a {
  color: #666;
  width: 100%;
  font-size: 12px;
  display: block;
  cursor: pointer;
}
.header_main .top_r li a:hover {
  color: #0267ad;
}
.header_main .top_r li.ewm {
  position: relative;
  color: #666;
  cursor: pointer;
  z-index: 1000;
}
.header_main .top_r li.ewm s {
  background-position: -78px 0;
}
.header_main .top_r li.ewm .box {
  width: 90px;
  height: 90px;
  border: 10px solid #ccc;
  position: absolute;
  left: -35px;
  top: 30px;
  z-index: 88;
  display: none;
  background: #ccc;
}
.header_main .top_r li.ewm .box img {
  width: 100%;
  height: 100%;
  display: block;
}
.header_main .top_r li.ewm:hover {
  color: #0267ad;
}
.header_main .top_r li.ewm:hover .box {
  display: block;
}
.header_main .top_r .split {
  width: 1px;
  text-align: center;
  margin: 0 9px 0 8px;
  *margin: 0 12px;
  font-size: 12px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 1px;
  color: #767676;
  font-family: "宋体";
}
.header_main .txttel {
  width: 100%;
}
.header_main .txttel .img {
  width: 410px;
  height: 40px;
  display: block;
  float: left;
}
.header_main .txttel .img img {
  width: 100%;
  display: block;
}
.header_main .txttel .tel {
  color: #3bb79b;
  float: right;
  padding-top: 10px;
  font-size: 28px;
  font-weight: bold;
  font-family: arial;
}
.header_main .txttel .tel s {
  width: 26px;
  height: 30px;
  margin-right: 10px;
  background-position: 0 0;
}
.header_main .nav_main {
  width: 78%;
  height: 80px;
  line-height: 80px;
  padding-top: 8px;
  padding-left:250px;
}
.header_main .nav_main ul {
  width: 100%;
}
.header_main .nav_main li {
  text-align: center;
  padding: 0 23px 0 23px;
  font-size: 16px;

  float: right;
  background: url(../images/nav-libg.png) no-repeat left center;
}
.header_main .nav_main li:first-child {

 
}
.header_main .nav_main li a {
  height: 80px;
  line-height: 80px;
  *height: 76px;
  line-height: 76px;
  display: block;
  transition: all ease 300ms;
  position: relative;
  color: #333;
  font-size: 16px;
}
.header_main .nav_main li a s {
  width: 16px;
  height: 9px;
  margin-left: 5px;
  background-position: -63px 0;
}
.header_main .nav_main li a:hover {
  color: #0267ad;
}
.header_main .nav_main li i {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #0267ad;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 10;
}
.header_main .nav_main li .sub-box {
  background-color: #0267ad;
  width: 100%;
  position: absolute;
  left: 0;
  top: 80px;
  *top: 76px;
  display: none;
}
.header_main .nav_main li .sub-box a {
  color: #fff !important;
  line-height: 35px;
  height: 35px;
  overflow: hidden;
  display: block;
  margin: 0;
  font-size: 14px;
}
.header_main .nav_main li .sub-box a:hover {
  background: #3bb79b;
  color: #fff;
}
.header_main .nav_main li:hover a,
.header_main .nav_main li.hover a {
  color: #0267ad;
}
.header_main .nav_main li:hover i,
.header_main .nav_main li.hover i {
  width: 100%;
  margin-left: -50%;
}
.ewmbox {
  width: 300px;
  height: 320px;
  padding-top: 20px;
  background: #fff;
  z-index: 9999;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -170px 0 0 -150px;
  text-align: center;
  font-size: 16px;
  display: none;
}
.ewmbox .close {
  width: 32px;
  height: 32px;
  position: absolute;
  top: -25px;
  right: -40px;
  cursor: pointer;
  border-radius: 100%;
  background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center;
  transition: all ease 300ms;
}
.ewmbox .close:hover {
  transform: rotate(180deg);
}
.ewmbox img {
  width: 260px;
  height: 260px;
  display: block;
  margin: 0 auto 10px;
}

/***********top and bottom css end***********/
.indexTit {
  width: 100%;
  padding: 72px 0 40px;
  margin-bottom: 55px;
  text-align: center;
  background: url(../images/indextitbg.png) no-repeat center top;
}
.indexTit h3 {
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  color: #0267ad;
}
.indexMore {
  width: 298px;
  height: 58px;
  line-height: 58px;
  margin: 0 auto;
  position: relative;
  border: 1px solid #0267ad;
  text-align: center;
  font-size: 18px;
  display: block;
  transition: all ease 300ms;
}
.indexMore:hover {
  background: #0267ad;
  color: #fff;
}

/*txtlist*/
.txtlist {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.txtlist .list {
  width: 120%;
  position: relative;
}
.txtlist li {
  width: 300px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  float: left;
  margin-right: 70px;
}
.txtlist li a {
  width: 100%;
  display: block;
}
.txtlist li s {
  width: 4px;
  height: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  border-radius: 100%;
  background: #333333;
  margin-right: 10px;
}
.txtlist li .time {
  float: right;
}
.banner_main {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.banner {
  width: 100%;
  min-width: 1000px;
  padding: 33.85% 0 0;
  z-index: 20;
  position: relative;
  overflow: hidden;
}
.banner .list {
  width: 100%;
}
.banner li {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  background: #fff;
}
.banner li a {
  width: 100%;
  display: block;
  height: 100%;
}
.banner li img {
  width: 100%;
  display: block;
  position: relative;
  left: 0;
  top: 0;
}
.banner .tip {
  width: 100%;
  height: 12px;
  position: absolute;
  left: 0;
  bottom: 125px;
  z-index: 10;
  text-align: center;
}
.banner .tip span {
  width: 52px;
  height: 2px;
  margin: 0 8px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  transition: all ease 300ms;
  background: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.banner .tip span.cur {
  width: 90px;
  background: #55ecca;
}
.banner .prev,
.banner .next {
  width: 36px;
  height: 80px;
  position: absolute;
  z-index: 12;
  top: 50%;
  margin-top: -40px;
  background: url(../images/banner-ico.png) no-repeat 6px 4px;
  cursor: pointer;
}
.banner .prev {
  left: 80px;
}
.banner .prev:hover {
  background-position: 6px -98px;
}
.banner .next {
  right: 80px;
  background-position: -88px 4px;
}
.banner .next:hover {
  background-position: -88px -98px;
}


/*rightFix*/
.rightFix {
  width: 48px;
  position: fixed;
  right: 20px;
  top: 50%;
  margin-top: -100px;
  z-index: 99;
}
@media (max-width: 1366px) {
  .rightFix {
    right: 8px;
  }
}
.rightFix .ico {
  width: 48px;
  height: 48px;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0px;
  transition: all ease 300ms;
  margin-top: 1px;
  padding: 0px;
  border-radius: 48px;
  border: 1px solid #dedede;
  margin-bottom: 5px;
  background: #ffffff url(../images/fix-ico.png) no-repeat center 0;
}
.rightFix .ico img {
  width: 110px;
  height: 110px;
  position: absolute;
  left: -78px;
  top: 0;
  padding: 6px;
  background: #0267ad;
  border: 1px solid #ddd;
  background: #fff;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 5px;
}
.rightFix .ico span {
  width: 210px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  position: absolute;
  left: -78px;
  top: 0;
  background: #0267ad;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 18px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 48px;
}
.rightFix .ico:hover {
  background-color: #0267ad;
  border-color: #0267ad;
  overflow: visible;
}
.rightFix .ico:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -140px;
}
.rightFix .ico:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -215px;
}
.rightFix .fix-tel {
  background-position: 11px 12px;
}
.rightFix .fix-tel:hover {
  background-position: -33px 12px;
}
.rightFix .fix-qq {
  background-position: 11px -40px;
}
.rightFix .fix-qq:hover {
  background-position: -33px -40px;
}
.rightFix .fix-ewm {
  background-position: 11px -96px;
}
.rightFix .fix-ewm:hover {
  background-position: -33px -96px;
}
.rightFix .fix_top {
  background-position: 11px -150px;
}
.rightFix .fix_top:hover {
  background-position: -33px -150px;
}
.rightFix .fix-form {
  background-position: 10px -234px;
}
.rightFix .fix-form span {
  font-size: 14px;
  line-height: 23px;
  width: 180px;
}
.rightFix .fix-form:hover {
  background-position: -37px -234px;
}
.map_ul {
  list-style: outside none none;
  display: block;
  width: 100%;
  padding-top: 10px;
}
.map_ul li {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DCDBDB;
  margin-left: 10px;
  float: left;
}
.map_ul li a {
  font-size: 14px;
  float: left;
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
}
.map_ul .list-inline {
  display: block;
  margin-left: 7%;
  width: 80%;
  min-height: 30px;
}
.map_ul .list-inline a {
  font-weight: normal;
  width: auto;
  float: none;
  line-height: 32px;
  height: 32px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0px 10px;
}
.map_ul .list-inline a:hover {
  background: #0267ad;
  color: #fff;
}
span.bds_more,
.bds_tools a {
  line-height: 14px !important;
}
/**************
 *  Animations for content elements
 * **********/
/* 滞后 */
.delay100 {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}
.delay200 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
.delay300 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
.delay400 {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.delay500 {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
.delay600 {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.delay700 {
  -webkit-animation-delay: 700ms;
  animation-delay: 700ms;
}
.delay800 {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
.delay900 {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
}
.delay1000 {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.delay1100 {
  -webkit-animation-delay: 1100ms;
  animation-delay: 1100ms;
}
.delay1200 {
  -webkit-animation-delay: 1200ms;
  animation-delay: 1200ms;
}
.delay1300 {
  -webkit-animation-delay: 1300ms;
  animation-delay: 1300ms;
}
.delay1400 {
  -webkit-animation-delay: 1400ms;
  animation-delay: 1400ms;
}
.delay1500 {
  -webkit-animation-delay: 1500ms;
  animation-delay: 1500ms;
}
.delay1600 {
  -webkit-animation-delay: 1600ms;
  animation-delay: 1600ms;
}
.delay1700 {
  -webkit-animation-delay: 1700ms;
  animation-delay: 1700ms;
}
.delay1800 {
  -webkit-animation-delay: 1800ms;
  animation-delay: 1800ms;
}
.delay1900 {
  -webkit-animation-delay: 1900ms;
  animation-delay: 1900ms;
}
.delay2000 {
  -webkit-animation-delay: 2000ms;
  animation-delay: 2000ms;
}
.delay2100 {
  -webkit-animation-delay: 2100ms;
  animation-delay: 2100ms;
}
.delay2200 {
  -webkit-animation-delay: 2200ms;
  animation-delay: 2200ms;
}
.delay2300 {
  -webkit-animation-delay: 2300ms;
  animation-delay: 2300ms;
}
.delay2500 {
  -webkit-animation-delay: 2500ms;
  animation-delay: 2500ms;
}
.delay2700 {
  -webkit-animation-delay: 2700ms;
  animation-delay: 2700ms;
}
.delay2900 {
  -webkit-animation-delay: 2900ms;
  animation-delay: 2900ms;
}
.delay3000 {
  -webkit-animation-delay: 3000ms;
  animation-delay: 3000ms;
}
.delay4000 {
  -webkit-animation-delay: 4000ms;
  animation-delay: 4000ms;
}
.delay4500 {
  -webkit-animation-delay: 4500ms;
  animation-delay: 4500ms;
}
.delay5000 {
  -webkit-animation-delay: 5000ms;
  animation-delay: 5000ms;
}
.onactive .animated {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.active .animated.fast {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
.onactive .flyInDown {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInRight {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .flyInUp {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInLeft {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .opacityI {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes opacityI {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes opacityI {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.onactive .shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateY(6px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes shake {
  0% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateY(6px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes shake {
  0% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateY(6px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@-ms-keyframes shake {
  0% {
    -ms-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -ms-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -ms-transform: translateY(6px);
  }
  100% {
    -ms-transform: translateY(0);
  }
}
.onactive .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
}
.online-zx {
  width: 0;
  background: #202020;
  height: 50px;
  line-height: 50px;
  padding-left: 50px;
  position: fixed;
  left: 0;
  bottom: 200px;
  color: #fff;
}
.online-zx s {
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/zx-ico.png) no-repeat 8px center;
}
.online-zx a {
  width: 100%;
  height: 50px;
  display: block;
  color: #fff;
}
.online-zx.show {
  width: 0;
  background: #d3ad89;
  width: 98px;
}
.online-zx.show s {
  background-position: -35px center;
}
.BMap_bubble_content {
  line-height: 20px;
}





/********.toolbar1*********/

/*右侧悬浮框*/

.rightFix{width: 128px; height: 373px; padding: 30px 20px 0; position: fixed; right: 1%; z-index: 111; bottom: 20%; text-align: center; background: url(../images/fixbg.png) no-repeat center top;}

.rightFix .fix-ico{display: block; background: url(../images/fix-ico.png) no-repeat 0 0;}

.rightFix h3{color: #353f38; font-size: 20px; margin: 0 0 10px;}

.rightFix .qq{width: 100%; height: 32px; line-height: 32px; background: #1048a0; border-radius: 2px; color: #fff; text-align: center; display: block; margin: 0 auto 9px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}

.rightFix .qq s{width: 22px; height: 22px; display: inline-block; vertical-align: middle; background-position: -45px 0; margin-right: 5px;}

.rightFix .qq:hover{background: #0185d0;}

.rightFix .tel{color: #1048a0; font-size: 18px; line-height: 20px; padding: 6px 0px 0px;}

.rightFix .tel span{display: block; text-align: center; margin: 12px 0 5px; color: #333333; font-size: 14px; font-family: "microsoft yahei";}

.rightFix .tel em{font-weight: bold; line-height: 20px; font-style: normal; font-family: arial; font-weight: normal;}

.rightFix .erweima{width: 100px; padding: 10px 10px 0; margin-top: 15px; border-radius: 2px; text-align: center; font-size: 12px; background: #dddddd;}

.rightFix .erweima img{width: 100px; height: 100px; display: block; background: #fff;}

.rightFix .returnTop{width: 50px; height: 50px; background-position: -76px 0; position: absolute; bottom: -25px; left: 54px; cursor: pointer;}

.rightFix .c_close{width: 30px; height: 30px; background-position: 0 0; position: absolute; top: -15px; left: 68px; cursor: pointer; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}

.rightFix .c_close:hover{transform: rotate(180deg);}

.rightFix_talk{height: 150px; padding: 10px 0px 0px; width: 30px ; line-height: 22px; position: fixed; right: 0px; bottom: 22%; z-index: 111; text-align: center; font-size: 18px; color: #fff; background-color: #1048a0; cursor: pointer;}



/*******index css*******/

.indexTit{color: #1048a0; overflow: hidden; text-align: center; padding: 30px 0 56px;}

.indexTit .en{text-transform: uppercase; line-height: 35px; font-family: didot; font-size: 24px;}

.indexTit h3{font-size: 24px; color: #835026;}

.index .in_title{padding-top:0px;}

.index .in_title .entit{margin-bottom:12px;font: normal 45px "AvantGarde Bk BT";color:#0267ad;text-align:center}

.index .in_title .tit{width:300px;margin:0 auto;font-size:30px;font-weight:bold;text-align:center;color:#1048a0;}

.index .in_title .tit span{float:left;margin-left:40px;}

.index .in_title .tit em{display:block;width:50px;height:2px;margin-top:16px;background:#ccc;}

.index .more{margin-top:40px;}

.index .more .line{display:block;width:500px;height:1px;margin-top:24px;background:#ccc;}

.index .more .look_more{display:block;width:198px;height:48px;font-size:16px;line-height:48px;text-align:center;border:1px solid #ccc;transition:all .5s;}

.index .more .look_more:hover{background:#1048a0;color:#fff;transition:all .5s;border:1px solid #1048a0;}

.index #floor_1_main{height:416px;}

#floor_1_main .about{padding-top:0px;}

#floor_1_main .about .item{display:block;width:500px;height:424px;}

#floor_1_main .about img{display:block;width:100%;height:100%;}

#floor_1_main .about img:hover {-webkit-filter:brightness(105%);filter:brightness(105%);}

#floor_1_main .contW{position:relative;display:block;width: 620px;height: 344px;margin-top:1px;background:#fff;}

#floor_1_main .contW .title{margin-left:50px;padding-top:20px;}

#floor_1_main .contW .title .entit{font: normal 45px "AvantGarde Bk BT";color:#666;}

#floor_1_main .contW .title .tit{font:bold 30px "microsoft yahei";color:#1048a0;}

#floor_1_main .contW .cont{width: 620px;margin-top:30px;margin-left:50px;font-size:14px;color:#666;line-height:30px;text-align: justify;}

#floor_1_main .contW .view_detail{position:absolute;bottom:0px;left: 510px;display:block;width:150px;height:38px;font-size:14px;line-height:38px;text-align:center;color:#fff;background:#1048a0;transition:all .5s;}

#floor_1_main .contW .view_detail:hover{background:#0185d0;transition:all .5s;}

#floor_2_main{background:#fff;}

#floor_2_main .floor_2{padding-bottom:80px;}

#floor_2_main .floor_2 .title{}

#floor_2_main .proCenter .list{width:106%;margin-top:38px;}

#floor_2_main .proCenter .list li{float:left;width:380px;height:294px;margin-top:30px;margin-right:30px;background:#f6f6f6;transition:all .5s;}

#floor_2_main .proCenter .list li a{display:block;padding:38px 30px 0 30px;}

#floor_2_main .proCenter .list li img{width:320px;height:180px;}

#floor_2_main .proCenter .list li .tit{height:56px;font-size:16px;line-height:56px;text-align:center;}

#floor_2_main .proCenter .list li:first-child{margin-left:0px;}

#floor_2_main .proCenter .list li .title{margin-top:12px;}

#floor_2_main .proCenter .list li .tit{font:bold 20px "microsoft yahei";color:#333;}

#floor_2_main .proCenter .list li em{width:100px;height:26px;background:url("../images/em.png") no-repeat;transition:all .5s;}

#floor_2_main .proCenter .list li:hover{background:#1048a0;}

#floor_2_main .proCenter .list li:hover .tit{color:#fff;}

#floor_2_main .proCenter .list li:hover em{width:102px;height:26px;background:url("../images/em1.png") no-repeat;transition:all .5s;}

#floor_2_main .proCenter .list li:hover img{-webkit-filter:brightness(105%);filter:brightness(105%);}

/*slip*/

.index_slip{height:180px;background:url("../images/ixbannerbg1.png") no-repeat center center;}

.index_slip .slip_tit{width:772px;}

.index_slip .slip_tit .tit1{padding-top:50px;font:bold 32px "microsoft yahei";color:#64c5ff;}

.index_slip .slip_tit .tit2{margin-top:14px;font-size:24px;color:#fff;}

.index_slip .slip_btn{display:block;margin-left:124px;margin-top:64px;width:202px;height:57px;background:url("../images/ixbanner-btn.png") no-repeat;font:bold 20px "microsoft yahei";line-height:56px;text-align:center;color:#10479f;}

.index_slip1{background:url("../images/ixbannerbg.jpg") no-repeat center center;}

.index_slip1 .slip_tit{width:900px;}

.index_slip1 .slip_btn{margin-left:94px;}

.index_slip .slip_btn:hover {background:url("../images/ixbanner-btn1.png") no-repeat;}

.index_slip1 .slip_btn:hover {background:url("../images/ixbanner-btn1.png") no-repeat;}



/*产品优势*/

#floor_3_main{height:476px;background:#fff;}

#floor_3_main .proAdvant{margin-top:60px;}

#floor_3_main .proAdvant .list{width:106%;}

#floor_3_main .proAdvant .list li{float:left;width:278px;margin-right:120px;}

#floor_3_main .proAdvant .list li a {display:block;}

#floor_3_main .proAdvant .list li:first-child{margin-left:60px;}

#floor_3_main .proAdvant .list li .img{width:134px;height:150px;margin:0 auto;transition:all .5s;margin-left:72px;}

#floor_3_main .proAdvant .list li .title{margin-top:30px;}

#floor_3_main .proAdvant .list li .tit{font-size:24px;text-align:center;color:#1048a0;}

#floor_3_main .proAdvant .list li .cont{margin-top:20px;font-size:14px;line-height:24px;text-align:center;color:#666;}

#floor_3_main .proAdvant .list li:hover .img{margin-top:-10px;transition:all .5s;}

#floor_3_main .proAdvant .list li:hover .tit {font-weight:bold;}



/*工程案例*/

#floor_4_main{height:700px;background:#f6f6f6;}

#floor_4_main .floor_4{}

#floor_4_main .proCase{position:relative;margin-top:60px;}

#floor_4_main .proCase .list{width:106%;}

#floor_4_main .proCase .list li{position:relative;display:block;float:left;width:380px;height:412px;margin-right:30px;border:1px solid #ddd;background:#fff;transition:all ease 600ms;}

#floor_4_main .proCase .list li a{display:block;padding:30px;padding-bottom:80px;}

#floor_4_main .proCase .list li a img{display:block;width:320px;height:310px;}

#floor_4_main .proCase .list li .title{margin-top:20px;}

#floor_4_main .proCase .list li .tit{font-size:20px;color:#333;}

#floor_4_main .proCase .list li .cont{margin-top:12px;font-size:14px;color:#333;}

#floor_4_main .proCase .list li .view_detail{position:absolute;bottom:30px;left:120px;display:block;width:120px;height:32px;font-size:14px;line-height:30px;text-align:center;background:#1048a0;color:#fff;}

#floor_4_main .proCase .list li:hover{border:1px solid #1048a0;background:#1048a0;transition:all ease 600ms;}

#floor_4_main .proCase .list li:hover .tit{color:#fff;}

#floor_4_main .proCase .list li:hover .cont{color:#c1d4f1;}

#floor_4_main .proCase .list li:hover .view_detail{background:#fff;color:#1048a0;}

#floor_4_main .proCase .hd{position:absolute;width:100%;}

#floor_4_main .proCase .hd .prev{width: 42px; height: 42px; background-position: 0px -60px; cursor: pointer; position: absolute; top: -200px; left: -80px;transition:all ease 600ms;}

#floor_4_main .proCase .hd .next{width: 42px; height: 42px; background-position: -126px -60px; cursor: pointer; position: absolute; top: -200px; right: -80px;transition:all ease 600ms;}

#floor_4_main .proCase .hd .prev:hover{background-position: -42px -60px;transition:all ease 600ms;}

#floor_4_main .proCase .hd .next:hover{background-position: -84px -60px;transition:all ease 600ms;}



/*新闻动态*/

#floor_5_main{height:622px;padding-top:20px;background:#fff;}

#floor_5_main .inews{position:relative;margin-top:20px;}

#floor_5_main .ulWrap .list{display:block;float:left;width:584px;margin-right:30px;}

#floor_5_main .ulWrap .list li{display:block;width:582px;height:148px;border:1px solid #ddd;background:#f6f6f6;margin-top:30px;}

#floor_5_main .ulWrap .list li a{display:block;height:150px;}

#floor_5_main .ulWrap .list li .time{width:66px;margin-top:40px;margin-left:30px;}

#floor_5_main .ulWrap .list li .time .day{font:normal 60px "arial";color:#999;line-height:50px;}

#floor_5_main .ulWrap .list li .time .year{margin-top:8px;font:normal 16px "arial";color:#666;}

#floor_5_main .ulWrap .list li .title{display:block;width:420px;margin-top:40px;margin-left:14px;}

#floor_5_main .ulWrap .list li .title .tit{font-size:20px;color:#333;}

#floor_5_main .ulWrap .list li .title .cont{margin-top:8px;font-size:14px;color:#666;line-height:20px;}

#floor_5_main .ulWrap .list li:hover{background:#1048a0;border:1px solid #1048a0;}

#floor_5_main .ulWrap .list li:hover .time .day{color:#c1d4f1;}

#floor_5_main .ulWrap .list li:hover .time .year{color:#c1d4f1;}

#floor_5_main .ulWrap .list li:hover .title .tit{color:#fff;}

#floor_5_main .ulWrap .list li:hover .title .cont{color:#c1d4f1;}

#floor_5_main .inews .hd{position:absolute;width:100%;top:100%;}

#floor_5_main .inews .hd .prev{width: 42px; height: 42px; background-position: 0px -60px; cursor: pointer; position: absolute; top: -200px; left: -80px;transition:all ease 600ms;}

#floor_5_main .inews .hd .next{width: 42px; height: 42px; background-position: -126px -60px; cursor: pointer; position: absolute; top: -200px; right: -80px;transition:all ease 600ms;}

#floor_5_main .inews .hd .prev:hover{background-position: -42px -60px;transition:all ease 600ms;}

#floor_5_main .inews .hd .next:hover{background-position: -84px -60px;transition:all ease 600ms;}







/*******内页样式********/

.nybanner { height: 300px; display: block; }

.submian { padding-bottom: 30px; }

.submian .sobtitle { height: 20px; line-height: 20px; padding: 50px 0px 25px; font-size: 14px; }

.submian .sobtitle a { font-size: 14px; color: #333 }

.submian .sobtitle a:hover { color: #1048a0; }

.submian .sobtitle a.now { color: #1048a0; font-size: 14px; font-weight: bold; }

.submian .sobtitle a.now:hover { text-decoration: underline; }

.submian .subleft { width: 245px; }

.submian .subleft .title { background: url(../images/bg5.jpg) no-repeat left; height: 102px; color: #fff; font-size: 20px; font-weight: bold; padding-right: 29px; }

.submian .subleft .title h2 { line-height: 102px; text-align: center; font-size: 20px; font-weight: bold; }

.submian .subleft .title i { font-size: 20px; font-weight: bold; color: #fff; padding-left: 13px; padding-top: 2px; }

.submian .subleft .bort9 { border-top: 9px solid #007eb9; border-radius: 5px 5px 0px 0px; }

.submian .subleft .bor9 { border-bottom: 9px solid #eaeaea; }

.submian .subleft .lefta { width: 245px; margin-bottom: 10px; }

.submian .subleft .lefta .comt { background: #fff; }

.submian .subleft .lefta .comt ul{ border:1px solid #ddd;}

.submian .subleft .lefta .comt ul li a { background: #fff url(../images/tb9.png) 213px center no-repeat; border-top: 1px solid #eaeaea; line-height: 60px; height: 60px; display: block; padding-left: 25px; font-size: 14px; }

.submian .subleft .lefta .comt ul li .box { padding: 10px 0px; display: none; }

.submian .subleft .lefta .comt ul li .box a { height: 30px; line-height: 30px; display: block; color: #888; border: 0px; }

.submian .subleft .lefta .comt ul li .box a:hover { color: #007eb9; background: none; }

.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a { background: #1048a0 url(../images/tb11.png) 213px center no-repeat; font-weight: bold; color: #fff }

.submian .subleft .lefta .comt ul li.hover a { background: #1048a0 url(../images/tb11.png) 213px center no-repeat; font-weight: bold; color: #fff }

.submian .subleft .lefta .comt ul li.hover .box a { background: none; font-weight: normal; }

.submian .subleft .lefta .comt ul li.hover .box a.hover { color: #007eb9; font-weight: bold; }

.submian .subleft .lefta .comt1 ul li a { background: #fff url(../images/jia.png) 213px center no-repeat; border-top: 1px solid #eaeaea; line-height: 60px; height: 60px; display: block; padding-left: 25px; font-size: 14px; }

.submian .subleft .lefta .comt1 ul li .box { padding: 10px 0px; display: none; }

.submian .subleft .lefta .comt1 ul li .box a { height: 30px; line-height: 30px; display: block; color: #888; border: 0px; }

.submian .subleft .lefta .comt1 ul li .box a:hover { color: #007eb9; background: none; }

.submian .subleft .lefta .comt1 ul li:hover a, .submian .subleft .lefta .comt1 ul li.hover a { background: #1048a0 url(../images/jia1.png) 213px center no-repeat; font-weight: bold; color: #fff }

.submian .subleft .lefta .comt1 ul li.hover a { background: #1048a0 url(../images/jian.png) 213px center no-repeat; font-weight: bold; color: #fff }

.submian .subleft .lefta .comt ul li .boxlist { padding: 0; display: none; border:none;}

.submian .subleft .lefta .comt ul li .boxlist li { line-height: 50px; background: #b1aeae; }

.submian .subleft .lefta .comt ul li .boxlist li a { height: 40px; padding-left: 45px; color: #333; font-weight: normal; border-bottom: 0; line-height: 40px; background: #f6f6f6 url(../images/tb12.png) 26px center no-repeat;border-top:none; }

.submian .subleft .lefta .comt ul li .boxlist li a:hover, .submian .subleft .lefta .comt ul li .boxlist li a.hover { color: #1048a0; font-weight: bold }

.submian .subleft .lefta .comt ul li.hover .boxlist { display: block; }

.submian .subright .anlitopH4, .submian .subright .divanli { background: #fff; }

.submian .subright .anlitopH4 { height: 38px; line-height: 38px; border: 1px solid #e4e4e4; }

.submian .subright .anlitopH4 span { border-left: 5px solid #1048a0; height: 38px; line-height: 38px; padding-left: 22px; display: block; float: left; color: #1048a0; font-weight: bold; font-size: 14px; }

.submian .subright .anlitopH4 span .org { color: #ff7e00; }

.submian .subright .anlitopH4 span .org { display: inline }

.submian .subright .anlitopH4 a { float: right; padding-right: 20px; }

.submian .subright .anlitopH4 .tel { float: right; padding-right: 10px; font-size: 14px; color: #007eb9; }

.submian .subright .divanli { border: 1px solid #e4e4e4; border-top: none; margin-bottom: 10px; padding: 15px; }

.submian .subright .divanli ul { width: 105%; height: 185px; }

.submian .subright .divanli ul li { float: left; margin-left: 10px; }

.submian .subright .divanli ul li:first-child { margin-left: 0; }

.submian .subright .divanli ul li a img { width: 194px; height: 143px; display: block; border: solid 1px #e4e4e4; }

.submian .subright .divanli ul li a span { height: 45px; line-height: 45px; text-align: center; display: block; width: 170px; }

.submian .subright .divanli ul li a:hover img { border-color: #007eb9; }

.submian .subright .divanli ul li a:hover span { color: #007eb9; font-weight: bold; }

.submian .subright .divanli_mess { border: 1px solid #e4e4e4; border-top: none; margin-bottom: 10px; padding: 15px; background: #fff; }

.submian .subright .divanli_mess p { line-height: 24px; }

.submian .subright .divremmnews { border: 1px solid #e4e4e4; border-top: none; margin-bottom: 10px; padding: 15px; background-color: #fff; }

.submian .subright .divremmnews ul { width: 100%; overflow: hidden; }

.submian .subright .divremmnews ul li { float: left; width: 47%; height: 35px; line-height: 35px; padding-left: 3%; }

.submian .subright .divremmnews ul li a { height: 35px; line-height: 35px; float: left; overflow: hidden; }

.submian .subright .divremmnews ul li span { color: #666; float: right; height: 35px; line-height: 35px; white-space: nowrap }

.submian .subright .divremmnews ul li a:hover { color: #1048a0; }

.map_ul { list-style: outside none none; display: block; width: 100%; padding-top: 10px; }

.map_ul li { display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left; }

.map_ul li a { font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold; }

.map_ul .list-inline { display: block; margin-left: 14%; width: 80%; min-height: 30px; }

.map_ul .list-inline a { font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px; }

.map_ul .list-inline a:hover { background: #1048a0; color: #fff; }

.submian .subleft .adv { margin-bottom: 10px; background: #000; }

.submian .subleft .adv a img { display: block; width: 100%; }

.submian .subleft .adv a:hover img { opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; }

.submian .subleft .leftnews { margin-bottom: 10px; }

.submian .subleft .leftnews .title { height: 42px; padding-left: 52px; padding-top: 18px; }

.submian .subleft .leftnews .leftnewscomt { background: #fff; padding: 10px; }

.submian .subleft .leftnews .leftnewscomt ul li { height: 30px; line-height: 30px; border-bottom: 1px solid #f2f2f2; overflow: hidden; }

.submian .subleft .leftnews .leftnewscomt ul li a { font-size: 14px; display: block; padding-left: 10px; }

.submian .subleft .leftnews .leftcont { background: #fff; padding: 10px; }

.submian .subleft .leftnews .leftcont h2 { font-size: 16px; font-weight: bold; color: #1048a0; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }

.submian .subleft .leftnews .leftcont span { line-height: 24px; font-size: 12px; padding-top: 10px; display: block; border-bottom: 1px solid #f2f2f2; }

.submian .subleft .leftnews .leftcont p { font-size: 18px; color: #333; padding-top: 10px; line-height: normal; }

.submian .subleft .leftnews .leftcont p i { font-size: 22px; color: #1048a0; display: block; }

.submian .subright { width: 920px; padding-bottom: 20px; line-height:25px; }

    .submian .subright img {

        max-width: 920px;

    }

.submian .subright .newslist .textlist li { padding: 25px 0px 25px; height: 110px; border-bottom: 1px solid #ddd; width: 100%; margin-bottom: 25px; }

.submian .subright .newslist .textlist li a { display: block; cursor: pointer; }

.submian .subright .newslist ul li a img { width: 147px; float: left; margin-right: 18px; border: 1px solid #eee; height: 110px; display: block; }

.submian .subright .newslist ul li a .txt { color: #888; line-height: 24px; font-size: 12px; }

.submian .subright .newslist .textlist li a p { height: 40px; line-height: 40px; }

.submian .subright .newslist .textlist li a b { color: #1048a0; font-size: 14px; }

.submian .subright .newslist .textlist li a:hover b { color: #1048a0; }

.submian .subright .newslist .textlist li a i { color: #999; display: block; line-height: 20px; margin-bottom: 5px; font-size: 12px; }

.submian .subright .newslist .textlist li a span { line-height: 22px; max-height: 66px; overflow: hidden; display: block; color: #666; }

.submian .subright .newslist .textlist2 li { height: 40px; line-height: 40px; }

.submian .subright .newslist .textlist2 li a { display: block; }

.submian .subright .newslist .textlist2 li s { width: 4px; height: 4px; display: inline-block; vertical-align: middle; background: #007eb9; margin-right: 10px; border-radius: 100%; }

.submian .subright .newslist ul li a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }

.submian .subright .newslist ul li a:hover p b { text-decoration: underline; }

.submian .subright .newslist ul li a:hover span { color: #777; }

.submian .subright .caselist ul li { padding: 20px 0px; border-bottom: 1px dotted #c2c2c2; height: 176px; }

.submian .subright .caselist ul li a { display: block; }

.submian .subright .caselist ul li a img { width: 220px; height: 162px; display: block; border: 7px solid #e2e2e2; }

.submian .subright .caselist ul li a .txt { width: 470px; float: left; padding-left: 20px; }

.submian .subright .caselist ul li a .txt p { height: 40px; line-height: 40px; color: #007eb9; font-size: 14px; font-weight: bold; }

.submian .subright .caselist ul li a .txt i { color: #666; padding-bottom: 10px; display: block; }

.submian .subright .caselist ul li a .txt span { line-height: 22px; height: 88px; overflow: hidden; display: block; color: #666; }

.submian .subright .caselist ul li a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; border-color: #007eb9; }

.submian .subright .caselist ul li a:hover p { text-decoration: underline; }

.submian .subright .caselist ul li a:hover span { color: #777; }

.submian .subright .mess { background: #fff; padding:0px 40px 30px; width:596px; margin-left:80px;}

    .submian .subright .mess h1 {

        text-align: center;font-size:30px; padding-bottom:10px;

    }

    .submian .subright .mess p {

        text-align: center; padding-bottom:30px;

    }

.submian .subright .mess .left {  }

.submian .subright .mess .left li { margin-bottom:15px; float: left; margin-right: 10px; }

.submian .subright .mess .left label { width:150px; height:43px; line-height:43px; text-align: center; background:none; color: #1048a0; font-size: 16px; float: left; border-radius: 3px 0 0 3px;border: 1px solid #1048a0; }

.submian .subright .mess .left input { border: 1px solid #ccc; border-left: none; float: left; height: 21px; line-height: 21px; padding: 11px 10px; width:404px; color: #666; border-radius: 0px 3px 3px 0; outline: none; }

.submian .subright .mess .left select { border: 1px solid #ccc; border-left: none; float: left; height: 45px; line-height: 45px; width: 424px; color: #666; border-radius: 0px 3px 3px 0; outline: none; text-indent: 10px; }

.submian .subright .mess .right { float:left; width:585px;padding-top:10px;*padding-top:20px; }

.submian .subright .mess .right input,.submian .subright .mess .right a { width:40%; margin-right:2%; height: 45px; line-height: 45px; text-align: center; display: block; border: none; background: #1048a0; color: #fff; font-size: 16px; border-radius: 3px; cursor: pointer; transition: ease-in-out .2s;float:left }

.submian .subright .mess .right a { color: #333; background: #ffcc00;float:right }

.submian .subright .mess .right a:hover { background: #cda503; }

.submian .subright .mess .right input:hover { background: #2bba72; }



.honorlist ul.list { float: left; width: 120%; padding-left: 0px; }

.honorlist ul.list li.item { float: left; width:296px; margin-bottom: 15px;  margin-right:14px; }

.honorlist ul.list li.item a:hover img { opacity: 0.8; border: 1px solid #1048a0; }

.honorlist ul.list li.item a:hover span { color: #1048a0;  }

.honorlist ul.list li.item span { width: 100%; height: 45px; color: #555; text-align: center; display: block; line-height: 45px; }

.honorlist ul.list li.item img { width: 100%; display: block; border: 1px solid #cfcfcf; }

.list_imgH ul.list li.item { width:280px; margin-right:40px;}

.list_imgH ul.list li.item img { display:block;width:282px;height:160px;}



/*pager*/

/* pager */

.pager {padding:5px 10px;margin: 20px 0px; border: 1px solid #ccc;background-color: #fff;*zoom:1;clear:both; }

.pager:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;}

.pager p { height: 30px; line-height: 36px; float: left; }

.pager ul { overflow: hidden; float: right; }

.pager ul li { float: left; padding:0 !important; height: auto !important; border: none !important; }

.pager ul a { margin-left: 5px; padding:5px 15px; height: 24px; line-height: 24px; border: 1px solid #dee2e4; text-decoration: none; float: left;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}

.pager ul a.current { background-color: #1048a0; border-color: #1048a0; color: #fff; }

.pager ul a.current:hover { background-color: #1048a0; border-color: #1048a0; color: #fff; }

.pager ul a:hover { background-color: inherit; color: inherit; border-color: #1048a0; *background-color: transparent; *color: #666; }



/* mapPage  */

.map_ul{ list-style: outside none none; display: block; width: 100%;}

.map_ul li {display: block; width: 100%;padding:0;margin-bottom:15px;+margin-bottom:10px;}

.map_ul li a { width: 100%; height:35px; line-height:35px; font-weight: bold;display: block;background: #f6f6f6;text-indent: 15px;}

.map_ul .list-inline { display: block;width: 86%;}

.map_ul .list-inline li {display: inline-block; *display: inline; margin:15px 5px 15px 0; zoom: 1; line-height: 32px; border-bottom: 0;  text-align: center;  width: auto; padding: 0px;}

.map_ul .list-inline li a{ font-weight: normal; display:block;text-indent:0;line-height: 32px;height: 32px; display: inline-block; width: auto;padding:0px 10px; width: auto;border: 1px solid #ccc; }

.map_ul .list-inline li a:hover{ background: #1048a0; color: #fff;border: 1px solid #1048a0;  }



/* formData */

.formData { width:600px; margin:0px auto 20px; padding-top:30px; }

.formData .item{ margin-bottom: 10px; height: 27px; line-height: 27px;position: relative;}

.formData .liuyan{ height:82px;}

.formData .item p{ width:95px; float: left; text-align: right; line-height:27px; height: 27px;}

.formData .item label { margin-right:5px; }

.formData .item .tip { width:150px; margin-left:20px; float: left; }

.formData .item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; float: left; border:1px solid #ddd; border-radius:2px; padding:0 5px; }

.formData .item textarea { width:260px; height:80px; color:#666; border:1px solid #ddd; margin-bottom:15px; border-radius:3px; padding:0; resize: none; overflow: hidden;background: #fff; }

.formData .item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #999; }

.formData .code{ height: 27px;width: 360px;}

.formData .code input { width:152px; float: left; }

.formData .item .sub { width:102px; height:32px; line-height:32px; text-align:center; background:#1048a0; border-radius:2px; color:#FFF; border:none; margin-right:10px; cursor:pointer; }

.formData .sub:hover { background:#666; }

.formData tr.code img { float: left; vertical-align:middle; *vertical-align:0; margin-left:10px; }

.formData .err, .formData .red { color:#ff0000; }

.formData .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px; }

.formData .code .msg-box{ margin-left: 100px;  *float: right;}

.checkimg{position: absolute;left:265px;top: 2px;}

.submian .subright .anlitopH4, .submian .subright .divanli { background: #fff; }

.submian .subright .anlitopH4 { height: 38px; line-height: 38px; border: 1px solid #e4e4e4;margin-top: 20px;}

.submian .subright .anlitopH4 span { border-left: 5px solid #1048a0; height: 38px; line-height: 38px;padding-left: 22px; display: block; float: left; color: #1048a0; font-weight: bold; font-size: 14px; }

.submian .subright .anlitopH4 span .org { color: #ff7e00; }

.submian .subright .anlitopH4 span .org { display:inline}

.submian .subright .divanli_mess {margin-bottom: 10px; padding: 15px 0; background: #fff;margin-top:0px;}

.submian .subright .divanli_mess p { line-height:24px;}

.submian .subright .divanli_mess ul {margin: 20px;width: 80%;}

.submian .subright .divanli_mess ul li { padding-bottom: 15px; height: 31px;position:relative;display: block;}

.submian .subright .divanli_mess ul li .tit { float: left; width: 80px; padding-right: 10px; text-align: right; font-size: 14px; line-height: 31px; height: 31px; }

.submian .subright .divanli_mess ul li .tit font { color: #ff7e00; }

.submian .subright .divanli_mess ul li input { width: 245px; height: 29px; line-height: 29px; padding: 0px 10px; border: 1px solid #e4e4e4;font-size: 14px; float: left;outline: none;}

.submian .subright .divanli_mess ul li.beizhu { height:200px;width: 100%;}

.submian .subright .divanli_mess ul li.beizhu textarea { height:200px; width:622px; line-height: 29px;background:#fff;border: 1px solid #e4e4e4;font-size: 14px; float: left; outline: none;text-indent: 10px;}

.submian .subright .divanli_mess ul li.yanzhenm input { width: 100px; }

.divanli_mess img{max-width: 100%;}

.submian .subright .divanli_mess ul li.yanzhenm img{position: absolute;left:220px;top:4px;}

.submian .subright .divanli_mess ul li.yanzhenm .msg-box{margin-left:65px;}

.submian .subright .divanli_mess ul .bot { text-align: center; }

.submian .subright .divanli_mess ul .bot input { width: 141px; background: #1048a0; cursor: pointer; border: 0px; color: #fff; height: 43px; line-height: 43px; }

.submian .subright .divanli_mess ul .bot input:hover { opacity: 0.8; }

.ArticleTencont{line-height: 28px;padding-top: 30px;}



/** 新闻中心 **/

.submian .subright .thumblist{overflow: hidden;}

.submian .subright .thumblist .item{width: 100%;border-bottom: 1px solid #eaeaea;display: block;padding: 30px 0;}

.submian .subright .thumblist .item:first-child{padding-top:0px;}

.submian .subright .thumblist .item a{display: block;}

.submian .subright .thumblist .item .img{position:relative;width:178px;height: 100px;display:block;overflow: hidden;cursor: pointer;}

.submian .subright .thumblist .item img{position:absolute;top:50%;left:0;margin-top:-50px;width: 100%;display: block;height: 100%;transition: all 0.3s ease-out 0s;}

.submian .subright .thumblist .item a:hover img{transform: scale(1.1, 1.1);}

.submian .subright .thumblist .item .txt{width:730px;cursor: pointer;}

.submian .subright .thumblist .item .txt h3{font-size: 15px;font-weight: bold;}

.submian .subright .thumblist .item .txt .mark{color: #999;font-size: 12px;padding:0;}

.submian .subright .thumblist .item .txt .mark span{display: inline-block;padding-right: 18px;}

.submian .subright .thumblist .item .txt p{color: #666;line-height: 24px;}

.submian .subright .thumblist .item .txt p span{display: inline-block;color:#1048a0;padding-left: 10px;}

.submian .subright .thumblist .item a:hover .txt h3{color:#1048a0;}



.reLink { height: 38px; border: 1px solid #ccc; margin: 10px auto 10px; padding: 0px 10px; }

.reLink .prevLink, .reLink .nextLink { height: 38px; line-height: 38px; }

.reLink .prevLink a, .reLink .nextLink a { height: 38px; line-height: 38px; }

.reLink .prevLink a:hover, .reLink .nextLink a:hover { color: #1048a0; }

.reLink .prevLink { float: left; }

.reLink .nextLink { float: right; }

.submian .subright .conBox .ArticleTitle h1 { font-size: 24px; text-align: center; padding: 20px 0px; border-bottom: 1px dotted #fff; font-weight: bold; }

.submian .subright .conBox .ArticleMessage { line-height: 30px; height: 30px; margin-bottom: 10px; border-top: 1px dotted #ccc; }

.submian .subright .conBox .ArticleMessage span.sp { color: #999; float: left; margin-right: 10px; font-size: 12px; }

.submian .subright .conBox .ArticleMessage .jiathis_style { float: left; margin-top: 5px; }

.submian .subright .conBox .ArticleTencont { padding: 5px 0px 20px 0px; line-height: 28px; overflow: hidden; color: #666;font-size:14px;}

.submian .subright .conBox .ArticleTencont p, .submian .subright .conBox .ArticleTencont span { line-height: 1.5em }

.submian .subright .showproduct .ArticleTencont img { max-width: 100%; }

.submian .subright .conBox .ArticleTencont img { max-width: 100%; }

.field_down { text-align: left; }

.field_down a { width: 100px; height: 30px; line-height: 30px; background: #0267ac; color: #fff; display: block; text-align: center; }





/********.toolbar1*********/

.toolbar1{width: 50px; position: fixed; right: 2px; top: 200px; z-index: 999;}

.toolbar1 dd{width: 50px; height: 50px; background: #1048a0; position: relative;}

.toolbar1 dd i{width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;}

.toolbar1 dd i span{width: 35px; height: 35px; display: block; margin: 7px 0 0 7px; *margin: 7px 0 0 0; background: url(../images/rightFixIcon.png) no-repeat 0 0;}

.toolbar1 .slide-tel{display: block; width: 0; height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden; background: #1048a0;}

.toolbar1 .pop{position: absolute; right: 90px; top: -65px; background: #0185d0; display: none;}

.toolbar1 .pop-code{width: 120px; padding: 20px 20px 0;}

.toolbar1 .pop-code img{width: 120px; height: 120px; display: block;}

.toolbar1 .pop-code h3{height: 50px; line-height: 50px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;}

.toolbar1 .qq span{background-position: 0 -47px;}

.toolbar1 .qq a{width: 50px; height: 50px; cursor: pointer; display: block;}

.toolbar1 .qq:hover{background: #0185d0;}

.toolbar1 .tel span{background-position: 0 0;}

.toolbar1 .tel:hover{background: #0185d0;}

.toolbar1 .code span{background-position: 0 -142px;}

.toolbar1 .code:hover{background: #0185d0;}

.toolbar1 .code2 span{background-position: 0 -95px;}

.toolbar1 .code2:hover{background: #0185d0;}

.toolbar1 .return-top{margin-top: 30px;}

.toolbar1 .top{height: 53px; background: url(../images/return-ico.jpg) no-repeat center center;}



.subright .searchList{border-top:1px solid #ddd;}

.subright .searchList li{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ddd;}

.subright .searchList li:first-child {border-top:none;}

.subright .searchList li:hover a h2 {color:#1048a0;font-weight:bold;}





.leftprocomt {

    padding-top: 10px;

}

.leftprocomt li {text-align:center;

    width: 100%;

}

    .leftprocomt li img {

        width: 100%;

    }

    .leftprocomt li p {

        line-height: 35px;

    }



    .leftprocomt li:hover img {-webkkit-filter:brightness(105%);filter:brightness(105%);}

    .leftprocomt li:hover p {font-weight:bold;color:#1048a0;}



/*******font-face********/

@font-face{

	font-family: didot; 

	src: url('../other/didot.eot'); 

	src: url('../other/didot.eot?#iefix') 

	format('embedded-opentype'), /* IE6-IE8 */ 

	url('../other/didot.woff') format('woff'), /* Modern Browsers */ 

	url('../other/didot.ttf') format('truetype'), /* Safari, Android, iOS */ 

	url('../other/didot.svg#didot') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */}
	
	
	
	
	
	
	
/*底部信息*/
#footer_main{margin:0;width:100%;padding:0;position:relative;z-index: 3;background: #383838;color: #ccc;}
#footer_main #footer{padding-top:34px;}
#footer_main .ewm{width:260px;}
#footer_main .ewm p{width:110px;margin-right:14px;padding-top:12px;text-align:center;}
#footer_main .ewm img{width:110px;height:110px;display:block;}
#footer_main .ewm span{color:#ccc;font-size:12px;}


#footer_main .icontact{width:340px;padding-top:8px;}
#footer_main .icontact h3{color:#ccc;font-size:12px;padding:0;display: inline-block;font-family:arial;}
#footer_main .icontact h3 b{display: block;color:#fff;font-size:24px;}
#footer_main .icontact span{}
#footer_main .botleft{width: 690px;}


#footer_main .botnav{line-height:24px;color: #fff;padding-top:8px;}
#footer_main .botnav a{display:inline-block;color:#fff;}
#footer_main .botnav span{display:inline-block;color: #666;padding:0 20px;}

#footer_main .botnav a:hover{color: #fff;}
#footer_main .botnav .more{width: 208px;height: 34px;line-height: 34px;display: block;background: #008a37;color: #fff;text-align: center;margin-top: 20px;}
#footer_main .botnav .more:hover{background: #e5000a;}


.copyright{padding-top:20px;padding-bottom:30px;font-size: 12px;color: #ccc;}

.copyright span{font-family:tahoma;}
.copyright p,.copyright a{color: #ccc;}
.copyright p{line-height:20px;}
.copyright a:hover{color:#3366ad;}