@charset "UTF-8";
body,
p,
form,
textarea,
h1,
h2,
h3,
h4,
h5,
dl,
dd {
  margin: 0px;
}
input,
button,
ul,
ol {
  margin: 0px;
  padding: 0px;
}
html {
  min-width: 1180px;
}
body,
input,
button,
form {
  font-size: 14px;
  line-height: 28px;
  font-family: "思源黑体", 'PingFang SC', 'Myriad Pro', '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: #ba292e;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}
.poa {
  position: absolute;
}
.por {
  position: relative;
}
.hidden {
  display: none;
}
.w1162 {
  width: 1162px;
  margin: 0 auto;
}
.ico {
  background: url(../images/ico.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #000;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
.ease,
.ease * {
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.noease,
.noease * {
  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;
}
.noinfo {
  text-align: center;
}
.noinfo img {
  display: block;
  margin: 0 auto;
}
/*清除浮动*/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/*header_main*/
.header_main {
  height: 70px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.header_main .logo {
  width: 260px;
  height: 70px;
  display: block;
  float: left;
}
.header_main .logo img {
  height: 70px;
  display: block;
}
.header_main .t {
  float: left;
  line-height: 70px;
  letter-spacing: 2px;
  font-size: 19px;
  color: #666666;
  font-weight: bold;
}
.header_main .header_right {
  width: 524px;
  text-align: right;
  float: right;
  margin-right: 2px;
  padding-top: 20px;
}
.header_main .header_right p {
  height: 28px;
  overflow: hidden;
}
.header_main .header_right .link {
  font-family: "宋体";
  font-size: 12px;
  padding-bottom: 4px;
  color: #666666;
}
.header_main .header_right .link span {
  margin: 0 2px;
}
.header_main .header_right .link a {
  display: inline-block;
  color: #666666;
}
.header_main .header_right .link a:hover {
  color: #2957a4;
}
.header_main .header_right .tel {
  color: #2957a4;
  font-size: 22px;
  margin-top: -25px;
}
.header_main .header_right .tel s {
  width: 14px;
  height: 24px;
  margin-right: 8px;
  background-position: 0 0;
}
.nav_main {
  width: 100%;
  height: 50px;
  position: relative;
  border-top: 1px solid #d9d9d9;
  /*border-bottom: 5px solid #f5f5f5;*/
  z-index: 99;
  background: url(../images/navbg3.jpg) no-repeat right center;
}
.nav_main .list {
  height: 50px;
  background: url(../images/nav_split.jpg) no-repeat left center;
}
.nav_main .list li {
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  background: url(../images/nav_split.jpg) no-repeat center right;
  z-index: 10;
}
.nav_main .list li .nav1 {
  padding: 0 30px;
  background: url(../images/nav_split.jpg) no-repeat right center;
  display: block;
  position: relative;
  color: #fff;
  cursor: pointer;
}
.nav_main .list li .nav1:before {
  width: 0;
  height: 5px;
  content: "\20";
  display: block;
  position: absolute;
  left: 0;
  bottom: -5px;
  background: #2957a4;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.nav_main .list li.hover .nav1,
.nav_main .list li:hover .nav1 {
  color: #2957a4;
  background: #F5F5F5;
}
.nav_main .list li.hover .nav1:before,
.nav_main .list li:hover .nav1:before {
  width: 100%;
}
.nav_main .list li:hover .subNav,
.nav_main .list li:hover .subNav2 {
  opacity: 1;
  filter: alpha(opacity=100);
  height: auto;
}
.nav_main .list li.li6 .subNav .item {
  width: 160px;
  margin: 0 10px;
  min-height: 200px;
}
.nav_main .subNav2 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 55px;
  *top: 50px;
  text-align: center;
  background: #f1f1f1;
  z-index: 99;
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  overflow: hidden;
}
.nav_main .subNav2 .item {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.nav_main .subNav2 .item a,
.nav_main .subNav2 .item h3 {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: block;
}
.nav_main .subNav2 .item:hover {
  background: #fff;
}
.nav_main .subNav {
  width: 100%;
  position: absolute;
  left: 0;
  top: 55px;
  *top: 50px;
  text-align: center;
  background: #f1f1f1;
  z-index: 99;
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  overflow: hidden;
}
.nav_main .subNav .item {
  width: 252px;
  padding: 20px 0 30px 28px;
  text-align: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 30px;
  vertical-align: top;
  line-height: 36px;
}
.nav_main .subNav .item h3 {
  color: #008cd7;
  font-size: 18px;
  margin-bottom: 5px;
}
.nav_main .subNav .item h3 a {
  color: #008cd7;
  display: block;
}
.nav_main .subNav .item a {
  display: block;
  width: 100%;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.nav_main .subNav .item a:hover,
.nav_main .subNav .item a.on {
  color: #008cd7;
}
.nav_main .subNav .item:nth-child(2n) {
  background: #e5e5e5;
}
/*footer_main*/
.footer_main {
  text-align: center;
}
.footer_main .img {
  width: 100%;
  padding: 20px 0 10px;
  background: #f0f0f0;
}
.footer_main .img .blogo {
  width: 250px;
  display: block;
  margin: 0 auto;
}
.footer_main .img .blogo img {
  width: 100%;
  display: block;
}
.footer_main .img .list {
  padding-top: 20px;
}
.footer_main .img .list li {
  width: 160px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.footer_main .img .list li img {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
  padding: 5px;
}
.footer_main .copyright {
  padding: 0 0 20px;
  line-height: 24px;
  color: #b6b5b5;
  background: #333333;
}
.footer_main .copyright .link a {
  margin-right: 10px;
}
.footer_main .copyright .link span {
  margin: 0 6px 0 8px;
  font-size: 12px;
}
.footer_main .copyright .bnav {
  padding: 10px 0 8px;
}
.footer_main .copyright .bnav a {
  margin: 0 30px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.footer_main .copyright .bnav span {
  font-size: 12px;
}
.footer_main .copyright p {
  font-size: 12px;
}
.footer_main .copyright a {
  color: #b6b5b5;
}
.footer_main .copyright a:hover {
  color: #fff;
}
.nybanner {
  width: 100%;
  overflow: hidden;
}
.nybanner img {
  width: 100%;
  display: block;
}
.sitepath {
  padding: 30px 0 25px;
}
/* pager */
.pager {
  padding: 30px 0 15px;
  text-align: center;
}
.pager:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.pager {
  *zoom: 1;
}
.pager p {
  height: 26px;
  line-height: 26px;
  float: left;
  display: none;
}
.pager ul {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.pager ul li {
  padding: 0 !important;
  height: auto !important;
  border: none !important;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.pager ul a {
  margin: 0 5px;
  padding: 0 13px;
  height: 34px;
  line-height: 34px;
  text-decoration: none;
  float: left;
  background: #fff;
  border: 1px solid #eee;
}
.pager ul a.current {
  background-color: #008cd7;
  color: #fff;
}
.pager ul a.current:hover {
  background-color: #008cd7;
  color: #fff;
}
.pager ul a:hover {
  background: #008cd7;
  color: #fff;
}
.goTop {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  position: fixed;
  right: 1%;
  bottom: 80px;
  background: url(../images/goTop.png) no-repeat center center;
  cursor: pointer;
  display: none;
}
/*togbtn*/
.togbtn .icon {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  cursor: pointer;
  width: 48px;
  height: 48px;
  display: block;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  z-index: 22;
}
.togbtn .icon.prev {
  background-position: 3px -64px;
}
.togbtn .icon.prev:hover {
  background-position: -45px -64px;
}
.togbtn .icon.next {
  background-position: -91px -64px;
}
.togbtn .icon.next:hover {
  background-position: -139px -64px;
}
/* banner */
.banner {
  width: 100%;
  min-width: 1000px;
  padding: 0 0 36.45%;
  position: relative;
}
.banner .list {
  width: 100%;
}
.banner .list li {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  background: #fff;
}
.banner .list li a {
  width: 100%;
  display: block;
  height: 100%;
}
.banner img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  top: 0;
}
.banner .prev,
.banner .next {
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 99;
  top: 50%;
  margin-top: -40px;
  text-align: center;
  cursor: pointer;
  background: url(../images/banner-ico.png) no-repeat 0 0;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.banner .prev:hover,
.banner .next:hover {
  margin-top: -45px;
}
.banner .prev {
  left: 3%;
  background-position: 0 0;
}
.banner .next {
  right: 3%;
  background-position: -90px 0;
}
.banner .tip {
  height: 20px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 60px;
  z-index: 10;
  text-align: center;
}
.banner .tip li {
  width: 12px;
  height: 12px;
  padding: 2px;
  margin: 0 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
}
.banner .tip li span {
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border-radius: 100%;
}
.banner .tip li.cur {
  padding: 0;
}
.banner .tip li.cur span {
  width: 12px;
  height: 12px;
  background: #2957a4;
}
/**********index css*************/
.indexTit2 {
  width: 100%;
  height: 55px;
  line-height: 62px;
  margin-bottom: 32px;
  background: url(../images/ititbg2.png) no-repeat left bottom;
  *zoom: 1;
}
.indexTit2:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.indexTit2 .more {
  font-size: 14px;
}
.indexTit2 h3 {
  font-size: 0px;
  height: 55px;
  width: 46%;
  float: left;
  display: inline-block;
  background: url(../images/itit.png) no-repeat 0 8px;
}
.indexTit2 .wsxw {
  font-size: 0px;
  height: 55px;
  width: 50%;
  float: left;
  display: inline-block;
  background: url(../images/itit.png) no-repeat 0 -310px;
}
.indexTit {
  width: 100%;
  height: 55px;
  line-height: 62px;
  margin-bottom: 32px;
  background: url(../images/ititbg.png) no-repeat left bottom;
  *zoom: 1;
}
.indexTit:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.indexTit .more {
  font-size: 14px;
}
.indexTit h3 {
  font-size: 0px;
  height: 55px;
  width: 50%;
  float: left;
  display: inline-block;
  background: url(../images/itit.png) no-repeat 0 8px;
}
.indexTit .wsxw {
  font-size: 0px;
  height: 55px;
  width: 50%;
  float: left;
  display: inline-block;
  background: url(../images/itit.png) no-repeat 0 -310px;
}
/* 本例子css */
.slideBox{ width:310px; height:216px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;width: 310px;height: 216px; }
.slideBox .bd img{ width:310px; height:216px; display:block;}
.ifactory {
  padding: 30px 0 0;
  background: #f2f2f2;
  overflow: hidden;
}
.ifactory .list {
  width: 46%;
  float: left;
}
.ifactory li {
  width: 252px;
  height: 210px;
  float: left;
  margin: 0 10px 15px 0;
  overflow: hidden;
  font-family: impact;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}
.ifactory li.big {
  width: 515px;
  height: 190px;
}
.ifactory li a {
  width: 100%;
  height: 100%;
  display: block;
}
.ifactory li img {
  width: 100%;
  height: 100%;
  transition: all .5s;
  display: block;
}
.ifactory li .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  background: url(../images/blue50.png) repeat 0 0;
}
.ifactory li s {
  width: 42px;
  height: 28px;
  display: block;
  margin: 55px auto 0;
  background-position: -214px -55px;
}
.ifactory li h3 {
  text-align: center;
  font-size: 22px;
  color: #fff;
  padding: 6px 0 8px;
}
.ifactory li .line {
  width: 192px;
  height: 10px;
  display: block;
  margin: 0 auto 6px;
  background: url(../images/ifa-line.png) no-repeat center center;
}
.ifactory li .en {
  color: #fff;
  text-align: center;
  display: block;
  font-family: arial;
  font-size: 14px;
}
.ifactory li:hover .bg {
  top: 0;
}
.ifactory li:hover img {
  transform: scale(1.04);
}
.isolution {
  padding: 25px 0 60px;
  position: relative;
  background: #cfcfcf url(../images/isolutionbg.jpg) no-repeat center top;
}
.isolution .indexTit {
  margin-bottom: 40px;
}
.isolution .indexTit h3 {
  background-position: left -56px;
}
.isolution .prev,
.isolution .next {
  width: 40px;
  height: 70px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  position: absolute;
  left: 50%;
  cursor: pointer;
  top: 50%;
  margin-top: 0px;
  background: #2957a4 url(../images/sol-btn-ico.png) no-repeat left center;
}
.isolution .prev:hover,
.isolution .next:hover {
  margin-top: 0px;
}
.isolution .prev {
  margin-left: -640px;
  background-position: 8px center;
}
.isolution .next {
  margin-left: 600px;
  background-position: -52px center;
}
.isolution .con {
  overflow: hidden;
  position: relative;
}
.isolution .list {
  width: 400%;
  position: relative;
}
.isolution .list .item {
  width: 1162px;
  float: left;
}
.isolution .list .item a {
  width: 1100px;
  height: 293px;
  position: relative;
  padding-right: 62px;
  display: block;
  background: #ececec;
}
.isolution .list .item a img {
  width: 598px;
  height: 293px;
  display: block;
  float: left;
  margin-right: 62px;
}
.isolution .list .item a h3 {
  font-size: 24px;
  padding: 60px 0 18px;
  text-indent: 28px;
}
.isolution .list .item a .arrow {
  width: 78px;
  height: 40px;
  display: block;
  padding-top: 20px;
  background: #2957a4;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.isolution .list .item a .arrow s {
  width: 45px;
  height: 16px;
  display: block;
  margin: 0 auto;
  background-position: -107px -68px;
}
.isolution .list .item a .txt {
  font-size: 14px;
  line-height: 24px;
  text-indent: 28px;
  color: #333;
  height: 168px;
  overflow: hidden;
}
.isolution .list .item a:first-child {
  padding-right: 0;
  padding-left: 62px;
}
.isolution .list .item a:first-child img {
  float: right;
  margin-left: 62px;
  margin-right: 0;
}
.isolution .list .item a:first-child .arrow {
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
}
.iproduct {
  padding: 25px 0 0;
  position: relative;
  overflow: hidden;
}
.iproduct .indexTit {
  margin-bottom: 40px;
}
.iproduct .indexTit h3 {
  background-position: left -120px;
}
.iproduct .tab {
  text-align: center;
  margin-bottom: 82px;
}
.iproduct .tab a {
  width: 250px;
  height: 38px;
  line-height: 38px;
  margin: 0 35px;
  font-size: 18px;
  border: 2px solid #333333;
  border-radius: 6px;
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.iproduct .tab a:hover,
.iproduct .tab a.hover {
  background: #2957a4;
  color: #fff;
  border-color: #2957a4;
}
.iproduct .prev,
.iproduct .next {
  width: 13px;
  height: 30px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  position: absolute;
  cursor: pointer;
  top: 116px;
  z-index: 99;
}
.iproduct .prev:hover,
.iproduct .next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.iproduct .prev {
  left: 688px;
  background-position: -238px -96px;
}
.iproduct .next {
  left: 716px;
  background-position: -272px -96px;
}
.iproduct .con {
  width: 100%;
  padding-bottom: 40px;
  height: 360px;
  position: relative;
  overflow: hidden;
}
.iproduct .con .list {
  width: 102%;
}
.iproduct .item {
  position: absolute;
  left: 0;
  bottom: 70px;
  width: 224px;
  height: 321px;
}
.iproduct .item:first-child {
  margin-left: 0;
}
.iproduct .item .img {
  width: 220px;
  height: 166px;
  border: 2px solid #333333;
  margin-top: 151px;
  display: block;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.iproduct .item .img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.iproduct .item .txtcon {
  width: 468px;
  position: absolute;
  left: 446px;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.iproduct .item .txtcon .tit {
  display: block;
  color: #2957a4;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 8px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.iproduct .item .txtcon .tit:hover {
  color: #008cd7;
}
.iproduct .item .txtcon .txt {
  font-size: 16px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
  color: #333333;
}
.iproduct .item.a2 {
  left: 241px;
}
.iproduct .item.a3 {
  left: 686px;
}
.iproduct .item.a4 {
  left: 927px;
}
.iproduct .item.hover {
  width: 424px;
  z-index: 10;
  left: 241px !important;
}
.iproduct .item.hover .txtcon {
  opacity: 1;
  filter: alpha(opacity=100);
  left: 446px;
}
.iproduct .item.hover .img {
  width: 420px;
  height: 317px;
  margin-top: 0;
}
.iproduct .item:hover .img {
  border-color: #2957a4;
}
.iadvantage {
  padding: 30px 0 35px;
  position: relative;
  background: #cfcfcf;
}
.iadvantage .con {
  width: 102%;
}
.iadvantage .indexTit {
  margin-bottom: 45px;
}
.iadvantage .indexTit h3 {
  background-position: left -185px;
}
.iadvantage img {
  display: block;
}
.iadvantage .imglist {
  width: 767px;
  height: 340px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 21px;
  margin-bottom: 24px;
}
.iadvantage .imglist .list {
  width: 300%;
  position: relative;
}
.iadvantage .imglist .prev,
.iadvantage .imglist .next {
  width: 18px;
  height: 32px;
  display: block;
  cursor: pointer;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  z-index: 11;
}
.iadvantage .imglist .prev:hover,
.iadvantage .imglist .next:hover {
  margin-top: -22px;
}
.iadvantage .imglist .prev {
  left: 5px;
  background-position: -171px -95px;
}
.iadvantage .imglist .next {
  right: 5px;
  background-position: -204px -95px;
}
.iadvantage .imglist li,
.iadvantage .imglist img {
  width: 767px;
  height: 340px;
}
.iadvantage .imglist li {
  float: left;
}
.iadvantage .item {
  width: 374px;
  height: 340px;
  float: left;
  margin-right: 21px;
  color: #fff;
  background: #2957a4 url(../images/logo-ico.png) no-repeat right 100%;
  margin-bottom: 24px;
}
.iadvantage .item img {
  width: 100%;
  height: 238px;
}
.iadvantage .item h3 {
  padding: 8px 10px 5px;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
}
.iadvantage .item .txt {
  font-size: 16px;
  padding: 0 10px;
  line-height: 24px;
  color: #fff;
}
.icase {
  padding: 30px 0 0;
  height: 830px;
  position: relative;
  background: #e5e9ea url(../images/icasebg.jpg) no-repeat center top;
}
.icase .indexTit {
  margin-bottom: 125px;
}
.icase .indexTit h3 {
  background-position: left -252px;
}
.icase .con {
  width: 822px;
  height: 526px;
  position: relative;
  margin: 0 auto;
  background: url(../images/icase-line.png) no-repeat center top;
}
.icase li {
  width: 165px;
  height: 165px;
  position: absolute;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  text-align: center;
  font-size: 20px;
  background: url(../images/icase-libg.png) no-repeat center top;
}
.icase li a {
  width: 165px;
  height: 145px;
  overflow: hidden;
  padding-top: 20px;
  position: absolute;
  z-index: 11;
  left: 0;
  top: 0;
  display: block;
  color: #fff;
  border-radius: 100%;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.icase li img {
  width: 100px;
  height: 90px;
  display: block;
  margin-left: 30px;
  *margin-left: 0px;
}
.icase li:before {
  width: 161px;
  height: 161px;
  content: "\20";
  display: block;
  border-radius: 100%;
  border: 2px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  display: none\9;
}
.icase li.a1 {
  left: -80px;
  top: 129px;
}
.icase li.a2 {
  left: 2px;
  top: -80px;
}
.icase li.a3 {
  left: 170px;
  top: 119px;
}
.icase li.a4 {
  left: 88px;
  bottom: 36px;
}
.icase li.a5 {
  left: 352px;
  bottom: 130px;
}
.icase li.a6 {
  left: 440px;
  top: 25px;
}
.icase li.a7 {
  left: 657px;
  top: 74px;
}
.icase li.a8 {
  left: 576px;
  bottom: 80px;
}
.icase li.a9 {
  left: 744px;
  bottom: -78px;
}
.icase li:hover {
  background-image: url(../images/icase-libg_hover.png);
}
.icase li:hover:before {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  opacity: 1;
  filter: alpha(opacity=100);
}
.inews {
  width:627px;
  float: right;
}
.inews .indexTit {
  margin-bottom: 110px;
}
.inews .indexTit h3 {
  background-position: left -315px;
}
.inews .inewCon {
  height: 338px;
  position: relative;
}
.inews .inewCon .more {
  width: 162px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  margin: 40px auto 0;
  font-size: 18px;
  background: #2957a4;
  border-radius: 8px;
  color: #fff;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.inews .inewCon .more:hover {
  background: #008cd7;
}
.inews .img {
  width: 520px;
  height: 416px;
  display: block;
  float: right;
}
.inews .title {
  width: 146px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 4px solid #2957a4;
  font-size: 22px;
}
.inews .con {
  position: absolute;
  left: 0;
  top: -68px;
}
.inews .con s {
  width: 28px;
  height: 72px;
  display: block;
  position: absolute;
  right: -27px;
  top: 50%;
  margin-top: -36px;
  background-position: -306px 0;
}
.inews .list {
  width: 100%;
  float: right;
}
.inews .list li {
  width: 100%;
  line-height: 30px;
  border-bottom: 1px solid #cfcfcf;
  font-size: 16px;
  height: 30px;
  text-align: left;
}
.inews .list li .time {
  color: #2957a4;
  margin-right: 10px;
}
.inews .inewCon2 .con {
	width: 49.5%;
  left: auto;
  right: 0;
  top: 65px;
}
.inews .inewCon2 .con s {
  right: auto;
  left: -28px;
  background-position: -263px 0;
}
/**********ny css***********/
.wrapper {
  padding-bottom: 50px;
}
.wrapper.bgf3 {
  background: #f3f3f3;
}
.n-menu {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 0 20px;
}
.n-menu a {
  width: 170px;
  height: 55px;
  line-height: 55px;
  font-size: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 12px 20px;
  text-align: center;
  background: #5a5a5a;
  color: #fff;
  border-radius: 40px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.n-menu a:hover,
.n-menu a.hover {
  background: #008cd7;
}
.case-menu {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 0 40px;
}
.case-menu a {
  width: 378px;
  height: 48px;
  line-height: 48px;
  font-size: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 7px 8px;
  text-align: center;
  background: #5a5a5a;
  color: #fff;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.case-menu a s {
  width: 0;
  height: 26px;
  margin-left: 0;
  background-position: -375px 0;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.case-menu a:hover,
.case-menu a.hover {
  background: #008cd7;
}
.case-menu a:hover s,
.case-menu a.hover s {
  width: 26px;
  margin-left: 10px;
}
.case-contxt {
  font-size: 18px;
}
.case-contxt img {
  max-width: 100%;
}
.case-contxt .cooper-list {
  text-align: center;
  width: 100%;
  overflow: hidden;
  padding-top: 60px;
}
.case-contxt .cooper-list img {
  display: block;
  margin: 0 auto 42px;
}
.case-contxt .cooper-list ul {
  width: 102%;
  border-top: 1px solid #b3b3b3;
}
.case-contxt .cooper-list ul li {
  width: 584px;
  height: 58px;
  line-height: 58px;
  font-size: 14px;
  float: left;
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}
.gridlist {
  width: 103%;
}
.gridlist .item {
  width: 275px;
  margin-right: 8px;
  border: 2px solid #e3e3e2;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.gridlist .item a {
  width: 100%;
  display: block;
}
.gridlist .item img {
  width: 274px;
  height: 206px;
  display: block;
  transition: all .5s;
}
.gridlist .item h3 {
  width: 95%;
  height: 45px;
  line-height: 50px;
  font-size: 16px;
  padding: 0 3%;
  position: absolute;
  color: #fff;
  left: 0;
  bottom: 0;
  background: url(../images/block50.png) repeat 0 0;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.gridlist .item h3 span {
  width: 78px;
  height: 38px;
  margin-top: 6px;
  float: right;
  font-size: 12px;
  line-height: 40px;
  text-align: center;
  background-position: 0 -41px;
}
.gridlist .item:hover h3 {
  background-image: url(../images/blue80.png);
}
.gridlist .item:hover img {
  transform: scale(1.04);
}
.multi-img {
  width: 100%;
  margin-bottom: 40px;
}
.multi-img .bigimg {
  width: 513px;
  height: 385px;
  float: left;
  border: 1px solid #d2d3d1;
  position: relative;
}
.multi-img .bigimg img {
  width: 100%;
  height: 100%;
  display: block;
}
.multi-img .bigimg s {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  left: -8px;
  top: -6px;
  background-position: -216px 0;
}
.multi-img .bigimg s.s2 {
  left: auto;
  right: -8px;
  bottom: -9px;
  top: auto;
}
.multi-img .txtcon {
  width: 580px;
  float: left;
  margin-left: 65px;
  line-height: 30px;
}
.multi-img .txtcon h1 {
  color: #008cd7;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 10px;
}
.multi-img .txtcon .tit {
  font-size: 20px;
  color: #000;
}
.multi-img .txtcon .txt {
  font-size: 15px;
  overflow: hidden;
  line-height: 25px;
  margin-bottom: 6px;
  color: #666;
}
.multi-img .txtcon .txt span {
  line-height: 25px !important;
}
.multi-img .txtcon .txt1 {
  height: 100px;
}
.multi-img .txtcon .txt2 {
  height: 50px;
}
.multi-img .simg {
  width: 100%;
  margin-top: 14px;
}
.multi-img .simg li {
  width: 160px;
  height: 120px;
  float: left;
  margin-left: 35px;
  border: 1px solid #d2d3d1;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.multi-img .simg li img {
  width: 100%;
  height: 100%;
  display: block;
}
.multi-img .simg li:first-child {
  margin-left: 0;
}
.multi-img .simg li:hover,
.multi-img .simg li.hover {
  border-color: #2957a4;
}
.left-menu-con {
  width: 258px;
}
.left-menu-con .left-contact {
  width: 208px;
  height: 162px;
  color: #fff;
  font-size: 20px;
  padding: 35px 0 0 50px;
  background: url(../images/left-cimg.jpg) no-repeat left top;
}
.left-menu-con .left-contact s {
  width: 60px;
  height: 60px;
  display: block;
  background-position: -94px 0;
}
.left-menu-con .left-contact span {
  display: block;
  padding: 10px 0 6px;
  font-size: 18px;
}
.left-menu-con .left-contact strong {
  font-weight: normal;
}
.leftMenu {
  width: 100%;
  margin-bottom: 20px;
}
.leftMenu .title {
  width: 256px -10px;
  height: 80px;
  position: relative;
  padding: 8px 0 0 10px;
  border: 1px solid #757575;
  border-bottom: 1px solid #636363;
  border-top: 0px;
  background: #5a5a5a;
  color: #fff;
}
.leftMenu .title .en {
  font-family: arial;
  font-size: 12px;
  text-transform: uppercase;
}
.leftMenu .title h3 {
  font-size: 20px;
  padding-top: 6px;
}
.leftMenu .title s {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 32px;
  background-position: -20px 0;
}
.leftMenu .list {
  width: 256px;
  border: 1px solid #dcdcdc;
  border-top: 0px;
  background: #fff;
}
.leftMenu .list li {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-top: 1px solid #dcdcdc;
  vertical-align: top;
}
.leftMenu .list li a {
  padding-left: 30px;
  display: block;
  font-size: 16px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.leftMenu .list li s {
  width: 25px;
  height: 25px;
  display: block;
  float: right;
  margin: 18px 16px 0 0;
  background-position: -174px 0;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.leftMenu .list li:hover a,
.leftMenu .list li.hover a {
  color: #fff;
  background: #008cd7;
}
.leftMenu .list li:hover s,
.leftMenu .list li.hover s {
  background-position: -174px -30px;
}
.right-con {
  width: 852px;
  overflow: hidden;
}
.right-con .pro-txt {
  padding-left: 106px;
  position: relative;
  margin-bottom: 35px;
}
.right-con .pro-txt .tit {
  width: 58px;
  padding: 8px 14px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 28px;
  font-size: 28px;
  color: #008cd7;
  border-left: 1px solid #6d6d6d;
  border-right: 1px solid #6d6d6d;
}
.right-con .pro-txt h3 {
  font-size: 24px;
  color: #333;
  line-height: 24px;
  margin-bottom: 10px;
}
.right-con .pro-txt .txt {
  line-height: 26px;
  font-size: 16px;
  letter-spacing: 1px;
  color: #696969;
}
.right-con .pro-x-img {
  width: 850px;
  border: 1px solid #dfdfdf;
  margin-bottom: 25px;
}
.right-con .pro-x-img img {
  width: 100%;
  display: block;
}
.text-area {
  width: 100%;
}
.text-area .show-tit {
  width: 100%;
  height: 55px;
  line-height: 55px;
  font-size: 26px;
  margin-bottom: 20px;
  background: url(../images/show-tit.jpg) no-repeat left bottom;
}
.text-area .show-tit s {
  width: 32px;
  height: 34px;
  margin-right: 10px;
  background-position: -50px 0;
}
.text-area .show-tit2 {
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin-bottom: 30px;
  color: #008cd7;
  font-size: 19px;
}
.text-area .show-tit2 s {
  width: 5px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  background: #008cd7;
}
.text-area .showcon {
  font-size: 20px;
  padding: 0 0 40px;
  line-height: 32px;
}
.text-area .showcon img {
  max-width: 100%;
}
.text-area .showcon table td,
.text-area .showcon table span,
.text-area .showcon table p {
  text-align: center !important;
  font-family: "microsoft yahei" !important;
}
.text-area .showcon table td {
  border: 1px solid #666 !important;
}
.text-area .showcon table * {
  font-size: 14px !important;
  color: #333 !important;
}
.pro-advantage {
  width: 100%;
  display: block;
  margin: 30px auto 0;
  padding-bottom: 20px;
}
.pro-advantage .item {
  width: 970px;
  margin: 0px auto 50px;
  *zoom: 1;
}
.pro-advantage .item:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.pro-advantage .item h3 {
  font-size: 36px;
  line-height: 40px;
  color: #008cd7;
  padding: 30px 0 45px;
  margin-bottom: 6px;
  background: url(../images/pro-advan-tbg.jpg) no-repeat left bottom;
}
.pro-advantage .item .txt {
  font-size: 18px;
  line-height: 30px;
}
.pro-advantage .item img {
  width: 395px;
  height: 218px;
  float: right;
  margin-left: 55px;
  display: block;
  border-radius: 15px;
  border: 1px solid #939393;
}
.pro-advantage .item.a2 h3,
.pro-advantage .item.a4 h3,
.pro-advantage .item.a6 h3 {
  margin-left: 450px;
}
.pro-advantage .item.a2 img,
.pro-advantage .item.a4 img,
.pro-advantage .item.a6 img {
  float: left;
  margin: 0 55px 0 0;
}
.sol-advantage {
  width: 100%;
  display: block;
  margin: 0 auto 0;
}
.sol-advantage .item {
  width: 100%;
  *zoom: 1;
  margin-bottom: 26px;
}
.sol-advantage .item:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.sol-advantage .item h3 {
  font-size: 24px;
  line-height: 26px;
  padding: 0 0 15px;
  margin-bottom: 14px;
  background: url(../images/sol-advan-tbg.jpg) no-repeat left bottom;
}
.sol-advantage .item .txt {
  font-size: 18px;
  line-height: 30px;
}
.sol-advantage .item img {
  width: 510px;
  height: 150px;
  float: right;
  margin-left: 38px;
  display: block;
}
.sol-advantage .item.a2 h3,
.sol-advantage .item.a4 h3,
.sol-advantage .item.a6 h3 {
  margin-left: 548px;
}
.sol-advantage .item.a2 img,
.sol-advantage .item.a4 img,
.sol-advantage .item.a6 img {
  float: left;
  margin: 0 38px 0 0;
}
.relate-pro {
  width: 100%;
  padding: 20px 0 30px;
  position: relative;
}
.relate-pro .list {
  width: 105%;
  position: relative;
}
.relate-pro li {
  width: 266px;
  float: left;
  margin-right: 32px;
}
.relate-pro li a {
  width: 100%;
  display: block;
}
.relate-pro li img {
  width: 262px;
  height: 195px;
  display: block;
  border: 2px solid #aeaeae;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.relate-pro li h3 {
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  padding-top: 10px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.relate-pro li:hover img {
  border-color: #008cd7;
}
.relate-pro li:hover h3 {
  color: #008cd7;
}
.relate-pro .prev,
.relate-pro .next {
  width: 40px;
  height: 60px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -50px;
  background: url(../images/sol-btn-ico.png) no-repeat left center;
}
.relate-pro .prev:hover,
.relate-pro .next:hover {
  margin-top: -55px;
}
.relate-pro .prev {
  left: -54px;
  background-position: 8px center;
}
.relate-pro .next {
  right: -50px;
  background-position: -52px center;
}
.relate-pro .con {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.relate-pro.relate-pro2 li h3 {
  line-height: 24px;
}
.relate-pro.relate-pro2 .prev,
.relate-pro.relate-pro2 .next {
  margin-top: -65px;
}
.n-img-list {
  width: 100%;
  overflow: hidden;
  padding: 20px 0 0;
}
.n-img-list li {
  width: 266px;
  float: left;
  margin-left: 32px;
}
.n-img-list li a {
  width: 100%;
  display: block;
}
.n-img-list li img {
  width: 266px;
  height: 200px;
  display: block;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.n-img-list li h3 {
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  padding-top: 6px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.n-img-list li:first-child {
  margin-left: 0;
}
.n-img-list li:hover h3 {
  color: #008cd7;
}
.showService .n-img-list {
  padding-bottom: 40px;
}
.showService .multi-img .txtcon .tit {
  margin: 2px 0 6px;
}
.showService .multi-img .txtcon .txt {
  height: 180px;
}
.showSolution .title {
  text-align: center;
  padding: 0 0 35px;
  margin-bottom: 64px;
  position: relative;
  background: url(../images/show-s-titbg.png) no-repeat center bottom;
}
.showSolution .title h1 {
  text-align: center;
  font-size: 24px;
}
.showSolution .title a {
  width: 80px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: -33px;
  background: #dedede;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.showSolution .title a:hover {
  background: #008cd7;
  color: #fff;
  width: 90px;
}
.showSolution .sol-x-img {
  width: 100%;
  margin-bottom: 45px;
}
.showSolution .sol-x-img img {
  width: 100%;
  display: block;
}
.showSolution .n-img-list {
  padding: 0 0 30px;
}
.showSolution .text-area .showcon {
  font-size: 18px;
  line-height: 36px;
}
.showSolution .text-area .sol-advantage {
  padding: 0 0 30px;
}
.showSolution .show-zx {
  padding: 30px 0 20px;
}
.showSolution .show-zx .show-tit2 {
  margin-bottom: 40px;
}
.showSolution .show-zx .list1 {
  width: 990px;
  float: left;
}
.showSolution .show-zx .list1 li {
  width: 215px;
  float: left;
  text-align: center;
  margin-left: 32px;
}
.showSolution .show-zx .list1 li img {
  width: 154px;
  height: 154px;
  display: block;
  border-radius: 100%;
  margin: 0 auto;
}
.showSolution .show-zx .list1 li h3 {
  font-size: 20px;
  color: #000;
  padding: 8px 0 16px;
}
.showSolution .show-zx .list1 li .more {
  width: 126px;
  text-align: center;
  display: block;
  margin: 0 auto;
  height: 38px;
  line-height: 38px;
  border-radius: 8px;
  background: #008cd7;
  color: #fff;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.showSolution .show-zx .list1 li .more:hover {
  background: #2957a4;
}
.showSolution .show-zx .list1 li:first-child {
  margin-left: 0;
}
.showSolution .show-zx .list2 {
  width: 148px;
  float: right;
}
.showSolution .show-zx .list2 li {
  width: 144px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  text-align: center;
  color: #008cd7;
  letter-spacing: 1px;
  border: 2px solid #707070;
  margin-bottom: 25px;
}
.showSolution .n-case-img {
  width: 100%;
  padding: 10px 0;
}
.showSolution .n-case-img li {
  width: 530px;
  padding: 0 25px;
  float: left;
  line-height: 32px;
  font-size: 16px;
}
.showSolution .n-case-img li img {
  width: 505px;
  height: 380px;
  padding: 8px;
  background: #fff;
  display: block;
  margin: 0 auto 15px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
.solutionPage .sol-select {
  border: 2px solid #d8d8d8;
  margin: 40px 0;
}
.solutionPage .sol-select li {
  height: 56px;
  line-height: 56px;
  border-top: 2px solid #dce1db;
}
.solutionPage .sol-select li s {
  width: 42px;
  height: 42px;
  margin-right: 15px;
  background-position: 0 -92px;
}
.solutionPage .sol-select li a {
  margin-right: 22px;
}
.solutionPage .sol-select li a:hover,
.solutionPage .sol-select li a.hover {
  color: #2957a4;
}
.solutionPage .sol-select li:first-child {
  border-top: 0;
}
.solutionPage .sol-select li.a2 {
  line-height: 24px;
}
.solutionPage .sol-select li.a2 .list {
  padding-top: 5px;
}
.solutionPage .sol-select li.a2 a {
  display: inline-block;
}
.solutionPage .sol-select li.a3 {
  line-height: 24px;
}
.solutionPage .sol-select li.a3 .list {
  padding-top: 5px;
}
.solutionPage .sol-select li.a3 a {
  display: inline-block;
}
.solutionPage .sol-select li.a2 s {
  background-position: -55px -92px;
}
.solutionPage .sol-select li.a3 s {
  background-position: -110px -92px;
}
.solutionPage .sol-select .t {
  width: 257px;
  display: block;
  margin-right: 20px;
  font-size: 16px;
  color: #666666;
  float: left;
  padding-left: 18px;
  height: 56px;
  line-height: 56px;
  background: #dce1db;
  border-bottom: 2px solid #d0d2cf;
}
.solutionPage .sol-item {
  border: 2px solid #d8d8d8;
  height: 351px;
  position: relative;
  margin-bottom: 40px;
}
.solutionPage .sol-item .img {
  width: 776px;
  height: 355px;
  display: block;
  position: absolute;
  top: -2px;
  right: -2px;
}
.solutionPage .sol-item h3 {
  width: 212px;
  font-size: 22px;
  position: absolute;
  left: 144px;
  bottom: 264px;
  font-weight: bold;
}
.solutionPage .sol-item .t {
  width: 93px;
  height: 85px;
  background: #2957a4;
  position: absolute;
  left: 42px;
  top: 0;
}
.solutionPage .sol-item .t .timg {
  width: 100%;
  height: 100%;
  display: block;
}
.solutionPage .sol-item .txt {
  width: 320px;
  padding: 95px 0 0 38px;
  height: 238px;
  overflow: hidden;
  font-size: 18px;
  line-height: 34px;
}
.solutionPage .item {
  border: 1px solid #cbccca;
  position: relative;
  height: 300px;
  margin-bottom: 40px;
  background: #f0f0f0;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.solutionPage .item a {
  display: block;
  width: 100%;
}
.solutionPage .item .img {
  width: 580px;
  height: 300px;
  float: left;
  border-right: 1px solid #cbccca;
  overflow: hidden;
}
.solutionPage .item .img img {
  height: 100%;
  display: block;
  transition: all .5s;
}
.solutionPage .item .img:hover img {
  transform: scale(1.04);
}
.solutionPage .item .txtcon {
  width: 528px;
  padding-right: 25px;
  float: right;
}
.solutionPage .item .title {
  font-size: 20px;
  color: #2957a4;
  padding: 15px 0 8px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.solutionPage .item .title:hover {
  color: #008cd7;
}
.solutionPage .item .more {
  width: 120px;
  height: 30px;
  display: block;
  position: absolute;
  right: 32px;
  bottom: 12px;
  line-height: 30px;
  text-align: center;
  background: #fff;
  border: 1px solid #d2d2d2;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.solutionPage .item .more s {
  width: 26px;
  height: 20px;
  position: absolute;
  right: 20px;
  left: auto;
  top: auto;
  bottom: -8px;
  background-position: -174px -63px;
}
.solutionPage .item .more:hover {
  width: 130px;
  background: #2957a4;
  color: #fff;
}
.solutionPage .item .txt {
  font-size: 16px;
  color: #777777;
  line-height: 26px;
  margin-bottom: 2px;
}
.solutionPage .item .txt .t {
  font-weight: bold;
  color: #333333;
}
.solutionPage .item .txt.txt1 {
  height: 78px;
  overflow: hidden;
}
.solutionPage .item .txt.txt2 {
  height: 52px;
  overflow: hidden;
}
.solutionPage .item s {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  left: -8px;
  top: -6px;
  background-position: -216px -21px;
}
.solutionPage .item s.s2 {
  left: auto;
  left: 570px;
  bottom: -10px;
  top: auto;
}
.solutionPage .item s.s3 {
  left: auto;
  bottom: auto;
  right: -8px;
  top: -8px;
}
.solutionPage .item:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-color: #2957a4;
}
/*singlePage*/
.singlePage {
  padding-top: 20px;
  line-height: 30px;
  color: #333333;
  font-size: 24px;
  line-height: 40px;
}
/*aboutPage*/
.aboutPage {
  line-height: 30px;
  color: #333333;
  font-size: 18px;
  line-height: 34px;
}
.aboutPage .about-tit {
  width: 100%;
  margin-bottom: 20px;
}
.aboutPage .about-tit a {
  text-transform: uppercase;
  font-size: 14px;
}
.aboutPage .about-tit h3 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 22px;
  margin-right: 8px;
  color: #000;
}
.aboutPage .about-tit h3 span {
  font-size: 12px;
  text-transform: uppercase;
  color: #666;
}
.historyPage {
  width: 100%;
  padding-top: 80px;
  min-height: 1400px;
  background: url(../images/history-bg.jpg) no-repeat center 50px;
}
.historyPage .about-tit {
  width: 100%;
  margin-bottom: 20px;
}
.historyPage .about-tit a {
  text-transform: uppercase;
  font-size: 14px;
}
.historyPage .about-tit h3 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 22px;
  color: #000;
}
.historyPage .about-tit h3 span {
  font-size: 12px;
  margin-left: 6px;
  text-transform: uppercase;
  color: #666;
}
.historyPage .timg {
  padding: 80px 0 30px;
}
.jobPage .n-menu a {
  margin: 0 40px 20px;
}
.jobPage .columnImg {
  width: 100%;
  position: relative;
  margin-bottom: 55px;
}
.jobPage .columnImg img {
  display: block;
  max-width: 100%;
}
.jobPage .columnImg .btn {
  width: 120px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -60px;
  text-align: center;
  background: #008cd7;
  color: #fff;
  border-radius: 15px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.jobPage .columnImg .btn:hover {
  background: #2957a4;
}
.jobPage .job-contact {
  width: 100%;
  height: 140px;
  background: #e6e6e6;
}
.jobPage .job-contact p {
  padding: 30px 0 0 60px;
  line-height: 40px;
  font-size: 24px;
}
.jobPage .job-contact p span {
  font-size: 14px;
  display: block;
}
.jobPage .job-contact .btn {
  width: 250px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  margin: 48px 60px 0 0;
  text-align: center;
  background: #008cd7;
  color: #fff;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.jobPage .job-contact .btn:hover {
  background: #2957a4;
}
.jobPage .joblist {
  width: 100%;
  overflow: hidden;
}
.jobPage .joblist .list {
  width: 105%;
}
.jobPage .joblist .list li {
  width: 550px;
  float: left;
  margin-bottom: 65px;
  margin-right: 60px;
}
.jobPage .joblist .list li img {
  width: 100%;
  height: 312px;
}
.jobPage .joblist .list li h3 {
  padding: 20px 0 10px;
  color: #333333;
  font-size: 24px;
}
.jobPage .joblist .list li .txt {
  font-size: 18px;
  line-height: 30px;
  height: 90px;
  margin-bottom: 6px;
  overflow: hidden;
  color: #666;
}
.jobPage .joblist .list li .btn {
  width: 120px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  background: #008cd7;
  color: #fff;
  border-radius: 15px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.jobPage .joblist .list li .btn:hover {
  width: 130px;
  background: #2957a4;
}
.jobPage .joblist.joblist2 .list li {
  width: 346px;
  margin-right: 60px;
}
.jobPage .joblist.joblist2 .list li img {
  height: 200px;
}
/*honorPage*/
.honorPage {
  overflow: hidden;
}
.honorPage .honor-tit {
  width: 100%;
}
.honorPage .honor-tit a {
  text-transform: uppercase;
  font-size: 14px;
}
.honorPage .honor-tit h3 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
.honorPage .honor-tit h3 span {
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  color: #666;
}
.honorPage .n-img-list {
  padding: 25px 0 20px;
}
.honorPage .n-img-list li h3 {
  font-size: 20px;
  padding: 10px 5px 0;
  line-height: 32px;
  height: 96px;
  overflow: hidden;
}
.honorPage .honorlist2 {
  height: 834px;
  overflow: hidden;
}
.honorPage .honorlist2 .n-img-list {
  width: 120%;
}
.honorPage .honorlist2 .n-img-list li {
  width: 340px;
  padding: 0 70px 10px 0;
  margin: 0 0 40px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 20px;
}
.honorPage .honorlist2 .n-img-list li img {
  width: 340px;
  height: 255px;
}
.honorPage .honorlist3 {
  overflow: hidden;
}
.honorPage .honorlist3 .n-img-list {
  width: 120%;
}
.honorPage .honorlist3 .n-img-list li {
  width: 238px;
  padding-right: 70px;
  padding-bottom: 32px;
  margin: 0;
  font-size: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.honorPage .honorlist3 .n-img-list li img {
  width: 236px;
  height: 341px;
  border: 1px solid #939393;
}
/*talentPage*/
.talentPage .talent-tit {
  width: 100%;
  margin-bottom: 32px;
}
.talentPage .talent-tit a {
  text-transform: uppercase;
  font-size: 14px;
}
.talentPage .talent-tit h3 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 20px;
  color: #000;
}
.talentPage .talent-tit h3 span {
  font-size: 12px;
  text-transform: uppercase;
  color: #666;
}
.talentPage .item {
  width: 290px;
  float: left;
  height: 580px;
}
.talentPage .item a {
  display: block;
  width: 100%;
}
.talentPage .item .txtcon {
  width: 215px;
  height: 262px;
  position: relative;
  color: #fff;
  padding: 28px 55px 0 20px;
  background: #0095cd url(../images/talent-titbg2.png) no-repeat 172px 90%;
}
.talentPage .item .txtcon s {
  width: 72px;
  height: 65px;
  display: block;
  margin: 0 0 26px;
  background: url(../images/talent-titbg.png) no-repeat center center;
}
.talentPage .item .txtcon span {
  font-size: 56px;
  position: absolute;
  line-height: 56px;
  right: 15px;
  top: 28px;
  font-family: arial;
}
.talentPage .item .txtcon h3 {
  font-size: 24px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  margin-bottom: 15px;
}
.talentPage .item .txtcon .txt {
  line-height: 20px;
  height: 100px;
  overflow: hidden;
}
.talentPage .item img {
  width: 290px;
  height: 290px;
  display: block;
  transition: all .5s;
}
.talentPage .item .img {
  width: 290px;
  height: 290px;
  display: block;
  overflow: hidden;
}
.talentPage .item.a2 .txtcon {
  background: #5bc527;
}
.talentPage .item.a3 .txtcon {
  background: #bac604;
}
.talentPage .item.a4 .txtcon {
  background: #ffb61b;
}
.talentPage .list1 {
  padding-bottom: 70px;
}
.talentPage .list2 {
  padding-bottom: 40px;
}
.talentPage .list2 .item:hover img {
  transform: scale(1.04);
}
/*contactPage*/
.contactPage {
  padding-top: 45px;
  padding-bottom: 0;
}
.contactPage .mapArea {
  width: 100%;
  height: 360px;
  margin: 58px 0 50px;
  display: block;
  overflow: hidden;
}
.contactPage .contact-address {
  width: 100%;
  height: 290px;
  padding-top: 10px;
  overflow: hidden;
  background: url(../images/contact-bg2.png) no-repeat right top;
}
.contactPage .contact-address .item {
  width: 660px;
  height: 60px;
  line-height: 60px;
  padding: 34px 0;
  border-bottom: 1px dashed #666666;
}
.contactPage .contact-address .item span {
  float: right;
  width: 540px;
  font-size: 18px;
}
.contactPage .contact-address .item s {
  width: 100px;
  height: 60px;
  line-height: 60px;
  display: block;
  float: left;
  *zoom: 1;
  text-align: center;
  background: #e6e6e6 url(../images/contact-ico.png) no-repeat -158px center;
}
.contactPage .contact-address .item s:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.contactPage .contact-address .item.a2 {
  border-bottom: 0;
}
.contactPage .contact-address .item.a2 s {
  background-position: -248px center;
}
.contactPage .contact-address .item.a2 span {
  line-height: 32px;
}
/*contact-tel*/
.contact-tit {
  width: 100%;
  border-bottom: 1px solid #4c4c4c;
  text-align: center;
  height: 53px;
  line-height: 53px;
}
.contact-tit h3 {
  padding: 0 12px;
  font-size: 30px;
  line-height: 50px;
  height: 50px;
  display: inline-block;
  border-bottom: 3px solid #4c4c4c;
  color: #4c4c4c;
}
.contact-tel .con {
  width: 800px;
  height: 309px;
  padding: 82px 0;
  margin: 0 auto;
  position: relative;
  text-align: center;
  background: url(../images/contact-bg1.png) no-repeat center top;
}
.contact-tel .con .img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 148px;
  text-align: center;
  margin: 0 48px;
  color: #d48c25;
  font-size: 18px;
}
.contact-tel .con .img img {
  width: 148px;
  height: 148px;
  display: block;
  margin: 0 auto 18px;
}
.contact-tel .con .tel {
  width: 177px;
  font-size: 18px;
  color: #333333;
}
.contact-tel .con .tel s {
  width: 78px;
  height: 78px;
  margin-bottom: 20px;
  border-radius: 100%;
  border: 1px solid #4d4d4d;
  display: block;
  background: #ffffff url(../images/contact-ico.png) no-repeat 15px center;
}
.contact-tel .con .tel span {
  display: block;
  width: 100%;
  background-color: #fff;
}
.contact-tel .con .tel.email {
  width: 300px;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -150px;
}
.contact-tel .con .tel.email s {
  display: block;
  margin: 0 auto 10px;
  background-position: -76px center;
}
.contact-tel .con .tel1 {
  position: absolute;
  top: 90px;
  left: -16px;
}
.contact-tel .con .tel2 {
  position: absolute;
  top: 90px;
  right: -16px;
  text-align: right;
}
.contact-tel .con .tel2 s {
  display: inline-block;
  margin-bottom: 14px;
}
.contact-tel .con .tel2 span {
  text-align: center;
}
.contact-kefu {
  padding: 40px 0 80px;
}
.contact-kefu li {
  width: 260px;
  float: left;
  margin-left: 188px;
  text-align: center;
}
.contact-kefu li:first-child {
  margin-left: 0;
}
.contact-kefu li s {
  width: 118px;
  height: 118px;
  display: block;
  margin: 0 auto;
  background: url(../images/contact-kf-ico.png) no-repeat center top;
}
.contact-kefu li span {
  display: block;
  font-size: 18px;
  padding: 15px 0;
}
.contact-kefu li a {
  width: 104px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #d48c25;
  color: #fff;
  border-radius: 15px;
  font-size: 16px;
  display: block;
  margin: 0 auto;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.contact-kefu li a:hover {
  width: 112px;
  background: #008cd7;
}
/*newsPage*/
.news-more {
  width: 100%;
  cursor: pointer;
}
.news-more s {
  width: 42px;
  height: 42px;
  display: block;
  margin: 10px auto 30px;
  background-position: -295px -85px;
}
.newsPage .left {
  width: 581px;
  float: left;
}
.newsPage .left .item {
  width: 540px;
  border-right: 1px solid #cccccc;
  padding-right: 40px;
}
.newsPage .left .list {
  border-right: 1px solid #cccccc;
  padding-right: 40px;
}
.newsPage .right {
  width: 540px;
  float: right;
}
.newsPage .title {
  width: 100%;
  padding-bottom: 15px;
  font-size: 20px;
  color: #333333;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 25px;
}
.newsPage .title a.hover{
	color: #fff;
	background-color: #008cd7;
	}
.newsPage .title span {
  font-size: 14px;
  color: #808080;
}
.newsPage .item {
  width: 100%;
  display: block;
}
.newsPage .item a {
  width: 100%;
  display: block;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 18px;
}
.newsPage .item img {
  width: 100%;
  height: 200px;
  display: block;
}
.newsPage .item h3 {
  font-size: 20px;
  line-height: 55px;
  height: 50px;
  overflow: hidden;
}
.newsPage .item .txt {
  font-size: 16px;
  color: #808080;
  line-height: 26px;
  height: 180px;
  overflow: hidden;
}
.newsPage .list {
  line-height: 30px;
  padding-top: 16px;
}
.newsPage .list li {
  height: 180px;
  width: 100%;
  font-size: 18px;
}
.newsPage .list li a {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: block;
  color: #444;
  padding: 0;
  border: 0px;
}
.newsPage .list li .time {
  float: right;
}
.newsPage .list li:hover a {
  color: #2957a4;
}

.rightFix {
  width: 48px;
  position: fixed;
  left: 20px;
  top: 63%;
  margin-top: -100px;
  z-index: 99;
}
.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: #fff url(../images/fix-ico.png) no-repeat center 0;
}
.rightFix .ico:before {
  background: linear-gradient(to bottom, #22e9a6, #009de2);
}
.rightFix .ico .img {
  width: 180px;
  height: auto;
  position: absolute;
  right: -78px;
  top: 0;
  padding: 6px;
  background: #d44444;
  border: 1px solid #ddd;
  background: #fff;
  display: block;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 5px;
  color: #333;
  padding-bottom: 10px;
}
.rightFix .ico .img p {
  padding-bottom: 5px;
}
.rightFix .ico:hover .img {
  opacity: 1;
  filter: alpha(opacity=100);
  right: -200px;
}
.rightFix .ico .img img {
  width: 180px;
  height: 180px;
}
.rightFix .ico span {
  width: 210px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  position: absolute;
  right: -78px;
  top: 0;
  background: #d44444;
  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: #d44444;
  border-color: #d44444;
  overflow: visible;
}
.rightFix .ico.fix-ewm:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  right: -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-xcx {
  background-position: 11px -39px;
}
.rightFix .fix-xcx:hover {
  background-position: -33px -39px;
}
.rightFix .fix-ewm {
  background-position: 11px -150px;
}
.rightFix .fix-ewm:hover {
  background-position: -33px -150px;
}
.rightFix .fix-qq {
  background-position: 11px -243px;
}
.rightFix .fix-qq:hover {
  background-position: -32px -243px;
}
.rightFix .mess {
  background-position: 11px -96px;
}
.rightFix .mess:hover {
  background-position: -33px -96px;
}
.rightFix .fix_top {
  background-position: 11px -205px;
}
.rightFix .fix_top:hover,
.rightFix .fix_top.hover {
  background-color: #d44444;
  border-color: #d44444;
  background-position: -33px -205px;
}
.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;
}

.relate-news {
  padding: 0 15px;
  overflow: hidden;
}
.relate-news .tit {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  background: url(../images/show-relate-bg.png) no-repeat right center;
  margin-bottom: 25px;
}
.relate-news .tit s {
  width: 22px;
  height: 22px;
  margin-right: 8px;
  background-position: -342px 0;
}
.relate-news .list {
  width: 102%;
}
.relate-news .list li {
  width: 47%;
  margin-right: 3%;
  height: 45px;
  line-height: 45px;
  float: left;
  overflow: hidden;
  border-bottom: 1px dashed #aaa;
}
.relate-news .list li a {
  display: block;
  width: 100%;
}
/*reLink*/
.reLink {
  background: #e6e6e6;
  margin-bottom: 40px;
  font-size: 18px;
}
.reLink .prevLink,
.reLink .nextLink {
  width: 50%;
  height: 58px;
  line-height: 58px;
}
.reLink .prevLink a,
.reLink .nextLink a {
  display: block;
}
.reLink .prevLink a {
  padding-left: 20px;
  border-right: 1px solid #d1d1d1;
}
.reLink .nextLink a {
  padding-right: 20px;
  text-align: right;
  border-left: 1px solid #eeeeee;
}
.showNews .title {
  text-align: center;
  font-size: 30px;
  line-height: 34px;
  padding-bottom: 30px;
}
.showNews .mark {
  text-align: center;
  font-size: 15px;
  padding-bottom: 40px;
}
.showNews .mark span {
  margin: 0 12px;
}
.showNews .content {
  border: 1px solid #e1e1e1;
  padding: 40px 20px;
}
.showNews .content .contxt {
  font-size: 18px;
  line-height: 34px;
  padding-bottom: 30px;
}
.showNews .content .contxt img {
  max-width: 100%;
}
.showNews .content .morebtn {
  width: 156px;
  height: 44px;
  line-height: 44px;
  display: block;
  margin: 50px auto;
  color: #fff;
  border-radius: 8px;
  font-size: 20px;
  text-align: center;
  background: #008cd7;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.showNews .content .morebtn:hover {
  background: #2957a4;
}
.dialog-layout {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 101;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2957a4;
  height: 2px;
  -webkit-transition-property: "left, right";
  transition-property: "left, right";
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/navhoverbg.jpg) no-repeat right bottom;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  display: block;
  display: none\9;
}
:root .hvr-sweep-to-bottom:before {
  display: block\9;
}
.hvr-sweep-to-bottom:hover {
  background: url(../images/navhoverbg.jpg) no-repeat right bottom \9;
}
.hvr-sweep-to-bottom:hover a,
.hvr-sweep-to-bottom:focus a,
.hvr-sweep-to-bottom:active a {
  color: #fff !important;
}
.hvr-sweep-to-bottom:hover a span,
.hvr-sweep-to-bottom:focus a span,
.hvr-sweep-to-bottom:active a span {
  color: #fff !important;
}
.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.hvr-linear {
  position: relative;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  overflow: hidden;
}
.hvr-linear:before {
  position: absolute;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(25, 58, 116, 0.8) 0%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0) 100%);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}
.hvr-linear:hover:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/**************
 *  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;
}
.xfupic {
  position: absolute;
  top: 20px;
  width: 200px;
  height: 200px;
  display: block;
  z-index: 999999;
}
.xfupic .c_adver {
  display: block;
  width: 200px;
  height: 200px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.xfupic img {
  width: 200px;
  height: 200px;
  display: block;
}
.xfupic span {
  width: 36px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/close1.png) no-repeat left top;
  z-index: 3;
  cursor: pointer;
  display: block;
}

/*HTML地图*/
.about_main{line-height:30px; height:auto; font-size:14px;color:#666666; margin:0; padding:0;float:left;}
.about_main ul{list-style:none; margin:0; padding:0;}
.about_main ul li.map_1{border-bottom:1px solid #eee;margin:10px 0;padding:10px;font-weight:bold;}
.about_main ul li.map_2{ /*float:left;*/ min-width:110px; padding:0 32px;color:#2957a4;}
.about_main ul li.map_3{ /*float:left;*/min-width:110px; padding:0 52px;}
.about_main ul li.map_1 a{color: #666666;}
.about_main ul li.map_2 a{color: #2957a4;}
.about_main ul li.map_3 a{color: #666666;}
.about_main ul li a:hover{color:#666666; text-decoration:underline; font-weight:bold;}
.right_top ._column_title{ border-left:3px solid #e60044; color:#333; float:left; font-size:20px; height:24px; line-height:24px; margin:19px 0; padding-left:15px; display:inline;}
.right_top .column_path{ float:right;display:inline; color:#999; font-size:12px;}
.right_top .column_path a{color:#999;}
/*新闻中心*/
.newsPage{padding-top:50px;min-height:650px;}
.newsPage .newsTit{margin-bottom:50px;}
.newsPage .newsTit .tit{font-size:36px;color:#333;line-height:36px;text-align:center;}
.newsPage .newsTit .line{width:417px;height:7px;margin:10px auto;background:url("../images/newLine.png") no-repeat center center;background-size:417px 7px;}
.newsPage .newsTit .etit{font:16px normal "Arial";color:#333;text-align:center;line-height:16px;text-transform:uppercase;}
.newsPage .newsList .list .item{padding:50px 0;border-bottom:1px solid #f2f2f2;cursor:pointer;}
.newsPage .newsList .list .item .img{float:left;display:block;width:300px;height:206px;}
.newsPage .newsList .list .item .txt{float:left;margin-left:30px;padding-top:30px;width:600px;}
.newsPage .newsList .list .item .txt .tit{font-size:24px;color:#454545;line-height:26px;transition:all ease 600ms;}
.newsPage .newsList .list .item .txt .cont{margin-top:12px;font-size:14px;color:#454545;line-height:24px;}
.newsPage .newsList .list .item .txt .views{margin-top:50px;font-size:12px;color:#333;line-height:14px;}
.newsPage .newsList .list .item .time{float:right;width:180px;padding-top:30px;}
.newsPage .newsList .list .item .time .day{font-size:60px;font-family:"arial";color:#737373;line-height:46px;text-align:center;}
.newsPage .newsList .list .item .time .year{font-size:16px;font-family:"arial";text-align:center;text-indent:6px;}
.newsPage .newsList .list .item .time .viewMore{display:block;width:178px;height:38px;margin-top:36px;font-size:14px;font-family:"arial";line-height:40px;text-align:center;color:#b0b0b0;border:1px solid #e5e5e5;border-radius:3px;}
.newsPage .newsList .list .item:hover .txt .tit{font-weight:bold;color:#2957a4;text-indent: 5px;transition:all ease 600ms;}
.newsPage .newsList .list .item:hover .time .viewMore{background:#2957a4;color:#fff;border-color:#2957a4;}
.newsPage .newsList .list .item:hover .img{filter:brightness(105%);-webkit-filter:brightness(105%);}