.container {
  background:#fff
}
.hei80{
  height: 80px;
}

.seothree{

	width: 1200px;

	overflow: hidden; margin: 0 auto;
	margin-top: 80px;

}
.seotitle1{

	width: 1200px;

	background: url(../images/title_bg.png)repeat-x;

	text-align: center;

}

.seotitle1 h2{

	font-size: 40px;

	background: #fff;

	display: inline-block;

	padding: 0px 30px;

	margin:0 auto;

}

.seotitle1 h2 span{

	color: #e62022;

}

.seotitle1 h3{

	font-size: 18px;

	color: #333;

	font-weight: normal;

	line-height: 66px;

}
.tmbox{width: 1220px;overflow: hidden; margin: 0 auto;margin-bottom:30px;}

.tmbox ul li{width: 595px;height: 207px;float: left;margin: 10px 0px 0px 10px;position: relative;}

.tmbox ul li:hover{width: 595px;height: 207px;float: left;margin: 10px 0px 0px 10px;position: relative;}

.tmbox ul li .tmcont{width: 595px;height: 207px;position: absolute;top: 0px;left: 0px;padding: 5px 45px 0px 45px;box-sizing: border-box;}

.tmbox ul li .tmcont h2{font-size: 24px;color: #fff;overflow: hidden;line-height: 55px; font-weight:300;}

.tmbox ul li .tmcont h2 img{float: left;margin: 0px 15px 0px 0px;}

.tmbox ul li .tmcont p{font-size: 16px;color: #fff;line-height: 26px;margin-top: 20px;}

.tmbox ul li:hover h2 img{transform: rotateY(360deg);transition: .5s;}



.pnf_lkiuc{width: 1116px;position: relative;margin:0 auto;margin-top: 9.5%;margin-top:1px;transition:0.4s 0.7s;-webkit-transition:0.4s 0.7s;opacity:0;}
.swiper-slide-active .pnf_lkiuc{margin-top: 6.5%;opacity:1;}
.lc_xhb{width:100px;float:left;margin-left: 83px;}
.lc_xhb:first-child{margin-left:0px;margin-top: 3px;}
.img_thers{
    width: 25px;
    display: block;
    margin: 0 auto;
    padding-right: 2px;
    padding-top: 20px;
}
.liuc_ted{padding-top: 8px;text-align:center;font-size:26px;color:#fff;}
.ther_fonts{text-align:center;color:#fff;font-size:28px;padding-top: 5px;opacity:0.8;}
.pannirz{width:100%;height:1px;background:#fff;position: absolute;top: 376px;opacity:0.8;}
.img_thers:first-child{padding-top:30px;}


.leix_list a {
    display: block; float:left;
    width: 90px; text-align:center;
    height: 44px;
    border: 1px solid #00afec;
    border-radius: 2px;
    margin-top: 55px; margin-left:60px;
    position: relative;
    font-size: 14px; line-height:44px;
    pointer-events: auto;
    color: #00afec;
}
.leix_list a:hover{color: #ffffff; background:#00afec;}



.full-inum-brief {
	position: relative
}

.full-inum-brief .briefbg {
	position: relative;
	overflow: hidden;
	height: 560px
}

.full-inum-brief .briefbg img {
	position: absolute;
	top: -45px;
	left: 50%;
	display: block;
	margin-left: -960px;
	height: 520px
}

.full-inum-brief .inum-list {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	margin: -190px 0 0 -609px;
	width: 1218px;
	text-align: center
}

.full-inum-brief .inum-list li {
	width: 406px;
	margin-bottom: 99px;
	float: left;
	color: #fff
}

.full-inum-brief .num {
	margin-bottom: 10px;
	font-size: 90px;
	line-height: 92px;
	font-family: Impact,Haettenschweiler,arial narrow bold,sans-serif
}

.full-inum-brief .text {
	font-size: 16px;
	line-height: 24px
}

.full-inum-brief .videobg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 520px;
	overflow: hidden
}

.full-inum-brief .video {
	position: absolute;
	left: 0;
	top: -345px;
	width: 100%
}

.full-inum-brief .video video {
	min-width: 100%;
	height: 1080px
}





.orange {
  color:#ffe400
}
.blue {
  color:#699bcc
}
.clear {
  padding:0;
  margin:0;
  width:0;
  height:0;
  font-size:0;
  overflow:0;
  clear:both;
  line-height:0
}
.clearfix {
  zoom:1;
  _height:1px
}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.clearFloat {
  *zoom:1
}
.clearFloat:after {
  visibility:hidden;
  clear:both;
  display:block;
  content:".";
  height:0
}
.txtIndent {
  text-indent:-9999em
}
.seo {
  width:0;
  height:0;
  overflow:hidden;
  position:absolute;
  visibility:hidden;
  top:0;
  left:0
}
.seo,.hideImg {
  width:0;
  height:0;
  overflow:hidden;
  position:absolute;
  visibility:hidden;
  top:0;
  left:0
}
.hideImg {
  overflow:hidden
}
.hideImg img {
  width:0;
  height:0;
  overflow:hidden
}
.fl {
  float:left
}
.fr {
  float:right
}
.fl,.fr {
  _display:inline
}
.ma {
  margin:0 auto
}
.tc {
  text-align:center
}
.pt53 {
  padding-top:53px
}
.mr20 {
  margin-right:20px
}
.w1200 {
  width:1200px
}
input,textarea {
  border-radius:0;
  padding:0;
  margin:0
}
em {
  font-style:normal
}
input,textarea:focus {
  outline:0
}
.header {
  position:absolute;
  top:10px;
  z-index:3000;
  width:100%;
  height:84px;
  text-align:left
}
.headerm {
  z-index:5000
}
.headerz {
  z-index:5000
}
.header .logo {
  float:left;
  width:121px;
  margin-left:50px
}
.header .logo a {
  display:block
}
#logo {
  fill:none
}
#logo_pic,#logo_cn_1 path,#logo_cn_2 path,#logo_en path,#logo_en rect,#logo_en polygon {
  fill:#fff
}
.header_r {
  position:relative;
  z-index:6000;
  float:right;
  height:84px
}
.header_tell {
  float:right;
  width:188px;
  padding-left:43px;
  height:84px;
  background:url(../images/tell_icon.png) no-repeat left center;
  line-height:84px;
  font-size:20px;
  color:#fff
}

.header_r2 {
  opacity:0;
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px);
  transition:all .6s
}
.header_r2_2 {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
.columns_header {
  top:0;
  border-bottom:1px solid #ababab;
  background-color: #fff;
}
.columns_header .logo {
  width:95px;
  margin-left:50px;
  margin-top:18px
}
.columns_header .logo img {
  width:100%
}
.case_header {
  position:fixed;
  height:80px;
  border-bottom:1px solid #ececec;
  box-shadow:0 3px 10px #f4f4f4
}
.case_header .header_r {
  margin-right:40px
}
.case_header .nav li a .navonline {
  height:2px
}
.case_header .logo {
  float:left;
  width:150px;
  margin-left:50px;
  margin-top:0px
}
.case_header .nav li {
  height:80px
}
.case_header .nav li a {
  color:#666
}
.case_header .nav {
  height:80px;
  line-height:80px
}
.case_header .header_r {
  height:80px
}
.case_header .nav_cont,.case_header .nav_menu {
  top:80px
}
.case_header .case_tell {
  float:right;
  width:150px;
  padding-left:43px;
  height:80px;
  line-height:80px;
  font-size:20px;
  color:#666;
  font-weight:700;
  background:url(../images/cellphonedark.png) left center no-repeat;
  box-sizing: content-box;
  white-space: nowrap;
}
.case_header .nav .nav_menu a {
  color:#fff
}
.case_header .nav .nav_menu a:hover {
  color:#ff0000
}
#page {
  text-align:center;
  /*margin-bottom:100px*/
  padding: 30px 0 30px 0px;
}
#page a,#page span {
  padding:7px 14px;
  display:inline-block;
  background:#ebebeb;
  color:#666;
  margin:0 2px
}
#page a:hover,#page a.RepeaterNumberList_Now {
  color:#fff;
  background:#ff0000
}
.fpnav {
  position:fixed;
  left:43px;
  top:189px;
  bottom:62px;
  z-index:5000;
  width:17px;
  padding-top:51px;
  background:url(../images/fpnav_bg.png) repeat-y
}
.fpnav li {
  width:17px;
  height:17px;
  margin-bottom:21px
}
.fpnav li a {
  display:block;
  width:17px;
  height:17px;
  background:url(../images/fpnav_icon_hover.png) no-repeat
}
.fpnav li .menuon_1 {
  background:url(../images/fpnav_icon.png) no-repeat
}
.fpnav .active a {
  background:url(../images/fpnav_icon.png) no-repeat
}
.kefudt_r {
  position:fixed;
  top:50%;
  right:51px;
  z-index:80000;
  width:81px;
  height:367px;
  margin:-183px 0 0 -249px
}
.kefudt_r a {
  position:relative;
  display:block;
  width:77px;
  height:24px;
  z-index:500;
  padding-top:53px;
  text-align:center;
  font-size:12px;
  color:#fff
}
.kefudt_r span strong {
  display:none;
  font-size:14px;
  font-weight:400
}
.kefudt_r .kefudt_icon1 {
  background:url(../images/kefudt_icon2.png) no-repeat
}
.kefudt_r .kefudt_icon2 {
  background:url(../images/kefudt_icon3.png) no-repeat
}
.kefudt_r .kefudt_icon3 {
  background:url(../images/kefudt_icon4.png) no-repeat
}
.kefudt_r .kefudt_icon4 {
  background:url(../images/kefudt_icon5.png) no-repeat
}
.kefudt_r span {
  position:absolute;
  display:block;
  width:78px;
  height:77px;
  right:0;
  /*border:1px solid #ff0000;*/
  background:rgba(0,0,0,.5);
  text-align:center;
  transition:all .6s;
  box-sizing: content-box;
}
.kefudt_r span:before {
  content:"";
  width:0;
  height:77px;
  position:absolute;
  top:0;
  left:0;
  transition:all .6s;
  z-index:-1;
  opacity:.8
}
.kefudt_r span.active,.kefudt_r span:hover {
  width:220px;
  background:0 0;
  overflow:hidden
}
.kefudt_r span.active:before,.kefudt_r span:hover:before {
  width:220px
}
.kefudt_r span:hover a {
  width:100%;
  background:0 0;
  padding:0;
  line-height:77px
}
.kefudt_r span:hover a em {
  display:none
}
.kefudt_r span:hover strong {
  display:block
}
.kefudt_r>span:first-child {
  top:24px;
  background-color: #FF4876
}
.kefudt_r>span:first-child:hover{
  background: #FF4876;
}
.kefudt_r>span:nth-child(2) {
  top:101px;
  background-color: #48A2D1;
}
.kefudt_r>span:nth-child(2):hover {
  background: #48A2D1
}
.kefudt_r>span:nth-child(3) {
  top:178px;
  background-color: #D176A2;
}
.kefudt_r>span:nth-child(3):hover {
  background: #D176A2
}
.kefudt_r>span:nth-child(4) {
  top:255px;
  background-color: #C52D30;
}
.kefudt_r>span:nth-child(4):hover {
  background: #C52D30
}
.kefudt_r>span:nth-child(5) {
  top:332px;
  background-color: #FF7649;
}
.kefudt_r>span:nth-child(5):hover {
  background: #FF7649
}
.kefudt_r .search_web .kefudt_icon5 {
  display:none;
  width:100%;
  padding-top:30px;
  white-space:nowrap
}
.kefudt_r .search_web .kefudt_icon5 input {
  display:inline-block;
  width:160px;
  height:17px;
  vertical-align:top;
  background:0 0;
  border:0;
  border-left:1px solid rgba(255,255,255,.5);
  padding:0 10px;
  outline:0;
  font-size:14px;
  font-family:microsoft yahei,微软雅黑;
  color:#fff
}
.kefudt_r .search_web .kefudt_icon5 input::-webkit-input-placeholder {
  color:rgba(255,255,255,.5)
}
.kefudt_r .search_web .kefudt_icon5 input::-moz-placeholder {
  color:rgba(255,255,255,.5)
}
.kefudt_r .search_web .kefudt_icon5 input:-moz-placeholder {
  color:rgba(255,255,255,.5)
}
.kefudt_r .search_web .kefudt_icon5 input:-ms-input-placeholder {
  color:rgba(255,255,255,.5)
}
.kefudt_r .search_web .kefudt_icon5 i {
  display:inline-block;
  width:17px;
  height:17px;
  background:url('../images/search_icon.png') center center/100% 100% no-repeat;
  vertical-align:top;
  cursor:pointer
}
.kefudt_r .search_web.active .kefudt_icon4,.kefudt_r .search_web:hover .kefudt_icon4 {
  display:none
}
.kefudt_r .search_web.active .kefudt_icon5,.kefudt_r .search_web:hover .kefudt_icon5 {
  display:block
}
.returntop {
  position:absolute;
  bottom:62px;
  right:51px;
  z-index:5000;
  width:47px;
  height:47px
}
.returntop a {
  display:block;
  width:47px;
  height:47px;
  background:url(../images/top.png) no-repeat
}
.returntop1 {
  position:fixed;
  display:none
}
.zhezhaobox {
  position:fixed;
  top:0;
  left:0;
  z-index:99999;
  width:100%;
  height:100%;
  background:url(../images/as_bg.png);
  text-align:center;
  display:none
}
.zhezhaobox span {
  display:block;
  background:#f6f6b4
}
.wap_footer {
  display:none
}
.wap_1 {
  position:absolute;
  top:0;
  left:0;
  z-index:5000;
  width:100%;
  background:#000
}
.fBtns {
  position:absolute;
  top:50%;
  width:100%;
  height:388px;
  margin-top:-194px
}
.fBtns li,.fBtns span {
 /* background:url(../images/roll_btn.png) no-repeat*/
}
.fBtns li {
  position:relative;
  height:79px;
  line-height:79px
}
.fBtns li span {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  overflow:hidden;
  display:block;
  z-index:1
}
.fBtns li a {
  position:absolute;
  right:0;
  height:100%;
  width:100%;
  display:block;
  z-index:2;
  transition:all .6s;
  font-size:20px;
  color:#fff;
  cursor:default
}
.fBtns li a i {
  padding:0 46px 0 20px
}
.fBtns li a:hover {
  width:488px;
  background:#ff0000;
  box-shadow:0 0 3px #fff;
  font-weight:700
}
.fPics_list {
  position:absolute;
  top:0;
  right:0;
  z-index:500;
  width:413px;
  height:100%;
  background:url(../images/bannerwar_bg.png)
}
.linkbtom {
  background:#ff0000
}
.linkbtom_c {
  max-width:1202px;
  padding:49px 0 45px
}
.linkbtom_l {
  float:left;
  width:150px;
  color:#fff
}
.linkbtom_l p {
  margin-bottom:7px;
  font-size:13px
}
.linkbtom_l a{
  color: #fff;
}
.linkbtom_l a:hover{
  color: #333;
}
.linkbtom_l .linkbtom_p1 {
  /*padding-left:20px;*/
  margin-bottom:24px;
  font-size: 16px;
  font-weight: 700;
}
.linkbtom_l .linkbtom_p4 {
  margin-bottom:14px
}
.linkbtom_l .linkbtom_p2 {
  line-height:18px;
  /*padding-left:20px;*/
}
.linkbtom_l .linkbtom_p3 {
  line-height:18px;
  padding-left:19px;
  background:url(../images/footer_icon03.png) no-repeat left center
}
.linkbtom_z {
  float:left;
  width:624px;
  padding:0 10px;
}
.linkbtom_z li {
  float:left;
  margin-right:45px;
  text-align:center
}
.linkbtom_z li:last-child {
  margin-right:0
}
.linkbtom_z li span {
  display:block;
  margin-bottom:24px;
  font-weight:700;
  font-size:16px;
  color:#fff;
  text-align:left
}
.linkbtom_z li a {
  display:block;
  margin-bottom:10px;
  font-size:13px;
  color:#fff;
  text-align:left
}
.linkbtom_z li a:hover {
  color:#333
}
.linkbtom_r {
  float:right;
  text-align:left;
  color: #fff;
  width: 310px;
}
.linkbtom_r p {
  padding-top:14px;
  font-size:13px;
  color:#fff
}
.linkbtom_r .tit{
  padding: 5px 0;
}
.linkbtom_r .tit a,
.linkbtom_r .tit a:hover{
  color: #fff;
}
.linkbtom_r p i{
  font-size: 1.4em
}
.footer {
  padding:12px 0;
  background:#ff0000;
  text-align:center;
  font-size:13px;
  color:#c8c8c8
}
.wp1,.wp2,.wp3,.wp4,.wp5,.wp6,.wp7,.wp8,.wp9,.wp10,.wp11,.wp12,.wp13,.wp14,.wp15,.wp16,.wp17,.wp18,.wp19,.wp20,.wp21,.wp22,.wp23,.wp24,.wp25,.wp26,.wp27,.wp28,.wp29,.wp30,.wp31,.wp32,.wp33,.wp34,.wp35,.wp36,.wp37,.wp38,.wp39,.wp40,.wp41,.wp42,.wp43,.wp44,.wp45,.wp46,.wp47,.wp48,.wp49 {
  visibility:hidden
}
.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight,.flash,.bounceIn,.zoomIn,.flipInX,.lightSpeedIn,.opac,.sanjiaoxian1,.sanjiaoxian2,.sanjiaoxian3,.fadeInRight11,.fadeInLeft11,.app01phone,.backgroundbox,.line_box,.shou,.fankai {
  visibility:visible
}
.columns_banner {
  position:relative;
  left: 0;
  top:0;
  width: 100%;
  /* height:600px; */
  /* margin-left:-960px; */
}
.wap_header,.loso,.wap_app02_cont {
  display:none
}
.wap_banner,.wap_app01 {
  display:none
}
.returntop {
  position:fixed;
  bottom:62px;
  right:51px;
  z-index:5000;
  width:47px;
  height:47px
}
.returntop a {
  display:block;
  width:47px;
  height:47px;
  background:url(../images/top.png) no-repeat
}
.fpline {
  position:fixed;
  top:189px;
  left:auto;
  right:43px;
  bottom:62px;
  z-index:5000;
  width:17px;
  padding-top:51px;
  background:url(../images/fpnav_bg.png) repeat-y
}
.linkbtom {
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box
}
.linkbtom * {
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box
}
.share {
  color:#666;
  font-size:13px;
  margin-top:52px;
  line-height:32px;
  float:left
}
.share a {
  display:inline-block;
  width:32px;
  height:31px;
  margin-left:13px;
  vertical-align:bottom;
  transition:.8s transform;
  -webkit-transition:.8s transform;
  -moz-transition:.8s transform;
  -ms-transition:.8s transform
}
.bdshare-button-style2-32 a {
  display:inline-block!important;
  float:none!important;
  margin:0 0 0 12px!important
}
.share a:hover {
  transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg)
}
.share .bds_sqq {
  background:url(../images/icon.png) 0 -70px no-repeat
}
.share .share02 {
  background:url(../images/icon.png) -45px -70px no-repeat
}
.share .share03 {
  background:url(../images/icon.png) -90px -70px no-repeat
}
.share .share04 {
  background:url(../images/icon.png) -130px -70px no-repeat
}
.share .share01:hover {
  background:url(../images/icon.png) 0 -35px no-repeat!important
}
.share .share02:hover {
  background:url(../images/icon.png) -45px -35px no-repeat!important
}
.share .share03:hover {
  background:url(../images/icon.png) -90px -35px no-repeat!important
}
.share .share04:hover {
  background:url(../images/icon.png) -130px -35px no-repeat!important
}
.share .bds_more {
  background:url(../images/bds_more.png) center center/25px 25px no-repeat!important
}
.share .bds_sqq {
  background:url(../images/bds_sqq.png) center center/20px 25px no-repeat!important
}
.share .bds_tsina {
  background:url(../images/bds_tsina.png) center center/32px 25px no-repeat!important
}
.share .bds_weixin {
  background:url(../images/bds_weixin.png) center center/32px 25px no-repeat!important
}
@media screen and (max-width:1100px) {
  .columns_banner {
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    margin: 0;
    margin-top: 0;
  }
  .columns_banner img{width: 100%;}
    .nav li a {
    padding:0 25px
  }
}
@media screen and (max-width:1250px) {
  .linkbtom_c {
  max-width:890px
}
.linkbtom_z {
  width:510px;
  padding:0 20px
}
.linkbtom_z li {
  margin-right:20px
}
.linkbtom_l {
  width:106px
}
.nav li a {
  padding: 0 12px;
}
.fBtns {
  position:absolute;
  top:50%;
  width:100%;
  height:328px;
  margin-top:-164px
}
.fBtns li {
  position:relative;
  height:65px;
  line-height:65px
}
}@media screen and (max-width:996px) {
  .linkbtom_z {
  display:none
}
.linkbtom_c {
  max-width:710px
}
.columns_header .logo {
  margin-left:20px
}
.nav li a {
  padding:0 11px
}
.header_tell {
  width:146px
}
.fBtns {
  position:absolute;
  top:50%;
  width:100%;
  height:252px;
  margin-top:-126px
}
.fPics_list {
  width:330px
}
.fBtns li a {
  font-size:16px
}
.fBtns li a i {
  padding:0 30px 0 20px
}
.fBtns li a:hover {
  width:388px
}
.fBtns li {
  position:relative;
  height:50px;
  line-height:50px
}
}@media screen and (max-width:768px) {
  .cooperation{display: none !important;}
  .returntop {
  bottom:1.8rem;
  right:10px
}
.wap_footer {
  display:block;
  position:fixed;
  bottom:0;
  left:0;
  z-index:5000;
  width:100%;
  height:1.42rem;
  background:#ff0000
}
.wap_footer li {
  float:left;
  width:1rem;
  height:1.42rem;
  margin:0 1rem 0 .42rem;
  text-align:center
}
.wap_footer li a {
  display:block;
  width:1rem;
  height:1.22rem;
  padding-top:.75rem;
  box-sizing:border-box;
  font-size:.26rem;
  color:#fff
}
.wap_footer .wap_footer1 {
  background:url(../images/wap_footer_icon1.png) no-repeat center;
  background-size:1rem
}
.wap_footer .wap_footer2 {
  background:url(../images/wap_footer_icon2.png) no-repeat center;
  background-size:1rem
}
.wap_footer .wap_footer3 {
  background:url(../images/wap_footer_icon3.png) no-repeat center;
  background-size:1rem
}
.wap_footer .wap_footer4 {
  background:url(../images/wap_footer_icon4.png) no-repeat center;
  background-size:1rem
}
.footer,.linkbtom {
  display:none
}

.wap_banner {
  display:block;
  margin-top:-15px
}

.wap_header {
  position:fixed;
  top:0;
  left:0;
  z-index:5000;
  display:block;
  width:100%;
  height:1.45rem
}
.wap_header1 {
  display:block;
  background:#000
}
.waplogo {
  float:left;
  width:3rem;/*width:2.2rem;*/
  line-height:1.45rem;
  margin-left:.5rem;
  height:1.45rem;
}
.waptell {
  float:right;
  width:.5rem;
  margin-right:.7rem;
  margin-top:.4rem
}
.waptell img,.waplogo img {
  width:100%
}
.wapmenu {
  float:right;
  position:relative;
  width:.6rem;
  height:.6rem;
  border:1px solid transparent;
  border-radius:50%;
  margin-top:.4rem;
  margin-right:.5rem;
  cursor:pointer
}
.wapmenu .icon::before,.wapmenu .icon::after {
  background-color:#fff;
  content:"";
  height:2px;
  left:.05rem;
  position:absolute;
  transition-duration:.5s;
  width:.5rem
}
.wapmenu .icon::before {
  top:-.2rem
}
.wapmenu .icon::before,.wapmenu .icon::after {
  background-color:#fff;
  content:"";
  height:2px;
  left:0;
  position:absolute;
  transition-duration:.5s;
  width:.5rem
}
.wapmenu .icon::after {
  top:.2rem
}
.wapmenu .icon {
  background-color:#fff;
  height:2px;
  left:.05rem;
  position:absolute;
  top:.3rem;
  transition-duration:.5s;
  width:.4rem
}
.navmenu_s.navmenu .icon::before {
  transform:translateY(0.09rem) rotate(45deg)
}
.navmenu_s.navmenu .icon::after {
  transform:translateY(-0.09rem) rotate(-45deg)
}
.navmenu_s.navmenu .icon {
  width:0
}
.h5-nav-list {
  box-sizing:border-box;
  width:100%;
  position:absolute;
  top:1.45rem;
  left:0;
  height:100vh;
  padding-bottom:2.9rem;
  background:#000;
  -webkit-transition:all .8s;
  transition:all .8s;
  -webkit-transform:translateY(-100%) scaleY(.5);
  transform:translateY(-100%) scaleY(.5);
  transform-origin:top;
  z-index:5000;
  overflow:auto
}
.h5-nav-list li {
  border-bottom:1px solid #333;
  line-height:1.4rem
}
.h5-nav-list li a {
  display:block;
  padding-left:3.12rem;
  transition:all .6s
}
.h5-nav-list li span {
  transition:all .6s;
  font-size:.4rem;
  color:#fff
}
.h5-nav-list li i {
  transition:all .6s;
  padding-left:5px;
  font-size:.35rem;
  color:#666
}
.h5-nav-list li a:hover span {
  color:#ff0000
}
.h5-nav-list li a:hover i {
  color:#7f181c
}
.h5-nav-list li .h5_nav_cont {
  padding:10px 0;
  background:#161616
}
.h5-nav-list li .h5_nav_cont .h5_nav_icon {
  position:relative;
  padding-left:.5rem;
  font-size:.3rem
}
.h5-nav-list li .h5_nav_cont .h5_nav_icon em {
  position:absolute;
  top:.3rem;
  left:0;
  width:.27rem;
  height:1px;
  background:#7e7c7c;
  transition:all .6s;
  overflow:hidden
}
.h5-nav-list li .h5_nav_cont a {
  transition:all .6s;
  line-height:.6rem;
  color:#7e7c7c
}
.h5-nav-list li .h5_nav_cont a:hover {
  color:#ff0000
}
.h5-nav-list li .h5_nav_cont a:hover .h5_nav_icon em {
  background:#ff0000
}
.wapmenu_open {
  -webkit-transform:translateY(0) scaleY(1);
  transform:translateY(0) scaleY(1)
}
.wapmenu_a.wapmenu .icon::before {
  transform:translateY(0.19rem) rotate(45deg)
}
.wapmenu_a.wapmenu .icon::after {
  transform:translateY(-0.19rem) rotate(-45deg)
}
.wapmenu_a.wapmenu .icon {
  width:0
}
.wapmenu_a {
  border-radius:50%;
  overflow:hidden
}
.mybox .fBtns {
  position:absolute;
  top:50%;
  width:100%;
  height:258px;
  margin-top:-129px
}
.mybox .fBtns li a:hover {
  width:4.8rem
}
.mybox .fBtns li {
  position:relative;
  height:50px;
  line-height:50px
}
.linkbtom_c {
  width:95%
}
.linkbtom_r {
  float:none;
  margin:0 auto;
  margin-top:30px
}
.linkbtom_l {
  float:none
}
.fPics_list {
  width:50%
}
.fpline,.kefudt_r,.columns_header,.returntop ,.hei80{
  display:none
}
.returntop {
  bottom:1.5rem;
  right:10px;
  width:35px;
  height:35px
}
.returntop a {
  width:35px;
  height:35px;
  background-size:35px
}
.mybox .fBtns li a {
  font-size:14px
}
.columns_banner {
  width:100%;
  height:auto;
  top:auto;
  left:auto;
  margin:0;
  margin-top:-60px
}
.columns_banner img {
  width:100%
}
.z_connectus {
  display:none
}
.fpline {
  display:none
}
.header .header_r .nav {
  display:none
}
.header .header_tell {
  display:none
}
.z_header .z_header_nav {
  display:none
}
.z_pro_header_nav {
  display:none
}
.share {
  margin-top:14px
}
.waplogo.active {
  display:none
}
.wapsearch {
  float:right;
  width:.7rem;
  margin-right:.35rem;
  margin-top:.4rem;
  font-size:0;
  overflow:hidden;
  transition:all .3s
}
.wapsearch.active {
  width:calc(100% - 3rem)
}
.wapsearch .wapsearch_input {
  display:inline-block;
  width:calc(100% - 0.7rem);
  border:0;
  border-bottom:1px solid #fff;
  outline:0;
  vertical-align:middle;
  text-indent:10px;
  font-size:16px;
  line-height:0;
  color:#fff;
  background:0 0;
  font-family:inherit
}
.wapsearch.active .wapsearch_input {
  line-height:2
}
.wapsearch .wapsearch_btn {
  display:inline-block;
  width:.5rem;
  margin-left:.1rem;
  vertical-align:middle;
  cursor:pointer
}
.wapsearch .wapsearch_do_search {
  display:none
}
.wapsearch.active .wapsearch_before_search {
  display:none
}
.wapsearch.active .wapsearch_do_search {
  display:inline-block
}
}@media screen and (max-width:640px) {
  .fBtns {
  height:178px;
  margin-top:-89px
}
.fBtns li {
  position:relative;
  height:35px;
  line-height:35px
}
.fBtns li a {
  font-size:14px
}
.fBtns li a:hover {
  width:110%
}
}@media screen and (max-width:500px) {
  .fBtns {
  height:128px
}
.fBtns li {
  position:relative;
  height:25px;
  line-height:25px;
  margin-top:10px
}
.fBtns li a {
  font-size:12px
}
.fBtns li a i {
  padding:0 15px 0 20px
}
}@media screen and (max-width:320px) {
  .fBtns {
  margin-top:-60px
}
.fBtns li {
  margin-top:0
}
}#cnzz_stat_icon_1272376911 {
  display:none!important
}
.pcsearch_input{
  display: inline-block;
  width: calc(100% - 0.7rem);
  border: 0;
  border-bottom: 1px solid #fff;
  outline: 0;
  vertical-align: middle;
  font-size: 16px;
  line-height: 2;
  color: #fff;
  background: 0 0;
  font-family: inherit;
  color: #fff;
}
.pcsearch_input::-webkit-input-placeholder{
  color: #fff;
}
.pcsearch_btn{
  cursor: pointer;
}
.Tpiaochuan{
  width:613px;
  height:285px;
  background:url('../images/bgx-1.png') no-repeat center center;
  position:fixed;
  left:50%;
  margin-left:-250px;
  z-index:9999;
  top:50%;
  margin-top:-115px;
  background-size:100% 100%;
  -webkit-background-size:100% 100%;
  -moz-background-size:100% 100%;
  display:none;
  opacity:0.9; -html-opacity:0.9;
}
.Tpiaochuan .zixun{ position:absolute; bottom:54px; left:114px; cursor:pointer;}
.Tpiaochuan .noneyin{ position:absolute; bottom:54px; right:141px; cursor:pointer;}
.Tpiaochuan .youxuan{ position:absolute; bottom:16px; left:11px; cursor:pointer;}
@media screen and (max-width: 750px) {
  .Tpiaochuan{
    width:320px;
    height:149px;
    margin-left: -160px;
  }
  .Tpiaochuan .zixun{bottom: 14px;left: 20px;}
  .Tpiaochuan .noneyin{bottom: 14px;right: 11px;}

}



.bottomlx {
    display: block;
    font-size: 14px;
    text-align: center;
    width: 350px;
    margin: 0 auto;
    font-size: 22px;
    color: #fff;
    background-color: #0B328E;
    line-height: 57px;
}

.bottomlx:hover{ color:#FFFFFF;}

.section {
    width: 1200px;
    margin: 0 auto;
}
.seotitle {
    font-size: 36px;
    color: #000;
    text-align: center; font-weight:500;
    padding-top: 60px;
    display: block;
}
.seotitle span {
    font-size: 18px;
    display: block;
    margin-top: 20px;
    color: #333;
}

/*the reason*/
.reason{margin-top: 70px;position:relative;width:100%;height:510px;}
.reason img{display:block;}
.reason-cen{
    width:734px;
    height:521px;
    position:absolute;
    left:50%;
    margin-left:-367px;
    /* z-index: 2; */
}
.reason-01{position:absolute;left: 146px;top:0;}
.reason-02{position:absolute;left: 65px;top: 126px;z-index:-1;}
.reason-03{position:absolute;left: 21px;top: 251px;}
.reason-04{position:absolute;left: -9px;top: 358px;}
.reason-05{position:absolute;right: 139px;top:0;}
.reason-06{position:absolute;right: 69px;top: 126px;z-index: -1;}
.reason-07{position:absolute;right: 22px;top: 251px;}
.reason-08{position:absolute;right: -24px;top: 358px;}



@media screen and (max-width: 750px) {
 .section{width:100%;}
.seotitle{    padding-top: 35px;    font-size: 26px;}

.seotitle span{font-size: 14px;    margin-top: 10px;}
.reason {
       height: auto;
    overflow: hidden;
    width: 95%;
    margin: 35px auto;
}
.reason-cen,.reason-01,.reason-02,.reason-03,.reason-04,.reason-05,.reason-06,.reason-07,.reason-08{max-width: 100%;
    height: auto;
    position: initial;
       margin: 10px auto;}
.seothree {
    width: 100%;

    margin-top: 30px;
}
.seotitle1{
width:100%;
}
.seotitle1 h2{ font-size: 26px !important; width:95%; margin:0 auto}
.seotitle1 h3{font-size: 16px;    line-height: 30px;  width:95%;   margin:0 auto 20px;}
.tmbox{    width: 95%; }
.tmbox ul li{        height: 250px;   width: 100%;    margin: 5px auto;}

.tmbox ul li .tmcont {
    width: 95%;
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: 10px;
    left: 0px;
    right: 0;
    padding: 5px;
}
.service02_tit img {
    width: 35%;}
.service02,.service04 img{    display: none;}
.service03 .service03_tit,.service05 .service05_tit {
    padding-top: 0;}

.service05 .leix_list dl {
    height: auto;
}
.service05 .leix_list dd{    width: calc(100% - 75px);}
.leix_list a{display: none;}


}