@charset "UTF-8";
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background: #1b1b1b;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #1b1b1b;
}

::-webkit-scrollbar-thumb:vertical:hover {
  background: #1b1b1b;
}
.se-img{
	    width: 120px;
    height: 120px;
    max-width: 200px;
    right: 80px;
    top: 0;
    position: absolute;
    display: block;
}
.w1520 {
  width: 85%;
  margin: 0 auto;
}

html, body {
  color: #777;
font-family: "微软雅黑","黑体";
}

input, textarea, select {
  margin: 0;
  padding: 0;
}

input {
  border: none;
}

a {
  color: #777;
  transition: color 0.3s ease 0s;
}

a:hover {
  color: #333;
}

li {
  float: left;
}

ul:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}

img.up-pic {
  position: absolute;
  left: 0;
  top: 0;
 width: 100%;
 /* height: 100%;*/

  z-index: 2;
  *height: auto;
}

.pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 10px;
}
.pagination span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1px solid #dadada;
  border-radius: 50%;
  margin: 0 5px;
  vertical-align: top;
}
.pagination span.swiper-pagination-bullet-active {
  border: 1px solid #3b3b3b;
  background: none;
}
.ny_xwsj {
    display: none;
}
.ny_xwsj2 {display: none;}
.xcxhyyysj{display: none;}
.nban2 .mb {opacity: 0;
}
.ppsj_part3 .ppfwlc {display: none;}
.sixul li:nth-child(3n){margin-right:0}
.padt70 {padding-top: 70px;}
header .top { height: 36px; background:#333333; line-height: 36px; font-size: 12px; color: #ccc;display: none}
header .top .lm ul li{float:left; display:block; position:relative; background:url(../images/sx.jpg) no-repeat right center;}
header .top .lm a{color:#ccc; display:block; padding:0 15px;}
header .top .lm ul li:hover a{background-color:#222; color:#ff6800;}
header .top .lm ul li a.dh{padding-left:30px; background:url(../images/ssj.png) no-repeat 10px center;}
header .top .lm i{display:block; width:11px; height:14px; background:url(../images/sj.png) no-repeat; float:left; margin:11px 5px 0 0;}
header .top .lm i.gw{width:18px; height:15px; background:url(../images/gwc1.png) no-repeat; margin:11px 5px 0 0;}
header .top .lm em{font-style:normal; color:#ff6800; padding:0 5px;}
header .top .lm span{display:inline-block; border:4px solid transparent; border-top:5px solid #6a6a6a; width: 0; height: 0px; margin-left:5px; vertical-align:-3px; *vertical-align:6px}
header .top .lm ul li:hover .gwc{display:block;}
header .top .gwc{width:358px; background-color:#fff; padding:20px 0 0; position:absolute; border:1px solid #ccc; border-radius:5px 5px 0 0; top:45px; right:0; z-index:999; display:none;}
header .top .gwc .jt{width:100%; height:14px; background:url(../images/djt.png) no-repeat 315px center; position:absolute; top:-12px; right:10px;}
header .top .gwc .sp{width:328px; margin:0 auto; font-size:14px; line-height:32px;}
header .top .gwc .sp h3{font-size:18px; color:#333; line-height:32px; border-bottom:1px solid #ff6800;}
header .top .gwc .sp .s_x{margin:5px 0;}
header .top .gwc .sp .m{color:#ff6800; float:left; width:200px;}
header .top .gwc .sp .j{color:#ff6800; float:left;}
header .top .gwc .sp .s{float:right; margin-top:8px;}
header .top .gwc .xx{background-color:#f7f7f7; padding:10px 15px; text-align:right; font-size:14px; line-height:30px; color:#555;}
header .top .gwc .xx .x_x{margin:5px 0;}
header .top .gwc .xx b{color:#ff6800; padding:0 5px;}
header .top .gwc .xx a{width:120px; height:32px; border-radius:5px; font-size:14px; line-height:32px; text-align:center; display:block; float:right;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
header .top .lm ul li:hover .gwc .xx a{background-color:#ff6800; color:#fff;}
header .top .lm ul li:hover .gwc .xx a:hover{background-color:#fe8a20;}

header {
  position: relative;
  z-index: 10;
  transition: transform 0.5s ease 0s;
  height: 100px;
}
header .header-main {
  width: 100%;
  background-color: #fff;
  transition: padding 0.3s ease 0s, transform 0.5s ease 0s;
  position: fixed;
  left: 0;
  top:0;border-bottom: 1px solid #eee;height: 100px
}
header .logo img {
  transition: all 0.3s ease 0s;
}
header .logo img.sj {display: none}
header .cpfa{padding-top: 24px;position: relative}
header .cpfa .ete{line-height: 40px;
    font-size: 14px;
    transition: all 0.3s ease 0s;color: #333;}
header .cpfa .ete .line {
    display: inline-block;
    width: 1px;
    height: 11px;
    background-color: #ccc;
    float: left;
    margin-left: 33px;
    margin-top: 16px;
}

header .nav-link .nav li.cp .sub-nav .l1{ float:left;padding:0 45px;border-right: 1px #eee solid}
header .nav-link .nav li.cp .sub-nav .l1:last-child{border-right:0}
header .nav-link .nav li.cp .sub-nav .l1 .lm {float: left;}
.mgr60{ margin-right: 60px}
header .nav-link .nav li.cp .sub-nav .l1 h3 a{font-size: 20px;margin-bottom: 10px;color: #333;}
header .nav-link .nav li.cp .sub-nav .l1 h3 a:hover{color: #0099ff}
header .nav-link .nav li.cp .sub-nav .l1 p {line-height:55px;font-size: 16px;color: #333;position: relative;}
header .nav-link .nav li.cp .sub-nav .l1 p a { color: #333; display: block; }
header .nav-link .nav li.cp .sub-nav .l1 p:hover a{color: #0099ff}
header .nav-link .nav li.cp .sub-nav .l1 p.p1 a{padding-left:15px}
header .nav-link .nav li.cp .sub-nav .l1 p.p1 a:before{content: "";width: 3px;height: 3px;border-radius: 50%;border: 2px solid #363636;position: absolute;left: 0;top:50%;transform: translateY(-50%);transition: .3s;}
header .nav-link .nav li.cp .sub-nav .l1 p:hover.p1 a:before{border-color: #0099ff}
header .nav-link .nav li.cp .sub-nav .l1 p a i {padding-right: 10px}
header .nav-link .nav li.cp .sub-nav .l1 p a i .img1 {display:inline-block;}
header .nav-link .nav li.cp .sub-nav .l1 p a i .img2 {display: none;}
header .nav-link .nav li.cp .sub-nav .l1 p a:hover i .img1 {display: none}
header .nav-link .nav li.cp .sub-nav .l1 p a:hover i .img2{display: inline-block}
header .nav-link {
  position: relative;
  margin-top: 10px;padding-top: 19px
}
header .nav-link .nav {
  line-height: 40px;
  font-size: 14px;
  transition: all 0.3s ease 0s;
}
header .nav-link .nav a.tit-a {
  color: #333;
  display: inline-block;
  transition: all 0.3s ease 0s;
  line-height: 40px;
}
header .nav-link .nav a.tit-a:hover {
  color: #888;
}
header .nav-link .nav li {
  padding-left: 36px;
  height: 40px;
  padding-bottom: 32px;
  transition: all 0.3s ease 0s;
  position: relative;
}
header .nav-link .nav li.cp {background: url(../images/home.jpg) 8px 8px no-repeat}
header .nav-link .nav li.cur a.tit-a {
  color: #888;
}
header .nav-link .nav li.cp .sub-nav{
  position: fixed;padding: 40PX 0;
  top: 95px;
  left: 0;
  width: 100%;
  background-color: #fff;
  height:auto;
  z-index: 2;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display:none;
}
header .nav-link .nav li .sub-nav{
  position: fixed;
  top:95px;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 50px;
  z-index: 2;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: none;
}
header .nav-link .nav li .sub-nav dl{
  float: right;
  width: 660px;
}
header .nav-link .nav li .sub-nav dd{
  margin-right: 60px;
  font-size: 14px;
  line-height: 47px;
  padding-top: 4px;
  position: relative;
  float: left;
}
header .nav-link .nav li .sub-nav dd a{

}
header .nav-link .nav li .sub-nav dd a {
  display: inline-block;
  color: #777;
}
header .nav-link .nav li .sub-nav dd i {
  display: block;
  width: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 3px;
  background-color: #333;
}
header .nav-link .nav li .sub-nav dd:hover a {
  color: #333;
}
header .nav-link .nav li .sub-nav dd:hover i {
  left: 0;
  width: 100%;
  transition: all 0.4s ease 0s;
}
header .nav-link .nav li .sub-nav dd.hover a {
  color: #333;
}
header .nav-link .nav li .sub-nav dd.hover i {
  left: 0;
  width: 100%;
}
header .nav-link .nav .line {
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #ccc;
  float: left;
  margin-left: 33px;
  margin-top: 16px;
}
header .nav-link .extra-nav {
  color: #333;
}
header .nav-link .sub-menu {
  width: 722px;
  position: absolute;
  left: 0;
  top: 72px;
  background-color: #fff;
  display: none;
}
header .nav-link .sub-menu .boxs {
  border-top: 1px solid #444444;
  display: none;
}
header .nav-link .sub-menu ul {
  width: 236px;
  border: 1px solid #d0d0d0;
}
header .nav-link .sub-menu li {
  border-top: 1px solid #d0d0d0;
  line-height: 44px;
  font-size: 12px;
  line-height: 24px;
  width: 100%;
  transition: background 0.3s ease 0s;
}
header .nav-link .sub-menu li a {
  display: block;
  width: 186px;
  padding: 10px 25px;
}
header .nav-link .sub-menu li:hover {
  background-color: #eee;
}
header .nav-link .sub-menu li:first-child {
  border-top: none;
}
header .nav-link .sub-menu .img-box {
  padding-top: 13px;
  margin-left: 12px;
  padding-bottom: 10px;
}
header .nav-link .sub-menu .img-box .img {
  display: block;
  width: 225px;
  position: relative;
  margin-right: 10px;
  float: left;
}
header .nav-link .sub-menu .img-box .up-tit {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -42px;
}
header .nav-link .sub-menu .img-box .up-tit p {
  font-size: 70px;
  font-family: "Trump";
  color: #fff;
  line-height: 80px;
}
header .nav-link .sub-menu .img-box .up-tit .line {
  display: block;
  width: 78px;
  height: 4px;
  margin: 0 auto;
  background-color: #fff;
}
header .extra-link {margin-left: 20px;margin-top: 10px;padding-top: 19px}
header .extra-link a {
  display: inline-block;
  height: 40px;
  width: 22px;
  margin-left: 15px;
  float: left;
}
header .extra-link .link1 {
  background: url(../images/ico_01.png) no-repeat center;
}
header .extra-link .link2 {
  background: url(../images/ico_02.png) no-repeat center;
}
header .extra-link .link3 {
  background: url(../images/ico_03.png) no-repeat center;
}
header .extra-link .link4 {
  background: url(../images/ico_04.png) no-repeat center;
}
header .m-btn {
  width: 22px;
  height: 20px;
  padding: 12px;
  display: none;
  cursor: pointer;
  margin-top: 3px;
}
header .m-btn .box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
header .m-btn .line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #1d1d1d;
  position: absolute;
  left: 0;
  transition: width 0.3s ease 0s;
}
header .m-btn .line1 {
  width: 12px;
  top: 0;
}
header .m-btn .line2 {
  width: 20px;
  top: 6px;
}
header .m-btn .line3 {
  width: 16px;
  top: 13px;
}
header .m-btn.cur .line1, header .m-btn.cur .line2, header .m-btn.cur .line3 {
  width: 100%;
}

header.fixed .header-main {
  position: fixed;
  left: 0;
  top:0;
}

footer {
  background-color: #222;
  padding-top: 70px;
  padding-bottom: 54px;
}
footer .main-wrap {
  width: 82.8%;
  margin: 0 auto;
}
footer .top-wrap {
  padding-bottom: 35px;
  border-bottom: 1px solid #393939;
}
footer .top-wrap .nav {
  line-height: 40px;
}
footer .top-wrap .nav a {
  display: inline-block;
  font-size: 14px;
  float: left;
  color: #fff;
  opacity: 0.4;
  filter: alpha(opacity=40);
  transition: opacity 0.3s ease 0s;
}
footer .top-wrap .nav a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
footer .top-wrap .nav .line {
  display: inline-block;
  float: left;
  width: 1px;
  height: 10px;
  background-color: #fff;
  opacity: 0.4;
  filter: alpha(opacity=40);
  margin: 16px 20px 14px;
}
footer .top-wrap .call {
  line-height: 40px;
  margin-top: 2px;
  display: inline-block;
  color: #fff;
  opacity: 0.4;
  filter: alpha(opacity=40);
  font-size: 12px;
}
footer .bot-wrap {
  /*line-height: 42px;*/
  line-height: 24px;
  padding-top: 28px;
  font-size: 12px;
}
footer .bot-wrap p {
  color: #7a7a7a;
  text-transform: uppercase;
}
footer .bot-wrap a {
  color: #7a7a7a;
  transition: all 0.3s ease 0s;
}
footer .bot-wrap a:hover {
  color: #fff;
}
footer .bot-wrap .site-img {
  display: inline-block;
  margin-right: 8px;
}
.flyuan {}
.falvtc {width:100%; height:100%; background:url(../images/hb.png) repeat; display:none; position: fixed; top:0; left:0; z-index:99}
.falvtc .gb {width:17px; height:17px; position:absolute; top:10px; right:10px; cursor:pointer;}
.falvtc .gb img {width:100%; height:auto;}
.falvtc .wz {width:600px; height:500px; background:#fff; position: absolute; left: 50%;margin-left: -300px;top: 50%;margin-top: -250px;padding-bottom: 20px; -moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.falvtc .wz .bt  {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;
}
.falvtc .wz .box { padding: 20px;overflow-y:scroll;height: 400px}
.falvtc .wz .box .nr {font-size: 14px;line-height: 1.8;color: #333;}

.bot-out-link{
  position: fixed;
  left: 3%;
  bottom: 30px;
  background-color: #0099ff;
  color: #fff;
  display: block;
  width: 130px;
  height: 48px;
  border-radius: 4px;
  z-index: 10;
  text-align: center;
  line-height: 48px;
  font-size: 22px;
  font-family: "微软雅黑";
}
.bot-out-link:hover{
  color: #fff;
}

.return-top {
  width: 36px;
  position: fixed;
  right: 4.4%;
  bottom: 190px;
  display: none;
}
.return-top .top-btn {
  text-align: center;
  display: block;
  width: 100%;
  padding-top: 14px;
  line-height: 16px;
  height: 22px;
  background: url(../images/ico_45.png) no-repeat center 10px #fff;
  font-family: "Arial";
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.return-top .top-btn:hover {
  background: url(../images/ico_45_h.png) no-repeat center 10px #000;
  color: #fff;
}
.return-top .link-qq {
  display: block;
  width: 100%;
  height: 36px;
  margin-top: 1px;
  background: url(../images/ico_46.png) no-repeat center #fff;
  transition: all 0.3s ease 0s;
}
.return-top .link-qq:hover {
  background: url(../images/ico_46_h.png) no-repeat center #000;
  color: #fff;
}

.float-right-box{
  width: 250px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -127px;
  background-color: #191919;
  z-index: 1000;
  transition: width 0.3s ease 0s;
}
.float-right-box.on{
  width: 50px;
}
.float-right-box .top-list{
    width: 100%;
}
.float-right-box .top-list ul{
  width: 100%;
}
.float-right-box .top-list li{
  width: 100%;
  position: relative;
  border-bottom: 1px solid #3b3b3b;
  transition: background 0.3s ease 0s;
  height: 50px;
}
.float-right-box .top-list a{
  display: block;
  width: 100%;
}
.float-right-box .top-list .ico{
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.3s ease 0s;
  z-index: 2;
}
.float-right-box .top-list .ico1{
  background: url(../images/ico_58.png) no-repeat center #191919;
}
.float-right-box .top-list .ico2{
  background: url(../images/ico_59.png) no-repeat center #191919;
}
.float-right-box .top-list .ico3{
  background: url(../images/ico_60.png) no-repeat center #191919;
}
.float-right-box .top-list .ico4{
  background: url(../images/ico_61.png) no-repeat center #191919;
}
.float-right-box .top-list .ico5{
  background: url(../images/ico_62.png) no-repeat center #191919;
}
.float-right-box .top-list .ico6{
  background: url(../images/ico_68.png) no-repeat center #191919;
}
.float-right-box .top-list .ico7{
  background: url(../images/ico_69.png) no-repeat center #191919;
}
.float-right-box .top-list .stt{
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  transition: color 0.3s ease 0s;
  position: absolute;
  left: 28px;
  top: 0;
  z-index: 1;
  width: 222px;
}
.float-right-box .top-list li:hover .stt{
  color: #15191e;
}
.float-right-box .top-list li:hover .ico1{
  background: url(../images/ico_58_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico2{
  background: url(../images/ico_59_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico3{
  background: url(../images/ico_60_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico4{
  background: url(../images/ico_61_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico5{
  background: url(../images/ico_62_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico6{
  background: url(../images/ico_68_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico7{
  background: url(../images/ico_69_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover{
  background-color: #fff;
}
.float-right-box .top-list .return-webtop .stt{
  font-family: "Arial";
  font-weight: bold;
}
.float-right-box .bot-share{
  position: relative;
  height: 50px;
}
.float-right-box .bot-share a{
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  transition: background 0.3s ease 0s;
  margin: 0;
  padding: 0;
}
.float-right-box .bot-share .share{
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.float-right-box .bot-share .sina{
  background: url(../images/ico_63.png) no-repeat center;
}
.float-right-box .bot-share .wx{
  background: url(../images/ico_64.png) no-repeat center;
}
.float-right-box .bot-share .tx{
  background: url(../images/ico_65.png) no-repeat center;
}
.float-right-box .bot-share .more{
  background: url(../images/ico_66.png) no-repeat center;
}
.float-right-box .bot-share a:hover{
  background-color: #525354;
}
.float-right-box .bot-share .share-ico{
  background: url(../images/ico_67.png) no-repeat center #191919;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: relative;
}

.new-float{
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 50;
  width: 77px;
  height: 374px;
  margin-top: -150px;
}
.new-float li{
  position: relative;
  width: 77px;
  height: 57px;
  margin-bottom: 1px;
  line-height: 27px;
  color: #fff;
  text-align: center;
}
.new-float li.hover{
  overflow: hidden;
}
.new-float li a{
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
.new-float li a.tit{
  width: 77px;
  height: 27px;
  padding: 30px 10px 0 0;
  color: #fff;
}
.new-float li p{
  position: relative;
  z-index: 2;
  height: 27px;
  padding-top: 30px;
  cursor: pointer;
}
.new-float li.fi a{
  background: url(../images/bg_float01.png) no-repeat;
}
.new-float li.se a{
  background: url(../images/bg_float02.png) no-repeat;
}
.new-float li.th a{
  background: url(../images/bg_float03.png) no-repeat;
}
.new-float li.fo a.tit{
  background: url(../images/bg_float04.png) no-repeat;
}
.new-float li.fif p{
  background: url(../images/bg_float05.png) no-repeat;
  font-size: 12px;
}
.new-float li.zixun a{
  background: url(../images/bg_float01.png) no-repeat;
}
.new-float li.six a{
  background: url(../images/xxf_bg_float01.png) no-repeat;
  cursor: pointer;
}


.new-float li .tel{
  position: absolute;
  left: 77px;
  top: 0;
  z-index: 1;
  width: 184px;
  height: 57px;
  font: 24px/57px Arial;
  color: #fff;
  background: url(../images/bg_float06.png) no-repeat;
  cursor: pointer;
}
.new-float a.mof{
  display: inline-block;
  width: 54px;
  height: 71px;
  padding: 12px 11px 0 12px;
  margin-top: 10px;
  *margin-top: 7px;
  background: url(../images/bg_float07.png) no-repeat;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}
.body-wrap {
  width: 100%;
  position: relative;
  transition: all 0.5s ease 0s;
  z-index: 1;
}

.body-wrap.left, header.left .header-main {
  transform: translateX(-66%);
}

.m-sub-menu.show {
  right: 0;
  transition: all 0.44s ease 0s;
}

.m-sub-menu {
  position: fixed;
  right: -100%;
  width: 66%;
  top: 0;
  z-index: 1000;
  height: 100%;
  background-color: #fff;
  transition: all 0.64s ease 0s;
}
.m-sub-menu .top-box {
  line-height: 60px;
  background-color: #333;
}
.m-sub-menu .top-box .stt {
  display: inline-block;
  font-size: 16px;
  color: #acacac;
  margin-left: 8.2%;
  font-family: "Base-font";
}
.m-sub-menu .top-box .close {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../images/ico_37.png) no-repeat center;
  margin-right: 7.8%;
  margin-top: 22px;
  cursor: pointer;
}
.m-sub-menu .list-wrap ul {
  width: 100%;
}
.m-sub-menu .list-wrap li {
  line-height: 60px;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
}
.m-sub-menu .list-wrap li .col-box {
  display: block;
  width: 84%;
  padding: 0 7.8% 0 8.2%;
}
.m-sub-menu .list-wrap .tit {
  font-size: 16px;
  color: #666;
}
.m-sub-menu .list-wrap .point {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url(../images/ico_38.png) no-repeat center;
  margin-top: 26px;
}
.m-sub-menu .bot-link {
  width: 84%;
  padding: 0 7.8% 0 8.2%;
  margin-top: 30px;
}
.m-sub-menu .bot-link a {
  display: inline-block;
  width: 36px;
  height: 50px;
  margin-right: 20px;
  float: left;
}
.m-sub-menu .bot-link .link1 {
  /*background: url(../images/ico_39.png) no-repeat center;*/
  background: url(../images/ico_01.png) no-repeat center;
  background-size: auto 16px;
}
.m-sub-menu .bot-link .link2 {
  /*background: url(../images/ico_40.png) no-repeat center;*/
  background: url(../images/ico_02.png) no-repeat center;
  background-size: auto 16px;
}
.m-sub-menu .bot-link .link3 {
  /*background: url(../images/ico_41.png) no-repeat center;*/
  background: url(../images/ico_03.png) no-repeat center;
  background-size: auto 16px;
}
.m-sub-menu .sec-sub-list {
  position: absolute;
  right: -100%;
  top: 60px;
  width: 100%;
}
.m-sub-menu .sec-sub-list .return-fir {
  display: block;
  width: 84%;
  padding: 0 7.8% 0 8.2%;
  line-height: 60px;
  background-color: #333;
}
.m-sub-menu .sec-sub-list .return-fir p {
  padding-left: 18px;
  color: #fff;
  font-size: 18px;
  background: url(../images/ico_42.png) no-repeat left center;
}
.m-sub-menu .sec-sub-list .boxs {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s ease 0s;
  background-color: #fff;
}
.m-sub-menu .sec-sub-list .boxs.show {
  left: -100%;
}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li {
  width: 100%;
}
.m-sub-menu .sec-sub-list li {
  line-height: 60px;
  border-bottom: 1px solid #f2f2f2;
}
.m-sub-menu .sec-sub-list li a {
  display: block;
  width: 84%;
  padding: 0 7.8% 0 8.2%;
  font-size: 16px;
  color: #666;
}
.m-sub-menu .sec-sub-list .bot-link {
  margin-top: 14px;
}

.contact-wrap {
  background-color: #f6f6f6;
  padding-top: 50px;
  padding-bottom: 50px;
}
.contact-wrap .main-wrap {
  width: 82.8%;
  margin: 0 auto;
}
.contact-wrap h4 {
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  font-family: "Base-font";
  padding-bottom: 13px;
  border-bottom: 1px solid #e3e3e3;
  color: #333;
}
.contact-wrap .city-list {
  width: 166px;
  margin-right: 100px;
}
.contact-wrap .city-list ul {
  width: 100%;
}
.contact-wrap .city-list li {
  width: 100%;
  line-height: 36px;
  font-size: 24px;
  color: #c5c5c5;
  cursor: pointer;
  font-family: "Base-font";
  transition: color 0.3s ease 0s;
}
.contact-wrap .city-list li.cur, .contact-wrap .city-list li:hover {
  color: #333;
}
.contact-wrap .address {
  margin-right: 132px;
  width: 300px;
}
.contact-wrap .address .cont {
  padding-top: 25px;
}
.contact-wrap .address .cont p {
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.contact-wrap .address .cont .stt {
  font-weight: bold;
}
/*.contact-wrap .address .cont .link-map {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/ico_13.png) no-repeat center;
  margin-top: 8px;
  transition: background 0.3s ease 0s;
}
.contact-wrap .address .cont .link-map:hover {
  background: url(../images/ico_13_h.png) no-repeat center #000;
}*/
.contact-wrap .address .boxs {
  display: none;
}
.contact-wrap .weixin {
  margin-right: 100px;
  width: 240px;
}
.contact-wrap .weixin .wx-img {
  padding-top: 26px;
}
.contact-wrap .advis {
  width: 205px;
}
.contact-wrap .advis .link-qq {
  padding-top: 28px;
}
.contact-wrap .advis .link-qq a {
  display: inline-block;
  margin-bottom: 10px;
  border: 1px solid #e3e3e3;
  padding-left: 40px;
  line-height: 34px;
  width: 75px;
  font-size: 12px;
  background: url(../images/ico_14.png) no-repeat 17px center;
  transition: all 0.3s ease 0s;
}
.contact-wrap .advis .link-qq a:hover {
  border: 1px solid #333;
  color: #fff;
  background: url(../images/ico_14_h.png) no-repeat 17px center #333;
}

.i-ban {
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: 1;
  height: 800px;
}
.i-ban li:nth-child(2){cursor:pointer;}
.i-m-ban li:nth-child(2){cursor:pointer;}
.i-ban ul, .i-ban li {
  width: 100%;
  height: 100%;
}
.i-ban li {
  background-size: cover !important;
  position: absolute;
  left: 100%;
  top: 0;
  overflow: hidden;
}
.i-ban li a{
  display: block;
  width: 100%;
  height: 100%;
}
.i-ban li .cent-cont {
  position: absolute;
  left: 10.5%;
  top: 50%;
  margin-top: -240px;
  color: #fff;
  z-index: 3;
}
.i-ban li .gray-bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.i-ban li .word {
  color: #fff;
  font-size: 50px;
  line-height: 68px;
}
.i-ban li .word p {
  position: relative;
  overflow: hidden;
  height: 68px;
}
.i-ban li .word p .font-sign {
  position: relative;
  display: block;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban li .word span.line {
  display: block;
  height: 4px;
  background-color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 0;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.i-ban li .word .font {
  display: block;
  position: relative;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban li .link {
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  margin-top: 50px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban li .link i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_16.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.i-ban li .link:hover {
  border: 1px solid white;
}
.i-ban li.active .word p .font-sign {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: rotate(0);
  transition: all 0.5s ease 0s;
}
.i-ban li.active .link {
  opacity: 1;
  filter: alpha(opacity=1);
  transition: all 0.3s ease 0.6s;
}
.i-ban li.active .link i {
  animation: downico 1.5s ease-out infinite;
}
.i-ban .btns {
  position: absolute;
  bottom: 76px;
  left: 10.5%;
  z-index: 10;
}
.i-ban .btns span {
  display: inline-block;
  width: 50px;
  height: 2px;
  margin-right: 10px;
  background-color: #3a333f;
  position: relative;
  cursor: pointer;
}
.i-ban .btns span i {
  display: block;
  height: 100%;
  position: absolute;
  width: 0;
  background-color: #918c94;
}

.i-m-ban {
  height: 500px;
  position: relative;
  overflow: hidden;
  display: none;
}
.i-m-ban ul {
  height: 100%;
}
.i-m-ban li {
  height: 100%;
  position: relative;
  background-size: cover !important;
}
.i-m-ban .cent-cont {
  position: absolute;
  width: 90%;
  left: 5.5%;
  top: 50%;
  margin-top: -240px;
  color: #fff;
}
.i-m-ban .word {
  color: #fff;
  font-size: 30px;
  line-height: 56px;
}
.i-m-ban .word p {
  position: relative;
  overflow: hidden;
  height: 56px;
}
.i-m-ban .word p .font-sign {
  position: relative;
  display: block;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-m-ban .word span.line {
  display: block;
  height: 4px;
  background-color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 0;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.i-m-ban .word .font {
  display: block;
  position: relative;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-m-ban .link {
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  margin-top: 50px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-m-ban .link i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_16.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.i-m-ban li.swiper-slide-active .word p .font-sign {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: rotate(0);
  transition: all 0.5s ease 0s;
}
.i-m-ban li.swiper-slide-active .link {
  opacity: 1;
  filter: alpha(opacity=1);
  transition: all 0.3s ease 0.6s;
}
.i-m-ban li.swiper-slide-active .link i {
  animation: downico 1.5s ease-out infinite;
}
.i-m-ban .page-btns {
  position: absolute;
  bottom: 76px;
  left: 5.5%;
  z-index: 2;
  height: 2px;
}
.i-m-ban .page-btns span {
  display: inline-block;
  width: 50px;
  height: 2px;
  margin-right: 10px;
  background-color: #3a333f;
  position: relative;
  cursor: pointer;
  vertical-align: top;
}
.i-m-ban .page-btns span i {
  display: block;
  height: 100%;
  position: absolute;
  width: 0;
  background-color: #918c94;
}
.i-m-ban .page-btns .swiper-pagination-bullet-active i {
  transition: width 4s linear 0s;
}

@keyframes downico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 50%;
    opacity: 0;
  }
  65% {
    top: -50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.body-wrap .loader {
  z-index: 10;
}

.i-wrap .up-graybox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ease 0s;
}
.i-wrap .up-graybox .bgbox {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.i-wrap .up-graybox .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff;
}
.i-wrap .up-graybox .line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
}
.i-wrap .up-graybox .linet {
  top: 0;
}
.i-wrap .up-graybox .lineb {
  bottom: 0;
}
.i-wrap .up-graybox .out-ico {
  display: none;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.i-wrap .up-graybox:hover .line {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.i-column-wrap .stit {
  font-size: 26px;
  line-height: 46px;
  color: #333;
  margin-left: -1px;
}
.i-column-wrap .line {
  display: block;
  width: 10px;
  height: 2px;
  background-color: #9a9a9a;
  margin-top: 10px;
}
.i-column-wrap .mtit {
  display: block;
  margin-top: 18px;
  line-height: 36px;
  color: #444;
  font-size: 16px;
}
.i-column-wrap .font {
  display: block;
  line-height: 24px;
  font-size: 13px !important;
  margin-top: 10px;
}
.i-column-wrap .link {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-top:48px;
  transition: background 0.3s ease 0s;
  position: relative;
  overflow: hidden;
}
.i-column-wrap .link .jt {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  transition: all 0.3s ease 0s;
}
.i-column-wrap .link .jt {
  background: url(../images/ico_05.png) no-repeat center;
}
.i-column-wrap .link:hover .jt {
  background: url(../images/ico_06.png) no-repeat center;z-index: 999
}
.i-column-wrap .link .bg {
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  transition: all 0.3s ease 0s;
  position: absolute;
  border-radius: 50%;
  overflow: hidden;z-index:0
}

.i-column-wrap.black .stit {
  color: #333;
}
.i-column-wrap.black .stit a {
  color: #333;
}
.i-column-wrap.black .line {
  background-color: #9a9a9a;
}
.i-column-wrap.black .mtit {
  color: #444;
}
.i-column-wrap.black .mtit a {
  color: #444;
}
.i-column-wrap.black .mtit a:hover {
  color: #666;
}
.i-column-wrap.black .link {
  border: 1px solid #aaa;
}
.i-column-wrap.black .link .jt {
  background: url(../images/ico_06.png) no-repeat center;
}
.i-column-wrap.black .link:hover .jt {
  background: url(../images/ico_05.png) no-repeat center;z-index: 999
}

.i-column-wrap.white .stit {
  color: #fff;
  font-weight: bold;
}
.i-column-wrap.white .stit a {
  color: #fff;
}
.i-column-wrap.white .line {
  background-color: #9a9a9a;
}
.i-column-wrap.white .mtit {
  color: #cdcdcd;
}
.i-column-wrap.white .mtit a {
  color: #cdcdcd;
}
.i-column-wrap.white .mtit a:hover {
  color: #fff;
}
.i-column-wrap.white .font {
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.i-column-wrap.white .link {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.i-column-wrap.white .link i {
  background: url(../images/ico_05.png) no-repeat center;
}

.i-fir-wrap {
  position: relative;
  background-color: #fff;
  z-index: 2;
}
.i-fir-wrap .left-wrap {
  width: 50%;
  position: relative;
}
.i-fir-wrap .left-wrap .cent-cont {
  width: 62%;
  left: 6%;
  position: absolute;
  top: 205px;
}
.i-fir-wrap .left-wrap .num-box {
  width: 210px;
  height:146px;
  background-color: #f0f0f0;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.i-fir-wrap .left-wrap .num-box .num {
  display: inline-block;
  color: #999;
  font-size: 24px;
  line-height: 58px;
  font-family: "Base-font";
  margin-top: 42px;
  background: url(../images/line_01.png) no-repeat center top;
}
.i-fir-wrap .left-wrap .num-box p {
  color: #888;
}
.i-fir-wrap .right-wrap {
  width: 50%;
}
.i-fir-wrap .right-wrap .about-recom {
  background-color: #fff;
  width: 100%;
}
.i-fir-wrap .right-wrap .about-recom .cont {
  width: 89.4%;
  padding: 38px 5.3% 0;
  height: 298px;
  position: relative;
}

.i-fir-wrap .right-wrap .about-recom .wrapper{padding-bottom:30px}
.col_fourth { float: left; position: relative; padding-right: 20px; text-align:center; margin-right:30px;}
.col_fourth.last { margin-right: 0}
.col_fourth h2 { font-size: 70px; float: left;color: #333; line-height:50px; font-family: "Trump";}
.col_fourth h4 { font-size: 28px;color: #333; float: left; font-weight: normal;padding-left: 10px;line-height: 28px; padding-top: 20px}
.col_fourth p {font-size: 14px; color: #c0c0c0}

.i-fir-wrap .right-wrap .about-recom .stit {
  font-size: 48px;
  line-height: 60px;
  color: #333;
  font-family: "Base-font";
  margin-left: -2px;
}
.i-fir-wrap .right-wrap .about-recom .font {
  display: block;
  line-height: 26px;
  font-size: 16px;
  margin-top: 12px;
  color: #777;
  width: 92%;
}
.i-fir-wrap .right-wrap .about-recom .email {
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid #aaa;
  margin-top: 40px;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
  position: relative;
}
.i-fir-wrap .right-wrap .about-recom .email i {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 0.3s ease 0s;
  background: url(../images/ico_07.png) no-repeat center;
}
.i-fir-wrap .right-wrap .about-recom .email .bg {
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  transition: all 0.3s ease 0s;
  position: absolute;
  border-radius: 50%;
  background-color: #333;
}
.i-fir-wrap .right-wrap .about-recom .bot-link {
  position: absolute;
  display: block;
  bottom: 0;
  left: 5.3%;
  width: 89.4%;
  line-height: 56px;
  border-top: 1px solid #e3e3e3;
  font-size: 16px;
  font-family: "Base-font";
}
.i-fir-wrap .right-wrap .about-recom .bot-link .point {
  display: inline-block;
  width: 24px;
  height: 56px;
  background: url(../images/ico_08.png) no-repeat center;
}
.i-fir-wrap .right-wrap .about-recom .bot-link:hover .point {
  background: url(../images/ico_08_h.png) no-repeat center;
}
.i-fir-wrap .right-wrap .img-box {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.i-fir-wrap .right-wrap .img-box:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination{bottom:20px !important;}
.gallery-top .swiper-pagination-bullet {width:10px; height:10px;border: #999 1px solid !important; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: none !important}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { border:#333 1px solid !important;background:#333 !important}

.i-sec-wrap {background-color: #f5f5f5; padding: 60px 0}
.i-sec-wrap .more {
    display: inline-block;
    font-size: 14px;
    line-height: 42px;
    color: #777;
    background: url(../images/ico_09.png) no-repeat left center;
    padding-left: 22px;
    transition: all 0.3s ease 0s;
}
.i-sec-wrap .more:hover{color: #000}
.i-sec-wrap .main-wrap {
    width: 96%;
    margin: 0 auto;
}
.i-sec-wrap .dtit p{font-size: 26px;line-height: 46px;color: #333;margin-left: -1px;}
.i-sec-wrap .dtit .line {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #9a9a9a;
    margin-top: 10px;
}
.i-sec-wrap .dtit .mtit {
    display: block;
    margin-top: 18px;
    line-height: 36px;
    color: #444;
    font-size: 16px;
}
.i-sec-wrap .mtit a {
    color: #444;
}
.i-sec-wrap .dtit .font {
    display: block;
    line-height: 24px;
    font-size: 13px;
    margin-top: 10px;
}
.i-sec-wrap ul {padding-top: 30px;}

.i-sec-wrap ul li .tp{position: relative;overflow: hidden}
.i-sec-wrap ul li .tp img {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;width: 101%;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.i-sec-wrap ul li:hover .tp img {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.i-sec-wrap ul li .tp .mb{position: absolute;width: 100%;height: 100%;left: 0;top: 0; z-index: 1;opacity: 0;background: rgba(0,0,0,0.6);-webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s}
.i-sec-wrap ul li:hover .tp .mb {opacity: 1;-webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s}
.i-sec-wrap ul li .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top:50%;
    margin-top: -15px;
    color: #fff;
}
 .i-sec-wrap ul li .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.i-sec-wrap ul li .linet { top: 0;}
.i-sec-wrap ul li .lineb { bottom: 0;}
.i-sec-wrap ul li:hover .line {width: 6px;margin-left: -3px;opacity: 0.6;filter: alpha(opacity=60);}
.i-sec-wrap ul li .cont-wrap {
  width:100%;
  padding: 20px 6.5% 0;box-sizing: border-box
}
.i-sec-wrap ul li .tit {
  line-height: 32px;
  font-size: 18px; padding-bottom: 15px
}
.i-sec-wrap ul li .tit a {
  display: inline-block;
  color: #333;
}
.i-sec-wrap ul li .intr {
  display: block;
  line-height: 22px;
  font-size: 12px;
  height: 52px;
}
.i-sec-wrap ul li .intr a {
  display: inline-block;
}
.i-sec-wrap ul li .bot-link {
  display: block;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  line-height: 40px;
  position: relative;
}
.i-sec-wrap ul li .bot-link .stt {
  font-size: 14px;
}
.i-sec-wrap ul li .bot-link .sg {
    font-size: 10px; color: #eee; padding: 0 6px
}
.i-sec-wrap ul li .bot-link .point {
  display: inline-block;
  width: 24px;
  height: 8px;
  background: url(../images/ico_08.png) no-repeat right center;
  margin-top: 14px;
}
.i-sec-wrap ul li .bot-link:hover a {
  color: #333;
}
.i-sec-wrap ul li .bot-link:hover .point {
  background: url(../images/ico_08_h.png) no-repeat right center;
}



.i-sec-wrap .mobile-scroll {
  display: none;
  position: relative;
  overflow: hidden;
  padding-bottom: 48px;
}
.i-sec-wrap .mobile-scroll ul {
  width: 100%;
}
.i-sec-wrap .mobile-scroll li {
  margin-right: 0;
}
.i-sec-wrap .mobile-scroll .cont-wrap {
  padding-bottom: 10px;
}
.i-sec-wrap .i-btn {
    display: block;
    margin: 70px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;
}
/*按钮样式*/
.i-btn {
  position: relative;
  display: block;
  color: #333333;
}
.i-btn span {
  position: relative;
  z-index: 1;
}
.i-btn:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  background: #1d62ff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  transition: -webkit-transform .2s ease-in;
  -webkit-transition: -webkit-transform .2s ease-in;
  transition: transform .2s ease-in;
  transition: transform .2s ease-in, -webkit-transform .2s ease-in;
  transition: transform .2s ease-in,-webkit-transform .2s ease-in;
}
.i-btn:hover {
  color: #fff;
}
.i-btn:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.sy_wmys { background: #fff;padding-top: 60px;padding-bottom: 70px}
.sy_wmys .main-wrap {
    width: 96%;
    margin: 0 auto;
}
.sy_wmys .dtit p{font-size: 26px;line-height: 46px;color: #333;margin-left: -1px;}
.sy_wmys .more {
    display: inline-block;
    font-size: 14px;
    line-height: 42px;
    color: #777;
    background: url(../images/ico_09.png) no-repeat left center;
    padding-left: 22px;
    transition: all 0.3s ease 0s;
}
.sy_wmys .more:hover{color: #000}
.sy_wmys .dtit .line {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #9a9a9a;
    margin-top: 10px;
}
.sy_wmys .dtit .mtit {
    display: block;
    margin-top: 18px;
    line-height: 36px;
    color: #444;
    font-size: 16px;
}
.sy_wmys .mtit a {
    color: #444;
}
.sy_wmys .dtit .font {
    display: block;
    line-height: 24px;
    font-size: 13px;
    margin-top: 10px;
}

.sy_wmys .i-btn {
    display: block;
    margin:70px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center; background: #f5f5f5
}
.i-fou-wrap {
  background-color: #2f2f2f; 
}
.i-fou-wrap .cont-wrap {
  width:18%;
  margin-left:10%;
  padding-top: 82px;
}
.i-fou-wrap .img-box {
  width: 64%;
  display: block;
  position: relative;
  overflow: hidden;
}
.i-fou-wrap .img-box img {
  width: 100%;
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.i-fou-wrap .img-box:hover img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.i-fou-wrap .img-box:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.i-fou-wrap .link-box {
    margin-top: 36px;}
.i-fou-wrap  .link-box a {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    font-size: 13px;
    margin-bottom: 14px;
    border: 1px solid #828282;
    padding: 0 12px;
    border-radius: 18px;
    margin-right: 10px;
    color: #fff;
    transition: all 0.3s ease 0s;
    float: left;
}
.i-fou-wrap .link-box a:hover{
  border: 1px solid #fff;
  background-color: #fff;
  color: #2f2f2f;
}
.i-fou-wrap .i-column-wrap .link {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-top: 48px;
  transition: background 0.3s ease 0s;
  position: relative;
  overflow: hidden;
}
.i-fou-wrap .i-column-wrap .link .jt {
  background: url(../images/ico_05.png) no-repeat center;
}
.i-fou-wrap .i-column-wrap .link:hover .jt {
  background: url(../images/ico_06.png) no-repeat center;z-index: 999
}
.gray { background:#f5f5f5}
.sy_tcsj {display: none}
.sy_tc { padding:70px; overflow:hidden}
.sy_tc ul li { width:23%; float:left; margin:0 1%; background:#fff; padding-bottom:36px}
.sy_tc ul li:hover{-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.05),0 15px 40px 0 rgba(0,0,0,.05);box-shadow: 0 10px 15px 0 rgba(0,0,0,.05),0 15px 40px 0 rgba(0,0,0,.05);transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; z-index:9999}
.sy_tc ul li .bt { height:100px; background:url(../images/tcbj.jpg) center center / cover; font-size:30px; color:#fff; text-align: center; line-height:100px}
.sy_tc ul li .box {border-bottom:#eee 1px solid; padding:30px;}
.sy_tc ul li .box h3 { font-size:20px; color:#333; text-align:center}
.sy_tc ul li .box p { font-size:14px; color:#333; padding:0 30px}
.sy_tc ul li .jg { font-size:16px; color:#333; text-align:center; padding-top:35px; line-height:34px}
.sy_tc ul li .jg span { font-size:34px;}
.sy_tc ul li .i-btn {
    display: block;
    margin:0px auto 0;
    width: 180px;
    height:48px;
    line-height:48px; color:#333;
    font-size: 16px;
    border-radius: 2px;
    border: 1px solid #333;
    text-align: center;
}

.i-thi-wrap {
  padding-bottom: 0px;
}
.i-thi-wrap .i-btn {
    display: block;
    margin: 50px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #f5f5f5;
}
.i-thi-wrap .main-wrap {
  width: 93.4%;
  margin: 0 auto;
}
.i-thi-wrap .tit-box h4 {
  font-size: 26px;
  line-height: 36px;
  color: #333;
  font-weight: normal;
}
.i-thi-wrap .tit-box .intr {
  line-height: 26px;
  font-size: 15px;
  margin-top: 6px;
  color: #999;
}
.i-thi-wrap .nav-box {
}
.i-thi-wrap .nav-box .left-link span, .i-thi-wrap .nav-box .left-link a {
  display: inline-block;
  float: left;
  background-color: #f5f5f5;
  font-size: 14px;
  line-height: 50px;
  color: #333;
  margin-right: 2px;
  margin-bottom: 2px;
  cursor: pointer;
  transition: all 0.5s ease 0s;
}
.i-thi-wrap .nav-box .left-link a h1,
.i-thi-wrap .nav-box .left-link a h2{
  font-size: 14px;
  line-height: 50px;
  /*color: #333;*/
}
/*.i-thi-wrap .nav-box .left-link span.cur h2, 
.i-thi-wrap .nav-box .left-link span.cur h1, 
.i-thi-wrap .nav-box .left-link span:hover h2, 
.i-thi-wrap .nav-box .left-link span:hover h1, 
.i-thi-wrap .nav-box .left-link a.cur h2, 
.i-thi-wrap .nav-box .left-link a.cur h1, 
.i-thi-wrap .nav-box .left-link a:hover h2,
.i-thi-wrap .nav-box .left-link a:hover h1{
  color: #fff;
}*/
.i-thi-wrap .nav-box .left-link span.cur, 
.i-thi-wrap .nav-box .left-link span.cur, 
.i-thi-wrap .nav-box .left-link span:hover, 
.i-thi-wrap .nav-box .left-link span:hover, 
.i-thi-wrap .nav-box .left-link a.cur, 
.i-thi-wrap .nav-box .left-link a.cur, 
.i-thi-wrap .nav-box .left-link a:hover,
.i-thi-wrap .nav-box .left-link a:hover{
  background-color: #333 !important;
  color: #fff;
}
.i-thi-wrap .nav-box .left-link .all {
  font-family: "Base-font";
  text-align: center;
  width: 75px;
}
.i-thi-wrap .nav-box .left-link .type-link {
  padding-left:40px;
  padding-right: 40px;
}
.i-thi-wrap .nav-box .left-link .type1 {
  background: url(../images/ico_10_h.png) no-repeat 20px center #333; color:#fff
}
.i-thi-wrap .nav-box .left-link .type2 {
  background: center #fff;
}
.i-thi-wrap .nav-box .left-link .type3 {
  background: #fff;
}
.i-thi-wrap .nav-box .left-link .type4 {
  background:#fff;
}
.i-thi-wrap .nav-box .left-link .type1:hover {
  background: url(../images/ico_10_h.png) no-repeat 20px center #333; 
}
.i-thi-wrap .nav-box .left-link .type2:hover {
  background:#777;
}
.i-thi-wrap .nav-box .left-link .type3:hover {
  background:#777;
}
.i-thi-wrap .nav-box .left-link .type4:hover {
  background:#f5f5f5;
}
.i-thi-wrap .nav-box .more {
  display: inline-block;
  font-size: 14px;
  line-height: 42px;
  color: #777;
  background: url(../images/ico_09.png) no-repeat left center;
  padding-left: 22px;
  transition: all 0.3s ease 0s;
}
.i-thi-wrap .nav-box .more:hover {
  color: #000;
}
.i-thi-wrap .list-wrap {
  margin-top: 45px;
}
.i-thi-wrap .list-wrap ul {
  width: 101.6%;
}
.i-thi-wrap .list-wrap li {
  width: 31.7%;
  margin-right: 1.6%;
  transition: box-shadow 0.3s ease 0s;
  margin-bottom: 20px;
}
.i-thi-wrap .list-wrap .img {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.i-thi-wrap .list-wrap .img img.up-pic {
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.i-thi-wrap .list-wrap .up-graybox {
  z-index: 3;
}
.i-thi-wrap .list-wrap .img:hover img.up-pic {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.i-thi-wrap .list-wrap .img:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.i-thi-wrap .list-wrap .cont-wrap {
  width:100%;
  padding: 20px 6.5% 0;
  
  margin-top: -1px;background: #fff;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;
}
.i-thi-wrap .list-wrap .tit {
  line-height: 32px;
  font-size: 18px;
}
.i-thi-wrap .list-wrap .tit a {
  display: inline-block;
  color: #333;
}
.i-thi-wrap .list-wrap .intr {
  display: block;
  line-height: 22px;
  font-size: 12px;
  height: 52px;
}
.i-thi-wrap .list-wrap .intr a {
  display: inline-block;
}
.i-thi-wrap .list-wrap .bot-link {
  display: block;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  line-height: 40px;
  position: relative;
}
.i-thi-wrap .list-wrap .bot-link .stt {
  font-size: 14px;
}
.i-thi-wrap .list-wrap .bot-link .point {
  display: inline-block;
  width: 24px;
  height: 8px;
  background: url(../images/ico_08.png) no-repeat right center;
  margin-top: 14px;
}
.i-thi-wrap .list-wrap .bot-link:hover a {
  color: #333;
}
.i-thi-wrap .list-wrap .bot-link:hover .point {
  background: url(../images/ico_08_h.png) no-repeat right center;
}
.i-thi-wrap .mobile-scroll {
  display: none;
  position: relative;
  overflow: hidden;
  padding-bottom: 48px;
}
.i-thi-wrap .mobile-scroll ul {
  width: 100%;
}
.i-thi-wrap .mobile-scroll li {
  margin-right: 0;
}
.i-thi-wrap .mobile-scroll .cont-wrap {
  padding-bottom: 10px;
}

@keyframes pointActive {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  40% {
    transform: translateX(10px);
    opacity: 0;
  }
  60% {
    transform: translateX(-5px);
    opacity: 0;
  }
  80% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}


.i-sex-wrap {
  background-color: #2f2f2f;
}
.i-column-wrap .link-box {
    margin-top: 36px;
}
.i-column-wrap .link-box a {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    font-size: 13px;
    margin-bottom: 14px;
    border: 1px solid #828282;
    padding: 0 12px;
    border-radius: 18px;
    margin-right: 10px;
    color: #fff;
    transition: all 0.3s ease 0s;
    float: left;
}
.i-column-wrap .link-box a:hover{
  border: 1px solid #fff;
  background-color: #fff;
  color: #2f2f2f;
}
.i-sex-wrap .i-column-wrap .link {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-top:38px;
    transition: background 0.3s ease 0s;
    position: relative;
    overflow: hidden;
}
.i-sex-wrap .img-box {
  width: 64%;
  display: block;
  position: relative;
  overflow: hidden;
}
.i-sex-wrap .img-box img {
  width: 100%;
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.i-sex-wrap .img-box:hover img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.i-sex-wrap .img-box:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.i-sex-wrap .cont-wrap {
  width:20%;
  margin-right:10%;
  padding-top:76px; padding-left:30px
}
.sy_xcxsj {display: none}
.solution-mode-box1{
	margin: 0px auto; padding:70px 0;background: #f9f9f9
}
.solution-mode-con{
	float: left;
	width:20%;
	padding: 0px 17px;
	text-align: center;
	-webkit-transform: translateX(50px);
	transform: translateX(50px);-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; 
	opacity: 0;
}
.solution-mode-txt{
	background: #ffffff;
	box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.5);
	padding:20px 0 0 0;
	height:320px;
	position: relative;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;padding-bottom: 10px; }
.solution-mode-txt:hover{-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.05),0 15px 40px 0 rgba(0,0,0,.05);box-shadow: 0 10px 15px 0 rgba(0,0,0,.05),0 15px 40px 0 rgba(0,0,0,.05);transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; z-index:9999;}
.solution-mode-txt .tit{
	font-size:24px;
	line-height:40px; color:#333;
	position: absolute;
	width:100%; top:80px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}
.solution-mode-txt .tit1{
	font-size: 24px;
}
.solution-mode-txt .text{
	margin: 17px 0 0px 0;
	color: #868fa4;
	font-size: 14px;
	line-height: 24px;
	padding: 0px 15px;
}

.sy_xcxal .nav-box .left-link span, .sy_xcxal .nav-box .left-link a {
  display: inline-block;
  float: left;
  background-color: #f5f5f5;
  font-size: 14px;
  line-height: 50px;
  color: #333;
  margin-right: 2px;
  margin-bottom: 2px;
  cursor: pointer;
  transition: all 0.5s ease 0s;
}
.sy_xcxal .nav-box .left-link a h1,
.sy_xcxal .nav-box .left-link a h2{
  font-size: 14px;
  line-height: 50px;
  /*color: #333;*/
}

.sy_xcxal .nav-box .left-link span.cur, 
.sy_xcxal .nav-box .left-link span.cur, 
.sy_xcxal .nav-box .left-link span:hover, 
.sy_xcxal .nav-box .left-link span:hover, 
.sy_xcxal .nav-box .left-link a.cur, 
.sy_xcxal .nav-box .left-link a.cur, 
.sy_xcxal .nav-box .left-link a:hover,
.sy_xcxal .nav-box .left-link a:hover{
  background-color: #333 !important;
  color: #fff;
}
.sy_xcxal .nav-box .left-link .all {
  font-family: "Base-font";
  text-align: center;
  width: 75px;
}
.sy_xcxal .nav-box .left-link .type-link {
  padding-left: 40px;
  padding-right: 40px;
}
.sy_xcxal .nav-box .left-link .type1 {
  background: url(../images/ico_10_h.png) no-repeat 20px center #333; color:#fff
}
.sy_xcxal .nav-box .left-link .type1.xcx {
    background: url(../images/ico_xcx_h.png) no-repeat 25px center / 20px #333;
    color: #fff;
}
.sy_xcxal .nav-box .left-link .type2 {
  background: center #fff;
}
.sy_xcxal .nav-box .left-link .type3 {
  background: #fff;
}
.sy_xcxal .nav-box .left-link .type4 {
  background:#fff;
}

.sy_xcxal .nav-box .left-link .type2:hover {
  background:#777;
}
.sy_xcxal .nav-box .left-link .type3:hover {
  background:#777;
}
.sy_xcxal .nav-box .left-link .type4:hover {
  background:#f5f5f5;
}
.sy_xcxal .nav-box .more {
  display: inline-block;
  font-size: 14px;
  line-height: 42px;
  color: #777;
  background: url(../images/ico_09.png) no-repeat left center;
  padding-left: 22px;
  transition: all 0.3s ease 0s;
}
.sy_xcxal .nav-box .more:hover {
  color: #000;
}
.sy_xcxal {padding-bottom: 10px;background: #f9f9f9}
.sy_xcxal .xcx_sj {display: none}
.sy_xcxal .list {padding-top: 45px}
.sy_xcxal .list ul li {width: 22%;margin: 0 4% 60px 0;position: relative;box-sizing: border-box;overflow: hidden;border: #dedede 1px solid;background: #fff
}
.sy_xcxal .list ul li:nth-child(4){margin-right: 0}
.sy_xcxal .list ul li:hover{}
.sy_xcxal .list .i-btn {
    display: block;
    margin: 0px auto 60px;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;}

.sy_wxal {
  padding-bottom:70px;
}
.sy_wxal .i-btn {
    display: block;
    margin: 50px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #f5f5f5;
}
.sy_wxal .main-wrap {
  width: 93.4%;
  margin: 0 auto;
}
.sy_wxal .tit-box h4 {
  font-size: 26px;
  line-height: 36px;
  color: #333;
  font-weight: normal;
}
.sy_wxal .tit-box .intr {
  line-height: 26px;
  font-size: 15px;
  margin-top: 6px;
  color: #999;
}
.sy_wxal .nav-box {

}
.sy_wxal .nav-box .left-link span, .sy_wxal .nav-box .left-link a {
  display: inline-block;
  float: left;
  background-color: #f5f5f5;
  font-size: 14px;
  line-height: 50px;
  color: #333;
  margin-right: 2px;
  margin-bottom: 2px;
  cursor: pointer;
  transition: all 0.5s ease 0s;
}
.sy_wxal .nav-box .left-link a h1,
.sy_wxal .nav-box .left-link a h2{
  font-size: 14px;
  line-height: 50px;
  /*color: #333;*/
}

.sy_wxal .nav-box .left-link span.cur, 
.sy_wxal .nav-box .left-link span.cur, 
.sy_wxal .nav-box .left-link span:hover, 
.sy_wxal .nav-box .left-link span:hover, 
.sy_wxal .nav-box .left-link a.cur, 
.sy_wxal .nav-box .left-link a.cur, 
.sy_wxal .nav-box .left-link a:hover,
.sy_wxal .nav-box .left-link a:hover{
  background-color: #333 !important;
  color: #fff;
}
.sy_wxal .nav-box .left-link .all {
  font-family: "Base-font";
  text-align: center;
  width: 75px;
}
.sy_wxal .nav-box .left-link .type-link {
  padding-left: 30px;
  padding-right: 30px;
}
.sy_wxal .nav-box .left-link .type1.xcx {
  background: url(../images/ico_xcx_h.png) no-repeat 20px center / 20px #333; color:#fff
}
.sy_wxal .nav-box .left-link .type2 {
  background: center #fff;
}
.sy_wxal .nav-box .left-link .type3 {
  background: #fff;
}
.sy_wxal .nav-box .left-link .type4 {
  background:#fff;
}

.sy_wxal .nav-box .left-link .type2:hover {
  background:#777;
}
.sy_wxal .nav-box .left-link .type3:hover {
  background:#777;
}
.sy_wxal .nav-box .left-link .type4:hover {
  background:#f5f5f5;
}
.sy_wxal .nav-box .more {
  display: inline-block;
  font-size: 14px;
  line-height: 42px;
  color: #777;
  background: url(../images/ico_09.png) no-repeat left center;
  padding-left: 22px;
  transition: all 0.3s ease 0s;
}
.sy_wxal .nav-box .more:hover {
  color: #000;
}
.sy_wxal .list-wrap {
  margin-top: 45px;
}
.sy_wxal .list-wrap ul {
  width: 101.6%;
}
.sy_wxal .list-wrap li {
  width: 31.7%;
  margin-right: 1.6%;
  transition: box-shadow 0.3s ease 0s;
  margin-bottom: 20px; 
}
.sy_wxal .list-wrap .img {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.sy_wxal .list-wrap .img img.up-pic {
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.sy_wxal .list-wrap .up-graybox {
  z-index: 3;
}
.sy_wxal .list-wrap .img:hover img.up-pic {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.sy_wxal .list-wrap .img:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.sy_wxal .cont-wrap {
  width:100%;
  padding: 20px 6.5% 0;background:#fff;
  margin-top: -1px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;
}
.sy_wxal .tit {
  line-height: 32px;
  font-size: 18px;
}
.sy_wxa .tit a {
  display: inline-block;
  color: #333;
}
.sy_wxal .intr {
  display: block;
  line-height: 22px;
  font-size: 12px;
  height: 52px;
}
.sy_wxal .intr a {
  display: inline-block;
}
.sy_wxal .bot-link {
  display: block;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  line-height: 40px;
  position: relative;
}
.sy_wxal .bot-link .stt {
  font-size: 14px;
}
.sy_wxal .bot-link .point {
  display: inline-block;
  width: 24px;
  height: 8px;
  background: url(../images/ico_08.png) no-repeat right center;
  margin-top: 14px;
}
.sy_wxal .bot-link:hover a {
  color: #333;
}
.sy_wxal .bot-link:hover .point {
  background: url(../images/ico_08_h.png) no-repeat right center;
}
.sy_jbk {display: none}
.sy_khlo{display: none}
.sy_wxal .appalsj {
  display: none;
  position: relative;
  overflow: hidden;
}
.sy_wxal .appalsj ul {
  width: 100%;
}
.sy_wxal .appalsj li {
  margin-right: 0;
}
.sy_wxal .appalsj .cont-wrap {
  padding-bottom: 10px;
}

@keyframes pointActive {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  40% {
    transform: translateX(10px);
    opacity: 0;
  }
  60% {
    transform: translateX(-5px);
    opacity: 0;
  }
  80% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.i-ht3 {
  background-color: #2f2f2f; 
}
.i-ht3 .cont-wrap {
  width:18%;
  margin-left:10%;
  padding-top: 82px;
}
.i-ht3 .img-box {
  width: 64%;
  display: block;
  position: relative;
  overflow: hidden;
}
.i-ht3 .img-box img {
  width: 100%;
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.i-ht3 .img-box:hover img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.i-ht3 .img-box:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.i-ht3 .link-box {
    margin-top: 36px;}
.i-ht3 .link-box a {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    font-size: 13px;
    margin-bottom: 14px;
    border: 1px solid #828282;
    padding: 0 12px;
    border-radius: 18px;
    margin-right: 10px;
    color: #fff;
    transition: all 0.3s ease 0s;
    float: left;
}
.i-ht3 .link-box a:hover{
  border: 1px solid #fff;
  background-color: #fff;
  color: #2f2f2f;
}
.i-ht3 .i-column-wrap .link {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-top: 48px;
  transition: background 0.3s ease 0s;
  position: relative;
  overflow: hidden;
}
.syapp_sj{display: none}
.sy_app { padding-top:70px; padding-bottom:70px;}
.sy_app ul li { width:18.4%; float:left; background:#fff;box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.5); text-align:center; padding-bottom:35px; margin-right:2%;}
.sy_app ul li.last{ margin-right:0}
.sy_app ul li:hover {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; z-index:9999}
.sy_app ul li .bt { height:130px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; background:#eb3d00;}
.sy_app ul li .bt .ce{ text-align:center; width:100%}
.sy_app ul li .bt span { font-size:30px; color:#fff;line-height:40px; border-bottom:#fff 1px solid; border-top:#fff 1px solid; padding:5px 0}
.sy_app ul li .tb { text-align:center;padding:20px 0}
.sy_app ul li p { font-size:16px; color:#333; line-height:1.8}
.sy_app ul li .i-btn {
    display: block;
    margin: 20px auto 0;
    width: 180px;
    height: 48px;
    line-height: 48px;
    color: #333;
    font-size: 16px;
    border-radius: 2px;
    border: 1px solid #333;
    text-align: center;
}
.i-ht4 {
  background-color: #2f2f2f;
}
.i-ht4 .cont-wrap {
  width:20%;
  margin-right:10%;
  padding-top: 82px;
}
.i-ht4 .img-box {
  width: 64%;
  display: block;
  position: relative;
  overflow: hidden;
}
.i-ht4 .img-box img {
  width: 100%;
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.i-ht4 .img-box:hover img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.i-ht4 .img-box:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.i-ht4 .link-box {
    margin-top: 36px;}
.i-ht4 .link-box a {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    font-size: 13px;
    margin-bottom: 14px;
    border: 1px solid #828282;
    padding: 0 12px;
    border-radius: 18px;
    margin-right: 10px;
    color: #fff;
    transition: all 0.3s ease 0s;
    float: left;
}
.i-ht4 .link-box a:hover{
  border: 1px solid #fff;
  background-color: #fff;
  color: #2f2f2f;
}
.i-ht4 .i-column-wrap .link {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-top: 48px;
  transition: background 0.3s ease 0s;
  position: relative;
  overflow: hidden;
}
.sy_lxjs {margin-top:70px;}
.sy_lxjs ul li {width: 33.3333%; float: left;background: #fff;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; padding:50px 3%;transition: all 0.3s ease 0s;z-index: 1;position: relative}
.sy_lxjs ul li:hover{box-shadow: 0 0 20px 7px #efefef;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;z-index: 2}
.sy_lxjs ul li:nth-child(2n-1){background:#fafafa;}
.sy_lxjs ul li a {display: block}
.sy_lxjs ul li .tb {width: 95px;margin-bottom:25px;}
.sy_lxjs ul li h3{font-size: 23px;color: #333;margin-bottom:30px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.sy_lxjs ul li h3 span{padding: 3px 0;position: relative}
.sy_lxjs ul li h3 span .lint {height: 1px;background: #333;width: 100%;left: 0;top: 5px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;position: absolute}
.sy_lxjs ul li h3 span .linb {height: 1px;background: #333;width: 100%;left: 0;bottom: 5px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;position: absolute}
.sy_lxjs ul li:hover h3 span .lint{width: 6px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_lxjs ul li:hover h3 span .linb{width: 6px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_lxjs ul li p {font-size: 14px; line-height: 2;color: #333;}
.sy_lxjs  .i-btn {
    display: block;
    margin: 70px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #f5f5f5;
}
.sy_wmkh { margin-top:0px;background: #fff; padding-top:55px; overflow: hidden;padding-bottom: 70px}
.sy_wmkh .dtit p {
    font-size: 26px;
    line-height: 46px;
    color: #333;
    margin-left: -1px;
}
.sy_wmkh  .dtit .line {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #9a9a9a;
    margin-top: 10px;
}
.sy_wmkh  .dtit .mtit {
    display: block;
    margin-top: 18px;
    line-height: 36px;
    color: #444;
    font-size: 16px;
}
.sy_wmkh  .mtit a {
    color: #444;
}
.khtp{margin-top:30px;}
.khtp ul li {width: 12.2%;float: left;position: relative;z-index:1;margin:10px 1% 10px;position: relative;height:6em}
/*.khtp ul li:hover{-webkit-box-shadow: 0 0px 20px 7px rgba(0,0,0,.05);box-shadow: 0 0px 20px 7px rgba(0,0,0,.05);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; z-index:9}*/
.khtp ul li img.img1 {width: 100%; transition: all 0.6s;-wbkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;position: absolute;top: 0;left: 0;opacity: 1}
.khtp ul li img.img2 {width: 100%;transition: all 0.6s;-wbkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;position: absolute;top: 0;left: 0;opacity: 0}
.khtp ul li:hover img.img1 {transition: all 0.6s;-wbkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;opacity: 0}
.khtp ul li:hover img.img2 {transition: all 0.6s;-wbkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;opacity: 1}
.sy_dzfw{padding:55px 0}
.sy_dzfw .dtit p {
    font-size: 26px;
    line-height: 46px;
    color: #333;
    margin-left: -1px;
}
.sy_dzfw  .dtit .line {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #9a9a9a;
    margin-top: 10px;
}
.sy_dzfw  .dtit .mtit {
    display: block;
    margin-top: 18px;
    line-height: 36px;
    color: #444;
    font-size: 16px;
}
.sy_dzfw  .mtit a {
    color: #444;
}
.solution-team-box{
	max-width:85%;
	margin:40px auto 0;
	position: relative;
}
.solution-team-con{
	float: left;
	width:12.5%;
	padding: 0px 15px;
	text-align: center;
	position: relative;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
	height:330px;
	padding-top: 30px;
	text-transform: uppercase;
	z-index:2;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;

}
.solution-team-con.on{
	/*background: #ffebe6;*/
	background: rgba(0, 153, 255, 0.11);
}
.solution-team-con span{
	position: absolute;
	width:21px;
	height:21px;
	background: url("../images/s5_i1.png") no-repeat center ;
	background-size: cover;
	left:50%;
	margin-left: -10px;
	top:170px;
	z-index:1;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;

}
.solution-team-con.on span{
	background-image: url("../images/s5_i2.png")
}
.solution-team-mar{
	margin: 0px 0;
}
.solution-team-con .tit{
	color: #6d7482;
	font-size: 16px;
}
.solution-team-con .text{
	color: #0099ff;
	font-size: 14px;
	line-height: 24px;
	margin-top: 55px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;

}
.solution-team-con .tx{
	display: none;
}
.solution-team-con.on .text{
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;

}
.solution-team-line{
	position: absolute;
	left:0;
	height:1px;
	background: #e5e5e5;
	width:100%;
	top:180px;
}


.pagination{
	text-align: center;
	margin-top: 30px;
}
.solution .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	background:url("../images/s_icon0.png") no-repeat center;
	background-size: cover;
	margin:0 10px;
	border-radius: 50%;

}
.solution .swiper-pagination-bullet-active {
	background-image: url("../images/s_icon1.png");
}




.i-sev-wrap {
  padding-top: 60px;
  padding-bottom:70px;
  background-color: #fff;
  margin-bottom: 0;
}
.i-sev-wrap .main-wrap {
  width: 82.8%;
  margin: 0 auto;
}
.i-sev-wrap .top-titbox h4 {
  font-size: 24px;
  line-height: 40px;
  color: #333;
  font-weight: normal;
}
.i-sev-wrap .top-titbox .line {
  display: inline-block;
  width: 10px;
  height: 2px;
  background-color: #1c1c1c;
  margin-top: 8px;
}
.i-sev-wrap .top-titbox .font {
  display: block;
  line-height: 32px;
  margin-top: 10px;
  font-size: 16px;
  color: #666;
}
.i-sev-wrap .top-titbox .more {
  display: inline-block;
  line-height: 32px;
  margin-top: 60px;
  padding-left: 25px;
  background: url(../images/ico_09.png) no-repeat left center;
  font-size: 14px;
}
.i-sev-wrap .news-recommend-list {
  margin-top: 32px;
}
 .i-sev-wrap .i-btn {
    display: block;
    margin: 70px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #f5f5f5;
}

.news-recommend-list {
  position: relative;
  overflow: hidden;
  padding-left: 5px;
  margin-left: -5px;
}
.news-recommend-list ul {
  width: 102%;
}
.news-recommend-list li {
  width:23%;
  margin-right: 2%;
  transition: box-shadow 0.3s ease 0s;
}
.news-recommend-list li:hover .img img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.news-recommend-list li:hover .img .up-gray {
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.news-recommend-list .img {
  display: block;
  position: relative;
  overflow: hidden;
}
.news-recommend-list .img .bgimg {
  width: 100%;
}
.news-recommend-list .img img {
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.news-recommend-list .img .up-gray {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background-color: #000;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.3s ease 0s;
}
.news-recommend-list .cont-wrap {
  padding-top: 18px;
  padding-bottom: 10px;
  border: 1px solid #f8f8f8;
}
.news-recommend-list .cont-wrap .cont {
  width: 90%;
  margin: 0 auto;
}
.news-recommend-list .cont-wrap .tit {
  font-size: 18px;
  line-height: 30px;
}
.news-recommend-list .cont-wrap .tit a {
  display: block;
  color: #1c1c1c;
  height: 30px;
  position: relative;
  overflow: hidden;
  padding-top: 3px;
  padding-bottom: 3px;
}
.news-recommend-list .cont-wrap .word {
  display: block;
  line-height: 24px;
  font-size: 14px;
  margin-top: 4px;
  height: 85px;
}
.news-recommend-list .cont-wrap .word a {
  display: inline-block;
}
.news-recommend-list .cont-wrap .bot-link {
  line-height: 46px;
  border-top: 1px solid #e5e5e5;
  display: block;
  width: 100%;
}
.news-recommend-list .cont-wrap .bot-link .more {
  font-size: 14px;
  display: inline-block;
  font-family: "Base-font";
}
.news-recommend-list .cont-wrap .bot-link .link-point {
  display: inline-block;
  width: 24px;
  height: 8px;
  background: url(../images/ico_08.png) no-repeat center;
  margin-top: 18px;
}
.news-recommend-list .cont-wrap .bot-link:hover .link-point {
  background: url(../images/ico_08_h.png) no-repeat right center;
}

.news-recommend-list.m-scroll {
  display: none;
  padding-left: 0;
  margin-left: 0;
}
.news-recommend-list.m-scroll li {
  margin-right: 0;
}
.sy_hqbj {background:#f5f5f5; padding:65px 0 70px;}
.sy_hqbj .dtit p {
    font-size: 26px;
    line-height: 46px;
    color: #333;
    margin-left: -1px;
}
.sy_hqbj  .dtit .line {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #9a9a9a;
    margin-top: 10px;
}
.sy_hqbj  .dtit .mtit {
    display: block;
    margin-top: 18px;
    line-height: 36px;
    color: #444;
    font-size: 16px;
}
.sy_hqbj  .mtit a {
    color: #444;
}
.sy_hqbj .lyk {margin-top: 30px}
.sy_hqbj .lyk input {display: block;float: left;
    width: 10%;
    height: 45px;
    font-size: 14px;
    line-height: 45px;
    margin-bottom: 10px;
    border:0;background: #e6e6e6;padding: 0 5px;margin-right: 0.6%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;color: #707070
}
.sy_hqbj .lyk #_chkcode{ width: 5%; margin-right: 5px;}
.sy_hqbj .lyk #update_vcode{ height: 24px;}
.sy_hqbj .lyk input.xq{ width:45%}
.sy_hqbj .lyk input.a_n {
    width: 10%;
    height: 45px;
    background-color: #0099ff;
    font-size: 14px;
    color: #fff;
    line-height: 45px; margin-right: 0；-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;
}
.sy_hqbj .lyk p{font-size: 14px;color: #a2a2a2;margin-top: 20px;}
.foot {background: #252525;padding: 80px 0 5px;overflow: hidden}
.foot .f1 {width: 340px;float: left}
.foot .f1 .tel p {font-size: 18px;color: #7a7a7a}
.foot .f1 .tel p.dh {font-size: 50px; color: #0099ff;line-height: 1.5}
.foot .f1 .lx {margin-top:50px;}
.foot .f1 .lx p {font-size: 18px;color: #7a7a7a;margin-bottom: 15px;}
.foot .f1 .lx a {color: #7a7a7a;  padding-left: 23px;font-size: 14px;line-height: 25px; display: block; float: left}
.foot .f1 .lx a.a1{background: url(../images/f1.png) left center no-repeat;margin-right: 30px;}
.foot .f1 .lx a.a2{background: url(../images/f2.png) left center no-repeat;}
.foot .f2 {width: 550px;float: left; margin-left: 5%}
.foot .f2 h3{font-size: 18px;padding-bottom: 10px;border-bottom: #464646 1px solid; margin-bottom: 20px;}
.foot .f2 .dh a { padding-right: 20px;display: block;float: left;line-height: 2;font-size: 14px; color: #7a7a7a}
.foot .f3 {width: 288px;float: right;}
.mgt50{margin-top: 40px;}
.foot .f3 h3{font-size: 18px;color: #7a7a7a;margin-bottom: 10px;}
.foot .f3 p {font-size:14px;line-height: 30px;margin-bottom: 15px;float: left}
.foot .f3 .wx {width: 120px;float: left}
.foot .f3 .wx.mgt {margin-right:40px;}
.foot .f3 .wx img { width: 100%}
.foot .yqlj {padding: 20px 0; border-bottom: #464646 1px solid;border-top: #464646 1px solid;margin-top: 20px}
.foot .yqlj h3 {font-size: 18px;color: #7a7a7a;padding-bottom: 10px;}
.foot .yqlj a {color: #7a7a7a;font-size: 14px;line-height: 35px}
.foot .yqlj a:hover {color: #0099ff;}
.foot .yqlj span{font-size: 14px;color: #7a7a7a;padding: 0 15px;line-height: 35px}
.foot .bqxx {padding: 15px 0; line-height: 1.8; font-size: 14px;color: #7a7a7a; text-align: center}

.nban1 {width: 100%;position: relative}
.nban1 img {width: 100%;display: block}
.nban1 .mb {width: 100%;height: 100%;left: 0;top: 0;position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: url(../images/nmb.png)}
.nban1 .mb .wenzc {text-align: center; width: 100%}
.nban1 .mb .wenzc h2 {font-size: 78px;color: #fff;line-height: 1}
.nban1 .mb .wenzc h3 {font-size: 33px;color: #fff}
.nban1 .mb .wenzc .wrap{margin-top: 50px;text-align: center}
.nban1 .mb .wenzc .wrap ul{text-align: center}
.nban1 .mb .wenzc .wrap ul li {padding: 0 70px;border-right: #999 1px solid;display: inline-block;float: none;width: 100px;}
.nban1 .mb .wenzc .wrap ul li:last-child{border-right: 0}
.nban1 .mb .wenzc .wrap ul li h4{font-size: 19px;color: #fff;font-weight: normal}
.nban1 .mb .wenzc .wrap ul li .jumbo{font-size: 95px;color: #fff;font-family: "Trump";
    line-height: 1;}
.nban1 .mb .wenzc .wrap ul li .counter .counter-value{font-size: 95px;color: #fff;font-family: "Trump";
    line-height: 1;}
.nban1 .mb .wenzc .wrap ul li .counter .jh {font-size: 95px;color: #fff;font-family: "Trump";
    line-height: 1;}

.nban2{width: 100%;position: relative}
.nban2 .cent-cont {
    position: absolute;
    left: 10.5%;
    top: 50%;
    margin-top: -240px;
    color: #fff;
    z-index: 3;
}
.nban2 .word {
  color: #fff;
  font-size: 50px;
  line-height: 68px;
}
.nban2 .word p {
  position: relative;
  overflow: hidden;
  height: 68px;
}
.nban2 .word p .font-sign {position: relative;display: block;top: 0;}
.nban2 .word p.gjc {background: url(../images/seo_line.png) left bottom no-repeat;padding:0 30px 20px 0;height: auto;width: 442px;}
.nban2 .word p.stb {background: url(../images/seo_line.png) left bottom no-repeat;padding:0 10px 20px 0;height: auto;width: 462px;}
.nban2 .seotb {background: url(../images/seo_1.png) left center no-repeat;padding-left: 80px;height: 75px;margin-top:30px}
.nban2 .seotb.l2 {background:url(../fonts/522a026c56a34e3bb2afe7343c416e22.woff) left center no-repeat }
.nban2 .seotb.l4 {background:url(../fonts/b69583c3644149f1a88b9f140e2195b0.woff) left center no-repeat }
.nban2 .seotb.l6 {background:url(../fonts/b60647bf0d224af1b1f5086b89255ec2.woff) left center no-repeat }
.nban2 .seotb h3 {font-size: 35px;font-weight: normal;color: #fff;line-height: 1.4;}
.nban2 .seotb h4 {font-size: 20px;font-weight: normal;color: #fff;line-height: 1.4;}
.nban2 .link {
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  margin-top: 50px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
 
}
.arrow{ opacity:0; animation: downico 1.5s ease-out infinite; position:absolute;bottom:0px;width:100%;height:100%;cursor:pointer;overflow:hidden; z-index:9999;background: url(../images/ico_16.png) no-repeat center;}
.i-ban li.active .link i { animation: downico 1.5s ease-out infinite;}
.nban2 .link:hover {
  border: 1px solid white;
}
.wn70 {width: 70%;margin:0 auto}
.ntit {line-height: 120px;border-bottom: #eee 1px solid;background: #fff;}
.ntit ul li {padding-right: 35px;float: left;position: relative}
.ntit ul li .yj{position: relative;}
.ntit ul li i {width: 20px;height: 20px;position: absolute;right:-30px;background: url(../images/jt.jpg);margin-top: -10px;top: 50%}
.ntit ul li a {color: #333;font-size: 16px;display: block;padding-left: 10px;}
.ntit ul li:hover .yj a{color: #0099ff;}
.ntit ul li .ej {position:absolute;left: 0;top:118px;width: 100%; display: none;background: #fff;z-index: 99}
.ntit ul li .ej a{ccolor: #333;font-size: 16px;line-height: 40px;border-bottom: #eee 1px solid;display: block;padding-left: 10px;}
.ntit ul li:hover .ej{display: block}
.ntit ul li .ej a:hover {background: #0099ff; color: #fff;}


.xqyjjfa {float: right;line-height: 120px;position: relative;padding-right: 35px;}
.xqyjjfa .yj{position: relative;}
.xqyjjfa i {width: 20px;height: 20px;position: absolute;right:-30px;background: url(../images/jt.jpg);margin-top: -10px;top: 50%}
.xqyjjfa a {color: #333;font-size: 16px;display: block;padding-left: 10px;}
.xqyjjfa:hover .yj a{color: #0099ff;}
.xqyjjfa .ej {position:absolute;left: 0;top:120px;width: 100%; display: none;background: #fff;z-index: 99}
.xqyjjfa .ej a{ccolor: #333;font-size: 16px;line-height: 40px;border-bottom: #eee 1px solid;display: block;padding-left: 10px;}
.xqyjjfa .ej a:hover {background: #0099ff; color: #fff;}
.xqyjjfa:hover .ej{display: block}

.xcx_jjfa {padding: 40px 0 60px}
.xcx_jjfa h2 {font-size: 35px;color: #333;text-align: center}
.xcx_jjfa h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom: 65px}
.swiper-yxxy{width:100%; margin:0 auto; padding-bottom:50px;}
.swiper-yxxy .swiper-slide{position:relative;padding:10px 0;
	text-align: center;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.swiper-yxxy .swiper-pagination-bullet {width: 10px;height: 10px;border: #999 1px solid; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.swiper-yxxy .swiper-pagination-bullet.swiper-pagination-bullet-active { border:#333 1px solid;background:#333}
.swiper-yxxy ul li {width: 18%;margin: 0 1% 10px;}
.swiper-yxxy .swiper-slide .solution-mode-txt{
	background: #ffffff;
	box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.5);
	padding:20px 0 0 0;
	height:330px;
	position: relative;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;  
}
.swiper-yxxy .swiper-slide .solution-mode-txt:hover{-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.05),0 15px 40px 0 rgba(0,0,0,.05);box-shadow: 0 10px 15px 0 rgba(0,0,0,.05),0 15px 40px 0 rgba(0,0,0,.05);transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; z-index:9999}
.swiper-yxxy .swiper-slide .solution-mode-txt .tit{
	font-size:24px;
	line-height:40px; color:#333;
	position: absolute;
	width:100%; top:80px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}
.swiper-yxxy .swiper-slide .solution-mode-txt .tit1{
	font-size: 24px;
}
.swiper-yxxy .swiper-slide .solution-mode-txt .text{
	margin: 17px 0 0px 0;
	color: #555;
	font-size: 14px;
	line-height: 24px;
	padding: 0px 45px;position: absolute;left: 0;top: 168px; transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;opacity: 1;width: 100%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;background: #fff
}
.swiper-yxxy .swiper-slide .solution-mode-txt .text p {font-size:24px;line-height:40px; color:#333;}
.swiper-yxxy .swiper-slide .solution-mode-txt .text2 p {font-size:24px;line-height:40px; color:#333;}
.swiper-yxxy .swiper-slide .solution-mode-txt .text2{margin: 17px 0 0px 0;
	color: #555;
	font-size: 14px;
	line-height: 24px;
	padding: 0px 45px;position: absolute;left: 0;top: 168px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;opacity:0;width: 100%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;background: #fff}
.swiper-yxxy .swiper-slide .solution-mode-txt:hover .text{opacity: 0;top: 168px;}
.swiper-yxxy .swiper-slide .solution-mode-txt:hover .text2{opacity: 1;top: 168px;}

.xcx_syhy {background: #fff;padding: 60px 0;}
.xcx_syhy h2 {font-size: 35px;color: #333;text-align: center}
.xcx_syhy h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom: 65px}
.swiper-syhy{width:100%; margin:0 auto; padding-bottom:50px;}
.swiper-syhy .swiper-slide{position:relative;}
.swiper-syhy .swiper-slide .tpzs ul li {width: 16%;float: left;margin: 0 2% 50px;}
.swiper-syhy .swiper-slide .tpzs ul li .tp{overflow: hidden;border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.swiper-syhy .swiper-slide .tpzs ul li img{width: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.swiper-syhy .swiper-slide .tpzs ul li:hover img{width: 100%; -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.swiper-syhy .swiper-slide .tpzs ul li h3{font-size: 18px;color: #333;line-height: 2;text-align: center}
.swiper-syhy .swiper-pagination-bullet {width: 10px;height: 10px;border: #999 1px solid; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.swiper-syhy .swiper-pagination-bullet.swiper-pagination-bullet-active { border:#333 1px solid;background:#333}


.solution-business{
	background: url("../images/s2_bg.png") no-repeat center ;
	background-size: cover;overflow: hidden;height: 800px;
}
.solution-business-box{
	padding:10px 0 ;
	position: relative;height: 800px;
}
.solution-business-con{
	padding-left:350px;
}
.solution-business .solution-title{
	text-align: center;
	margin-bottom:60px;
	color: #fff;
}
.solution-business-text  .gnlb {margin-top:60px;}
.solution-business-text  .gnlb ul li {width: 100px;margin-right: 45px;}
.solution-business-text  .gnlb ul li:last-child{margin-right: 0}
.solution-business-text  .gnlb ul li i {background-image: url(../images/xcx_gn.png);background-repeat: no-repeat; width:100px; height:100px;  display: inline-block;}
.solution-business-text  .gnlb ul li p {text-align: center;font-size: 15px;color: #fff;}
.solution-business-text  .gnlb ul li i.g1 {background-position: 0 0px;}
.solution-business-text  .gnlb ul li i.g2 {background-position: -100px 0px;}
.solution-business-text  .gnlb ul li i.g3 {background-position:-200px 0px;}
.solution-business-text  .gnlb ul li i.g4 {background-position: -300px 0px;}
.solution-business-text  .gnlb ul li i.g5 {background-position: -400px 0px;}
.solution-business-text  .gnlb ul li i.g6 {background-position: -500px 0px;}
.solution-business-text  .gnlb ul li i.g7 {background-position: -600px 0px;}
.solution-business-text  .gnlb ul li i.g8 {background-position:-700px 0px;}
.solution-business-text  .gnlb ul li i.g9 {background-position:-800px 0px;}
.solution-business-text  .gnlb ul li i.c1 {background-position: 0 -100px;}
.solution-business-text  .gnlb ul li i.c2 {background-position: -100px -100px;}
.solution-business-text  .gnlb ul li i.c3 {background-position:-200px -100px;}
.solution-business-text  .gnlb ul li i.c4 {background-position: -300px -100px;}
.solution-business-text  .gnlb ul li i.c5 {background-position: -400px -100px;}
.solution-business-text  .gnlb ul li i.c6 {background-position: -500px -100px;}
.solution-business-text  .gnlb ul li i.c7 {background-position: -600px -100px;}
.solution-business-text  .gnlb ul li i.c8 {background-position:-700px -100px;}
.solution-business-text  .gnlb ul li i.c9 {background-position:-800px -100px;}
.solution-business-text  .gnlb ul li i.m1 {background-position: 0 -200px;}
.solution-business-text  .gnlb ul li i.m2 {background-position: -100px -200px;}
.solution-business-text  .gnlb ul li i.m3 {background-position:-200px -200px;}
.solution-business-text  .gnlb ul li i.m4 {background-position: -300px -200px;}
.solution-business-text  .gnlb ul li i.m5 {background-position: -400px -200px;}
.solution-business-text  .gnlb ul li i.m6 {background-position: -500px -200px;}
.solution-business-text  .gnlb ul li i.m7 {background-position: -600px -200px;}
.solution-business-text  .gnlb ul li i.m8 {background-position:-700px -200px;}
.solution-business-text  .gnlb ul li i.m9 {background-position:-800px -200px;}
.solution-business-text  .gnlb ul li i.l1 {background-position: 0 -300px;}
.solution-business-text  .gnlb ul li i.l2 {background-position: -100px -300px;}
.solution-business-text  .gnlb ul li i.l3 {background-position:-200px -300px;}
.solution-business-text  .gnlb ul li i.l4 {background-position: -300px -300px;}
.solution-business-text  .gnlb ul li i.l5 {background-position: -400px -300px;}
.solution-business-text  .gnlb ul li i.l6 {background-position: -500px -300px;}
.solution-business-text  .gnlb ul li i.l7 {background-position: -600px -300px;}
.solution-business-text  .gnlb ul li i.l8 {background-position:-700px -300px;}
.solution-business-text  .gnlb ul li i.l9 {background-position:-800px -300px;}
.solution-business-text  .gnlb ul li i.y1 {background-position: 0 -400px;}
.solution-business-text  .gnlb ul li i.y2 {background-position: -100px -400px;}
.solution-business-text  .gnlb ul li i.y3 {background-position:-200px -400px;}
.solution-business-text  .gnlb ul li i.y4 {background-position: -300px -400px;}
.solution-business-text  .gnlb ul li i.y5 {background-position: -400px -400px;}
.solution-business-text  .gnlb ul li i.y6 {background-position: -500px -400px;}
.solution-business-text  .gnlb ul li i.y7 {background-position: -600px -400px;}
.solution-business-text  .gnlb ul li i.y8 {background-position:-700px -400px;}
.solution-business-text  .gnlb ul li i.y9 {background-position:-800px -400px;}
.solution-business-text  .gnlb ul li i.j1 {background-position: 0 -500px;}
.solution-business-text  .gnlb ul li i.j2 {background-position: -100px -500px;}
.solution-business-text  .gnlb ul li i.j3 {background-position:-200px -500px;}
.solution-business-text  .gnlb ul li i.j4 {background-position: -300px -500px;}
.solution-business-text  .gnlb ul li i.j5 {background-position: -400px -500px;}
.solution-business-text  .gnlb ul li i.j6 {background-position: -500px -500px;}
.solution-business-text  .gnlb ul li i.j7 {background-position: -600px -500px;}
.solution-business-text  .gnlb ul li i.j8 {background-position:-700px -500px;}
.solution-business-text  .gnlb ul li i.j9 {background-position:-800px -500px;}
.solution-business-text  .gnlb ul li i.jy1 {background-position: 0 -600px;}
.solution-business-text  .gnlb ul li i.jy2 {background-position: -100px -600px;}
.solution-business-text  .gnlb ul li i.jy3 {background-position:-200px -600px;}
.solution-business-text  .gnlb ul li i.jy4 {background-position: -300px -600px;}
.solution-business-text  .gnlb ul li i.jy5 {background-position: -400px -600px;}
.solution-business-text  .gnlb ul li i.jy6 {background-position: -500px -600px;}
.solution-business-text  .gnlb ul li i.jy7 {background-position: -600px -600px;}
.solution-business-text  .gnlb ul li i.jy8 {background-position:-700px -600px;}
.solution-business-text  .gnlb ul li i.jy9 {background-position:-800px -600px;}
.solution-business-text  .gnlb ul li i.jr1 {background-position: 0 -700px;}
.solution-business-text  .gnlb ul li i.jr2 {background-position: -100px -700px;}
.solution-business-text  .gnlb ul li i.jr3 {background-position:-200px -700px;}
.solution-business-text  .gnlb ul li i.jr4 {background-position: -300px -700px;}
.solution-business-text  .gnlb ul li i.jr5 {background-position: -400px -700px;}
.solution-business-text  .gnlb ul li i.jr6 {background-position: -500px -700px;}
.solution-business-text  .gnlb ul li i.jr7 {background-position: -600px -700px;}
.solution-business-text  .gnlb ul li i.jr8 {background-position:-700px -700px;}
.solution-business-text  .gnlb ul li i.jr9 {background-position:-800px -700px;}
.solution-business-text  .gnlb ul li i.jd1 {background-position: 0 -800px;}
.solution-business-text  .gnlb ul li i.jd2 {background-position: -100px -800px;}
.solution-business-text  .gnlb ul li i.jd3 {background-position:-200px -800px;}
.solution-business-text  .gnlb ul li i.jd4 {background-position: -300px -800px;}
.solution-business-text  .gnlb ul li i.jd5 {background-position: -400px -800px;}
.solution-business-text  .gnlb ul li i.jd6 {background-position: -500px -800px;}
.solution-business-text  .gnlb ul li i.jd7 {background-position: -600px -800px;}
.solution-business-text  .gnlb ul li i.jd8 {background-position:-700px -800px;}
.solution-business-text  .gnlb ul li i.jd9 {background-position:-800px -800px;}

.solution-business-text .more {
    width: 150px;
    line-height: 46px;
    border: 1px solid rgba(214, 214, 214, 0.5);
    text-align: center;
    font-size: 16px;
    display: inline-block;
    color: #ffffff;
}





.f2-rul1 {
 width:100%;
 padding-top:10px;
 border-top:1px dashed rgba(255,255,255,.2);margin-top: 30px;
}
.f2-rul1>li {
 display:inline-block;
 margin-left:72px;
 position:relative
}
.f2-rul1>li:first-child {
 margin-left:0
}
.f2-rul1-qr {
 position:absolute;
 background-color:#fff;
 border-radius:4px;
 bottom:0;
 height:0;
 left:0;
 right:0;
 text-align:center;
 overflow:hidden;
 opacity:0;
 filter:Alpha(opacity=0);
 font-size:12px;
 transition:all .3s;
 -moz-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s
}
.f2-rul1-qr>img {
 width:130px;
 margin:12px 25px 9px
}
.f2-rul1>li:hover .f2-rul1-qr {
 height:180px;
 opacity:1;
 filter:Alpha(opacity=100);
 color:#595961
}

.solution-business .xcxal {}
.solution-business .xcxal ul li {width:22%;float: left;margin-right:4%;}
.solution-business .xcxal ul li:last-child{margin-right: 0}
.solution-business .xcxal ul li .tp {
    padding: 19px;
    width: 100%;
    border: 1px solid #b9babe;
    background-color: rgba(255, 255, 255, 0.1);-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; 
}
.solution-business .xcxal ul li:hover .tp {background-color: rgba(255, 255, 255, 0.3);}
.solution-business .xcxal ul li .tp img {width:100%}
.solution-business .xcxal ul li p {font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.solution-business .solution-title .text{
	color: #fff;
	filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;
}
.solution-business-text{
	color: #ffffff;width: 1265px;
	display: none;
}
.solution-business-text .tit{
	font-size: 24px;
	line-height: 1;
	margin-bottom: 25px;margin-top: 35px
}
.solution-business-text .text{
	filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 40px;
}
.solution-business-text .more{
	width: 150px;
	line-height: 36px;
	border: 1px solid rgba(214, 214, 214, 0.5);
	text-align: center;
	font-size: 14px;
	display: inline-block;
	color: #ffffff;margin-top:60px;
}
.solution-business-text .img img{
	margin-right: 20px;
	margin-bottom: 20px;
}
.solution-business-line{
	margin-bottom: 40px;
}
.solution-business-line .line{
	background: #D6D6D6;
	height:1px;
	filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1;
	margin-top: 50px;
}
.solution-business-left{
	position: absolute;
	top:0;
	left:0px;
	height:100%;
	width:300px;
	background: url("../images/s2_bg1.png") no-repeat center 0;
	background-size: 100%;
	padding-top:180px;
	z-index:222;
}
.solution-business-left div{
	cursor: pointer;
	line-height:60px;
	padding-left: 35px;
	position: relative;
	color: #fff;
	filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;
	font-size: 18px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;

}
.solution-title{
	text-align: center;
	line-height: 1;
	margin-bottom: 60px;padding-top: 60px
}
.solution-title .tit{
	 font-size: 36px;
}
.solution-title .text{
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin-top: 30px;
}
.solution-title .text span{
	display: block;
}
.solution-mode-box{
	margin: 0px -17px;
}
.mobile-show{
	display: none;
}
.solution-business-scol{
}
.solution-business-left div.on{
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.solution-business-left div span{
	position: relative;
	z-index:1;
}
.solution-business-left div::after,.solution-business-left div::before{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: #000000;
	content: '';
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.solution-business-left div::after{
	width:5px;
	background: #1363ef;
}
.solution-business-left div.on::before{
	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;
}
.solution-business-left div.on::after{
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.xcx_llrk {background: #fff;padding: 60px 0}
.xcx_llrk h2 {font-size: 35px;color: #333;text-align: center}
.xcx_llrk h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom: 65px}

.xcxjzgd .list li{float: left;
    width:18%;
    text-align: center;
    margin-bottom: 10px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;margin: 0 1% 40px; }
.hidden{display: none;}

.xcxjzgd .list li .kj {box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.26);
	padding: 32px 0 32px 0;

	position: relative;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
	color: #445780;
	font-size: 18px;
	line-height: 1;}
.xcxjzgd .list li:hover .kj {box-shadow: 0px 20px 50px 0px rgba(118, 141, 201, 0.2);z-index:1;}
.xcxjzgd .list li .pic {
        width: 105px;
        height: 105px;
        overflow: hidden;
        border-radius: 20px;
        margin:0 auto; }
.xcxjzgd .list li .pic img {
          width: 100%; }
.xcxjzgd .list li:hover img {
        animation: heartBeat 1s; }
.xcxjzgd .list li p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;font-size: 16px; color: #333; height: 42px;line-height: 42px }

.xcxjzgd .more{ display: block;
    margin: 20px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #f5f5f5;color: #333}
.xcxjzgd .more p {font-size: 18px;}
.xcxjzgd .more:hover{color: #fff}
.xcxjzgd .i-btn {
    display: block;
    margin: 20px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #f5f5f5;color: #333
}
 

.xcx_dzmk {background: #313233;padding: 60px 0}

.tool-cut{width:85%;margin: 0 auto;position: relative;}

.tool-swiper{width: 100%;overflow: hidden;}
.tool-cut .swiper-pagination-bullet {width: 10px;height: 10px;border: #999 1px solid; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.tool-cut .swiper-pagination-bullet.swiper-pagination-bullet-active { border:#999 1px solid;background:#999}
.solution-tool button.fa{position: absolute;top: 0;bottom: 0;width: 50px;background: rgba(0, 0, 0, .1);color: rgba(255, 255, 255, .5);cursor: pointer;border: none;font-size: 40px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}

.solution-tool button.fa:hover{background: #0166ce;color: #fff;}

.solution-tool .fa-back{right: 100%;}

.solution-tool .fa-more{left: 100%;}

.solution-tool ul{width: 10000%;}

.solution-tool ul:after{display: block;clear: both;content: '';}

.solution-tool ul li{width:1%;float: left;text-align: center;color: #fff;position: relative;}
.solution-tool .swiper-button-prev {
	left: 0px;
	width: 24px;
	height: 111px;
	top:50%;margin-top: -55px;background: url(../images/lunbo_17.png) no-repeat;background-size: 100%;
}
.solution-tool .swiper-button-next {
	right:0px;
	width: 24px;
	height: 111px;
	top:50%;margin-top: -55px;
	background: url("../images/lunbo_20.png") no-repeat;background-size: 100%;}


.solution-tool{
	background: #313233;
	color: #d6d6d6;
	text-align: center;padding: 0px 0 60px;
}
.solution-tool .solution-title{
	color: #d6d6d6;
}
.solution-tool .solution-title .text{
	color: #d6d6d6;
	filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;
}
.solution-tool-box{
	margin: 0px -10px;
}

.superiority .item-box li{width:16.66%}

.solution-tool-con{
	float: left;
	width:20%;
	padding: 30px 10px;
	text-align: center;
	font-size: 18px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; 
}
.solution-tool-con img{
	margin-bottom: 10px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}
.solution-tool-con:hover img{
	-webkit-transform: translate(0, -5px);
	transform: translate(0, -5px);
}
.xcx_kfal {padding: 60px 0;}
.xcx_kfal h2 {font-size: 35px;color: #333;text-align: center}
.xcx_kfal h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom: 65px}
.xcx_kfal ul li {width: 18.4%;margin: 0 2% 60px 0;position: relative;border: #eee 1px solid;box-sizing: border-box;overflow: hidden;background: #fff;}
.xcx_kfal ul li:nth-child(5n){margin-right: 0}
.xcx_kfal ul li:hover .f2-item-hide .mb {opacity: 1;-webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s}
.xcx_kfal ul li .ewmmb {width:150px;position: absolute;left: 50%;margin-left: -75px;bottom:-100px;opacity: 0;z-index: 3; text-align: center;background: #fff;padding-top: 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; }
.xcx_kfal ul li .ewmmb img {width:130px;height: 130px;margin: 0 auto}
.xcx_kfal ul li .ewmmb p {color: #666;line-height: 2;font-size: 15px;text-align: center;padding: 10px 0}
.xcx_kfal ul li:hover .ewmmb {bottom:35%;opacity: 1; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s; transition:all .5s}
.xcx_kfal ul li:hover .f2-hide-wrap{opacity: 0; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s; transition:all .5s}
.xcx_kfal .list ul li .f2-hide-wrap h3 { font-size: 22px;color: #333; position: relative;padding-bottom: 5px;}
.xcx_kfal .list ul li .f2-hide-mark {top:0;left:0;height:100%;z-index:6}
.xcx_kfal .list ul li .f2-hide-mark,
.xcx_kfal .list ul li .f2-hide-wrap { position:absolute;width:100%; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s;-o-transition:all .3s; transition:all .3s}
.xcx_kfal .i-btn {
    display: block;
    margin: 0px auto 0px;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;
}
.swiper-kfal {padding-bottom: 60px}
.swiper-kfal .swiper-slide{position:relative;padding: 10px 0 0}
.swiper-kfal .swiper-slide .pic {border-radius: 25px;overflow: hidden;position: relative; transition: all .3s; }
.swiper-kfal .swiper-slide .pic .qr_wrap {
        opacity: 0;
        position: absolute;
        left:4%;
        top: 8%;
        width: 92%;
        height:82%;
        background: rgba(255, 255, 255, 0.75);
        text-align: center;
        line-height:32em;
        transition: all .3s; }
.swiper-kfal .swiper-slide .pic .qr_wrap img {
          width: 100px;
          border-radius: 50%; }
/*.swiper-kfal .swiper-slide:hover .pic {
      box-shadow: 3px 6px 5px 0 #999; } */
.swiper-kfal .swiper-slide:hover .pic .qr_wrap {
        opacity: 1; }
.swiper-kfal .swiper-slide:hover .pic .qr_wrap img {
          animation: bounceIn 1s; }
.swiper-kfal .swiper-slide p {
      font-size: 18px;
      color: #666;
      margin-top: 16px;
      height: 48px;text-align: center}
.swiper-kfal .swiper-pagination-bullet {width: 10px;height: 10px;border: #999 1px solid; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.swiper-kfal .swiper-pagination-bullet.swiper-pagination-bullet-active { border:#333 1px solid;background:#333}

.xcx_seven {
    background: center; padding: 60px 0 20px}

.xcx_seven h2 {font-size: 35px;color: #fff;text-align: center}
.xcx_seven h4 {font-size: 15px;color: #fff;text-align: center;font-weight: normal;margin-bottom: 35px}
    .xcx_seven .xcx_title {
      padding-bottom: 0; }
    .xcx_seven .cnt {
      height: 600px;
      background: url(../images/xcx_bg_line.png) no-repeat center top; }
      .xcx_seven .cnt .ul {
        position: relative; }
        .xcx_seven .cnt .ul li {
         }
.xcx_seven .cnt .ul li .wz1 {left:-50px; top: 367px; position: absolute; }
.xcx_seven .cnt .ul li .wz2{left: 136px; top: 400px; position: absolute; }
.xcx_seven .cnt .ul li .wz3 {left: 330px; top: 388px; position: absolute; }
.xcx_seven .cnt .ul li .wz4 {left: 532px; top: 278px; position: absolute; }
.xcx_seven .cnt .ul li .wz5 {left: 630px; top: 259px; position: absolute; }
.xcx_seven .cnt .ul li .wz6 {left: 812px; top: 237px; position: absolute; }
.xcx_seven .cnt .ul li .wz7{left: 1028px; top: 160px; position: absolute; }
.xcx_seven .cnt .ul li .wz8{left: 1260px; top: 140px; position: absolute; }
          .xcx_seven .cnt .ul li .num {
            background: #fff;
            color: #227aea;
            font-size: 18px;
            border-radius: 50%;
            text-align: center;
            width: 28px;
            height: 28px;
            line-height: 28px; }
          .xcx_seven .cnt .ul li .txt {
            width: 190px;
            min-height: 120px;
            position: absolute;
            left: -80px;
            bottom: 38px;
            background: rgba(34, 122, 234, 0.5);
            color: #fff;
            border-radius: 10px; }
 .xcx_seven .cnt .ul li .txt h3 {
              font-size: 18px;
              padding: 12px 18px 0; }
.xcx_seven .cnt .ul li .txt p {
              font-size: 13px;
              line-height: 18px;
              margin-top: 9px;
              padding: 0 18px; }
.xcx_seven .cnt .ul li .txt:after {
              content: '';
              position: absolute;
              border: 10px solid transparent;
              border-top-color: rgba(34, 122, 234, 0.5);
              bottom: -20px;
              left: 85px; }
 .xcx_seven .cnt .ul li:nth-of-type(2n) .txt {
            bottom: auto;
            top: 38px; }
            .xcx_seven .cnt .ul li:nth-of-type(2n) .txt:after {
              bottom: auto;
              top: -20px;
              border-top-color: transparent;
              border-bottom-color: rgba(34, 122, 234, 0.5); }

.xcx_1200 {
    width: 1200px;
    margin: auto;
}
.xcx_cjwt {padding: 60px 0}
.xcx_cjwt h2 {font-size: 30px;color: #333;text-align: center}
.xcx_cjwt h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom: 65px}
.xcx_cjwt ul li {width:31.3333%;float: left;margin-right: 3%;margin-bottom:30px;}
.xcx_cjwt ul li:nth-child(3){margin-right: 0}
.xcx_cjwt ul li:nth-child(6){margin-right: 0}
.xcx_cjwt ul li .hdc {background: #fff;transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;overflow: hidden}
.xcx_cjwt ul li:hover .hdc {transform: translateY(-5px);

	-wbkit-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-moz-transform: translateY(-5px);

	transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}
.xcx_cjwt ul li .bj {margin: 30px 40px 20px;padding-bottom: 10px; background: url(../images/sol13.png) right bottom no-repeat;}
.xcx_cjwt ul li .bj2 {margin: 30px 40px 20px;padding-bottom: 10px;background: url(../images/wt2.png) right bottom no-repeat;}
.xcx_cjwt ul li .bj3 {margin: 30px 40px 20px;padding-bottom: 10px;background: url(../images/wt3.png) right bottom no-repeat;}
.xcx_cjwt ul li .bj4 {margin: 30px 40px 20px;padding-bottom: 10px;background: url(../images/sol11.png) right bottom no-repeat;}
.xcx_cjwt ul li .bj5 {margin: 30px 40px 20px;padding-bottom: 10px;background: url(../images/wt5.png) right bottom no-repeat;}
.xcx_cjwt ul li .bj6 {margin: 30px 40px 20px;padding-bottom: 10px;background: url(../images/wt6.png) right bottom no-repeat;}
.xcx_cjwt ul li h3{font-size: 20px;color: #333;padding-bottom: 20px;line-height: 1.5;border-bottom: 1px solid #eee;margin-bottom: 25px;background: url(../images/wh.jpg) left top no-repeat;padding-left: 50px;}
.xcx_cjwt ul li p {line-height: 2;color: #7a7a7a;font-size: 14px;}
.why {padding: 60px 0;background: #fff;overflow: hidden;border-bottom: #eee 1px solid}
.why .gdsz {text-align: center; width: 100%}
.why .gdsz h2 {font-size:30px;color: #333;line-height:2}
.why .gdsz h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;}
.why .gdsz .wrap{margin-top: 50px;text-align: center}
.why .gdsz .wrap ul{text-align: center}
.why .gdsz .wrap ul li {border-right: #eee 1px solid;display: inline-block;float: none;width: 200px;text-align: center}
.why .gdsz .wrap ul li:last-child{border-right: 0}
.why .gdsz .wrap ul li p{font-size:14px;color: #ccc;font-weight: normal}
.why .gdsz .wrap ul li .jumbo{font-size: 74px;color: #333;font-family: "Trump";line-height: 1;}
.why .gdsz .wrap ul li .jh {font-size: 74px;color: #333;font-family: "Trump";line-height: 1;}
.why .gsys {margin-top: 40px;}
.why .gsys .tpzs {width: 48%;margin-right: 4%}
.why .gsys .ysjs {width: 48%;}
.why .gsys .ysjs ul li {width:46%;float: left;margin-right:8%;margin-bottom: 40px;}
.why .gsys .ysjs ul li:nth-child(2n){margin-right: 0}
.why .gsys .ysjs ul li .bj{background: url(../images/why1.png) left top no-repeat;padding-left:90px}
.why .gsys .ysjs ul li .bj.bj2{background: url(../images/why2.png) left top no-repeat;}
.why .gsys .ysjs ul li .bj.bj3{background: url(../images/why3.png) left top no-repeat;}
.why .gsys .ysjs ul li .bj.bj4{background: url(../images/why4.png) left top no-repeat;}
.why .gsys .ysjs ul li .bj.bj5{background: url(../images/why5.png) left top no-repeat;}
.why .gsys .ysjs ul li .bj.bj6{background: url(../images/why6.png) left top no-repeat;}
.why .gsys .ysjs ul li .bj h3 {line-height: 1;font-size: 25px;color: #333;padding: 0 0 15px 0;margin-bottom: 15px;border-bottom: #ccc 1px solid}
.why .gsys .ysjs ul li .bj p {font-size: 14px;color: #666;line-height: 1.8}

.ny_xwty {padding: 60px 0;background: #fff;}
.ny_xwty h2 {font-size:30px;color: #333;line-height:2;text-align: center}
.ny_xwty h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom: 50px;}
 .ny_xwty .i-btn {
    display: block;
    margin: 70px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #f5f5f5;
}

/*网站建设套餐推荐*/
.wzjs_tctj {border-top: #eee 1px solid;padding: 60px 0;}
.wzjs_tctj h2{font-size: 35px;color: #333;text-align: center}
.wzjs_tctj .xxlj {font-size: 15px;color: #333;line-height: 2;text-align: center;margin-top: 10px;}
.wzjs_tctj .xxlj ul{text-align: center}
.wzjs_tctj .xxlj ul li {padding: 0 15px;display: inline-block;float: none}
.wzjs_tctj .xxlj ul li a {display: block;padding: 0 10px;color: #333;position: relative}
.wzjs_tctj .xxlj ul li a span {position: absolute;left:50%;bottom: 0;height: 2px;background:#333;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; width: 0}
.wzjs_tctj .xxlj ul li a:hover span {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;width: 100%;left: 0}
.wzjs_tctj .xxlj ul li a.on span {width: 100%;left: 0}

.wzjs_tctj .tcnr {margin-top: 60px}
.wzjs_tctj .tcnr ul li {width: 48.5%;float: left;margin-right: 3%;margin-bottom: 30px;background: #fff}
.wzjs_tctj .tcnr ul li:nth-child(2n){margin-right: 0}
.wzjs_tctj .tcnr ul li .yd {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.wzjs_tctj .tcnr ul li:hover .yd {transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.wzjs_tctj .tcnr ul li .mc {
    padding: 20px;
    background: #fff url(../images/hot.png) no-repeat left top;
    font-size: 17px;
    color: #797979;
    line-height: 28px;
    overflow: hidden;
}
.wzjs_tctj .tcnr ul li .mc span {
    font-size: 22px;
    color: #333;
    padding-right: 20px;
}
.wzjs_tctj .tcnr ul li .tc{background: url(../images/wzjs_tcbj.jpg) center center / cover no-repeat;height: 315px;text-align: center;padding: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.wzjs_tctj .tcnr ul li .tc .tp{width: 55%;float: left;}
.wzjs_tctj .tcnr ul li .tc .tp img{width: 100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.wzjs_tctj .tcnr ul li:hover .tc .tp img {transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.wzjs_tctj .tcnr ul li .tc .wenz{width: 40%;float: right}
.wzjs_tctj .tcnr ul li .tc .wenz h3 {font-size: 27px; color: #fff;}
.wzjs_tctj .tcnr ul li .tc .wenz h5{color: #fff;font-size: 20px;margin-bottom: 10px;font-weight: normal}
.wzjs_tctj .tcnr ul li .tc .wenz p {line-height: 1.6;color: #fff;font-size: 15px;font-weight: normal}
.wzjs_tctj .tcnr ul li .tc .wenz .jg {font-size: 22px;margin-top:20px;color: #fff; line-height: 1.8}
.wzjs_tctj .tcnr ul li .tc .wenz .jg span {font-size: 47px;}
.wzjs_tctj .tcnr ul li .tc .wenz .more {width: 200px;height: 50px;line-height: 50px;background: #0099ff;color: #fff;font-size: 20px;display: block;margin: 0 auto;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.wzjs_tctj .tcnr ul li .tc .wenz .more:hover{transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.wzjs_wmcg {background: #fff;padding: 60px 0}
.wzjs_wmcg h2{font-size: 35px;color: #333;text-align: center}
.wzjs_wmcg .xxlj {font-size: 15px;color: #333;line-height: 2;text-align: center;margin-top: 10px;margin-bottom: 45px}
.wzjs_wmcg .xxlj ul{text-align: center}
.wzjs_wmcg .xxlj ul li {padding: 0 15px;display: inline-block;float: none}
.wzjs_wmcg .xxlj ul li a {display: block;padding: 0 10px;color: #333;position: relative}
.wzjs_wmcg .xxlj ul li a span {position: absolute;left:50%;bottom: 0;height: 2px;background:#333;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; width: 0}
.wzjs_wmcg .xxlj ul li a:hover span {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;width: 100%;left: 0}
.wzjs_wmcg .xxlj ul li a.on span {width: 100%;left: 0}
.wzjs_wmcg .i-btn {
    display: block;
    margin: 50px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #f5f5f5;
}

.wzjs_wmcg .list-wrap {
  margin-top: 45px;
}
.wzjs_wmcg .list-wrap ul {
  width: 101.6%;
}
.wzjs_wmcg .list-wrap li {
  width: 31.7%;
  margin-right: 1.6%;
  transition: box-shadow 0.3s ease 0s;
  margin-bottom: 20px; border: #eee 1px solid;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; 
}
.wzjs_wmcg .list-wrap .img {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.wzjs_wmcg .list-wrap .img img.up-pic {
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.wzjs_wmcg .list-wrap .up-graybox {
  z-index: 3;
}
.wzjs_wmcg .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
}
.wzjs_wmcg .up-graybox .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.wzjs_wmcg .up-graybox .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff;
}
.wzjs_wmcg .up-graybox .line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
}
.wzjs_wmcg .up-graybox .linet {
  top: 0;
}
.wzjs_wmcg .up-graybox .lineb {
  bottom: 0;
}
.wzjs_wmcg .up-graybox .out-ico {
  display: none;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.wzjs_wmcg .up-graybox:hover .line {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.wzjs_wmcg .list-wrap .img:hover img.up-pic {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.wzjs_wmcg .list-wrap .img:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.wzjs_wmcg .list-wrap .cont-wrap {
  width:100%;
  padding: 20px 6.5% 0;background:#fff;
  margin-top: -1px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;
}
.wzjs_wmcg .list-wrap .tit {
  line-height: 32px;
  font-size: 18px;
}
.wzjs_wmcg .list-wrap .tit a {
  display: inline-block;
  color: #333;
}
.wzjs_wmcg .list-wrap .intr {
  display: block;
  line-height: 22px;
  font-size: 13px;
  height: 52px;
}
.wzjs_wmcg .list-wrap .intr a {
  display: inline-block;
}
.wzjs_wmcg .list-wrap .bot-link {
  display: block;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  line-height: 40px;
  position: relative;
}
.wzjs_wmcg .list-wrap .bot-link .stt {
  font-size: 14px;
}
.wzjs_wmcg .list-wrap .bot-link .point {
  display: inline-block;
  width: 24px;
  height: 8px;
  background: url(../images/ico_08.png) no-repeat right center;
  margin-top: 14px;
}
.wzjs_wmcg .list-wrap .bot-link:hover a {
  color: #333;
}
.wzjs_wmcg .list-wrap .bot-link:hover .point {
  background: url(../images/ico_08_h.png) no-repeat right center;
}
.wzjs_wmcg .mobile-scroll {
  display: none;
  position: relative;
  overflow: hidden;
  padding-bottom: 48px;
}
.wzjs_wmcg .mobile-scroll ul {
  width: 100%;
}
.wzjs_wmcg .mobile-scroll li {
  margin-right: 0;
}
.wzjs_wmcg .mobile-scroll .cont-wrap {
  padding-bottom: 10px;
}
.wzjs_wmcg .hidden{display: none;}
.lanren ul.list{overflow: hidden;}

.lanren .more{overflow: hidden;text-align: center;}
.lanren .more a{display: block;}
.lanren .more a:hover{text-decoration: none;}
.wzjs_fwlc {padding: 60px 0;background: #fff}
.wzjs_fwlc h2 {font-size: 30px;color: #333;text-align: center}
.wzjs_fwlc h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom: 50px;}
.why.gray {background:#f5f5f5}

.wzjs_tctj .jjfa{margin-top: 30px}
.wzjs_tctj .jjfa ul li {width: 33.3333%;background: #fff;}
.wzjs_tctj .jjfa ul li:nth-child(2n){background: #f5f5f5;}
.wzjs_tctj .jjfa ul li .tp {overflow: hidden;position: relative}
.wzjs_tctj .jjfa ul li .tp img {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;width: 100%}

.wzjs_tctj .jjfa ul li .tp .up-graybox { z-index: 3;}
.wzjs_tctj .jjfa ul li .tp .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
}
.wzjs_tctj .jjfa ul li .tp .up-graybox .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.wzjs_tctj .jjfa ul li .tp .up-graybox .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff;
}
.wzjs_tctj .jjfa ul li .tp .up-graybox .line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
}
.wzjs_tctj .jjfa ul li .tp .up-graybox .linet {
  top: 0;
}
.wzjs_tctj .jjfa ul li .tp .up-graybox .lineb {
  bottom: 0;
}
.wzjs_tctj .jjfa ul li .tp .up-graybox .out-ico {
  display: none;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.wzjs_tctj .jjfa ul li:hover .tp .up-graybox .line {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.wzjs_tctj .jjfa ul li:hover .tp img{
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.wzjs_tctj .jjfa ul li:hover .tp .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}

.wzjs_tctj .jjfa ul li .wenz {padding: 30px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.wzjs_tctj .jjfa ul li:hover .wenz {padding:30px 20px 30px 40px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.wzjs_tctj .jjfa ul li .wenz h3 {font-size: 24px;color: #333;margin-bottom: 10px;}
.wzjs_tctj .jjfa ul li .wenz p {line-height: 1.6;font-size: 15px;color: #777}
.wzjs_tctj .jjfa ul li .wenz .more {width: 30px; height: 25px;float: left;background: url(../images/ico_08.png) left center no-repeat;margin-top: 20px;}
.wzjs_tctj .jjfa ul li:hover .wenz .more {background: url(../images/ico_08_h.png) left center no-repeat;}
/*案例中心*/
.alzx_ny {}
.alzx_ny .alfl {height: 80px; line-height: 80px;background: #f2f2f2}
.alzx_ny .alfl ul {position:relative}
.alzx_ny .alfl ul li {width: 21.25%;float: left;height: 80px;position: relative}
.alzx_ny .alfl ul li:first-child{width: 15%}
.alzx_ny .alfl ul li:nth-child(3){position: static}
.alzx_ny .alfl ul li:first-child a{text-align: center;padding-left: 0;background: #0099ff;color: #fff;border-right: 1px solid #e6e6e6;}
.alzx_ny .alfl ul li:last-child a {padding-left: 0;text-align: center;}
.alzx_ny .alfl ul li:last-child a span {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    font-size: 16px;
    line-height: 80px;
    color: #0099ff;
    padding-left: 44px;
    background: url("../images/editbkac.png") no-repeat 0 44.9%;
}
.alzx_ny .alfl ul li .yj{position: relative;border-right: 1px solid #e6e6e6;}
.alzx_ny .alfl ul li .yj a {width:100%;position: absolute;height:80px;left: 0;top:0;background: url(../images/secadd.png) center right no-repeat;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; border-right: 1px solid #e6e6e6;}
.alzx_ny .alfl ul li:hover .yj a {background: url(../images/secless.png) center right no-repeat;}
.alzx_ny .alfl ul li.on .yj a {background:#0099ff url(../images/secless.png) center right no-repeat;color: #fff}
.alzx_ny .alfl ul li a {display: block;color: #333;font-size: 16px;text-align: center;padding-left: 60px;text-align: left}
.alzx_ny .alfl ul li:hover .yj a {background: #0099ff url(../images/secless.png) center right no-repeat; color: #fff;}
.alzx_ny .alfl ul li .ej {display: none;position: absolute;width: 100%;top: 80px;left: 0;max-height: 240px;overflow: scroll ; overflow-x: hidden;z-index: 999;background:#f2f2f2}
.alzx_ny .alfl ul li .ej a {line-height: 60px;color: #333;}
.alzx_ny .alfl ul li .ej a:hover {background: #0099ff;color: #fff;}
.alzx_ny .alfl ul li:nth-child(3) .ej {padding: 25px 0}
.alzx_ny .alfl ul li:nth-child(3) .ej a {line-height:40px;color: #333;float: left;width: 20%;box-sizing: border-box}
.alzx_ny .alfl ul li:nth-child(3) .ej a:hover {color: #0099ff;background:none}


.page{width:100%; text-align:center; margin-top:20px; overflow:hidden;}
.page a{display:inline-block; width:65px; background:#fff; height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s}
.page a:hover{background:#eb3900; color:#fff;}
.page a.on{background:#eb3900; color:#fff;}
.page a.prev{border-radius:6px 0 0 6px; width:90px;}
.page a.prev span{background:url(../images/images1.png) no-repeat right; display:block;}
.page a.prev:hover span{background:url(../images/icon024.png) no-repeat right;}
.page a.next{border-radius:0 6px 6px 0; width:90px;}
.page a.next span{background:url(../images/images.png) no-repeat right; display:block;}
.page a.next:hover span{background:url(../images/icon025.png) no-repeat right;}

/*营销推广*/
.yxtg_part1 { padding:60px 0;}
.yxtg_part1 h2{font-size: 30px;color: #333;text-align: center;}
.yxtg_part1 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom: 50px;}

.yxtg_part2 { height:705px; background: url(../images/yxp2bj.jpg) center center / cover no-repeat; padding:60px 0}
.yxtg_part2 h2{font-size: 30px;color: #fff;text-align: center;}
.yxtg_part2 h4 {font-size: 15px;color: #fff;text-align: center;font-weight: normal;margin-bottom: 50px;}
.yxtg_part2 .nr { width:1520px; margin:0 auto; position:relative;height: 581px;text-align: center}
.yxtg_part2 .nr img {margin: 0 auto}
.yxtg_part2 .nr .ball {
  width: 581px;
  height: 581px;
  background: url(../images/wttp.png) no-repeat center;
  position: absolute;
  top: 0;
  left:50%;
  margin-left: -290px;
  z-index: 1;
   -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 20s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 20s;
    -webkit-animation: rotate 20s linear infinite;
    -moz-animation: rotate 20s linear infinite;
    -o-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite;
} 
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.yxtg_part2 .nr .mb { width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.yxtg_part2 .nr .d1 {width: 760px; position: relative;padding-right: 210px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; float: left}
.yxtg_part2 .nr .d1 p { position:relative;line-height: 2;font-size: 20px;color: #fff;padding-right: 74px;margin-bottom: 57px;text-align: right}
.yxtg_part2 .nr .d1 p:after {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top:50%;margin-top: -7px;
    right: 0;
    background: #0099ff;
    border-radius: 50%;
    border: 1px solid #fff;}
.yxtg_part2 .nr p em {margin-left: 9px;font-size: 30px;}
.yxtg_part2 .nr p.s1 {left: 11px;margin-top:93px;}
.yxtg_part2 .nr p.s2 {left: -45px;}
.yxtg_part2 .nr p.s3 {left: -36px;}
.yxtg_part2 .nr p.s4 {left: 25px;}
.yxtg_part2 .nr p.s5 {left:-24px;margin-top:93px;}
.yxtg_part2 .nr p.s6 {left:32px;}
.yxtg_part2 .nr p.s7 {left:25px;}
.yxtg_part2 .nr p.s8 {left:-39px;}
.yxtg_part2 .nr .d2 p em {font-size: 30px;margin-right: 9px}
.yxtg_part2 .nr .d2 {width: 760px; float: right;position: relative;padding-left: 210px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.yxtg_part2 .nr .d2 p { position:relative;line-height: 2;font-size: 20px;color: #fff;padding-left: 74px;margin-bottom: 57px;text-align: left}
.yxtg_part2 .nr .d2 p::before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top:50%;margin-top: -7px;
    left: 0;
    background: #0099ff;
    border-radius: 50%;
    border: 1px solid #fff;}


.yxtg_part3 { height:728px; background: url(../images/yxp3bj.jpg) center center / cover no-repeat; padding:60px 0}
.yxtg_part3 h2{font-size: 30px;color: #333;text-align: center;}
.yxtg_part3 h5 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom: 120px;}

#part4 P{}
#part4 IMG{}
#part4 .item *{transition: width .3s,height .3s,color .3s;}
#part4 .item{
    z-index: 3;
    position: absolute;
    width: 312px;
    height: 269px;
    text-align: center;
    background: transparent;
    cursor: pointer;
}
#part4 .item.h {}
#part4 .item.h *{color: #fff;}
#part4 .item.h .tb{
    margin-top: 60px;height: 35px;
}

#part4 .item * .tb{
    margin-top: 60px;height: 35px;
}
#part4 .item * .tb.s1{background: url(../images/yxtb1.png) center center no-repeat}
#part4 .item.h * .tb.s1{background: url(../images/yxtb1s.png) center center no-repeat}
#part4 .item * .tb.s2{background: url(../images/yxtb2.png) center center no-repeat}
#part4 .item.h * .tb.s2{background: url(../images/yxtb2s.png) center center no-repeat}
#part4 .item * .tb.s3{background: url(../images/yxtb3.png) center center no-repeat}
#part4 .item.h * .tb.s3{background: url(../images/yxtb3s.png) center center no-repeat}
#part4 .item * .tb.s4{background: url(../images/yxtb4.png) center center no-repeat}
#part4 .item.h * .tb.s4{background: url(../images/yxtb4s.png) center center no-repeat}
#part4 .item * .tb.s5{background: url(../images/yxtb5.png) center center no-repeat}
#part4 .item.h * .tb.s5{background: url(../images/yxtb5s.png) center center no-repeat}
#part4 .item * .tb.s6{background: url(../images/yxtb6.png) center center no-repeat}
#part4 .item.h * .tb.s6{background: url(../images/yxtb6s.png) center center no-repeat}
#part4 .item.h .en{font-size: 15px;color: #fff;height: 30px;text-align: center;
}
#part4 .item .en{font-size: 15px;color: #333;height: 30px;text-align: center;
}
#part4 .item.h .sinfo{color: #fff
}
#part4 .sinfo{font-size: 22px;line-height: 2;color: #333;text-align: center;
    overflow: hidden;
    margin-top:20px;
}
#part4 .yw {font-size: 15px;color: #333;height:20px;text-align: center;line-height: 20px}
#part4 .item.h .yw {color: #fff}
#part4 .sinfo16{
    margin-top: 1px;
    padding: 0 0 30px;
}
#part4 .row{}
#part4 .items{
    background: url(../images/lbx.png) no-repeat center top;
    position: relative;width: 1522px;margin:0px auto 0;
    height: 687px;
}
#part4 .item.item8{
    top: 360px;
    left: 833px;
}
#part4 .item.item7{
    top: 240px;
    left: 631px;
}
#part4 .item.item6{
    top:141px;
    left:1210px;
}
#part4 .item.item5{
    left:968px;
    top:4px;
}
#part4 .item.item4{
    left:726px;
    top: 141px;
}
#part4 .item.item3{
    left:484px;
    top:3px;
}
#part4 .item.item2{
    left:241px;
    top: 141px;
}
#part4 .item.item1{
    top:0px;
    left:0px;
}
#part4 .green{
    position: absolute;
    top:0px;
    left:0px;
    z-index: 1;
}
#part4 .en{
    width: 250px;
    margin-left: -55px;
    margin-top: 0px;
    color: #888;
}
#part4 .container{}
#part4 .con.flexcenter{
    text-align: center;
    padding-top: 40px;
    /* color: #fff; */
    height: auto;
}
#part4 .c333.f40.elem_ani.ani1{}
.yxtg_part3 .yxlcsj {display: none;
}
.swiper-nyyxtgsj{display: none}
.swiper-nyxwsj {display: none
}




.yxtg_part4 { background: url(../images/yxp4bj.jpg) center center / cover no-repeat; padding:60px 0}
.yxtg_part4 h2{font-size: 30px;color: #fff;text-align: center;}
.yxtg_part4 h4 {font-size: 15px;color: #fff;text-align: center;font-weight: normal;margin-bottom: 50px;}
.solution-box{}

.solution-cut{width:85%;margin: 0 auto;position: relative; padding-bottom:120px}

.solution-swiper{width: 100%;overflow: hidden;}
.solution-cut .swiper-pagination-bullet {width: 10px;height: 10px;border: #999 1px solid; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin: 0 5px;}
.solution-cut .swiper-pagination-bullet.swiper-pagination-bullet-active { border:#999 1px solid;background:#999}
.solution-box button.fa{position: absolute;top: 0;bottom: 0;width: 50px;background: rgba(0, 0, 0, .1);color: rgba(255, 255, 255, .5);cursor: pointer;border: none;font-size: 40px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}

.solution-box button.fa:hover{background: #0166ce;color: #fff;}

.solution-box .fa-back{right: 100%;}

.solution-box .fa-more{left: 100%;}

.solution-box ul{width: 10000%;}

.solution-box ul:after{display: block;clear: both;content: '';}

.solution-box ul li{width: .2%;float: left;text-align: center;color: #fff;position: relative;}

.solution-box ul li span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}

.solution-box ul li:nth-child(2) span,

.solution-box ul li:nth-child(4) span{background: rgba(0, 0, 0, .75);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}

.solution-box ul li i{font-size: 50px;opacity: .85;position: absolute;width: 100%;left: 0;bottom: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; text-align:center}
.solution-box ul li i img { width:auto; margin:0 auto}

.solution-box ul li hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}

.solution-box ul li h3{font-size: 24px;position: absolute;width: 100%;left: 0;top: 53%;transition: .3s;}
.solution-box ul li h5{ font-size:20px; color:#fff;transition: .3s;position: absolute;width: 100%;left: 0;top: 70%;}

.solution-box ul li p{width: 80%;position: absolute;font-size: 14px;left: 10%;top: 70%;opacity: 0;transition: .3s;}

.solution-box ul li a{position: absolute;top: 85%;font-size: 16px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}

.solution-box ul li a:hover{background: #fff;color: #373d41;}

.solution-box ul li img{display: block;width: 100%;}

.solution-box ul li:hover span{background: rgba(241, 71, 2, .85);}

.solution-box ul li:hover i{bottom: 63%;}

.solution-box ul li:hover hr{top: 40%;opacity: 0;}

.solution-box ul li:hover h3{top: 38%;}
.solution-box ul li h5 { opacity:0}

.solution-box ul li:hover p{top: 50%;opacity: 1;}

.solution-box ul li:hover a{top: 75%;opacity: 1;}

/*响应式*/

@media(max-width:1680px){.solution-cut{width: 1480px;}.solution-box ul li i{font-size: 46px;}.solution-box ul li h3{font-size: 22px;}.solution-box ul li p{font-size: 14px;}.solution-box ul li a{font-size: 14px;line-height: 28px;width: 100px;margin: 0 0 0 -50px;}}

@media(max-width:1600px){.solution-cut{width: 1300px;}}

@media(max-width:1440px){.solution-cut{width: 1200px;}.solution-box ul li i{font-size: 40px;}.solution-box ul li h3{font-size: 18px;}.solution-box ul li p{font-size: 12px;}}

@media(max-width:767px){.solution-cut{width: 100%;padding: 0;}.solution-box ul li{width: 290px;}.solution-box button.fa{display: none;}.solution-box .fa-back{left: 0;right: auto;}.solution-box .fa-more{left: auto;right: 0;}}

.yxtg_part5 { height:718px; background: url(../images/yx5bj.jpg) center center / cover no-repeat; padding:60px 0;box-sizing: border-box}
.yxtg_part5 h2{font-size: 30px;color: #333;text-align: center;}
.yxtg_part5 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom: 50px;}
.yxtg_part5 ul li {width: 18.4%;float: left;margin-right: 2%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.yxtg_part5 ul li:last-child{margin-right: 0}
.yxtg_part5 ul li .box{border: #fff 1px solid;background: rgba(255,255,255,0.8);padding: 25px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;min-height: 324px;}
.yxtg_part5 ul li:hover .box{transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transform: translateY(-10px);

	-wbkit-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	-moz-transform: translateY(-10px);}
.yxtg_part5 ul li .tb {margin: 20px auto; text-align: center}
.yxtg_part5 ul li h3 {font-size: 22px;color: #333;position: relative;margin-bottom: 40px;text-align: center}
.yxtg_part5 ul li h3::after { content: " ";position: absolute; left: 50%; bottom: -20px; width: 20px; margin-left: -10px;height:2px;background: #333;}
.yxtg_part5 ul li p{font-size: 15px;color: #333;line-height: 1.8;}

.yxtg_part6 {background: url(../images/yx6bj.jpg) center center / cover;padding: 60px 0;height: 640px;box-sizing: border-box}

.yxtg_part6 h2{font-size: 30px;color: #fff;text-align: center;}
.yxtg_part6 h4 {font-size: 15px;color: #fff;text-align: center;font-weight: normal;margin-bottom:50px;}
.yxtg_part6 .left {width: 40%;float: left;padding-top: 50px}
.yxtg_part6 .left .xz {font-size: 15px;color: #fff;line-height: 1.6;}

.yxtg_part6 .left .wrap{margin-top:30px;text-align: center}
.yxtg_part6 .left .wrap ul{text-align: center}
.yxtg_part6 .left .wrap ul li {display: inline-block;float: none;width: 200px;text-align: center}


.yxtg_part6 .left .wrap ul li p{font-size:14px;color: #ccc;font-weight: normal}
.yxtg_part6 .left .wrap ul li .jumbo{font-size: 74px;color: #fff;font-family: "Trump";line-height: 1;}
.yxtg_part6 .left .wrap ul li .jh {font-size: 74px;color: #fff;font-family: "Trump";line-height: 1;}
.yxtg_part6 .right {width: 55%;float: right}
.yxtg_part6 .right ul li {width: 21%;margin: 0 2% 15px;position: relative;min-height:5.5em;}
.yxtg_part6 .right ul li img.img1 {width: 100%;position: absolute;left: 0;top: 0;opacity: 1;transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;-webkit-transition: .6s;filter:brightness(200%); -webkit-filter:brightness(200%); -moz-filter:brightness(200%); -ms-filter:brightness(200%); -o-filter:brightness(200%);}
.yxtg_part6 .right ul li:hover img.img1 {opacity: 0;transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;-webkit-transition: .6s;}
.yxtg_part6 .right ul li img.img2 {width: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;-webkit-transition: .6s;}
.yxtg_part6 .right ul li:hover img.img2 {opacity: 1;transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;-webkit-transition: .6s;}
.mgb20 {padding-bottom: 20px;}
.app_part1 {padding: 60px 0 25px;}
.app_part1 h2{font-size: 30px;color: #333;text-align: center;}
.app_part1 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:30px;}
.app_solution{}

.app-solution-cut{width:85%;margin: 0 auto;position: relative; padding-bottom:80px}

.app-swiper{width: 100%;overflow: hidden;padding: 20px 0}
.app-solution-cut .swiper-pagination {width: 100%}
.app-solution-cut .swiper-pagination-bullet {width: 10px;height: 10px;border: #999 1px solid !important; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin: 0 5px;background:none !important}
.app-solution-cut .swiper-pagination-bullet.swiper-pagination-bullet-active { border:#333 1px solid;background:#333 !important}
.app_solution button.fa{position: absolute;top: 0;bottom: 0;width: 50px;background: rgba(0, 0, 0, .1);color: rgba(255, 255, 255, .5);cursor: pointer;border: none;font-size: 40px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}

.app_solution button.fa:hover{background: #0166ce;color: #fff;}

.app_solution .fa-back{right: 100%;}

.app_solution .fa-more{left: 100%;}

.app_solution ul{width: 10000%;}

.app_solution ul:after{display: block;clear: both;content: '';}

.app_solution ul li{width: .2%;float: left;text-align: center;color: #fff;position: relative; background:#fff;box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.5); text-align:center; padding-bottom:35px;}
.app_solution ul li:hover {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; z-index:9999}
.app_solution ul li .bt { height:130px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; background:#eb3d00;}
.app_solution ul li .bt .ce{ text-align:center; width:100%}
.app_solution ul li .bt span { font-size:30px; color:#fff;line-height:40px; border-bottom:#fff 1px solid; border-top:#fff 1px solid; padding:5px 0}
.app_solution ul li .tb { text-align:center;padding:20px 0}
.app_solution ul li p { font-size:16px; color:#333; line-height:1.8}
.app_solution ul li .i-btn {
    display: block;
    margin: 20px auto 0;
    width: 180px;
    height: 48px;
    line-height: 48px;
    color: #333;
    font-size: 16px;
    border-radius: 2px;
    border: 1px solid #333;
    text-align: center;
} 
/*app行业应用*/
.pinzhi{
	width: 100%;
	height: 790px;
	background: url(../images/appp2bj.jpg) no-repeat;
	background-size: 100% 100%; position: relative;
}
.pinzhi .title {position: absolute;left: 0;top: 60px;width: 100%}
.pinzhi .title h2{font-size: 30px;color: #fff;text-align: center;}
.pinzhi .title h4 {font-size: 15px;color: #fff;text-align: center;font-weight: normal;}
.pzcen{
	width:85%;
	margin: 0 auto;
	margin-top: 30px;
}
.pzleft{
	height:790px;width: 310px;
	overflow: hidden;background: rgba(0,0,0,0.2)
}
.pzleft ul {
    position: relative;
    overflow: hidden;
}
.pzleft ul{
	margin:41px 0;
	height: 560px;
}
.pzleft ul li{
	width:310px;
	height:70px;
	line-height:70px;
	font-size: 20px;
	color: #ffffff;
	margin:0 0;
	text-align: center;
	cursor: pointer;
}
.pzleft ul li.on{
	background: #152342;border-left: #1363ef 5px solid
}
.pzleft ul{
	width:310px;
	height:560px;

	
}

.pzright{
	width: 1190px;padding-top: 180px;
}
.pztit img{
	width: 36px;
	height: 36px;
}
.pztit span{
	font-size: 30px;
	color: #ffffff;
}
.pzmian{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 32px;padding-bottom: 30px;border-bottom:rgba(255,255,255,0.3) 1px solid;
	margin: 30px 0 30px 0px;
}
.pzanli{

}
.scapp{
	font-size: 20px;
	color: #FFFFFF;
	margin-bottom: 30px;
}
.scanli img{
	width: 250px;
/*	height: 263px;*/
	margin-right: 30px;
}
.topbtn,.botbtn{
	text-align: center;
	cursor: pointer;
}
.topbtn {padding-top: 50px}
.botbtn{padding-bottom: 50px}
.topbtn img,.botbtn img{
	width: 45px;
	height:23px;
}
.button{
	width: 248px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 24px;
	margin: 30px auto;
	display: block;
	cursor: pointer;
}
.button img{
	position: relative;
	top: -3px;
}
.app_part3 {padding: 60px 0 ;}
.app_part3 h2{font-size: 30px;color: #333;text-align: center;}
.app_part3 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:50px;}
.app_part3 ul li {width:48.5%;float: left;margin-right: 2%;margin-bottom:30px;}
.app_part3 ul li:nth-child(2n){margin-right: 0}
.app_part3 ul li .hdc {background: #fff;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;overflow: hidden}
.app_part3 ul li:hover .hdc {transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.app_part3 ul li .bj {margin:20px 35px 15px;padding-bottom: 10px; background: url(../images/sol13.png) right bottom no-repeat;padding-right: 180px;}
.app_part3 ul li .bj2 {margin:20px 35px 15px;padding-bottom: 10px;background: url(../images/wt2.png) right bottom no-repeat;padding-right: 180px;}
.app_part3 ul li .bj3 {margin:20px 35px 15px;padding-bottom: 10px;background: url(../images/wt3.png) right bottom no-repeat;padding-right: 180px;}
.app_part3 ul li .bj4 {margin:20px 35px 15px;padding-bottom: 10px;background: url(../images/sol11.png) right bottom no-repeat;padding-right: 180px;}
.app_part3 ul li .bj5 {margin:20px 35px 15px;padding-bottom: 10px;background: url(../images/wt5.png) right bottom no-repeat;padding-right: 180px;}
.app_part3 ul li .bj6 {margin:20px 35px 15px;padding-bottom: 10px;background: url(../images/wt6.png) right bottom no-repeat;padding-right: 180px;}
.app_part3 ul li h3{font-size: 20px;color: #333;padding-bottom: 15px;line-height: 1.5;border-bottom: 1px solid #eee;margin-bottom:15px;background: url(../images/wh.jpg) left top no-repeat;padding-left: 50px;}
.app_part3 ul li p {line-height: 2;color: #7a7a7a;font-size: 14px;}
.app_part4 {padding: 60px 0;background: url(../images/app4bj.jpg) center center / cover no-repeat}
.app_part4 h2{font-size: 30px;color: #fff;text-align: center;}
.app_part4 h4 {font-size: 15px;color: #fff;text-align: center;font-weight: normal;margin-bottom:50px;}
.app_part4 ul li {width:19%;margin-right: 1%;margin-bottom: 35px;position: relative}
.app_part4 ul li:nth-child(5){margin-right: 0}
.app_part4 ul li:nth-child(10){margin-right: 0}
.app_part4 ul li .tp {position: relative;}
.app_part4 ul li .tp img {width: 100%;}
.app_part4 ul li .mb {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);padding-top: 80px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;text-align: center;opacity: 1;-webkit-transition: opacity .28s ease-out .1s;
  	transition: opacity .28s ease-out .1s;}
.app_part4 ul li:hover .mb{opacity: 0;-webkit-transition: opacity .28s ease-out .1s;
  	transition: opacity .28s ease-out .1s;}
.app_part4 ul li .mb img {width: 80px;height: 80px;}

.jztit{
	font-size: 30px;
	color: #FFFFFF;line-height: 1;
	margin-top: 10px;
}
.jztiten{
	font-size: 20px;
	color: #FFFFFF;
}
.price{
	font-size: 15px;
	color:#0099ff;
	margin-top: 66px;
}
.price span{
	font-size: 25px;
}
.zjfot2{
	width:100%;
	height:100%;
	background:rgba(241,71,2,0.8);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .28s ease-out .1s;
  	transition: opacity .28s ease-out .1s;
}


.app_part4 ul li:hover .zjfot2{
	opacity: 1;
	-webkit-transition: opacity .28s ease-out .1s;
  	transition: opacity .28s ease-out .1s;
}

.zjtop{
	width: 140px;
	height: 120px;
	line-height: 120px;
	background: #ffffff;
	font-size: 30px;
	color: #F2530F;
	border-bottom-left-radius: 66px;
	border-bottom-right-radius: 66px;
	text-align: center;
	margin: 0 auto;
}
.zjdiv{
	padding: 0 40px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 26px;
	text-align: center;
	margin: 59px 0 67px 0;
}
.huoqu{
	width:150px;
	height:44px;
	line-height: 44px;
	border:1px solid rgba(255,255,255,1);
	border-radius:4px;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	margin-top: 120px;
}
.huoqu img{
	width: 16px;
	height: 16px;
	margin-right: 10px;
}
.appyssj {display: none}
.app_part5 {padding: 60px 0;}
.app_part5 h2{font-size: 30px;color: #333;text-align: center;}
.app_part5 h5 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:50px;}
#part5 P{}
#part5 IMG{}
#part5 .item *{transition: width .3s,height .3s,color .3s;}
#part5 .item{
    z-index: 3;
    position: absolute;
    width: 312px;
    height: 269px;
    text-align: center;
    background: transparent;
    cursor: pointer;
}
#part5 .item.h {}
#part5 .item.h *{color: #fff;}
#part5 .item.h .tb{ margin:25px auto 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

#part5 .item * .tb{margin:30px auto 0;height:54px;width:87px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
#part5 .item * .tb.s1{background: url(../images/s1_icon01.png) center center / 100% no-repeat}
#part5 .item.h * .tb.s1{background: url(../images/s1_icon01.png) center center / 100% no-repeat}
#part5 .item * .tb.s2{background: url(../images/s1_icon02.png) center center / 100% no-repeat}
#part5 .item.h * .tb.s2{background: url(../images/s1_icon02.png) center center / 100% no-repeat}
#part5 .item * .tb.s3{background: url(../images/s1_icon03.png) center center / 100% no-repeat}
#part5 .item.h * .tb.s3{background: url(../images/s1_icon03.png) center center / 100% no-repeat}
#part5 .item * .tb.s4{background: url(../images/s1_icon04.png) center center / 100% no-repeat}
#part5 .item.h * .tb.s4{background: url(../images/s1_icon04.png) center center / 100% no-repeat}
#part5 .item * .tb.s5{background: url(../images/s1_icon05.png) center center / 100% no-repeat}
#part5 .item.h * .tb.s5{background: url(../images/s1_icon05.png) center center / 100% no-repeat}
#part5 .item * .tb.s6{background: url(../images/s1_icon06.png) center center / 100% no-repeat}
#part5 .item.h * .tb.s6{background: url(../images/s1_icon06.png) center center / 100% no-repeat}
#part5 .item * .tb.s7{background: url(../images/s1_icon7.png) center center / 100% no-repeat}
#part5 .item.h * .tb.s7{background: url(../images/s1_icon7.png) center center / 100% no-repeat}
#part5 .item * .tb.s8{background: url(../images/s1_icon8.png) center center / 100% no-repeat}
#part5 .item.h * .tb.s8{background: url(../images/s1_icon8.png) center center / 100% no-repeat}
#part5 .item * .tb.s9{background: url(../images/s1_icon9.png) center center / 100% no-repeat}
#part5 .item.h * .tb.s9{background: url(../images/s1_icon9.png) center center / 100% no-repeat}
#part5 .item.h .en{font-size: 15px;color: #fff;height: 30px;text-align: center;
}
#part5 .item .en{font-size: 15px;color: #333;height: 30px;text-align: center;
}
#part5 .item.h .sinfo{color: #fff}
#part5 .item.h .sinfo::after{background: #fff;}
#part5 .sinfo{font-size: 24px;line-height: 1;color: #333;text-align:center;width: 180px;margin: 0px auto 35px;position: relative;font-family: "黑体";}
#part5 .sinfo::after {content: " ";position: absolute; left: 50%; bottom: -20px; width: 20px; margin-left: -10px;height:3px;background: #0099ff;z-index: 999}

#part5 .yw {font-size: 15px;color: #333;height:20px;text-align: left;line-height: 20px;width: 180px;margin:0px auto 0;}
#part5 .item.h .yw {color: #fff}
#part5 .sinfo16{
    margin-top: 1px;
    padding: 0 0 30px;
}
#part5 .row{}
#part5 .items{
    background: url(../images/appysbj.png) no-repeat center top;
    position: relative;width: 1525px;margin:0px auto 0;
    height: 558px;
}
#part5 .item.item9{
        top: 141px;
    left: 1210px;
}
#part5 .item.item8{
    top: 283px;
    left: 968px;
}
#part5 .item.item7{
       left: 968px;
    top: 4px;
}
#part5 .item.item6{left: 726px;top: 141px;
}

#part5 .item.item5{
    left:484px;
    top: 283px;
}
#part5 .item.item4{
    left:484px;
    top:3px;
}
#part5 .item.item3{
    left:241px;
    top: 141px;
}
#part5 .item.item2{
    left:0;
    top: 283px;
}
#part5 .item.item1{
    top:0px;
    left:0px;
}
#part5 .green{
    position: absolute;
    top:0px;
    left:0px;
    z-index: 1;
}
#part4 .en{
    width: 250px;
    margin-left: -55px;
    margin-top: 0px;
    color: #888;
}
.pinzhisj{display: none}
#part5 .container{}
#part5 .con.flexcenter{
    text-align: center;
    padding-top: 40px;
    /* color: #fff; */
    height: auto;
}
#part5 .c333.f40.elem_ani.ani1{}
.ny_appp3sj {display: none}
.appfwlcsj {display: none;}
.sol-f{
	padding-top: 60px;
	width: 100%;
	height: 667px;
	background: url(../images/app5bj.jpg) no-repeat center / cover;
	box-sizing:border-box;
	overflow: hidden;
}
.sol-f h2{
	font-size: 30px;
	text-align: center;
	color: #fff;
	text-align: center;
}
.sol-f h4 {font-size: 15px;color: #fff;text-align: center;font-weight: normal;margin-bottom:50px;}
.sol-f .list{
	margin-top: 130px;
	height:215px;
	background: url(../images/sol35.png) no-repeat left bottom / 100% 1px;
	width:100%;
}
.sol-f .list ul{
	width: 100%;
}
.sol-f .list li {
    float: left;
    width: 11.1%;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity:1;
}
.sol-f .list .btn {
    width: 110px;
    height: 220px;
    line-height: 2;
    color: #8f8f95;
    text-align: center;
    margin: 0 auto 0;
}

.sol-f .list .btn.btn2 .circle:after{
	background-image: url(../images/applc2.png);
}
.sol-f .list .btn.btn3 .circle:after{
	background-image: url(../images/applc3.png);
}
.sol-f .list .btn.btn4 .circle:after{
	background-image: url(../images/applc4.png);
}
.sol-f .list .btn.btn5 .circle:after{
	background-image: url(../images/applc5.png);
}
.sol-f .list .btn.btn6 .circle:after{
	background-image: url(../images/applc6.png);
}
.sol-f .list .btn.btn7 .circle:after{
	background-image: url(../images/applc7.png);
}
.sol-f .list .btn.btn8 .circle:after{
	background-image: url(../images/applc8.png);
}
.sol-f .list .btn.btn9 .circle:after{
	background-image: url(../images/applc9.png);
}
		
.sol-f .list .btn .circle {
    width: 110px;
    height:110px;
    border-radius:55px;
    background: #25428e;
}
.sol-f .list .btn .circle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    height:110px;
    background: url(../images/applc1.png) center no-repeat;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.sol-f .list .btn p {
    font-size: 18px;
    color:rgba(255,255,255,.6);
    line-height: 30px;
    margin: 30px 0 30px;
}
.sol-f .list .btn .light {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #25428e;
    margin: 0 auto;
    border: 1px solid #4763ab;
}
.sol-f .list .btn .light:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 0;
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px;
	border-radius: 50%;
	background: #43adff;
	display: none;
}
.sol-f .list .btn:hover .light:after{
	animation: Circle 1.2s infinite linear;
	display: block;
}
.sol-f .list .btn:hover .circle{
	background: #1251a6;
}
.sol-f .list .btn:hover .circle:after{
	opacity:1 ;
	filter: alpha(opacity=1);
}
.sol-f .list .btn:hover p{
	color: rgba(255,255,255,1);
}

@keyframes Circle{
	0%{
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(0.5);
		opacity: 0;
	}
}
.app_al {padding: 60px 0;background: #fff;}
.app_al h2{
	font-size: 30px;
	text-align: center;
	color: #333;
	text-align: center;
}
.app_al h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:50px;}
.app_al .i-btn {
    display: block;
    margin: 50px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #f5f5f5;
}

.app_al .list-wrap {
}
.app_al .list-wrap ul {
  width: 101.6%;
}
.app_al .list-wrap li {
  width: 31.7%;
  margin-right: 1.6%;
  transition: box-shadow 0.3s ease 0s;
  margin-bottom: 20px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; 
}
.app_al .list-wrap .img {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app_al .list-wrap .img img.up-pic {
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.app_al .list-wrap .up-graybox {
  z-index: 3;
}
.app_al .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
}
.app_al .up-graybox .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.app_al .up-graybox .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff;
}
.app_al .up-graybox .line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
}
.app_al .up-graybox .linet {
  top: 0;
}
.app_al .up-graybox .lineb {
  bottom: 0;
}
.app_al .up-graybox .out-ico {
  display: none;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.app_al .up-graybox:hover .line {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.app_al .list-wrap .img:hover img.up-pic {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.app_al .list-wrap .img:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.app_al .list-wrap .cont-wrap {
  width:100%;
  padding: 20px 6.5% 0;background:#fff;
  margin-top: -1px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; border: #eee 1px solid;
}
.app_al .list-wrap .tit {
  line-height: 32px;
  font-size: 18px;
}
.app_al .list-wrap .tit a {
  display: inline-block;
  color: #333;
}
.app_al .list-wrap .intr {
  display: block;
  line-height: 22px;
  font-size: 12px;
  height: 52px;
}
.app_al .list-wrap .intr a {
  display: inline-block;
}
.app_al .list-wrap .bot-link {
  display: block;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  line-height: 40px;
  position: relative;
}
.app_al .list-wrap .bot-link .stt {
  font-size: 14px;
}
.app_al .list-wrap .bot-link .point {
  display: inline-block;
  width: 24px;
  height: 8px;
  background: url(../images/ico_08.png) no-repeat right center;
  margin-top: 14px;
}
.app_al .list-wrap .bot-link:hover a {
  color: #333;
}
.app_al .list-wrap .bot-link:hover .point {
  background: url(../images/ico_08_h.png) no-repeat right center;
}

.app_part6 {background:#f5f5f5;padding: 60px 0;height: 640px;box-sizing: border-box}

.app_part6 h2{font-size: 30px;color: #333;text-align: center;}
.app_part6 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:50px;}
.app_part6 .left {width: 40%;float: left;padding-top: 50px;}
.app_part6 .left .xz {font-size: 15px;color: #727272;line-height: 1.6;}

.app_part6 .left .wrap{margin-top:70px;text-align: center}
.app_part6 .left .wrap ul{text-align: center}
.app_part6 .left .wrap ul li {display: inline-block;float: none;width: 200px;text-align: center}


.app_part6 .left .wrap ul li p{font-size:14px;color: #ccc;font-weight: normal}
.app_part6 .left .wrap ul li .jumbo{font-size: 74px;color: #333;font-family: "Trump";line-height: 1;}
.app_part6 .left .wrap ul li .jh {font-size: 74px;color: #333;font-family: "Trump";line-height: 1;}
.app_part6 .right {width:55%;float: right}
.app_part6 .right ul li {width: 21%;margin: 0 2% 15px;position: relative;min-height:5.5em;}
.app_part6 .right ul li img.img1 {width: 100%;position: absolute;left: 0;top: 0;opacity: 1;transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;-webkit-transition: .6s;}
.app_part6 .right ul li:hover img.img1 {opacity: 0;transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;-webkit-transition: .6s;}
.app_part6 .right ul li img.img2 {width: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;-webkit-transition: .6s;}
.app_part6 .right ul li:hover img.img2 {opacity: 1;transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;-webkit-transition: .6s;}
.ppsj_part1 {padding: 60px 0;}
.ppsj_part1 h2{font-size: 30px;color: #333;text-align: center;}
.ppsj_part1 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:50px;}
.ppsj_part1 .bk1 {background: #fff;margin-bottom: 30px;overflow: hidden}
.ppsj_part1 .left {width: 49%;float: left;position: relative;margin-right: 2%}
.ppsj_part1 .left img {width: 100%;display: block;}
.ppsj_part1 .left .wenz {padding: 10px 20px;background:rgba(51,51,51,1);width: 100%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.ppsj_part1 .left:hover .wenz{background: rgba(241,71,2,1)}
.ppsj_part1 .left .wenz h3 {font-size: 20px;color: #fff;}
.ppsj_part1 .left .wenz p {font-size: 15px;color: #fff;}
.ppsj_part1 .right {width:49%;float: right;background: #fff;padding: 55px 70px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.ppsj_part1 .right .dbt {font-size: 70px;color: #333;font-family: "Base-font";line-height: 1}
.ppsj_part1 .right .xbt {font-size: 16px;color: #333;margin-bottom: 30px;font-weight: bold}
.ppsj_part1 .right p {font-size: 14px;color: #464646;line-height: 2;margin-bottom:25px}
.ppsj_part1 .right .xtb{width: 43px;height: 43px;border: #ccc 1px solid;position: relative;float: left;margin-right:25px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin-top:40px }
.ppsj_part1 .right .xtb.dx i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
	 background: url(../images/ico_07.png) no-repeat center;}
.ppsj_part1 .right .xtb:hover.dx i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
	 background: url(../images/ico_07_h.png) no-repeat center;}
.ppsj_part1 .right .xtb.lx i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
	 background: url(../images/ico_17.png) no-repeat center;}
.ppsj_part1 .right .xtb:hover.lx i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
	 background: url(../images/ico_17_h.png) no-repeat center;}
.ppsj_part1 .right .xtb .bg {
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    transition: all 0.3s ease 0s;
    position: absolute;
    border-radius: 50%;
    background-color: #333;z-index: 1
}
.ppsj_part1 .right .xtb:hover .bg {width:100%;
    height:100%;
    left:0;
    top:0;}
.ppsj_part1 ul li {width: 49.5%;float: left;margin-right:1%;}
.ppsj_part1 ul li:nth-child(2){margin-right: 0}
.ppsj_part1 ul li img {width: 100%;display: block;}
.ppsj_part1 ul li .wenz {padding: 10px 20px;background:rgba(51,51,51,.8);width: 100%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.ppsj_part1 ul li:hover .wenz{background: rgba(241,71,2,1)}
.ppsj_part1 ul li .wenz h3 {font-size: 20px;color: #fff;}
.ppsj_part1 ul li .wenz p {font-size: 15px;color: #fff;}

.ppsj_part2 {padding-bottom:0px;}
.ppsj_part2 .tit {height: 142px;background: #e02f37;width: 100%}
.ppsj_part2 .tit.blu {background: #0698ed;}
.ppsj_part2 .tit.jmxr{background: #de6701}
.ppsj_part2 .tit .left {float: left}
.ppsj_part2 .tit .left h3{font-size: 30px;color: #fff;line-height: 1.2;margin-top: 35px;font-weight: normal;line-height: 1.4;font-weight: normal;}
.ppsj_part2 .tit .left h3 i {margin-left: 20px;}
.ppsj_part2 .tit .left h4 {font-size: 24px;color: #fff304;font-weight: normal;line-height: 1.3;text-transform: uppercase}
.ppsj_part2 .tit .right {float: right;width: 300px;}
.ppsj_part2 .tit .right .yq {width: 100px;height: 100px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;float:right;margin-right: 40px;border: #fff 1px solid;display:table;text-align: center;margin-top: 20px}
.ppsj_part2 .tit .right .yq .cell{display:table-cell; vertical-align:middle;}
.ppsj_part2 .tit .right .yq h4{font-size: 16px;color: #fff;font-weight: normal;line-height: 1}
.ppsj_part2 .tit .right .yq h5 {font-size:10px;-webkit-transform:scale(0.8);color: #fff;font-weight: normal}
.ppsj_part2 .bj {background: #fff;padding-bottom: 60px}
.ppsj_part2 h1{font-size: 30px;color: #333;text-align: center;padding-top: 60px;}
.ppsj_part2 .xxlj {font-size: 15px;color: #333;line-height: 2;text-align: center;margin-top: 10px;margin-bottom: 50px;}
.ppsj_part2 .xxlj ul{text-align: center}
.ppsj_part2 .xxlj ul li {padding: 0 15px;display: inline-block;float: none}
.ppsj_part2 .xxlj ul li a {display: block;padding: 0 10px;color: #333;position: relative}
.ppsj_part2 .xxlj ul li a span {position: absolute;left:50%;bottom: 0;height: 2px;background:#333;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; width: 0}
.ppsj_part2 .xxlj ul li a:hover span {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;width: 100%;left: 0}
.ppsj_part2 .xxlj ul li a.on span {width: 100%;left: 0}
.ppsj_part2 .tc {}
.ppsj_part2 .tc ul li {width: 23.125%;margin-right: 2.5%;}
.ppsj_part2 .tc ul li:last-child{margin-right: 0}
.ppsj_part2 .tc ul li .box {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background: #fff;padding: 30px;}
.ppsj_part2 .tc ul li:hover .box{transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; }
.ppsj_part2 .tc ul li h3 {font-size: 32px;color: #333;font-weight: normal;text-transform: uppercase;text-align: center}
.ppsj_part2 .tc ul li h3 span{font-weight: bold;color: #ff4b57}
.ppsj_part2 .tc ul li h5 {font-size: 15px;color: #333;text-align: center;font-weight: normal}
.ppsj_part2 .tc ul li .price {
    border-bottom: 1px solid #e5e5e5;
    color: #0099ff;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    padding: 20px;margin-top: 0
}
.ppsj_part2 .tc ul li .price span {font-size: 24px;}
.ppsj_part2 .tc ul li .info-list {
  padding-left: 20px;
  margin-top: 10px;
}
.ppsj_part2 .tc ul li .info-list .info-item {
  margin: 2px 0;
  font-size: 16px;
  color: #666;
  line-height: 30px;
}
.ppsj_part2 .tc ul li .info-list .info-item.on {
  color: #ed0508;
}
.ppsj_part2 .tc ul li .info-list .info-item::before {
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  background-color: #b5b5b5;
  border-radius: 8px;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.ppsj_part2 .tc ul li .yuyue {
  display: block;
  width: 170px;
  height: 51px;
  background-color: #0099ff;
  border-radius: 10px;
  font-size: 18px;
  line-height: 51px;
  color: #fff;
  text-align: center;
  margin: 20px auto 0;
}
.ppsj_part2 .tc ul li p {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 8px;
  text-align: center;
  margin: 20px 0;
}
.ppsj_part2 .bjwhite {background: #fff;}
.ppsj_part2 .al {padding-bottom: 60px;}
.ppsj_part2 .al ul li {width:19%;margin: 20px 0.5% 20px;}
.ppsj_part2 .al ul li .box {background: #fff;border-radius: 4px;overflow: hidden;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ppsj_part2 .al ul li:hover .box {background: #fff;border-radius: 4px;overflow: hidden;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);}
.ppsj_part2 .al ul li .tp {}
.ppsj_part2 .al ul li .tp img {width: 100%}
.ppsj_part2 .al ul li h3{margin: 10px;font-size: 16px;color: #333;line-height: 1.6} 
.ppsj_part2 .al ul li:hover h3{color: #0099ff}

.ppsj_part2 .al .i-btn {display: block; margin: 40px auto 0; width: 198px; height: 58px; line-height: 58px; font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center;}
.ppsj_part3 {background: #fff;padding: 60px 0}
.ppsj_part3 h2 {font-size: 30px;color: #333;text-align: center;}
.ppsj_part3 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:50px;}
.ppsj_part3 ul li {width: 9%;text-align: center}
.ppsj_part3 ul li:nth-child(2n){width:4%;min-height: 128px;background: url(../images/sj.png) center no-repeat}

.ppsj_part3 ul li .box {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ppsj_part3 ul li:hover .box{transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ppsj_part3 ul li .box img {max-width: 100%}
.ppsj_part3 ul li .box h3 {font-size: 18px;margin-top:25px;color: #6e6e6e}
.ppsj_part3 ul li:hover .box h3 {color: #0099ff}

.ppsj_part4 {padding: 0px 0 60px;background: #fff}
.ppsj_part4 h2{font-size: 30px;color: #333;text-align: center;margin-bottom: 50px;}
.ppsj_part4 .cjwt ul li {width:31.3333%;float: left;margin-right: 3%;margin-bottom:30px;}
.ppsj_part4 .cjwt ul li:nth-child(3){margin-right: 0}
.ppsj_part4 .cjwt ul li .hdc {background: #fff;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;overflow: hidden;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08); padding: 20px 45px;height: 198px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.ppsj_part4 .cjwt ul li:hover .hdc {transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);
transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ppsj_part4 .cjwt ul li .hdc .cel{}
.ppsj_part4 .cjwt ul li h3{font-size: 20px;color: #333;padding-bottom: 10px;line-height: 1.2;border-bottom: 1px solid #eee;margin-bottom: 15px;background: url(../images/wh.jpg) left top no-repeat;padding-left: 50px;text-align: left}
.ppsj_part4 .cjwt ul li p {line-height: 2;color: #7a7a7a;font-size: 14px;text-align: left}

.ppsj_part4 .i-btn {display: block; margin: 40px auto 0; width: 198px; height: 48px;line-height: 48px; font-size: 15px; border-radius: 2px;background: #333333;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; text-align: center;color: #fff;overflow: hidden}
.seo_part1 {background: #fff;padding: 60px 0;}
.seo_part1 h2 {font-size: 30px;color: #333;text-align: center;}
.seo_part1 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:50px;}
.w1220{width: 1220px;margin: 0 auto}
.seo_part1 ul li {width: 285px;margin:0 20px 20px 0;}
.seo_part1 ul li:nth-child(4n){margin-right: 0}
.seo_part1 ul li .box{-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.05),0 15px 40px 0 rgba(0,0,0,.02);box-shadow: 0 10px 15px 0 rgba(0,0,0,.02),0 15px 40px 0 rgba(0,0,0,.02);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;padding: 50px 30px;background: #fff;}
.seo_part1 ul li:hover .box{-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.seo_part1 ul li .tb {text-align: center}
.seo_part1 ul li .tb img {-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.seo_part1 ul li:hover .tb img {-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg); }
.seo_part1 ul li h3 {text-align: center;font-size: 22px;color: #333;margin-bottom: 10px;}
.seo_part1 ul li p {font-size: 15px;color: #333;line-height: 2;}
.seo_part2 {background: url(../images/seobj1.jpg) center / cover no-repeat;padding: 60px 0;}
.seo_part2 h2 {font-size: 30px;color: #fff;text-align: center;}
.seo_part2 h4 {font-size: 15px;color: #fff;text-align: center;font-weight: normal;margin-bottom:20px;}
.seo_part2 .nr {width: 1220px;margin: 0 auto;height: 590px;background: url(../images/seo_yq.png) center center no-repeat;position: relative;}
.seo_part2 .nr .mbl {width: 50%;position: relative;float: left}
.seo_part2 .nr .mbl .wt {position: absolute;}
.seo_part2 .nr .mbl .wt h3 {font-size: 20px;color: #fff;text-align: right;line-height: 1.6}
.seo_part2 .nr .mbl .wt h3 em {margin-left: 9px;font-size: 30px;}
.seo_part2 .nr .mbl .wt p {text-align: right;color: #fff;font-size: 15px;line-height: 1.5;}
.seo_part2 .nr .mbl .wt.s1 {top:20px;right:70px;}
.seo_part2 .nr .mbl .wt.s2 {top:210px;right:260px;}
.seo_part2 .nr .mbl .wt.s3 {top:450px;right:230px;}
.seo_part2 .nr .mbr {width: 50%;position: relative;float: right}
.seo_part2 .nr .mbr .wt {position: absolute;}
.seo_part2 .nr .mbr .wt h3 {font-size: 20px;color: #fff;text-align:left;line-height: 1.6}
.seo_part2 .nr .mbr .wt h3 em {margin-right:19px;font-size: 30px;}
.seo_part2 .nr .mbr .wt p {text-align: left;color: #fff;font-size: 15px;line-height: 1.5;}
.seo_part2 .nr .mbr .wt.s4 {top:50px;left:250px;}
.seo_part2 .nr .mbr .wt.s5 {top:350px;left:270px;}
.seo_part2 .nr .mbr .wt.s6 {top:525px;left:80px;}
.seo_part3 {padding: 60px 0;}
.seo_part3 h2 {font-size: 30px;color: #333;text-align: center;}
.seo_part3 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:100px;}
.seowenbg { background: url(../images/seowenbj.png) no-repeat center; height:500px;width: 1220px;margin: 0 auto}
.seozcont { width:100%; position:relative; height:100%;}
.seopo { position:absolute;}
.seopo .box { background:#fff; border-radius:8px;font-size:20px; padding:0px 30px;border: #0099ff 1px solid;color: #333;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.seopo:hover .box {transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.seoci01 {left:4%;top:12%;}
.seoci02 {left: 25%;top:3%;}
.seoci03 {left:60%;top: -2%;}
.seoci04 {left:10%;top:32%;}
.seoci05 {left:30%;top:26%;}
.seoci06 {left: 52%;top:23%;}
.seoci07 {left: 80%;top:16%;}
.seoci08 {left:20%;top: 55%;}
.seoci09 {left:56%;top:50%;}
.seoci10 {left:76%;top:40%;}

@media (max-width:1023px){

.seopo {font-size:18px; padding:10px 15px;}
.seoci01 {left: 6%;top: 24%;}
.seoci02 {left: 29%;top: 22%;}
.seoci03 {left:55%;top: 16%;}
.seoci04 {left: 10%;top: 45%;}
.seoci05 {left: 34%;top: 43%;}
.seoci06 {left: 59%;top: 37%;}
.seoci07 {left: 75%;top: 34%;}
.seoci08 {left:25%;top: 60%;}
.seoci09 {left: 53%;top:55%;}
.seoci10 {left: 71%;top: 50%;}
}

@media (max-width:767px){
.bgseo .cdnwen {}
.seowenbg { height:auto; overflow:hidden; background-size:cover; padding-bottom:50px;}
.seopo { position: inherit;font-size:16px; background:none; width:50%; padding:10px 5px; float:left; left:inherit; top:inherit;}}
.seo_part4 {padding: 60px 0;background: url(../images/seobj2.jpg) center / cover no-repeat;}
.seo_part4 h2 {font-size: 30px;color: #fff;text-align: center;}
.seo_part4 h4 {font-size: 15px;color: #fff;text-align: center;font-weight: normal;margin-bottom:50px;}
.seo_part4 .nr {width: 1220px;margin: 50px auto 0;background: url(../images/seovs.png) center center no-repeat;overflow: hidden}
.seo_part4 .nr .left {width: 467px;float: left;background: rgba(255,255,255,0.75)}
.seo_part4 .nr .left h3 {text-align: center;line-height: 90px;color: #fff;font-size: 30px;background: #0099ff;font-weight: bold}
.seo_part4 .nr .left ul {padding: 0 30px 10px;}
.seo_part4 .nr .left ul li {line-height: 66px;background: url(../images/seo_dg.png) left center no-repeat;padding-left: 45px;font-size: 22px;color: #0099ff;border-bottom: #5d5e5e 1px dashed;width:100%;box-sizing: border-box}
.seo_part4 .nr .left ul li:last-child{border: 0}
.seo_part4 .nr .right {width: 467px;float:right;background: rgba(255,255,255,0.75)}
.seo_part4 .nr .right h3 {text-align: center;line-height: 90px;color: #fff;font-size: 30px;background: #333333;font-weight: bold}
.seo_part4 .nr .right ul {padding: 0 30px 10px;}
.seo_part4 .nr .right ul li {line-height: 66px;background: url(../images/seo_xx.png) left center no-repeat;padding-left: 45px;font-size: 22px;color: #333;border-bottom: #5d5e5e 1px dashed;width:100%;box-sizing: border-box}
.seo_part4 .nr .right ul li:last-child{border: 0}
.seo_part5 {padding: 60px 0;}
.seo_part5 h2 {font-size: 30px;color: #333;text-align: center;}
.seo_part5 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:50px;}
.seo_part5 ul li {width: 286px;float: left;margin-right:25px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.seo_part5 ul li:last-child{margin-right: 0}
.seo_part5 ul li .box{border: #eee 1px solid;background: rgba(255,255,255,0.8);padding: 25px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.seo_part5 ul li:hover .box{transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transform: translateY(-10px);

	-wbkit-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	-moz-transform: translateY(-10px);}
.seo_part5 ul li .tb {margin: 20px auto; text-align: center}
.seo_part5 ul li h3 {font-size: 22px;color: #333;position: relative;margin-bottom: 40px;text-align: center}
.seo_part5 ul li h3::after { content: " ";position: absolute; left: 50%; bottom: -20px; width: 20px; margin-left: -10px;height:2px;background: #333;}
.seo_part5 ul li p{font-size: 15px;color: #333;line-height: 1.8;}
.seo_part6 { padding:60px 0; }
.seo_part6 h2 {font-size: 30px;color: #fff;text-align: center;}
.seo_part6 h4 {font-size: 15px;color: #fff;text-align: center;font-weight: normal;margin-bottom:50px;}
.seo_part6 ul li { width: 293px;margin-right: 15px;margin-bottom: 20px;float: left}
.seo_part6 ul li.last { margin-right:0;}
.seo_part6 ul li .tp1 {border: #eee 1px solid;box-sizing: border-box;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.seo_part6 ul li:hover .tp1{transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);}
.seo_part6 ul li .tp1 img {width: 100%}
.seo_part6 {padding: 60px 0;background: url(../images/seobj3.jpg) center center / cover no-repeat}

.tanchu {width:100%; display:none; position: fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); top:0; left:0;z-index: 999999}
.tanchu .gb {width:30px; height:30px; position:absolute; top:-20px; right:-20px; cursor:pointer;}
.tanchu .gb img {width:100%; height:auto;}
.tanchu .wz {width:590px;position: relative;margin:10% auto 0}
.tanchu .wz img {width: 100%}

.seo_part7 {padding: 60px 0 ;}
.seo_part7 h2{font-size: 30px;color: #333;text-align: center;}
.seo_part7 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:50px;}
.seo_part7 ul li {width:48.5%;float: left;margin-right: 2%;margin-bottom:30px;}
.seo_part7 ul li:nth-child(2n){margin-right: 0}
.seo_part7 ul li .hdc {background: #fff;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;overflow: hidden;}
.seo_part7 ul li:hover .hdc {transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.seo_part7 ul li .bj {margin:20px 35px 15px;padding-bottom: 10px; background: url(../images/sol13.png) right bottom no-repeat;padding-right: 100px;height: 170px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.seo_part7 ul li .bj2 {margin:20px 35px 15px;padding-bottom: 10px;background: url(../images/wt2.png) right bottom no-repeat;padding-right: 100px;height: 170px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.seo_part7 ul li .bj3 {margin:20px 35px 15px;padding-bottom: 10px;background: url(../images/wt3.png) right bottom no-repeat;padding-right: 100px;height: 170px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.seo_part7 ul li .bj4 {margin:20px 35px 15px;padding-bottom: 10px;background: url(../images/sol11.png) right bottom no-repeat;padding-right: 100px;height: 170px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.seo_part7 ul li .bj5 {margin:20px 35px 15px;padding-bottom: 10px;background: url(../images/wt5.png) right bottom no-repeat;padding-right: 100px;height: 170px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.seo_part7 ul li .bj6 {margin:20px 35px 15px;padding-bottom: 10px;background: url(../images/wt6.png) right bottom no-repeat;padding-right: 100px;height: 170px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.seo_part7 ul li h3{font-size: 20px;color: #333;padding-bottom: 15px;line-height: 1.5;border-bottom: 1px solid #eee;margin-bottom:15px;background: url(../images/wh.jpg) left top no-repeat;padding-left: 50px;position: relative}
.seo_part7 ul li h3 i {position: absolute;left: 0;top:-3px;}
.seo_part7 ul li p {line-height: 2;color: #7a7a7a;font-size: 14px;}
.seo_part8 {background: #fff;padding: 60px 0;}
.seo_part8 h2{font-size: 30px;color: #333;text-align: center;}
.seo_part8 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:50px;}
.xx1 .hd {text-align: center}
.xx1 .hd ul li{ display:inline-block;width: 268px;line-height: 48px; text-align: center;background: #dadada; color: #333;font-size: 24px;margin: 0 24px;float: none;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;overflow: hidden}
.xx1 .hd ul li a{color: #333;display: block}
.xx1 .hd ul li.on a {background: #0099ff;color: #fff;display: block}
.seo_part8 .yhtd {margin-top: 30px;}
.seo_part8 h5 {font-size: 16px;color: #676767;margin-bottom: 30px;font-weight: normal}
.seo_part8 .yhtd ul li {width: 228px;float: left;margin-right: 20px;margin-bottom: 30px;position: relative;overflow: hidden}
.seo_part8 .yhtd ul li:nth-child(5n){margin-right: 0}
.seo_part8 .yhtd ul li img {width: 100%}
.seo_part8 .yhtd ul li {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.seo_part8 .yhtd ul li:hover {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);}
.seo_part8 .yhtd ul li .mb {width: 100%;height: 100%;position: absolute;left: 0;top:100%;opacity: 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;overflow: hidden;background: rgba(0,0,0,0.7);padding: 30px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.seo_part8 .yhtd ul li .mb h3{font-size: 20px;color: #fff;}
.seo_part8 .yhtd ul li .mb p {font-size: 15px;color: #fff;}
.seo_part8 .yhtd ul li:hover .mb {top: 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;opacity: 1}

.honorlist ul li{width:286px; height:360px; padding:10px; background-color:#fff; border:1px solid #ccc; float:left; display:block; margin:0 25px 25px 0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.honorlist ul li:hover{background-color:#ff6800; border:1px solid #ff6800;}
.honorlist ul li:nth-child(4n){margin-right: 0}
.honorlist img{width:266px; height:266px;}
.honorlist h3{margin:20px 0 10px;}
.honorlist h3 a{font-size:16px; line-height:24px; color:#000000;}
.honorlist h3 span{float:right; font-size:13px; color:#999;}
.honorlist ul li:hover a{color:#fff;}
.honorlist .bd ul li:hover span{color:#fff;}
.honorlist .bd p a{font-size:12px; line-height:22px; color:#777;}
.honorlist { overflow:hidden; padding-top:30px;}

.seo_part8 .gsjs { padding-top:30px; }
.seo_part8 .gsjs p { font-size:16px; color:#666; line-height:2;text-align: left;margin-bottom: 15px}
.seo_part8 .gsjs img {width: 100%}
.seo_part9 {border-top: #eee 1px solid;background: #fff;padding: 60px 0;}
.seo_part9 h2{font-size: 30px;color: #333;text-align: center;}
.seo_part9 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom:50px;}
.seo_part9 ul li {width: 136px;}
.seo_part9 ul li:nth-child(2n) {width: 80px;background: url(../images/sj.png) center center no-repeat;height: 136px;}
.seo_part9 ul li .box {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.seo_part9 ul li:hover .box {transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.seo_part9 ul li img {width: 100%}
.seo_part9 ul li h3 {font-size:19px;color: #333;margin-top: 5px;text-align: center}
.sem_part1 {background: url(../images/sembj1.jpg) center / cover no-repeat;padding: 60px 0;overflow: hidden}
.sem_part1 h2{font-size: 30px;color: #fff;}
.sem_part1 h4 {font-size: 15px;color: #fff;font-weight: normal;margin-bottom:50px;}
.sem_part1 .nr {width: 610px;float: right;padding-left: 70px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.sem_part1 .nr .wenz {padding-left: 50px;position: relative;margin-bottom: 25px;}
.sem_part1 .nr .wenz h3 {font-size: 20px;color: #fff;}
.sem_part1 .nr .wenz h3 em {position: absolute;left: 0;top: 0;font-size: 30px;color: #fff;line-height: 1.2}
.sem_part1 .nr .wenz p {font-size: 15px;line-height: 1.5;color: #fff;margin-bottom: 25px;}
.sem_part2 {padding: 60px 0;overflow: hidden}
.sem_part2 h2{font-size: 30px;color: #333;text-align:center}
.sem_part2 h4 {font-size: 15px;color: #333;font-weight: normal;text-align:center;margin-bottom: 30px}
.sem_part2 .nr {width: 1280px;margin: 0 auto;}
.sem_part2 .nr ul li {width: 420px;float: left;margin: 0 0;}
.sem_part2 .nr ul li .box {width: 210px;margin:0px auto;padding-top:100px}
.sem_part2 .nr ul li .hdc {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;background: url(../images/sem_s3_item.png) center center no-repeat;width: 420px;height: 450px;}
.sem_part2 .nr ul li:hover .hdc {transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.sem_part2 .nr ul li .tb {text-align: center;}
.sem_part2 .nr ul li h3 {position: relative;font-size: 26px;color: #333;margin-bottom: 40px;text-align: center}
.sem_part2 .nr ul li h3::after{content: "";width: 20px;height: 2px;position: absolute;left: 50%;margin-left: -10px;bottom: -10px;background: #0099ff;}
.sem_part2 .nr ul li p {font-size: 16px;line-height: 28px;color: #333;text-align: center}
.sem_part3 h2{font-size: 30px;color: #333;text-align:center}
.sem_part3 h4 {font-size: 15px;color: #333;font-weight: normal;text-align:center;margin-bottom:50px}
.sem_part3 img {width: 100%}
.sem_part3 p {font-size: 18px;color: #333;line-height: 24px;margin-top:10px;}
.sem_part3 p span {font-size: 20px;}
.sem_part3 {background: #fff;padding: 60px 0}
.sem_part4 {background: url(../images/sembj2.jpg) center center / cover no-repeat;padding: 60px 0;}
.sem_part4 h2 {font-size: 30px;color: #fff;text-align:center}
.sem_part4 h4 {font-size: 15px;color: #fff;font-weight: normal;text-align:center;margin-bottom:50px}
#certify {
	position: relative;
	width: 1200px;/*判断宽度设置响应式效果*/
	margin:0px auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 330px;
	height: 639px;
	background: #fff;
    border:1px solid #c2c2c2;
}
#certify  .swiper-slide img{
	width:100%;
	display:block;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: 0px;
	width: 24px;
	height: 111px;
	top:50%;margin-top: -55px;background: url(../images/lunbo_17.png) no-repeat;background-size: 100%;
}
#certify .swiper-button-next {
	right:0px;
	width: 24px;
	height: 111px;
	top:50%;margin-top: -55px;
	background: url("../images/lunbo_20.png") no-repeat;background-size: 100%;}







.seo-tone{padding: 60px 0;background: #fff;}
.seo-tone h2 {font-size: 30px;color: #333;text-align:center}
.seo-tone h4 {font-size: 15px;color: #333;font-weight: normal;text-align:center;margin-bottom:50px}
.seo-tone-b{background: url("../images/seotopbgs.jpg") no-repeat center bottom;padding-top: 30px;padding-bottom: 100px;}
.seo-tone-info{font-size: 16px;color: #666666;line-height: 36px;}

.seo-tone-b ul{padding-top: 50px;}
.seo-tone-b li{float: left;width: 25%;text-align: center}
.seo-tone-b li span{display: block;margin: 0 auto;position: relative;width: 110px;height: 110px;}
.seo-tone-b li span img{position: relative;z-index: 5}

@keyframes sssrun {
    0%{opacity: .5;transform: scale(1)}
    100%{opacity: 0;transform: scale(1.5)}
}

.seo-tone-b li span:before,.seo-tone-b li span:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #1d62ff8fe;opacity: 5;animation: sssrun 2s linear infinite;border-radius: 50%;}
.seo-tone-b li span:after{animation-delay: 1s;}

.seo-tone-b li span:after{}
.seo-tone-b li h1{font-size: 24px;color: #333333;padding-bottom: 15px;margin-top: 50px;font-weight: normal;}
.seo-tone-b li p{font-size: 16px;color: #666666;line-height: 22px;}
.seo-ttew{padding: 120px 0;background: url("../fonts/seotwobg.jpg") no-repeat center;background-size: cover;}
.seo-ttew h2 {font-size: 30px;color: #333;text-align:center}
.seo-ttew h4 {font-size: 15px;color: #333;font-weight: normal;text-align:center;margin-bottom:50px}
.seo-ttew-b{padding:40px 0 80px;}
.seo-ttew-b li{float: left;width: 23.5%;margin-right: 2%;background: #fff;border-radius: 150px;padding:90px 30px;box-sizing: border-box}
.seo-ttew-b li:last-child{margin-right: 0;}
.seo-ttew-b li div{height: 130px;text-align: center}
.seo-ttew-b li h1{text-align: center;font-size: 22px;color: #0c113e;font-weight: normal;padding-bottom: 25px;}
.seo-ttew-b li p{font-size: 16px;color: #888888;line-height: 20px;height: 80px;}

.wanci_part1 {padding: 60px 0;background: #fff;}
.wanci_part1 h2 {font-size: 30px;color: #333;text-align:center;margin-bottom:50px}

.wanci_part1 img {width: 100%}
.seo-tfour{background: #e5e5ed;padding: 60px 0;}
.seo-tfour h2 {font-size: 30px;color: #333;text-align:center}
.seo-tfour h4 {font-size: 15px;color: #333;font-weight: normal;text-align:center;margin-bottom:50px}
.seo-tfour-b ul{}
.seo-tfour-b li{float: left;width: 32%;margin-right: 2%;margin-bottom: 30px;padding: 40px 35px;background: #fff;box-sizing: border-box}
.seo-tfour-b li:nth-child(3n){margin-right: 0}
.seo-tfour-b li h1{font-size: 20px;color: #0c113e;text-align: center;padding-bottom: 20px;}
.seo-tfour-b li p{font-size: 16px;line-height: 26px;color: #666666;height: 78px;}

.wc_part2 {padding: 60px 0;background: url(../images/wcbj1.jpg) center / cover no-repeat}
.wc_part2 h2 {font-size: 30px;color: #fff;text-align:center}
.wc_part2 h4 {font-size: 15px;color: #fff;font-weight: normal;text-align:center;margin-bottom:50px}
.wc_part2 ul li {width: 386px;float: left;margin-right: 20px;}
.wc_part2 ul li .box {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.wc_part2 ul li:hover .box {transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

.wc_part2 ul li:last-child{margin-right: 0}
.wc_part2 ul li img {width: 100%}
.zengzhi_part1 {padding: 60px 0}
.zengzhi_part1 h2 {font-size: 30px;color: #333;text-align:center}
.zengzhi_part1 h4 {font-size: 15px;color: #333;font-weight: normal;text-align:center;margin-bottom:50px}
.domain-search-outer {
	height: 160px;
	width:994px;
	padding-top:5px;margin: 0 auto;position: relative;z-index: 9999
}
.domain-title {
	color: #8c8c8c;
	font-size: 16px;line-height: 2.5
}
.domain-search-box {
	position: relative;
	margin: 0 auto;
	width:994px;
	height: 54px;
	margin-top:0px;z-index: 99
}
.domain-search-input,
.domain-drop-trigger,
.domain-search-button {
	float: left;

}
.domain-search-input {
	display: block;
	border: none;
	width: 670px;
	height: 54px;
	background: #fff;
	padding-left: 30px;
	line-height: 54px;
	font-size: 15px;
	outline: none;
}
.domain-drop-trigger {
	position: relative;
	width: 119px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: #333;
	background: #fff;
	font-weight: bold;
	cursor: pointer;
	font-size: 18px;float: left;
}
.domain-drop-trigger:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 1px;
	height: 45px;
	background: #c8c8c8;
}
.domain-drop-trigger:after {
	content: "";
	position: absolute;
	background: url(../images/search_icon_arrow.png) no-repeat center;
	right: 11px;
	top: 50%;
	margin-top: -2px;
	width: 12px;
	height: 8px;
	transition: transform 0.3s ease;
}
.domain-drop-trigger.active:after {
	transform: rotate(180deg);
}
.domain-search-button {
	width: 174px;
	height: 54px;
	border: none;
	background-color: #0099ff;
	line-height: 54px;
	font-size: 23px;
	color: #fff;
	outline: none;
	cursor: pointer;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; 
}
.domain-search-body .domain-search-button {
	background: #059fff;
}
.domain-search-button[disabled] {
	background: #aaa;
	cursor: not-allowed;
}
.domain-search-list {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 54px;
	z-index: 10;
	padding: 20px 19px;
	border: 1px solid #c8c8c8;
	background: #f5f5f5;
	max-height: 400px;
    overflow-y: scroll;
}
.domain-search-list.active {
	display: block;
}
.checkbox-item {
	position: relative;
	float: left;
	width: 130px;
	height: 16px;
	margin-bottom: 17px;
	padding-left: 26px;
	line-height: 16px;
	background: url(../images/domain_checkbox.png) no-repeat left center;
	color: #333;
	font-size: 14px;
	cursor: pointer;
	transition: background 0.2s ease-out;
}
.checkbox-item.checked {
	background-image: url(../images/domain_checkbox_checked.png);
}
.checkbox-item span {
	float: left;
}
.domain-hot-item {
	background: url(../images/domain_check_hot.png) no-repeat center;
	width: 24px;
	height: 16px;
	display: inline-block;
	margin-left: 10px;
}
.operate-area {
	border-top: 1px solid #c8c8c8;
	padding-top: 20px;
}
.operate-area label {
	position: relative;
	margin-right: 10px;
	color: #333;
	font-size: 14px;
	cursor: pointer;
}
.operate-area label input {
	outline: none;
	vertical-align: middle;
}
.domain-search-list .operate-area label input {
	visibility: hidden;
}
.domain-search-list .operate-area label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background: url(../images/domain_radio_icons.png) 0 0;
}
.domain-search-list .operate-area label.label-checked:before {
	background-position: -13px 0;
}
.set-common-use {
	display: inline-block;
	width: 89px;
	height: 28px;
	line-height: 28px;
	background: #ff5e00;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
.domain-search-main .set-common-use {
	background: none;
	color: #059fff;
}
.set-remind {
	display: none;
	margin-left: 10px;
	color: #00aaff;
	font-size: 12px;
}
.view-more {
	float: right;
	font-size: 12px;
	color: #0372c7;
	line-height: 28px;
}
.domain-help {
	margin-top: 32px;
	text-align: center;
}
.domain-help a {
	display: inline-block;
	border-left: 1px solid #bbc1c5;
	padding: 0 18px;
	font-size: 13px;
	color: #fff;
}
.domain-help a:hover {
	text-decoration: underline;
}
.domain-help a:first-child {
	border-left: none;
}
.hide {
	display: none
}
.swiper-ymzc{width:1200px; margin:0 auto; padding-bottom:50px;}
.swiper-ymzc .swiper-slide{position:relative;height: 335px;
border: 1px solid #eee;
padding: 0 13px;
text-align: center;
background: #fff;}

.rec-domain-icon {
	height: 118px;
	background: no-repeat center;
	
}
.rec-price-row {
	font-size: 14px;
	color: #555555;
	text-align: center;
	/* text-indent: 36px; */
}
.price-symbol {
	font-size: 28px;
	color: #ff6600;
}
.rec-price {
	font-size: 30px;
	color: #ff6600;
}
.rec-brief {
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 24px;
	font-size: 14px;
	color: #666666;
	padding-bottom: 30px;
	display: block;
}
.rec-buy {
	/* margin-top: 35px; */
    position: absolute;
    bottom: 24px;
    left: 50%;
    margin-left: -80px;
}
.rec-buy a {
	display: inline-block;
	width: 160px;
	height: 36px;
	line-height: 36px;
	background-color: #ffffff;
	border: solid 1px #0080ff;
	font-size: 14px;
	color: #0080ff;
}
/* 推荐域名图样式 */

.domain-rec-comcn {
	background-image: url(../images/single_logo_comcn.png);
}
.domain-rec-cnzh {
    background-image: url(../images/single_logo_cnzh.png);
}
.domain-rec-comzh {
	background-image: url(../images/single_logo_comzh.png);
}
.domain-rec-netcn {
    background-image: url(../images/single_logo_netcn.png);
}
.domain-rec-site {
    background-image: url(../images/single_logo_site.png);
}
.domain-rec-encn {
    background-image: url(../images/single_logo_cn.png);
}
.domain-rec-encom {
    background-image: url(../images/single_logo_com.png);
}
.domain-rec-info {
    background-image: url(../images/single_logo_info.png);
}
.domain-rec-net {
    background-image: url(../images/single_logo_net.png);
}

.swiper-yuming{width:1200px; margin:0 auto;padding: 0 25px}
.swiper-yuming .swiper-slide{position:relative;}
.swiper-yuming .swiper-slide .box{height: 335px;border: 1px solid #eee;padding: 0 13px;text-align: center;background: #fff;}
.swiper-yuming .swiper-button-prev {
    background-image: url(../images/domain_rec_left.png);
    left:0px;    width: 16px;
    height: 29px;background-size: auto;}
.swiper-yuming .swiper-button-next {
    background-image: url(../images/domain_rec_right.png);
    right:0px;width: 16px;
    height: 29px;background-size: auto;}
.swiper-yuming .swiper-slide .box:hover .rec-buy a {
    background-color: #0080ff;
    color: white;
}
.zengzhi_part2 {padding: 60px 0;background: url(../images/ymcxbj1.jpg) center / cover no-repeat}
.zengzhi_part2 h2 {font-size: 30px;color: #fff;text-align:center}
.zengzhi_part2 h4 {font-size: 15px;color: #fff;font-weight: normal;text-align:center;margin-bottom:50px}
.slideTxtBox1{ width:1200px; margin: 0 auto; }
.slideTxtBox1 .hd{ width: 100%;}
.slideTxtBox1 .hd ul{ }
.slideTxtBox1 .hd ul li{float:left; cursor:pointer; width: 33.3%; height: 64px; line-height: 64px; text-align: center; font-size: 20px; background: #fff;}
.slideTxtBox1 .hd ul li.on{background:#2087ed; color: #fff;}
.slideTxtBox1 .bd div{}
.slideTxtBox1 .bd div.pd30 { padding-top:50px; overflow: hidden; clear: both;}
.slideTxtBox1 .bd div h3{font-size: 24px; text-align: center; color: #fff; font-weight: 100;}
.slideTxtBox1 .bd div h3 span{display: block; width: 40px; height: 3px; margin: 10px auto; background: #fff;}  


.slideTxtBox1 .bd div li{float:left; width:30%; _width:297px; border-top:1px solid #eee; padding:0 0 13px 0; background-color:#fff;  padding-bottom:30px; }

.marl30{margin-left:5%; _margin-left:49px;}

.slideTxtBox1 .bd div li .xjlmyc213-qnx{height:64px; line-height:64px; text-align:center; color:#ff6800; font-weight:bold; font-size:15px; border-bottom:1px solid #f1f3f5;  width:90%;  margin:0 auto;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; padding: 0}
.slideTxtBox1 .bd div li .xjlmyc213-qnx span{color:#333; font-size:18px; font-weight:bold;}
.slideTxtBox1 .bd div li .xjlmyc213-wys{padding:24px 0; overflow:hidden;}
.slideTxtBox1 .bd div li .xjlmyc213-wys div{float:left;}
.slideTxtBox1 .bd div li .xjlmyc213-wykj{width:33%; border-right:1px solid #eeeeee;padding: 0}
.slideTxtBox1 .bd div li .xjlmyc213-wykj-p1,.xjlmyc213-yll-p1,.xjlmyc213-sjkkj-p1{text-align:center; font-size:12px; color:#333; height:24px; line-height:24px;}
.slideTxtBox1 .bd div li .xjlmyc213-wykj-p1 span,.xjlmyc213-yll-p1 span,.xjlmyc213-sjkkj-p1 span{font-size:24px;}
.slideTxtBox1 .bd div li .xjlmyc213-wykj-p2,.xjlmyc213-yll-p2,.xjlmyc213-sjkkj-p2{font-size:12px; color:#aaa; text-align:center;}
.slideTxtBox1 .bd div li .xjlmyc213-yll{width:33%; border-right:1px solid #eeeeee;}
.slideTxtBox1 .bd div li .xjlmyc213-sjkkj{width:33%;}
.slideTxtBox1 .bd div li .xjlmyc213-czxt,.slideTxtBox1 .bd div li .xjlmyc213-sjk,.slideTxtBox1 .bd div li .xjlmyc213-zcyy,.slideTxtBox1 .bd div li .xjlmyc213-jfdq,.slideTxtBox1 .bd div li .xjlmyc213-yhjg{font-size:14px; color:#3d3d3d; padding-left:30px;}
.slideTxtBox1 .bd div li .xjlmyc213-sjk{margin-top:5px;}
.slideTxtBox1 .bd div li .xjlmyc213-zcyy{margin-top:7px;}
.slideTxtBox1 .bd div li .xjlmyc213-zcyy span{font-size:12px;}
.slideTxtBox1 .bd div li .xjlmyc213-jfdq{margin-top:6px;}
.slideTxtBox1 .bd div li .xjlmyc213-yhjg{margin-top:26px; height:34px; line-height:34px;}
.slideTxtBox1 .bd div li .xjlmyc213-yhjg span{font-size:34px; color:#ff6800;}
.slideTxtBox1 .bd div li .xjlmyc213-ljxg{margin-top:20px; text-align:center;}
.slideTxtBox1 .bd div li .xjlmyc213-ljxg a{border-radius:2px; display:inline-block; width:60%; height:48px; line-height:48px; text-align:center; color:#fff; background-color:#ff6800; font-size:16px; margin-top:3px; margin-bottom:3px;
-webkit-transition:all 0.31s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;}
.slideTxtBox1 .bd div li .xjlmyc213-ljxg a:hover{background-color:#fe8a20;}
.slideTxtBox1 .bd div li .xjlmyc213-fxgm{font-size:12px; color:#888; margin-top:10px; text-align:center;}
.xjlmyc213-czxt{clear:both;}
.slideTxtBox1 .bd div li .xjlmyc213-fxgm span{color:#fa3e00;}

.icp{background: #ff6333; text-align: center; color: #fff;padding: 60px 0}
.icp h2 {font-size: 30px;color: #fff;text-align:center}
.icp h4 {font-size: 15px;color: #fff;font-weight: normal;text-align:center;margin-bottom:50px}
.icp .t3{font-size: 16px; line-height: 200%; width: 1200px; margin: 0 auto; text-align: left; padding-top: 80px;}
.icp ul{width: 1200px; margin: 0 auto; padding-left: 50px; padding-top: 80px;}
.icp ul li{float: left;}
.icp ul li .round{
	width: 135px;
	height: 135px;
	line-height: 135px;
	background: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.icp ul li p{font-size: 16px; line-height: 200%;}
.icp ul li .line{width: 100px; height: 2px; background: #fff; margin: 75px 50px 0;}
.tq {padding: 60px 0;background: #fff;}
.tq h2 {font-size: 30px;color: #333;text-align:center}
.tq h3 {font-size: 15px;color: #333;font-weight: normal;text-align:center;margin-bottom:50px}
.tq ul{width: 1200px; margin: 0 auto;}
.tq ul li{width: 33.3%; float: left; text-align: center; padding: 30px 0;}
.tq ul li .box {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.tq ul li:hover .box {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transform: translateY(-5px);
-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);}
.tq ul li h4{font-size: 18px; padding:15px 0;color: #333}
.tq ul li p{font-size: 14px;}

.api{background: #000066; text-align: center;padding: 60px 0}
.api .tit{text-align: center;}
.api .tit p{font-size: 14px; line-height: 150%; color: #66ccff; padding: 40px 0;}
.api ul{width: 1200px; margin: 0 auto; overflow: hidden;}
.api ul li{width: 25%; float: left; text-align: center;}
.api ul li div{padding: 20px 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee; background: #fff;}
.api ul li img{width: 200px; height: 100px;}
.api ul li p{font-size: 14px; color: #666; line-height: 200%;}
.api .more{
	display: block;
	font-size: 24px;
	color: #fff;
	clear: both;
	width: 140px;
	margin: 40px auto 0;
	line-height: 200%;
	border-bottom: 2px solid #fff;
}
.hbq-zc{padding: 60px 0;background: #fff;}
.hbq-zc h2 {font-size: 30px;color: #333;text-align:center}
.hbq-zc h4 {font-size: 15px;color: #333;font-weight: normal;text-align:center;margin-bottom:50px}
.hbq-zc .wrap {
    text-align: center;
}
.hbq-zc .inde_reg {
    width: 385px;
   
    margin-left:32px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; 
}
.hbq-zc .inde_reg .box { padding: 30px 20px;
    height: 382px;
    background-color: #fff;
    border: 1px solid #e7e7e7;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.hbq-zc .inde_reg:hover .box{-webkit-box-shadow: 0 0 10px #a9a5a4;
    -moz-box-shadow: 0 0 10px #a9a5a4;
    box-shadow: 0 0 10px #a9a5a4;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transform: translateY(-5px);
-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);}
.hbq-zc .inde_reg img {
    margin: 0 auto;
}
.hbq-zc .inde_reg.reg_consultant {
    margin-left: 0;
    background-image: url("../images/reg_consultant_bg.png");
    background-repeat: no-repeat;
    background-position: right top;}

.hbq-zc .inde_reg.reg_guarantee {
    margin-left: 0;
    background-image: url("../images/hot.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}

.hbq-zc .inde_reg .reg_til {
    font-size: 24px;
    color: #333;
    line-height: 38px;
}

.hbq-zc .inde_reg .reg_cont {
    font-size: 14px;
    color: #777;
    line-height: 22px;
}

.hbq-zc .inde_reg .reg_pre {
    font-size: 16px;
    color: #444;
    padding-top: 4px;
    height: 45px;
}

.hbq-zc .inde_reg .reg_pre .c_red {
    color: #ff3145;
    font-size: 34px;
}

.hbq-zc .inde_reg .reg_ensure {
    font-size: 12px;
    color: #ff3145;
    line-height: 20px;
}

.hbq-zc .inde_reg .reg_url_box {
    border-top: 1px solid #ffddcf;
    border-bottom: 1px solid #ffddcf;
    background-color: #fffbfa;
    margin-top: 10px;
    height: 42px;
    line-height: 40px;
}

.hbq-zc .inde_reg .reg_url_box .item {
    display: inline-block;
    padding-left: 20px;
    color: #ff4800;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 20px;
}

.hbq-zc .inde_reg .reg_url_box .item.item_bi {
    background-image: url("../images/reg_url_bi.png")/*tpa=https://www.esoboy.com/statics/img/reg_url_bi.png*/;
}

.hbq-zc .inde_reg .reg_url_box .item.item_xin {
    background-image: url("../images/reg_url_xin.png")/*tpa=https://www.esoboy.com/statics/img/reg_url_xin.png*/;
}

.hbq-zc .inde_reg .reg_url_box .item.item_ren {
    background-image: url("../images/reg_url_ren.png")/*tpa=https://www.esoboy.com/statics/img/reg_url_ren.png*/;
}

.hbq-zc .inde_reg .reg_url_box .item.item_bao {
    background-image: url("../images/reg_url_bao.png")/*tpa=https://www.esoboy.com/statics/img/reg_url_bao.png*/;
}

.hbq-zc .inde_reg .reg_url_box .item.item_huan {
    background-image: url("../images/reg_url_huan.png");
}

.hbq-zc .btn {
    color: #fff !important;
    display: inline-block;
    line-height: 30px;
    padding: 6px 20px;
    margin: 0 5px;
    text-align: center;
    background-color: #428ae2;
    border-radius: 3px !important;
    font-size: 16px;
    border: none;
    cursor: pointer;
    position: relative;
}

.hbq-zc .btn:hover {
    background-color: #206ecd;
    color: #fff;
}

.hbq-zc .btn.btn_red {
    background-color: #ff4800;
}

.hbq-zc .btn.btn_red:hover {
    background-color: #ff6700;
}

.hbq-five .hd {
    background-color: #fff;
    text-align: center;
}

.hbq-five .hd ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.hbq-five .hd ul li {
    float: left;
    width: 20%;
    cursor: pointer;
    padding: 30px 0 0;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; 
}

.hbq-five .hd ul li .l_wor {
    color: #222;
    font-size: 18px;
    line-height: 18px;
    margin: 37px 0 60px;
}

.hbq-five .hd ul .lu_bgca {
    width: 135px;
    height: 135px;
    margin: 0 auto;
    padding-top: 35px;
    position: relative;
    transition: all 0.5s;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; 
}

.hbq-five .hd ul .lu_bgcai1 {
    background: url("../images/icon_qbg1.png")/*tpa=https://www.esoboy.com/statics/img/hbq/icon_qbg1.png*/ no-repeat center;
    background-size: 80%;
}

.hbq-five .hd ul .lu_bgcai2 {
    background: url("../images/icon_qbg2.png")/*tpa=https://www.esoboy.com/statics/img/hbq/icon_qbg2.png*/ no-repeat center;
    background-size: 80%;
}

.hbq-five .hd ul .lu_bgcai3 {
    background: url("../images/icon_qbg3.png")/*tpa=https://www.esoboy.com/statics/img/hbq/icon_qbg3.png*/ no-repeat center;
    background-size: 80%;
}

.hbq-five .hd ul .lu_bgcai4 {
    background: url("../images/icon_qbg4.png")/*tpa=https://www.esoboy.com/statics/img/hbq/icon_qbg4.png*/ no-repeat center;
    background-size: 80%;
}

.hbq-five .hd ul .lu_bgcai5 {
    background: url("../images/icon_qbg5.png")/*tpa=https://www.esoboy.com/statics/img/hbq/icon_qbg5.png*/ no-repeat center;
    background-size: 80%;
}

.hbq-five .hd ul li:hover .lu_bgca,
.hbq-five .hd ul li.on .lu_bgca {
    background-size: 100%;
}

.hbq-five .hd ul li .lu_bgca:after {
    content: '';
    display: block;
    width: 132px;
    height: 132px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.8s;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.hbq-five .hd ul li .lu_bgcai1:after {
    border: 2px solid #ff5b87;
}

.hbq-five .hd ul li .lu_bgcai2:after {
    border: 2px solid #0a84ff;
}

.hbq-five .hd ul li .lu_bgcai3:after {
    border: 2px solid #7b3bfc;
}

.hbq-five .hd ul li .lu_bgcai4:after {
    border: 2px solid #01a3d7;
}

.hbq-five .hd ul li .lu_bgcai5:after {
    border: 2px solid #ff9b2f;
}

.hbq-five .hd ul li:hover .lu_bgca:after,
.hbq-five .hd ul li.on .lu_bgca:after { width: 152px; height: 152px; top: -10px;left: -10px;display: block;opacity: 1; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0);transform: scale(1.0);}

.wzxx_ny {line-height: 120px;font-size: 15px;color: #333;background: #fff;border-bottom: #eee 1px solid}
.wzxx_ny a {color: #333;}
.jjfaxq_p1 {}
.case-wrapper {
    padding-bottom: 60px;
}
.weblg {
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.case-wrapper .caseban {
    position: relative;
    overflow: hidden;
    font-size: 0;
}
.case-wrapper .caseban img {display: block; width: 100%;  -webkit-transition: all ease .7s;-o-transition: all ease .7s;-moz-transition: all ease .7s; transition: all ease .7s;}
.case-wrapper .caseban:hover img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.case-wrapper .caseban .title {
    position: absolute;
    width: 280px;
    height: 280px;
    left: 80px;
    top: 50%;
    z-index: 3;
    margin-top: -140px;
    background-color: #ce3f39;
    text-align: center;
    color: #fff;
}
.case-wrapper .caseban .middle {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 0;
    height: 100%;
}
.case-wrapper .caseban h2 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 30px;
    line-height: 48px;
    font-weight: bold;
}
.case-intro-wrapper {
    background-color: #fff;
    padding: 45px 75px 75px;
}
.case-intro-wrapper .jiejuelist dl {
    position: relative;
    padding: 53px 20px 66px 19.72414%;
    border-bottom: 1px solid #d9d9d9;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
.case-intro-wrapper .jiejuelist .id {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 3;
    font-size: 110px;
    font-style: italic;
    color: #e5e5e5;
    line-height: 110px;
    font-weight: lighter;
}
.case-intro-wrapper .jiejuelist dt {
    position: relative;
    margin-bottom: 45px;
    font-size: 28px;
    line-height: 48px;
    font-weight: bold;
    color: #333;
}
.case-intro-wrapper .jiejuelist dt::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    z-index: 3;
    width: 30px;
    height: 3px;
    background-color: #d93f3d;
}
.clearfix::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    *display: none;
}
.cpxq_part1 {background: url(../images/cpxqbj.jpg) center center / cover no-repeat;padding: 30px 0;overflow: hidden}
.cpxq_part1 .nr {width: 1000px;margin: 0 auto}
.cpxq_part1 .left {width: 550px;float: left}

.cpxq_part1 .right {width: 390px;float: right;}
.cpxq_part1 .right h2 {font-size: 30px;color: #fff;line-height: 1.5;}
.cpxq_part1 .right .yy {margin-top: 10px;}
.cpxq_part1 .right .yy a {line-height: 30px;font-size: 14px; color: #a2a2a2;border: #a2a2a2 2px solid;border-radius:17px;-moz-border-radius:17px;-webkit-border-radius:17px;float: left;margin-right: 10px;display: block;width: 140px;text-align: center;}
.cpxq_part1 .right .yy a:hover { color: #fff;border: #fff 2px solid;}
.cpxq_part1 .right .yy a.on { color: #fff;border: #fff 2px solid;}
.cpxq_part1 .right .sm {padding-top: 15px;}
.cpxq_part1 .right .sm p {font-size: 14px;color: #fff;line-height: 35px;position: relative;padding-left: 15px;}
.cpxq_part1 .right .sm p::before{content:"·" ;position: absolute; left: 0;height: 10px;top:50%;margin-top: -5px;color: #fff;font-size: 16px;line-height: 10px; }
.cpxq_part1 .right .sm p span {font-size: 25px;color: #fff;padding-left: 10px;line-height: 1.5;}
.cpxq_part1 .right .ys {margin-top: 20px;}
.cpxq_part1 .right .ys ul li {float: left;padding: 0 6px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;border-right:rgba(255,255,255,0.6) 1px solid;overflow: hidden}
.cpxq_part1 .right .ys ul li:last-child{border-right: 0;}
.cpxq_part1 .right .ys ul li h3 {font-size: 16px;color: #fff;line-height: 1.6;}
.cpxq_part1 .right .ys ul li p {font-size: 13px;color: #fff;line-height: 1.4}

.cpxq_part1 .right .gman a {float: left;margin-top: 25px;padding:0 54px;line-height: 40px;color: #fff;font-size: 14px;background: #0099ff;display: block;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;margin-right: 25px; }
.cpxq_part1 .right .gman a.a2 {color: #000;font-size: 14px;background: #fff;margin-right: 0}
.ny_lm{width:100%; min-width:1200px; height:54px; background-color:#313131; position:relative;}
.ny_lm.on{background:none; background:url(../images/hb.png) repeat; position:fixed; top:101px; left:0; z-index:9999}
.ny_lm .con{width:1440px; margin:0 auto; text-align:center;}
.ny_lm .con ul li{width:12.5%; height:54px; font-size:16px; line-height:54px; display:block; position:relative; float:left;}
.ny_lm .con ul li.o{background-color:#ff6800;}
.ny_lm .con ul li a{color:#c1c1c1; display:block;}
.ny_lm .con ul li a:hover{color:#ff6800;}
.ny_lm .con ul li.o a{color:#fff;}
.ny_lm .con .jt{position:absolute; width:15px; height:8px; background:url(../images/website_05.png) no-repeat top center; top:54px; left:73px; display:none;}
.ny_lm .con ul li.o .jt{display:block;}

.hh_lb{width:100%; min-width:1200px; background-color:#fff; padding:60px 0 10px; overflow:hidden;}
.hh_lb h2 {font-size: 30px;color: #333;text-align:center}
.hh_lb h4 {font-size: 15px;color: #b1b1b1;font-weight: normal;text-align:center;margin-bottom:50px;position: relative}
.hh_lb h4 i {padding-left: 10px;}
.hh_lb .con{width:1440px; margin:0 auto; overflow:hidden;}
.hh_lb .con .lm{width:1440px; margin:0 auto; overflow:hidden;}
.hh_lb .con .lm ul li{width:241px; height:200px; padding:25px 10px; font-size:15px; text-align:center; border:2px solid #e7e7e7; margin:0 58px 30px 0; float:left; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.hh_lb .con .lm ul li:nth-child(5n){margin-right: 0}
.hh_lb .con .lm p{margin-top:15px; color:#878787;line-height: 1.8}
.hh_lb .con .lm ul li:hover{background-color:#fafafa;}
.hh_gn{width:100%; min-width:1200px; padding:60px 0 30px; overflow:hidden;}
.hh_gn h2 {font-size: 30px;color: #333;text-align:center}
.hh_gn h4 {font-size: 15px;color: #b1b1b1;font-weight: normal;text-align:center;margin-bottom:50px;}
.hh_gn .con{width:1440px; margin:0 auto; overflow:hidden;}
.hh_gn .con .lm{margin-bottom:30px; background-color:#fff; overflow:hidden;}
.hh_gn .con .lm h1{background: url(../images/jsbj.png) left top no-repeat;padding-left: 18px; color:#fff; font-size:24px; line-height:55px;}
.hh_gn .con .lm h3{font-size:16px; color:#333; line-height:24px;font-weight: bold}
.hh_gn .con .lm p{font-size:14px; color:#878787; line-height:24px;}
.hh_gn .con .lm p:hover{color:#222;}
.hh_gn .con .lm .nr{width:1340px; margin:20px 50px; overflow:hidden;}
.hh_gn .con .lm .fa{margin:10px 0; overflow:hidden;}
.hh_gn .con .lm .fa h3{font-size:16px; line-height:23px; color:#333; font-weight:bold;}
.hh_gn .con .lm .fa p{font-size:15px; color:#666; line-height:23px;}
.hh_gn .con .lm .fa .table{border-top:1px solid #e7e7e7;}
.hh_gn .con .lm .fa .table ul li {
    border-bottom: 1px solid #e7e7e7;
    width: 22%;
    vertical-align: middle;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;height: 97px;box-sizing: border-box
}
.hh_gn .con .lm .fa .table ul li:hover{background-color:#fafafa;}
.hh_gn .con .lm .fa .table ul li.td-t {
    width: 12%;
    color: #ff6800;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #e7e7e7;line-height: 97px;
}
.hh_gn .con .lm .fa td.bo{border:0;}
.hh_gn .con .lm .fa td:hover{background-color:#fafafa;}
.hh_gn .con .lm .fa td.td-t{width:12%; color:#ff6800; font-size:18px; text-align:center; vertical-align:middle; border-right:1px solid #e7e7e7;}
.hh_gn .con .lm .fa .td-s{width:45px; height:45px; border:1px solid #e7e7e7; line-height:45px; border-radius:100%; font-size:22px; color:#ff6800; text-align:center; margin:25px 10px 25px 15px; float:left;}
.hh_gn .con .lm .fa .td-s span{font-size:16px;}
.hh_gn .con .lm .fa .td-n{float:left; margin:25px 0; overflow:hidden;}
.hh_gn .con .lm .fa .td-n.mt h3{margin-top:11px;}
.hh_gn .con .lm .faf{margin:20px 0;}
.hh_gn .con .lm .faf table{border:1px solid #e7e7e7; border-collapse:collapse;}
.hh_gn .con .lm .faf td{border:1px solid #e7e7e7; font-size:12px; line-height:22px; vertical-align:middle; padding:10px 15px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.hh_gn .con .lm .faf td.dh{background-color:#fcfcfc; font-size:16px; color:#ff6800;}
.hh_gn .con .lm .faf td:hover{background-color:#fafafa;}
.w1440 {width: 1440px;margin: 0 auto}
.hh_gn .con .lm .gn{margin:10px 0; color:#666; line-height:22px; overflow:hidden;}
.hh_gn .con .lm .gn table{border-top:1px solid #e7e7e7; border-collapse:collapse;}
.hh_gn .con .lm .gn .table{border-top:1px solid #e7e7e7; border-collapse:collapse;}
.hh_gn .con .lm .gn .table ul li{border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; width:34%; padding:20px 2%;font-size: 14px;box-sizing: border-box;height: 107px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.hh_gn .con .lm .gn .table ul li:hover{color:#222;}
.hh_gn .con .lm .gn .table ul li.td-t .box {width: 100%;text-align: left}
.hh_gn .con .lm .gn .table ul li.td-t{width:16%; color:#ff6800; font-size:18px; text-align:center; vertical-align:middle; border-right:1px solid #e7e7e7; padding:20px 0;box-sizing: border-box;height: 107px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center}
.hh_gn .con .lm .gn .table ul li.td-t .box {text-align: center;width: 100%}
.hh_gn .con .lm .gn .table ul.on{background-color:#f7f7f7;}

.hh_gn .con .lm .gn tr.on{background-color:#f7f7f7;}
.hh_gn .con .lm .gn td{border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; width:31%; padding:20px 2%; vertical-align:middle;font-size: 14px;}
.hh_gn .con .lm .gn td.bo{border-right:0;}
.hh_gn .con .lm .gn td:hover{color:#222;}
.hh_gn .con .lm .gn td.td-t{width:15%; color:#ff6800; font-size:18px; text-align:center; vertical-align:middle; border-right:1px solid #e7e7e7; padding:20px 0;}
.hh_gn .con .lm .hj{overflow:hidden; border-bottom:1px solid #e7e7e7; margin:20px 0;}
.hh_gn .con .lm .hj h3{margin:8px 0; font-size:16px; font-weight:bold;}
.hh_gn .con .lm .hj p{line-height:16px; color:#666;}
.hh_gn .con .lm .hj span{width:62px; height:62px;}
.hh_gn .con .lm .hj ul li{width:334px; height:165px; border-top:1px solid #e7e7e7; border-right:1px solid #e7e7e7; float:left;
text-align:center; padding:40px 0 0; display:block; overflow:hidden;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.hh_gn .con .lm .hj ul li.bo{width:335px; border-right:0;}
.hh_gn .con .lm .hj ul li:hover{background-color:#fafafa;}
.hh_gn .con .lm .hj .ic1{background-position:1px -58px;}
.hh_gn .con .lm .hj .ic2{background-position:-62px -59px;}
.hh_gn .con .lm .hj .ic3{background-position:-124px -59px;}
.hh_gn .con .lm .hj .ic4{background-position:-186px -59px;}
.hh_gn .con .lm .hj .ic5{background-position:0 -123px;}
.hh_gn .con .lm .hj .ic6{background-position:-62px -123px;}
.hh_gn .con .lm .hj .ic7{background-position:-124px -123px;}
.hh_gn .con .lm .hj .ic8{background-position:-186px -123px;}
.hh_gn .con .lm .kj{margin:10px 0; color:#333; line-height:22px; overflow:hidden;}
.hh_gn .con .lm .kj table{border-top:1px solid #e7e7e7; border-collapse:collapse;}
.hh_gn .con .lm .kj .br{transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.hh_gn .con .lm .kj tr:hover .br{background-color:#f7f7f7;}
.hh_gn .con .lm .kj td{border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; text-align:center; padding:10px 2%; vertical-align:middle;font-size: 14px;}
.hh_gn .con .lm .kj td.bo{border-right:0; width:60%; text-align:left;}
.hh_gn .con .lm .kj td.td-t{width:20%; color:#ff6800; font-size:18px; vertical-align:middle; border-right:1px solid #e7e7e7; padding:5px 0;}
.hh_gn .con .lm .kj span{width:62px; height:62px;}
.hh_gn .con .lm .kj .ic1{background-position:0 -352px;}
.hh_gn .con .lm .kj .ic2{background-position:-62px -352px;}
.hh_gn .con .lm .kj .ic3{background-position:-121px -352px;}
.hh_gn .con .lm .kj .ic4{background-position:-181px -352px;}
.hh_gn .con .lm .jf{overflow:hidden; line-height:44px; border-top:1px solid #e7e7e7;}
.hh_gn .con .lm .jf em{font-style:normal; font-size:14px; color:#aaa;}
.hh_gn .con .lm .jf b{font-size:18px; font-weight:normal; color:#333; float:right;}
.hh_gn .con .lm .jf .tp{width:300px; height:340px;}
.hh_gn .con .lm .jf .wz{margin:58px 130px 0 0; width:900px; overflow:hidden;}
.hh_gn .con .lm .jf .wz ul{width:290px; margin-right:10px; float:left; overflow:hidden;}
.hh_gn .con .lm .jf .wz ul li{width:290px; float:left; font-size:14px; margin-bottom:35px; display:block;}
.hh_gn .con .lm .jf .wz ul li:hover{color:#ff6800;}
.hh_gn .con .lm .jf .ic1{background-position:0 0;}
.hh_gn .con .lm .jf .ic2{background-position:0 -150px;}
.hh_gn .con .lm .jf .ic3{background-position:-46px 0;}
.hh_gn .con .lm .jf .ic4{background-position:-46px -50px;}
.hh_gn .con .lm .jf .ic5{background-position:-46px -150px;}
.hh_gn .con .lm .jf .ic6{background-position:0 -200px;}
.hh_gn .con .lm .jf .ic7{background-position:-46px -200px;}
.hh_gn .con .lm .bz{overflow:hidden; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.hh_gn .con .lm .bz h3{font-size:24px; color:#444;}
.hh_gn .con .lm .bz p{font-size:14px; line-height:24px; color:#555;}
.hh_gn .con .lm .bz ul li{width:25%; height:320px; border-right:1px solid #e7e7e7; font-size:14px; line-height:23px; text-align:center; float:left; display:block; padding-top:60px; overflow:hidden;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;box-sizing:border-box}
.hh_gn .con .lm .bz ul li:hover{background-color:#fafafa;}
.hh_gn .con .lm .bz span{width:82px; height:82px; margin-top:22px; margin-bottom:22px;}
.hh_gn .con .lm .bz .ic1{background-position:0 -185px;}
.hh_gn .con .lm .bz .ic2{background-position:-83px -185px;}
.hh_gn .con .lm .bz .ic3{background-position:0 -268px;}
.hh_gn .con .lm .bz .ic4{background-position:-83px -268px;}
.hh_gn .con .lm .icon{display:inline-block; vertical-align:middle; background:url(../images/icon-all.png) no-repeat;}
.hh_gn .con .lm .icon2{width:37px; height:44px; display:inline-block; vertical-align:middle; background:url(../images/icon-all2.png) no-repeat; margin-right:10px;}

/*登录页面开始*/
.signin_centerbg{padding:50px 0; background-color:#f2f2f2;}
.signin_center1{width:1000px; background-color:#fff; margin:0 auto;}
.signin_center2{background-color:#f86d0d; height:70px; color:#fff; font-size:24px; font-weight:bold; line-height:69px; text-indent:175px;}
.signin_center3{position:absolute; z-index:2; background-image:url(../images/signin1.png); width:146px; height:90px; margin-left:48px; margin-top:-20px;}
.signin_center4{position:absolute; z-index:2; width:381px; height:20px; margin-left:575px; margin-top:26px;}
.signin_center5{padding:60px 0; overflow:hidden;}
.signin_center5_left{padding-left:50px; width:500px; float:left;}
.signin_center5_left_t{}
.signin_center5_left_o{width:320px; margin:0 0 0 40px;}
.signin_center5_left_o img{width:160px; float:left;}
.signin_center5_left_o p{float:right; color:#333; font-size:16px; margin-top:45px;}
.signin_center5_left_o p span{color:#b6b6b6; font-size:12px; display:block; padding-top:5px;}
.signin_center5_left_o p span i,.signin_center5_left_o p span a{color:#ff6800;}
.signin_center5_left_o p span a:hover{text-decoration:underline;}
.signin_center5_left_s{display:none}
.signin_center5_left_s .p-o{color:#666; font-size:14px; padding:5px 0 5px 40px;}
.signin_center5_left_s .p-t{color:#999; font-size:14px; padding:5px 0 20px 40px;}
.signin_center5_left_s .p-t span{color:#ff6800;}
.signin_center5_left_t_b{width:321px; padding-top:15px; margin:20px 0 0 40px;}
.signin_center5_left_t_b p{line-height:29px; float:left;}
.signin_center5_left_t_b a{float:left; display:block; width:29px; height:29px; background: url(../images/cndns_domainname_chinese_img1.png) -4px -87px no-repeat; margin-left:5px;}
.signin_center5_left_t_b a:hover{background-position:-114px -87px;}

.signin_center5_left_l{width:320px; margin:0 0 25px 40px;}
.signin_center5_left_l p{float:left; width:50%; text-align:center; font-size:16px; color:#999; border-bottom:1px solid #dddddd; padding-bottom:13px; line-height:16px; cursor:pointer;}
.signin_center5_left_l p.on{border-color:#ff6800; color:#333;}

.signin_center5_left1{text-align:right; padding-right:10px; color:#333333; font-size:16px; width:100px; line-height:38px;}
.signin_center5_left11{width:280px; height:38px; border:#cbcbcb 1px solid;  border-left:0; font-size:14px; color:#333333; background:#fff; float:left; font-family:"Microsoft Yahei"; line-height:38px;} 
.signin_center5_left12{padding-bottom:30px; width:380px; padding-left:108px; text-align:left; font-size:14px; color:#333333; }
.signin_center5_left12aa{float:none; padding-left:40px; text-align:left; font-size:14px; color:#333333;}

.signin_center5_left13{color:#b6b6b6; font-size:12px; padding-left:8px;}
.signin_center5_left14a{padding-left:15px; padding-top:10px; float:left;}
.signin_center5_left14{font-size:14px; color:#666666; padding-top:12px; padding:0 5px;}
.signin_center5_left14:hover{font-size:14px;}
.signin_center5_left15{text-align:center; color:#fff; font-size:18px; line-height:40px; background-image:url(../images/signin2.png); background-repeat:no-repeat; width:123px; height:41px; display:block; float:left;}
.signin_center5_left15:hover{font-size:18px; color:#fff; filter:alpha(opacity=90); /*IE滤镜，透明度50%*/ -moz-opacity:0.9; opacity:0.9;}
.signin_center5_left2{width:380px; height:68px; margin-left:40px;}
.signin_center5_left2 span{height:38px; border:1px solid #cbcbcb; border-right:0; background:url(../images/signin5.gif) no-repeat center #fff; display:block; float:left; width:38px;}
.signin_center5_left2 span.pwdtb{background:url(../images/signin6.gif) no-repeat center #fff;}
.signin_center5_left11.on1{border-color: #cbcbcb;}
.signin_center5_left11.on2{border-color: #cbcbcb;}
.signin_center5_left2 p{height:20px; line-height:20px; font-size: 12px; padding-left: 20px;}
.signin_center5_left2 .p1{background:url(../images/zc_x.gif) no-repeat left center; color: #ff6800;}
.signin_center5_left2 .p2{background:url(../images/zc_t.gif) no-repeat left center; color: #666666;}

.signin_center5_right{width:370px; float:left; margin-left:15px; height:240px; position:relative; text-align:center;}
.signin_center5_right .hd{position:absolute; text-align:center; left:50%; bottom:10px; margin-left:-25.5px;}
.signin_center5_right .hd ul li{width:12px;height:12px;overflow:hidden;float:left;background:url(../images/silde_off.png) no-repeat;margin-right:5px;cursor:pointer; line-height:40px;}
.signin_center5_right .hd ul li.on{background:url(../images/silde_on.png) no-repeat;}   
.signin_center5_right .cd{position:absolute; width:100%; left:0; top:50%; height:40px; margin-top:-20px; } 
.signin_center5_right .cd a{display:block; width:40px; height:40px; background:#000; filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.45; position:relative;}
.signin_center5_right .cd a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65;}
.signin_center5_right .cd a i{display:block; width:15px; height:24px; position:absolute; top:50%; margin-top:-12px; left:50%; margin-left:-7.5px;}
.signin_center5_right .cd a.prev i{background:url(../images/jt_t.png) left bottom;}
.signin_center5_right .cd a.next i{background:url(../images/jt_t.png) left top;}
.signin_center5_right .cd a.prev{margin-left:5px}
.signin_center5_right .cd a.next{margin-right:5px}

.cndns_index_cneter_news_right{float:right;}
.cndns_index_cneter_news_left{width:460px;}
.cndns_index_cneter_news_left a{border-bottom:#e4e4e4 1px solid; display:block; font-size:14px; height:35px; line-height:34px; font-family:arial; color:#333333;}

.cndns_index_cneter_news_left a:hover{color:#f86d0d;}

.cndns_index_cneter_news_left span{color:#aaaaaa; margin-right:20px;}
.cndns_index_cneter_news_left1{border-bottom:#e4e4e4 1px solid; display:block; font-size:24px; line-height:26px; padding-bottom:20px; color:#333333;}
.cndns_index_cneter_news_left1 a{float:right; color:#c8c8c8; border:0px; height:14x;}
.cndns_index_cneter_news_left1 a:hover{color:#f86d0d;}
.cndns_index_cneter_news_left2{width:60px; position:absolute; z-index:2; margin-top:215px; margin-left:170px;}
.cndns_index_cneter_news_left2out{border:#f86d0d 1px solid; width:10px; height:10px; display:block; border-radius:15px; margin:0 3px; float:left;}
.cndns_index_cneter_news_left2over{background-color:#f86d0d;width:10px; height:10px;  border:#f86d0d 1px solid; display:block; border-radius:15px;}


/*登录轮播*/
.dl_ban{width:370px; height:409px; float:left; position:relative; overflow:hidden;}
.dl_ban .prev{width:15px; height:23px; padding:10px; background-color:rgba(0,0,0,.4); background-image:url(../images/dzj.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:50%; margin-top:-22px; z-index:9999; display:none;}
.dl_ban:hover .prev{display:block;}
.dl_ban .prev:hover{background-color:rgba(0,0,0,.6);}
.dl_ban .next{width:15px; height:23px; padding:10px; background-color:rgba(0,0,0,.4); background-image:url(../images/dyj.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:50%; margin-top:-22px; z-index:9999; display:none;}
.dl_ban .next:hover{background-color:rgba(0,0,0,.6);}
.dl_ban:hover .next{display:block;}
.dl_ban .hd{position:absolute; bottom:10px; text-align:center; z-index:99; width:100%;}
.dl_ban .hd ul li{display:inline-block; margin:0 5px; width:10px; height:10px; border:1px solid #ff6800; border-radius:100%; text-indent:-9999px; cursor:pointer; position:relative; float:none;}
.dl_ban .hd ul li.on{background:#ff6800;}
.dl_ban .bd{height:100%;width: 100%}
.dl_ban .bd ul{height:100%}
.dl_ban .bd ul li{height:100%;width: 100%}

.zcym {width: 1000px;margin: 60px auto;background: #fff;padding: 30px 70px;box-sizing: border-box}
.zcym h2 { text-align: center;font-size: 24px;color: #f86d0d;font-weight: bold;float: left;width: 100%;margin-bottom: 30px;}
.zcym h2 .xz {float: right;font-size: 14px;color: #666666;padding-top: 8px;font-weight: normal}
.zcym h2 .xz span {color: #f86d0d;}
.register_shoppingcart_center2 {
    overflow: initial;
    min-height: 500px;
    padding-bottom: 65px;
}
.register_shoppingcart_center2_1 {width: 560px;margin: 0 auto}
.register_shoppingcart_center2_1 .register_shoppingcart_center2_1text {
    padding-left: 40px;
}
.register_shoppingcart_center2_1text {
    overflow: initial;
}
.register_shoppingcart_center2_1text {
    overflow: hidden;
    font-size: 16px;
    color: #666666;
    margin-bottom: 20px;
}
.register_shoppingcart_center2_4text {
    float: left;
    margin-right: 10px;
}
.register_shoppingcart_center2_1 .inp-m {
    float: left;
    border: #cbcbcb 1px solid;
}
.register_shoppingcart_center2_1 .inp-m span.sj-icon {
    background-image: url(../images/signin11.gif);
}
.register_shoppingcart_center2_1 .inp-m span.mm-icon {
    background-image: url(../images/signin9.gif);
}
.register_shoppingcart_center2_1 .inp-m span.rx-icon {
    background-image: url(../images/signin10.gif);
}
.register_shoppingcart_center2_1 .inp-m span {
    display: block;
    float: left;
    width: 30px;
    height: 23px;
    background-image: url(../images/signin8.gif);
    background-repeat: no-repeat;
    background-position: center;
    border-right: 1px solid #cbcbcb;
    margin-top: 6.5px;
}
.register_shoppingcart_center2_1 .inp-m .register_shoppingcart_center2_2text {
    border: 0;
    text-indent: 8px;
    font-family: "Microsoft Yahei";
    width: 306px;
    font-size: 14px;
}
.register_shoppingcart_center2_2text {
    width: 300px;
    height: 36px;
    border: #cbcbcb 1px solid;
    color: #666666;
    font-size: 16px;
    text-indent: 5px;
}
.register_msg.msg2 {
    background: url(../images/zc_t.gif) no-repeat left center;
    color: #666666;
}
.register_msg {
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    padding-left: 20px;
}

.qrzc {margin-left: 40px;
width: 339px;
background: #73b400;
float: left;
margin-top: 0;
box-shadow: none;height: 45px;line-height: 45px;text-align: center;
color: #fff;
font-size: 18px;}
.w-f {
    width: 100%;
}
/***************关于我们*************/
.mginb-16 {
  margin-bottom: 16px;
}

.ins-ban {
  width: 100%;
  height:876px;
  position: relative;
  overflow: hidden;
}
.ins-ban .cent-cont {
    position: absolute;
    left: 10.5%;
    top: 50%;
    margin-top: -240px;
    color: #fff;
    z-index: 3;
}
.ins-ban .f-cb{left:2.5%;}
.ins-ban .word {
  color: #fff;
  font-size: 50px;
  line-height: 68px;
}
.ins-ban .word p {
  position: relative;
  overflow: hidden;
  height: 68px;
}
.ins-ban .word p .font-sign {position: relative;display: block;top: 0;}
.ins-ban .link {
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  margin-top: 50px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
 
}
.ins-ban .gray-bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.ins-ban .flex-control-nav {
  position: absolute;
  bottom: 30px;
  text-align: center;
  width: 100%;
  left: 0;
  height: 10px;
  z-index: 2;
}
.ins-ban .flex-control-nav li {
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.ins-ban .flex-control-nav li a.flex-active {
  background-color: #fff;
}
.ins-ban .up-cont {
  position: absolute;
  left: 10.5%;
  top: 50%;
  margin-top: -220px;
  color: #fff;
  z-index: 2;
}
.ins-ban .up-cont h4 {
  font-size: 48px;
  line-height: 80px;
}
.ins-ban .up-cont .line {
  display: block;
  width: 40px;
  height: 4px;
  background-color: #fff;
  margin-top: 17px;
}
.ins-ban .up-cont .font {
  display: block;
  line-height: 68px;
  font-size: 40px;
  margin-top: 38px;
}
.ins-ban .up-cont .down-ico {
  display: block;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
  margin-top: 95px;
  position: relative;
  overflow: hidden;
}
.ins-ban .up-cont .down-ico i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_16.png) no-repeat center;
  animation: downico 1.5s ease-out infinite;
  position: relative;
}
.ins-ban .up-cont .link-ico {
  display: block;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  margin-top: 95px;
  position: relative;
  overflow: hidden;
}
.ins-ban .up-cont .link-ico i {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
  background: url(../images/ico_43.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 0.3s ease 0s;
}
.ins-ban .up-cont .link-ico .bg {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  z-index: 1;
  transition: all 0.3s ease 0s;
  border-radius: 50%;
}
.ins-ban .up-cont .link-ico:hover {
  background-color: #ccc;
  border: 1px solid #ccc;
}
.ins-ban .up-cont .link-ico:hover i {
  background: url(../images/ico_43_h.png) no-repeat center;
}
.ins-ban .bgimg {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
}

.ins-nav {
  position: fixed;
  top: 100px;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 50px;
  z-index: 2;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: none;
}
.ins-nav .w1520:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}
.ins-nav ul {
  float: right;
  width: 736px;
}
.ins-nav ul.interact-ul{
  width: 590px;
}
.ins-nav li {
  margin-right: 60px;
  font-size: 14px;
  line-height: 47px;
  padding-top: 4px;
  position: relative;
}
.ins-nav li a {
  display: inline-block;
  color: #777;
}
.ins-nav li i {
  display: block;
  width: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 3px;
  background-color: #333;
}
.ins-nav li:hover a {
  color: #333;
}
.ins-nav li:hover i {
  left: 0;
  width: 100%;
  transition: all 0.4s ease 0s;
}
.ins-nav li.hover a {
  color: #333;
}
.ins-nav li.hover i {
  left: 0;
  width: 100%;
}

.ins-nav.fixed {
  position: fixed;
  left: 0;
  top: 100px;
}

.about-ban .top-tit h4 {
  font-size: 50px;
  line-height:2;
}
.about-ban .top-tit .date {
  font-size: 15px;
  line-height:24px;
  margin-top: 52px;
}
.about-ban .top-tit .tit {
  font-size: 24px;
  line-height:48px;
}
.about-ban .cont-wrap {
  position: absolute;
  top: 16.5%;
  left: 10.5%;
  color: #fff;
  font-size: 20px;
}
.about-ban .cent-cont {
  margin-top:0.42rem;
  border-top: 1px solid #6d757f;
  padding-top:20px; width: 90%;
}
.about-ban .cent-cont .map-sign {
  display: inline-block;
  margin-right: 2.1%;
  margin-top:35px;
  width: 23.4%;
}
.about-ban .cent-cont .map-sign img {
  width: 100%;
}
.about-ban .num-top {
  position: absolute;
  right: 0;
  top: 42px;
}
.about-ban .num-top li {
  padding-left:80px;
  margin-left:70px;
  text-align: center;
  color: #fff;
  position: relative;
}
.about-ban .num-top li:nth-of-type(1) {
  width: 210px;
}
.about-ban .num-top li:nth-of-type(2) {
  width:120px;
}
.about-ban .num-top li:nth-of-type(3) {
  width:140px;
}
.about-ban .num-top .line {
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  opacity: 0.15;
  filter: alpha(opacity=15);
}
.about-ban .num-top .cn-tt {
  font-size:20px;
  line-height: 28px;
}
.about-ban .num-top .num {
  font-size:100px;
  font-family: "Trump";
  line-height:100px;
  margin-top: 8px;
}
.about-ban .num-top .en-tt {
  line-height:34px;
  font-size:15px;
  color: #fff;
  opacity: 0.6;
  filter: alpha(opacity=60);
  font-family: "Base-font";
}
.about-ban .list-cont li {
  width:270px;
  border-right: 1px solid #6d7680;
  text-align: center;
  color: #fff;
  background: url(../images/bg_06.png) no-repeat center bottom;
  height:340px;
  position: relative;
  background-size: 80% auto;
}
.about-ban .list-cont li .tit {
  font-size: 20px;
  line-height: 42px;
}
.about-ban .list-cont li .ico {
  display: block;
  height: 50px;
  margin-top: 8px;
  background-size: auto 100% !important;
}
.about-ban .list-cont li .ico1 {
  background: url(../images/ico_18.png) no-repeat center;
}
.about-ban .list-cont li .ico2 {
  background: url(../images/ico_19.png) no-repeat center;
}
.about-ban .list-cont li .ico3 {
  background: url(../images/ico_20.png) no-repeat center;
}
.about-ban .list-cont li .size {
  line-height: 82px;
}
.about-ban .list-cont li .size i {
  font-size:16px;
  color: #fff;
  font-family: "Base-font";
  font-style: normal;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.about-ban .list-cont li .size .num {
  font-size:64px;
  font-family: "Trump";
}
.about-ban .list-cont li .size .unit {
  font-size: 36px;
  font-family: "Trump";
}
.about-ban .list-cont .num-sign {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  height:150px;
}
.about-ban .list-cont .num-sign .boxs {
  display: inline-block;
  width: 30px;
  position: absolute;
  bottom: 0;
}
.about-ban .list-cont .num-sign .boxs i {
  display: block;
  width: 100%;
  height: 0;
  transition: height 1s ease 0s;
  position: absolute;
  bottom: 0;
  left: 0;
}
.i-column-wrap.black p span {font-size:16px;color: #777;padding-top: 10px}
.i-column-wrap.black p.gy span {font-size:13px;color: #777;padding-top: 10px}
.ins-link-box a {
    display: inline-block;
    border: 1px solid #aaa;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    float: left;
    margin-right: 24px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}
.ins-link-box .link1 i {
    background: url(../images/ico_07.png) no-repeat center;
}
.ins-link-box a.link1:hover i {
    background: url(../images/ico_07_h.png) no-repeat center;
}
.ins-link-box a.link2:hover i {
    background: url(../images/ico_17_h.png) no-repeat center;
}
.ins-link-box .link2 i {
    background: url(../images/ico_17.png) no-repeat center;
}
.ins-link-box i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
}
.ins-link-box .bg {
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    transition: all 0.3s ease 0s;
    position: absolute;
    border-radius: 50%;
}
.ny_xwsj{width:100%;display: none}
.about-ban .list-cont .num-sign .box1 {
  left: 150px;
}
.about-ban .list-cont .num-sign .box1 i {
  background: url(../images/bg_07.png) no-repeat center bottom;
}
.about-ban .list-cont .num-sign .box2 {
  left:92px;
}
.about-ban .list-cont .num-sign .box2 i {
  background: #fff;
}

.about-ban.active .list-cont .num-sign .boxs i {
  height: 100%;
}

.about-home {
  padding-top: 18px;background: #eaeaea
}
.about-home .fir-wrap {
  background-color: #f6f6f6;
}
.about-home .fir-wrap .left-cont {
  padding-top: 140px;
  width: 40.8%;
  margin-left: 4.7%;
}
.about-home .fir-wrap .left-cont p {
  font-size: 18px;
  line-height: 38px;
  color: #3e3c36;
}
.about-home .fir-wrap h4 {
  font-size: 80px;
  line-height: 82px;
  color: #333;
  font-family: "Base-font";
}
.about-home .fir-wrap .link-box {
  margin-top: 72px;
}
.about-home .fir-wrap .link {
  margin-top: 30px;
}
.about-home .fir-wrap .right-cont {
  padding-top: 90px;
  width: 40.8%;
  padding-right: 6.7%;
  padding-left: 6.5%;
  background-color: #fff;
  min-height: 420px;
}
.about-home .sec-wrap {
  background-color: #fff;
}
.about-home .sec-wrap .xtb{width: 43px;height: 43px;border: #ccc 1px solid;position: relative;float: left;margin-right:25px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin-top:40px }
.about-home .sec-wrap .xtb.dx i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
	 background: url(../images/ico_06.png) no-repeat center;}
.about-home .sec-wrap .xtb:hover i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
	 background: url(../images/ico_05.png) no-repeat center;}

.about-home .sec-wrap .xtb .bg {
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    transition: all 0.3s ease 0s;
    position: absolute;
    border-radius: 50%;
    background-color: #333;z-index: 1
}
.about-home .sec-wrap .xtb:hover .bg {width:100%;
    height:100%;
    left:0;
    top:0;}
.about-home .sec-wrap .imgbox {
  width: 70.2%;
}
.about-home .sec-wrap .left-cont {
  width: 19.4%;
  padding-left: 5.78%;
  padding-top: 100px;
}
.about-home .sec-wrap .left-cont .tit {
  line-height: 36px;
  font-size: 24px;
  color: #333;
}
.about-home .sec-wrap .left-cont .line {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #999;
  margin-top: 20px;
}
.about-home .sec-wrap .left-cont .word {
  display: block;
  line-height: 28px;
  font-size: 14px;
  margin-top: 20px;
}
.about-home .sec-wrap .left-cont .num-long {
  font-size: 60px;
  margin-top: 52px;
  color: #333;
  line-height: 62px;
  font-family: "Trump";
}
.about-home .sec-wrap .left-cont .num-long .m {
  font-size: 60px;
  position: relative;
}
.about-home .sec-wrap .left-cont .num-long .square {
  display: inline-block;
  font-size: 24px;
  position: absolute;
  right: -10px;
  top: -6px;
  font-style: normal;
}
.about-home .sec-wrap .left-cont .sfont {
  line-height: 24px;
  font-size: 14px;
  color: #777;
}
.about-home .thi-wrap .row-box, .about-home .fiv-wrap .row-box {
  width: 49.5%;
  position: relative;
}
.about-home .thi-wrap .row-box img, .about-home .fiv-wrap .row-box img {
  width: 100%;
}
.about-home .thi-wrap .row-box .up-gray, .about-home .fiv-wrap .row-box .up-gray {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  height: 140px;
  background: url(../images/bg_11.png) no-repeat center / 100%;
}
.about-home .thi-wrap .row-box .up-cont, .about-home .fiv-wrap .row-box .up-cont {
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s ease 0s;
  z-index: 3;
}
.about-home .thi-wrap .row-box .up-cont .stit, .about-home .fiv-wrap .row-box .up-cont .stit {
  font-size: 20px;
  line-height: 34px;
  color: #fff;
}
.about-home .thi-wrap .row-box .up-cont .font, .about-home .fiv-wrap .row-box .up-cont .font {
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=50);
}
.about-home .thi-wrap .row-box:hover .up-cont, .about-home .fiv-wrap .row-box:hover .up-cont {
  bottom: 18px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.about-home .fou-wrap {
  background-color: #333;
}
.about-home .fou-wrap .imgbox {
  width: 70%;
}
.about-home .fou-wrap .imgbox img {
  width: 100%;
}
.about-home .fou-wrap .right-cont {
  width: 19.7%;
  margin-right: 5.2%;
  padding-top: 104px;
}
.about-home .fou-wrap .right-cont .stit {
  font-size: 24px;
  line-height: 40px;
  color: #fff;
}
.about-home .fou-wrap .right-cont .line {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #858585;
  margin-top: 25px;
}
.about-home .fou-wrap .right-cont .word {
  display: block;
  line-height: 28px;
  font-size: 14px;
  margin-top: 23px;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}


.about_wmys { background: #fff;padding-top:60px;}
.about_wmys .main-wrap {
    width: 96%;
    margin: 0 auto;
}
.about_wmys .dtit p{font-size: 26px;line-height: 46px;color: #333;margin-left: -1px;}
.about_wmys .more {
    display: inline-block;
    font-size: 14px;
    line-height: 42px;
    color: #777;
    background: url(../images/ico_09.png) no-repeat left center;
    padding-left: 22px;
    transition: all 0.3s ease 0s;
}
.about_wmys .more:hover{color: #000}
.about_wmys .dtit .line {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #9a9a9a;
    margin-top: 10px;
}
.about_wmys .dtit .mtit {
    display: block;
    margin-top: 18px;
    line-height: 36px;
    color: #444;
    font-size: 16px;
}
.about_wmys .mtit a {
    color: #444;
}
.about_wmys .dtit .font {
    display: block;
    line-height: 24px;
    font-size: 13px;
    margin-top: 10px;
}
.about_wmys ul{ padding-top: 30px}
.about_wmys ul li { width: 50%; float: left;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #f5f5f5}
.about_wmys ul li .wenz { text-align: center; width: 50%}
.about_wmys ul li .wenz .num-box {
    height: 120px;}
 .about_wmys ul li .wenz .num-box .num {
    display: inline-block;
    position: relative;
    font-size: 114px;
    line-height: 120px;
    vertical-align: top;
    color: #333;
    font-family: "Base-font";
}
 .about_wmys ul li .wenz .num-box .stt {
    font-size: 16px;
    line-height: 44px;
    color: #333;
    position: absolute;
    bottom: 6px;
    right: -2px;
    display: inline-block;
    width: 66px;
    text-align: center;
    background-color: #f5f5f5;
    font-family: "黑体";
}
.about_wmys ul li .wenz .num-box .stt .lin {border-top: #333 1px solid;border-bottom: #333 1px solid;padding: 1px 0 }
.about_wmys ul li .wenz .word {
    display: block;
    width: 66%;
    margin: 14px auto 0;
    color: #666;
    line-height: 22px;
}
.about_wmys ul li .tp{ text-align: center; width: 50%;position: relative; overflow: hidden}
.about_wmys ul li .tp .mb {width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,1);left:0;top: 0;z-index: 99;opacity: 0}
.about_wmys ul li .tp:hover .mb {opacity: 0.3}
.about_wmys ul li .tp img {width: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.about_wmys ul li .tp:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.about_wmys ul li.bla { background:#333;}
.about_wmys ul li.bla .wenz .num-box .num {color: #fff;}
.about_wmys ul li.bla .wenz .num-box .stt{ background: #333; color: #fff}
.about_wmys ul li.bla .wenz .word{color: #fff; opacity: 0.5}
.about_wmys .i-btn {
    display: block;
    margin:70px auto 0;
    width: 198px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    text-align: center; background: #f5f5f5
}
.sy_wmkh.about {
    margin-top:20px;
    background: #fff;
    padding-top:60px;
    overflow: hidden;
    padding-bottom: 60px;
}
.w90bf {width: 90%;margin: 0 auto}
.sy_dzfw.about {
    padding: 60px 0px;background: #fff;margin-top: 20px;
}
.ny_xwty .top-titbox {margin-bottom: 32px;}
.ny_xwty .top-titbox h5 {
  font-size: 24px;
  line-height: 40px;
  color: #333;
  font-weight: normal;
}
.ny_xwty .top-titbox .line {
  display: inline-block;
  width: 10px;
  height: 2px;
  background-color: #1c1c1c;
  margin-top: 8px;
}
.ny_xwty .top-titbox .font {
  display: block;
  line-height: 32px;
  margin-top: 10px;
  font-size: 16px;
  color: #666;
}
.ny_xwty .top-titbox .more {
  display: inline-block;
  line-height: 32px;
  margin-top: 60px;
  padding-left: 25px;
  background: url(../images/ico_09.png) no-repeat left center;
  font-size: 14px;
}
.anlixqw {background: #eaeaea;overflow: hidden}
.anlixq_part1 {background: #2f2f2f;padding: 70px 0;overflow: hidden}
.anlixq_part1 .nr {padding: 0 150px;width: 1440px;box-sizing: border-box; overflow: hidden;position: relative}
.anlixq_part1 .nr .left {width: 520px;float: left;}
.anlixq_part1 .nr .right {width: 510px;float: right}
.anlixq_part1 .nr .right h1 {font-size: 40px;font-family: "Base-font";color: #fff;position: relative;position: relative;margin-bottom: 15px;}
.anlixq_part1 .nr .right h1::after{width: 10px;position: absolute;left: 0;height: 2px;background:#fff;bottom: 0;content: ""}
.anlixq_part1 .nr .right h3 {font-size: 18px;color: #fff;}
.anlixq_part1 .nr .right p {font-size: 14px;color: #fff;margin-bottom: 30px;}
.anlixq_part1 .nr .right p.p1 {position: relative;padding-left:16px;line-height: 2;margin-bottom: 0;margin-left: -8px;}
.anlixq_part1 .nr .right p.p1::before{position: absolute;content: "·";font-size:18px;color: #fff;line-height: 28px;left: 0;top: 0;text-align: left}
.anlixq_part1 .nr .tb1 {width: 46px;height: 46px;position: absolute;left: 0;top: 50%;margin-top: -21px;}
.anlixq_part1 .nr .tb2 {width: 46px;height: 46px;position: absolute;right: 0;top: 50%;margin-top: -21px;}
.anlixq_part1 .nr .xtb{width: 43px;height: 43px;border: #ccc 1px solid;position: relative;float: left;margin-right:25px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; }
.anlixq_part1 .nr .tb1 .xtb i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
	 background: url(../images/ico_05.png) no-repeat center;-webkit-transform: rotateY(180deg);-moz-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.anlixq_part1 .nr .tb1 .xtb:hover i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
	 background: url(../images/ico_06.png) no-repeat center;}
.anlixq_part1 .nr .tb2 .xtb i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
	 background: url(../images/ico_05.png) no-repeat center;}
.anlixq_part1 .nr .tb2 .xtb:hover i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
	 background: url(../images/ico_06.png) no-repeat center;}

.anlixq_part1 .nr .xtb .bg {
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    transition: all 0.3s ease 0s;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;z-index: 1
}
.anlixq_part1 .nr .xtb:hover .bg {width:100%;height:100%;left:0; top:0;}
.anlixq_part2 {margin-top: 20px; text-align: center;padding: 60px 0;background: #fff}
.anlixq_part2 h2 {font-size: 30px;text-align: center;color: #707070;margin-bottom: 30px;}
.anlixq_part2 img {box-shadow:0px 0px 6px #ccc;-webkit-box-shadow:0px 0px 6px #ccc;-moz-box-shadow:0px 0px 6px #ccc}
.shipin {padding: 50px 0 100px;overflow: hidden;background: #fff;}
.shipin h2 {font-size: 30px; color: #333; text-align: center}
.shipin h4 {font-size: 15px;color: #333; text-align: center;margin-bottom: 80px;}
.shipin .nr {width: 1100px;margin: 0 auto}
.shipin .nr img {width: 100%;}

/**************发展历程*************/
.history-wrap{
  padding-top: 83px;
  background-color: #fff;
  padding-bottom: 72px;margin-top: 20px;
}
.history-wrap .tit-box{
  text-align: center;
}
.history-wrap .tit-box h4{
  font-size:30px;
  color: #333;
}
.history-wrap .tit-box .st{
  font-size: 15px; line-height: 2;
  color: #777;
}
.history-wrap .cent-wrap{
  width: 89.2%;
  margin: 42px auto 0;
  position: relative;
  padding-bottom: 100px;
}
.history-wrap .cent-wrap ul,.history-wrap .cent-wrap li{
  width: 100%;
}
.history-wrap .cent-wrap ul{
  position: relative;
  z-index: 2;
}
.history-wrap .cent-wrap li{
  margin-top: 98px;
  position: relative;
}
.history-wrap .cent-wrap li .cont-box{
  width: 29%;
}
.history-wrap .cent-wrap li .year{
  font-size: 40px;
  line-height: 50px;
  color: #333;
  font-weight: bold;
  font-family: "Arial";
}
.history-wrap .cent-wrap li .word{
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
  color: #777;
}
.history-wrap .cent-wrap li .img{
  display: block;
  width: 10.8%;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 8px;
}
.history-wrap .cent-wrap li .img img{
  width: 100%;
  height: auto;
}
.history-wrap .cent-wrap li:nth-child(odd) .img{
  float: left;
}
.history-wrap .cent-wrap li:nth-child(odd) .cont-box{
  float: left;
  margin-left: 6.8%;
  text-align: right;
}
.history-wrap .cent-wrap li:nth-child(even) .img{
  float: right;
}
.history-wrap .cent-wrap li:nth-child(even) .cont-box{
  float: right;
  margin-right: 9.7%;
  width: 26%;
  text-align: left;
}
.history-wrap .cent-wrap li .point{
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  text-align: center;
  border-radius: 50%;
  top: 14px;
}
.history-wrap .cent-wrap li .point i{
  width: 10px;display: inline-block;
  height: 10px;
  margin-top: 4px;
  vertical-align: top;
  background-color: #000;
  border-radius: 50%;
}
.history-wrap .cent-wrap li.show{
  opacity: 1;
}
.history-wrap .cent-wrap li.show .point i{
  display: inline-block;
}
.history-wrap .cent-line-box{
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1
}
.history-wrap .cent-line-box .line{
  display: block;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}
.history-wrap .cent-line-box .point-t{
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  margin-left: -8px;
  position: absolute;
  top: 0;
}
.history-wrap .cent-line-box .point-h{
  position: fixed;
  display: none;
  width: 10px;
  height: 10px;
  background-color: #000;
  left: 50%;
  border-radius: 50%;
  margin-left: -5px;
  top: 50%;
  margin-top: -5px;
}
.history-wrap .bot-tit{
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  color: #999;
  margin-top: 16px;
}
/**************诚聘精英*************/
.cpjy_part1 {background: #fff;padding: 60px 0 0;margin-top: 20px}
.cpjy_part1 h2 {font-size: 30px;color: #333;text-align: center;}
.cpjy_part1 h4 {font-size: 15px;color: #333;text-align: center;margin-bottom: 50px;}

.cpjy_part1 ul li {width: 33.3333%; float: left;background: #fff;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; padding:50px 3%;transition: all 0.3s ease 0s;z-index: 1;position: relative}
.cpjy_part1 ul li:hover{box-shadow: 0 0 20px 7px #efefef;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;z-index: 2}
.cpjy_part1 ul li:nth-child(2n){background:#fafafa;}
.cpjy_part1 ul li .tb {width: 95px;margin-bottom:10px;}
.cpjy_part1 ul li h3{font-size: 23px;color: #333;margin-bottom:30px;}
.cpjy_part1 ul li h3 span{padding: 3px 0;}
.cpjy_part1 ul li p {font-size: 14px; line-height: 2;color: #333;}
.gray2 {background: #eaeaea}
.fkfs_part1 {background: #fff;padding: 60px 0;background: #fff;margin-top: 20px;}
.fkfs_part1 h2 {font-size: 30px;color: #333;text-align: center;}
.fkfs_part1 h4 {font-size: 15px;color: #333;text-align: center;margin-bottom: 50px;font-weight: normal}
.fkfs_part1 .ewm {width: 670px;margin: 20px auto 0}
.fkfs_part1 .ewm ul li {width: 48%;margin: 0 1%;text-align: center;}
.fkfs_part1 .ewm ul li p {font-size: 17px;color: #333;font-weight: bold;color: #161515;}
.fkfs_part1 .word {
    line-height: 28px;width: 870px;margin: 50px auto 0;border-top:  1px solid #eee;padding-top: 40px;
    font-size: 14px;
    margin-top: 32px;
    color: #666;
}
.fkfs_part1 .word h5 {
    font-size: 18px;
    color: #333;
}
.fkfs_part1 .word li {
    width:50%;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.fkfs_part1 .word li img {margin:5px 20px 5px 0}
.fkfs_part1 .word li:last-child{padding-left: 50px;box-sizing: border-box}
.xcxmb_ban {height: 317px;width: 100%;background: url(../images/xcx_ban.jpg) center / cover no-repeat;overflow: hidden}
.xcxmb_ban .nr {padding-top: 60px;}
.xcxmb_ban .nr .bq {padding: 0 20px;background: url(../images/xcxbqbj.png) left center no-repeat; line-height: 34px;font-size: 20px;color: #fff;width: 145px;}
.xcxmb_ban .nr h2 {font-size: 35px;color: #fff;}
.xcxmb_ban .nr .jg {font-size: 18px;color: #fff;}
.xcxmb_ban .nr .jg span {font-size: 38px;}
.xcxmb_ban .nr .jg span.zh {font-size: 25px;}
.xcxmb_ban .nr .sk {font-size: 16px;line-height: 2;padding-left: 30px;background: url(../images/xcxdg.png) left center no-repeat;float: left;margin-right: 25px;color: #fff;}
.xcxmb_part1 {padding-bottom: 60px; overflow: hidden}
.xcxmb_part1 .hd {text-align: center;border-bottom: #eee 1px solid;background: #fff;}
.xcxmb_part1 .hd ul li{ display:inline-block;background: #fff;padding: 0px 40px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;line-height: 90px;position: relative;float: none}
.xcxmb_part1 .hd ul li a {font-size: 16px;color: #333;}
.xcxmb_part1 .hd ul li span {width: 0;height: 2px;position: absolute;bottom: -1px;left: 50%;margin-left: -20px; background: #0099ff;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.xcxmb_part1 .hd ul li.on span {width: 40px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.xcxmb_part1 .hd ul li .make-lifegroup-box { width:100%; height: 112px; border-radius: 6px;overflow: hidden;display: flex; flex-direction: row;align-items: center;justify-content: space-between;}
.xcxmb_part1 .hd ul li:first-child .make-lifegroup-box{background: linear-gradient(360deg, rgba(255, 127, 65, 1) 0%, rgba(255, 191, 132, 1) 100%);}
.xcxmb_part1 .hd ul li:nth-child(2) .make-lifegroup-box { background: linear-gradient(180deg, rgba(255, 131, 129, 1) 0%, rgba(246, 84, 85, 1) 100%);}
.xcxmb_part1 .hd ul li:last-child .make-lifegroup-box { background: linear-gradient(180deg, rgba(166, 211, 255, 1) 0%, rgba(81, 147, 255, 1) 100%);}
.xcxmb_part1 .hd ul li .make-lifegroup-box>img { height: 112px;transform: scale(1, 1)}
.xcxmb_part1 .hd ul li .make-lifegroup-box:hover>img {transform: scale(1.08, 1.08);transition: all 0.5s ease-out;}
.make-lifgroup-box-info {color: white;display: flex;flex-direction: column;align-items: flex-start;width:280px;}
.make-lifgroup-box-info>span {font-size:26px;position: relative;line-height: 1.5;bottom: -3px;}

.make-lifgroup-box-info>p { font-size: 15px;position: relative;}
.make-flex-box{
 margin-top: 25px;
}
.make-sidebar {
  vertical-align: top;
  width:150px;
  box-sizing: border-box;
  z-index: 5;
  border-radius: 8px;float: left;
}

.make-sidebar .sidebar-title {
  width: 150px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  font-size: 18px;
  font-family: "MicrosoftYaHei-Bold";
  font-weight: bold;
  background: url("../images/classification.png");
  background-size: 108%;
  background-position: center;
  box-shadow: 0px 2px 4px 0px rgba(48, 145, 242, 1);
  color: #fff;
}

.make-sidebar .active {
  color: #0099ff;
  font-weight: bold;
  background: url(../images/xzbj.png) no-repeat 8px 4px;
  background-size: 135px 36px;
  line-height: 45px;
}

.make-sidebar>ul>li>div>span {
padding-right: 24px;background: url(../images/xcx_jt.png) right center no-repeat;
  display:block;text-align: center
}

.make-sidebar>ul>li>div>span:hover {
  color: #0099ff;
}

.make-sidebar>ul>a>li:hover {
  color: #0099ff;
}

.make-sidebar>ul>li>ul>li:hover {
  color: #0099ff;
}

.make-sidebar>ul {
  width: 150px;
  background: #fff;
  border-top: 0;
  list-style: none;
  box-sizing: border-box;
  box-shadow: 0px 2px 6px 0px rgba(218, 218, 218, 1);
  position: relative;
}

.make-sidebar>ul>li ul {
  width: 142px;
  background: #fff;
  border-top: 0;
  list-style: none;
  box-sizing: border-box;
}

.make-sidebar ul li {
  width: 150px;
  line-height: 45px;
  background: #fff;
  box-sizing: border-box;
  font-size: 14px;
  font-family: "MicrosoftYaHei";
  color: #59607B;
  font-weight: 400;
  cursor: pointer; position: relative;
}



.make-sidebar>ul>li{
  border-top: 1px solid #E3E2F1;
}

.make-sidebar>ul>li:last-child {
  border-bottom: none;
}

.make-sidebar>ul>li>ul>li {
  border-bottom: none;
}
.make-sidebar i {display: none
}

.make-sidebar img {
  max-width: 24px;
  max-height: 24px;
  vertical-align: middle;
  margin: -2px 0 0 9px;
}

.make-sidebar img.arrows {
  margin: 10px 0px 0 0;
  float: right;
}

.make-sidebar>ul>li .ej ul>li {
  color: #9FA5BB;
  width: 142px;
}

.make-sidebar>ul>li .ej ul>li span {
  display: inline-block;
  border-bottom: 1px solid #ecebf5;
  width: 93px;
  text-align: left;
  margin-left: 20px;
  line-height: 45px;font-size: 13px;font-family: "黑体";
  height: 45px;
}
.make-sidebar > ul > li .ej ul > li a:hover{color: #0099ff}
.make-sidebar>ul>li .ej ul>li:last-child span {
  border-bottom: none;
}

.make-sidebar-common {
  width: 150px;
  height: 45px;
  border-bottom: 1px solid #E3E2F1;text-align: center
}
.make-sidebar ul li .ej.pczs { display: block}
.make-sidebar ul li .ej {
    position: relative;
    background: #fff;
    display: none;
    width: 100%;
    z-index: 99;
}
.xcxmbr {width:1050px;float: right;}
.xcxmbr .hyfl {padding: 10px 15px;background: #fff;overflow: hidden}
.xcxmbr .hyfl h3 {position: relative;padding-left: 10px;line-height: 20px;font-size: 20px;color: #333;float:left;margin: 5px 20px 0 0}
.xcxmbr .hyfl h3::before {width: 3px; height: 20px;left: 0;top: 0;position: absolute;background: #0099ff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;content: ""}
.xcxmbr .hyfl a {float: left;padding: 0 12px;line-height: 24px;font-size: 15px;color: #666;border: #ccc 1px solid;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;margin: 5px 6px }
.xcxmbr .hyfl a:hover{color: #0099ff}
.xxsp {margin-top: 15px;padding: 50px 20px 50px ;background: #fff}
.xcxmbr .mblz {margin-top: 15px;padding: 50px 20px 50px ;background: #fff}
.xcxmbr .mblz ul li {width: 21%;margin: 0 2% 50px;overflow: hidden;background: #fff;text-align: center;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.xcxmbr .mblz ul li h3 {font-size: 15px;color: #333;font-weight: bold;margin-top: 10px}
.xcxmbr .mblz ul li .bk {border: 1px solid #D5D5DE;border-radius: 30px;}
.xcxmbr .mblz ul li .box {position: relative;margin: 10px;}
.xcxmbr .mblz ul li .box img {width: 100%;}
.xcxmbr .mblz ul li .mb {position: absolute;background: rgba(0,0,0,0.5);width:100%;height: 100%; left:0;top:0px;color: #fff;border-radius: 20px;font-size: 14px;display: none;}
.xcxmbr .mblz ul li:hover .mb {display: block}
.xcxmbr .mblz ul li .mb img {border-radius: 6px !important;
width: 128px !important;
height: 128px;
margin-top:50% !important;
padding: 10px;
background: #fff;}
.xcxmbr .mblz ul li .mb p {text-align: center;font-size: 15px;color: #fff;}
.xcxmbr .mblz ul li .mb .btn-use {
    width: 124px;
    height: 34px;
    line-height: 34px;
    background-color: #0099ff;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    margin-top: 60px;
}
.xcxmb_yygn {margin-top: 15px;background: #fff;padding: 1px 50px}

.xcxmb_yygn h3 {font-size: 24px;color: #333;margin-bottom: 50px;margin-top: 20px;}
.xcxmb_yygn h3 span {font-size: 14px;color: #999}
.xcxmb_yygn ul li {width: 25%;margin: 0 0 30px;padding: 20px 0;text-align: center}
.xcxmb_yygn ul li img {border-radius: 20px;-moz-border-radius:20px;-webkit-border-radius:20px;width: 100px;}
.xcxmb_yygn ul li p{margin-top: 10px;font-size: 15px;color: #333;}

.tabbox {margin-top: 15px;padding: 30px 0 0}
.tabmenu {width:100%;height:46px;margin-bottom:15px;margin-top: 30px;}
.tabmenu ul {margin:0;padding:0;list-style-type:none;}
.tabmenu li a { text-align:center; float:left; display:block;padding: 0 17px; overflow:hidden;background: #fff; display:inline; font-size:15px; color:#666;margin: 0 3px;}
.tabmenu .cli a {cursor:pointer;background: #0099ff;color: #fff;}
#tabcontent {width:100%;}
#tabcontent ul {margin:0;list-style-type: none;}
#tabcontent .hidden {display:none;} 

#tabcontent ul li {width:30.3333%;margin: 0 3% 60px 0;position: relative;box-sizing: border-box;background: #fff}
#tabcontent ul li:nth-child(3n){margin-right: 0}
#tabcontent ul li .tp {width: 100%;overflow:hidden;}
#tabcontent ul li .tp img {width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#tabcontent ul li:hover .tp img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#tabcontent ul li .wenz {padding: 10px 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#tabcontent ul li .wenz .xcxm img {width: 120px;height: 120px;}
#tabcontent ul li .wenz h3 {font-size: 18px;color: #333;font-weight: bold;margin-bottom: 15px;}
#tabcontent ul li .wenz p {font-size: 14px;color: #666;}




#tabcontent ul li:hover .f2-item-hide .mb {opacity: 1;-webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s}

#tabcontent ul li .ewmmb {width:150px;position: absolute;left: 50%;margin-left: -75px;bottom:-100px;opacity: 0;z-index: 3; text-align: center;background: #fff;padding-top: 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; }
#tabcontent ul li .ewmmb img {width:130px;height: 130px;margin: 0 auto}
#tabcontent ul li .ewmmb p {color: #666;line-height: 2;font-size: 15px;text-align: center;padding: 10px 0}
#tabcontent ul li:hover .ewmmb {bottom:35%;opacity: 1; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s; transition:all .5s}

#tabcontent ul li:hover .f2-hide-wrap{opacity: 0; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s; transition:all .5s}
.nTab{overflow:hidden}
.none {display:none;}
.nTab .TabTitle li{float:left;cursor:pointer;height:34px;line-height:34px;font-weight:bold;text-align:center;width:120px;border: #ccc 1px solid;margin-right: 10px;font-size: 16px;font-weight: normal}
.nTab .TabTitle li a{text-decoration:none;}
.nTab .TabTitle .active{background:#fff url(../images/ddd.png) right bottom no-repeat;color:#0099ff;border: #0099ff 1px solid;}
.nTab .TabTitle .normal{background:#fff;color:#333}
.nTab .TabContent{clear:both;overflow:hidden;background:#fff;display:block;margin-top: 20px;}

.xcxmb_xq {background: #fff;padding: 60px 0; overflow: hidden;border-bottom: #eee 1px solid}
.xcxmb_xq .wzzj {}
.xcxmb_xq .wzzj h3 {position: relative;font-size: 20px;color: #333;padding-left: 10px;border-left: 3px solid #0099ff;line-height: 1;margin-bottom: 20px}
.xcxmb_xq .wzzj p {margin-bottom: 15px;font-size: 16px;}
.pc-slide {position: relative;}
.view .swiper-container {width: 1200px;height: auto;margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;}
.view .arrow-left {
	background: url(../images/index_img24.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images/index_img25.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}
.anwc {position: absolute;right: 0;top: 0;background: #fff;z-index: 999}
.preview {
	width:500px;height: 304px;
	position: relative;background: #fff;
}

.preview .swiper-container {width: 510px;height:206px;margin-left: auto;background: #fff;
margin-right: auto;
position: relative;
overflow: hidden;float: left;
z-index: 1;
}

.preview .swiper-slide {border: #ccc 1px solid;width: 115px;margin-right: 11px;height: 204px;overflow: hidden;cursor:pointer;border-radius: 10px;}

.preview .arrow-left {
	background: url(../images/icon3.png) no-repeat center / 100%;
	position: absolute;
	left:-60px;
	top:50%;
	margin-top: -5px;
	width:33px;
	height:85px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/icon4.png) no-repeat center / 100%;
	position: absolute;
	right:-60px;
	top: 50%;
	margin-top:-5px;
	width:33px;
	height:85px;
	z-index: 10;
}

.preview img {width: 100%}

.preview .active-nav {border: #0099ff 1px solid;}


.view .bhgn{width: 500px;padding-top: 300px;float: right}
.view .bhgn h3 {font-size: 18px;color: #333;margin-bottom: 10px;margin-top: 30px;}
.view .bhgn .gnjs {}
.view .bhgn .gnjs p {min-width: 200px;display: inline-block;line-height: 20px;color: #4a4a4a;font-size:14px;margin-bottom: 10px;padding-left: 20px;background: url(../images/xqdg.png) left center no-repeat;}
.view .bhgn .gnjs p.h {background: url(../images/xqdg_h.png) left center no-repeat;}
.view .bhgn .gnjs a {color:#0099ff;font-size: 16px;}
.view .bhgn .gmsc a {width: 120px;height: 34px;line-height: 34px;display: block;border: #0099ff  1px solid;text-align: center;background: url(../images/ddd.png) right bottom no-repeat;font-size: 15px;color:#0099ff;margin-bottom: 10px; }
.view .bhgn p {color: #888;font-size: 14px; line-height: 32px;margin-bottom: 10px;}
.view .bhgn p .unit {color: #F43F2D;}
.view .bhgn p .price {color: #F43F2D;font-size: 34px;}
.view .bhgn .tyxy{font-size: 12px;line-height: 20px;color: #4a4a4a;position: relative;padding-left: 25px;}
.view .bhgn .tyxy a {color: #0099ff}
.view .bhgn .ljgm a{width: 180px;height: 36px;line-height: 36px;background: #0099ff; font-size: 15px;color: #fff; text-align: center;display: block;margin-top: 20px;}
.cell-right input[type="radio"], .cell-right input[type="checkbox"]:not(.m-switch) {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    left: -9999em;
}
.cell-checkbox-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left:0;border: 1px solid #bbb;background-color: #fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; 
}


.cell-right input[type="radio"]:checked + .cell-checkbox-icon:after, .cell-right input[type="checkbox"]:not(.m-switch):checked + .cell-checkbox-icon:after {
    color: #333333;background: url(../images/xz.png);
    content: ' ';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: 18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; left:-1px;top: -1px;position: absolute;
}


.view .mbal {width:680px;float: left;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.xcxmb_xq .mbal .cxmb {width:344px;float: left;position: relative}
.xcxmb_xq .mbal .cxmb .tp img {width:344px;height:635px;}
.xcxmb_xq .mbal .cxmb .nr {width:312px;height: 607px; left:16px;top: 16px;position: absolute;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;overflow: hidden}
.xcxmb_xq .mbal .cxsm {width: 210px;float: left;}
.xcxmb_xq .mbal .cxsm h3 {font-size: 24px;color: #333;margin-top: 30px;font-weight: bold;}
.xcxmb_xq .mbal .cxsm p {color: #A7ADC0;font-size: 14px;padding:0px 0 0 10px;line-height: 1.5}
.xcxmb_xq .mbal .cxsm p.cont {font-size: 14px;color: #333;margin-top:20px}
.xcxmb_xq .mbal .cxsm p.cont span {padding: 2px 9px;color: #0099ff;background: #fcf0eb;border-radius: 2px;}
.xcxmb_xq .mbal .cxsm .an{display: inline-block;width: 116px;height: 40px;background: #0099ff;color: #fff;line-height: 40px;border-radius: 2px;cursor: pointer;margin:25px auto;text-align: center;font-size: 16px;}
.xcxmb_tj {padding: 60px 0; overflow: hidden} 
.xcxmb_tj h2 {position: relative;font-size: 20px;color: #333;padding-left: 10px;border-left: 3px solid #0099ff;line-height: 1;margin-bottom: 50px;}
.xcxmb_tj ul li {width:18%;margin: 0 1% 50px;overflow: hidden;background: #fff;text-align: center;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.xcxmb_tj ul li h3 {font-size: 15px;color: #333;font-weight: bold;margin-top: 10px}
.xcxmb_tj ul li .bk {border: 1px solid #D5D5DE;border-radius: 30px;}
.xcxmb_tj ul li .box {position: relative;margin: 10px;}
.xcxmb_tj ul li .box img {width: 100%;}
.xcxmb_tj ul li .mb {position: absolute;background: rgba(0,0,0,0.5);width:100%;height: 100%; left:0;top:0px;color: #fff;border-radius: 20px;font-size: 14px;display: none;}
.xcxmb_tj ul li:hover .mb {display: block}
.xcxmb_tj ul li .mb img {border-radius: 6px !important;
width: 128px !important;
height: 128px;
margin-top:50% !important;
padding: 10px;
background: #fff;}
.xcxmb_tj ul li .mb p {text-align: center;font-size: 15px;color: #fff;}
.xcxmb_tj ul li .mb .btn-use { width: 124px; height: 34px; line-height: 34px; background-color: #0099ff; margin-left: auto; margin-right: auto; cursor: pointer;margin-top: 60px;}
.one-mode-code .codel-wrap {
    display: none;
  }
  .code-container-text > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/qrcode_logo.png);
    background-repeat: no-repeat;
    background-position: -32px -4px;
  }
  .code-container-text > i.QR {
    background-position: -7px -4px;
  }
  .one-mode-code .code-container-text {
    color: #303445 !important;
    font-size: 12px !important;
    line-height: 20px;
    text-align: center !important;
    height: 20px;
    margin-bottom: 0 !important;padding: 0;
  }
 .code-h {
    height: 170px !important;
  }
  .code-container-text > span {
    display: inline-block;
    position: relative;
    top: -4px;
    left: 4px;
    cursor: pointer;
  }
  .one-mode-code #preview-codel {
    width: 150px;
    height: 150px;
  }
  /*  适配end  */
  .one-mode-code #preview-code {
    width: 150px;
    height: 150px;
  }
.one-mode-code .code-container-text {
    color: #59607B;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
  }
.one-mode-code {width: 150px;
    height: 150px;
    padding: 4px;
    border: 1px solid #E8EAF5;margin-top: 20px;}
.acg{}
.settle-banner[data-v-a5ad228a] {
 width:100%;
 height:600px;
 position:relative;
 background:center 0 url(../images/banner_bg.906d3e1.jpg) no-repeat;
 background-size:1920px 100%;
 background-color:#28292d
}
.settle-banner .slogan[data-v-a5ad228a] {
 top:167px;
 font-size:48px;
 line-height:1;
 color:#fff;
 white-space:nowrap;
 font-weight:700
}
.settle-banner .divider[data-v-a5ad228a],
.settle-banner .slogan[data-v-a5ad228a] {
 position:absolute;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.settle-banner .divider[data-v-a5ad228a] {
 width:64px;
 height:3px;
 top:251px;
 background:#fff
}
.settle-banner .sub-slogan[data-v-a5ad228a] {
 position:absolute;
 top:292px;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 font-size:16px;
 line-height:1;
 letter-spacing:3px;
 color:#fff;
 white-space:nowrap
}
.settle-banner .sub-slogan.second-line[data-v-a5ad228a] {
 top:322px
}
.settle-banner .banner-btn[data-v-a5ad228a] {
 width:200px;
 height:55px;
 position:absolute;
 top:377px;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 font-size:16px
}
.act-tits{text-align: center;font-size:30px;color: #28292d;}

.acg-one{padding:60px 0;background: url("../images/acgonebg.jpg") no-repeat center;background-size: cover}
.acg-one-l{float: left;width: 55%}
.acg-one-l h1{font-size:60px;color: #28292d;font-weight: normal;}
.acg-one-l ul{padding-top: 20px;}
.acg-one-l li{position: relative;padding-left: 40px;box-sizing: border-box;font-size: 20px;color: #29292e;margin-top: 40px;line-height: 1.4}
.acg-one-l li:before{content: "";width: 12px;height: 12px;border-radius: 50%;border: 4px solid #ef1f1f;position: absolute;left: 0;top:3px;}
.acg-one-r{float: right;width: 42%;}
.acg-two{background: #e9eaed;padding:60px 0;}
.acg-two-bot{padding-top: 50px;}
.acg-two-btn{}
.acg-two-btn li{float: left;width: 20%;text-align: center;}
.acg-two-btn .acg-two-box{width: 150px;height: 150px;border-radius: 50%;background: #fff;margin: 0 auto;transition: .3s;cursor: pointer;}
.acg-two-btn .acg-two-box div{padding-top: 35px;height: 100px;box-sizing: border-box}
.acg-two-btn .acg-two-box .acg-two-img2{display: none;}
.acg-two-btn p{font-size: 16px;color: #8791ac;transition: .3s}
.acg-two-btn li.act{}
.acg-two-btn li.act .acg-two-box{background: #0099ff;}
.acg-two-btn li.act .acg-two-box .acg-two-img1{display: none}
.acg-two-btn li.act .acg-two-box .acg-two-img2{display: inline-block;}
.acg-two-btn li.act p{color: #fff}
.swiper-acgtwo{text-align: center;overflow: hidden}
.swiper-acgtwo h1{font-size: 22px;color: #28292d;font-weight: normal;padding: 50px 0;}
.acg-three{padding: 90px 0;background: #fff}
.acg-three-b{padding-top: 60px;}
.acg-four{padding: 90px 0;background: #e9eaed}
.acg-five{background: url("../images/acgbotbgs.jpg") no-repeat center;background-size: cover;padding: 90px 0;text-align: center}
.acg-five h1{font-size: 36px;;color: #fff;font-weight: normal;}
.acg-five p{font-size: 16px;color: #fff;padding: 20px 0;}
.acg-five a{display: inline-block;line-height: 50px;padding:0 35px;background: #0099ff;font-size: 22px;color: #fff;border-radius: 25px;margin-top: 15px;}
.s03_banner{width: 100%; height: 723px; background: url(../images/s04_banner.jpg) top center no-repeat; overflow: hidden; text-align: center; color: #000;}
.s03_banner .t1, .s03_banner .t2, .s03_banner .t3{line-height: 100%; color: #000;}
.s03_banner .t1{font-size: 48px; margin-top:260px; font-weight: bold;}
.s03_banner .t2{font-size: 24px; padding: 40px 0;}
.s03_banner .t3{font-size: 14px; line-height: 200%;}

.content_1{padding:60px 0; overflow: hidden; text-align: center;background: #fff;}
.content_1 p{font-size: 20px; line-height:2;}

.content_2{width: 100%; overflow: hidden; background: #00ffcc; padding: 80px 0;}
.content_2 ul{width: 1200px; margin: 0 auto;}
.content_2 ul li{width: 50%; float: left;}
.content_2 ul li div{padding-left: 50px; clear: both; padding-bottom:120px; overflow: hidden;}
.content_2 ul li div:first-child{padding-top: 30px;}
.content_2 ul li div:last-child{padding-bottom: 0;}
.content_2 ul li div img{display: block; float: left;}
.content_2 ul li div p{width: 80%; float: left; font-size: 18px; padding-left: 30px;color: #333;line-height: 1.4}
.content_2 ul li div p span{font-size: 30px; font-weight: bold; display: block; line-height: 120%;color: #333}

.content_3{overflow: hidden; padding: 80px 0; text-align: center;}
.content_3 h3{font-size: 30px; line-height: 100%; padding-bottom: 40px;color: #333}

.content_4{overflow: hidden; padding: 80px 0; text-align: center; background: #ffcccc;}
.content_4 h3{font-size: 30px; line-height: 100%; padding-bottom: 40px;color: #333}
.content_4 ul{width: 1200px; margin: 0 auto;}
.content_4 ul li{width: 50%; float: left; color: #000;}
.content_4 ul li p{font-size: 16px; line-height: 200%;}
.content_4 ul li div{text-align: left; clear: both;}
.content_4 ul li div img{display: block; float: left;}
.content_4 ul li div h4{float: left; font-size: 18px; color: #ff3300; padding-left: 20px;}
.content_4 ul li div h4 span{display: block; font-size: 40px; line-height: 120%;}
.content_4 ul li .text{clear: both; text-align: left; font-size: 20px;}
.content_4 ul li .text strong{display: block; font-size: 30px; padding: 30px 0;}

.content_5{width: 1200px; margin: 0 auto; text-align: center; padding: 80px 0;}
.content_5 h3{font-size: 30px; line-height: 100%; padding-bottom: 40px;color: #333}
.content_5 ul{overflow: hidden;}
.content_5 ul .img{float: left; text-align: center;}
.content_5 ul .img h4{font-size: 18px; line-height: 300%;}
.content_5 ul .txt{float: left; width: 33%; text-align: left; padding-left: 5%; color: #000;}
.content_5 ul .txt h5{font-size: 24px; font-weight: 500; line-height: 150%;}
.content_5 ul .txt p{font-size: 18px; line-height: 250%;}
.content_5 ul .txt p span{font-size: 30px; font-weight: 500; padding-right: 10px;}

.content_6{overflow: hidden; background: #d2d3ff; padding: 80px 0;}
.content_6 h3{font-size: 30px; line-height: 100%; padding-bottom: 40px; text-align: center;color: #333}
.content_6 ul{width: 1200px; margin: 0 auto;}
.content_6 ul .txt{width: 400px; float: left;}
.content_6 ul .txt h4{font-size: 30px; line-height: 300%;color: #333}
.content_6 ul .txt p{font-size: 18px; line-height: 200%;color: #333}
.content_6 ul .img{float: left;}

.content_7{overflow: hidden; width: 1200px; margin: 0 auto; padding: 60px 0;}
.content_7 h3{font-size: 30px; line-height: 100%; padding-bottom: 40px; text-align: center;color: #333}
.content_7 ul{width: 1200px; margin: 0 auto;}
.content_7 ul li{float: left;}
.content_7 ul li.txt{width: 35%;}
.content_7 ul li p{font-size: 24px; line-height: 200%; padding: 90px 30px 0;color: #333}

.content_8{overflow: hidden; padding: 80px 0; background: #baffa8;}
.content_8 h3{font-size: 30px; line-height: 100%; padding-bottom: 40px; text-align: center;color: #333}
.content_8 .text-1{width: 1200px; margin: 0 auto; clear: both;}
.content_8 .text-1 .round{
	width: 175px;
	height: 175px;
	line-height: 175px;
	float: left;
	font-size: 30px;
	color: #006600;
	text-align: center;
	border: 2px solid #006600;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin: 0 50px;
}
.content_8 .text-1-1{float: left; font-size: 24px; color: #006600; line-height: 150%;}
.content_8 table{width: 1200px; margin: 0 auto; font-size: 18px; text-align: center; color: #000; padding-top: 50px;}
.content_8 table .title{font-size: 24px; font-weight: bold;}
.content_8 table tr td{padding: 30px 0; border-bottom: 1px solid #99cc99;}

.content_9{margin: 0 auto; padding:60px 0; text-align: center;background: #fff;}
.content_9 h3{font-size:30px; line-height: 100%; padding-bottom: 40px; text-align: center;color: #333}
.content_9 ul{padding: 50px 0; overflow: hidden;}
.content_9 ul li{float: left; width: 25%; text-align: center;}

@media screen and (max-width: 1200px){
	img{max-width: 100%;}
	.s03_banner .t1{font-size: 40px;margin-top: 300px;}
	.s03_banner .t2{font-size: 20px;}
	.content_1{padding:60px 0;}
	.content_1 p{font-size: 20px;}

	.content_2{padding: 60px 0;}
	.content_2 ul{width: 1000px;}
	.content_2 ul li div img{width: 60px;}
	.content_2 ul li div p{width: 75%;padding-left: 20px;}
	.content_2 ul li div p span{font-size: 32px;}

	.content_3{padding:60px 0;}

	.content_4{padding:60px 0;}
	.content_4 ul{width: 1000px;}

	.content_5{width: 1000px;padding: 60px 0;}
	.content_5 ul .img{width: 62%;}

	.content_5 ul .txt{width: 36%;padding-left: 2%}
	.content_5 ul .txt h5{font-size:22px}
	.content_5 ul .txt p{font-size: 16px;}
	.content_5 ul .txt p span{font-size: 24px;}

	.content_6{padding:60px 0;}
	.content_6 ul{width: 1000px;}
	.content_6 ul .txt{width: 40%;}
	.content_6 ul .txt h4{font-size: 24px;line-height: 250%;}
	.content_6 ul .txt p{font-size: 16px;}
	.content_6 ul .img{width: 60%;}

	.content_7{width: 1000px;padding: 60px 0;}
	.content_7 ul{width: 1000px;}
	.content_7 ul li{width: 65%;}
	.content_7 ul li p{padding: 10px 30px 0;}

	.content_8{padding:60px 0;}
	.content_8 .text-1{width: 1000px;}
	.content_8 table{width: 1000px;}
	.content_9{padding: 60px 0;width: 1000px;}


}


@media screen and (max-width: 1023px){
	.s03_banner{height: auto;padding-bottom: 150px;}
	.s03_banner .t1{font-size: 30px;margin-top: 150px;}
	.content_1{padding: 40px 0;}
	.content_2{padding:40px 0;}
	.content_2 ul{width: 98%;}
	.content_2 ul li{width: 100%;text-align: center}
	.content_2 ul li div{text-align: left;padding:20px 60px;}
	.content_2 ul li div p span{font-size: 26px;padding-bottom: 10px;}
	.content_2 ul li div img{}
	.content_3{padding:40px 0;width: 98%;}
	.content_3 h3{font-size: 30px;}
	.content_4{padding:40px 0;}
	.content_4 h3{font-size: 30px;padding-bottom: 30px;}
	.content_4 ul{width: 98%;}
	.content_4 ul li{width: 100%;padding-bottom:20px;}

	.content_5{width: 98%;padding: 40px 0;}
	.content_5 h3{font-size: 30px;padding-bottom: 30px;}
	.content_5 ul .img{width: 100%;text-align: center}
	.content_5 ul .txt{width: 100%;}
	.content_6{padding: 40px 0;}
	.content_6 h3{font-size: 30px;padding-bottom: 30px;}
	.content_6 ul{width: 98%;}
	.content_6 ul .txt img{display: none;}

	.content_7{width: 98%;padding: 40px 0;}
	.content_7 h3{font-size: 30px;padding-bottom: 30px;}
	.content_7 ul{width:100%;}
	.content_7 ul li{width: 100%;}
	.content_7 ul li.txt{width: 100%;}
	.content_7 ul li p{padding: 10px 0;}
	.content_8{padding: 40px 0;}
	.content_8 h3{font-size: 30px;padding-bottom: 30px;}
	.content_8 .text-1{width: 98%;}
	.content_8 .text-1 .round{font-size: 26px;height: 150px;width: 150px;line-height: 150px;margin: 0 30px;}
	.content_8 .text-1-1{font-size: 20px;}
	.content_8 table{width: 98%;font-size: 16px;}
	.content_8 table .title{font-size:18px; }
	.content_8 table tr td{padding: 20px 0;}
	.content_9{width: 98%;padding: 40px 0;}
	.content_9 h3{font-size:30px;padding-bottom: 30px;}
	.content_9 ul{padding: 30px 0;}

}


@media screen and (max-width: 767px){
	.s03_banner{padding-bottom: 80px;}
	.s03_banner .t1{font-size: 20px;margin-top: 130px;}
	.s03_banner .t2{font-size: 16px;padding: 20px 0;width: 94%;margin: 0 auto}
	.s03_banner .t3{width: 94%;margin: 0 auto}
	.content_1{padding: 30px 0;}
	.content_1 p{font-size: 14px;line-height: 120%;width: 94%;margin: 0 auto}
	.content_2{padding: 30px 0;}
	.content_2 ul{width: 94%;}
	.content_2 ul li div{padding:10px 0;}
	.content_2 ul li div img{width: 50px;}
	.content_2 ul li div p{font-size: 14px;padding-left: 10px;}
	.content_2 ul li div p span{font-size: 18px;}
	.content_3{padding: 30px 0;}
	.content_3 h3{font-size: 20px;padding-bottom: 20px;}
	.content_4{padding: 30px 0;}
	.content_4 h3{font-size: 20px;padding-bottom: 20px;}

	.content_4 ul{width: 94%}
	.content_4 ul li div img{width: 50px;}
	.content_4 ul li div h4{font-size:16px}
	.content_4 ul li div h4 span{font-size: 30px;}
	.content_4 ul li .text{font-size: 16px;line-height: 150%;}
	.content_4 ul li .text strong{font-size: 20px;padding: 20px 0;}

	.content_5{padding: 30px 0;}
	.content_5 h3{font-size: 20px;padding-bottom: 20px;}
	.content_5 ul .img h4{font-size:16px;line-height: 120%;padding:10px 0;}

	.content_5 ul .txt h5{font-size: 18px;font-weight: bold;}
	.content_5 ul .txt p{font-size: 14px;line-height: 150%;padding:10px 0;}
	.content_5 ul .txt p span{font-size: 18px;font-weight: bold;}

	.content_6{padding: 30px 0;}
	.content_6 h3{font-size: 20px;padding-bottom: 20px;}
	.content_6 ul{width: 94%}
	.content_6 ul .txt{width: 100%;}
	.content_6 ul .txt h4{font-size: 18px;line-height: 200%;}
	.content_6 ul .txt p{line-height: 150%;}
	.content_6 ul .img{width: 100%;}

	.content_7{padding: 30px 0;width: 94%}
	.content_7 h3{font-size: 20px;padding-bottom: 20px;}
	.content_7 ul li p{font-size: 16px;line-height: 150%;}

	.content_8{padding: 30px 0;}
	.content_8 h3{font-size: 20px;padding-bottom: 20px;}
	.content_8 .text-1{width: 94%;}
	.content_8 .text-1 .round{float: none;width: 60%;margin: 0 auto;height: 40px;line-height: 40px;border-radius: 5px;font-size: 16px;}
	.content_8 .text-1-1{font-size: 14px;padding-top: 20px;}
	.content_8 table{font-size: 12px;width: 100%;padding-top: 20px;}
	.content_8 table .title{font-size: 14px;}
	.content_8 table tr td{padding: 10px 0;}

	.content_9{padding:20px 0;}
	.content_9 h3{font-size: 20px;padding-bottom: 20px;}
	.content_9 ul{padding: 20px 0;}
}

.gzh_banner{width: 100%; height: 800px; background: url(../images/s03_bg.jpg) top center no-repeat; overflow: hidden; text-align: center; color: #000;}
.gzh_banner .t1, .gzh_banner .t2, .gzh_banner .t3{line-height: 100%; color: #fff;}
.gzh_banner .t1{font-size: 100px; margin-top: 200px; font-weight: bold;}
.gzh_banner .t2{font-size: 86px; padding: 40px 0;}
.gzh_banner .t3{font-size: 55px;}

.gzhcontent_1{width:100%; overflow: hidden;}
.gzhcontent_1 li{background: #f8f8f8; overflow: hidden; padding: 50px 0;float: none}
.gzhcontent_1 li:nth-of-type(2n){background: #fff;}
.gzhcontent_1 li .mainBox{width: 1200px; margin: 0 auto;}
.gzhcontent_1 li .mainBox .txt{
	width: 40%;
	margin-left: 10%;
	float: left;
}
.gzhcontent_1 li .mainBox .txt h3{border-left: 2px solid #ffa811; font-size: 32px; line-height: 120%; padding-left: 10px; margin-top: 150px;}
.gzhcontent_1 li .mainBox .txt h3 span{color: #ffa811; display: block;}
.gzhcontent_1 li:nth-of-type(2) .mainBox .txt h3{border-color: #8abc1d;}
.gzhcontent_1 li:nth-of-type(2) .mainBox .txt h3 span{color: #8abc1d;}
.gzhcontent_1 li:nth-of-type(3) .mainBox .txt h3{border-color: #3eb982;}
.gzhcontent_1 li:nth-of-type(3) .mainBox .txt h3 span{color: #3eb982;}
.gzhcontent_1 li:nth-of-type(4) .mainBox .txt h3{border-color: #358eec;}
.gzhcontent_1 li:nth-of-type(4) .mainBox .txt h3 span{color: #358eec;}
.gzhcontent_1 li .mainBox .txt p{font-size: 18px; line-height: 150%; padding-top: 20px;}
.gzhcontent_1 li .mainBox .img{width: 50%; float: left; text-align: center;}

.gzhcontent_2{width: 100%; background: #f8f8f8; padding: 80px 0; text-align: center;}
.gzhcontent_2 h3{font-size: 38px; line-height: 100%; padding-bottom: 15px;}
.gzhcontent_2 p{font-size: 18px; line-height: 150%;}
.gzhcontent_2 ul{padding-top: 50px;}
.gzhcontent_2 ul li{display: inline-block; padding: 0 20px;float: none}
.gzhcontent_2 ul li p{font-size: 16px; line-height: 300%;}

.gzhcontent_3{width: 1200px; margin: 0 auto; padding: 50px 0; overflow: hidden; text-align: center;}
.gzhcontent_3 h3{font-size: 30px; padding-bottom: 50px;}
.gzhcontent_3 ul li{width: 20%; float: left; padding-bottom: 30px;}
.gzhcontent_3 ul li img{border: 1px solid #e0dede;}

@media screen and (max-width: 1200px) {
	.gzh_banner .t1{font-size: 70px;}
	.gzh_banner .t2{font-size: 58px;}
	.gzh_banner .t3{font-size: 45px;}
	.gzhcontent_1 li .mainBox{width: 1000px;}
	.gzhcontent_1 li .mainBox .img img{max-width: 100%;}
	.gzhcontent_2{padding:60px 0;}
	.gzhcontent_3{width: 1000px;}
}

@media screen and (max-width: 1023px) {
	.gzh_banner{height: auto;padding-bottom: 100px;}
	.gzh_banner .t1{font-size: 50px;margin-top: 200px;}
	.gzh_banner .t2{font-size: 48px;}
	.gzh_banner .t3{font-size: 35px;}
	.gzhcontent_1 li{padding: 40px 0;}
	.gzhcontent_1 li .mainBox{width: 98%;}
	.gzhcontent_1 li .mainBox .txt{margin-left: 2%;}
	.gzhcontent_1 li .mainBox .txt h3{font-size: 26px;margin-top: 100px;}
	.gzhcontent_2{padding: 40px 0;}
	.gzhcontent_2 h3{font-size: 30px;}
	.gzhcontent_2 p{font-size: 16px;}
	.gzhcontent_3{width: 98%;padding: 40px 0;}
	.gzhcontent_3 ul li img{max-width: 100%;box-sizing: border-box;}
}

@media screen and (max-width: 767px) {
	.gzh_banner .t1{font-size: 30px;margin-top: 120px;}
	.gzh_banner .t2{font-size: 26px;}
	.gzh_banner .t3{font-size: 22px}
	.gzhcontent_1 li{padding: 20px 0;}
	.gzhcontent_1 li .mainBox{width: 94%;}
	.gzhcontent_1 li .mainBox .txt{width: 100%;margin-left: 0;}
	.gzhcontent_1 li .mainBox .img{display: none;}
	.gzhcontent_1 li .mainBox .txt h3{font-size: 20px;margin-top: 20px;}
	.gzhcontent_2 h3{font-size: 20px;}
	.gzhcontent_2 p{font-size: 14px;width: 94%;margin: 0 auto}
	.gzhcontent_2 ul li{padding: 0 10px;}
	.gzhcontent_3{padding: 30px 0;}
	.gzhcontent_3 h3{font-size: 20px;padding-bottom: 30px;}
	.gzhcontent_3 ul li{width: 30.333%;padding-bottom: 10px;margin: 0 1.5% 10px}
}
.ej-banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.ej-banner img {width: 100%}
.zht-con1 {padding: 60px 0}
.zht-con1 h2 {font-size: 30px;color: #333;text-align: center}
.zht-con1 h4 {font-size: 15px;color: #333;text-align: center;font-weight: normal;margin-bottom: 50px;}

.reputation-wdyx {
    background: url("../images/reputation-wdyx.png")/*tpa=https://www.esoboy.com/statics/img/zht/reputation-wdyx.png*/ no-repeat center top;
    width: 930px;
    margin: 0 auto;
    height: 502px;
}

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

.reputation-wdyx .live-main {
    position: relative;
    width: 558px;
    height:415px;
    margin: auto;
    overflow: hidden;
}

.reputation-wdyx .live-box {
    position: absolute;
    overflow: hidden;
    height: 500px;
    top: 0;
    left: 0;
}

.reputation-wdyx .live-box>div {
    float: left;
}

.reputation-wdyx .live-box>div.activity-content {
    width: 1200px;
    height: 500px;
}

.live-btn>span {
    width: 15px;
    height: 15px;
    background: #F1A299;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 12px;
}

.live-btn>span.active {
    background: #3383cc;
    border-radius: 50%;
    border: solid 1px #3383cc;
}

.live-btn1>span {
    width: 11px;
    height: 11px;
    background: #cecece;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 12px;
}

.live-btn1>span.active {
    background: #afafaf;
    border-radius: 50%;
    border: solid 1px #afafaf;
}

.dsp-btn1>span {
    width: 11px;
    height: 11px;
    background: #cecece;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 12px;
}

.dsp-btn1>span.active {
    background: #afafaf;
    border-radius: 50%;
    border: solid 1px #afafaf;
}

.reputation-wdyx .prev,
.live-main .prev,
.reputation-wdyx .prev1 {
    width: 50px;
    height: 70px;
    background: url("../images/live_left.png")/*tpa=https://www.esoboy.com/statics/img/zht/live_left.png*/ no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    margin-top: -20px;
    font-weight: bold;
    cursor: pointer;
    display: none;
    z-index: 1111;
}

.reputation-wdyx .next,
.live-main .next,
.reputation-wdyx .next1 {
    width: 50px;
    height: 70px;
    background: url("../images/live_right.png")/*tpa=https://www.esoboy.com/statics/img/zht/live_right.png*/ no-repeat;
    position: absolute;
    top: 50%;
    right: -3px;
    text-align: center;
    line-height: 70px;
    margin-top: -20px;
    cursor: pointer;
    z-index: 1111;
    display: none;
}

#live-banner:hover .prev,
#live-banner:hover .next,
#live-banner1:hover .prev1,
#live-banner1:hover .next1,
#dsp-banner:hover .next1,
#dsp-banner:hover .prev1 {
    display: block;
}

#live-help-banner:hover .prev1,
#live-help-banner:hover .next1,
#live-help-banner1:hover .prev1,
#live-help-banner1:hover .next1 {
    display: block;
}

#live-help-banner .prev1,
#live-help-banner .next1 {
    top: 50%;
    margin-top: 0px;
}

#live-banner1 .prev1,
#live-banner1 .next1 {
    top: 34%;
    margin-top: 0px;
}

.lunbo3:hover> .prev1,
.lunbo3:hover> .next1 {
    display: block;
}

.lunbo4:hover> .prev1,
.lunbo4:hover> .next1 {
    display: block;
}

.lunbo3> .prev1,
.lunbo3> .next1 {
    top: 40%;
    right: 10%;
}

.lunbo4> .prev1,
.lunbo4> .next1 {
    top: 40%;
    right: 10%;
}

.reputation-wdyx .live-box>div.activity-content {
    height: 510px!important;
}
/******百科营销的优势******/

.zht-con2.cbt-con4 .bxBox p {
    padding: 0 15px;
}
.zht-con2.cbt-con4 {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 60px 0 30px;
}

.cbt-con4 {
    background: #f7f7f7 url("../images/6bx-bg.jpg")/*tpa=https://www.esoboy.com/statics/img/cbt/6bx-bg.jpg*/ no-repeat center bottom;
    padding: 70px 0;
}

.cbt-con4 .wrap {
    height: 460px;
    width: 1400px;
    position: relative;margin: 0 auto
}

.cbt-con4 .title h1 {
    margin-top: 0;font-size: 30px;color: #333;text-align: center
}

.cbt-con4 .title h3 {
    margin-bottom: 0;font-size: 15px;color: #333;text-align: center;
}

.cbt-con4 .bxBox {
    width: 20%;
    position: absolute;
}

.cbt-con4 .bxBox h2 {
    width: 145px;
    height: 165px;
    text-align: center;
    display: block;
    padding-top: 50px;
    color: #fff;
    font-weight: normal;
    margin: 0 auto;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 16px;box-sizing: border-box;
}

.cbt-con4 .bxBox h2 i {
    font-size: 30px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

.cbt-con4 .bxBox1 {
    left: 0;
    top: 30px; box-sizing: border-box;
}

.cbt-con4 .bxBox1 h2 {
    background: url("../images/6bx1.png")/*tpa=https://www.esoboy.com/statics/img/cbt/6bx1.png*/no-repeat center;
}

.cbt-con4 .bxBox p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    text-align: center;
}

.cbt-con4 .bxBox2 {
    left: 300px;
    top: 160px;
}

.cbt-con4 .bxBox2 h2 {
    background: url("../images/6bx2.png")/*tpa=https://www.esoboy.com/statics/img/cbt/6bx2.png*/no-repeat center;
}

.cbt-con4 .bxBox3 {
    left: 600px;
    top: 60px;
}

.cbt-con4 .bxBox3 h2 {
    background: url("../images/6bx3.png")/*tpa=https://www.esoboy.com/statics/img/cbt/6bx3.png*/no-repeat center;
}

.cbt-con4 .bxBox4 {
    right: 222px;
    top: 160px;
}

.cbt-con4 .bxBox4 h2 {
    background: url("../images/6bx4.png")/*tpa=https://www.esoboy.com/statics/img/cbt/6bx4.png*/no-repeat center;
}

.cbt-con4 .bxBox5 {
    right: -60px;
    top: 60px;
}

.cbt-con4 .bxBox5 h2 {
    background: url("../images/6bx5.png")/*tpa=https://www.esoboy.com/statics/img/cbt/6bx5.png*/no-repeat center;
}

.cbt-con4 .bxBox6 {
    left: 1020px;
    top: 120px;
}

.cbt-con4 .bxBox6 h2 {
    background: url("../images/6bx6.png")/*tpa=https://www.esoboy.com/statics/img/cbt/6bx6.png*/no-repeat center;
}
.zht-con3 {
    padding-bottom: 50px;
}

.zht-con3 .title h1 {
    margin-top:60px;font-size: 30px;text-align: center;color: #333;margin-bottom: 50px
}

.zht-con3 .new-partner li {
    width: 240px;
    float: left;
    height: 180px;
    background: url("../images/index_whyme14.png") no-repeat center;
    text-align: center;
    margin-top: -10px;
}

.zht-con3 .new-partner li img {
    margin-top: 52px;
}

.zht-con3 .new-partner li p {
    margin-top: 24px;
    color: #454545;
    font-size: 14px;
}
/******知汇通问答营销******/

.zht-con4 {
    background: #f7f7f7;
    padding: 55px 0 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.zht-con4 .reputation-wdyx {background: url("../images/reputation-wdyx2.png") no-repeat center top;}
.zht-con4 .title h1 { margin-top: 0;text-align: center;font-size: 30px;color: #333;}
.zht-con4 .title h3 {font-size: 15px;color: #333;text-align: center;margin-bottom: 50px;}
.zht-con5 h1 {font-size: 30px;color: #333;text-align: center}
.zht-con5 {padding: 60px 0 0}
.zht-con5 .wrap {
    margin-top:50px;
    margin-bottom: 60px;
}

.zht-con5 .wrap dl {
    float: left;
    width: 280px;
    height: 188px;
    padding: 30px 20px;
    margin-right: 26px;
    border: 1px solid #e9ecef;box-sizing: border-box
}

.zht-con5 .wrap dl:hover {
    border: 1px solid #488bff;
    transition: border 1s;
}

.zht-con5 .wrap dl p {
    font-size: 16px;
    color: #333333;
    margin-top: 0;
}

.zht-con5 .wrap dl span {
    display: block;
    width: 55px;
    height: 2px;
    background: #3b8fea;
    margin-bottom: 12px;
    margin-top: 14px;
}

.zht-con5 .wrap dd {
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
    color: #888888;
}

.zht-con5 .wenda-dailai-center1 {
    background: #FFFFFF url("../images/wenda-back1.png") no-repeat right 20px bottom 15px;
}

.zht-con5 .wenda-dailai-center2 {
    background: #FFFFFF url("../images/wenda-back2.png") no-repeat right 20px bottom 15px;
}

.zht-con5 .wenda-dailai-center3 { background: #FFFFFF url("../images/wenda-back3.png") no-repeat right 20px bottom 15px;}
.zht-con5 .wenda-dailai-center4 { background: #FFFFFF url("../images/wenda-back4.png") no-repeat right 20px bottom 15px;}
.zht-con5 .wenda-mar-no { margin-right: 0 !important;}
.zht-con6.zht-con3 .new-partner li { width: 170.5px;}
/****** 客户案例 ******/
.zht-con7 {
    height: 580px;
    background: url("../images/wd_bg4.jpg")/*tpa=https://www.esoboy.com/statics/img/zht/wd_bg4.jpg*/ center 0 no-repeat;
    padding: 55px 0;
    background-size: cover;box-sizing: border-box
}

.zht-con7 .title h1 {
    margin-top: 0;
    color: #fff;font-size: 30px;
}

.zht-con7 .case_box li {
    float: left;
    width: 360px;
    margin: 30px 30px 0 0;
}
.zht-con7 .case_box2{display: none}
.zht-con7 .case_box2 li {
    float: left;
    width: 360px;
    margin: 30px 30px 0 0;
}
.zht-con7.g-case .m-case .item {
    text-align: center;
    width: 360px;
    height: 230px;
    border: none;
    box-shadow: none;
}

.zht-con7 li p {
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-top: 15px;
}
.g-case {
    text-align: center;
}

.g-case .m-case {
    width: 1200px;
    box-sizing: border-box;
    margin: 52px auto 40px;
    text-align: left;
    position: relative;
    padding: 0 29px;
    font-size: 0;
}

.g-case .m-case >a:nth-child(5n) .item {
    margin-right: 0;
}

.g-case .m-case .item {
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 20px;
    width: 255px;
    height: 370px;
    margin-right: 15px;
    border: 1px solid #e9ecef;
    box-shadow: 0 3px 8px 0 rgba(205, 205, 205, 0.4);
    border-radius: 4px;
}

.g-case .m-case .item:hover .m-case-ft {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: rgba(62, 160, 255, 0.3);
}

.g-case .m-case .item div.img {
    width: 114px;
    height: 114px;
    margin: 42px auto 16px auto;
}

.g-case .m-case .item div.img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.g-case .m-case .item div.content .m-case-title {
    font-size: 18px;
    color: #383838;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin-bottom: 17px;
}

.g-case .m-case .item div.content .m-case-content {
    padding: 0 30px 21px;
    height: 100px;
    font-size: 14px;
    color: #808286;
    letter-spacing: 0;
    line-height: 20px;
}

.g-case .m-case .item .m-case-ft {
    height: 53px;
    background-color: rgba(62, 160, 255, 0.15);
}

.g-case .m-case .item .m-case-ft p {
    font-size: 18px;
    padding-top: 13px;
    color: #3ea0ff;
    letter-spacing: 0.5px;
    line-height: 26px;
}

.g-case .case_prev,
.g-case .case_next {
    position: absolute;
    width: 14px;
    height: 26px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/index_img24.png")/*tpa=https://www.esoboy.com/statics/img/index_img24.png*/ no-repeat center;
    z-index: 999;
    cursor: pointer;
}

.g-case .next {
    float: right;
}

.g-case .prev {
    float: left;
}

.g-case .case_next {
    right: 0;
    left: auto;
    background: url("../images/index_img25.png")/*tpa=https://www.esoboy.com/statics/img/index_img25.png*/ no-repeat center;
}

.case_box li {
    overflow: hidden;
    width: 255px;
    position: relative;
    margin: 0 15px;
    text-align: center;
    float: left;
}

.case_box li * {
    position: relative;
    z-index: 9;
    color: #fff;
}
.case_box2 li {
    overflow: hidden;
    width: 255px;
    position: relative;
    margin: 0 15px;
    text-align: center;
    float: left;
}

.case_box2 li * {
    position: relative;
    z-index: 9;
    color: #fff;
}

.g-case .reg-btn { display: block;
    background: #09f;
    border-radius: 4px;
    width: 180px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    transition: all .3s ease;
    margin-bottom: 65px;}
.g-case .reg-btn:hover { opacity: .85;}
.nban2 .seotb.gw1 {background: url(../images/gwrz_1.png) left center no-repeat;}
.nban2 .seotb.gw2 { background: url(../images/gwrz_2.png) left center no-repeat;}
.gwrzsj {
    display: none;
}
.kuai {
    background: #fff;
    padding: 50px 0;
}

.kuais {
    background: #efefef;
    padding: 50px 0;
}

.htitle {
    text-align: center;
    margin-bottom: 30px;
}

.htitle strong {
    font-weight: normal;
    font-size: 36px;
    color: #3e464c;
    margin-bottom: 15px;
}

.htitle p {
    font-size: 14px;
    font-weight: normal;
    color: #a1a6ab;
    text-transform: uppercase;
}

.kuais .htitle div {
    background-position: -110px -671px;
}

.eightul {}

.eightul li {
    float: left;
    width: 262px;
    margin: 70px 50px 20px 0;
    position: relative;
    text-align: center;
    border: solid 1px #0099ff;
    border-radius: 4px;box-sizing: border-box
}

.eightul li .eiicon {
    display: block;
    width: 90px;
    height: 90px;
    background: #fff url("../images/icon.png")/*tpa=https://www.esoboy.com/statics/img/wzb/icon.png*/ no-repeat -0px -40px;
    border: solid 1px #0099ff;
    border-radius: 46px;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -46px;
}

.eightul li h2 {
    margin: 64px 0 6px;
}

.eightul li h2 a {
    font-size: 18px;
    font-weight: normal;
    color: #333;
}

.eightul li h2 a:Hover {
    color: #3b8fea;
}

.eightul li p {
    font-size: 12px;
    color: #999;
    margin-bottom: 30px;
}

.eightul li .eibtn {
    display: inline-block;
    width: 130px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #0099ff;
    color: #fff;
}

.eightul li .eibtns {
    width: 129px;
    margin-left: 1px;
}

.eightul li.eightli02 .eiicon {
    background-position: -90px -40px;
}

.eightul li.eightli03 .eiicon {
    background-position: -180px -40px;
}

.eightul li.eightli05 {
    margin-right: 0;
}

.eightul li.eightli04 .eiicon {
    background-position: -270px -40px;
}

.eightul li.eightli05 .eiicon {
    background-position: -360px -40px;
}

.eightul li.eightli06 .eiicon {
    background-position: -450px -40px;
}

.eightul li.eightli07 .eiicon {
    background-position: -540px -40px;
}

.eightul li.eightli06 {
    margin-right: 0;
}

.eightul li.eightli08 .eiicon {
    background-position: -0px -130px;
}

.eightul li:hover {
    border-color: #c93d04;
}

.eightul li:hover .eiicon {
    border-color: #c93d04;
}

.eightul li:hover .eibtn {
    background: #c93d04;
}

.eightul li:hover .eibtn:hover {
    background: #c93d04;
}

.whyrz {
    background: #eee url("../images/kuais01.jpg")/*tpa=https://www.esoboy.com/statics/img/wzb/kuais01.jpg*/ no-repeat center bottom;
}
.xcx_seven .xcxfwlcsj {
    display: none;
}
.whyrzs {
    height: 300px;
    position: relative;
}

.whyrzs01,
.whyrzs02 {
    padding: 32px 0 0 170px;
    position: absolute;
    top: 40px;
    left: 0;
}

.whyrzs01 div,
.whyrzs02 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 100px;
    padding: 50px 20px 0 20px;
    ;
    background: #f76a3d;
    border-radius: 75px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}

.whyrzs01 p,
.whyrzs02 p {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    width: 200px;
    position: relative;
    padding-left: 20px;
    margin-top: 6px;
}

.whyrzs01 p span,
.whyrzs02 p span {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    background: #f76a3d;
    color: #fff;
    text-align: center;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 3px;
}

.whyrzs02 {
    left: 826px;
}

.whyrzs02 div,
.whyrzs02 p span {
    background: #40b800;
}
.middle {
    width: 1200px;
    margin: 0 auto;
}
.whyxz {
    background: #eee url("../images/kuais02.gif")/*tpa=https://www.esoboy.com/statics/img/wzb/kuais02.gif*/ no-repeat center bottom;
}

.whyxzs {
    height: 400px;
    position: relative;
}

.whyxzs .whyxzs01 {
    position: absolute;
    top: 30px;
    left: 0;
    width: 320px;
}

.whyxzs .whyxzs01 .whyxzsicon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #b086b8;
    position: absolute;
    top: 0;
    right: 0;
}

.whyxzs .whyxzs01 h3 {
    font-size: 18px;
    color: #874593;
    font-weight: normal;
}

.whyxzs .whyxzs01 p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    width: 250px;
}

.whyxzs .whyxzs02 {
    position: absolute;
    top: 50px;
    left: 880px;
    width: 250px;
    padding-left: 70px;
}

.whyxzs .whyxzs02 .whyxzsicon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #7ea1bf;
    position: absolute;
    top: 0;
    left: 0;
}

.whyxzs .whyxzs02 h3 {
    font-size: 18px;
    color: #487093;
    font-weight: normal;
}

.whyxzs .whyxzs02 p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
}

.whyxzs .whyxzs03 {
    position: absolute;
    top: 232px;
    left: 0;
    width: 350px;
}

.whyxzs .whyxzs03 .whyxzsicon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #ebae44;
    position: absolute;
    top: 0;
    right: 0;
}

.whyxzs .whyxzs03 h3 {
    font-size: 18px;
    color: #b58023;
    font-weight: normal;
}

.whyxzs .whyxzs03 p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    width: 270px;
}

.whyxzs .whyxzs04 {
    position: absolute;
    top: 220px;
    left: 836px;
    width: 296px;
    padding-left: 70px;
}

.whyxzs .whyxzs04 .whyxzsicon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #901a4e;
    position: absolute;
    top: 0;
    left: 0;
}

.whyxzs .whyxzs04 h3 {
    font-size: 18px;
    color: #901a4e;
    font-weight: normal;
}

.whyxzs .whyxzs04 p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
}

.sixul li {
    float: left;
    width: 386px;
    height: 152px;
    padding: 20px 20px 0 0;
    margin: 10px 20px 10px 0;
    position: relative;
    padding-left: 150px;
    background: #f0f0f0;
    border: solid 1px #e9e9e9;box-sizing: border-box
}

.sixul li .sixicon {
    width: 110px;
    height: 110px;
    background: #fff url("../images/icon.png")/*tpa=https://www.esoboy.com/statics/img/wzb/icon.png*/ no-repeat -0px -336px;
    border-radius: 55px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.sixul li h3 {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    margin: 4px 0 10px;
}

.sixul li p {
    font-size: 12px;
    line-height: 24px;
    color: #666;
}

.sixul li .sixicon02 {
    background-position: -110px -336px;
}

.sixul li .sixicon03 {
    background-position: -220px -336px;
}

.sixul li .sixicon04 {
    background-position: -330px -336px;
}

.sixul li .sixicon05 {
    background-position: -440px -336px;
}

.sixul li .sixicon06 {
    background-position: -550px -336px;
}

.sixul li:hover {
    background: #0099ff;
    border-color: #0099ff;
}

.sixul li:hover h3,
.sixul li:hover p {
    color: #fff;
}
.kxwz03 {
    height: 490px;
    background: url("../images/kxwz02.jpg")/*tpa=https://www.esoboy.com/statics/img/wzb/kxwz02.jpg*/ no-repeat center 10px;
    position: relative;
}

.kxwz03 p {
    font-size: 20px;
    line-height: 24px;
    color: #444;
    position: absolute;
    top: 100px;
    left: 500px;
}

.kxwz03 p span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #666;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    margin-right: 8px;
    border-radius: 12px;
}

.kxwz03 p b {
    font-weight: normal;
    line-height: 24px;
    display: inline-block;
}

.kxwz03 p * {
    vertical-align: middle;
}

.kxwz03 .kxwz0301 {
    top: 0px;
    left: 210px;
}

.kxwz03 .kxwz0302 {
    top: 0px;
    left: 810px;
    color: #e70012;
}

.kxwz03 .kxwz0302 span {
    background: #e70012;
}

.kxwz03 .kxwz0303 {
    top: 212px;
    left: 84px;
}

.kxwz03 .kxwz0304 {
    top: 212px;
    left: 928px;
    color: #e70012;
}

.kxwz03 .kxwz0304 span {
    background: #e70012;
}

.kxwz03 .kxwz0305 {
    top: 435px;
    left: 120px;
}

.kxwz03 .kxwz0306 {
    top: 435px;
    left: 810px;
    color: #e70012;
}

.kxwz03 .kxwz0306 span {
    background: #e70012;
}

.kxwz0301 li {
    float: left;
    width: 324px;
    height: 458px;
    padding: 20px;
    margin-right: 50px;
    border: solid 1px #ddd;
    background: #fff;
}

.kxwz0301 li h2 {
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 30px;
}

.kxwz0301 li h3 {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    text-align: center;
}

.kxwz0301 li img {
    display: block;
    margin: 10px 0;
}

.kxwz0301 li p {
    font-size: 13px;
    line-height: 24px;
    color: #333;
}

.kxwz04 {}

.kxwz04 li {
    float: left;
    width: 550px;
    margin: 10px 0px 40px 100px;
}

.kxwz04 li .limg {
    float: left;
    width: 120px;
}

.kxwz04 li .limg img {
    display: block;
    width: 100%;
    height: 100%;
}

.kxwz04 li .rnei {
    float: right;
    width: 400px;
}

.kxwz04 li .rnei h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    line-height: 18px;
}

.kxwz04 li .rnei p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
}

.liuculs li .liucicon {
    /*background-color:#fff;*/
    border-radius: 46px;
}
.liucul li {
    float: left;
    text-align: center;
}

.liucul li .liucicon {
    width: 92px;
    height: 92px;
    background: #559AFF url("../images/icon.png")/*tpa=https://www.esoboy.com/statics/img/wzb/icon.png*/ no-repeat -0px -542px;
    border-radius: 6px;
}

.liucul li h3 {
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    color: #666;
}

.liucul li .liucjt {
    background: url("../images/icon.png")/*tpa=https://www.esoboy.com/statics/img/wzb/icon.png*/ no-repeat 26px -222px;
    height: 92px;
    width: 92px;
}

.liucul li .liucicon02 {
    background-position: -92px -542px;
}

.liucul li .liucicon03 {
    background-position: -184px -542px;
}

.liucul li .liucicon04 {
    background-position: -276px -542px;
}

.liucul li .liucicon05 {
    background-position: -368px -542px;
}

.liucul li .liucicon06 {
    background-position: -460px -542px;
}

.liucul li .liucicon07 {
    background-position: -554px -542px;
}

.liucul li:hover h3 {
    color: #3b8fea;
}

.liucul li:hover .liucicon {
    background-color: #3b8fea;
    background-position: -0px -542px;
}

.liucul li:hover .liucicon02 {
    background-position: -92px -542px;
}

.liucul li:hover .liucicon03 {
    background-position: -184px -542px;
}

.liucul li:hover .liucicon04 {
    background-position: -276px -542px;
}

.liucul li:hover .liucicon05 {
    background-position: -368px -542px;
}

.liucul li:hover .liucicon06 {
    background-position: -460px -542px;
}

.liucul li:hover .liucicon07 {
    background-position: -554px -542px;
}

/*客户*/

.ul_h_case li:nth-child(6n) {
    margin-right: 0
}

.ul_h_case li {
    width: 180px;
    height: 88px;
    float: left;
    margin: 0 24px 24px 0;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 4px #ddd;
    -moz-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
    border: solid 1px #ddd;box-sizing: border-box
}

.ul_h_case li .limg {
    width: 178px;
    height: 88px;
    background: #fff;
}

.ul_h_case li .limg div { width: 178px;
    height: 88px;
    overflow: hidden;
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;}
.ul_h_case li .limg div span { position: static;+position: absolute;top: 51%}
.ul_h_case li .limg div span img { position: static; +position: relative;top: -50%; left: -50%; max-width: 178px;max-height: 88px;}
.ul_h_case li p {
    height: 88px;
    line-height: 88px;
    text-align: center;
    font-size: 14px;
    opacity: 0;
    background: #e54c45;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .4s;
}

.ul_h_case li:hover p {
    opacity: 1;
}

.btna {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border: solid 1px #0099ff;
    color: #0099ff;
    margin: 0 auto;
    text-align: center;
}

.btna:hover {
    background: #0099ff;
    color: #fff;
}


/*指导单位与合作机构*/

.tablist {
    text-align: center;
    margin-bottom: 20px;
}

.tablist a {
    display: inline-block;
    padding: 8px 28px;
    background: #fff;
    color: #666;
    border: solid 1px #ddd;
    margin: 0 10px;
    cursor: pointer;
}

.tablist a.active {
    background: #0099ff;
    color: #fff;
    border-color: #0099ff;
}

.tabbody .tabbodys {
    display: none;
}
.ul_h_cases li {
    border: solid 1px #ddd;
    padding: 20px;
    background: #fff;
    width: 300px;
    float: left;
    margin: 0 -1px -1px 0;
    text-align: center;box-sizing: border-box
}
.xcxalzx_ny {padding-top: 50px;padding-bottom: 60px}
.xcxalzx_ny ul li {width: 18.4%;margin: 0 2% 60px 0;position: relative;border: #eee 1px solid;box-sizing: border-box;}
.xcxalzx_ny ul li:nth-child(5n){margin-right: 0}
.f2-item-show {
    height: 100%;
    overflow: hidden;
}
.f2-logo {
    margin: 70px auto 52px;
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    border: 1px solid #e3e2e5;
}
.s-fs24 {
    font-size: 24px;text-align: center
}
.s-fwb {
    font-weight: 700;
}
.f2-line {
    display: block;
    margin: 10px auto 16px;
    width: 24px;
    height: 4px;
    background: #595961;
}
.f2-des {
    margin: 16px auto 90px;
    width: 218px;
    font-size: 16px;
    color: #9797a1;
	height: 56px;
    line-height: 28px;
    text-align: left;
}
.f2-second-buss {
    position: absolute;
    bottom: 14px;
    width: 100%;
}
.f2-second-buss span {
    float: right;
    min-width: 74px;
    font-size: 14px;
    color: #9797a1;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    border: 1px solid #e3e2e5;margin-right: 14px;
}
.f2-item-hide {
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 background:#6d6d6d;
 box-shadow:0 10px 20px 0 rgba(0,0,0,.1);
 opacity:0;
 filter:alpha(opacity=0);
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s
}
.xcxalzx_ny ul li:hover .f2-item-hide{opacity: 1;filter:alpha(opacity=100);}
.sy_xcxal .list ul li:hover .f2-item-hide{opacity: 1;filter:alpha(opacity=100);}
#tabcontent ul li:hover .f2-item-hide{opacity: 1;filter:alpha(opacity=100);}
.xcx_kfal ul li:hover .f2-item-hide{opacity: 1;filter:alpha(opacity=100);}
.f2-hide-mark {
 top:0;
 left:0;
 height:100%;
 background:url('../images/mark.png') center / 100% 100% no-repeat;
 z-index:6
}
.f2-hide-mark,
.f2-hide-wrap {
 position:absolute;
 width:100%;
 opacity:0;
 filter:alpha(opacity=0);
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s
}
.xcxalzx_ny ul li:hover .f2-hide-wrap{opacity: 1;filter:alpha(opacity=100);}
.sy_xcxal .list ul li:hover .f2-hide-wrap{opacity: 1;filter:alpha(opacity=100);}
#tabcontent ul li:hover .f2-hide-wrap{opacity: 1;filter:alpha(opacity=100);}
.xcx_kfal ul li:hover .f2-hide-wrap{opacity: 1;filter:alpha(opacity=100);}
.f2-hide-wrap {
bottom: 0;
 height:220px;
 text-align:center;
 font-size:14px;
 color:#595961;
 overflow:hidden;
 z-index:10
}
.f2-second-buss {
 position:absolute;
 bottom:14px;
 width:100%
}
.f2-second-buss span {
 float:right;
 min-width:74px;
 font-size:14px;
 color:#9797a1;
 letter-spacing:0;
 text-align:center;
 line-height:24px;
 border:1px solid #e3e2e5
}

.xcxalzx_ny ul li:hover .f2-hide-mark {
 opacity:1;
 filter:alpha(opacity=100)
}
.sy_xcxal .list ul li:hover .f2-hide-mark {
 opacity:1;
 filter:alpha(opacity=100)
}
#tabcontent ul li:hover .f2-hide-mark {
 opacity:1;
 filter:alpha(opacity=100)
}
.xcx_kfal ul li:hover .f2-hide-mark {
 opacity:1;
 filter:alpha(opacity=100)
}
.f2-qr {
 margin:40px auto 10px;
 height:130px;
 width:130px
}
.xcxalzx_ny ul li:hover .f2-qr {
 display:block
}
.sy_xcxal .list ul li:hover  .f2-qr {
 display:block
}
#tabcontent ul li:hover .f2-qr {
 display:block
}
.xcx_kfal ul li:hover .f2-qr {
 display:block
}
.f2-hide-bg {
 display:block;
 width:100%;
/* height:100%*/
}





/*.f2-item-hide {
 position:relative;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:#6d6d6d;
 box-shadow:0 10px 20px 0 rgba(0,0,0,.1);
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s
}
.f2-item-hide .mb{position: absolute;width: 100%;height: 100%;left: 0;top: 0; z-index: 1;opacity: 0;background: rgba(0,0,0,0.6);-webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s}
.xcxalzx_ny ul li:hover .f2-item-hide .mb {opacity: 1;-webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s}
.f2-hide-mark {
 top:0;
 left:0;
 height:100%;
 
 z-index:6
}
.f2-hide-mark,
.f2-hide-wrap {
 position:absolute;
 width:100%;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s
} 

.xcxalzx_ny ul li .ewmmb {width:150px;position: absolute;left: 50%;margin-left: -75px;bottom:-100px;opacity: 0;z-index: 3; text-align: center;background: #fff;padding-top: 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; }
.xcxalzx_ny ul li .ewmmb img {width:130px;height: 130px;margin: 0 auto}
.xcxalzx_ny ul li .ewmmb p {color: #666;line-height: 2;font-size: 15px;text-align: center;padding: 10px 0}
.xcxalzx_ny ul li:hover .ewmmb {bottom:35%;opacity: 1; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s; transition:all .5s}

.xcxalzx_ny ul li:hover .f2-hide-wrap{opacity: 0; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s; transition:all .5s}

.f2-hide-wrap {bottom:0px; height:155px;text-align:center;font-size:14px;color:#595961;overflow:hidden;z-index:10;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: url(../images/mark.png) bottom / 100%;padding-top: 25px}
.f2-hide-wrap .box {padding:20px 10px 0;width: 60%;box-sizing: 100%}
.f2-hide-wrap h3 {font-size: 22px;color: #333;position: relative;padding-bottom: 5px;}
.f2-hide-wrap h3::after {content: "";width: 24px;height: 4px;background: #595961;position: absolute;left: 50%;margin-left: -12px;bottom: 0}
.f2-hide-wrap p {font-size: 15px;color: #9797a1;text-align: center}
.f2-hide-wrap p span {min-width: 74px;font-size: 14px; color: #9797a1; letter-spacing: 0; text-align: center; line-height: 24px; border: 1px solid #e3e2e5;padding: 4px}
.f2-hide-bg { display: block; width: 100%;}
.f2-qr { margin:30px 0 10px 20px; height: 100px; width: 100px;}
*/

.ny_slb{display: none}
.cont div.enter {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 600px;
  padding: 0 310px;
}
.cont div.enter .e-left .top {
  width: 36px;
  height: 12px;
  background: #0099ff;
}
.cont div.enter .e-left .title {
  font-size: 28px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #222222;
  line-height: 60px;
}
.cont div.enter .e-left p {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 24px;
}
.cont div.enter .e-left .list {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #454545;
  line-height: 24px;margin-top: 30px;
}
.cont div.enter .e-right {
  width: 637px;
  height: 523px;
}

.cont div.enter .e-right::nth-child(2) {
  background: none;
}
.cont div.enter:nth-child(1) {
  background: #f2f3f4;

}
.cont div.enter:nth-child(3) {
  background: #f2f3f4;
}
.Home-PC-intro {
 max-width:1200px;
 margin:0 auto;
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:60px 0
}
.Home-PC-intro-img {
 width:49.4%
}
.Home-PC-intro-img>svg {
 vertical-align:top
}
.Home-PC-intro-desc {
 width:41%
}
.Home-PC-intro-icon {
 width:50px;
 height:50px;
 vertical-align:top
}
.Home-PC-intro-title {
 font-size:36px;
 color:#1a1a33;
 font-weight:700;
 margin-top:-4px;
 position:relative;
 display:inline-block
}
.Home-PC-intro-shortLine {
 position:absolute;
 bottom:0;
 left:0;
 width:80px;
 height:6px;
 background:#5757d9;
 z-index:10
}
.Home-PC-intro-longLine {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:2px;
 background:#e6e7eb;
 z-index:9
}
.Home-PC-intro-subTitle {
 font-weight:700;
 font-size:22px;
 color:#1a1a33;
 line-height:33px;
 margin-top:30px
}
.Home-PC-intro-content {
 margin-top:20px;
 font-size:16px;
 color:#1a1a33;
 line-height:24px
}
.Home-PC-intro-content>p {
 margin-top:20px
}
.Home-PC-intro-link {
 font-size:16px;
 color:#4343bf;
 margin-top:20px;
 cursor:pointer
}
.Home-PC-intro-link:hover {
 color:#8080ff
}
.Home-PC-intro-link>svg {
 width:16px;
 height:16px
}
.Home-PC-seperator {
 max-width:1200px;
 margin:0 auto
}
.znmp2 .hd {height:80px; text-align: center;border-bottom:1px solid #e6e7eb}
.znmp2 .hd ul li{ display:inline-block;position:relative; font-size:18px; color:#1a1a33;cursor:pointer; margin-left:80px;float: none;line-height: 80px;}
.znmp2 .hd ul li a {display: block;}
.znmp2 .hd ul li.on:after {content:"";
 position:absolute;
 bottom:0;
 right:32px;
 background:#0099ff;
 border-radius:1px;
 height:4px;
 width:40px}
/*新闻*/
.news-ban {
  height: 550px;
  position: relative;
  overflow: hidden;
}
.news-ban .bgimg {
  opacity: 0;width: 100%;
  filter: alpha(opacity=0);
  position: relative;
}
.news-ban .up-tit {
  position: absolute;
  width: 79%;
  left: 10.5%;
  top: 50%;
  margin-top: -88px;
}
.news-ban .up-tit h4 {
  font-size: 48px;
  line-height: 68px;
  color: #fff;
}
.news-ban .up-tit .line {
  display: block;
  width: 30px;
  height: 4px;
  background-color: #fff;
  margin-top: 16px;
}
.news-ban .bot-paging {
  display: none;
}
.news-wrap {
  padding-top: 60px;
}
.news-wrap .top-tit .year-list {
  line-height: 70px;
}
.news-wrap .top-tit .year-list li {
  font-size: 30px;
  margin-right: 35px;
  font-family: "Base-font";
  line-height: 60px;
  margin-top: 10px;
}
.news-wrap .top-tit .year-list a {
  display: inline-block;
  color: #999;
}
.news-wrap .top-tit .year-list a:hover {
  color: #333;
}
.news-wrap .top-tit .year-list li.hover {
  /*line-height: 70px;*/
  font-size: 32px;
  /*margin-top: 0;*/
}
.news-wrap .top-tit .year-list li.hover a {
  color: #333;
}
.news-wrap .top-tit .search-box {
  margin-top: 25px;
}
.news-wrap .top-tit .search-box input.tex {
  border: none;
  width: 205px;
  font-size: 12px;
  color: #999;
  height: 13px;
  line-height: 12px;
  padding: 12px 15px 11px;
  background-color: #e2e2e2;
}
.news-wrap .top-tit .search-box .sub-btn {
  border: none;
  width: 40px;
  height: 36px;
  text-align: center;
  color: #fff;
  background: url(../images/ico_32.png) no-repeat center #8f8f8f;
}
.news-wrap .list-wrap {
  margin-top: 42px;
  position: relative;
  width: 100%;padding-bottom:40px;
}
.news-wrap .list-wrap .boxs {
  width: 31.3333%;
  background-color: #fff;float: left;margin-right:2%;margin-bottom: 40px; 
}
.news-wrap .list-wrap .boxs:last-child{margin-right: 0}
.news-wrap .list-wrap .boxs span {
  display: block;
}
.news-wrap .list-wrap .img {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.news-wrap .list-wrap .img img {
  width: 100%;
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.news-wrap .list-wrap .img:hover img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.news-wrap .list-wrap .cont-wrap {
  width: 85.4%;
  padding: 25px 7.3% 0;
}
.news-wrap .list-wrap .cont-wrap .date {
  display: block;
  padding-right: 30px;
  border-right: 1px solid #ececec;
}
.news-wrap .list-wrap .cont-wrap .day {
  font-size: 50px;
  line-height: 50px;
  font-family: "Base-font";
  color: #333;
}
.news-wrap .list-wrap .cont-wrap .year {
  line-height: 16px;
}
.news-wrap .list-wrap .cont-box {
  width: 67%;
  margin-left: 6%;
  margin-top: -4px;
}
.news-wrap .list-wrap .cont-box .tit {
  font-size: 16px;
  line-height: 28px;
}
.news-wrap .list-wrap .cont-box .tit a {
  display: inline-block;
  color: #333;
}
.news-wrap .list-wrap .cont-box .font {
  font-size: 12px;
  line-height: 20px;
  padding: 3px 0;
}
.news-wrap .list-wrap .cont-box .font a {
  display: inline-block;
  color: #777;
}
.news-wrap .list-wrap .cont-box .font a:hover {
  color: #333;
}
.news-wrap .list-wrap .bot-link {
  display: block;
  border-top: 1px solid #e5e5e5;
  margin-top: 28px;
  line-height: 38px;
}
.news-wrap .list-wrap .bot-link .stt {
  display: inline-block;
  font-size: 14px;
  color: #777;
}
.news-wrap .list-wrap .bot-link .point {
  width: 24px;
  height: 38px;
  background: url(../images/ico_08.png) no-repeat center;
}
.news-wrap .list-wrap .bot-link:hover .stt {
  color: #333;
}
.news-wrap .list-wrap .bot-link:hover .point {
  background: url(../images/ico_08_h.png) no-repeat center;
}
.ny_cjwtsj{display: none;}
.pp_cjwtsj{display: none;}
.about_wmys ul li .sj {
    display: none;
}
.about_wmys ul li .sj {
    display: none;
}
.swiper-nypmfwsj{display: none;}












.search-alert {
  position: fixed;
  z-index: 100;
  background-color: #222222;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.search-alert .cent-form {
  position: absolute;
  width: 94.8%;
  left: 2.6%;
  top: 50%;
  height: 124px;
  margin-top: -63px;
  border-bottom: 1px solid #515151;
}
.search-alert .cent-form .tex {
  border: none;
  font-size: 66px;
  height: 124px;
  line-height: 124px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  color: #555;
  background: none;
  font-family: "Base-font";
  padding-left: 88px;
  padding-right: 80px;
  background: url(../images/ico_36.png) no-repeat 35px 60px;
}
.search-alert .cent-form .sub-butn {
  border: none;
  height: 100px;
  margin-top: 24px;
  font-size: 24px;
  line-height: 100px;
  color: #555;
  text-align: right;
  background: none;
  font-family: "Base-font";
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  text-align: center;
}
.search-alert .close {
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/ico_37.png) no-repeat center;
  position: absolute;
  top: 38px;
  right: 2.6%;
  cursor: pointer;
  transition: transform 0.3s ease 0s;
}

/*.alert-zixunbox{
  width: 328px;
  height: 172px;
  background: url(../images/img_103.png) no-repeat center;
  position: fixed;
  z-index: 10;
  left: 50%;
  margin-left: -164px;
  top: 50%;
  margin-top: -86px;
  display: none;
}*/
.alert-zixunbox{
  width: 400px;
  height: 175px;
  background: url(../images/inviteback0.png) no-repeat center;
  position: fixed;
  z-index: 10;
  left: 50%;
  margin-left: -200px;
  top: 50%;
  margin-top: -88px;
  display: none;
}
/*.alert-zixunbox .close{
  display: block;
  width: 38px;
  height: 26px;
  position: absolute;
  right: 6px;
  top: 0;
  cursor: pointer;
}*/
.alert-zixunbox .close{
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 3px;
  top: 3px;
  cursor: pointer;
}
.alert-zixunbox .qqlink{
  display: block;
  width: 80px;
  height: 32px;
  position: absolute;
  right: 12px;
  bottom: 12px;
  cursor: pointer;
  color: #0085da;
  background-color: #fff;
  text-align: center;
  line-height: 32px;
  border-radius: 5px;
  font-size: 13px;
}
.alert-zixunbox .btnclose{
  display: block;
  width: 80px;
  height: 32px;
  position: absolute;
  right: 102px;
  bottom: 12px;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #fff;
  text-align: center;
  line-height: 32px;
  border-radius: 5px;
  font-size: 13px;
  color: #fff;
}
.alert-zixunbox .word{
  display: block;
  width: 246px;
  font-size: 13pt;
  line-height: 23px;
  color: #fff;
  position: absolute;
  position: absolute;
  top: 44px;
  left: 128px;
  right: 26px;
}

.float-Medals{
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 80px;
  height: 80px;
  z-index: 3;
}
#cssda-badge{
  width:100%;
  height:100%;
  border-radius:50%;
  background:#fff;
  transition:all 0.25s cubic-bezier(0.615, 0.19, 0.305, 0.91);
  cursor:pointer;
  z-index: 9999;
}
#cssda-badge:hover{
  animation: bounce .75s linear both;
  background: #000
}
#cssda-badge svg{
    position:absolute;
    top:0;
    left:0;
    width:80px;
    height:80px;
    fill:#212121
}
#cssda-badge:hover svg{
  fill:#fff
}
.cssda-badge-contents{
    position:absolute;
    width:80px;
    height:80px;
    transition:all 0.12s cubic-bezier(0.615, 0.19, 0.305, 0.91)
}
#cssda-badge:hover .cssda-badge-contents{
  transform:rotate(360deg)
}
#cssda-badge:hover #cssda-badge-logo{
  transform:scale(1.1)
}
@media only screen and (max-width: 700px){#cssda-badge{width:60px;height:60px}
  #cssda-badge svg{position:absolute;top:0;left:0;width:60px;height:60px}
  #cssda-badge-logo{-webkit-transform:scale(1.35);-moz-transform:scale(1.35);transform:scale(1.35)
  }
  #cssda-badge:hover #cssda-badge-logo{
    -webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)
  }
  #cssda-badge-title{display:none}
  #cssda-badge-award{display:none}
}
@keyframes bounce{
  0%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  3.4%{-webkit-transform:matrix3d(1.032, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.032, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  4.7%{-webkit-transform:matrix3d(1.045, 0, 0, 0, 0, 1.06, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.045, 0, 0, 0, 0, 1.06, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  6.81%{-webkit-transform:matrix3d(1.066, 0, 0, 0, 0, 1.089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.066, 0, 0, 0, 0, 1.089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  9.41%{-webkit-transform:matrix3d(1.088, 0, 0, 0, 0, 1.117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.088, 0, 0, 0, 0, 1.117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  10.21%{-webkit-transform:matrix3d(1.094, 0, 0, 0, 0, 1.123, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.094, 0, 0, 0, 0, 1.123, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  13.61%{-webkit-transform:matrix3d(1.112, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.112, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  14.11%{-webkit-transform:matrix3d(1.114, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.114, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  17.52%{-webkit-transform:matrix3d(1.121, 0, 0, 0, 0, 1.124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.121, 0, 0, 0, 0, 1.124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  18.72%{-webkit-transform:matrix3d(1.121, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.121, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  21.32%{-webkit-transform:matrix3d(1.12, 0, 0, 0, 0, 1.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.12, 0, 0, 0, 0, 1.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  24.32%{-webkit-transform:matrix3d(1.115, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.115, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}25.23%{-webkit-transform:matrix3d(1.113, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.113, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.03%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.105, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.105, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(1.098, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.098, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}36.74%{-webkit-transform:matrix3d(1.097, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.097, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(1.096, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.096, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}44.44%{-webkit-transform:matrix3d(1.097, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.097, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(1.099, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.099, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}59.86%,63.26%{-webkit-transform:matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%,75.28%,85.49%,90.69%{-webkit-transform:matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
}

.m-new-float{
  display: none;
}

@media (max-width: 780px){
  .new-float{
    display: none;
  }
  .m-new-float{
    display: block;
  }
  .m-new-float{
    position: fixed;
    
    left: 0;
    bottom: 0%;
    z-index: 50;
    width: 100%;
    height: 57px;
    background: #0099ff;
  }
  .m-new-float li{
    position: relative;
    width: 33.3%;
    height: 57px;
    line-height: 27px;
    color: #fff;
    float: left;
    text-align: center;
  }
  .m-new-float li.hover{
    overflow: hidden;
  }
  .m-new-float li a{
    display: inline-block;
    color: #fff;
    font-size: 12px;
  }
  .m-new-float li a.tit{
    width: 77px;
    height: 27px;
    padding: 30px 0 0 0;
    color: #fff;
  }
  .m-new-float li p{
    position: relative;
    z-index: 2;
    height: 27px;
    padding-top: 30px;
    cursor: pointer;
  }
  .m-new-float li.fi a{
    background: url(../images/bg_float01.png) no-repeat;
  }
  .m-new-float li.se a{
    background: url(../images/bg_float02.png) no-repeat;
  }
  .m-new-float li.th a{
    background: url(../images/bg_float03.png) no-repeat;
  }
  .m-new-float li.fo a.tit{
    background: url(../images/bg_float04.png) no-repeat;
  }
  .m-new-float li.fif a{
    background: url(../images/bg_float05.png) no-repeat;
  }
  .m-new-float li.zixun a{
    background: url(../images/bg_float01.png) no-repeat;
  }
  .m-new-float li .tel{
    position: absolute;
    left: 77px;
    top: 0;
    z-index: 1;
    width: 184px;
    height: 57px;
    font: 24px/57px Arial;
    color: #fff;
    background: url(../images/bg_float06.png) no-repeat;
    cursor: pointer;
  }
  .f-bot{
    margin-bottom: 57px;
  }
}
.contact-wrap .address .cont .lia{
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  align-items:flex-start;
  margin-top:15px;
}
.contact-wrap .address .cont .lia a{
  width:110px;
  height:38px;
  border:1px solid #e3e3e3;
  border-radius:38px;
  line-height:38px;
  margin-right:18px;
  text-align:center;
  transition: background 0.3s ease 0s;
}
.contact-wrap .address .cont .lia a span{
  display:inline-block;
  padding-left:25px;
  transition: background 0.3s ease 0s;
}
.contact-wrap .address .cont .lia a:hover{
  background:#000;
  border:1px solid #e3e3e3;
  color:#fff;
}
.contact-wrap .address .cont .lia a.link-map span{
   background: url(../images/ico_13.png) no-repeat left center;
}
.contact-wrap .address .cont .lia a.link-map:hover span{
   background: url(../images/ico_13_h.png) no-repeat left center;
}
.contact-wrap .address .cont .lia a.link-web span{
   background: url(../images/ico_13_3.png) no-repeat left center;
}

.contact-wrap .address .cont .lia a.link-web:hover span{
   background: url(../images/ico_13_2.png) no-repeat left center;
}
.stb_p1 {padding: 60px 0;background: #fff}
.stb_p1 h2 {font-size: 30px;color: #333;text-align: center}
.stb_p1 h4 {font-size: 15px;color: #333;margin-bottom: 80px;text-align: center;font-weight: normal}
.stb_p1 ul li {width: 220px;float: left;margin-right: 280px;}
.stb_p1 ul li:nth-child(3){margin-right: 0}
.stb_p1 ul li .tb {width: 160px;height: 160px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; background: #287de5;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 auto 20px;}
.stb_p1 ul li .tb.l2 {background: #ea4b4b}
.stb_p1 ul li .tb.l3 {background: #22c37c}
.stb_p1 ul li .tb p {font-size: 50px;color: #fff;text-align: center;width: 100%}
.stb_p1 ul li .tb p span {font-size: 15px;}
.stb_p1 ul li h3 {font-size: 18px;color: #333;text-align: center}
/******海量关键词排名******/

.scb-con2 img {
    display: block;
    width: 100%;
}

.scb-con2 .scb-pm {
    padding: 55px 0 60px;
    background: #f7f7f7;
}

.scb-con2 .scb-pm .title h1 {
    margin-top: 0
}

.scb-con2 .scb-pm .title p {
    margin-bottom: 30px;text-align: center;
    font-size: 16px;
}

.scb-con2 .scb-pm img {
    margin-bottom: -30px;
}
.title h1 {
    font-size: 30px;
    color: #3e464c;
    margin-bottom: 30px;text-align: center
}
.scb-con2 .jzt-ss .right {
    width: 30%;
}
/******关键词排名在首页******/
.scb-gjc {
    padding: 60px 0 60px;width: 100%;
}
.scb-gjc .w1220 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.scb-gjc .word {
    max-width: 500px;
}

.scb-gjc {
    padding: 100px 0 80px;
}

.scb-gjc img {
    margin: 0 auto 0 60px;
}

.scb-gjc .right {
    width: 58%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
    max-width: 100%;
}

.scb-gjc .left {
    width: 41%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
}

.jzt-ss {
	margin: 0 auto;
    background: #f7f7f7;
    padding: 60px 0 60px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.scb-con2 img {
    display: block;
    width: 100%;
}
.scb-con2 .jzt-ss .left {
    width: 69%;
}
.jzt-ss .word {
    width: 600px;
    margin-top: 40px;
    text-align: right;
    float: right;
}

.jzt-ss .left {
    width: 50%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
    max-width: 100%;
}

.jzt-ss .right {
    width: 40%;
    vertical-align: middle;
    display: inline-block;
    max-width: 400px;
}
.w1220box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 1200px;margin: 0 auto}
.jzt-ss p.rt {text-align: right}
.jzt-ss img {
    margin: 60px auto 0 0px;
}
.scb-gjc .word {
    max-width: 500px;
}

.scb-gjc {
    padding: 60px 0 60px;background: #fff;
}

.scb-gjc img {
    margin: 0 auto 0 60px;
}

.scb-gjc .right {
    width: 58%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
    max-width: 100%;float: right;box-sizing: border-box;
}

.scb-gjc .left {
    width: 41%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;box-sizing: border-box
}

.jzt_cp h3 {
    font-size: 34px;
    line-height: 50px;
    margin: 0 0 20px;
    color: #37474f;
}

.jzt_cp p {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    color: #555;
}

.jzt_cp .jzt-dz p {
    font-size: 16px;
    color: #a1a6ab;
    margin-bottom: 45px;
}
/******关键词排名在首页******/

.scb-gjc .word {
    max-width: 500px;
}

.scb-gjc img {
    margin: 0 auto 0 60px;width: 100%;
}
.jzt_cp h3 {
    font-size: 34px;
    line-height: 50px;
    margin: 0 0 20px;
    color: #37474f;
}
.jzt_cp p {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    color: #555;text-align: center
}
.scb-gjc .right {
    width: 58%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
    max-width: 100%;
}

.scb-gjc .left {
    width: 41%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
}

/******海量关键词排名******/

.scb-con2 img {
    display: block;
    width: 100%;
}

.scb-con2 .scb-pm {
    padding: 60px 0 60px;
    background: #f7f7f7;
}

.scb-con2 .scb-pm .title h1 {
    margin-top: 0
}

.scb-con2 .scb-pm .title p {
    margin-bottom: 30px;
    font-size: 16px;
}

.scb-con2 .scb-pm img {
    margin-bottom: -30px;
}
.ptlbbj {background: url("../images/ban07.png") top no-repeat;
width: 1052px;
height: 460px;
display: block;padding-right: 52px;box-sizing: border-box;
margin: 100px auto 0;
position: relative;
overflow: hidden;}
.ptlb{ height:420px; position:relative;width: 926px;margin: 41px auto;}
.ptlb .hd{ position:absolute; bottom:10px; text-align:center; z-index:99; width:100%;}
.ptlb .prev {background:rgba(0,0,0,0.6) url(../images/dzj.png) center no-repeat;width: 30px;height: 40px;left: 0;position: absolute; top: 50%;margin-top: -10px;}
.ptlb .next{background:rgba(0,0,0,0.6) url(../images/dyj.png) center no-repeat;width: 30px;height: 40px;right: 0;position: absolute; top: 50%;margin-top: -10px;}
.ptlb .hd ul {text-align: center}
.ptlb .hd ul li{ display:inline-block; margin:0 5px; width:10px; height:10px;border-radius: 50%; background:#999;text-indent:-9999px;cursor:pointer;float: none}
.ptlb .hd ul li.on{ background:#0099ff;}
.ptlb .bd{ height:100%}
.ptlb .bd ul{ height:100%}
.ptlb .bd ul li{ height:100%;width: 100%}
.jzt-ss .box {text-align: center;width: 100%}
/*上词宝案例*/
.i-img{float:left;padding:10px; border:1px solid #ddd;}
.i-img img{ display:inline-block; width:470px; height:308px; }
.new_tit{ overflow:hidden; margin:10px;}
.new_tit a{ color:#333;}
.new_tit span{ font-size:18px;}
.tg_news
{   
    padding-bottom: 20px;
    overflow: hidden;
}
.tg_news li
{
    border: 1px dotted #eee;box-sizing: border-box;    padding: 20px;
    background: #fff;
    margin-bottom: 5px;
    overflow: hidden;
    float: left;
    margin: 0;
    width: 50%;
}
.tg_news li h3
{
    color: #111;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: normal;
}
.tg_news li h3:hover{
	color:#FF0000 ;
}
.tg_news li p
{
    color: #888;
    font-size: 16px;
    line-height: 25px;
    margin-right: 5px;
    text-align: left;
    text-indent: 0;
}

.ntxt
{
display: inline-block;
float: left;
overflow: hidden;
width: 100%;
}
.noticetxt a
{
    display: block;
    width: 100%;
}
.tg_news li:hover
{
    background: #eee;
}

.neitit
{
    text-align: center;
    line-height: 40px;
    margin-top: 10px;
    color: #555;
}

.ship_link{
    width: 1200px;
    margin:0 auto 30px auto;
}

.ship_link span{
    font-size: 16px;
    color: #ccc;
}

.ship_link a{
    font-size: 14px;
    color: #868e94;
    padding-right: 5px;
}
.scb-con3 {
    padding-top: 60px;background: #fff;padding-bottom: 60px;
    font-size: 16px;
}

.scb-con3 .wrap {
    padding-bottom: 80px;
    padding-top: 30px;
}

.scb-con3 table {
    border-collapse: separate;
}

.scb-con3 table tbody .top {
    height: 60px;
}

.scb-con3 table tbody .top .top-td {
    /*width: 450px;*/
    text-align: center;
    vertical-align: middle;
}
.stbdbsj {width: 100%;display: none}
.scb-con3 table tbody .content-tr .one {
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-top: 1px solid #e4e4e4;
    width: 149px;
}
.jzt_cp p.fs24 {font-size: 24px;
line-height: 40px;
text-align: left;}
.scb-con3 table tbody .top .first {
    width: 149px;
}

.scb-con3 table tbody .top .ios {
    background-color: #888888;
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    color: #fff;
    width: 300px;
}

.scb-con3 table tbody .top .pc {
    background-color: #e82828;
    border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    color: #fff;
    font-size: 24px;
    border-bottom: 1px solid #c90000;
    height: 70px;
    line-height: 70px;
}

.scb-con3 table tbody .content-tr {
    height: 98px;
}

.scb-con3 table tbody .content-tr .first {
    background-color: #f5f5f5;
    line-height: 1.2;
}

.scb-con3 table tbody .content-tr .last {
    border-right: 1px solid #e4e4e4;
}

.scb-con3 table tbody .content-tr td {
    text-align: center;
    color: #626262;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    line-height: 35px;
    padding: 0 10px;
}

.scb-con3 table tbody .content-tr td.tdbg {
    color: #626262;
    background: #f5f5f5;
}

.scb-con3 table tbody .content-tr td.tdbgred {
    color: #fff;
    background: #E82828;
    border-bottom: 1px solid #c90000;
    line-height: 35px;
}


.swiper-yxxysj{display: none}
.swiper-syhysj{display: none}
.gallery-bkyx{display:none}
.gallery-wdyx{display: none}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }



/**
 * Lines
 */
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div {
  background-color: #279fcf;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }



@media only screen and (min-width:1921px) and (max-width:3880px) {
.ppsj_part4 .cjwt ul li .hdc {background: #fff;display:table;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;overflow: hidden;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08);box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 40px 0 rgba(0,0,0,.08); padding: 20px 45px;height: 198px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.ppsj_part4 .cjwt ul li .hdc .cel{display:table-cell; vertical-align:middle;}
	.news-ban {
    height:auto;
}
	header .nav-link .nav li.cp .sub-nav .l1 {width: 14.28%;box-sizing: border-box
}
	

}


@media screen and (max-width: 1400px) {
    .acg{padding-top: 91px;}
}


@media screen and (max-width: 1250px) {
    .acg{padding-top:0px;}
    .acg .w1200{width: 970px;}
    .acg-one-l h1{font-size: 45px;}
    .acg-one-l li{font-size: 18px;margin-top: 30px;}
}

@media screen and (max-width: 970px){
    .acg .w1200{width:100%;padding: 0 40px;box-sizing: border-box}
    .acg-one{padding: 60px 0;}
    .acg-one-l{float: none;width: 100%;}
    .acg-one-r{float: none;width: 100%;padding-top: 50px;}

    .acg-two{padding: 60px 0;}
    .acg-two-btn .acg-two-box{width: 120px;height: 120px;}
    .acg-two-btn .acg-two-box div{padding-top: 20px;height: 80px;}
    .acg-two-btn .acg-two-box div img{height: 45px}
    .acg-two-btn p{font-size: 14px;}
    .acg-three{padding: 60px 0;}
    .acg-four{padding: 60px 0;}
    .acg-five{padding: 60px 0;}
}

@media screen and (max-width: 757px){
    .acg{padding-top:0px;}
	.settle-banner .slogan[data-v-a5ad228a] {
    top: 107px;width: 90%; text-align: center;
    font-size:28px;
    line-height: 1.5;
    white-space: normal;
}
	.settle-banner .divider[data-v-a5ad228a] {
    top:201px;
}
	.settle-banner .sub-slogan[data-v-a5ad228a] {
    top: 232px;
}
	.settle-banner .sub-slogan.second-line[data-v-a5ad228a] {
    top: 262px;
}
	.settle-banner[data-v-a5ad228a] {
    height: 400px;
    background: center 0 url(../images/banner_bg.906d3e1.jpg) no-repeat;
    background-size:cover;
    background-color: #28292d;
}
    .acg .w1200{padding:0 20px;}
    .acg-one{padding: 30px 0;}
    .acg-one-l h1{font-size: 30px;}
    .acg-one-l ul{padding-top: 10px;}
    .acg-one-l li{font-size: 16px;margin-top: 20px;padding-left: 25px;}
    .acg-one-l li:before{width: 8px;height: 8px;}
    .acg-one-r{padding-top: 30px;}
    .acg-two{padding: 30px 0;}

    .act-tits{font-size: 20px;}
    .swiper-acgtwo h1{font-size: 14px;padding: 20px 0;}
    .acg-two-bot{padding-top: 20px;}
    .acg-two-btn .acg-two-box{height: 56px;width: 56px;}
    .acg-two-btn li p{display: none}
    .acg-two-btn .acg-two-box div{height: auto;padding-top: 15px;}
    .acg-two-btn .acg-two-box div img{height: 26px;}
    .acg-three{padding: 30px 0;}
    .acg-three-b{padding-top: 30px;}
    .acg-four{padding: 30px 0;}

    .acg-five{padding: 30px 0;}
    .acg-five h1{font-size: 22px;}
    .acg-five a{font-size: 14px;}

}


.servicePopup{
	width:0px;
	height:0px;
	padding:10px;
	background-color:rgba(0,153,255,0.9);
	color:#fff;
	text-align:center;
	position:fixed;
	left:50%;
	top:50%;
	margin-top:-160px;
	margin-left: -300px;
	z-index:10000;
	box-shadow:0 0px 15px rgba(0,0,0,.75);
	display:none;
}
	
.servicePopup .cont{
	width:100%;
	height:100%;
	border:1px solid #fff;
	}
	
.servicePopup .cont .title{
	font-size:30px;
	font-weight:bold;
	line-height:normal;
	margin:0;
	margin-top:30px;
	}
		
.servicePopup .cont .keywords{
	font-size:14px;
	color:rgba(255,255,255,.5);
	margin-top:20px;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	}
	
.servicePopup .cont .btns{
	margin-top:20px;
	width:360px;
	margin-left:auto;
	margin-right:auto;
	}
.servicePopup .cont .btn{
	height:40px;
	line-height:38px;
	width:160px;
	text-align:center;
	font-size:18px;
	color:#fff;
	border:solid #fff 1px;
	border-radius:40px;
	display:block;
	-webkit-transition:250ms all;
	transition:250ms all;
	cursor:pointer;
	}	
	
.servicePopup .cont .closeBtn{
	opacity:.5;
	}
	
.servicePopup .cont .closeBtn:hover{
	opacity:1;
	}	
	
.servicePopup .cont .serviceBtn{
	background-color:#fff;
	color:#000000;
	}	
	
.servicePopup .cont .serviceBtn:hover{
	background-color:rgba(255,255,255,.75);
	}
.w_right{float: right;}
.w_left{float: left;}