@import url(base.css);

/*banner开始*/
.slider-container {
	width:100%;
  position: relative;
  height: 800px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: all-scroll;
}

.slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 12%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 0;
}
.slider-control.inactive:hover {
  cursor: auto;
}
.slider-control:not(.inactive):hover {
  opacity: 1;
  cursor: pointer;
}
.slider-control.left {
  left: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.right {
  right: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}

.slider-pagi {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 2rem;
  padding:0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  list-style-type: none;
}
.slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  height: 2rem;
  margin: 0 0.5rem;
  border-radius: 50%;
  border: 2px solid #0089d1;
  cursor: pointer;
}
.slider-pagi__elem:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: #0089d1;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.slider {
  z-index: 1;
  position: relative;
  height: 100%;
}
.slider.animating {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}

.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide.active .slide__text {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.slide__bg {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  will-change: transform;
}
.slide:nth-child(1) {
  left: 0;
}
.slide:nth-child(1) .slide__bg {
  left: 0;
  background-image: url(../images/banner.jpg);
}
@media (max-width: 991px) {
  .slide:nth-child(1) .slide__text {
  }
}
.slide:nth-child(2) {
  left: 100%;
}
.slide:nth-child(2) .slide__bg {
  left: -50%;
  background-image: url(../images/banner.jpg);
}
@media (max-width: 991px) {
  .slide:nth-child(2) .slide__text {
  }
}
.slide:nth-child(3) {
  left: 200%;
}
.slide:nth-child(3) .slide__bg {
  left: -100%;
  background-image: url(../images/banner.jpg);
}
@media (max-width: 991px) {
  .slide:nth-child(3) .slide__text {
  }
}
.slide:nth-child(4) {
  left: 300%;
}
.slide:nth-child(4) .slide__bg {
  left: -150%;
  background-image: url(../images/banner.jpg);
}
@media (max-width: 991px) {
  .slide:nth-child(4) .slide__text {
  }
}
.slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide__text {
  position: absolute;
  width: 25%;
  bottom: 15%;
  left: 20%;
  color: #fff;
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__text {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20rem;
    text-align: center;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    padding: 0 1rem;
  }
}
.slide__text-heading {
  font-size: 5rem;
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
  .slide__text-heading {
    line-height: 20rem;
    font-size: 3.5rem;
  }
}
.slide__text-desc {
  font-size: 2rem;
  color:#26498b;
  line-height:3rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .slide__text-desc {
    display: none;
  }
}
.slide__text-link {
  z-index: 5;
  display: inline-block;
  position: relative;
  padding: 1rem 4rem;
  font-size: 3rem;
  color:#fff;
  margin-top:3rem;
  background: #ff8805;
  border-radius:5px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.slide__text-link:hover,.slide__text-link:focus{
	color:#fff;
}
@media (max-width: 991px) {
  .slide__text-link {
    display: none;
  }
}
.slide__text-link:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0089d1;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
  border-radius:5px;
}
.slide__text-link:hover:before {
  -webkit-transform: rotateX(-85deg);
          transform: rotateX(-85deg);
}


/*手机站banner*/
.banner2 .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.banner2 .rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.banner2 .rslides li:first-child { position: relative; display: block; float: left; }
.banner2 .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.banner2 .slide_container { margin-bottom: 50px; position: relative; width: 100%; }
.banner2 .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.banner2 .slide li { position: absolute; width: 100%; left: 0; top: 0; }
.banner2 .slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.banner2 .slide_nav {position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 30%; left: 2%; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 40px; width: 25px; background: transparent url("../images/themes.png") no-repeat left top; margin-top: -45px; }
.banner2 .slide_nav:active { }
.banner2 .slide_nav.next { left: auto; background-position: right top; right: 2%; }

/*banner结束*/


.ren a{width:100%;height:auto;overflow:hidden;display:block;}
.ren{
	background: #f5f5f5;
box-shadow: 0px 3px 5px #ccc;}

/*历程开始*/
.lic{background:url(../images/bg-dian.png);}
.box{
	width: 1207px;
	height: 1500px;
	display: block;
    top: 50%;
    left: 50%;
	background: url(../images/line_bg.png) 0px 0px no-repeat ;
	margin: auto;
}
.box2{
	width: 1207px;
    height: 0px;
    display: block;
    position: absolute;
    overflow:hidden;
    /*top: 50%;
    left: 50%;*/
    background: url(../images/line_all.png) 0px 0px no-repeat;

}
.box2-b1{
-webkit-animation: aa 5s linear;
-webkit-animation-fill-mode: forwards;
-moz-animation: aa 5s linear;
-moz-animation-fill-mode: forwards;
-o-animation: aa 5s linear;
-o-animation-fill-mode: forwards;
-ms-animation: aa 5s linear;
-ms-animation-fill-mode: forwards;
    animation: aa 5s linear;
    animation-fill-mode: forwards;
}
.box2-b2{
-webkit-animation: aa 5s linear;
-webkit-animation-fill-mode: forwards;
-moz-animation: aa 5s linear;
-moz-animation-fill-mode: forwards;
-o-animation: aa 5s linear;
-o-animation-fill-mode: forwards;
-ms-animation: aa 5s linear;
-ms-animation-fill-mode: forwards;
    animation: aa 5s linear;
    animation-fill-mode: forwards;
}
.box2-1{
	width: 1207px;
	height: 2000px;
	position: absolute;	
}
.box2 span{
	font-size: 18px;
	color: #ffbc1e;
	font-weight: 600;
}
.box2 p{
	opacity: 0;
	/*color: #FF0000;*/
	color: #333333;
	transition: all .5s linear;
}
.boxh img{
	width: 17px;
	height: 17px;
}
.box2-1-1,.box2-1-2,.box2-1-3,.box2-1-4,.box2-1-5,.box2-1-6,.box2-1-7,.box2-1-8,.box2-1-9,.box2-1-10,.box2-1-11,.box2-1-12,.box2-1-13,.box2-1-14,.box2-1-15,.box2-1-16{
	position:absolute ;
	z-index: 9;
	opacity: 1;
	cursor: pointer;
	
}
.boxh img:hover{
	width: 20px;
	height: 20px;
}
.boxh:hover .boxp{
	opacity: 1;
}
.box2-1-1{
	top: 140px;
	left: 120px;
}
.box2-1-2{
	top: 260px;
	left: 220px;	
}
.box2-1-3{
	top: 320px;
	left: 240px;
}
.box2-1-4{
	top: 500px;
	left: 400px;
}
.box2-1-5{
	top: 680px;
	left: 485px;
}
.box2-1-6{
	top: 740px;
	left: 405px;
}
.box2-1-7{
	top: 800px;
	left: 340px;
}
.box2-1-8{
	top: 860px;
	left: 333px;
}
.box2-1-9{
	top: 920px;
	left: 380px;
}
.box2-1-10{
	top: 980px;
	left: 520px;
}
.box2-1-11{
	top: 1040px;
	left: 630px;
}
.box2-1-12{
	top: 1100px;
	left: 870px;
}
.box2-1-13{
	top: 1160px;
	left: 626px;
}
.box2-1-14{
	top: 1220px;
	left: 600px;
}
.box2-1-15{
	top: 1280px;
	left: 520px;
}.box2-1-16{	top: 1340px;	left: 520px;}
@keyframes aa
{
   0%{
   	  height: 0;
   }
    100%{
   	height: 2068px;
   }
}
@keyframes bb
{
   0%{
   	height: 2068px;
   }
    100%{
   	  height: 0;
   }
}

.lic-jt{
	width:65px;
	height:82px;
	position:absolute;
	top:10px;
}
.lic-jt a{
	width:100%;
	height:100%;
	display:block;
	opacity: 0.75;
	transition: all 0.35s;
-ms-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
-webkit-transition: all 0.35s;
}
.lic-jt a:hover{
	opacity: 1;
}
.lic-jt a img{
	padding:20px;
	width:100%;
	height:100%;
}
.lic-l{
	left:50%;
	margin-left:-460px;
}
.lic-l a:hover{
transform: translateX(-5px);
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
}
.lic-r{
	right:50%;
	margin-right:-460px;
}
.lic-r a:hover{
transform: translateX(5px);
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
}
.lic-box{
width: 780px;
height: auto;
display: block;
position: absolute;
left: 50%;
margin-left: -390px;
top: 10px;
z-index: 10;
}
.lic-time{
	width:193px;
	height:128px;
	float:left;
	font-size: 5rem;
	font-weight: bold;
	line-height: 90px;
	text-align: center;
	color: #fff;
	background:url(../images/year_bg.png) no-repeat center center;
}
.lic-nr{
width: 573px;
height: auto;
margin-right:5px;
float:right;
cursor: pointer;
}
.lic-nr img{
	width:100%;
}
.lic-nr-text{
	width:100%;
background: #ffca4d;
min-height: 66px;
box-shadow: 2px 2px 4px rgba(0,0,0,0.35);
transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
padding: 0px 30px 20px;
font-size: 18px;
line-height: 26px;
color: #283442;
}
.lic-time li,.lic-nr-text li{display:none;}
.lic-time li.cur,.lic-nr-text li.cur{display:block;}
.lic-nr-text li p{margin:0px;font-size:1.2rem;}
/*历程结束*/

/*研发开始*/
.yanfa{
	width:100%;
	height:auto;
	overflow:hidden;
}
.yanfa a{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	line-height:20px;
	color:#333;
	margin-bottom:25px;
	border: 1px solid #e8e7e7;
}
.yanfa a:hover{
	color:#0082c7;
	border: 1px solid #0082c7;
}
.yanfa img{
	width:100%;
}
.yanfa .p1{
	font-size:1.2rem;
	font-weight:bold;
	margin-top:15px;
	line-height:2rem;
	height:2rem;
	overflow:hidden;
	padding:0px 8px;
}
.yanfa .p2{
	font-size:1.4rem;
	padding:0px 8px;
}
/*研发结束*/

/*成果开始*/
.chengguo{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
}
.cg-wai{
padding:3rem 0rem;background-color:#f2f9fc;
}
.cg-list{
}
.cg-box{
	width:100%;
	height:auto;
	overflow:hidden;
	position: relative;
}
.cg-box img{
	width:100%;
}
.chengguo a{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	position: relative;
}
.chengguo .ck{
	position: absolute;
	top:0px;
	left:0px;
	z-index:9;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.chengguo a:hover .ck{
	opacity: 1;
}
.chengguo p{
	font-size:2rem;
	line-height:35px;
	color:#0089d1;
	margin-top:15px;
	text-align:center;
}
.chengguo .col-md-2{
	padding:0px 25px;
	display:inline-block;
	float:none;
}
.con-show01{width: 100%;height: 100%;float: left;overflow: hidden;transform:rotate(120deg);}  
.con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}  
.con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;}
.fl-kuang{
	position: absolute;
	top:0px;
	left:0px;
}
.cg-tu{
width:100%;height:163px;
}
/*成果结束*/

/*布局开始*/
.buju{
	width:100%;
	height:auto;
	overflow:hidden;
}
.buju-list{
	position: relative;
}
.buju-list p{
	width:100%;
	line-height:260px;
	text-align:center;
	font-size:2.5rem;
	color:#fff;
}
.buju-list a{
	width:100%;
	height:100%;
	display:block;
}
.buju-list .a{
	width:110px;
	height:36px;
	border-radius:3px;
	border:1px solid #fff;
	text-align:center;
	line-height:36px;
	font-size:1.5rem;
	color:#fff;
	position:absolute;
	bottom:15%;
	left:50%;
	margin-left:-55px;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}  
.buju-list:hover .a{
opacity: 1;
}
.buju-list1{
	background-color:#1ca9c8;
}
.buju-list2{
	background-color:#31a3a3;
}
.buju-list3{
	background-color:#69be74;
}
/*布局结束*/


/*栏目标题开始*/	
.title{
	margin-bottom:4rem;
}
.title-name{
	display:inline-block;
	margin-bottom:10px;
	position: relative;
	border-bottom:4px solid #0089d1;
	line-height:75px;
	font-size:4rem;
	color:#0089d1;
}
.title-name02{color:#fff;border-bottom:4px solid #fff;}
.title-dian{
	width:45px;
	height:45px;
	position: absolute;
	top:18px;
	left:-75px;
}
.title-jt{
	width:19px;
	height:10px;
	position: absolute;
	bottom:-14px;
	left:50%;
	margin-left:-10px;
}
.title-jt2{
	width:21px;
	height:21px;
	bottom:-13px;
}
.title-name2{
	width:390px;
	height:140px;
	padding-top:25px;
	line-height:100px;
	text-align:center;
	display:inline-block;
	font-size:4rem;
	color:#fff;
	background:url(../images/title-bg.png) no-repeat center center;
}
.yin{
	max-width:95%;
	display:inline-block;
	position: relative;
	font-size:1.3rem;
	color:#fff;
	line-height:2.2rem;
	margin-top:25px;
}
.yin span{
	display:block;
}
.yin2{
	color:#7b7b7b;
}
.yin3{
	color:#fff;
	font-size:1.5rem;
}
.yin-l{
	width:15px;
	height:13px;
	position: absolute;
	top:3px;
	left:-10%;
	display:none;
}
.yin-r{
	width:15px;
	height:13px;
	position: absolute;
	bottom:3px;
	right:-10%;
	display:none;
}
/*栏目标题结束*/
/*初识太爱肽开始*/
.cs-one{
	margin-bottom:4rem;
	overflow:hidden;
}
.ren{
	padding:45px 30px 45px 10px;
}
.ren2{
	padding:45px 10px 45px 30px;
}
.ren .fl{
	width:58%;
}
.ren .fr{
	width:40%;
}
.ren .p1{
	line-height:30px;
	font-size:2.5rem;
	color:#2ba0e5;
}
.ren .p2{
	line-height:25px;
	font-size:1.5rem;
	color:#686768;
	margin-bottom:5px;
}
.ren .p3{
	width:40px;
	background-color:#2ba0e5;
	height:2px;
	margin-bottom:15px;
}
.ren .p4{
	line-height:22px;
	font-size:1.2rem;
	color:#828383;
}
.ren img{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.ren a:hover img{
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.ren-js{
	padding:72px 30px;
	font-size:1.6rem;
	color:#666;
	line-height:45px;
	text-align:center;
}
.cs-two{
	overflow:hidden;
}
.cs-two-left{
	height:450px;
	float:left;
	background:url(../images/xian.png) no-repeat right;
	position: relative;
}
.xm-1,.xm-2{
	width:203px;
	height:70px;
	position:absolute;
}
.xm-1{
	background:url(../images/bg-1.png) no-repeat 0px 0px;
}
.xm-2{
	background:url(../images/bg-2.png) no-repeat 0px 0px;
}
.xm-1 a,.xm-2 a{
	width:100%;
	height:100%;
	display:block;
	padding-top:10px;
	text-align:center;
	line-height:60px;
	font-size:2.2rem;
	color:#fff;
}
.xm-1 a{
	padding-left:15px;
}
.xm-2 a{
	padding-right:15px;
}
.xm-1:hover,.xm-2:hover{
-webkit-animation-name: shakeEffect;
-moz-animation-name: shakeEffect;
animation-name: shakeEffect;
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
.cs-two-right{
	height:450px;
	float:right;
	position: relative;
	background:url(../images/bg-ren.png) no-repeat 80px 70px;
}
.xmm-1{
	top:5rem;
	left:11rem;
}
.xmm-2{
	top:17rem;
	left:0rem;
}
.xmm-3{
	top:29rem;
	left:14rem;
}
.xmm-4{
	top:4rem;
	right:0rem;
}
.xmm-5{
	top:17rem;
	right:8rem;
}
.xmm-6{
	top:30rem;
	right:16rem;
}
.wz{
	position:absolute;
	font-size:2.2rem;
	color:#333;
}
.wz-1{
	top:2rem;
	left:17rem;
}
.wz-2{
	top:14rem;
	left:6rem;
}
.wz-3{
	top:26rem;
	left:20rem;
}
.wz-4{
	top:1rem;
	right:5rem;
}
.wz-5{
	top:14rem;
	right:17.5rem;
}
.wz-6{
	top:27rem;
	right:26rem;
}
/*初识太爱肽结束*/
/*人开始*/
.title2{
	padding:60px 0px 35px 0px;
	border-bottom:25px solid #f2f2f2;
	background-color:#f5f5f5;
	margin-bottom:50px;
}
.biao{
	height:25px;
	line-height:25px;
	border-left:5px solid #ff8805;
	padding-left:8px;
	font-size:2rem;
	color:#333;
	margin-bottom:20px;
}
.biao-box a{
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	border-bottom:3px solid #fff;
	background-color:#f5f5f5;
}
.biao-box a:hover{
	border-bottom:3px solid #0089d1;
}
.biao-box img{
	width:100%;
}
.biao-box-nr{
	padding:15px;
}
.biao-box-nr .p1{
	line-height:35px;
	height:35px;
	overflow: hidden;
	font-size:1.4rem;
	color:#333333;
}
.biao-box-nr .p2{
	display:none;
	width:100px;
	height:2px;
	margin-bottom:30px;
	background-color:#fc6c02;
}
.biao-box-nr .p3{
	display:none;
	line-height:30px;
	font-size:1.2rem;
	color:#333333;
	margin-bottom:20px;
}
/*人结束*/

/*地图开始*/

/*TNC WORLD*/
#tncWorld{position:relative;width:100%;height:1000px;background:url(../images/bg_2.jpg) 0px 0px repeat;}
#v2_text{color:#fff;width:778px;background:url(../images/icon_dot.png) 0px center no-repeat;padding-left:120px;left:50%;top:50%;margin-left:-440px;top:33%;margin-top:-59px;}
/*#v2_more{width:95px;height:24px;display:block;position:absolute;right:0px;top:0px;background:url(../img/page_1/more.png) 0px 0px no-repeat;font-size:0;}
#v2_text:hover #v2_more,#v2_more:hover{background-position:0px -30px;}*/

#v2_body{width:996px;height:507px;background:url(../images/map.png) 0px 0px no-repeat;left:50%;top:35%;margin-left:-498px;position:absolute;/*_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(method='clip',src='images/map.png');*/}
.v2_point{cursor:pointer;position: absolute;}
.v2_point .v2_icon{position:absolute;top:0px;left:0px;z-index:1;}
.v2_text{color:#fff;position:absolute;display:block;padding:0px 38px 0px 0px;border-radius:2px;font-size:14px;left:30px;top:-30px;width:160px;height:34px;line-height:34px;text-align:center;z-index:1;
	background-position:right center;background-repeat:no-repeat;
	box-shadow:-1px 1px 2px rgba(0,0,0,0.35);
	transition:background 0.35s;-moz-transition:background 0.35s;-webkit-transition:background 0.35s;-o-transition:background 0.35s;-ms-transition:background 0.35s;}
#v2_point_1{width:21px;height:33px;left:17%;top:26%;margin-left:-11px;margin-top:-33px;}
#v2_point_1 .v2_text{background-color:rgba(51,204,255,0.65);background-image:url(../images/text_bg_1.jpg);background-color:#33ccff\9;}
:root #v2_point_1 .v2_text{background-color:rgba(51,204,255,0.65);}
#v2_point_1:hover .v2_text{background-color:rgba(51,204,255,1);}

#v2_point_2{width:21px;height:33px;left:55%;top:31%;margin-left:-11px;margin-top:-17px;}
#v2_point_2 .v2_text{background-color:rgba(240,72,72,0.65);background-image:url(../images/text_bg_2.jpg);background-color:#f04848\9;}
:root #v2_point_2 .v2_text{background-color:rgba(240,72,72,0.65);}
#v2_point_2:hover .v2_text{background-color:rgba(240,72,72,1);}

#v2_point_3{width:21px;height:33px;left:77%;top:40%;margin-left:-11px;margin-top:-17px;}
#v2_point_3 .v2_text{background-color:rgba(124,227,21,0.65);background-image:url(../images/text_bg_3.jpg);background-color:#7ce315\9;}
:root #v2_point_3 .v2_text{background-color:rgba(124,227,21,0.65);}
#v2_point_3:hover .v2_text{background-color:rgba(124,227,21,1);}

#v2_point_4{width:21px;height:33px;left:24%;top:50%;margin-left:-11px;margin-top:-17px;}
#v2_point_4 .v2_text{background-color:#5780f4;background-color:rgba(87,128,244,0.65);}
#v2_point_4:hover .v2_text{background-color:rgba(87,128,244,1);}
#v2_point_5{width:21px;height:33px;left:19%;top:53%;margin-left:-11px;margin-top:-17px;}
#v2_point_5 .v2_text{background-color:#19d892;background-color:rgba(25,216,146,0.65);left:-150px;}
#v2_point_5:hover .v2_text{background-color:rgba(25,216,146,1);}

#v2_point_6{width:21px;height:33px;left:56%;top:65%;margin-left:-11px;margin-top:-17px;}
#v2_point_6 .v2_text{background-color:rgba(255,153,51,0.65);background-image:url(../images/text_bg_4.jpg);background-color:#ff9933\9;}
:root #v2_point_6 .v2_text{background-color:rgba(255,153,51,0.65);}
#v2_point_6:hover .v2_text{background-color:rgba(255,153,51,1);}

#v2_point_7{width:21px;height:33px;left:28%;top:74%;margin-left:-11px;margin-top:-17px;}
#v2_point_7 .v2_text{background-color:rgba(255,204,0,0.65);background-image:url(../images/text_bg_5.jpg);background-color:#ffcc00\9;}
:root #v2_point_7 .v2_text{background-color:rgba(255,204,0,0.65);}
#v2_point_7:hover .v2_text{background-color:rgba(255,204,0,1);}

#v2_point_8{width:21px;height:33px;left:84%;top:78%;margin-left:-11px;margin-top:-17px;}
#v2_point_8 .v2_text{background-color:#cc00ff;background-color:rgba(204,0,255,0.65);}
#v2_point_8:hover .v2_text{background-color:rgba(204,0,255,1);}

.v2_h{position:absolute;display:block;background:url(../images/visible.gif) 0px 0px repeat;z-index:10;}
#v2_h_11{width: 300px;height: 266px;left: -187px;top: -61px;}
#v2_h_21{width: 150px;height: 134px;left: -115px;top: -37px;}
#v2_h_31{width: 300px;height: 132px;left: -184px;top: -11px;}
#v2_h_32{width: 150px;height: 166px;left: -34px;top: 120px;}
#v2_h_41{width: 169px;height: 200px;left: -144px;top: -61px;}
#v2_h_51{width: 150px;height: 205px;left: -88px;top: -30px;}


.circle{position:absolute;background:rgba(0,0,255,0.5);width:30px;height:30px;border-radius:100px;}
#v2_point_1 .circle{background:rgba(51,204,255,0.6);}
.cc1_1{width:50px;height:50px;left:107px;top:50px;margin-left:-25px;margin-top:-25px;}
.cc1_2{width:70px;height:70px;left:80px;top:77px;margin-left:-35px;margin-top:-35px;}
.cc1_3{width:100px;height:100px;left:33px;top:93px;margin-left:-50px;margin-top:-50px;}
.cc1_4{width:120px;height:120px;left:-23px;top:-35px;margin-left:-60px;margin-top:-60px;}
.cc1_5{width:180px;height:180px;left:-26px;top:54px;margin-left:-90px;margin-top:-90px;}

#v2_point_2 .circle{background:rgba(240,72,72,0.6);}
.cc2_1{width:70px;height:70px;left:29px;top:58px;margin-left:-35px;margin-top:-35px;}
.cc2_2{width:100px;height:100px;left:-34px;top:44px;margin-left:-50px;margin-top:-50px;}

#v2_point_3 .circle{background:rgba(124,227,21,0.6);}
.cc3_1{width:40px;height:40px;left:-44px;top:52px;margin-left:-20px;margin-top:-20px;}
.cc3_2{width:100px;height:100px;left:23px;top:-37px;margin-left:-50px;margin-top:-50px;}
.cc3_3{width:120px;height:120px;left:9px;top:26px;margin-left:-60px;margin-top:-60px;}

#v2_point_4 .circle{background:rgba(87,128,244,0.6);}
.cc4_1{width:30px;height:30px;left:13px;top:38px;margin-left:-15px;margin-top:-15px;}

#v2_point_5 .circle{background:rgba(25,216,146,0.6);}
.cc5_1{width:30px;height:30px;left:14px;top:49px;margin-left:-15px;margin-top:-15px;}

#v2_point_6 .circle{background:rgba(255,153,51,0.6);}
.cc6_1{width:70px;height:70px;left:13px;top:73px;margin-left:-35px;margin-top:-35px;}
.cc6_2{width:100px;height:100px;left:-9px;top:12px;margin-left:-50px;margin-top:-50px;}

#v2_point_7 .circle{background:rgba(255,204,0,0.6);}
.cc7_1{width:70px;height:70px;left:-4px;top:80px;margin-left:-35px;margin-top:-35px;}
.cc7_2{width:100px;height:100px;left:28px;top:20px;margin-left:-50px;margin-top:-50px;}

#v2_point_8 .circle{background:rgba(204,0,255,0.6);}
.cc8_1{width:30px;height:30px;left:29px;top:-8px;margin-left:-15px;margin-top:-15px;}
.cc8_2{width:50px;height:50px;left:-46px;top:-11px;margin-left:-25px;margin-top:-25px;}
.cc8_3{width:70px;height:70px;left:13px;top:46px;margin-left:-35px;margin-top:-35px;}


.map_div{position:absolute;left:0px;top:0px;display:block;background-position: 0px 0px;background-repeat:no-repeat;opacity:0;_display:none;zoom:1;font-size:0;}
.map_div img{width:100%;height:100%;}
#m_NA{width:316px;height:274px;background-image:url(../images/beimei.png);left:0px;top:8px;/*_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/beimei.png');*/}
#m_EU{width:150px;height:209px;background-image:url(../images/ouzhou.png);left: 451px;top: 6px;/*_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ouzhou.png');*/}
#m_AS{width:395px;height:352px;background-image:url(../images/yazhou.png);left: 572px;top: 128px;/*_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/yazhou.png');*/}
#m_AF{width:186px;height:207px;background-image:url(../images/feizhou.png);left: 432px;top: 190px;/*_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/feizhou.png');*/}
#m_SA{width:157px;height:227px;background-image:url(../images/nanmei.png);left:201px;top:260px;/*_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nanmei.png');*/}


.ditu,.lic{padding-top:6rem;}
.ditu-t{
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
-webkit-transform: scale(1);
-moz-transition: -moz-transform 0.5s, opacity 0.5s;
-moz-transform: scale(1);
-ms-transform: scale(1);
transition: transform 0.5s, opacity 0.5s;
transform: scale(1);
}
.ditu-b{
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
-webkit-transform: scale(1);
-moz-transition: -moz-transform 0.5s, opacity 0.5s;
-moz-transform: scale(1);
-ms-transform: scale(1);
transition: transform 0.5s, opacity 0.5s;
transform: scale(1);
opacity: 1;
}
.ditu-a:hover .ditu-b{
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
/*地图结束*/

/*新闻开始*/
.new{
	width:100%;
	height:auto;
	overflow:hidden;
}
.new-nav{
	width:100%;
	height:auto;
	overflow: hidden;
	margin-bottom:40px;
}
.new-nav-list a{
	width:100%;
	height:100px;
	overflow:hidden;
	display:block;
	color:#696767;
	position:relative;
	background-color:#f5f5f5;
	border-bottom:3px solid #f5f5f5;
}
.new-nav-list a:hover,.new-nav-focus a{
	color:#0089d1;
	border-bottom:3px solid #0089d1;
}
.new-nav-list .s1{
	position: absolute;
	top:23px;
	left:40px;
	font-size:2rem;
}
.new-nav-list .s2{
	position: absolute;
	top:57px;
	left:40px;
	font-size:1.2rem;
}
.new-nav-list img{
	width:40px;
	height:40px;
	position: absolute;
	top:32px;
	right:40px;
}
.new-box{
	width:100%;
	height:auto;
	overflow:hidden;
}
.new-box-list{
	width:100%;
	height:auto;
	overflow:hidden;
	display:none;
}
.new-box-list a{
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	background-color:#f5f5f5;
	border:1px solid #eee;
	margin-bottom:3px;
	border-radius:10px 10px 0px 0px;
}
.new-box-list a:hover{
	-moz-box-shadow: 0px 2px 20px #ccc;
box-shadow: 0px 2px 20px #ccc;
}
.new-tu{
	width:100%;
	border-radius:10px 10px 0px 0px;
}
.new-list .p1{
	font-size:1.6rem;
	color:#333;
	height:35px;
	line-height:35px;
	margin-top:15px;
	padding:0px 8px;
	overflow: hidden;
}
.new-list .p2{
	font-size:1.2rem;
	color:#8c8c8c;
	line-height:22px;
	padding:0px 8px;
	height:44px;
	overflow: hidden;
	margin-bottom:30px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.new-box-list a:hover .p2{
	height:88px;
}
.new-list .p3{
	display:none;
	font-size:1.2rem;
	color:#a5a4a4;
	line-height:22px;
}
.new-list .p4{
	padding:0px 1.2rem;
	font-size:1.2rem;
	color:#fff;
	background-color:#0089d1;
	line-height:2.2rem;
	float:right;
	border-radius:50px;
	margin-right:20px;
	margin-bottom:20px;
}
.new-list .new-jt{
	display:none;
}
/*新闻结束*/

.title-name22{display:none;}


.xfzlc{
	width:100%;
	height:300px;
	padding:0px 15px;
	overflow:auto;overflow-x:hidden;
}
.fzlc-list2{color:#fff;}

.x-map{width:100%;}


@media (max-width: 1024px) {
#tncWorld{height:auto;}
}

@media (min-width: 768px) {
.ren{padding: 45px 20px 45px 20px;}
.cs-one{padding-bottom:5px;}
}

@media (max-width: 992px) {

.cs-two-right{background:none;}
.xmm-1{left:0rem;}
.wz-1{left:6rem;}
.xmm-3{left:0rem;}
.wz-3{left:6rem;}
.xmm-5{right:0rem;}
.wz-4{right:0rem;}
.wz-5{right:9.5rem;}
.xmm-6{right:0rem;}
.wz-6{right:9.5rem;}
}


@media (max-width: 768px) {
	.mb70{margin-bottom:2rem;}
	.title{margin-bottom:1rem;}
	.biao-box{margin-bottom:3rem;}
.cs-two-left{background:none;}
.xm-1{left:50%;margin-left:-130px;}
.xm-2{right:50%;margin-right:-130px;}


.yin span{
	display:inline;
}

.cg-wai{padding:2rem 0px;}
.ren{
	padding:1rem;
}
.ren2{
	padding:1rem;
}
.cs-one{margin-bottom:2rem;}

.title-dian{display:none;}
.slide__text-heading{margin-bottom:1rem;}
.title-name{line-height:3.5rem;font-size:2.3rem;}
.ren .p1{margin-top:0px;margin-bottom:0.5rem;}
.biao-box-nr .p1{line-height:2.5rem;font-size:1.3rem;}
.biao-box-nr .p2{margin-bottom:0.8rem;}
.biao-box-nr .p3{line-height:2rem;margin-bottom:0.5rem;}
.chengguo p{font-size:1.4rem;margin:0.2rem 0rem 0.5rem;}
.buju-list{margin-bottom:1rem;}
.wz{font-size:2rem;}
.title2{margin-bottom:2rem;padding: 3rem 0px 2rem 0px;border-bottom: 1.5rem solid #f2f2f2;}
.title-name2{display:none;}
.title-name22{display:inline-block;}
.yanfa .p2{display:none;}
.yanfa a{margin-bottom:1.5rem;}
.new{margin-top:2rem;}
.new-nav-list img{display:none;}
.new-nav-list a{height:6rem;}
.new-nav-list .s1{top:1rem;left:1rem;font-size:1.5rem;}
.new-nav-list .s2{top:3.5rem;left:1rem;font-size:1.2rem;}
.new-nav{margin-bottom:0px;}
.new-list{margin-top:1.5rem;}
.new-list p{margin-bottom:0.2rem;}
.new-list .p1{margin:0.4rem 0rem 0.2rem;}
.buju-list p{line-height:13rem;font-size:1.8rem;}
.yin{margin:1rem 0rem;}
.ditu,.lic{padding:2rem 0rem 3rem;}
.yin3{max-width:95%;font-size:1.3rem;}
.slider-pagi{display:none;}


}