﻿@charset "utf-8";
/* CSS Document */
* {
padding:0px;
margin:0px;
}
img {
border:none; 
}
body { font-size: 15px; font-family:"Microsoft YaHei", verdant, tahoma;color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height: 27px;min-width:1200px;
}
a {
text-decoration:none;
font-family:"Microsoft YaHei", verdant, tahoma;
color:#333;
font-weight:normal;
}
a:hover {
color:#ff5300;
}
.clear {
clear:both;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:27px;
}
.fl{float:left;}
.fr{float:right;}
.hz{width:1200px;margin:0 auto;}
.hza{ width: 1200px; margin:40px auto; }
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}



.top-bj{width:100%;background:#00387e;line-height:35px;overflow:hidden;color:#daebff;}
.top-left{font-size:14px;}


.yyl li{margin-left:5px;float:left;line-height:35px;}
.yyl li a{color:#fff;}
.yyl li a:hover{ text-decoration:underline;}


.logo { padding:8px 0; }

.nav{float:right;width:73%;}
.mainbav ul:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.mainbav li {position:relative;padding:0 22px;}
.mainbav li:nth-child(8n){padding-right:0px;}
.mainbav li a{ font-size: 18px;}
.mainbav .memu {float: left;line-height:110px;height:110px; }

.mainbav .memu:hover, .mainbav .memu.active { display: block;border-top:2px solid #ff5300;
}
.mainbav .memu:hover a, .mainbav .memu.active a {color:#ff5300; }
.mainbav ul li ul{
display:none;
position:absolute;width:180px;
left:0;
top:80px;
z-index:999999;
background:rgba(0,0,0,0.6);
}
.mainbav ul li ul li{ float:none; border-right:none;  padding:0;line-height:40px; border-bottom:1px solid #747474; position:relative;text-align:left;}
.mainbav ul li ul li a{ display:block; color:#FFF !important; font-size:15px;padding:0 20px;}
.mainbav ul li ul li a:hover{
text-decoration: underline;
background-color: #ff5300;color:#fff!important;
}
.mainbav ul li ul li ul{ position:absolute; left:100%; top:0;}
.top{transition:all .8s; }
.page-scroll{background:rgba(255,255,255,0.7);}


/*banner*/

.banner{
	height: 700px !important;
	width: 100%;

	z-index: 3;
}
.main-container{
		height: 700px;
	width: 100%;
}
.main-container .swiper-slide{
	height: 100%;
	width: 100%;
}
.banner1{
	background-image: url(../images/banner1aa.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.banner2{
	background-image: url(../images/banner2aa.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.banner3{
background-image: url(../images/banner3aa.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

}
.banner-content{
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -648px;
	margin-top: -274px;
	text-align: center;
}
.banner-content .img1 {
	width: 655px;
	position: absolute;
	left: 50%;
    margin-left: -324px;
	top:20px;
    font-size: 80px;
    z-index: 10;
  	
     font-weight: lighter;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-transform: translate3d(0,-70px,0);
    -moz-transform: translate3d(0,-70px,0);
    transform: translate3d(0,-70px,0);
      -webkit-transition: -webkit-transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s cubic-bezier(.38,.01,.22,1);
 
    transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s cubic-bezier(.38,.01,.22,1);
    opacity: 0;
}
.banner-content .img1 span{

    font-size: 80px;
     font-weight: lighter;
  	background-image: -webkit-linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
  	background-image: -ms-linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
  	background-image: linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;

    background-clip: text;
    text-fill-color: transparent;
    
}
.banner-content .img1 i{
	display: inline-block;
	vertical-align: middle;
	height: 5px;
	width: 5px;
	background-image: -webkit-linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
  	background-image: -ms-linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
  	background-image: linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
	margin: 0 5px;
}

.swiper-slide.swiper-slide-active .img1 {
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1; margin-left:270px; margin-top:54px;
      

   
}

.swiper-slide span.img2{
	position: absolute;
	left: 50%;
	top: 108px;
    margin-left: -177px;
   	font-size: 28px;
     font-weight: lighter;
  	transition:all 1s .6s;
  	-webkit-transition:all 1s .6s;
  	-moz-transition:all 1s .6s;
	-webkit-transform: translate3d(0,70px,0);
    -moz-transform: translate3d(0,70px,0);
    transform: translate3d(0,70px,0);
   	color: #fff;
    opacity: 0;
    z-index: 10;
}
.swiper-slide.swiper-slide-active span.img2{
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    
}
.swiper-slide .banner-content .bg{
	-webkit-transform: translate3d(0,-70px,0);
    -moz-transform: translate3d(0,-70px,0);
    transform: translate3d(0,-70px,0);
    transition: transform 1s 0s cubic-bezier(.38,.01,.22,1),opacity 1s 0s cubic-bezier(.38,.01,.22,1);
    opacity: 0;
}
.swiper-slide.swiper-slide-active .banner-content .bg{
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1; margin-top:115px; margin-left:34px;
}
.swiper-slide .banner-content .btn{
	-webkit-transform: translate3d(0,-35px,0);
    -moz-transform: translate3d(0,-35px,0);
    transform: translate3d(0,-50px,0);
    transition: transform 1.5s 1s cubic-bezier(.38,.01,.22,1),opacity 1.5s 1s cubic-bezier(.38,.01,.22,1);
    opacity: 0;
    cursor: pointer;
}

.swiper-slide.swiper-slide-active .banner-content  .btn{
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}

.banner-content .btn{
	width: 130px;
	position: absolute;	
	right:-75%;
	top:222px;
	margin-left: 185px;
	height: 44px;
	z-index: 10;
	border-radius: 30px;
	color: #fff;
	line-height: 44px;
	text-align: center;
	border:2px solid #fff;

}
.banner-content .btn span{
	display: inline-block;
	font-size: 16px;
	transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in; /* Firefox 4 */
	-webkit-transition:all .4s ease-in; /* Safari and Chrome */
	-o-transition:all .4s ease-in; /* Opera */
}
.banner-content .btn i{
	position: relative;
	
}
.banner-content .btn i:after{
	opacity: 0;
	font-size: 18px;
	color: rgb(255, 255, 255);
	position: absolute;
	font-weight: lighter;
	left: 0px;
    top: -1px;
    transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in; /* Firefox 4 */
	-webkit-transition:all .4s ease-in; /* Safari and Chrome */
	-o-transition:all .4s ease-in; /* Opera */
	transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-moz-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-webkit-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-o-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
}
.banner-content .btn:hover span{
	transform: translate3d(-5px,0%,0) ;
	-moz-transform: translate3d(-5px,0%,0);
	-webkit-transform: translate3d(-5px,0%,0);
	-o-transform: translate3d(-5px,0%,0);
}
.banner-content .btn:hover i:after{
	opacity: 1;
	transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-moz-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-webkit-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-o-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
}


.swiper-pagination-bullet{
	background:#0055bc;
}
.swiper-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet{
	background-color: transparent;
	border:3px solid #ff5300;
	border-radius: 50%;
	width:6px;
	height: 6px;
}
.swiper-pagination .swiper-pagination-bullet{
	width: 12px;
	height:12px;
}
.banner .swiper-button{
	width: 1500px;
	position: absolute;
	top: 50%;
	left: 50%;
    height: 44px;
    margin-top: -22px;
    margin-left: -750px;
}
.swiper-button-disabled{
	display: none;
}
.banner .swiper-button .swiper-button-prev{
  	background-image: none;
}
.banner .swiper-button .swiper-button-prev i{
	position: relative;
	height: 40px;
	width: 40px;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
  	/*border:1px solid #7d7d85;*/
  	transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in; /* Firefox 4 */
	-webkit-transition:all .3s ease-in; /* Safari and Chrome */
	-o-transition:all .3s ease-in; /* Opera */
	background-image: url(../images/prev.png);
	background-size: cover;

}

.banner.banner1-active .swiper-button .swiper-button-prev i::after{
    font-size: 13px;
  
    position: absolute;
    font-weight: lighter;
    left: 55px;
    top: 12px;
    color: #000;
    width: 124px;
}
.banner.banner1-active .swiper-button .swiper-button-next i::after{
    font-size: 13px;
    color: rgb(255, 255, 255);
    position: absolute;
    font-weight: lighter;
    left: -100px;
    top: 12px;
    color: #adadad;
    width: 124px;
}

.banner.banner2-active .swiper-button .swiper-button-prev i::after{
    font-size: 13px;
    color: rgb(255, 255, 255);	
    position: absolute;
    font-weight: lighter;
    left: 55px;
    top: 12px;
    color: #adadad;
    width: 124px;
}
.banner.banner2-active .swiper-button .swiper-button-next i::after{
    font-size: 13px;
    color: rgb(255, 255, 255);
    position: absolute;
    font-weight: lighter;
    left: -100px;
    color: #adadad;
    top: 12px;
    width: 124px;
}
.banner.banner3-active .swiper-button .swiper-button-prev i::after{
    font-size: 13px;
    color: rgb(255, 255, 255);
    position: absolute;
    font-weight: lighter;
    left: 55px;
    top: 12px;
    color: #adadad;
    width: 124px;
}
.banner.banner3-active .swiper-button .swiper-button-next i::after{
    font-size: 13px;
    color: rgb(255, 255, 255);
    position: absolute;
    font-weight: lighter;
    left: -100px;
    top: 12px;
    color: #adadad;
    width: 124px;
}
.banner .swiper-button .swiper-button-prev i:hover{

	background-image: url(../images/ac_prev.png);
	
}

.banner .swiper-button .swiper-button-prev i:hover:before{
	color: #fff;
}
.banner .swiper-button .swiper-button-next{
	background-image: none;
}
.banner .swiper-button .swiper-button-next i{
	position: relative;
	height: 40px;
	width: 40px;
	display: inline-block;
	border-radius: 50%;
  	/*border:1px solid #7d7d85;*/
  	transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in; /* Firefox 4 */
	-webkit-transition:all .3s ease-in; /* Safari and Chrome */
	-o-transition:all .3s ease-in; /* Opera */
	background-image: url(../images/next.png);
	background-size: cover;
}


.banner .swiper-button .swiper-button-next i:hover{

	background-image: url(../images/ac_next.png);
}

.banner .swiper-button .swiper-button-next i:hover:before{
	color: #fff;
}
.swiper-button-next, .swiper-button-prev{
	width: 40px;
	height: 40px;
}
.cnt2{
	width: 1250px;
	position: absolute;
	left: 50%;
	margin: 0 auto 0 -625px;
	top: 0;
	bottom: 0px;
}
.banner-content2{
	position: absolute;
	width: 242px;
	/*height: 400px;*/
	right: 60%;
	top: 40%;
	margin-top: -200px;

}
.banner-content2 span{
	display: inline-block;
	color: #fff;
	position: relative;
}
.banner-content2 .sp1{
	font-size: 60px;
	line-height: 60px;
  	 font-weight: lighter;
    -webkit-transform: translate3d(70px,0px,0);
    -moz-transform: translate3d(70px,0px,0);
    transform: translate3d(70px,0px,0);
    transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s cubic-bezier(.38,.01,.22,1);
     -moz-transition:  -moz-transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s cubic-bezier(.38,.01,.22,1);
    opacity: 0;
    margin-bottom: 15px
}
.banner-content2 .sp1 i{
	font-size: 50px;
    display: inline-block;
    vertical-align: bottom;
    font-weight: lighter;
    margin-left: 5px;
}

.banner-content2 .sp2{
	    font-size: 30px;
     font-weight: lighter;
    line-height: 100%;
    opacity: 0;
	-webkit-transform: translate3d(90px,0px,0);
	-moz-transform: translate3d(90px,0px,0);
	transform: translate3d(90px,0px,0);
	transition: transform 1s .5s cubic-bezier(.38,.01,.22,1),opacity 1s .5s cubic-bezier(.38,.01,.22,1);
	-moz-transition:  -moz-transform 1s .5s cubic-bezier(.38,.01,.22,1),opacity 1s .5s cubic-bezier(.38,.01,.22,1);
    margin-bottom: 33px
}
.banner-content2 .liner{
	display: inline-block;
	background-image: -moz-linear-gradient( 0deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
		-webkit-transform: translate3d(110px,0px,0);
	-moz-transform: translate3d(110px,0px,0);
	transform: translate3d(110px,0px,0);
	transition: transform 1s .7s cubic-bezier(.38,.01,.22,1),opacity 1s .7s cubic-bezier(.38,.01,.22,1);
	-moz-transition:  -moz-transform 1s .7s cubic-bezier(.38,.01,.22,1),opacity 1s .7s cubic-bezier(.38,.01,.22,1);
	height: 2px;
	width: 39px;
	opacity: 0;
	/*margin: 20px 0px;*/
	margin-bottom: 33px
}
.banner-content2 .sp3{
	font-size: 25px;
     font-weight: lighter;
    line-height: 100%;
    opacity: 0;
  		-webkit-transform: translate3d(130px,0px,0);
	-moz-transform: translate3d(130px,0px,0);
	transform: translate3d(130px,0px,0);
	transition: transform 1s .9s cubic-bezier(.38,.01,.22,1),opacity 1s .9s cubic-bezier(.38,.01,.22,1);
	-moz-transition:  -moz-transform 1s .9s cubic-bezier(.38,.01,.22,1),opacity 1s .9s cubic-bezier(.38,.01,.22,1);
	
    color:rgba(255,255,255,0.8);
    margin-bottom: 10px;
}	

.swiper-slide .banner-content2 .btn{
	width: 130px;	
	cursor: pointer;
	display: block;
	margin:279px 0 0 640px;
	height: 44px;
	border-radius: 30px;
	color: #fff;
	line-height: 44px;
	text-align: center;
	border:2px solid #fff;
	   opacity: 0;
	-webkit-transform: translate3d(0,50px,0);
    -moz-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    transition: transform 1s 1.4s cubic-bezier(.38,.01,.22,1),opacity 1s 1.4s cubic-bezier(.38,.01,.22,1);
 
}
.banner2.swiper-slide-active .sp3{
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}
.banner2.swiper-slide-active  .btn{
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}
.banner2.swiper-slide-active .sp1{
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}
.banner2.swiper-slide-active .liner{
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}
.banner2.swiper-slide-active .sp2{
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}

.banner-content2 .btn span{
	display: inline-block;
	font-size: 16px;
	transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in; /* Firefox 4 */
	-webkit-transition:all .4s ease-in; /* Safari and Chrome */
	-o-transition:all .4s ease-in; /* Opera */
}
.banner-content2 .btn i{
	position: relative; 
	
}
.banner-content2 .btn i:after{

	opacity: 0;
	font-size: 18px;
	color: rgb(255, 255, 255);
	
	position: absolute;
	font-weight: lighter;
	left: 0px;
    top: -1px;
    transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in; /* Firefox 4 */
	-webkit-transition:all .4s ease-in; /* Safari and Chrome */
	-o-transition:all .4s ease-in; /* Opera */
	transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-moz-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-webkit-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-o-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
}
.banner-content2 .btn:hover span{
	transform: translate3d(-5px,0%,0) ;
	-moz-transform: translate3d(-5px,0%,0);
	-webkit-transform: translate3d(-5px,0%,0);
	-o-transform: translate3d(-5px,0%,0);
}
.banner-content2 .btn:hover i:after{
	opacity: 1;
	transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-moz-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-webkit-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
	-o-transform: translate3d(0px,0%,0) matrix( -1,0,0,1.8,0,0);
}

.banner-content3{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -536px;
    margin-top: -351px;
    text-align: center;
}
.banner-content3 .sp1{
	font-size: 53px;
	display: block;
	margin-bottom: 16px;
	 font-weight: lighter;
}
.banner-content3 .sp2{
	font-size: 22px;
	display: block;
	margin-bottom: 34px;
	 font-weight: lighter;
}
.banner-content3 .time{
	font-size: 83px;
	line-height: 83px;
	 font-weight: lighter;
	margin-bottom: 86px;
    opacity: 1;
     color: #0066ff;
	/*background-image:linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);*/
	/*background-image: -moz-linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);*/
	background-image: -webkit-linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
	background-image: -ms-linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	-ms-text-fill-color: transparent;
	-ms-background-clip: text;
	-ms-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	/*-webkit-background-size: 200% 20%;
    -webkit-animation: masked-animation 1s infinite linear;
    background-size: 200% 20%;
    animation: masked-animation 1s infinite linear;*/
}
.banner-content3 .time i{
	font-size: 48px;
	    display: inline-block;
    vertical-align: bottom;
    margin: 0px 20px 0 0;
     color: #0066ff;
    /*background-image:linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);*/
	/*background-image: -moz-linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);*/
	background-image: -webkit-linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
	background-image: -ms-linear-gradient( -45deg, rgb(18,135,237) 0%, rgb(0,222,255) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	-ms-text-fill-color: transparent;
	-ms-background-clip: text;
	-ms-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	
}
.swiper-slide .banner-content3 .bg{
	-webkit-transform: translate3d(0,70px,0);
    -moz-transform: translate3d(0,70px,0);
    transform: translate3d(0,70px,0);
    transition: transform 1s 0s cubic-bezier(.38,.01,.22,1),opacity 1s 0s cubic-bezier(.38,.01,.22,1);
    opacity: 0;
}
.swiper-slide.swiper-slide-active .banner-content3 .bg{
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}


.index-serach-bj{background:#f2f2f2;padding:30px 0;}
.index-serach-cplm dl { line-height: 30px; padding-top: 5px; overflow: hidden; }
.index-serach-cplm dt { color: #999; float: left; }
.index-serach-cplm dd { overflow: hidden; word-break: keep-all; white-space: nowrap; }
.index-serach-cplm dd a { float: left; margin-left: 20px; }
.index-serach-cplm .zm a { padding: 0 10px; height: 30px; text-align: center; margin-left: 5px; }
.index-serach-cplm .zm .cur { background-color: #00469c; color: #fff; }





.index-title{FONT-SIZE:36PX;line-height:36px;font-weight:bold;background:url(../images/xt.png)no-repeat bottom;padding-bottom:12px; text-align:center;color:#f08200;}
.index-title-ms{font-size:16px;color:#666;text-align:center;FONT-WEIGHT:normal;margin-top:8px;}


.hza .slideBox{ zoom:1;  position:relative; display:none;margin-top:30px;}
.hza .sPrev,.hza .sNext{ position:absolute; left:0px; top:50%; margin-top:-35px; display:block; width:15px; height:34px;background:url(../images/jt2.png) center center no-repeat ; background-position:left top;}

.hza .sPrev,.hza .sNext1{ position:absolute; left:0px; top:50%; margin-top:-35px; display:block; width:15px; height:34px;background:url(../images/jt.png) center center no-repeat ; background-position:left top;}
.hza .sNext{ left:auto; right:0px;background-position:right top;  }
.hza .sPrev:hover {background-position:left bottom;}
.hza .sNext:hover{ background-position:right bottom; }
.hza .tempWrap { margin:0 auto; }
.parBd{margin-top:60px;}
.parBd ul {
    width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}
.parBd ul li { width:354px; box-sizing:content-box;  float:left;  margin:0 10px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s; }
.parBd ul li:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.parBd ul li a { text-decoration:none;font-size:16px;}
.parBd ul li .jqc_img { overflow:hidden;width:334px;}
.parBd ul li .jqc_img img { width:100%; transition:1s;}
.parBd ul li .jpc_txt { text-align:center; font-size:22px;line-height:30px;margin-top:20px;}
.jpc_txt2{color:#666;font-size:16px;text-align:center;margin:30px 0;}




.index-xptj-bj{background:url(../images/index_21.jpg)no-repeat;padding:100px 0 ;overflow:hidden;}
.index-xptj-left{width:800px;}
.index-xptj-left-wb{color:#fff;font-size:22px;padding-top:15px;}
.index-xptj-left-hz{text-align:center;width:160px;margin-bottom:50px;}
.index-xptj-right{margin-top:80px;}
.index-xptj-right-title{FONT-SIZE:36PX;color:#fff;line-height:36px;}
.index-xptj-right-more{width:230px;line-height:50px;border:1px solid #fff;text-align:center;margin-top:40px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s; }
.index-xptj-right-more a{font-size:20px;color:#fff;}
.index-xptj-right-more:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.index-xptj-left-pic img{transition:all 0.5s;}
.index-xptj-left-pic img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}





.index-about-bj{background:#f4f4f4;padding:45px 0;overflow:hidden;}
.index-about-nr{padding-top:50px; }
.index-about-left{width:510px;}
.index-about-content{line-height:35px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; overflow:hidden;font-size:18px; text-indent:2em;}
.index-about-more{width:170px;height:43px;line-height:43px;text-align:center;background:#00469c;border-radius:25px;transition:all 0.5s;margin-top:50px;}
.index-about-more a{font-size:16px;color:#fff;}
.index-about-more:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}

.index-news-nr{margin-top:45px;}
.index-news-nr-left{width:31.2%;margin-right:3%;}
.index-news-nr-left:nth-child(3n){margin-right:0;}
.index-news-nr-left-title{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-top:30px;}
.index-news-nr-left-title a{font-size:22px;}
.index-news-nr-left-rq{color: #999; margin-top:5px;}
.index-news-nr-left-content{ margin:20px 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #666; }

.index-news-nr-left-pic{ display:block; overflow:hidden;  height: 230px;}

.index-news-nr-left-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-news-nr-left-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}



.foot-bj{background:#00387e;padding:28px 0 8px 0;overflow:hidden;color: #a8c0dd; font-size:16px;line-height:28px;}
.foot-lxfs{ width:50%; }
.foot-hz-nav { float: left;margin-right:8%; }
.foot-hz-nav:nth-chind(4n){ margin-right:0;}
.foot-hz-cd { font-size: 22px;color:#fff; }
.foot-hz-menu { margin-top: 20px; }
.foot-hz-menu a { color: #a8c0dd;}
.foot-hz-menu a:hover { color:#fff; }


.foot-hz-lxwm{ margin-top: 20px; }

.foot-bottom{ margin-top: 30px; margin-right: 30px; }
.foot-bottom-logo{margin-right:15px;}
.foot-bottom-wem-wb{margin:20px 0 0 15px;}



.index-copy{ border-top:1px solid #335e94;margin-top:20px;padding-top:8px;}
.index-copy a{color: #a8c0dd;}
.index-copy a:hover{color: #fff;}

.foot-bq-pc{margin:5px 0;overflow:hidden;}
.foot-bq-pc li {  float: left; margin: 0 5px; }
.foot-bq-pc li a {color: #a8c0dd;}
.foot-bq-pc li a:hover{ color:#fff; }


/*内页样式开始*/
.ny-banner{height:350px;}


.about{width: 1200px; margin: 45px auto; overflow: hidden;font-size:16px;line-height:30px;}
.about-menu-hz{border-bottom:1px solid #eee;padding:30px 0 10px 0;overflow:hidden;}
.about-menu-top-title{font-size:30px;margin-bottom:30px;float:left;}
.about-title{color:#333;font-size:30px;font-weight:bold;}
.about-menu-cd li{float:left;margin-right:1%;line-height:40px;margin-bottom:15px;}
.about-menu-cd li a{padding:0 35px;font-size:18px;display:block;}
.about-menu-cd li a:hover, a.on{ background: #ff5300;border-radius:25px; display: block; color: #fff; }
.about-menu-top-wz{color:#666;float:right;}

.about-menu-top-wz a{color:#666;}
.about-menu-top-wz a:hover{color:#ff5300;}
.js{color:#333;}

.about-wb{margin-bottom:30px;}
.about-team li{border:1px solid #e7e7e7;float:left;width:21.9%;padding:0.3%;margin-right:3%;margin-bottom:3%;display:block; overflow:hidden; overflow:hidden;text-align:center;}
.about-team li:nth-child(4n){margin-right:0;}
.about-team li img{width:262px;}
.about-team li:hover{border:1px solid #ff5300;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);}
.ny-ryzz-title{background:#f5f5f5;line-height:50px;margin-top:10px;}
.about-team-title{background:#f5f5f5;line-height:50px;margin-top:10px;}

.tj-product{border-top:1px solid #f2f2f2; padding: 40px 0; }
.tj-product-title{ font-size: 30px; text-align: center; }
.tj-product-cp{ margin: 50px 0 15px 0; 
}
.tj-product-hz{width:300px;margin-right:40px;float:left;}
.tj-product-hz a{font-size:15px;}
.tj-product-hz:nth-child(4n){margin-right:0px;}
.tj-product-pic{display:block; overflow:hidden; }

.tj-product-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;width:300px;}
.tj-product-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.zzmc{text-align:center;margin-top:15px;font-size:18px;}



.xy{ width: 100%; margin:20px auto 0 auto; text-align: center; overflow:hidden;}
.xy li{margin:0 10px; display:inline-block; font-size:0px;}
.xy li a{ font-size:14px; }
.xy li a:hover,.xy li a.sbjg {color:#ff5300;font-weight:bold;}


#demo{width:100%; overflow:hidden; margin:0px auto;}
.product-top { width:100% }
.product-top .l { width: 50%; float: left; }
.pro-right { width: 45%; float: right; }
.product-ny-title { border-bottom: 1px dashed #e5e5e5; font-size:24px; padding-bottom:10px;}
.product-ny-fwrx { width: 100%; line-height: 28px; font-size: 18px; float: left; margin-top: 20px; }
.product-ny-hm{font-size:24px;color:#f06600;}
.pro-js { width: 100%; margin-top: 30px; }
.ny-product-xbt{color:#999;}
.ny-product-hz{border-bottom:1px solid #f2f2f2;overflow:hidden;padding-bottom:20px;}
.ny-product-dy{ width:350px;margin-top:15px; background:#666;border-radius:5px; display:block;line-height:45px;text-align:center;color:#e60012;font-size:16px; }
.ny-product-dy a{color:#fff;}
.ny-product-ms-hz{ border-top: 1px solid  #e9e9e9; }
.ny-product-ms{ width: 160px; line-height: 45px; text-align: center; color: #fff; background: #f06600; font-size: 20px; margin-top:40px;}
.ny-product-content{margin:25px 0;}

.product-ny-zx{background:#ff5300;width:160px;line-height:40px;text-align:center;margin-top:30px;}
.product-ny-zx a{color:#fff;font-size:18px;}

.product-syt-hz{float:left;width:70%;}
.product-syt{ line-height: 35px; }
.back{float:right;width:15%;border:1px solid #333;line-height:45px;text-align:center;}


.ny-product-content table{border-collapse:collapse;width:100%;word-break:break-all }
.ny-product-content table td{padding:10px;border:1px solid #e4e4e4;line-height:22px; }


.news { width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e7e7e7;  margin-bottom:5px; padding:30px 0;  overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;
}
.news:nth-child(6n){margin-bottom:30px;}
.news:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.news-title { font-size: 18px; color: #000; }
.news-hz{ width: 74%; }
.news-content {margin-top: 20px;color: #757575;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-title a {font-size: 22px;}
.rq{ margin-top: 20px; color: #9d9d9d; }
.rq a:hover{font-weight:bold;}
.news-tu img{width:270px;}

.time {color: #666;font-size:15px;}
.news-ti { border-bottom:1px solid #D0D0D0; font-size: 24px; line-height: 35px; text-align: center; padding-bottom: 10px; 
}
.about-d { margin: 30px 0; }


.download-hz li{border-bottom:1px dashed #cdcdcd;margin-bottom:25px;line-height:35px;}
.download-rq{color:#999;}


.cjwt-hz{ border-bottom: 1px dashed #eaeaea; padding: 30px 0; overflow: hidden; cursor: pointer; }
.cjwt-pic{width:20px;float:left;padding-top:5px;margin-right:10px;}
.cjwt-title{margin: 0 0 5px 0px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cjwt-nr-title a{font-size:24px;}
.cjwt-nr-title a:hover{color:#fd9214;}
.cjwt-nr-ms{margin-top:10px;color:#666;}
.cjwt-hd{margin-top:10px;}
.cjwt-hz-tb{padding-top:3px;}
.cjwt-nr{ width: 80%; }
.cjwt-hz-bottom{padding:20px 0 10px 0;overflow:hidden; display:none;}
.cjwt-hz-bottom.active{ display:block;}
.cjwt-hz-bottom-pic{margin-top:8px;}
.cjwt-hz-bottom-wz{font-size:15px;}

.cjwt-hz-bottom-zw{height: 20px; line-height: 20px; margin-top:35px; padding-left: 10px; border-left: 4px solid rgb(255, 96, 0); font-size: 18px;font-weight:bold;}
.cjwt-hz-bottom-fl li{border:1px dashed #F60;float:left;margin:0 0.5%;width:80px;text-align:center;color:#F60;}
.cjwt-hz-bottom-nt{margin-top:20px;}





.map{ padding: 5px; border: 1px solid #e6e6e6;overflow:hidden; }
.contact-hz{ margin-bottom: 30px; overflow: hidden; }

.contact-nr{float:left;width:45%;}
.contact-nr h3{font-size:24px;font-weight:normal;line-height:35px;}
.contact-nr-lxfs{margin-top:20px;}
.contact-feedback{float:right;width:50%;}
.contact-feedback-title{font-size:30px;margin-bottom:20px;}

.soka {
    width: 46%;
    border: 1px solid #D8D8D8;
    line-height: 38px;
    height: 38px;
    margin-bottom: 15px;
    padding-left: 1%;
    font-size: 15px;
    margin-right: 1%;
    font-family: "Microsoft YaHei", verdant, tahoma;
}

.sokb{  border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 1%; font-size: 15px; font-family:"Microsoft YaHei", verdant, tahoma; width:96%;}

.tj{ width: 140px; border: 1px solid #ff5300; line-height: 45px; text-algin: center; color: #fff; background-color: #ff5300; cursor: pointer; font-family: Arial,Microsoft YaHei; font-size: 16px; }





.ny-product-pic{width:30%;margin-right:3%;margin-bottom: 45px;float:left;border:1px solid #e7e7e7; position:relative;padding:0.5%; }
.ny-product-pic:nth-child(3n){margin-right:0;}
.ny-product-pic:before { content:' '; position:absolute; left:0px; top:0px; width:0px; height:1px; background:#ff5300; transition:all 0.5s;}
.ny-product-pic:hover::before { width:100%;}
.ny-product-pic:after { content:' '; position:absolute; right:0px; bottom:0px; width:0px; height:1px; background:#ff5300; transition:all 0.5s;}
.ny-product-pic:hover::after { width:100%;}
.ny-product-pic i:before { content:' '; position:absolute; left:0px; top:0px; width:1px; height:0px; background:#ff5300; transition:all 0.5s;}
.ny-product-pic:hover i:before { height:100%;}
.ny-product-pic i:after { content:' '; position:absolute; right:0px; bottom:0px; width:1px; height:0px; background:#ff5300; transition:all 0.5s;}
.ny-product-pic:hover i:after { height:100%;}
.ny-product-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.ny-product-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;display:block; overflow:hidden;width:360px;}
.ny-product-pic:hover{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);}
.ny-product-tu{overflow:hidden;}
.ny-product-sm{ text-align: center; line-height: 40px; color: #666666; }
.ny-product-wz{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; line-height:35px;border-top:1px solid #f3f3f3; font-size:18px;padding: 3% 1% 1% 1%;}
.jqc_title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; line-height:35px;border-top:1px solid #f3f3f3; font-size:18px;padding:1%;}

.ny-product-nr{padding:0px 10px 0 10px;margin-bottom:20px;color:#666;font-size:14px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }

.index-por-title{ width: 244px; font-size: 24px; background: #ff5300; padding: 15px 0; line-height: 30px; color: #fff; text-align: center; }
.pro-xw{ color: #CCCCCC; font-weight: normal; font-size: 16px; }


/*在线客服*/
.rides-cs {  font-size: 15px; background:#f08200; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 16px; color: #333;font-weight:600; line-height:24px;padding:10px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #333;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(http://demo.lanrenzhijia.com/2014/service1031/images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}