/* CSS Document */
*{margin:0 auto; padding:0;}
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
    outline: none;
    background: none;
    text-decoration: none;
}
    a:hover, a:visited, a:link, a:active {
        color: white;
        text-decoration: none
    }
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
body{font-family:"微软雅黑"; font-size:12px;}

.clearfix:after{
        height:0;
        content:" ";
        display:block;
        overflow:hidden;
        clear:both;
    }
.clearfix{
    zoom:1;/*IE低版本浏览器不支持after伪类所以要加这一句*/
}
.lf{ float:left;}
.rt{ float:right;}

.top_nav{ width:100%; overflow:hidden; border-bottom:1px solid #3cabff; position:absolute; top:0px; left:0px; z-index:9999;}
.nav_ct{ width:1280px; margin:0 auto; overflow:hidden; height:62px;}
.nav_ct dl{ float:left; height:62px; overflow:hidden;}
.nav_ct dl dt{ float:left; width:22px; padding-top:22px; overflow:hidden;}
.nav_ct dl dt img{ display:block; width:21px; height:21px;}
.nav_ct dl dd{ float:left; height:62px; overflow:hidden;}
.nav_ct dl dd a{ float:left; height:62px; line-height:66px; font-size:14px; padding:0 8px; color:#FFF; }
.nav_ct ul{ float:right; height:62px; overflow:hidden;}
.nav_ct ul li{ float:left; height:62px; overflow:hidden;}
.nav_ct ul li a{ float:left; height:62px; line-height:66px; font-size:14px; padding:0 8px;  color:#FFF;}
.nav_ct ul li em{ float:left;  height:62px; line-height:66px; font-size:14px; color:#FFF; }
.nav_ct ul li.rt{ float:right; margin-left:42px;}
.nav{ width:1280px; top:63px; position:absolute; left:50%; margin-left:-640px; overflow:hidden; z-index:9999;}
.nav img{ float:left; width:164px; padding:22px 0 0 12px;}
.nav ul{ float:right; height:72px; overflow:hidden;}
.nav ul li a{ float:left; padding:0 8px; font-size:16px; line-height:118px; position:relative; color:#FFF;}
.nav ul li a:before{ -webkit-transition:all 0.4s linear; position:absolute; content:''; left:8px; top:70px; width:0px; height:2px; background:#FFF;}
.nav ul li a:hover:before{ width:62px;}
	.nav ul li a:nth-child(1):hover:before {
		width: 62px;
	}
.swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
height:940px;
  /* 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;
}
.swiper-slide img{ width:100%;}
.main{ position:relative;  width:1280px; margin:0 auto; height:2750px; overflow:hidden; background:url(../images/tlx_04.jpg) 80px 52px no-repeat; padding-top:90px;}
.same_tit{ width:100%;}
.same_tit h4{ width:100%; text-align:center; color:#040000; font-size:38px; font-weight:bold; line-height:42px;}
.same_tit p{ width:100%; text-align:center; color:#817f7f; font-size:20px; line-height:36px;}

.sys{ position:absolute; }
.sys h5{ text-align:left; color:#000; font-size:28px; line-height:32px; margin-bottom:36px; text-indent:4px;}
.sys p{ line-height:26px; color:#040000; font-size:18px; text-align:left;}
.sys1{ top:430px; left:84px;}
.sys2{ top:914px; left:886px;}
.sys3{ top:1398px; left:84px;}
.sys4{ top:1900px; left:886px;}
.sys5{ bottom:210px; left:84px;}
.main dl{ position:absolute;}
.main dl dt{ z-index:2;}
.main dl dd{ z-index:1; top:0px;

	-webkit-animation-name: move;
	animation-name: move;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;

}
.main dl.sys_img1{ width:605px; height:605px; overflow:hidden; right:3px; top:264px;}
.main dl.sys_img1 dt{ width:100%; height:452px; left:0px; top:34px; position:absolute;}
.main dl.sys_img1 dd{ position:absolute; width:540px; height:540px;  left:14px;}

.main dl.sys_img2{ width:540px; height:540px; overflow:hidden; left:12px; top:740px;}
.main dl.sys_img2 dt{ width:477px; height:399px; left:9px; top:93px; position:absolute;}
.main dl.sys_img2 dd{ position:absolute; width:540px; height:540px;  left:0px;}

.main dl.sys_img3{ width:540px; height:540px;  right:34px; top:1224px;}
.main dl.sys_img3 dt{ width:505px; height:447px; right:-30px; top:10px; position:absolute;}
.main dl.sys_img3 dd{ position:absolute; width:540px; height:540px;  left:0px;}

.main dl.sys_img4{ width:540px; height:540px;  left:19px; bottom:475px;}
.main dl.sys_img4 dt{ width:433px; height:383px; left:10px; bottom:110px; position:absolute;}
.main dl.sys_img4 dd{ position:absolute; width:540px; height:540px;  left:0px;}

.main dl.sys_img5{ width:572px; height:572px;  right:17px; bottom:18px;}
.main dl.sys_img5 dt{ width:572px; height:428px; left:0px; bottom:57px; position:absolute;}
.main dl.sys_img5 dd{ position:absolute; width:540px; height:540px;  left:30px;}
@keyframes move{

	0%{ -webkit-transform:rotate(0);transform:rotate(0);}
	100%{ -webkit-transform:rotate(360deg);transform:rotate(360deg);}
}


.partner{ width:100%; background:url(../images/tlx_07.jpg) center top no-repeat; padding-top:88px; box-sizing:border-box; height:941px;}
.part_ct{ width:1280px; margin:82px auto 0; height:689px; position:relative;}
.part_ct dl{ position:absolute;}
.part_ct dl dt{ position:absolute; left:0px; bottom:0px; width:100%; height:100%; background:url(../images/part_bg.png) no-repeat; background-size:100% 100%;
	-webkit-animation-name: move3;
	animation-name: move3;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
}
.part_ct dl dt img{ display:block;}
.part_ct dl dd{ width:100%; height:100%; overflow:hidden; position:absolute; left:0px; top:0px;}
.part_ct dl dd img{

	-webkit-animation-name: move2;
	animation-name: move2;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
}
.part_ct dl dd p{color:#000000; font-size:16px; width:100%; text-align:center; font-weight:bold; line-height:20px; position:absolute; left:0px; }
.part_ct dl.p1{ left:272px; top:15px;  width:201px; height:233px;}
.part_ct dl.p1 dd img{ position:absolute; left:76px; top:32px;}
.part_ct dl.p1 dd p{ top:144px;}

.part_ct dl.p2{ right:381px; top:0px;  width:223px; height:259px;}
.part_ct dl.p2 dd img{ position:absolute; left:88px; top:39px;}
.part_ct dl.p2 dd p{ top:172px;}

.part_ct dl.p3{ right:0px; top:157px;  width:251px; height:292px;}
.part_ct dl.p3 dd img{ position:absolute; left:99px; top:42px;}
.part_ct dl.p3 dd p{top:188px; line-height:20px;}

.part_ct dl.p4{ left:476px; top:300px;  width:251px; height:292px;}
.part_ct dl.p4 dd img{ position:absolute; left:96px; top:40px;}
.part_ct dl.p4 dd p{top:192px;}

.part_ct dl.p5{ left:65px; top:224px;  width:207px; height:240px;}
.part_ct dl.p5 dd img{ position:absolute; left:79px; top:36px;}
.part_ct dl.p5 dd p{top:150px; line-height:20px;}


@keyframes move2{

	0%{ -webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
	100%{ -webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
}


@keyframes move3{

	0%{ opacity:0;}
	100%{ opacity:1;}
}

.company{ position:relative; width:100%; background:url(../images/tlx_08.jpg) center top no-repeat; height:1019px; overflow:hidden; padding-top:88px; box-sizing:border-box;}
.com_ct{ width:1280px; margin-top:126px;overflow:hidden;}
.same_tit2 h4{ color:#FFF;}
.same_tit2 p{color:#8bd9f5;}


.swiper-container2 .swiper-slide{ height:343px;}

.friend{margin:0 auto;overflow:hidden;width:1280px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:160px 10px 0 0;width:28px;}
.mr_frUl{float:left;width:1280px; padding:30px 0;}
.mr_frBtnR{float:right;margin-top:160px;cursor:pointer;width:28px;height:46px;}
.mr_frUl ul li{ -webkit-transition:all 0.4s linear;display:inline; float:left;width:213px; height:auto;overflow:hidden;position:relative; background:url(../images/com_bg.jpg) no-repeat; background-size:100% 100%; box-sizing:border-box; box-shadow:#2e74e5 0 0 14px; }
.mr_frUl ul li img{/*display:block;*/width:96%; margin:4px;}
.mr_frUl ul li:hover{ -webkit-transform:scale(1.4); z-index:2;}

.footer{ width:100%; border-top:1px solid #377af1; color:white; font-size:14px; line-height:64px; text-align:center; position:absolute; left:0px; bottom:0px;}

.usertopnav {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: relative;
    top: 10px;
}