.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(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(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*************************/
.abs-bg { height:260px; position:relative; z-index:30}
.abs-box { width:1200px;height:340px; background:#fff; position:absolute; left:50%; margin-left:-600px; bottom:50px; box-shadow:0px 10px 10px #d4d4d4; border-radius:10px;}
.abs-box .tbc { color:#545454; margin-top:45px; line-height:30px; text-align:center; font-size:16px;}
/******************************/
.num-list { width:1200px; overflow:hidden; padding:60px 0 30px;}
.num-list li { position:relative; float:left; width:25%; height:100px; border-left:1px solid #dcdcdc;  overflow:hidden; text-align:center;}
.num-list li h1 { color:#2e66cb; font-size:18px; margin:15px 0 5px; font-weight:bold;  line-height:40px; position:relative; z-index:11;}
.num-list li h1 i{ font-size:42px; color:#2e66cb; margin-right: 2px}
.num-list li h3 {position:relative; z-index:11;  color:#555;}
.num-list li:after { display:none; content:""; position:absolute; left:0px; top:0px; background: rgba(255,255,255,.5); width: 180px; height: 180px; border-radius: 50%; -webkit-border-radius: 50%; z-index:9;}
.num-list li:before { display:none; content:""; position:absolute; left:30px; top:30px; background: rgba(250,167,54,.8); width: 120px; height: 120px; border-radius: 50%; -webkit-border-radius: 50%;  transform: scale(1); -webkit-transform: scale(1);  animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards infinite; z-index:10; }
@keyframes scaleToggleOne { 
 0% {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}

/**************************/
.yewu-sys {  margin:0 auto; margin-top:50px;padding-bottom: 15px}
.yewu-sys .cool-l2 { float:left; margin:0 20px; width:270px; margin-top: 15px; padding: 20px 15px 0 20px; height:300px; border:1px solid #dcdcdc; background:#5186fd url(k82.png) center no-repeat;
	 transition: all .2s; display:block;position: relative;}

.yewu-sys .cool-l2 em { position: absolute; right: 25px; top:25px; width: 61px; height: 54px;  }
.yewu-sys .cool-l2 em.pic1 { background: url(yw1.png) no-repeat;}
.yewu-sys .cool-l2 em.pic2 { background: url(yw2.png) no-repeat;}
.yewu-sys .cool-l2 em.pic3 { background: url(yw3.png) no-repeat;}
.yewu-sys .cool-l2 em.pic4 { background: url(yw4.png) no-repeat;}
.yewu-sys .cool-l2 em.pic5 { background: url(yw5.png) no-repeat;}
.yewu-sys .cool-l2 h1 { color: #4c4f52; margin: 35px 0 10px; font-size: 22px; letter-spacing:2px; font-weight: bold;}
.yewu-sys .cool-l2 p { margin:4px 0;}
.yewu-sys .cool-l2 p span { font-weight:bold; display:inline-block;
position: relative;
background: none; /*margin-right:6px;*/ width:0; font-size:0;}
.yewu-sys .cool-l2 .tbc p:nth-child(1) span { font-size:14px; width:14px;} 
.yewu-sys .cool-l2 .tbc { color: #4c4f52; line-height: 20px; }
.liang {background:#fff; }


.yewu-sys .cool-l2:hover{ background:#F18E1A url(k82.png) center no-repeat; border:1px solid #F18E1A; position: relative; box-shadow: 5px 5px 10px #888 }
.yewu-sys .cool-l2 .tbc { color: #fff;}
.yewu-sys .cool-l2 h1 { color: #fff;}
.yewu-sys .cool-l2 em.pic1{ background: url(yw81.png) no-repeat; }
.yewu-sys .cool-l2 em.pic2{ background: url(yw82.png) no-repeat; }
.yewu-sys .cool-l2 em.pic3{ background: url(yw83.png) no-repeat; }
.yewu-sys .cool-l2 em.pic4{ background: url(yw84.png) no-repeat; }
.yewu-sys .cool-l2 em.pic5{ background: url(yw85.png) no-repeat; }
/*********************/
.zs-box1 { width: 590px; float: left; height: 310px; margin-top: 50px; }
.zs-box1 .tbt { height: 50px; line-height: 50px; font-size: 22px; background: #0166ce; color: #fff; text-align: center; margin-bottom: 2px;}
.zs-box1 .zs-head { font-size: 18px; overflow: hidden; line-height: 50px; 
	position: relative;z-index: 99;}
.zs-box1 span { display: block; float: left; height:40px; text-align: center; overflow: hidden;}
.zs-head span { height:50px;}
.sps1 { background: #ececec; width: 31%;}
.sps2 { background: #e1e1e1; width: 23%;}
.sps3 { background: #ececec; width: 23%;}
#marquee2,#marquee3 { height: 252px;width: 100%;overflow: hidden;}
.zs-list13 li { height: 40px; line-height: 40px; margin-top: 2px;}
.zs-list13 li a:hover {color: #2e66cb}
.zs-right6 { float: none; float: right;}
.zs-right6 .tbt { background: #d09148}
.nodeal { color: #ff0006}
/**************/





.adv-bg7 { margin-top: 60px; background: url(liangliang-bg.jpg) top center no-repeat; height: 785px; overflow: hidden; } 
.adv-list7 { overflow: hidden; width: 1218px; margin: 0 auto; margin-top: 20px; }
.adv-list7 .cool-v8 { overflow: hidden; position: relative; width: 280px; height: 290px; padding: 0; background: #fff; float: left; margin: 8px;}
.adv-list7 .cool-v8  img { width: 280px; height: 250px; overflow: hidden;}
.adv-list7 .cool-v8  h1 { color: #535353; font-size: 26px;position: relative; z-index: 10;}
.adv-list7 .cool-v8  h3 {
	color: #5186fd;
	font-size: 14px;
	line-height: 10px;
	margin-top: 10px;
	position: relative;
	z-index: 10;
	font-weight: bold;
	text-align: center;
}

.adv-list7 .cool-v8:hover h3 {
    color: #fff;
}

.adv-list7 .cool-v8:hover{ background:#5186fd center no-repeat; border:2px solid #5186fd; position: relative; box-shadow: 5px 5px 10px #888 }


/**********

.adv-bg7 { margin-top: 60px; background: url(liangliang-bg.jpg) top center no-repeat; height: 785px; overflow: hidden; } 
.adv-list7 { overflow: hidden; width: 1218px; margin: 0 auto; margin-top: 50px; }
.adv-list7 .cool-v8 { overflow: hidden; position: relative; width: 390px; height: 256px; padding: 60px 0 0 38px; background: #fff; float: left; margin: 8px;}
.adv-list7 .cool-v8  img { position: absolute; right: 0; bottom:0; transition: all .3s;  z-index: 9;}
.adv-list7 .cool-v8  h1 { color: #535353; font-size: 26px;position: relative; z-index: 10;}
.adv-list7 .cool-v8  h3 { color: #8f8f8f; font-size: 14px; line-height: 30px; margin-top: 10px; position: relative; z-index: 10;}
.adv-list7 .cool-v8:before { content: ''; position: absolute; left: 50%; top: 50%; width: 0; height: 0;  background: linear-gradient(to bottom, #6189fe, #505bff); transition: all .3s;  z-index: 8;}
.adv-list7 .cool-v8:hover:before { width: 100%; height: 100%; left: 0; top: 0;}
.adv-list7 .cool-v8:hover h1,.adv-list7 .cool-v8:hover h3 { color: #fff;}
.adv-list7 .cool-v8:hover img { right: 5px;}
.adv-bg7 .title h1{ color: #fff;}
.adv-bg7 .title h3{color: #fff}

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



.news-body{overflow: hidden;position: relative; margin-top:40px;}
.news-body.on{display: block;}
.news-body .news-l{position: relative;display: block;float: right; width: 45%; -webkit-transition: 0.3s 0.5s linear;-o-transition: 0.3s 0.5s linear;transition: 0.3s 0.5s linear;}
.news-body.show .news-l{top:0;opacity: 1;filter:alpha(opacity=100);}
.news-body .news-l li{display: block;margin-bottom: 20px;overflow: hidden;clear: both;}
.news-body .news-l li:last-child{margin-bottom: 0;}
.news-body .news-l li .date{display: block;float: left;width: 98px;height: 98px;border: 1px solid #d6d6d6;margin-right: 16px;line-height: 1;text-align: center;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.news-body .news-l li:hover .date{border: 1px solid #0166ce;background-color: #0166ce;}
.news-body .news-l li .date .day{display: block;font-size: 25px;color: #666;margin-top: 16px;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.news-body .news-l li:hover .date .day{color: #fff;}
.news-body .news-l li .date .line{display: block;width: 21px;height: 1px;margin: 8px auto 10px;background-color: #757575;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.news-body .news-l li:hover .date .line{background-color: #eee;}
.news-body .news-l li .date .month{display: block;font-size: 14px;color: #5f5f5f;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.news-body .news-l li:hover .date .month{color: #fff;}
.news-body .news-l li .content{display: block;overflow: hidden;}
.news-body .news-l li .content h4{display: block;margin-top: 8px;}
.news-body .news-l li .content h4 a{font-size: 16px;color: #333;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.news-body .news-l li:hover .content h4 a{color: #0166ce;}
.news-body .news-l li .content p{display: block;line-height: 26px;color: #5f5f5f;margin-top: 8px;}
.news-body .news-l li .content p a{color: #5f5f5f;}
.news-body .news-r{display: block;float:left;width: 53%;}
.news-body .news-r li{position: relative;display: block;float: left;width: 47%;margin-right: 3%;}
.news-body .news-r li:nth-child(2){margin-right: 0;}
.news-body .news-r .item1{top:200px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.5s 0.5s linear;-o-transition: 0.5s 0.5s linear;transition: 0.5s 0.5s linear;}
.news-body .news-r .item2{top:200px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.7s 0.5s linear;-o-transition: 0.7s 0.5s linear;transition: 0.7s 0.5s linear;}
.news-body.show .news-r li{top:0;opacity: 1;filter:alpha(opacity=100);}
.news-body .news-r li .pic{display: block;overflow: hidden;border: 1px solid #eee;}
.news-body .news-r li .pic img{display: block;width: 300px;
height: 203px; -webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.news-body .news-r li:hover .pic img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.news-body .news-r li h4{display: block;margin-top: 15px;height: 32px; line-height: 32px; overflow: hidden;} 
.news-body .news-r li h4 a{color: #333;font-size: 16px;font-weight: bold;}
.news-body .news-r li h3 { height: 48px; line-height: 24px; margin-top: 10px; }

.news-body .news-r li:hover h4 a{color: #0166ce;}
.news-body .news-r li p{display: block;line-height: 24px;color: #5f5f5f;margin-top: 14px;height: 96px;}
.news-body .news-r li .info{display: block;margin-top: 18px;}
.news-body .news-r li .info span{display: block;float: left;color: #9a9a9a;}
.news-body .news-r li .info a{display: block;float: right;color: #5f5f5f;-webkit-transition: 0.5s linear;-o-transition: 0.5s linear;transition: 0.5s linear;}
.news-body .news-r li .info a:hover{color: #FFC045;}
/*********************************************************/


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


.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(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(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(rc1.png) no-repeat}
.rc-lay3 li .rc-cir em.rcm2 { background: url(rc2.png) no-repeat}
.rc-lay3 li .rc-cir em.rcm3 { background: url(rc3.png) no-repeat}
.rc-lay3 li .rc-cir em.rcm4 { background: url(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(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(js-lay21.png) no-repeat;}
.js-c23 { top: 153px; height: 108px; background: url(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(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(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;}}
/********关于我们********/

.section { overflow: hidden;}
.page1 { background: url(abs-page1.jpg) no-repeat; position: relative; height: 1000px;}
/*.abs-bgg {  background: url(abs-page1.jpg) no-repeat;}*/

/*************/
.abs-lay1 { width: 0px; margin: 0 auto; height: 400px; position: relative;; }
.abs-lay1 li { position: absolute; top: 0; width: 166px; height: 166px; margin:0 67px;  padding: 60px 0 0; text-align: center; line-height: 24px; color: #fff; }
.abs-lay1 li:nth-child(1) { left: -500px;}
.abs-lay1 li:nth-child(2) { left: -250px;}
.abs-lay1 li:nth-child(3) { left: 0px;}
.abs-lay1 li:nth-child(4) { left: 250px;}
.abs-lay1 li::before { content:""; position: absolute; left: 0; top: 0;; width: 166px; height: 166px; background: url(abs-cir.png) top center no-repeat}
.abs-lay1 li h1 { position: relative; z-index: 2; font-size: 24px;}
.abs-lay1 li i { color: #ffae00; font-size: 42px; margin-right: 5px; margin-bottom: 25px;}
/*********************/
.abs-lay11 { margin-top: 10px; text-align: center; color: #fff; line-height: 36px; font-size: 16px; position: relative; z-index: 10; } 

/**************/
.page2 {  background: linear-gradient(to bottom, #5187fe, #5867de);opacity: 0; transition: all .3s;}
.page2.active { opacity: 1;}
#china-map { position: absolute;top:150px; width: 820px;height: 820px; left: 50%; margin-left: -510px; }



#box{
	  display:none;
	  background-color: goldenrod;
	  width: 180px;
	  height: 30px;
  }
  #box-title{
	  display:block;
  }
.map-top { position: absolute; top: 50px; left: 50%; margin-left: -600px; width: 1200px; }
.map-top a {display:inline-block; font-size: 12px; position: absolute; left: 50%; font-weight: bold; padding-right: 36px; height:55px; z-index: 2;}
.map-top a:before{ content: "";  line-height: 20px; width:20px;height:20px; color: #fff; text-align: center; right: 10px; top: 0; position: absolute;   animation:mapl 1.2s linear infinite; border-radius: 100%;   background: #00FEFF; box-shadow: 0 0 3px #04bfba;}
.map-top #h1 { top:300px;color: #00FEFF; margin-left: 0px;}
.map-top #h2 { /*background: #05dbee;*/ top:440px;color: #00FEFF; margin-left: 58px;}
.map-top #h3 { /*background: #b2dc6f;*/ top:482px;color: #00FEFF; margin-left: -8px;}
.map-top #h4 { /*background: #6c98ec;*/ top:486px;color: #00FEFF; margin-left: 35px; padding-left: 40px;}
.map-top #h1::before { animation-delay: .4s; }
.map-top #h2::before {background: #00FEFF; animation-delay: .2s;box-shadow: 0 0 3px #05b2c1}
.map-top #h3::before { background: #00FEFF; animation-delay: .5s;box-shadow: 0 0 3px #05b2c1 }
.map-top #h4::before { background: #00FEFF; right: auto; left: 15px; box-shadow: 0 0 3px #05b2c1 }
.map-top #h5::before {background: #00FEFF; animation-delay: .3s; box-shadow: 0 0 3px #05b2c1 }
.map-top #h6::before { background: #00FEFF;animation-delay: .6s; box-shadow: 0 0 3px #05b2c1 }
.map-top a em { font-weight: bold;}
.map-top #h5 { /*background: #b99d51;*/ top:538px;color: #00FEFF; margin-left: 25px;}
.map-top #h6 { /*background: #a43a60;*/ top:560px;color: #00FEFF; margin-left: -35px;animation-delay: .6s;}

.active .map-top .dlay1 { transition-delay: .3s;} 
.active .map-top .dlay2 { transition-delay: .6s;}
.active .map-top .dlay3 { transition-delay: .9s;}
.active .map-top .dlay4 { transition-delay: 1.2s;}
.active .map-top .dlay5 { transition-delay: 1.5s;}
.active .map-top .dlay6 { transition-delay: 1.8s;}



@keyframes mapl{0%{transform:scale(1);opacity:1;}50%{transform:scale(1.2);}100%{transform:scale(1);}}

.map-inn { position: absolute; left: 50%; margin-left: 150px; top: 300px; width: 360px; color: #444; font-size: 16px; line-height: 30px; display: none; }
.map-inn .tbt { font-size: 24px; position: relative; padding-bottom: 10px; margin-bottom: 15px;}
.map-inn .tbt::before { content: ""; width: 100px; position: absolute; bottom: 0; left: 0; height: 1px; background: #444; }
.map-inn h1 { font-weight: bold; margin:20px 0 10px;}
.cirs {display:inline-block;width:20px;height:20px;   position: absolute; left: 50%; animation:mapl 1.2s linear infinite; z-index: 2; border-radius: 100%; opacity: .8; display: none;}
.mapc1 {background: #55aa83; top:280px; margin-left: 30px; }
.mapc2 {background: #05dbee; top:385px; margin-left: 90px; }
.mapc3 {background: #b2dc6f; top:420px; margin-left: 20px; }
.mapc4 {background: #6c98ec; top:500px; margin-left: 0px; }
.mapc5 {background: #b99d51; top:490px; margin-left: 110px; }
.mapc6 {background: #a43a60; top:580px; margin-left: -20px; }


@media screen and (max-width: 1380px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
      #china-map {width: 700px;height: 700px;}
.map-top #h1 {margin-left: -78px;
top: 270px;}
.map-top #h2 {margin-left: -30px;
top: 385px;
}
.map-top #h3 { margin-left: -85px;
top: 420px;}
.map-top #h4 { top: 430px;
margin-left: -50px;}   
.map-top #h5 { top: 470px;
margin-left: -55px;}
.map-top #h6 {  top: 490px;

margin-left: -110px;} 
.map-inn { margin-left:60px;}
   
}
/*******************/
.page3 {  background-color: rgb(255,255,255);}
.page3 .title,.page5 .title  { margin-top: 0;}
.hon-container { width:1200px; padding:0 50px; margin-top: 50px !important; margin-bottom:50px; }

.aabc-box .sev-next,.aabc-box .sev-prev { z-index: 99;position: absolute; width:48px; height:48px; transition: all .3s; }
.aabc-box .sev-next {background:url("image/prev1.png") no-repeat; right:50%; margin-right: -624px;}
.aabc-box .sev-prev {background:url("image/next1.png") no-repeat; left: 50%; margin-left: -624px;}
.aabc-box .sev-next:hover { margin-right: -630px;}
.aabc-box .sev-prev:hover {margin-left: -630px; }

.hon-list1 .swiper-slide { overflow: hidden; font-size:16px; line-height:20px; width: 270px !important; }
.hon-list1 img {  width: 270px; height: 340px;transition: all 0.3s linear;display: block;}
.hon-list1 .swiper-slide:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.hon-list1 .swiper-slide .team-s{ z-index: 10; background: rgba(0, 0,0, .5);  height: 0; position: absolute; left: 50%; top: 0; width: 100%;transition: all .3s; overflow: hidden; }
.hon-list1 .swiper-slide:hover .team-s { width: 100%; height: 340px; left: 0; }
.hon-list1 .swiper-slide .img-box {width: 270px; height: 340px; overflow: hidden;}
.hon-list1 .swiper-slide .team-s .tbc{ margin: 100px 15px 0; line-height: 30px; color: #fff; }
.hon-list1 .team-more { width: 108px; height: 40px; line-height: 38px; border: 1px solid #fff; text-align: center; display: block; margin: 0 auto; margin-top: 30px; color: #fff;}
.hon-list1 h1 { color: #3d3d3d; font-size: 24px; text-align: center; margin: 15px 0 10px;}
.hon-list1 h3 { color: #919191; font-size: 16px; text-align:center;}

/********************/
.page4 { background: url(abs-page4.jpg) no-repeat;}
.page4 .title { color: #fff; margin-top: 0; }
.page4 .title h1 { color: #fff;}
.honor-bigbox { height: 340px; overflow: hidden;}
.honor-top { text-align: center; margin-top: 40px;}
.honor-top a { position: relative; display: inline-block; margin: 0 8px; font-size: 16px; padding: 0 15px; height: 40px; line-height: 38px; border: 1px solid #dcdcdc; border-radius: 40px; color: #fff;}
.honor-top a em { position: relative; z-index: 2; display: block }
.honor-top a:before { border-radius: 40px; content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; background: #ffffff;  transition: all .3s; opacity: 0; }
.honor-top .honor-on{ color: #0166ce; }
.honor-top .honor-on:before{ left: 0; top: 0; width: 100%; height: 100%; opacity: 1;}

.carousel{margin:0px auto; margin-top: 50px; width:1200px;  height:280px;overflow:hidden;position:relative;}
.carousel .slides{margin:0px auto 30px;overflow:hidden;position:relative;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;}
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{width:100%;height:100%;}
.carousel .slides .slideItem .cover{background:rgb(0, 0, 0);left:0px;top:0px;width:100% !important;height:380px !important;display:block;position:absolute;}
.prevButton,.nextButton{top:80px;width:48px;height:48px;display:block; top:110px; position:absolute;z-index:99;cursor:pointer;}
.prevButton{right:0; background:url("prev1.png") no-repeat 0px 0px;}
.nextButton{left:0; background:url("next1.png") no-repeat 0px 0px;}
/************/
.page5 {background: url(box5-bg.jpg)center no-repeat;}
.big-event { background: url(line2.png) 0 220px repeat-x; overflow: hidden; }
.dasj { width: 1200px; padding-top: 230px !important;}
.dasj .swiper-slide { position: relative; padding: 60px 0 0 26px;}
.dasj .swiper-slide .line { position: absolute; left: 6px; top:0; height: 80px; width:2px; background: #dcdcdc;transition: all .3s;}
.dasj .swiper-slide .line::before { content: ""; position: absolute; left: -6px; bottom:0; width: 14px; height: 14px; background: #fff; border: 1px solid #0b3ec8; border-radius: 100%;transition: all .3s;}
.dasj .swiper-slide h1 { color: #0b3ec8; font-size: 18px; font-weight: bold; margin-bottom: 8px; transition: all .3s; height: 24px; list-style: 24px;}
.dasj .swiper-slide p { position: relative; color: #6a6a6a; font-size: 14px; line-height: 28px; padding-left: 6px;width: 300px}
.dasj .swiper-slide p::after { content: ""; position: absolute; left: 0; top: 14px; width: 2px; height: 2px; background: #0b3ec8;}
.dasj li:nth-child(2n){ padding: 0px 0 60px 26px; height: 160px; position: relative; top:-160px; }
.dasj li:nth-child(2n) .line { height: 160px; }
.dasj li:nth-child(2n) .line::before { bottom: auto; top: 0;}
.dasj li:hover .line {background: #0b3ec8;}
.dasj li:hover .line::before { background: #0b3ec8;}
.dasj li:hover h1 { font-size: 22px;}
.big-event .dsj-prev,.big-event .dsj-next { margin-top: 45px; }
.big-event .dsj-prev { left: 50%; margin-left: -640px;}
.big-event .dsj-next { right: 50%; margin-right: -640px;}
/*******************/
.news-list2 { overflow:hidden; width:1300px; margin-top:30px;}
.news-list2 li{ position:relative;  float:left; width:340px; height:340px; border-bottom:1px solid #e1d1e1; margin-right:90px; margin-bottom:50px;}
.news-list2 li a { display:block; height:390px;}
.news-list2 li .ny_date_box{ height:50px; line-height:20px; color:#939393; font-size:14px; }
.news-list2 li .p1{font-size:18px; color:#545454; height: 20px; overflow:hidden;font-weight: bold;}

.news-list2 li .img{width:340px; height:170px; overflow:hidden; position:relative;}
.news-list2 li .img img{width:100%; height:100%; display: block; position:relative;}

.news-list2 li .p2{font-size:14px; color:#888888; line-height:24px; height:48px; overflow:hidden; margin-top:10px; }
.news-list2 li .p3{font-size:16px; position:absolute; left:0px; bottom:10px; color:#0166ce; line-height:32px; height:36px; display:block; width:146px; text-align:center; border:2px solid #0166ce;transition: 0.3s ease 0s;}

.news-list2 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);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
.news-list2 li img,.news-list2 li .p1,.news-list2 li .p2,.news-list2 li:before {transition: 0.4s ease-in 0s;}
.news-list2 .img:before{content: '';width: 100%;height: 100%;position: absolute;display: block;z-index: 3;background: rgba(0,0,0,0.7);opacity: 0;top: -100%;transition: opacity 0.35s;
-webkit-transition: opacity 0.35s;}
.news-list2 li:hover .img:before{top:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}
.news-list2 li .ca-shade{ width:100%; height:170px; display:block; position:absolute; z-index:99; left:0; top:50px; background: url("nal_yan.png") center -30px no-repeat; text-align: center;}
.news-list2 li .ca-shade{ 
    transition: -ms-transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    transition: -webkit-transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    transition: -moz-transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    transition: transform 0.35s  cubic-bezier(1, .57, .78, 1.0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);  opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
.news-list2 li a:before{ display:none; z-index:10; text-align:center; line-height:58px; content:"MORE+"; font-size:18px; color:#fff; position:absolute; width:0; height:58px; bottom:-1px; left:0; background:#fcb221; -webkit-box-shadow:1px 1px 1px #fcb221; -ms-box-shadow:1px 1px 1px #fcb221; box-shadow:1px 1px 1px #fcb221; z-index:18;-webkit-transition: 0.3s ease 0s;-moz-transition: 0.3s ease 0s;-ms-transition: 0.3s ease 0s;}
.news-list2 li:hover .p3 { width:100%; height:47px; line-height:43px; bottom:-1px;}
.news-list2 li:hover a:before { width:100%;}


.news-list2 li:hover .ca-shade{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);  opacity:1; -moz-opacity:1;  -ms-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); }
.news-list2 li .ca-shade i{ display:block;top:75px; position:relative; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); }
.news-list2 li .ca-shade i em{ display:inline-block; width: 50px; height: 65px; background-image:url("go.png"); transform:scale(0.7,0.7); -webkit-transform:scale(0.7,0.7); -moz-transform:scale(0.7,0.7); -o-transform:scale(0.7,0.7);}
.news-list2 li .ca-shade i em{ -ms-animation: sprite-animate-go 1s steps(51)infinite; animation: sprite-animate-go 1s steps(51)infinite; -o-animation: sprite-animate-go 1s steps(51)infinite; -moz-animation: sprite-animate-go 1s steps(51)infinite; -webkit-animation: sprite-animate-go 1s steps(51)infinite; }

@-webkit-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}


/***********************/
.news-box10 { width:1200px; overflow:hidden; padding:15px 45px 45px; margin:0 auto; margin-top:20px; -webkit-box-shadow:0 0 6px #d9d7d7;box-shadow:0 0 6px #d9d7d7; }
.news-box10 .info-c { margin:20px 0 30px;}
.news-box8 { width: 840px; float: left; overflow: hidden; padding-bottom: 50px;}
.wz{width:100%; height:30px; line-height:30px; color:#7b838e; margin-top:10px;padding-left: 31px;
	background: url(wz.jpg) 0 no-repeat;}
.wz a{color:#7b838e; display:inline-block; padding:0 7px;}
.wz a.on,.wz a:hover{color:#0166ce;} 
.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;}
/**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(fenx.jpg) no-repeat !important; background-position:-40px 0 !important;}
.bds_weixin{background:url(fenx.jpg) no-repeat !important; background-position:-80px 0 !important; }
.bds_tsina{background:url(fenx.jpg) no-repeat !important; background-position:0px 0 !important;}
.bds_qzone{background:url(fenx.jpg) no-repeat !important; background-position:-160px 0 !important;}
.bds_tqq{background:url(fenx.jpg) no-repeat !important; background-position:-120px 0 !important;}
.bds_more{background:url(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(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;}
/***************************/
.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;}
/**********************/
.rc-lay212 { overflow: hidden; margin-top: 30px;}
.rc-lay212  li{ float: left; width: 550px; margin: 0 25px; border-radius: 10px; overflow: hidden; background: #eeeeee; height: 242px;}
.rc-lay212  li h1 { height: 58px; line-height: 58px; color: #fff; background: #2470aa; font-size: 24px; text-align: center}
.rc-lay212  li.oths h1 { background: #24aa95; }
.rc-lay212  li.oths .tbc a { width: 232px;}
.rc-lay212  li .tbc { text-align: center; padding-top: 20px;}
.rc-lay212  li .tbc a { display: inline-block; width: 156px; height: 50px; line-height: 50px; text-align: center; background: #fff; margin: 10px; border-radius: 50px;}

/***************/
.rc-lay213 { padding:30px;}
.rc-lay213 li { width:20%; float:left; text-align:center; line-height:60px; font-size:20px;}
.rc-lay213 li.oths { margin-top:80px;} 
/*******/
.rc-lay214 { overflow:hidden;margin-top: 30px;}
.rc-lay214  li{ float: left; width: 365px; margin: 0 15px; border-radius: 10px; overflow: hidden; background: #eeeeee; height: 342px; text-align:center;}
.rc-lay214  li .tbt{ height: 58px; line-height: 58px; color: #fff; background: #2470aa; font-size: 24px; text-align: center}
.rc-lay214  li.oths .tbt { background: #24aa95; }
.rc-lay214  li img { margin-top:30px;}
.rc-lay214  li h1 { font-size:22px; color:#434445; margin:15px 0; }
.rc-lay214  li h3 { color:#707070; font-size:16px; text-align:left; padding-left:110px; line-height:30px;}
.xia::after{content: "";display: block;background: url(xia.png) center no-repeat;height: 11px;width: 17px;position: absolute;left: 50%;margin-left: -8px;bottom: -11px}
.wenhua-list .shang{background: #1e64bd!important;height: 150px;}
.shang::after{content: "";display: block;background: url(shang.png) center no-repeat;height: 11px;width: 17px;position: absolute;left: 50%;margin-left: -8px;top: -11px}
.wenhua-list{width: 1200px;height: 500px;position: relative;}
.wenhua-list li{width: 240px;height: 150px;background: #589aef;color: #fff;border-radius: 10px;position: absolute}
.wenhua-list li:first-child{height: 195px;}
.wenhua-list li h1{font-size: 24px;line-height: 50px;text-align: center}
.wenhua-list li p{font-size: 14px;line-height: 20px;padding: 0 10px}
.gary-bg2{background: #f5f5f5;}
.yq-tab a:hover{color: #fff!important;}


/*********************************************/
/****************11.4jia*************************************/
.hon8 { width:1216px !important;}
.case-list8 .swiper-slide { overflow: hidden; font-size:14px; line-height:24px; width: 280px !important; height:420px;  background:#fff; box-shadow:4px 4px 4px #999; margin-bottom: 8px;}
.case-list8 .swiper-slide .img-box {width: 280px; height: 196px; overflow: hidden;}
.case-list8 img {  width: 100%; height: 100%;transition: all 0.3s linear;display: block;}
.case-list8 .swiper-slide:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}

.case-list8 .swiper-slide .team-s{ z-index: 10; background: rgba(255,255,255, .5);  height:224px; position: absolute; left: 0%;
 top: 196px; width: 100%;transition: all .3s; overflow: hidden; padding:0 20px 20px; }
.case-list8 .swiper-slide:hover .team-s {  height: 100%; top:0; background:rgba(26,115,207,.9); padding-top:30px;  }
.case-list8 .swiper-slide h1 { color:#313131; font-size:18px; font-weight:bold; padding:20px 0 15px;}
.case-list8 .swiper-slide:hover h3,.case-list8 .swiper-slide:hover h1 { color:#fff;}
.case-list8 .swiper-slide h3 { height:120px;  overflow: hidden;	}
.case-list8 .swiper-slide:hover h3 { height:auto;}


.aabc-box .case-prev8,.aabc-box .case-next8 { z-index: 99;position: absolute; width:48px; height:48px; top:193px; transition: all .3s; }
.aabc-box .case-prev8 {
	left:50%;
	margin-left: 556px;
	background-image: url(prev1.png);
	background-repeat: no-repeat;
}
.aabc-box .case-next8 {
	left: 50%;
	margin-left: -624px;
	background-image: url(next1.png);
	background-repeat: no-repeat;
}
.aabc-box .case-prev8:hover { margin-left: 562px;}
.aabc-box .case-next8:hover {margin-left: -630px; }
/************/
.shanchang { width:550px; height:470px; float:left; margin:25px; background:#eeeeee; overflow:hidden; border-radius:10px;}
.sc-head { height:58px; text-align:center; line-height:58px; background:#2470aa; color:#ffffff; font-size:22px;}
.sc-con ul { float:left; width:50%; margin-top:25px;}
.sc-con ul li { color:#555; font-size:16px; line-height:32px; text-align:center;}
.sc-con ul li h1 { color:#2c2c2c; font-size:24px; margin:10px 0 10px;}
.sc-right .sc-head{ background:#24aa95;}
.case-cg { background: #f5f5f5 !important;}

@media screen and (min-height: 910px) { 
     
	.page2 .title{ margin-top:50px;}
	.map-top { top:100px;}  
	#china-map { top:200px;}
	.map-inn { top:360px;} 
	 
	}