/***********************************************************************************************************/
.about-box{margin:100px auto;max-width:1200px;width: 84%;}
.about-box .box-1{position:relative; overflow: hidden;;}
.about-box .box-1 #video{position:absolute;top:0;left:400px;width:230px;height:885px;background-color: #fff;}
.num-box{width:320px;height:180px;color:#f0f2f5;font-size:220px;line-height:180px;}
.num-box h3{position: relative;;top:40px;height:44px;color:#404040;text-indent:0;font-size:32px;font-family:sans-serif;line-height:44px;}
.num-box h3 span{display:block;margin-top:5px;color:#8c8c8c;letter-spacing:2px;font-size:14px;}
.num-box h3 i{position:absolute;bottom:-10px;left:0;display:block;width:120px;height:6px;background-color:#197bc6;content:'';}
.about-box .txt{font-size:15px;line-height:2.4;}
.about-box .txt span{font-size:50px;line-height:0;}
.about-box .box-1 .num-box{top:20px;left:20px;}
.about-box .box-1 .img1{position:absolute;top:200px;left:150px;}
.about-box .box-1 .right-box{margin-left:700px;}
.about-box .box-1 .txt{margin-bottom:50px;font-family:sans-serif;line-height:2.2;}
.about-box .box-2{position:relative;overflow:hidden;margin:70px auto 50px;}
.about-box .box-2 .txt{margin-top:40px;margin-left:50px;width:750px;font-family:sans-serif;line-height:2.2;float: left;}
.about-box .box-2 .num-box{float: right;}
.about-box .box-3{text-align:center;}
.about-box .box-3 .item{position:relative;float:left;width:25%;}
.about-box .box-3 .item+.item::after{position:absolute;top:40px;left:0;display:block;color:#ccc;content:'/';font-weight:100;font-size:36px;}
.about-box .box-3 .num{display:inline-block;width:115px;color:#c9151e;font-size:66px;}
.about-box .box-3 span{display:inline-block;font-size:17px;}
.about-box .box-3 em{display:inline-block;font-size:32px;}
.about-box .box-4{margin:60px auto 100px;padding:0 50px;height:450px;}
.about-box .box-4>div{width:50%;height:100%;font-family:sans-serif;line-height:2.2;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.about-box .box-4 .map-box{position:relative;z-index:9;width:486px;height:401px;}
.about-box .box-4 .map-box img{width:486px;-webkit-transition:all .5s;transition:all .5s;-webkit-transform-origin:left top;transform-origin:left top;-ms-transform-origin:left top;}
.about-box .box-8 .num-box333{margin-top: 0;right: 0 !important;position: absolute;}
.didi333{top:-170px !important}
@-webkit-keyframes map{0%{background-position:0 0;}
100%{background-position:0 -6510px;}
}
@keyframes map{0%{background-position:0 0;}
100%{background-position:0 -6510px;}
}
.about-box .box-5{text-align:center;}
.about-box .box-5 h3{margin-bottom:20px;color:#404040;font-size:32px;font-family:sans-serif;}
.about-box .box-5 .line{display:inline-block;margin-bottom:28px;width:36px;height:2px;background-color:#c9151e;}
.about-box .box-5 .tt{margin-bottom:30px;color:#eaeaea;text-transform:uppercase;letter-spacing:5px;font-size:42px;font-family:sans-serif;}
.about-box .box-5 .info{color:#403f3f;font-size:16px;font-family:sans-serif;line-height:2.2;}
.about-box .box-5 .list{position:relative;margin-top:75px;padding:0 130px;}
.about-box .box-5 .list .item{float:left;width:170px;}
.about-box .box-5 .list .item+.item{margin-left:210px;}
.about-box .box-5 .list h4{position:relative;margin-bottom:14px;color:#403f3f;text-align:left;letter-spacing:2px;font-weight:600;font-size:18px;}
.about-box .box-5 .list h4::before{position:absolute;top:4px;left:-30px;display:block;width:2px;height:20px;background-color:#000;content:'';}
.about-box .box-5 .list p{margin-bottom:30px;color:#c7c7c7;text-align:left;font-size:12px;}
.about-box .box-5 .list .m{margin-bottom:30px;text-align:left;}
.about-box .box-5 .list a{display:block;width:86px;height:30px;background-color:#616161;color:#fff;font-size:12px;line-height:30px;}
.about-box .box-5 .list a:hover{background-color:#c9151e;}
.about-box .box-5 .list .line{position:absolute;top:35px;width:250px;border:1px dashed red;background:0 0;}
.about-box .box-5 .list .line1{left:224px;}
.about-box .box-5 .list .line2{left:610px;}
@-webkit-keyframes widthLeft{from{width:0;opacity:0;}
to{width:250px;opacity:1;}
}
@keyframes widthLeft{from{width:0;opacity:0;}
to{width:250px;opacity:1;}
}
.even-box{position:relative;padding-top:200px;height:630px; background: url(../images/lic.jpg) top center no-repeat}
.event-list{margin-bottom:50px;padding-top:100px;height:200px;}
.event-list ul{position:relative;margin-left:50%;height:1px;background-color:#999;-webkit-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000;-webkit-transition:all .5s;transition:all .5s;}
.event-list ul li{position:absolute;width:190px;height:100px;color:#4c4c4c;text-align:center;font-style:italic;font-size:30px;}
.event-list ul li .year{position:absolute;right:0;left:0;top:20px; display:block;width:100%;letter-spacing:3px;font-family:number;cursor:pointer;}
.event-list ul li.on .year{color:#197bc6;text-shadow:0 6px 16px rgba(25,123,198,.4);}
.event-list ul li .dian{position:absolute;left:50%;z-index:3;display:block;margin-left:-10px;width:20px;height:20px;border-radius:100%;background-color:#fff;-webkit-box-shadow:0 0 8px #bbb;box-shadow:0 0 8px #bbb;}
.event-list ul li .dian i{display:block;margin:5px;width:10px;height:10px;border-radius:100%;background-color:#4d4d4d;}
.event-list ul li.on .dian i{background-color:#197bc6;}
.event-list ul li p{line-height: 30px; height: 60px;overflow: hidden;;position:absolute;left:50%;margin-left:-100px;width:200px;text-align:center;letter-spacing:2px;font-size:16px;cursor:pointer;}
.event-list ul li::before{position:absolute;left:50%;z-index:2;display:block;width:400px;height:1px;background-color:#197bc6;-webkit-box-shadow:0 0 1px #197bc6;box-shadow:0 0 1px #197bc6;content:'';opacity:0;}
@media screen and (max-width:1500px){.event-list ul li::before{width:300px;}
}
.event-list ul li:last-child::before{right:50%;left:auto;}
.event-list ul li.on::before{opacity:1;}
.event-list ul li:nth-child(even){top:-100px;}
.event-list ul li:nth-child(odd){bottom:-100px;}
.event-list ul li:nth-child(even) p{bottom:-90px;}
.event-list ul li:nth-child(odd) p{top:-90px;}
.event-list ul li:nth-child(even) .year{top:30px;}
.event-list ul li:nth-child(odd) .year{bottom:0;}
.event-list ul li:nth-child(even) .dian{bottom:-10px;}
.event-list ul li:nth-child(odd) .dian{top:-10px;}
.event-list ul li:nth-child(even)::before{bottom:-1px;}
.event-list ul li:nth-child(odd)::before{top:0;}
.even-box .page,.hxt-box .page,.object-photo-box .page{position:relative;left:50%;margin-left:-190px;width:460px;height:34px;text-align:center;font-size:18px;line-height:34px;}
.even-box .page div,.hxt-box .page div,.object-photo-box .page div{float:left;width:50%;
	letter-spacing:5px;letter-spacing:1px\0/IE8+9;font-family:sans-serif;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size: 16px\0/IE8+9;}
.even-box .page .prev,.hxt-box .page .prev,.object-photo-box .page .prev{background-color:#c5c5c5;color:rgba(255,255,255,.7);font-family:number;}
.even-box .page .next,.hxt-box .page .next,.object-photo-box .page .next{background-color:#197bc6;color:rgba(255,255,255,.7);font-family:number;}
i.icon-jiantou,i.icon-jiantou-copy{display:inline-block;-webkit-transition:all .2s;transition:all .2s;}
.even-box .page .next:hover i,
.hxt-box .page .next:hover i,
.object-photo-box .page .next:hover i{-webkit-transform:translateX(30px);transform:translateX(30px);-ms-transform:translateX(30px);}
.even-box .page .next:hover,
.hxt-box .page .next:hover,
.object-photo-box .page .next:hover{color:#fff;}
.even-box .page .prev:hover,
.hxt-box .page .prev:hover,
.object-photo-box .page .prev:hover{color:#fff;}
.even-box .page .prev:hover i,
.hxt-box .page .prev:hover i,
.object-photo-box .page .prev:hover i{-webkit-transform:translateX(-30px);transform:translateX(-30px);-ms-transform:translateX(-30px);}
.even-box .show-box{position:absolute;right:50%;bottom:100px;overflow:hidden;margin-right:180px;width:420px;height:360px;background-color:#fff;-webkit-box-shadow:0PX 20px 70px #C5C5C5;box-shadow:0PX 20px 70px #C5C5C5;}
.show-box ul{height:360px;-webkit-transition:all .5s;transition:all .5s;}
.show-box li{float:left;padding:10px;width:420px;height:100%;}
.show-box li .pic{position:relative;overflow:hidden;margin-bottom:15px;height:186px;}

@media screen and (max-width:800px){
.show-box li .pic{height:144px;}
}
.show-box li .pic img{width:100%;height:100%;}
.show-box li .pic h6{display:none;}
.show-box li p{overflow-y:auto;padding:0 10px;height:140px;font-size:15px;font-family:sans-serif;line-height:28px;}
.show-box li p a{color:#197bc6;}
/**********************/
.box-8 { height: 180px;}
.about-box .box-8 .num-box { top: 0; right: auto; left: 50px;}
.about-box .box-8 .txt { margin-left: 350px;}
.abs-lay1 { overflow: hidden; display: none; }
.abs-lay1 li { float: left; width: 25%; padding-right: 14px; text-align: center; background: url(../images/line.jpg) right 30px no-repeat;}
.abs-lay1 li i{ font-size: 48px; font-style: italic; margin-right: 10px; position: relative; top: 10px; color: #c9161f;}
/********************/
/*****内页neural也*********/
.head-bg { height: 80px; position: absolute; top: 0; left: 0; width: 100%; background: rgba(23, 78, 164, .8); z-index: 20;}
.head-nav { float: right;}
.head-nav li {  font-size: 16px; float: left; line-height: 78px; height:80px; position: relative; }
.head-nav li a { display: block; padding: 0 20px;}
.head-nav li em { color: #fff; }
.head-nav li::before,.head-nav li::after { content: ""; position: absolute; left: 50%; bottom: 0; height: 2px; background: #fff; width: 0; transition:all .3s; }
.head-nav li::after { left:auto; right:50%; }
.head-nav li:hover:before,.head-nav li:hover:after { width: 40%;  }
.inban { height: 300px; top: 0px; position: relative; overflow: hidden;  animation: 1s fadeIn2 ease forwards; }
@keyframes fadeIn2 {
    from {
        opacity: 0;
        transform: translate3d(0px, -50px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.inban-con { display: none; position: absolute; left: 0; width: 100%; text-align: center; top: 245px; text-align: center; font-size: 30px; color: #333; line-height: 50px;}
.inban-con h1 { font-size: 50px; color: #222;}

/**首页上下页*/
#sy-prev{left: 150px !important}
#sy-next{right: 150px !important}

.hd-line { display: none; position: absolute; left: 0; top: 0; height: 197px; background: url(../images/ban-line.png) no-repeat; width: 100%;}
.innn-navbox{ width: 1200px; height: 110px; position: absolute; bottom: 0; left: 50%; margin-left: -600px; background: rgba(255, 255, 255, .8);}
.wz{ height:30px; line-height:30px; margin-top: 12px; color:#7b838e;padding-left: 30px;}
.wz a{color:#7b838e; display:inline-block; padding:0 7px; font-size: 16px;}
.wz a.wz-home { background: url(../images/home.png) center no-repeat; float: left; width: 30px; height: 30px; margin-right: 7px;;}
.wz a.on,.wz a:hover{color:#197bc6;} 
.wz a.wz-home:hover {background: url(../images/home2.png) center no-repeat;}
.inn-nav { position: absolute; left: 0; bottom: 0; height: 70px; width: 100%;}
.inn-nav li { float: left; text-align: center; width: 16.66%; background: url(../images/line.png) right center no-repeat; padding-right: 3px;}
.inn-nav li:last-child { background: no-repeat;}
.inn-nav a { color: #565656; font-size: 16px; padding: 0 10px; height: 70px; line-height: 66px; margin: 0 10px; position: relative; display: block; font-size: 20px;}
.inn-nav a::before,.inn-nav a::after {content: ""; width: 0; position: absolute; left: 50%; bottom: 0; height: 4px; background: #197bc6; transition: all .3s;}
.inn-nav a::after { left: auto; right: 50%;}
.inn-nav a:hover::before,.inn-nav a:hover::after,.inn-nav .on a::before,.inn-nav .on a::after {width: 30%; }
.inn-nav a.abc::before,.inn-nav a.abc::after  { width: 0;}
.inn-nav a:hover,.inn-nav .on a { color: #197bc6;}
.inn-nav a.abc {color: #565656;}
.inmain { width: 1200px; margin: 0 auto; padding: 50px 0 50px; overflow: hidden;}
/**************************************************************/

.info-t { line-height:30px; padding-top:30px;   font-size:24px; color:#333333; text-align: center }
.info-sp { color:#838383; border-bottom:10px solid #eeeeee;  padding-bottom: 10px; line-height:40px; text-align: center }
.info-c { color:#555555; font-size:14px; line-height:28px;  margin:30px 0px 30px; overflow:hidden;}
.info-c img { max-width:100%;}
.fenx {  float: right; color: #666; margin-top: 20px; }
.fenx span { position: relative; top: -5px; margin-right: 6px; }
.sxpian { border-top:10px solid #eee; margin:30px 0px 0 0px; padding-top:20px; line-height:30px; color:#666; font-size:14px; position:relative;}
.sxpian a { margin-left:6px; color:#666;}
.sxpian a:hover {  color:#0166ce; text-decoration:underline;}

.back-btn{ position:absolute; right:0; top:30px; width:156px; height:38px; border:2px solid #888; display:block; text-align:center; line-height:34px;}
.sxpian a.back-btn:hover { color: #0166ce; text-decoration: none}
/**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;}

.back-btn span{position:absolute;background:#0166ce;-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)}
.back-btn .line1{left:-2px;top:-2px;width:0%;height:2px}
.back-btn .line2{right:-2px;top:-2px;width:2px;height:0%}
.back-btn .line3{right:-2px;bottom:-2px;width:0%;height:2px}
.back-btn .line4{left:-2px;bottom:-2px;width:2px;height:0%}
.back-btn:hover .line1,.back-btn:hover .line3{width: 156px;}
.back-btn:hover .line2,.back-btn:hover .line4{height:38px;}
/***************************/
.culture { width: 1050px; margin: 0 auto; }
.culture li { height: 234px; position: relative;}
.culture li img { float: left; width: 234px; height: 234px; display: block;}
.culture li .cul-con { width: 660px; float: right; margin: 0 75px 0 0; color: #414141; line-height: 30px;
	 font-size: 16px; }
.culture li .cul-con .tbt { border-bottom: 1px solid #dcdcdc; line-height: 58px; padding-top: 58px; color: #197bc6; font-size: 30px; margin-bottom: 12px;}
.culture li .cul-con .tbt em { font-size: 18px; }
.culture li .cul-con .tbt em::before { content: "/"; margin: 0 10px;}
.culture li:nth-child(2n) img { float: right; }
.culture li:nth-child(2n) .cul-con { float: left; margin: 0 0 0 75px; text-align: right;}
/********************/
/**************/
.honor { overflow: hidden; width: 1280px; }
.honor li{ float: left; width: 280px; margin: 10px 27px 0 0; text-align: center; line-height: 40px; }
.honor li .tb-box { width: 280px; height: 210px;   }
.honor li a { color: #2c2c2c; font-size: 14px; } 

#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:0px; top:0px; 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 1px solid !important;}
#lightbox-nav-btnPrev { background: url(../images/prev.jpg) left center no-repeat !important; background-size: 100% auto !important;}
#lightbox-nav-btnNext { background: url(../images/next.jpg) right center no-repeat !important;background-size: 100% auto !important;}
/**********************/
.ryao1 { width: 1280px; padding: 0 40px; margin: 0 auto; overflow: hidden; margin-top: 50px;}
.hon-container { width:1200px; padding:0 50px; margin-top:40px; margin-bottom:30px;}
.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 { width:32px; height:32px; background:url(../images/prev.png) no-repeat;}
.hon-container .sev-next { background-position:-108px 0; right:0;}
.hon-container .sev-prev { background-position:0 0; left:0;}
.hon-container .sev-next:hover { background-position:-76px 0;}
.hon-container .sev-prev:hover { background-position:-32px 0;}
.hon-list1 img { width:275px; height:193px;-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:16px; line-height:20px; border: 2px solid #197bc6; overflow: hidden;}
.hon-list2 img { width:220px; height:293px;-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:16px; line-height:20px; border: 2px solid #197bc6; overflow: hidden; }
.honor-bg { padding: 60px 0; background: #eeeeee; margin-top: 50px;}
/**************/
.video-list { overflow: hidden;}
.video-list li { float: left; width: 350px; margin: 30px 25px 0;line-height: 24px;}
.video-list li .tb-box { width: 100%; height: 245px; position: relative; }
.video-list li a {color: #666; }
.video-list li h1 { color: #3d3d3d;  font-size: 22px; margin: 15px 0 10px; height: 24px; overflow: hidden;; }
.video-list li h3 { height: 48px; overflow: hidden;;}
.video-list li .cm-more{ margin-top: 10px; padding-left: 15px;}
.video-list li .cm-more:before { background: #000;}

.video-list 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; opacity: 0; }
.video-list li .ic-zk em {position: absolute; left: 50%; top: 50%; margin: -24px 0 0 -24px; width: 48px; height: 48px; background: url(../images/video2.png) no-repeat;}
.video-list li em::before{content: ''; display: block; width: 46px;height: 46px;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);}
@keyframes scale {
 0% {
  transform:scale(1);
 }
 50%,
 75% {
  transform:scale(2.5);
 }
 78%,
 100% {
  opacity:0;
 }
}
.video-list li:hover .ic-zk { opacity: 1;} 
/****************/
.case-inn { padding:50px 80px;}
.case-inn .case-swiper { width:1000px; margin:0 auto;}
.case-info { width:1100px; margin:0 auto; margin-top: 20px; }
.case-info h1{position: absolute; left: 0; bottom: -56px; width: 100%; background: rgba(0, 0, 0, .8); height: 56px; line-height: 56px; text-align: center; color: #fff; font-size: 16px; opacity: 0; transition: all .8s; }
.case-info img {width:1000px; display: block; height: 550px;}
.case-info .swiper-slide-active h1{ opacity: 1; bottom: 0; }
/* 前/后按钮 */
.case-inn .prev5,.case-inn .next5{  position:absolute;top:50%; margin-top:-25px;display:block;width:26px;height:50px;overflow: hidden; background: url(../images/prev2.png) no-repeat;-webkit-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; transition:all 300ms ease 0s;  }
.case-inn .prev5{ left: -60px; background-position: 0px 0; }
.case-inn .prev5:hover{background-position: -26px 0; }
.case-inn .next5{ right:-60px; background-position: -122px 0; }
.case-inn .next5:hover{background-position: -96px 0; }
.case-inn:hover .prev5 {left:20px;}
.case-inn:hover .next5{ right:20px;}
.case-inn .info-c{margin: 20px 20px 0;}
/**************/
.news-list { width: 1280px; margin: 0 auto; padding: 10px 40px;}
.news-list li { position: relative; height: 192px; margin:20px 10px 10px 10px; border: 1px solid #d7d7d7; padding: 18px 150px; line-height: 30px; transition: all .4s;}
.news-list li a { color: #303439; display: block; overflow: hidden;}
.news-list li .date { position: absolute; left: 0; top: 66px; width: 120px; text-align: right; font-size: 18px; color: #9a9a9a; line-height: 30px; }
.news-list li .date p { color: #197bc6; font-size: 36px; line-height: 36px;}
.news-list li img { float: left; height: 158px; width: 230px; margin-right: 28px;} 
.news-list li em { position: absolute; right: 30px; top: 70px; width: 60px; height: 60px; background: url(../images/more1.jpg) no-repeat; transition: all .3s;}
.news-list li h1 { color: #303439; margin-top: 25px; transition: all .3s; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.news-list li:hover { box-shadow: 0 0 10px #888; transform: translate(0,-5px); }
.news-list li:hover h1 {  color: #197bc6; margin-top: 20px;}
.news-list li:hover em {  background: url(../images/more2.jpg) no-repeat; right: 25px; }
.hei50 { height: 50px; }
/************/
/**************/
.focus{width:600px;height:446px;position:relative;overflow:hidden;position:relative;}
/* focusWarp */
.focusWarp{width:600px;height:350px;overflow:hidden;position:relative;}
.imgList{position:absolute;}
.imgList li{float:left;text-align:center;height:350px;position:relative;}
.imgList li img{width:600px;height:350px; display:block;}
.imgList li em{position:absolute; bottom:0px; left:0px; width:100%; height:49px; background:url(../images/em.png) repeat-x; text-align:left; color:#fff; line-height:49px; text-indent:15px; font-size:14px;}
.imgBtn{position:absolute;bottom:0px;z-index:10; right: auto; left: 0; }
/* 默认圆点样式 */
.btnWarp{right:43px; overflow:hidden;}
.thumPrev{background:#000; z-index:99;}
.imgBtn li{width:146px;height:86px;float:left;font-size:14px;text-align:center;cursor:pointer;margin-right:10px;}
.imgBtn li.hover{}
.imgBtn li img{width:142px;height:82px;}
/* 圆点样式结束 */
.sizeBox{width:300px;position:absolute;z-index:10;top:0;left:0;}
.focus .prev,.focus .next{  height:32px;width:63px;position:absolute;top:170px;z-index:100; transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s;}
.focusWarp:hover .prev{ left:0px;}
.focusWarp:hover .next{ right:0px;}
.focus .prev {left:-100px; background:url(../images/prev.gif) no-repeat;}
.focus .next {right:-100px; background:url(../images/next.gif) no-repeat;}
.thumPrev, .thumNext{width:13px;height:21px;display:block;margin-top:10px;margin-right:10px;z-index:99;position:relative;background:url(../images/pren.png) no-repeat}
.thumPrev{right:48px; top:7px;}
.thumNext{background-position:-33px 0; right:40px; top:7px;}
.thumPrev:hover{background-position:0px -24px;}
.thumNext:hover{background-position:-33px -24px;}
/***********/
.fc-left { color: #555555; font-size: 16px; line-height: 30px; width: 460px; margin: 50px 30px 0;}
.fc-left h1 { font-size: 30px; color: #555555; margin-bottom: 10px;font-weight: bold;}
.fc-left .tbt { margin-bottom: 30px;}
/***********************/
.zp-ul { overflow:hidden; margin-top:10px;} 
.zp-li { overflow:hidden; border:1px solid #d7d7d6; margin-top:10px;}
.zp-head .sp1 { width:300px; margin-left:34px; float:left;font-size: 16px;color: #383838; position:relative; }
.zp-bom { padding:20px 25px; border-top:1px solid #d7d7d6; font-size:14px; color:#878787; line-height:24px; display:none; position:relative; background: #f5f5f5;}
.dww{ position:relative; display:inline-block; margin-left:10px; font-size:16px; color:#ef8a14;top: 0px;left:0px;}
.zp-top { height:60px; font-size:18px; line-height:60px; background:#197bc6; color:#fff; border-radius: 5px 5px 0 0; margin-top:60px;}
.sp2{ width:16.666%; float:left; text-align:center; font-size:16px;}
.zp-head { height:50px;  color:#5b5b5b; line-height:50px; font-size:18px;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);background:url(../images/zp-drop2.png) no-repeat;}
/**************/
.ly-bg { height: 700px; background: url(../images/ly.jpg) #fafafa bottom center no-repeat}
.ly-list { margin: 10px 0 0 40px;;}
.ly-list li { position: relative; color: #434343; font-size: 18px; line-height: 30px; padding: 0 0 40px 45px;}
.ly-list li img { position: absolute; left: 0; top: 0; }
.ly-inp,.ly-area { margin-top: 10px; padding:5px 10px; border: 1px solid #dcdcdc !important; line-height: 24px; width: 360px;}
.ly-inp:focus,.ly-area:focus{ box-shadow: 0 0 5px #197bc6;border:1px solid #197bc6;}
.ly-area { height: 96px; resize: none;}
.ly-sub { width: 160px; height: 46px; line-height: 46px; text-align: center; cursor: pointer; background: #197bc6; color: #fff; font-size: 18px; transition: all .3s; box-shadow: 0 0 5px #888 }
.ly-sub:active { margin-top: 5px;}
.con-con { color: #414141; font-size: 16px; line-height: 36px;}
.con-con { overflow: hidden;}
.con-con li { float: left; padding:0 45px; position: relative; height: 100px; line-height: 32px;}
.con-con .tbt { color: #414141; padding-left: 45px; font-size: 30px; line-height: 32px; margin-bottom: 40px;}
.con-con li.c1 { width: 470px;}
.con-con li.c2 { padding-top: 10px; width: 380px;}
.con-con li.c2 h1 { margin-top: 5px; color: #eb3c00; font-size: 30px; font-weight: bold; background: url(../images/tel.jpg) 0 no-repeat; padding-left: 46px; height: 40px;}
.con-con li.c3 { width: 350px;}
.con-con li.c3 p { float: left; margin: 34px 20px 0 0;}
.con-con li.c3 img { width: 100px;}
.con-con li:before { content: ""; position: absolute; left: 0; bottom: 0; height: 100px; width: 1px; background: #dcdcdc;}
/**********************************/



.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;}
/*******************/
.abs-left { width: 630px; float: left; overflow: hidden;}
.abs-left .info-c { padding-left: 30px;}
.abs-right { width: 556px; float: right;}
.sb-title { font-size: 24px; color: #3d3d3d; line-height: 32px; padding: 20px 0 0 30px;}
.sb-title h1 { font-size: 48px; color: #707070; line-height: 48px; }
.sb-title::before { content: ""; position: absolute; left: 30px; top: 0px; height: 4px; width: 110px; background: #da251d; transition: all .3s;}
.sb-title:hover::before  { width: 130px;}
.abs-num { overflow: hidden; margin-top: 50px;}
.abs-num li { float: left; width: 33%; text-align: center; line-height: 22px; border-right: 1px solid #eeeeee; height: 70px; color: #3d3d3d; }
.abs-num li.oths { border: none;}
.abs-num li h1 { color: #da251d; line-height:48px; height: 48px;; }
.abs-num li h1 i { font-size: 48px;}
/******************/

/***********/
.work-ny { height: auto; margin-top: 0; padding-bottom:30px;}
.work-ny li { margin-top:20px; }
/*****/
.cacacas { overflow: hidden; width: 1280px; padding: 20px 0;}
.cacacas li { margin: 20px 36px 10px 0;}
.cacacas li h1 { color: #222;}
.cacacas li .ck-m { border: 1px solid #dcdcdc; color: #3c3c3c;}
.cacacas li .ck-m:hover {color: #da251d;} 
/*************************/
.case-box { text-align: center; color: #747474; line-height:30px }
.case-box img { width: 810px;}
.case-box .tbt { font-size: 18px; color: #3d3d3d;padding: 30px 0;}
.case-box h1 {font-size: 18px; color: #3d3d3d; padding: 0 0 20px 0;}
.sxxpian { overflow: hidden; border-top: 1px solid #dcdcdc;}
.sxxpian a{ display: block; height: 100px; background: #fff; float: left; width: 50%; position: relative; padding: 10px 10px 10px 80px; line-height: 30px; transition: all .3s;}
.sxxpian a h1 { color: #4d4d4d; font-size: 20px; margin-top: 10px;}
.sxxpian a::before { content: ""; top: 40px; left: 30px; position: absolute; width: 18px; height: 18px; background: url(../images/sxprev.png) no-repeat;  transition: all .3s; }
.sxxpian a img { position: absolute; right: 10px; top: 10px; height: 80px; width: 100px; opacity: 0; transition: all .3s; }
.sxxpian a.post-next { padding: 10px 80px 10px 10px; text-align: right; }
.sxxpian a.post-next img { right: auto; left: 10px;;}
.sxxpian a.post-next::before { left: auto; right: 30px; background-position: -56px 0;}
.sxxpian a:hover { background: #da251d; color: #fff;}
.sxxpian a:hover h1 { color: #fff;}
.sxxpian a:hover img { opacity: 1;}
.sxxpian a:hover::before {background-position: -16px 0;}
.sxxpian a.post-next:hover::before {background-position: -36px 0;}
.tj-tit { font-size: 24px; color: #444; margin-top: 30px;}
/***************************/
.painting { overflow: hidden; padding: 0 50px 30px;}
.painting li { padding:50px 365px 50px 105px; height: 348px; position: relative; color: #999999; font-size: 14px; line-height: 28px; }
.painting li::before,.painting li::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #d7d7d7; }
.painting li::after { width: 0; background: #da251d; z-index: 3; transition: all .3s; }
.painting li:hover::after { width: 100%;}
.painting li .tb-box { position: absolute; right: 0; top: 50px; width: 248px; height: 248px;;}
.painting li .num { transition: all .3s; position: absolute; left: 0; width: 105px; height: 200px; text-align: center; color: #cdcdcd; font-size: 48px;}
.painting li .num::before { content: ""; height: 121px; background: #dcdcdc; width: 1px; position: absolute; left: 52px; bottom: 10px; transition: all .3s;} 
.painting li h1 font{ font-size: 22px; color: #333333; font-weight: bold; margin-right: 10px; }
.painting li h3 { margin-top: 30px;transition: all .3s;}
.painting li .cp-m { color: #999999; margin-top: 20px; transition: all .3s;  width: 100px; text-align: center; position: relative; left: -24px;} 
.painting li:hover .cp-m {background-color: #ee1c25; color: #fff; left: 0px;}
.painting li:hover .tb-box img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.painting li:hover h1 font{ color: #da251d}
.painting li:hover .num { color: #da251d;font-size:42px; }
.painting li:hover .num::before{ bottom: 20px;}
.painting li:hover h3 { margin-top: 20px;}
.painting li:nth-child(2n) { padding:50px 105px 50px 300px; }
.painting li:nth-child(2n) .num{ left: auto;  right: 0; }
.painting li:nth-child(2n) .tb-box { right: auto; left: 0;}
/********************************/
.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: #da251d; 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 #da251d;}
.innews-list li:hover h1 { color: #da251d;}
.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; }
/********/
.news-box8 { width: 840px; float: left; overflow: hidden; padding-bottom: 50px;}
.con-four { overflow: hidden; padding: 60px 0 40px;}
.con-four li { width: 25%; float: left;height:270px; padding:60px 10px 0;  text-align: center; color: #4e4e4e; font-size: 14px; line-height: 24px;  border: 1px solid #dcdcdc; border-left: none; }
.con-four li:first-child { border-left: 1px solid #dcdcdc; }
.con-four li img { height: 45px; }
.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;}
#containermap{width:100%;height:590px;background-color:#eee}
#imgDemo{}
#containermap .tt{ padding:0;margin:0;line-height:30px;font-size:16px; position:relative; top:40px; display: none }
#imgDemo{float:left;width:60%; margin-left: 20%;}
#containermap .add{ display: none; font-size:14px;line-height:20px;padding:0;margin:0;color:#666; position:relative; top:40px; }
/**************************/
.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%;}
/*************/
#lightbox-infoContainer{padding: 0 !important; }
#lightbox-caption-title{text-align: center;display: block;width: 100%;line-height: 40px;height: 100%;}
#lightbox-caption{display: block;height: 40px;width: 100%;}
#lightbox-caption a{font-size: 0;}
#lightbox-nav-btnNext,#lightbox-nav-btnPrev{width: 10% !important;display: block;}

#lightbox-infoBox {left: 50%; z-index: 9999;     transform: scale(0.8) translate(-63%,-60%);height: 100%; position: absolute;top: 50%; background: none !important;border: none !important;}
#lightbox-infoContainer,#lightbox-infoHeader,#lightbox-caption { position: relative; height: 100%;}
#lightbox-caption-title { font-size: 0;;}


.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 .swiper-pagination-fraction { top: 50%; margin-top: -100px; left: 50%; margin-left: -500px; width: 160px; }
.swiper-index .swiper-pagination-fraction {  font-family:Impact; font-size: 30px; color: #474747; transition:all 5s ease 0;  opacity: 1;}
.swiper-index .swiper-pagination-fraction .swiper-pagination-current { position: absolute; top: 0px; left: 30px; margin-left: 100px; color: #144aa3; font-size: 90px; }
.swiper-index .swiper-pagination-fraction .swiper-pagination-total { position: relative; left: -60px;;}
.swiper-index .swiper-pagination-fraction span::before { content: "0"}

.swiper-index .ban-info{ position: absolute; opacity: 0;top: 50%; margin-top: 20px;  left: 50%; margin-left: -460px; transition: all .7s ease .3s; color: #211223; background: url(../images/ban1.png) no-repeat; height: 250px; width: 50%; }
.swiper-index .ban-info h1 { color: #ff0018; font-size: 49px;}
.swiper-index .swiper-slide-active .ban-info{ opacity: 1; margin-left: -490px;}


.swiper-index .ban2 { background: url(../images/ban2.png) no-repeat; }
.swiper-index .ban3 { background: url(../images/ban3.png) no-repeat; }

.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*************************/





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


.pbb50 { padding-bottom: 50px;}
.inntit { color: #2470aa; font-size: 36px; text-align: center; margin-top: 50px;}
.inncontent { line-height: 28px; color: #666; font-size: 16px; text-align: center; margin-top: 10px;}
.rc-lay1 { overflow: hidden; width: 1200px; margin: 0 auto; margin-top: 20px;}
.rc-lay1 li { width: 25%; float: left; padding: 30px 0; margin:5px 0;  text-align: center; line-height: 24px; color: #555;  }
.rc-lay1 li img { width: 100px; height: 100px; }
.rc-lay1 li h1 { font-size: 18px; color: #414141; margin: 10px 0 10px;}
.rc-lay1 li:hover { background: #fff; box-shadow: 0 3px 3px #888; }
/********/
.rc-tab { overflow: hidden; margin-top: 50px; padding-left: 10px; }
.rc-tab a { float: left; display: block; width: 290px; margin-right: 5px; height: 50px; line-height: 50px; text-align: center; color: #ffffff; font-size: 22px; background: url(../images/rc-tab.jpg) top center no-repeat; transition: all .3s;}
.rc-tab a.rcp-on { background-position: 0 -60px; color: #2470aa; line-height: 56px;}
.rcp-inn .inncontent { margin: 40px 0 0 50px; text-align: left;}
.rc-lay2 { overflow: hidden; margin:30px 0 0 25px; }
.rc-lay2 li { width: 530px; height: 160px; padding-right: 35px; margin-left: 30px; background: #2470aa; border-radius: 10px; float: left; color: #fff; line-height: 24px;}  
.rc-lay2 li em { width: 124px; height: 160px; display: block; float: left; background: url(../images/rc11.png) center no-repeat;}
.rc-lay2 li.rcm-li {  background: #24aa95; }
.rc-lay2 li h1{ font-size: 22px; margin-top: 35px; margin-bottom: 10px;}
.rc-lay3 { overflow: hidden; width: 1120px; margin: 0 auto; margin-top: 30px;}
.rc-lay3 li { width: 25%; float: left; text-align: center; }
.rc-lay3 li .rc-cir { width: 100px; height: 100px; display: block; margin: 0 auto; margin-bottom: 10px;}
.rc-lay3 li .rc-cir em { width: 100px; height: 100px; display: block;}
.rc-lay3 li .rc-cir em.rcm1 { background: url(../images/rc1.png) no-repeat}
.rc-lay3 li .rc-cir em.rcm2 { background: url(../images/rc2.png) no-repeat}
.rc-lay3 li .rc-cir em.rcm3 { background: url(../images/rc3.png) no-repeat}
.rc-lay3 li .rc-cir em.rcm4 { background: url(../images/rc4.png) no-repeat}
 /******************/
.js-list1 { width: 1280px; overflow: hidden; }
.js-list1 li { width: 586px; float: left; padding: 0 20px 0 0; border: 1px solid #dcdcdc; overflow: hidden;margin:30px 26px 0 0; line-height: 24px; color: #484848;}
.js-list1 li em { width: 150px; height: 150px; display: block; float: left; margin-right: 26px; background: url(../images/jsa1.jpg) no-repeat; text-align: center; line-height: 150px; font-size: 60px; color: #fff;} 
.js-list1 li h1 { color: #e8bc69; font-size: 22px; margin: 24px 0 15px; font-weight: bold;}
.js-tit { color: #484848; font-size: 36px; font-weight: bold; margin-top: 50px; text-align: center;}
.js-lay2 { position: relative; height: 275px; margin-top: 50px;}
.js-c21 { width: 252px; height: 252px; position: absolute; left: 213px; top: 0; border-radius: 100%; background: #e6af48; text-align: center; color: #ffffff; line-height: 30px; padding: 66px; font-size: 18px; font-weight: bold;}
.js-c21:before { content: ""; position: absolute; left: 12px; top: 12px; width: 228px; height: 228px; border: 2px solid #fff; border-radius: 100%; transition: all .3s;}
.js-c21:hover:before { width: 210px; height: 210px; left: 21px; top: 21px;}
.js-c22, .js-c23 { position: absolute; width: 472px; right: 203px; padding: 24px 0 0 138px; color: #fff; 
	font-size:18px; line-height: 64px;  }
.js-c22 { top: 0; height: 116px; background: url(../images/js-lay21.png) no-repeat;}
.js-c23 { top: 153px; height: 108px; background: url(../images/js-lay22.png) no-repeat;}
/***************/
.js-lay3 { overflow: hidden; margin-top: 50px; }
.js-lay3 li { float: left;  width: 20%; text-align: center; color: #555; line-height: 24px;  }
.js-lay3 li h1 { color: #414141; font-size: 20px; margin: 5px 0 10px;}
.js-lay3 .otho { margin-top: 66px;}
.js-lay4 { overflow: hidden; width: 1320px; margin-top: 30px;}
.js-lay4 li { width: 333px; height: 333px; position: relative; float: left; margin: 20px 80px 20px 20px; border-radius: 10px; box-shadow: 0 0 20px #d9d9d9;background: #fff; }
.js-lay4 li em { display: block; position: absolute; left: -20px; top:  30px; width: 169px; height: 98px; background: url(../images/js-jt.png) no-repeat; padding: 16px 0 0 56px; line-height: 66px; font-size: 40px; font-style: italic; font-family: Impact; color: #fff;}
.js-lay4 li h1 { color: #e6af48; font-size: 24px; padding: 60px 0 0 164px; font-weight: bold;	}
.js-lay4 li h3 { padding: 60px 30px 0; color: #5e5e5e; font-size: 16px; line-height: 36px;} 
.zx-btn9 { position:relative;  width:333px; height:56px; line-height:56px; text-align:center; font-size:22px; color:#ffffff; background:#c99a41; display:block; margin:0 auto;margin-top: 40px; -webkit-border-radius:44px; border-radius:44px; }
.zx-btn9:hover { color:#fff;}
.zx-btn9 i{display:inline-block;width:100px;height:56px;position: absolute;top:0px;right:15px;margin:auto;background:url(../images/zt/sericon.png) no-repeat center center; animation:scal 1.2s linear infinite;}
@keyframes scal{0%{transform:scale(0);opacity:1;}100%{transform:scale(1.2);opacity:0.5;}}
/********关于我们********/