.xx-tbin {border-radius: .6rem; height:.6rem; position:fixed; left:.3rem; top:3rem; z-index:99999; overflow:hidden}
.xx-tbin .swiper-slide { width:auto !important; height: .6rem; overflow:hidden; border-radius: .6rem;  background:rgba(0,0,0, .8);}
.xx-tbin .swiper-slide img{  width:.6rem; height:.6rem;border-radius: .6rem; float:left;}
.xx-tbin .swiper-slide h1 { color:#fff;  opacity:1;  font-size:.24rem; line-height:.6rem; float:left; margin: 0 .2rem;}
.xx-tbin .swiper-slide h1 span{ margin:0 .1rem; overflow:hidden; text-overflow: ellipsis; display:inline-block; max-width:3rem; white-space:nowrap;}
.xx-tbin .swiper-slide h1 span,.xx-tbin .swiper-slide h1 i { float:left;}
.xx-tbin .swiper-slide-active { background:rgba(0,0,0, .8);}
.xx-tbin .swiper-slide-active h1 { opacity:1; }
.xx-tbin .abc2{ display: block;
    animation: tanc22 8s infinite cubic-bezier(0,0,0.49,1.02);
	animation-delay: 0s; 
	animation-fill-mode:forwards}
.xx-tbin{ 
	animation: tanc 8s infinite cubic-bezier(0,0,0.49,1.02);
	animation-delay: 0s;
	
    }
   

@keyframes tanc {
 0% {
	 opacity:0;
	 top:3rem;
 }
  20%
 {
 opacity:1;
 top:4rem;
 }
  30%
 {
 opacity:0;
 top:3rem;
 }
 50%
 {
 opacity:0;
 }
 100% {
   opacity:0;
   top:3rem;
 }
}
@keyframes tanc22 {
    0% {
        
    }
    50%
    {
		margin-top:0;
    }
    100% {
       margin-top:-0.6rem;
    }
   }
/*通用样式*/
#nb_icon_wrap { width:1px!important; height:1px !important; opacity:0;}
#lxb-container { display:none !important;}
/* 翻页 */
.fenye { text-align:center; margin-top:.4rem; font-size:.4rem; }
.fenye li {padding:0 .2rem; margin:0 .1rem .5rem;display:inline-block; color:#333;}
.fenye a {  height:1rem;   line-height:1rem;  color:#333; }
.fenye li.active { color:#16439b;}
.fenye li.disabled { color:#999;}
.fenye li:nth-child(2),.fenye li:last-child { display:none;}
/* 服务 */

/*******TB************/
.header { position: fixed; left: 0; top: 0;  z-index:2500; background: #16439b; height:1.76rem; top:0; left:0; width:100%; }
.hei18 { height:1.76rem; overflow:hidden;}
.bhome { font-size:.48rem; line-height:1.76rem; position:absolute; left:.5rem; top:0; z-index:2;}
.bhome span { font-size:.9rem; color:#7b7b7b}
.nav-ul { }
.nav-ul a { border-top:1px solid #ececec;display:block; color:#058cd3; height:1.5rem; line-height:1.5rem; text-align:center; font-size:.48rem; }
.nav-ul a:hover { color:#fff; background:#058cd3;}
.shades { background: rgba(0, 0, 0, .3); position: fixed;    left: 0;height: 100%;  width: 100%; top: 0; z-index: 2333; display:none;}
.sh-show { overflow:hidden;}
.logo { height:1rem; display:block; position:absolute; left:.5rem; margin-top:.38rem; }
.logo-r { height:1rem; float:left; margin:.33rem 0 0 .3rem;}
/* Default navigation icon */
.nav-bar2 { position:absolute; right:.5rem; top:.83rem; height:1rem; display:block; z-index:2500;  }
.nav-ac .nav-bar2{}
.nav-icon{display: block; position: relative; width: .8rem; height:.1rem;-webkit-border-radius:2px; border-radius:2px; background-color: #fff; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; z-index:2401}
.nav-icon:before,
.nav-icon:after{content: ''; display: block; width: .8rem; height:.1rem; -webkit-border-radius:2px; border-radius:2px; position: absolute; background:#fff; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; z-index:2401}
.nav-icon:before{margin-top: -0.3rem;}
.nav-icon:after{margin-top: .3rem;}
.nav-ac .nav-icon{background:none;}
.nav-ac .nav-icon:before{margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); background:#fff;}
.nav-ac .nav-icon:after{margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);background:#fff;}

/*left*/ 
.leftsidebar_box {position:fixed; top:0rem; right:-60%; width:50%; height:100%; padding-top:1.76rem; background:#fff; box-shadow:1px 1px 1px #ddd; z-index:2400;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.bar-show { right:0;}
.line {height:2px;width:100%;background-repeat:repeat-x;}
.leftsidebar_box dt a { color:#1f1f1f; display:block;padding-left:1.28rem; text-indent:0;}
.leftsidebar_box dt {color:#1f1f1f;font-size:.52rem;position:relative; text-indent:1.28rem; height:1.4rem; line-height:1.4rem; border-bottom:1px solid #bfbfbf;  background-size:auto .42rem;}
.leftsidebar_box dt.abc { background:url("../images/nav-r2.jpg") 90% no-repeat; color:#f39501;}
.leftsidebar_box dd {background-color:#fff; border-bottom:1px solid #bfbfbf;}
.leftsidebar_box dd a {color:#1f1f1f; line-height:1rem; font-size:.4rem;padding-left:1.28rem;}
.leftsidebar_box dd a:hover { color:#f39501;}
/*******************/
.slider-index .swiper-slide img{ display:block; height:6.4rem; width:100%;}
.swiper-pagination-index { overflow:hidden;height:.44rem; bottom:.3rem !important;  }
.swiper-pagination-index .swiper-pagination-bullet { border:none !important; width:.3rem; height:.3rem; margin:0 .1rem !important;}
.swiper-pagination-index .swiper-pagination-bullet-active { background:#16439b !important;}
/*************************************/
.slider-zl .swiper-slide img{ display:block; height:6.4rem; width:100%; margin-top:.4rem;}
.swiper-pagination-zl { overflow:hidden;height:.44rem; bottom:.3rem !important;  }
.swiper-pagination-zl .swiper-pagination-bullet { border:none !important; width:.3rem; height:.3rem; margin:0 .1rem !important;}
.swiper-pagination-zl .swiper-pagination-bullet-active { background:#16439b !important;}
/*************288f47****************/
/*************/
.abs-icon { width:100%; text-align:center; overflow:hidden; padding: 0 0 0; }
.abs-icon li { width:33.3333%; float:left; transition:all .3s; margin-top: .5rem;}
.abs-icon li:hover { margin-top:0}
.abs-icon li .icon-box { width:1.92rem; height:1.92rem; margin: 0 auto; position:relative; margin-bottom:.2rem; background:#197bc6; border-radius:100%; overflow:hidden;  }
.abs-icon li .icon-box img { width:1.92rem; height:1.92rem; display:block;}
.abs-icon li .icon-box:before,.abs-icon li .icon-box:after {  display:block; content:""; position:absolute; top:1.408rem; height:.624rem; width:2.704rem; background:url(../images/bl2.png) no-repeat; background-size: 100% 100%}
.abs-icon li .icon-box:after  {  background:url(../images/bl1.png) no-repeat;background-size: 100% 100%; left:auto; right:0; }
.abs-icon li .icon-box:before {animation: 4s bolang2 linear infinite;}
.abs-icon li .icon-box:after {animation: 4s bolang3 linear infinite;}

@keyframes bolang2 { 
 0% {
	 left:0
}
50% {
    left:-60px;
}
100% {
     left:0
}
}
@keyframes bolang3 { 
 0% {
	 right:0px
}
50% {
    right:-60px;
}
100% {
    right:0px;
}
}
.abs-icon li h1 { color:#333;}
/******************/

.abs-left { margin-top: .6rem; color: #545454; line-height: .6rem; }
.abs-left .tbt { color: #222; font-size: .48rem; font-weight: bold; margin-bottom: .2rem;}
.abs-left .tbc { height: 3rem; overflow: hidden; font-size: .36rem;}
.abs-right { width: 100%;}
.qy-list { overflow: hidden; margin-top: .5rem;}
.qy-list li { width: 25%; float: left; height: 2.75rem;border: 1px solid #dcdcdc; text-align: center;}
.qy-list li a {color: #626262; position: relative; z-index: 2; }
.qy-list li span { font-size: .7rem; display: block; margin:0 auto; text-align: center; margin: .8rem 0 .2rem; }
.qy-list li h1 { font-size: .4rem; margin-top: .3rem;}
.qy-list li:hover { background: #16439b; border: 1px solid #16439b;}
.qy-list li:hover a { color: #fff;}
.honor-bg { background: url(../images/honor-bg.jpg) no-repeat; background-size: 100% 100%; height: 13.8rem; }
.index-honor { width: 100%; overflow: hidden; }
.index-honor li { float: left; margin:.4rem 0 0 .4rem; width:5.4rem; border: 2px solid #197bc6; overflow: hidden; overflow: hidden;}
.index-honor li img { width:5.4rem; height: 3.8rem; display: block; }
.index-honor .li { float: left; margin:.4rem 0 0 .4rem; width:5.4rem; border: 2px solid #197bc6; overflow: hidden; overflow: hidden;}
.index-honor .li img { width:5.4rem; height: 3.8rem; display: block; }
.gbgg { background:#faf9f7; padding:0 .4rem .6rem;}
.topnav { display:block; margin-top:.4rem !important; margin-left: .375rem !important}
.topnav .swiper-slide { display:block; float:left; width: 2.5rem !important; margin-right:.4rem; font-size:.42rem; height:1rem; line-height:1rem; text-align:center; border: .02rem solid #333; color:#333; border-radius:.1rem; -webkit-border-radius:.1rem;}
.topnav .swiper-slide-thumb-active { background:#197bc6; border: .02rem solid #197bc6; color: #fff; }
.ck-more { width:11.2rem; height:1rem; line-height:1rem; display:block; background:#197bc6; text-align:center;  margin:0 auto; font-size:.4rem; color:#fff; margin-top:.4rem; border-radius: .1rem; -webkit-border-radius: .1rem;} 
.gallery-thumbs2 .swiper-slide {width: 5.4rem !important; }
.gallery-thumbs4 .swiper-slide {width: 3.45rem !important; }
/*******************/
.index-case { width: 100%; overflow: hidden; }
.index-case li { float:left; width:5.4rem; margin: .4rem 0 0 .4rem; line-height: .4rem; position:relative;  color:#484848; }
.index-case li img { width: 5.4rem; height: 3.6rem;}
.index-case li h1 { font-size: .4rem; color: #000; padding: .3rem 0 .2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-case li h3 { height: .8rem; font-size: .32rem; overflow: hidden; display: none;}
.news-bg { background: #197bc6; margin-top: .5rem; padding: 0rem 0 .5rem;}
.news-bg .topnav .swiper-slide { color: #fff; border: .02rem solid #fff;}
.news-bg .topnav .swiper-slide-thumb-active {background:#fff; border: .02rem solid #fff; color: #197bc6; }
.white .index-case li h1 { color: #fff;}
.white .ck-more {border: .02rem solid #fff;}
.contact-bg {background: url(../images/contact-bg.jpg) no-repeat; background-size: 100% 100%; position: relative; height: 12.8rem; }
.map-tu { width:8.464rem; height:6.48rem; background:url(../images/map.png) no-repeat; position: absolute; right: 18%;left:18%;top: 4.464rem; background-size: 100% 100%;}
.china-aa { position:absolute; left:4.6rem; top:1.4rem; color:#fff; padding-bottom:1.3rem; text-align:center; }
.china-aa:before,.china-aa:after {content:""; position:absolute;}
.china-aa:before {  width:0.07rem; height:1rem; background:#fff; bottom:0; left:.46rem;}
.china-aa:after { width:.1rem; height:.1rem; background:#fff; border-radius:.1rem; bottom:0; left:.44rem;}
.cir-map { width:1.6rem; height:1.6rem; position:absolute; left:4.3rem; top:2.68rem;}
.cir-map:before,.cir-map:after { content:""; position:absolute; left:.3rem; top:.3rem; display:block; border-radius:100%; background:rgba(255,255,255,.06); animation: 4s scarl linear infinite;}
.cir-map:before { width:1rem; height:1rem;}
.cir-map:after { width:1.92rem; height:1.92rem; left:-0.16rem; top:-0.16rem; animation-delay:1s;}
@keyframes scarl { 
 0% {
	 transform:scale(1)
}
50% {
    transform:scale(1.5)
}
100% {
     transform:scale(1)
}
}
/*****************/
.abs-con { position: absolute; left: .64rem; top: 3.2rem; z-index: 2; color: #fff; font-size: .36rem; line-height: .56rem; }
.abs-con h1 { font-size: .48rem; margin-bottom: .2rem;  }
.contact-bg .foot-xx { background: none;}
.foot-xx { background: #fff; color: #333; font-size: .36rem; line-height: .6rem; margin-top: .5rem; margin-bottom: .2rem;  width: 100%; text-align: center;}
.foot-xx a { color: #333;}
.index-foot { position: absolute; bottom: .2rem;color: #ffffff; }
.index-foot a { color: #fff;}
.heifoot { height: 1.6rem;;}
.foot { width:100%;  background:#16439b;  height:1.6rem; overflow:hidden; position:fixed; bottom:0; left:0; z-index:90;}
.foot li { float:left; display:block; width:25%; text-align:center; height:1.44rem; font-size:0.4rem; line-height:.6rem;  color:#ffffff; position:relative;}
.foot li img { width: .608rem; display: block; margin: 0 auto; margin-top: .2rem; margin-bottom: .1rem; }
.foot li a { display:block; color:#fff;}
.foot li.on a { color:#fff;}
.foot li .iconfont { font-size:.5rem; }
/***********************/
/************************/
.inban { height: 4.8rem; position: relative; overflow: hidden;}
.ban-con { position: absolute; top: 1.9rem; width: 100%; left: 0; text-align: center; color:#444; font-size: .36rem; line-height: .48rem;}
.ban-con img {height:1.4rem;}
.ban-con h1 {font-size: .56rem;line-height: .8rem;}
.lc-list .swiper-slide{ width:5.4rem; float:left; margin-bottom:.3rem;height: auto;}
.yk-nav { position:relative; padding:0 .6rem; overflow:hidden; width:100%; margin-top:.6rem;}
.lc-swiper { width:10.8rem;  }
.lc-list .swiper-slide a{ display:block; margin:0 auto; width:5.2rem; font-size:.4rem; height:1rem; line-height:1rem; text-align:center; -webkit-border-radius:.1rem;  border-radius:.1rem; background:#fff; border: .02rem solid #999;  }
.case-on { background:#2d4191;  color:#fff;}
.yk-nav .nav-prev,.yk-nav .nav-next { margin-top:0; top:.2rem; }
.yk-nav .current a {background:#197bc6;  color:#fff;}
.yk-nav .nav-prev span,.yk-nav .nav-next span{ color:#686868; font-size:.5rem; }
.yk-nav .nav-prev { }
.yk-nav .swiper-button-next,.yk-nav .swiper-button-prev { background:none;}
/**************/
.aboutus-box { position: relative; z-index: 20; padding:.5rem .5rem .5rem;}
.num-box { height: 2.4rem; position: relative;}
.num-box h1 { position: absolute; top: 0; left: 0; font-size: 4rem; color: #f0f2f5;} 
.num-box h3 { position: relative; z-index: 2; color: #adadad; font-size: .288rem;}
.num-box h3 span { display: block; width: 2.2rem; margin-bottom: .1rem; border-bottom: .1rem solid #197bc6; padding: .5rem .2rem .1rem 0; color: #333535; font-size: .48rem; }
.aboutus-box .txt { position: relative; z-index: 15; font-size: .36rem; line-height: .86rem;}
.aboutus-box .txt p { line-height: .86rem;}
.aboutus-box .txt  img{width:100%!important; height: auto!important;}
.abs-lay1 { overflow: hidden; padding: .5rem; display: none; }
.abs-lay1 li { float: left; font-size: .36rem; width: 50%; padding-right:.2rem; text-align: center; background: url(../images/line.jpg) right .5rem no-repeat;}
.abs-lay1 li:nth-child(2n) { background: none;}
.abs-lay1 li h1 {font-size: .32rem;}
.abs-lay1 li i{ font-size: .8rem; font-style: italic; margin-right: .2rem; position: relative; top: .1rem; color: #c9161f;}
/***************/
.news-timeline { margin-top: .6rem; padding: .3rem 0 .4rem 0;background: #ffffff url(../images/bg_line.jpg) repeat-y 50% 0; background-size: .064rem auto;}
.news-timeline .news-ul{overflow: hidden;}
.news-timeline li{margin-top: .6rem;overflow: hidden;}
.news-timeline li .wrapper{float: right;}
.news-timeline .n-profile{ width: 3.3rem;float: left;}
.news-timeline .n-img img{ display: none; width: 3rem;vertical-align: middle;height: 1.5rem;}
.news-timeline .n-text{float: right;width: 6.1rem;padding-left: .4rem; position: relative; top: -0.2rem; margin-top: .1rem;font-size: .32rem;color: #666;overflow: hidden; line-height: .64rem;}
.news-timeline .n-time{position: relative;display: block;height:.45rem;border-bottom: 1px solid #dfdfdf;margin-bottom: .2rem;line-height: .45rem;color: #005ca9; text-align: right; padding-right: .3rem; font-size: .42rem; font-weight: bold;}
.news-timeline .n-time:after { position: absolute; right: -0.272rem; /*top: .208rem;*/ top: 0; content: ""; display:block; background-image: url(../images/icons-news.png); background-repeat: no-repeat; background-size: 100% 100%; width: .384rem; height: .384rem;overflow: hidden;}
.news-timeline li:hover a{color: #ff503f;}
.news-timeline .n-text h2{ }
.news-timeline .n-text h2 em{ margin-right: .1rem; }
.news-timeline li:nth-child(2n){text-align: right;}
.news-timeline li:nth-child(2n) .wrapper{float: left;}
.news-timeline li:nth-child(2n) .n-profile{float: right;}
.news-timeline li:nth-child(2n) .n-text{float: left;padding-left: 0;padding-right: .5rem;}
.news-timeline li:nth-child(2n) .n-time{text-align: left; padding-left: .3rem;}
.news-timeline li:nth-child(2n) .n-time:after { right: auto; left: -.288rem;}
.news-timeline li:nth-child(2n) .n-text h2 em { float: right; margin-left: .1rem; }
/*************************/
.culture { width: 11.2rem; margin: 0 auto; margin-bottom: .5rem; overflow: hidden; }
.culture li { height: 3.744rem; margin-top: .3rem; position: relative;}
.culture li img { float: left; width: 3.744rem; height: 3.744rem; display: block;}
.culture li .cul-con { width: 6.6rem; float: right; margin: 0 .5rem 0 0; color: #414141; line-height: .56rem;
	 font-size: .36rem; }
.culture li .cul-con .tbt { border-bottom: 1px solid #dcdcdc; line-height: .8rem; padding-top: .8rem; color: #197bc6; font-size: .48rem; margin-bottom: .2rem;}
.culture li .cul-con .tbt em { font-size: .32rem; }
.culture li .cul-con .tbt em::before { content: "/"; margin: 0 .2rem;}
.culture li:nth-child(2n) img { float: right; }
.culture li:nth-child(2n) .cul-con { float: left; margin: 0 0 0 .6rem; text-align: right;}
/*************/
.fc-left { color: #555555; font-size: .36rem; line-height: .5rem; margin: .7rem .5rem .5rem;}
.fc-left span{font-size: .36rem !important;}
.fc-left h1 { font-size: .48rem; color: #222; font-weight: bold; margin-bottom: .2rem;}
.fc-left .tbt { margin-bottom: .4rem;}
/**********************/
.case-detail-slide{width: 100%; position:relative;padding: 0.5rem 0rem;}
.case-info-list .swiper-slide img{  width:100%; display:block;height: 6rem;}
.case-info-list .swiper-slide .hd-xx { background:rgba(0,0,0, 0.5); height:.8rem; line-height:.8rem; position:absolute; left:0px; bottom:0px; width:100%; text-align:center; font-size:.36rem; color: #fff;}
.hei50 { height: 1rem;;}
/*************/
.case-slide { width: 11rem !important; margin: 0 auto;}
.case-slide .swiper-slide img{ height: 8rem;}
.case-slide .swiper-slide h1{position: absolute; left: 0; bottom: -1rem; width: 100%; background: rgba(0, 0, 0, .5); height: 1rem; line-height: 1rem; text-align: center; color: #fff; font-size: .4rem; opacity: 0; transition: all .8s; }
.case-slide .swiper-slide-active h1{ opacity: 1; bottom: 0; }
/**************/
.con-con {position: relative; font-size: .36rem; line-height: .56rem; margin-top: .5rem; color: #444; }
.con-con { overflow: hidden;}
.con-con li { padding:0 .7rem; position: relative;}
.con-con .tbt { color: #414141; padding-left: .7rem; font-size: .48rem; line-height: .5rem; margin-bottom: .2rem;}

.con-con li.c12 { padding-top: .2rem; }
.con-con li.c12 h1 { margin-top: .1rem; line-height: .7rem; color: #eb3c00; font-size: .48rem; font-weight: bold; background: url(../images/tel.jpg) 0 no-repeat; background-size: .64rem auto; padding-left: .7rem; height: .7rem;}
.con-con li.c13 { width: 4rem; text-align: center; position: absolute; right: 0; bottom: 0; }
.con-con li.c13 p { text-align: center; }
.con-con li.c13 img { width: 2.1rem; height: 2.1rem;}
.con-con li.c13 h1 { font-size: .56rem;}
.ly-bg { height: 8rem; background: url(../images/ly.png) bottom center no-repeat; background-size: 100% auto;}
.ly-list { margin: .6rem 0 0 .5rem;}
.ly-list li { position: relative; color: #434343; font-size: .36rem; line-height: .48rem; padding: 0 0 .6rem .7rem;}
.ly-list li img { position: absolute; left: 0; top: 0; width: .5rem; }
.ly-inp,.ly-area { margin-top: .2rem; padding:.1rem .2rem; border: 1px solid #dcdcdc !important; line-height: .48rem; width: 8rem; background: #fff;}
.ly-inp:focus,.ly-area:focus{ box-shadow: 0 0 .1rem #197bc6;border:1px solid #197bc6;}
.ly-area { height: 1.92rem; resize: none;}
.ly-sub { width: 2.56rem; height: 1rem; line-height: 1rem; text-align: center; cursor: pointer; background: #197bc6; color: #fff; font-size: .48rem; transition: all .3s; box-shadow: 0 0 .1rem #888 }
.ly-sub:active { margin-top: .1rem;}
/********************/
/******/
/*************************/
.zp-ul { overflow:hidden; margin-top:.2rem;} 
.zp-li { overflow:hidden; border:1px solid #d7d7d6; margin-top:.2rem;}
.zp-bom {  border-top:1px solid #d7d7d6; font-size:.32rem; color:#878787; line-height:.5rem; display:none; position:relative;}
.dww{ position:relative; display:inline-block; margin-left:10px; font-size:16px; color:#ef8a14;top: 0px;left:0px;}

.zp-top { height:1rem; font-size:.32rem; line-height:1rem; background:#197bc6; color:#fff; margin-top:.8rem;}
.sp2{ width:16.666%; float:left; text-align:center;}
.zp-head { height:.8rem;  color:#5b5b5b; line-height:.8rem; font-size:.32rem;overflow: hidden; }
.zp-head .arrow{ background:url(../images/zp-drop.png) no-repeat; display:inline-block; width:17px; height:10px; -webkit-transition:all .4s; transition:all .4s;}
.le_on1 { background:#197bc6; color:#fff;}
.le_on1 .arrow{ -webkit-transform:rotate(180deg);  transform:rotate(180deg);}
/*****************/
.hon-container { margin:.6rem .4rem .5rem; width:11.2rem; margin-top:.6rem !important; }
.hon-container:before,.hon-container:after  { display:none; content:""; position:absolute; left:0; top:0; width:50px; height:100%; z-index:9; background:#fff; }
.hon-container:after { left:auto; right:0;}
.hon-container .sev-next,.hon-container .sev-prev { position: absolute; width:.512rem; height:.512rem; background:url(../images/prev.png) no-repeat; background-size: auto .512rem; top: 50%; margin-top: -0.256rem;}
.hon-container .sev-next { background-position:-1.728rem 0; right:0;z-index: 50;}
.hon-container .sev-prev { background-position:0 0; left:0;z-index: 50;}
.hon-container .sev-next:hover { background-position:-1.216rem 0;}
.hon-container .sev-prev:hover { background-position:-0.512rem 0;}

.hon-list1 img { width:100%; height:3.9rem;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;display: block;}
.hon-list1 img:hover {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.hon-list1 .swiper-slide {  font-size:.32rem; line-height:.4rem; border: 2px solid #197bc6; overflow: hidden;}
/*******/
.hon2 { padding-bottom:.8rem;}
.hon-list2 img {width:100%; height:7.7rem;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;display: block;}
.hon-list2 img:hover {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.hon-list2 .swiper-slide { font-size:.32rem; line-height:.4rem; border: 2px solid #197bc6; overflow: hidden;}






/***********************/
.fw-bg { height: 8.8rem; background: url(../images/bg-line1.jpg) top center no-repeat; background-size: 100% 100%; padding-top: 1.26rem; margin-top: .5rem;}
.fw-box { overflow: hidden; margin-top: .5rem;}
.fw-box li { width: 33.33%; float: left; color: #ffffff; font-size:.36rem; line-height:.5rem; text-align: center;}
.fw-box li .fw-top { position: relative; width: 2.88rem; height: 2.88rem; padding: .352rem; margin: 0 auto; margin-bottom: .2rem;}
.fw-box li h1 { font-size: .36rem;}
.fw-box li .fw-top em { width: 2.176rem; height: 2.176rem; padding: .528rem 0 0 .528rem; border-radius: 100%; display: block; background: #fff; position: relative; z-index: 5;}
.fw-box li .fw-top img { width: 1.12rem; height: 1.12rem; display: block;}
.fw-box li .fw-top::before{ position: absolute; left: .272rem; top: .272rem; content: ''; display: block; width: 2.336rem;height: 2.336rem;border-radius: 100%;background-color: #fff;opacity: 0.7;
	animation: scale 2s infinite cubic-bezier(0,0,0.49,1.02);
	animation-delay: 0s;
	animation-delay: 100ms;
	transition: 0.5s all ease;
	transform: scale(1);}
@keyframes scale {
 0% {
  transform:scale(1);
 }
 50%
 {
  transform:scale(1.1);
 }
 100% {
  transform:scale(1);
 }
}
.gl-list { margin:.4rem .4rem 0;}
.gl-list li{ overflow:hidden; padding:.4rem 0; line-height:.48rem; border-bottom: 1px solid #d7d7d7;}
.gl-list li img { width:3.76rem; height:1.92rem; display:block; float:left; margin-right:.3rem;}
.gl-list li h1 { font-size:.4rem; color:#575757; font-weight:bold; height:.48rem; overflow:hidden;}
.gl-list li h3 { font-size:.288rem; overflow:hidden; height:.96rem;}
.gl-list li h5 { font-size:.32rem;}
/********************/

/**************************/
.tec-bg { background: url(../images/bg-line2.jpg) top center no-repeat; background-size: 100% 100%;}
.tec-box li{ width: 25%; margin-top: .5rem;}
.tec-box li h3 { margin-top: .2rem; font-size: .32rem}
/********************/
.brand-list { overflow: hidden; width: 11rem; margin: 0 auto; margin-top: .3rem; background: #dcdcdc; padding: 1px;  }
.brand-list li { float:left; width:25%; height:1.65rem; border:1px solid #dcdcdc; position:relative; }
.brand-list li:before { display: none; content: ""; width: 200px;height: 100px;position: absolute;border: 1px solid #fff;top: 20px;left: 20px;transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; }
.brand-list li:hover:before {width:242px; height: 147px;  left: -2px; top: -2px; border: 2px solid #16439b; opacity: 1; z-index: 1;}
.brand-list li img { display:block; width:100%; height:100%; }
.brand-list li:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
/*************/
.abs-left .info-c{ margin: 0;}
.cul-list { overflow: hidden;}
.cul-list li {  overflow: hidden; margin-top: .5rem; background: #f5f5f5; color: #585858; font-size: .4rem; line-height: .7rem; }
.cul-list li img {  width: 100%;  display: block; }
.cul-list li .cul-right {  padding: .5rem .4rem;}
.cul-list li .tbt { color: #9e9e9e; font-size: .4rem; margin-bottom: .2rem;}
.cul-list li .tbt h1 { color: #585858; font-size: .44rem;}
/*************/
.fz-left { color: #16439b; font-size: .48rem; line-height: .7rem;margin-top: .6rem;}
.fz-left h1{ color: #9e9e9e; font-size: .56rem; }
.fz-right { position: relative; overflow: hidden;margin-top:.5rem;}
.fz-right::before { content: ""; position: absolute; left: .176rem; top: .1rem; width: 1px; height: 100%; background: #dcdcdc; }
.fz-right li { position: relative; z-index: 10; font-size: .36rem; padding: 0 0 .48rem .8rem;color: #4b4b4b; line-height: .5rem; background: url(../images/fz1.jpg) 0 .1rem no-repeat; background-size: .352rem .352rem;  }
.fz-right li .date { color: #9e9e9e; font-size: .42rem; }
.fz-right li::before { content: ""; position: absolute; left: .544rem; top: .128rem; width: .16rem; height: .288rem; background: url(../images/fz2.jpg) no-repeat; background-size: 100% 100%;}
.case-table { line-height: .5rem; text-align: center; margin-top:.7rem;font-size: .288rem; background: #fff;}
.case-table th { text-align: center; background: #6da97f; color: #fff; font-size: .36rem; font-weight: bold; padding: .1rem 0;}
.case-table tr:nth-child(2n-1) { background: #e5e5e5;}
/*************/
.honor { overflow: hidden; width: 100%; margin-top: .5rem; }
.honor li{ float: left; width: 5.4rem; margin: .4rem 0 0 .4rem; text-align: center; border: 1px solid #d7d7d7; line-height: .7rem; }
.honor li .tb-box { width: 5.4rem; height: 4.05rem; border: 2px solid #197bc6;  margin-bottom: .2rem;  }
.honor li a { color: #2c2c2c; font-size: .38rem; } 
/***************/
.back-btn{  width:3rem; height:1rem; color: #fff; display:block; margin: 0 auto; text-align:center; line-height:1rem; background: #16439b; font-size: .4rem;}
.case-list { overflow: hidden;  margin-top:.2rem; width:12rem; }
.case-list li { float: left; width: 5.4rem; margin: .5rem 0 0 .4rem; line-height: .48rem;  position: relative;}
.case-list li a { display: block; color: #777;}
.case-list li .tb-box { width: 5.4rem; height: 3.68rem; display: block;}
.case-list li h1 { color: #222; font-size: .42rem; overflow: hidden; height: .48rem; margin: .3rem 0 .1rem;}
.case-list li h3{ overflow: hidden; font-size:.32rem; height: .96rem;}
/*******************/

/**********/
.con-tit9 {  margin-top: .8rem; color: #232e3a; font-size: .48rem; text-align: center; }
.con-four { overflow: hidden; padding: .6rem 0 0rem;}
.con-four li { width: 50%; float: left; padding:1.2rem .2rem 0; height:5.6rem; border:1px solid #d7d7d7; text-align: center; color: #666666; font-size: .32rem; line-height: .48rem; }
.con-four li img { height: .768rem; }
.con-four li h1 { color: #2e2e2e; font-size: .44rem; margin: .3rem 0 .3rem;  }
.con-four li h3 { font-size: .32rem; }
.con-four li h5 { font-size: .32rem; }

#containermap{width:100%;height:8rem;background-color:#eee; margin-top: .8rem;}
#containermap .tt{ padding:0;margin:0;line-height:.5rem;font-size:.48rem; position:relative; padding: .2rem .2rem 0; }
#imgDemo{float:left;width:60%; margin-left: 20%; display: none;}
#containermap .add{  font-size:.36rem;line-height:.6rem;padding:0;margin:0;color:#666; position:relative;padding: .2rem .2rem 0; }

.zp-list {   overflow: hidden; margin-top: .2rem;  } 
.zp-list li { float: left; width: 5.4rem; height: 6.4rem; background: #fff; padding: .5rem; position: relative; margin: .4rem 0 0 .4rem; color: #333333; line-height: .5rem; box-shadow: .1rem .1rem .1rem #ccc;}
.zp-list li .tbt { border-bottom: 1px solid #e5e5e5; padding-bottom: .2rem; margin-bottom: .2rem;}
.zp-list li .tbt h1 { color: #444444; font-size: .4rem;}
.zp-list li .tbc h3 { height: 1.5rem; font-size: .32rem; overflow: hidden;;}
.zp-list li .tbc h5 { margin-top: .1rem;}
.zp-more { width:3rem; height: 1rem; line-height: 1rem; background: #e5e5e5; color: #333; font-size: .38rem; text-align: center; display: inline-block; margin-top:.3rem; border-radius: 1rem;}

.zp-list li:hover { background: #16439b; color: #fff;}
.zp-list li:hover .tbt { border-bottom: 1px solid #fff;}
.zp-list li:hover .tbt h1 { color: #fff;}
.zp-list li:hover .zp-more { background: #fff; color: #16439b;}

/***********/

/**************************/
.index-lay2 { height: 750px; overflow: hidden; background: url(../images/index-lay2.jpg) top center no-repeat}
.index-lay2 .case-top a{ border: 1px solid #dcdcdc; color: #fff;}
.index-lay2 .case-top a.ns-on { color: #16439b;}
.index-lay2 .case-top a:before { background: #fff;} 
.jh-list { overflow: hidden; width: 1200px; margin: 0 auto; margin-top: 30px;}
.jh-list li { width: 25%; float: left; text-align: center; color: #ffffff; font-size: 16px; line-height: 24px; margin-top: 45px; text-shadow: 2px 2px 2px #888;}
.jh-list li .tbt { position: relative; width: 116px; height: 121px; padding: 34px; margin: 0 auto; margin-bottom: 8px; }
.jh-list li .tbt::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/cir.png) no-repeat;transition: all .3s;}
.jh-list li .tbt img { width: 48px; height: 48px;z-index: 2; position: relative; }
.jh-list li:hover .tbt::before { transform: rotate(360deg);}
/***************************************/
/********************/

.imforwarp {width:1021px; overflow:hidden; margin-top:55px;}
#lightbox-infoFooter { display:block !important;}
#lightbox-caption-title {text-decoration:none !important; color:#000000; font-size:14px; }
#lightbox-currentNumber {display:none !important;}
#lightbox-close {background:url(../images/close8.png) no-repeat; width:32px!important; transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s;  height:32px; position:absolute; right:-14px; top:-14px; z-index:9999;}
#lightbox-close:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
#lightbox-imageBox,#lightbox-infoBox{border:#FFF 5px solid !important;}

.cool-l span{position:absolute;background:#16439b;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}
.cool-l .line1{left:-2px;top:-2px;width:0%;height:2px}
.cool-l .line2{right:-2px;top:-2px;width:2px;height:0%}
.cool-l .line3{right:-2px;bottom:-2px;width:0%;height:2px}
.cool-l .line4{left:-2px;bottom:-2px;width:2px;height:0%}
.cool-l:hover .line1,.cool-l:hover .line3{width: 156px;}
.cool-l:hover .line2,.cool-l:hover .line4{height:38px;}






#lightbox * { box-sizing:content-box;}
.imforwarp {width:1021px; overflow:hidden; margin-top:55px;}
#lightbox-infoFooter { display:block !important;}
#lightbox-caption-title {text-decoration:none !important; color:#000000; font-size:14px; }
#lightbox-currentNumber {display:none !important;}
#lightbox-close {background:url("../images/close8.png") no-repeat; font-size:0; width:32px!important; transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s;  height:32px; position:absolute; right:-15px; top:-15px; z-index:9999; cursor:pointer;}
#lightbox-close:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
#lightbox-imageBox,#lightbox-infoBox{border:#FFF 5px solid !important;}
/******************/
.case-list2 { overflow: hidden; width: 1270px; }
.case-list2 li { width: 370px; float: left; margin: 40px 40px 0 0; color: #8e8e8e;}
.case-list2 li a {color: #8e8e8e;}
.case-list2 li .tb-box { width: 370px; height: 260px; }
.case-list2 li h1 { font-size: 18px; color: #2f2f2f; margin: 15px 0 5px}
.feedback { margin-top: 0;}
.feedback li{ padding: 0; border: 1px solid #d7d7d7; width: 267px; margin: 40px 40px 0 0; }
.feedback li .tb-box { height: 328px; width: 265px; }
/***************/
/***************/

/*****************/
.con-four { overflow: hidden; padding: 60px 0 40px;}
.con-four li { width: 25%; float: left;height:270px; padding:30px 20px 0;  text-align: center; color: #4e4e4e; font-size: 14px; line-height: 24px;  border-left: none; }
.con-four li:first-child {  }
.con-four li img { height: 80px; }
.con-four li h1 { color: #2e2e2e; font-size: 20px; margin: 15px 0 10px;  }
.con-four li h3 { font-size: 18px;  color:#bc2b36; }
.con-four li h5 { color:#4e4e4e; font-size:15px;}
.con-four li.dlay5 h5,.con-four li.dlay7 h5  { color:#bc2b36;}
/**************/
/**************************/
.news-list { overflow:hidden; position: relative;}
.news-list:before { content:""; position:absolute; left:50px; top:55px; background:#dcdcdc; width:1px; height:100%;}
.news-list li { overflow:hidden; position:relative; padding:45px 450px 45px 130px;  color:#6e6e6e; line-height:24px; }
.news-list li:before { content:""; position:absolute; left:50px; bottom:0; width:1150px;background:#dcdcdc; height:1px;}
.news-list li .date-a1 { position:absolute; left:0; top:55px; width:100px; height:100px; text-align:center; line-height:100px; background:#16439b; color:#ffffff; font-size:24px;}
.news-list li img { position:absolute; width:410px; height:210px; right:0; top:45px;}
.news-list li h1 { color:#515151; font-size:22px; line-height:30px;}
.news-list li h3 { height:96px; overflow:hidden;}
.news-list li a { color:#6e6e6e;}
.news-tit { margin:15px 0 20px; position:relative;}
.news-tit span { margin-right:20px;}
.news-tit span:last-child { position:absolute; right:0; top:0; margin-right:0;}

/*********/

/****************/










/***********/
.ck-m { position: relative; width:2rem; height:1rem; line-height:1rem; text-align:center; color:#575757; font-size:.36rem; display:block; border: 1px solid #dcdcdc; margin-top: .3rem; }
.ck-m:hover { color: #16439b; }
.ck-m span{position:absolute;background:#16439b;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}
.ck-m .line1{left:-1px;top:-1px;width:0%;height:1px}
.ck-m .line2{right:-1px;top:-1px;width: 1px;height:0%}
.ck-m .line3{right:-1px;bottom:-1px;width:0%;height:1px}
.ck-m .line4{left:-1px;bottom:-1px;width:1px;height:0%}
.ck-m:hover .line1,.ck-m:hover .line3{width: 100px;}
.ck-m:hover .line2,.ck-m:hover .line4{height:40px;}
.gallery-top {}
.gallery-thumbs66 { display:block; margin-top:.7rem !important; margin-left: .7rem !important;}
.gallery-thumbs66 .swiper-slide { display:block; float:left; width: 3rem !important; margin-right:.35rem !important; font-size:.42rem; height:1rem; line-height:1rem; text-align:center;  border: 1px solid #dcdcdc;  color:#fff; border-radius:.1rem; -webkit-border-radius:.1rem;}
.gallery-thumbs66 .swiper-slide-thumb-active {  }
.gallery-thumbs66 .swiper-slide em { position: relative; z-index: 2; display: block }
.gallery-thumbs66 .swiper-slide:before { content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; background: #16439b;  transition: all .3s; opacity: 0; border-radius:.1rem; -webkit-border-radius:.1rem; }
.gallery-thumbs66 .swiper-slide-thumb-active {color: #fff; border: 1px solid #16439b;}
.gallery-thumbs66 .swiper-slide-thumb-active:before{ left: 0; top: 0; width: 100%; height: 100%; opacity: 1;}




/**************************/
.index-lay2 { height: 12.96rem; padding-top: .3rem; overflow: hidden; background: url(../images/index-lay2.jpg) top center no-repeat; background-size: 100% 100%;}
.index-lay2 .title h1{ color: #fff;}
.index-lay2 .case-top a{ border: 1px solid #dcdcdc; color: #fff;}
.index-lay2 .case-top a.ns-on { color: #16439b;}
.index-lay2 .case-top a:before { background: #fff;} 
.jh-list { overflow: hidden;margin-top: .5rem;}
.jh-list li { width: 25%; float: left; text-align: center; color: #ffffff; font-size: .32rem; line-height: .48rem; margin-top: .5rem; text-shadow: 2px 2px 2px #888;}
.jh-list li h1 { font-size: .32rem; height: .96rem;;}
.jh-list li .tbt { position: relative; width: 1.856rem; height: 1.936rem; padding: .544rem; margin: 0 auto; margin-bottom: .1rem; }
.jh-list li .tbt::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/cir.png) no-repeat; background-size: 100% 100%; transition: all .3s;}
.jh-list li .tbt img { width: .768rem; height: .768rem;z-index: 2; position: relative; }
.jh-list li:hover .tbt::before { transform: rotate(360deg);}
/*****************************************/

/************/

/*********/
/***************************/
.adv-bg { position: relative; height: 15rem; background: url(../images/index-lay4.jpg) top center no-repeat; background-size: 100% auto; overflow: hidden; margin-top: .5rem; padding-top: .5rem;}
.vs-box { padding: 0 .4rem; margin-top: .5rem; position: relative;}
.vs-left { width: 50%; float: left; background: #e1e0e0; height: 11.2rem; }
.vs-left .tbt { height: 1.344rem; background: url(../images/adv-v.jpg) no-repeat; background-size: 100% 100%; text-align: center;line-height: 1.088rem; font-size: .4rem; color: #fff;}
.vs-box ul { padding: 0px .6rem 0;}
.vs-box ul li { color: #717171; font-size: .288rem; line-height: .448rem; height: 2.3rem; overflow: hidden;  }
.vs-box ul li h1 { color: #8e8e8e;  font-size: .42rem; margin: .4rem 0 .1rem; font-weight: bold; }
.vs-right { background: #fff;}
.vs-right .tbt {background: url(../images/adv-s.jpg) no-repeat; background-size: 100% 100%;}
.vs-right ul li h1  { color: #16439b;}
.vs-icon { width: 1.152rem; position: absolute; left: 50%; margin-left: -0.576rem; top: .31rem; z-index: 10;}
.vs-icon img {  width: 1.152rem; height: 1.152rem; display: block; margin-top: 1.14rem;}
/*****************/
/********************************/
.jhs-lay2 { overflow: hidden; padding: 0 .4rem;}
.jhs-lay2 li { float: left; text-align: center; width: 1.8rem; height: 1.8rem; margin:.4rem .5rem; font-size: .4rem; line-height: .6rem; padding: .3rem 0; background: #fcb117; color: #fff; font-weight: bold; border-radius: 100%;}
.jhs-lay2 li.oth { padding-top: .6rem;  font-weight: bold; }
.jhs-con { color: #505050; font-size: .36rem; line-height: .5rem; }
.pdlr30 { padding: 0 30px;}
/**********/
.jhs-sevice {  margin-top: .6rem; }
.jhs-list { overflow: hidden; margin: 0 .5rem;}
.jhs-list li { position: relative; margin-top: .6rem; }
.jhs-list li img { display: block; width: 100%; margin: .5rem 0 .4rem}


.jhs-lay1 {  position: relative; text-align: center; margin-top: .6rem;}
.fg-line { position: relative; padding-top: 15px; margin-bottom: 30px;}
.fg-line em { width: 6px; height: 150px; position: relative; z-index: 5; display: block; background: #fcb117; margin: 0 auto;}
.fg-line::before,.fg-line::after { content: ""; position: absolute; left: 50%; border-radius: 100%;}
.fg-line::before { width: 20px; height: 20px; background: #fdd88b; margin-left:-10px; top: 10px; z-index: 3; box-shadow: 0 0 2px #fcb117; }
.fg-line::after { width: 16px; height: 16px;  background: #fcb117; top: 12px; margin-left: -8px; z-index: 4;}
.inn-stitle { color: #262626; font-size: .4rem; line-height: .7rem; text-align: center;}
.inn-stitle h1 { color: #9f9f9f; font-size: .64rem; }
.fg-line::before {  animation: 2s scar2 linear infinite; }
@keyframes scar2 { 
 0% {
 transform: scale(1)
}
50% {
	transform: scale(1.6)
   }
100% {
	transform: scale(1)
}
}

/************************/
.yaoqinghan { overflow: hidden; margin: .2rem .5rem 0;}
.yaoqinghan li { position: relative;  width: 100%; margin-top: .5rem	 }
.yaoqinghan li .tb-box { width: 100%; height: 7.4rem;}
.yaoqinghan li .yqh-box { position: absolute; left: 0; bottom: 0; background: rgba(255, 138, 0, .7); height: 1.6rem; width: 100%; padding: .3rem .3rem 0 2.1rem; line-height: .5rem; color: #ffffff; font-size: .36rem;}
.yaoqinghan li .yqh-box h3 { height:1rem; overflow: hidden;;}
.yaoqinghan li .yqh-box .part { width: 1.5rem; height:.8rem; background: #fff; text-align: center; position: absolute; left: .3rem; top:.4rem; padding: .08rem;}
.yaoqinghan li .yqh-box .part em { display: block; color: #16439b; border: 1px solid #16439b; height: .64rem; line-height: .64rem; font-size: .36rem; }
/***********/
.v-close { display:block; position: absolute; top: 0; right: 0; width: .44rem; height: .44rem; background:url(../images/close6.png) no-repeat; background-size: 100% 100%;  transition:all 200ms ease 0s;}
.v-close:hover {  transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.tc-vio { position: fixed; display: none;  left:4%; top:50%; margin-top:-3.68rem; width:92%; height:7.36rem; -webkit-border-radius:5px;z-index: 1001; border-radius:.1rem; border: .1rem solid #fff; background:#000;} 
.shade-bg { background: rgba(0,0,0, .5); position: fixed;   width: 100%;  height: 100%; top: 0px;
    left: 0px; z-index: 990; display: none;}
/*******************/
.audio-list { overflow: hidden;  margin: .5rem .5rem 0; }
.audio-list li { color: #7c7c7c; line-height: .5rem; overflow: hidden; padding: .3rem 0; border-bottom: 1px solid #d7d7d7; }
.audio-list li .audio-box .abcs { position: absolute; right: 0; bottom: 0; width: .8rem; height: .8rem; }
.audio-list li .audio-box { position: relative; float: left; width: 2.912rem; height: 2.912rem; display: block; margin-right: .4rem;}
.audio-list li .audio-box img { width: 100%; height: 100%;}
.audio-list li h1 { color: #292929; font-size: .4rem; margin: .3rem 0 .2rem;}
/*******************/
/*****************************/
.guide-list { overflow: hidden; margin: .8rem .5rem 0;  } 
.guide-list .gb-box { width: 7.04rem; height: 6.72rem; margin: 0 auto ; background: url(../images/gd-bg.jpg) no-repeat; background-size: 100% 100%;  position: relative; padding:.576rem 0 0 .72rem;}
.guide-list .gb-box img{ width: 5.456rem; height: 5.456rem; border-radius: 100%; display: block;; }
.guide-list .gb-box em { width: 1rem; height:1rem; display: block; position: absolute; text-align: center; line-height: 1rem; color: #fff; border-radius: 100%;}
.guide-list .gb-box em.cm1 { left: .8rem; top: 1rem; background: #ffa000;}
.guide-list .gb-box em.cm2 { right: .672rem; bottom: 1.6rem; background: #515151}
.gd-right {}
.gd-right .tbt { color: #ff9326; font-size: .48rem;}
.gd-list li { position: relative; padding: .1rem 0 .1rem 1rem; margin-top: .5rem; line-height: .6rem; color: #545454; }
.gd-list li em { width: .672rem; height: .672rem; display: block; position: absolute; left: 0; top: 0; text-align: center; line-height: .672rem; color: #fff; background: #ff9326; font-size: .36rem; font-weight: bold; font-style: italic; border-radius: 100%;}
/********************************/
.gd-pic3  { overflow: hidden; text-align: center; margin-top: .6rem;;}
.gd-pic3 img { width: 3.5rem; height: 2.45rem; margin: 0 .1rem;}


/**********************/
.con-four2 { overflow: hidden; margin: .8rem .5rem 0; border-top: 1px solid #ddd;}
.con-four2 li { overflow: hidden; color: #4e4e4e; font-size: .36rem; line-height: .56rem; border-bottom: 1px solid #ddd; }
.con-four2 li img { position: absolute; right: 10.2rem; height: .5rem;;  top: 0px; }
.con-four2 li h1 { float: right; position: relative; color: #2e2e2e; width: 10rem; font-size: .42rem; margin: .2rem 0; text-align: left;  }
.con-four2 li h3 { font-size: .36rem;  color:#404040;  }

.conta-wei { width: 2.6rem ; float: left; margin-right: .5rem;}
.conta-wei .con-wex { position: relative; height: 2.6rem; width: 2.6rem; right: 0;;;}
.conta-wei h1 { width: 1.5rem !important;}
.conta-wei h1 img { right: 1.7rem;}
/**************/
/***************/










/***************************************/
.aabc-box { position: relative; overflow: hidden;}
.hon-pic { margin-top: 60px !important; }
.case-pic2 { padding-left: 40px;}
.case-pic2 li { position: relative; width: 525px !important;  margin-right: 75px;}
.case-pic2 li .tb-box { width: 474px; height: 332px;  position: relative;}
.case-pic2 li .c-date { position: absolute; left: 70px; bottom: 0; width: 110px; height: 38px; line-height: 38px; text-align: center; background: #9a9a9a; color: #fff;}
.case-centent .tbc{ width: 455px; height: 120px; background: #fafafa; margin-left: 70px; padding: 20px 25px 0; color: #777; line-height: 24px;}
.case-centent h1 { color: #363636; font-size: 18px; margin-bottom: 8px;}
.case-centent h3 { height: 48px; overflow: hidden;}
.case-centent .tb-more { width: 145px; height: 48px; line-height: 48px; text-align: center; color: #fff; background: #16439b; font-size: 16px; float: right; margin: 28px 20px 0 0; opacity: 0; transition: all .3s;}
.case-pic2 li:nth-child(2n) { padding-top: 110px; background: url(../images/lay-tit2.png) top left no-repeat} 
.case-pic2 li:hover .tb-more{ opacity: 1; margin-right: 0; }
.case-pic2 li:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.case-pic2 li:hover .tbc { background: #16439b; color: #fff;}
.case-pic2 li:hover .tbc h1 { color: #fff;}
.aabc-box .sev-next,.aabc-box .sev-prev { position: absolute; left: 50%;; width: 64px; height: 49px; background: url(../images/prev.jpg) no-repeat; transition: all .3s;}
.aabc-box .sev-prev { margin-left: -116px; top: 226px; background-position: 0px 0;}
.aabc-box .sev-next { margin-left: 485px; top: 336px; background-position: -192px 0;}
.aabc-box .sev-prev:hover {background-position: -64px 0;} 
.aabc-box .sev-next:hover {background-position: -128px 0;} 

/*******************************************/

.huasbox {
	position: relative;
	width: 1130px;
	height: 364px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 100px;
}

.gallery-top {
	width: 1100px;
	height: 364px;
	background: #fff;
	overflow: hidden;

}
.gallery-top .swiper-slide { background: #fff;}
.gallery-top .tb-con {
	padding: 30px;
	width: calc(100% - 550px);
	height: 360px;
	position: relative;
	float: left;
	color: #7e7e7e;
	line-height: 26px;
}

.gallery-top img{
	width: 520px;
	height: 364px;
	float: left;
}

.gallery-top .tb-con h1 {
	font-size: 22px;
	color: #333333;
	margin-bottom: 8px;
}
.gallery-top .tb-con h3 {
	margin-top: 10px;
	height: 52px;
	overflow: hidden;
}
/************/
.huasbox .gallery-thumbs {display: block;position: absolute; right: 25px; top: 188px; width: 660px; z-index: 22;}
.gallery-thumbs .swiper-slide{  overflow: hidden; margin-left: 20px; width: 200px !important; height: 140px !important;}
.gallery-thumbs .swiper-slide img{ width: 100%; height: 100%; }
.gallery-thumbs .swiper-slide::before { content: ""; position: absolute; left: 0px; opacity: .3; transition: all .3s; top: 0; width: 100%; height: 100%; background: #000; padding: 30px 25px 0; color: #ffffff; line-height: 26px;}
.gallery-thumbs .swiper-slide:hover::before,.gallery-thumbs .swiper-slide-thumb-active::before{ opacity: 0; left: 20px;}
.pre-box { z-index: 33; position: absolute; right: 0px; top: 227px; width: 50px;}
.pre-box .swiper-button-prev22, .pre-box  .swiper-button-next22{  top: 0px; left:0px; position: absolute;
width: 49px; height: 49px; background:url(../images/prev.jpg) -8px 0 no-repeat;transition: all .3s;}
.pre-box  .swiper-button-next22 { top: 60px; background-position: -200px center;}
.gallery-thumbs .swiper-slide:hover .hs-bshade,.gallery-thumbs .swiper-slide-thumb-active .hs-bshade{ opacity: 1; left: 0;}
.coop-box8 { height: 460px; overflow: hidden;}
/********************/
/********************/
/********************/


.wz{  height:30px; line-height:30px; color:#7b838e;padding-left: 32px; margin: 10px 0; background: url(../images/wz.jpg) 0 no-repeat;font-size: 16px;}
.wz a{color:#7b838e; display:inline-block; padding:0 7px; }
.wz a.on,.wz a:hover{color:#16439b;} 
.inn-nav { position: absolute; right: 50%; margin-right: -600px; top: 0; height: 90px;}
.inn-nav a { float: left; color: #565656; font-size: 16px; padding: 0 10px; margin: 0 10px; position: relative; display: block}
.inn-nav a::before,.inn-nav a::after {content: ""; width: 0; position: absolute; left: 50%; bottom: 0; height: 4px; background: #16439b; transition: all .3s;}
.inn-nav a::after { left: auto; right: 49%;}
.inn-nav a:hover::before,.inn-nav a:hover::after,.inn-nav a.on::before,.inn-nav a.on::after {width: 51%; }
.inn-nav a.abc::before,.inn-nav a.abc::after  { width: 0;}
.inn-nav a:hover,.inn-nav a.on { color: #16439b;}
.inn-nav a.abc {color: #565656;}
.inmain { width: 1200px; margin: 0 auto; overflow: hidden;}
/**********************/

/***************/
.case-list2 { overflow: hidden; width: 1270px; }
.case-list2 li { width: 370px; float: left; margin: 40px 40px 0 0; color: #8e8e8e;}
.case-list2 li a {color: #8e8e8e;}
.case-list2 li .tb-box { width: 370px; height: 260px; }
.case-list2 li h1 { font-size: 18px; color: #2f2f2f; margin: 15px 0 5px}
/********************/
.painting-box {  padding: 50px 360px 50px 50px; position: relative; overflow: hidden;}
.painting-box .tb-box { width: 248px; height: 248px; position: absolute; top: 50px; right: 50px;}
.painting-box .tbt { color: #999999;}
.painting-box .tbt h1 { color: #16439b; font-size: 22px; margin-bottom: 10px;  font-weight: bold;}
.innews-list { overflow: hidden;}
.innews-list li { float: left; width: 50%; padding: 40px 14px; height: 290px; line-height: 24px; border-bottom: 1px solid #dcdcdc}
.innews-list li .tb-box {float: left; height: 210px; width: 300px; margin-right: 20px; }
.innews-list li a { color: #808080; }
.innews-list li h5 { margin: 10px 0 10px;}
.innews-list li h1 { color: #272727; font-size: 18px;}
.innews-list li h3 { margin-top: 30px; transition: all .3s; }
.innews-list li:hover { border-bottom: 1px solid #16439b;}
.innews-list li:hover h1 { color: #16439b;}
.innews-list li:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.innews-list li:hover h3 { margin-top: 22px; }
/****************************/
.cy-lay1 { overflow: hidden; padding:.5rem;}
.cy-lay1 li { margin: .5rem 0; position: relative; height: 4rem;; padding: .2rem 0 0 4.6rem; color: #646464; font-size: .32rem; line-height:.5rem; }
.cy-lay1 li .tb-box { position: absolute; left: 0; top: 0; width:  4rem; height:  4rem; border-radius: 100%;;}
.cy-lay1 li h1 { color: #16439b; font-size: .4rem; font-weight: bold; margin-bottom: .2rem;}
.cy-lay1 li h3 { font-size: .32rem;}
.cy-lay1 li.oth { padding: .2rem 4.6rem 0 0px;}
.cy-lay1 li.oth .tb-box{ left: auto; right: 0; }

.cy-lay2 { overflow: hidden;}
.cy-lay2 li { position: relative; width: 5.4rem; height: 3.76rem; float: left; margin: .4rem 0 0 .4rem;}
.cy-lay2 li img { width: 100%; height: 100%; display: block; }
.cy-lay2 li h1 { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .5); width: 100%; height: 1rem; line-height: 1rem; color: #fff; text-align: center; font-size: .36rem; z-index: 3; }
.cy-lay2 li .ic-zk { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, .5); transition: all .3s; }
.cy-lay2 li .ic-zk em {position: absolute; left: 50%; top: 50%; margin: -0.35rem 0 0 -0.35rem; width: .7rem; height: .7rem; background: url(../images/video2.png) no-repeat; background-size: 100% 100%;}
.cy-lay2 li em::before{content: ''; display: block; margin: .1rem 0 0 .1rem; width: .5rem;height: .5rem;border-radius: 50%;background-color: #fff;opacity: 0.7;
	animation: scale 2s infinite cubic-bezier(0,0,0.49,1.02);
	animation-delay: 0s;
	animation-delay: 100ms;
	transition: 0.5s all ease;
	transform: scale(1);}


/************/

/*********************/
.games { overflow: hidden; width: 1280px}
.games li { width: 374px; float: left; margin: 30px 30px 0 0; line-height: 24px;}
.games li .tb-box { width: 374px; height: 265px;}
.games li h1 { color: #222; font-size: 18px; margin: 6px 0; }
.games li h3 { height: 48px; overflow: hidden;}
/***********指南******************/

/*******************************/


/*************/
.hot-list { }
.hot-list li { line-height:24px; padding:15px; position:relative; }
.hot-list li h3 { display:none; margin-top:10px; color:#717171;}
.hot-list li a { color:#3e3e3e;}
.hot-list img{display:none; position:absolute; right:0; width:105px; height:81px;}
.hot-list li:hover h3,.hot-list li.on h3{ display:block}
.hot-list li:hover,.hot-list li.on { padding-right:120px;}
.hot-list li:hover img,.hot-list li.on img { display:block;}
/**********************/
.news-box8 { width: 840px; float: left; overflow: hidden; padding-bottom: 50px;}


/***************************/
.work-list { overflow: hidden;  margin-top:.5rem; width:12rem; }
.work-list li { float: left; width: 5.4rem; margin: .3rem .4rem 0 0; line-height: .44rem;  position: relative;}
.work-inn li:nth-child(2n-1) { }
.work-list li:before { content: ""; width: 80%; height:5.55rem; position: absolute; left: 10%; top: .6rem; transition: all .3s; z-index: 3; border: 2px solid #ffffff;}
.work-list li .tb-box { width: 5.4rem; height: 6.75rem; display: block;}
.work-list li img,.work-list li .tag,.work-list li h1,.work-list li h3 { position: relative; z-index: 2;}
.work-list li:hover:before { /*left: 0px; top: 0px; width: 280px; height: 450px; box-shadow: 0 0 .2rem #888; z-index: 1;*/ }
.work-list li .tag { color: #a9a9a9; margin-top: .3rem; }
.work-list li h1 { color: #535353; font-size: .4rem; overflow: hidden; height: .44rem; margin: .1rem 0;}
.work-list li h3{ color: #a9a9a9;overflow: hidden; height: .44rem;}

/******************/

/*****page7************/
.coop-box .case-next,.coop-box .case-prev { width:40px; height:40px; left:50%; border:1px solid #f1e4df; top:auto !important; bottom:0; transition:all .4s; -webkit-transition:all .4s; }
.coop-box .case-next { margin-left:-100px; background:url(../images/prev1.png) center no-repeat; border-right:none;}
.coop-box .case-prev { margin-left:59px; background:url(../images/next1.png) center no-repeat;  }
.coop-box .case-next:hover { width:60px; margin-left:-120px; }
.coop-box .case-prev:hover {  width:60px;  }
.fanye-btn { width:120px; height:40px; line-height:38px; text-align:center; color:#bc2b36; border:1px solid #f1e4df; position:absolute; bottom:0; left:50%; margin-left:-60px;}
.fanye-btn a { color: #fff;}
/****************/
.brand-list8 .hd { position: relative; z-index: 20;}
.brand-list8 .next,.brand-list8 .prev { width:50px; height:50px; display: block; top: 240px; position: absolute; background:#fff url(../images/prev.png) no-repeat; border-radius: 100%; transition: all .3s;}
.brand-list8 .next { background-position:-148px 0; right:30px;}
.brand-list8 .prev { background-position:-2px 0; left:30px;}
.brand-list8 .next:hover { background-position:-98px 0; right: 25px;;}
.brand-list8 .prev:hover { background-position:-52px 0; left: 25px;}
/*******************/
.brand-list8 { width: 1200px; margin: 0 auto; position: relative;}
.brand-list8 .bd { width: 1150px; margin: 0 auto;}
.ibb-box { height: 520px; overflow: hidden;}
.page7 { background: #000 url(../images/abs-page7.jpg) right center no-repeat; background-size:100% 100%; height:9.92rem}
.page7 .title h1{ color: #fff;}
.coop-box2 { position:relative; width:11.2rem; margin:0 auto; margin-top: .6rem; padding: .5rem 0 0; background: #fff; height: 6.8rem;}
.picList33 { width:9.6rem; height:4.8rem; margin-top:.6rem !important;}
.picList33 .yk-coop li { float:left; width:2.4rem !important; height:2.4rem; border:1px solid #dcdcdc; position:relative; }
.picList33 .yk-coop li:before { display:none; content: ""; width: 130px;height: 150px;position: absolute;border: 1px solid #fff;top: 0px;left: 11px;transition: all 0.3s; -webkit-transition: all 0.3s; }
.picList33 .yk-coop li:hover:before {width:152px; left: -2px; top: -1px; border: 1px solid #ffc045; border-left: 2px solid #ffc045;border-right: 2px solid #ffc045; z-index: 1;}
.picList33 .yk-coop li img{ position:absolute; left:0; bottom:0; display:block; width:100%; height:100%;}
.coop-box2 .case-next2,.coop-box2 .case-prev2 { width:.512rem; height:.512rem; background:url("../images/prev.png") no-repeat; background-size:auto .512rem; top:3.2rem;  }
.coop-box2 .case-next2 { background-position:-1.728rem; right:.336rem;}
.coop-box2 .case-prev2 { background-position:0 0; left:.336rem;}
.coop-box2 .case-next2:hover { background-position:-1.216rem 0;}
.coop-box2 .case-prev2:hover { background-position:-0.512rem; 0;}
.abs-foot { position: absolute; left: 75px; bottom: 10px;}
.zz-list {}
.zz-list { overflow:hidden; margin-top:.3rem;}
.zz-list li {  margin-left:.5rem; margin-top:.5rem; width:5.25rem; float:left; font-size:.288rem; line-height:.6rem; overflow:hidden; }
.zz-list li img { width:100%; height:3.6rem; display:block;}
.tj-tit { color:#3e3e3e; font-size:.48rem; padding:.5rem .5rem 0;}

.cas-top { color:#7f7f7f; font-size:.4rem; line-height:1rem; padding-left:.4rem;}
.slider-jj { margin:0 .4rem; width:11.2rem; height:8rem }
.slider-jj img {height:7.168rem; width:100%; display:block; margin:0 auto; }
.slider-jj .h-title,.slider-jj .h-con{}
.slider-jj .h-title { margin:.3rem .5rem .1rem;text-align:center; }
.slider-jj .h-con { text-align:center;margin:0 .5rem}
.swiper-pagination-jj { overflow:hidden;height:.44rem; bottom:0rem !important;  }
.swiper-pagination-jj .swiper-pagination-bullet {background:#ddd !important; border:none !important; width:.3rem; height:.3rem; margin:0 .1rem !important;}
.swiper-pagination-jj .swiper-pagination-bullet-active { background:#f39500 !important;}
/************************/
/********呢夜夜夜夜****************/
/************************/



.sb-title { font-size: .4rem; color: #3d3d3d; margin-top:.6rem; position:relative; line-height: .6rem; padding:.3rem 0 0 .5rem;}
.sb-title h1 { font-size: .56rem; color: #707070;  }
.sb-title::before { content: ""; position: absolute; left: .5rem; top: 0px; height: .1rem; width: 1.76rem; background: #da251d; transition: all .3s;}

.abs-num { overflow: hidden; margin-top: .8rem;}
.abs-num li { float: left; width: 33%; text-align: center; line-height: .4rem; border-right: 1px solid #eeeeee; height: 1.5rem; color: #3d3d3d; }
.abs-num li.oths { border: none;}
.abs-num li h1 { color: #da251d; line-height:.7rem; height: .7rem; }
.abs-num li h1 i { font-size: .6rem;}

/*************************/
/******************/
.video-list { overflow: hidden; margin-top: .5rem;}
.video-list li { float: left; width: 5.4rem; margin: 0 0 0 .4rem;line-height: .48rem;}
.video-list li .tb-box { width: 100%; height:3.92rem; position: relative; }
.video-list li a {color: #666; }
.video-list li h1 { color: #3d3d3d;  font-size: .38rem; margin: .2rem 0 .1rem; height: .48rem; overflow: hidden;; }
.video-list li h3 { font-size:.36rem; height: .96rem; overflow: hidden;;}
.video-list li .ic-zk { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; z-index: 22; background: rgba(0, 0, 0, .5); transition: all .3s; opacity: 1; }
.video-list li .ic-zk em {position: absolute; left: 50%; top: 50%; margin: -0.4rem 0 0 -0.4rem; width: .8rem; height: .8rem; background: url(../images/video2.png) no-repeat; background-size:100% 100%; z-index:22;}
.video-list li .ic-zk::before{  content: ''; display: block; position:absolute;  left: 50%; top: 50%; margin: -0.2rem 0 0 -0.2rem; width: .4rem;height: .4rem; z-index:21;  border-radius: 50%;background-color: #fff;opacity: 1;
	animation: scale 2s infinite cubic-bezier(0,0,0.49,1.02);
	animation-delay: 0s;
	animation-delay: 100ms;
	transition: 0.5s all ease;
	transform: scale(1);display:none;}

.video-list li:hover .ic-zk { opacity: 1;} 
/*************************************/
/**************/


#lightbox * { box-sizing:content-box;}
.imforwarp {width:1021px; overflow:hidden; margin-top:55px;}
#lightbox-infoFooter { display:block !important;}
#lightbox-caption-title {text-decoration:none !important; color:#000000; font-size:14px; }
#lightbox-currentNumber {display:none !important;}
#lightbox-close {background:url("../images/close8.png") no-repeat; font-size:0; width:32px!important; transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s;  height:32px; position:absolute; right:-15px; top:-15px; z-index:9999; cursor:pointer;}
#lightbox-close:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
#lightbox-imageBox,#lightbox-infoBox{border:#FFF 5px solid !important;}

/***********/
.vase-in li h1{ color:#222;}
/***********/
.work-ny { height: auto; margin-top: 0; padding-bottom:30px;}
.work-ny li { margin-top:20px; }
/*****/

/*************************/
.case-box { text-align: center; color: #747474; line-height:.48rem; margin-top:.6rem;}
.case-box img { width: 80%;}
.case-box .tbt { font-size: .4rem; color: #3d3d3d;padding: .4rem 0;}
.case-box h1 {font-size: .4rem; color: #3d3d3d; padding: 0 0 .3rem 0;}
.sxxpian { overflow: hidden; border-top: 1px solid #dcdcdc; margin-top:.4rem;}
.sxxpian a{ display: block; height: 1.6rem; line-height:.6rem; background: #fff; float: left; width: 50%; position: relative; padding: .2rem .2rem .2rem 1.2rem; transition: all .3s;}
.sxxpian a h1 { color: #4d4d4d; font-size: .4rem; height:.6rem; overflow:hidden; }
.sxxpian a h3 { font-size:.32rem; height:.6rem; overflow:hidden;}
.sxxpian a::before { content: ""; top: .65rem; left: .65rem; position: absolute; width: .3rem; height: .3rem; background: url(../images/sxprev.png) no-repeat;  transition: all .3s; background-size:auto .288rem; }
.sxxpian a img { display:none; position: absolute; right: 10px; top: 10px; height: 80px; width: 100px; opacity: 0; transition: all .3s; }
.sxxpian a.post-next {padding: .2rem 1.2rem .2rem .2rem; text-align: right; }
.sxxpian a.post-next img { right: auto; left: .2rem;}
.sxxpian a.post-next::before { left: auto; right: .5rem; background-position: -0.896rem 0;}

.tj-tit { font-size: .48rem; color: #444; margin-top: .5rem;}
/******************/
.painting-box {  padding: .4rem 0; position: relative; overflow: hidden;}
.painting-box .tb-box { width: 50%; margin:0 auto; }
.painting-box .tbt { color: #999999; padding-left:.5rem; margin-top:.3rem;}
.painting-box .tbt h1 { color: #da251d; font-size: .48rem; margin-bottom: .2rem;  font-weight: bold;}
/************/
.con-tit9 {  margin-top: .8rem; color: #232e3a; font-size: .48rem; text-align: center; }
.con-four { overflow: hidden; padding: .6rem 0 0rem;}
.con-four li { width: 50%; float: left; padding:1.2rem .2rem 0; height:5.6rem; border:1px solid #d7d7d7; text-align: center; color: #666666; font-size: .32rem; line-height: .48rem; }
.con-four li img { height: .768rem; }
.con-four li h1 { color: #2e2e2e; font-size: .44rem; margin: .3rem 0 .3rem;  }
.con-four li h3 { font-size: .32rem; }
.con-four li h5 { font-size: .32rem; }
/***************************/
.wz{ position: absolute; left: 50%; margin-left: -350px; top: 30px; width:250px; height:30px; line-height:30px; color:#7b838e;padding-left: 30px;
	background: url(../images/wz.png) 0 no-repeat;}
.wz a{color:#7b838e; display:inline-block; padding:0 7px; font-size: 16px;}
.wz a.on,.wz a:hover{color:#da251d;} 
.inn-nav { position: absolute; right: 50%; margin-right: -600px; top: 0; height: 90px;}
.inn-nav a { float: left; color: #565656; font-size: 16px; padding: 0 10px; margin: 0 10px; position: relative; display: block}
.inn-nav a::before,.inn-nav a::after {content: ""; width: 0; position: absolute; left: 50%; bottom: 0; height: 4px; background: #da251d; transition: all .3s;}
.inn-nav a::after { left: auto; right: 49%;}
.inn-nav a:hover::before,.inn-nav a:hover::after,.inn-nav a.on::before,.inn-nav a.on::after {width: 51%; }
.inn-nav a.abc::before,.inn-nav a.abc::after  { width: 0;}
.inn-nav a:hover,.inn-nav a.on { color: #da251d;}
.inn-nav a.abc {color: #565656;}

/**************************************************************/

.info-t { font-size:.48rem; color:#414141; position:relative;  line-height:.6rem; padding:.1rem .3rem; margin-top:.5rem; text-align:center;}
.info-sp { border-bottom:.04rem solid #e7e7e7; margin:0px .3rem; font-size:.36rem; height:.8rem; line-height:.6rem;   color:#878787; font-family:Arial; overflow:hidden; text-align:center; }
.info-c { margin:.5rem; overflow:hidden; line-height:.7rem; font-size:.42rem; color:#666666;}

.info-c img,.info-c table  { max-width:100%; height:auto !important;}
.info-c img {}
.info-c p,.info-c h1,.info-c span { font-size:.42rem !important; line-height: .7rem;}

.sxpian { border-top: 1px solid #aaa; margin:.5rem .5rem .5rem; line-height:.8rem; padding-top:.5rem; font-size:.4rem; color:#666666; overflow:hidden;}
.sxpian a { color:#666;}
.sxpian a:hover { color:#e08e0c;}
.sxpian div { }


/**fenx***/
.bdsharebuttonbox{display: inline;_display: none; margin-left:55px;}
.bdsharebuttonbox a{float: none !important;width:32px !important; height:32px !important; display:inline-block !important; padding-left:0px !important;margin:0 2px !important;position: relative;top: 4px;}
.bds_sqq{background:url(../images/fenx.jpg) no-repeat !important; background-position:-40px 0 !important;}
.bds_weixin{background:url(../images/fenx.jpg) no-repeat !important; background-position:-80px 0 !important; }
.bds_tsina{background:url(../images/fenx.jpg) no-repeat !important; background-position:0px 0 !important;}
.bds_qzone{background:url(../images/fenx.jpg) no-repeat !important; background-position:-160px 0 !important;}
.bds_tqq{background:url(../images/fenx.jpg) no-repeat !important; background-position:-120px 0 !important;}
.bds_more{background:url(../images/fenx.jpg) no-repeat !important; background-position:-123px 0 !important;}
.imforwarp {width:1021px; overflow:hidden; margin-top:55px;}
#lightbox-infoFooter { display:block !important;}
#lightbox-caption-title {text-decoration:none !important; color:#000000; font-size:14px; }
#lightbox-currentNumber {display:none !important;}
#lightbox-close {background:url(../images/close8.png) no-repeat; width:32px!important; transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s;  height:32px; position:absolute; right:-14px; top:-14px; z-index:9999;}
#lightbox-close:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
#lightbox-imageBox,#lightbox-infoBox{border:#FFF 5px solid !important;}

.cool-l span{position:absolute;background:#ffc045;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}
.cool-l .line1{left:-2px;top:-2px;width:0%;height:2px}
.cool-l .line2{right:-2px;top:-2px;width:2px;height:0%}
.cool-l .line3{right:-2px;bottom:-2px;width:0%;height:2px}
.cool-l .line4{left:-2px;bottom:-2px;width:2px;height:0%}
.cool-l:hover .line1,.cool-l:hover .line3{width: 156px;}
.cool-l:hover .line2,.cool-l:hover .line4{height:38px;}





/***/


/*************/
.page6 { background: #faf9f7;}
.news-list { overflow: hidden; width: 1280px; margin-top: 50px;}
.news-list li{ width: 370px; float: left; margin:  0 45px 0 0; line-height: 24px;}
.news-list li a { color: #808080; display: block;}
.news-list li .tb-box { width: 100%; height: 260px; line-height: 30px; margin: 10px 0 5px;}
.news-list li .news-top { padding-left: 86px; position: relative; height: 60px; overflow: hidden;;}
.news-list li .news-top em { position: absolute; left: 0; top: 0; line-height: 50px; width: 86px; text-align: center; font-size: 48px; color: #323232;  }
.news-list li .news-top h1 { font-size: 18px; color: #272727;}
.news-list li:hover .news-top em,.news-list li:hover .news-top h1 { color: #da251d;}
/************************/

/***********************************************************************************************************/

/***************************/
.news-right { width: 320px; float: right; padding-bottom: 50px; overflow: hidden; }
.tj-title { height: 44px; line-height: 40px; border-bottom: 4px solid #eee; color: #0166ce; font-size: 18px; font-weight: bold;}
.tj-list { overflow: hidden;}
.tj-list li  { border-bottom: 1px solid #dfdfdf; line-height: 24px; padding: 0 0 10px 0; margin-top: 15px; }
.tj-list li a { color: #4c4c4c;}
.tj-list li h1 { color: #222; font-size: 18px; margin-bottom: 6px; }
.team-com { text-align: center;}
.team-com img { width: 30%;}
.team-com .info-t {  padding: 20px 0 20px;}
.team-com .tbc { line-height: 36px; font-size: 18px; color: #555;}
/*******************/




/***********************/


/***************************/

/********************************/


/********/
.news-box8 { width: 840px; float: left; overflow: hidden; padding-bottom: 50px;}


/**************************/
.login-box { width: 410px; margin: 0 auto; padding-bottom: 50px;}
.login-box td { padding: 15px 0;}
.login-box td label { position: relative;}
.login-box td label span { position: absolute; left: 0; top: 0; width: 72px; padding-right: 11px; text-align: right; height: 24px; line-height: 24px; border-right: 1px solid #ddd; z-index: 2;} 
.sa-inp { border: 1px solid #dcdcdc !important; width: 410px; height: 50px; line-height: 48px; padding-left: 90px;}
.sa-sub { width: 410px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #da251d; font-size: 18px; }

.load-list { margin:10px 18px 0;}
.load-list li { position:relative; margin-top:30px; padding:10px 200px 10px 25px; color:#5e5e5e; line-height:28px; border:1px solid  #dcdcdc; -webkit-border-radius:8px; border-radius:8px;}
.load-list li:after { content:""; position:absolute; right:150px; width:0; height:80%; top:10%; border-left:1px dashed #aeaeae;}
.load-list li h1 { color:#484848; font-size:18px; font-weight:bold;}
.load-list li h5 { margin-top:10px;  color:#5e5e5e;}
.load-list li h5 i { margin-right:30px;}
.load-btn {}
.load-btn { position:absolute; right:35px; top:50%; margin-top:-15px; overflow:hidden; width:80px; height:30px; line-height:30px; text-align:center;  display:block; color:#fff; background:#da251d;    -webkit-box-shadow:4px 4px 4px #cbc8c7; box-shadow:4px 4px 4px #cbc8c7; }
.load-btn em { position:relative; z-index:2;}
.load-btn:before,.load-btn:after { content:""; position:absolute; top:0; height:100%; width:0; background:#ba1f18; -webkit-transition:all .3s; transition:all .3s;}
.load-btn:before { right:49%;}
.load-btn:after { left:49%;}
.load-btn:hover { color:#fff; border:1px solid #ba1f18;}
.load-btn:hover:before,.load-btn:hover:after { width:51%;}
/*************/
.swiper-index {width: 100%;height: 100%;}
.swiper-index .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background:url(../images/loadz.gif) center no-repeat; }
.swiper-index .swiper-slide img { width:100%; height:100%;}
.swiper-index .index-pagination { bottom:30px;}
.swiper-index .index-pagination .swiper-pagination-bullet { width:46px; height:4px; background:url(../images/li2.jpg) no-repeat; background-position:-46px 0; margin:0 10px; border-radius:0; -webkit-border-radius:0;  transition:all 5s ease 0; -webkit-transition:all 5s ease 0; opacity: 1;}
.index-pagination .swiper-pagination-bullet-active {  animation: 5s banner6 linear infinite;  animation: 5s banner6 linear infinite;}
@keyframes banner6 { 
 0% {
background-position:-46px 0;
}
100% {
background-position:0 0;
}
}

#bolang  { bottom: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 100;}
#bolang canvas { width: 100%; opacity: .8; height: 100%;}
.connn { color: #fff; z-index: 101; position: absolute; left: 0; width: 100%; top: 40%; text-align: center}
/*************案例CASE*************************/





/*********************************************/


.wp2 { width: 11.2rem; margin: 0 auto; overflow: hidden; }
.ad-box2 { width: 100%; height: 2.272rem; margin-top: .4rem;  }
/*************/

.rz-btn { display: inline-block; margin: .1rem 0 0 0; height: .8rem; font-size: .36rem; line-height: .8rem; padding: 0 .3rem; background: #2d4191; color: #fff; -webkit-border-radius: .1rem;  border-radius: .1rem; }
.oth-nav { position: absolute; right: 0; top: 0; }
.oth-nav a { display: inline-block; padding: 0 .15rem; color: #505050; font-size: .32rem; }
.oth-nav a:hover { color: #2d4191; text-decoration: underline; }
/*******************/

/*******************/
.ly-box { height: 7.2rem; overflow: hidden;margin-top:.4rem; }
.lx-wp {position: relative;width: 100%;height: 7.2rem;overflow: hidden; }
.swiper-ly {width: 100%;height: 7.2rem; position: relative;}
.swiper-ly .swiper-slide { height: 2.4rem !important; padding:.5rem 0 0 1.6rem; color: #7e7e7e;border-bottom: 1px solid #dcdcdc; font-size: .32rem;  line-height: .42rem; }
.swiper-ly .swiper-slide img { width: 1.4rem; height: 1.4rem; position: absolute; left: 0; top:.5rem;  -webkit-border-radius: 100%; border-radius: 100%;  }
.swiper-ly .swiper-slide h1 { color: #3c3c3c; font-size: .42rem; margin-bottom: .2rem; }
.swiper-ly .swiper-slide h1 font {color: #2d4191;}
.swiper-ly .swiper-slide h3 { height: .8rem; overflow: hidden; font-size: .36rem; }
/*****************/
.tb-tab {width:12rem; overflow:hidden; margin-top:.4rem;}
.tb-tab a { display:block; float:left; width: 3.5rem; margin-right:.35rem; font-size:.42rem; height:1rem; line-height:1rem; text-align:center; background:#b9b9b9; color:#fff; border-radius:.1rem; -webkit-border-radius:.1rem;}
.tb-tab a.case-on2,.tb-tab a.jub-on { background:#2d4191;}
.jub-list { overflow: hidden; width:12rem; }
.jub-list li { float: left; width: 5.4rem; height: 4.46rem; margin:.4rem .4rem 0 0; line-height: .7rem; }
.jub-list li img {  width: 5.4rem; height: 3.76rem; display:block;}
.jub-list li:hover h1 { color: #2d4191; }
.ad-box3 { width:12rem; overflow:hidden; margin-top:.4rem;}
.ad-box3 img { width:5.4rem; height:1.3953rem; margin-right:.4rem; display:block; float:left;}
/********************************************/



.news-ul { overflow:hidden; margin-top:.4rem; }
.news-ul li{font-size:.36rem; color:#999999; line-height:.8rem; position:relative; height:.8rem;} 
.news-ul li h1 { font-size:.4rem; color:#232e3a; overflow:hidden;}
.news-ul li span { position:absolute; right:.1rem; top:0;}

.w-bom { background:#fff;}
.sub-num { background:#f5f5f5; padding:.6rem 5% .7rem; overflow:hidden; margin-top:.6rem; }
.sub-num .tbt{color: #363636; font-size:.4rem; text-align: center; padding-top:.7rem; background: url(../images/banrt.png) top center no-repeat; background-size:auto .5rem; }
.sub-num .tbt font { color:#ff4e00;}
.sub-table { width:100%; display:block; margin-top:.4rem;}
.sub-table td { padding:.2rem 0; }
.bm-inp { width:10.8rem; height:1.2rem; line-height:.4rem; font-size:.4rem; padding:.4rem 0; border:1px solid #dcdcdc; padding-left:.4rem;}
.bm-inp:hover { border:1px solid #fca309;}
.bm-sel { width:5.2rem; float:left}
#U_homecity { margin-right:.4rem;}
.bm-inp:focus { border:1px solid #fca309; -webkit-box-shadow:0 0 2px #fca309; box-shadow:0 0 2px #fca309;}
.bm-sub { width:100%; height:1.2rem; line-height:1.2rem; font-size:.48rem; text-align:center; display:block; float:left; color:#fff; background:#2d4191; border:none; cursor:pointer; border-radius:.2rem;  -webkit-border-radius:.2rem;}
/****************************/

/*******************************/
.slide-con { overflow:hidden;}
.slide-con li {  margin-left:.5rem; margin-top:.5rem; width:5.25rem; float:left; font-size:.288rem; line-height:.6rem; overflow:hidden; }
.slide-con li h1 { color:#323232; font-size:.4rem; font-weight:bold; height:.6rem; overflow:hidden;}
.slide-con li img { width:100%; height:4.16rem; display:block; margin-bottom:.2rem;}
.slide-con li .tbb { overflow:hidden; color:#898989; font-size:.32rem; position:relative; height:.6rem;}
.slide-con li .tbb h3 { font-size:.32rem;}
.slide-con li font { background: url(../images/ll.png) 0 no-repeat; background-size: .4rem auto; font-size:.36rem; padding-left: .6rem;}
.num-ll { position:absolute; left:0; top:0; background:url(../images/ll.png) 0 no-repeat; background-size:.4rem auto; padding-left:.5rem;}
.info-t2 { font-size:.44rem; margin:.4rem; color:#3a3a3a; padding-bottom:.2rem; line-height:.6rem; border-bottom:.2rem solid #dcdcdc;}
.class-ul { margin:0rem .5rem 0;}
.class-ul li { overflow:hidden; overflow:hidden; padding:.5rem 0 .4rem; border-bottom:1px solid #dcdcdc; color:#6e6c6c; font-size:.32rem; line-height:.6rem;}
.class-ul li .tb-box { float:left; width:4.64rem; height:2.8rem; margin-right:.4rem; border:1px solid #dcdcdc;}
.class-ul li .tb-box img { width:100%; height:100%; display:block;}
.class-ul li h1 { color:#222; font-size:.44rem;}
.class-ul li h3 { font-size:.36rem; height:.6rem; overflow:hidden;}
.class-ul li cli2 { overflow:hidden;}
.cs-btn1,.cs-btn2 { width:2.6rem; height:.8rem; color:#fff; font-size:.4ren; text-align:center; line-height:.8rem; display:block; float:left; margin:.2rem .2rem 0 0; background:#ff9800; -webkit-border-radius:.1rem; border-radius:.1rem;}
.cs-btn2 {  background:#e51c23; }

/*************/
.case-top{ width:100%; color:#FFC045; font-size:.36rem; font-weight:bold; text-align:center; height:1rem; line-height:1rem; margin:0 auto; margin-top:.4rem; font-family: 'pingf';}
.case-top a{ padding:0 .5rem; display:inline-block; font-size:.4rem; font-weight:bold; height:.3rem; line-height:.3rem; border-left:1px solid #4d535a; position:relative; color:#232e3a;}
.case-top a:first-child{border:none}
.case-top a:hover,.case-top a.case-on,.case-top a.ns-on{ font-weight:bold;}
.case-top a:before,.case-top a:after { content:""; position:absolute; bottom:-10px; width:0%; height:.03rem; width:0; background:#232e3a; transition:all .3s linear; -webkit-transition:all .3s linear;  }
.case-top a.case-on:before,.case-top a.case-on:after,.case-top a:hover:before,.case-top a:hover:after,.case-top a.ns-on:before,.case-top a.ns-on:after { width:30%;}
/*page*/
.page {margin:0;padding:20px;text-align:center;font-size:12px;display:block}
.page ul {display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0}
.page ul > li {display:inline}
.page ul > li > a,.page ul > li > span {margin:0 2px;float:left;padding:0;background-color:#ddd;color:#666;border-radius:2px;opacity:.88}
.page ul > li > a:hover,.page ul > li > a:focus {opacity:1}
.page ul > .active > a,.page ul > .active > span {background-color:#61B3E6;color:#fff}
.page ul > .active > a,.page ul > .active > span {cursor:default}
.page ul > li > span,.page ul > .disabled > span,.page ul > .disabled > a,.page ul > .disabled > a:hover,.page ul > .disabled > a:focus {color:#999999;background-color:transparent;cursor:default}
.page ul > li {margin:2px;float:left;padding:5px 12px;background-color:#ddd;color:#666;border-radius:2px;opacity:.88}
.page ul > li > a {margin:0;padding:0}
.page ul > li select {border:none}
.page ul > .thisclass > a,.page ul > .thisclass {background-color:#16439b;color:#fff}
.page ul > .thisclass > a,.page ul > .thisclass {cursor:default}