body{
	font-family: 'webfontregular',Arial, Helvetica, sans-serif;
}	

a{
	text-decoration: none !important;
}

@font-face {
	font-family: 'Conv_Barrci___Free_Elegant_Font_by_Dannci';
	src: url('../fonts/Barrci___Free_Elegant_Font_by_Dannci.eot');
	src: local('☺'), 
	     url('../fonts/Barrci___Free_Elegant_Font_by_Dannci.woff') format('woff'), 
		 url('../fonts/Barrci___Free_Elegant_Font_by_Dannci.ttf') format('truetype'), 
		 url('../fonts/Barrci___Free_Elegant_Font_by_Dannci.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {    
   font-family: 'webfontregular';
    font-weight: 600; 
    src: url('../fonts/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.eot');
    src: url('../fonts/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.woff2') format('woff2'),
         url('../fonts/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.woff') format('woff'),
         url('../fonts/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.ttf') format('truetype'),
         url('../fonts/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'quicksandbook';
    src: url('../fonts/quicksand_book-webfont.eot');
    src: url('../fonts/quicksand_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand_book-webfont.woff2') format('woff2'),
         url('../fonts/quicksand_book-webfont.woff') format('woff'),
         url('../fonts/quicksand_book-webfont.ttf') format('truetype'),
         url('../fonts/quicksand_book-webfont.svg#quicksandbook') format('svg');
    font-weight: normal;
    font-style: normal;

}





.header {
    position: fixed;
    top: 44px;
    left: 0;
    width: 100%;
    z-index: 9;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
}
.header.active{
	top:0;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
}
.header_left {
    float: left;
}
.header_right {
    float: right;
    margin-right: 62px;
}
.logo {
    float: left; 
	/* background:#0b419b; */
}
.logo a{ position:relative; overflow:hidden; display:block;
	padding-left: 10px;
}
.logo a img{ width:160px}

.logo a::before {
background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
    content: "";
    height: 100px;
    left: -100px;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    width: 80px;
	}


.logo a:hover::before{left:200px;transition:left 1.2s ease 0s;-moz-transition:left 1.2s ease 0s;-webkit-transition:left 1.2s ease 0s;-o-transition:left 1.2s ease 0s;}

.header_nav {
    float: left;
    margin-left: 38px;
}
.nav_left {
    float: left; 
	padding-left:35px; 
	padding-top:13px; 
	padding-bottom:13px; 
	font-size:12px; 
	letter-spacing:0px;
    border-left: solid 1px #777; 
	color:#ddd; 
	font-family: 'quicksandbook';
	text-transform:uppercase; margin-top:2px; margin-right:15px;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
}
.header.active .nav_left{
	width:0;
	padding-left:0;
	margin-right:0;
	border:0;
	color:transparent;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
}
.header.active .header_nav{
	margin-left:12px;
}
.header.active .nav_btn{
	background:#2E2D33;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
}
.nav_btn {
    float: left;
	width:66px;
    height: 65px;
	position:relative;
	background:transparent;
	cursor:pointer;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
}
.nav_btn.open span{
	background:transparent;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.nav_btn.open span:before{
	transform:rotate(45deg) translate(-8px,-10px);
	-webkit-transform:rotate(45deg) translate(-8px,-10px);
	-moz-transform:rotate(45deg) translate(-8px,-10px);
	-ms-transform:rotate(45deg) translate(-8px,-10px);
	-o-transform:rotate(45deg) translate(-8px,-10px);
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.nav_btn.open span:after{
	transform:rotate(-45deg) translate(-8px,8px);
	-webkit-transform:rotate(-45deg) translate(-8px,8px);
	-moz-transform:rotate(-45deg) translate(-8px,8px);
	-ms-transform:rotate(-45deg) translate(-8px,8px);
	-o-transform:rotate(-45deg) translate(-8px,8px);
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.nav_btn:hover{
	background:url(../images/nav_btn.png);
}
svg.nav_img {
    width: 124px;
    height: 24px;
    margin: 21px 0;
    margin-left: 34px;
    margin-right: 40px;
}
.nav_btn span {
    width: 33px;
    height: 1px;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.nav_btn span:before {
    content: "";
    width: 100%;
    display: inline-block;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 12px;
    left: 0;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}	
.nav_btn span:after {
    content: "";
    width: 100%;
    display: inline-block;
    height: 100%;
    background: #fff;
    position: absolute;
    top: -12px;
    left: 0;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}		
.language li {
    float: left;
    padding: 21px 0;
    padding-left: 12px;
}	
.language li a {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	color: #ddd;
}	
.language li.active a {
    color: #ddd;
}
.language li a:after {
    content: "";
    width: 0;
    height: 1px;
    display: inline-block;
    background: #ddd;
    position: relative;
    top: -2px;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.language li.active a:after,.language li:hover a:after{
	width:100%;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}



/**mennu_tk**/
.menu_tk {
    background: #2E2D33;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
	display:none;
}
.menu_tk:after{
	position:absolute;
	top:0;
	left:0;
	background:url(../images/ind_zz.png);
	content:"";
	width:100%;
	height:100%;
	z-index:-1;
}
.ind_table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.ind_cell {
    display: table-cell;
    vertical-align: middle;
}
.menu_li h3 {
    line-height: 40px;
    font-size: 28px;
	margin-top:0;
    margin-bottom: 10px;
	position:relative;
	display:inline-block;
    text-transform: capitalize;
}
.menu_li h3 a{
    color: #ddd;
}
.menu_li h5 {
    font-size: 18px;
    margin: 0;
    color: #999;
    line-height: 2;
	padding-left:20px;
	position:relative;
}
.menu_li{
	margin-bottom:20px;
    padding-left: 40px;
}
.menu_li h5:before {
    content: "";
    width: 15px;
    height: 1px;
    display: inline-block;
    transform: rotate(-60deg);
    background: #999;
    position: absolute;
    top: 16px;
    left: 0;
}
.menu_li h3:after {
    position: absolute;
    width: 0;
    height: 1px;
    content:"";
    left: -40px;
    bottom: 0%;
	background:#ddd;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.menu_li h3:hover:after{
	width:180%;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.menu_li h5 a{
	position:relative;
    color: #999;
    text-transform: capitalize;
}
.menu_li h5 a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left:0;
    display: block;
    width: 0;
    height: 1px;
    background: #999;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.menu_li h5 a:hover:after{
    width: 102%;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
}




/**ind_banner**/
.ind_ban {
    width: 100%;
    height: 100%;
}	



.ind_banner_bg{ 
    background: url(../images/ind_zz.png); 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
	}


.swiper_ind .swiper-slide{
	overflow:hidden; position:relative; 
}	
.ban_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video_zz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ind_zz.png);
}
.pagination_ind{
	left:-30%;
	bottom:50px; 
	z-index:50;
}
.pagination_ind .swiper-pagination-switch{
	width:8px;
	height:8px;
	background:#fff;
	border-radius:0;
	margin:0 12px;
	position:relative;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.pagination_ind .swiper-pagination-switch:before{
	content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border: solid 1px transparent;
	margin-top:0;
	margin-left:0;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.pagination_ind .swiper-active-switch:before{
	width:16px;
	height:16px;
	margin-top:-4px;
	margin-left:-4px;
	border-color:#fff;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.pagination_ind .swiper-active-switch{
	background:transparent;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.pagination_ind .swiper-pagination-switch:after{
	content:"";
	width:6px;
	height:6px;
	position:absolute;
	left:1px;
	top:1px;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.pagination_ind .swiper-active-switch:after{
	background:#fff;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.ind_wz{
    max-width: 920px;
    width: 60%;
	position:absolute;
	top:50%;
	min-height:340px;
	margin-top:-130px;
	left:50%;
	margin-left:-20%;
	z-index:1;
}
.ind_banner{
	position:relative;
}
.ind_wz1{
	display:none;
	color:#fff;
	position:absolute;
}
.ind_wz1 h2 {
    font-size: 48px;
    line-height: 60px;
    margin-top: 0;
    letter-spacing: 1px;
    margin-bottom: 40px;
    text-transform: uppercase; 
	font-family:Arial, Helvetica, sans-serif;
}
.ind_wz1 h3 {
    font-size: 25px;
    line-height: 1.4; 
	font-family:Arial, Helvetica, sans-serif;
    margin: 0 0 38px; 
	letter-spacing:0px;
}
.ind_btn a {
    display: inline-block;
    font-size: 17px;
	line-height:30px;		
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 12px 32px;
    border: solid 1px #fff;
    width: 260px;
	text-align:center;
}
.ind_btn {
    margin-top: 50px;
}
.nav_cb {
    position: absolute;
    top: 50%;
    z-index: 5;
	margin-top:-120px;
}
.nav_cb ul{
	border-top:solid 1px #555;	
}
.nav_cb a {
    line-height: 52px;
    border-bottom: solid 1px #555;
    width: 200px;
    padding-left: 55px;
    font-size: 15px;
    text-transform: capitalize;
    color: #999;
    letter-spacing: 0.5px;
	position:relative;
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;	
	-o-transition:all 0.5s ease-in;
}
.nav_cb a span {
    position: absolute;
    top: 28px;
    left: 0;
    width: 45px;
    height: 1px;
    background: #999;
	transform-origin:top right;
	-webkit-transform-origin:top right;
	-moz-transform-origin:top right;
	-ms-transform-origin:top right;
	-o-transform-origin:top right;
	transform:scaleX(0.5);
	-webkit-transform:scaleX(0.5);
	-moz-transform:scaleX(0.5);
	-ms-transform:scaleX(0.5);
	-o-transform:scaleX(0.5);
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;	
	-o-transition:all 0.5s ease-in;
}
.nav_cb li.active a,.nav_cb li:hover a{
	color:#fff;
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;	
	-o-transition:all 0.5s ease-in;
}
.nav_cb li.active span,.nav_cb li:hover span{
    background: #fff;
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;	
	-o-transition:all 0.5s ease-in;
}
.ind_btn img {
    position: relative;
    top: -2px;
    margin-right: 6px;
}
.scroll_cot {
    position: absolute;
    width: 15px;
    height: 20px;
    top: 26px;
    left: 0;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.scroll .scroll_cot{
    -webkit-animation: scrollMouseWheel 5s cubic-bezier(.4,0,.2,1) infinite;
    animation: scrollMouseWheel 5s cubic-bezier(.4,0,.2,1) infinite;
}
.scroll {
    width: 15px;
    height: 192px;
    position: absolute;
    right: 64px;
    top: 40%;
    margin-top: -96px;
    z-index: 2;
	cursor:pointer;
}
.scroll:before {
	height: 26px;
    top: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: scrollMouseButtonsTop 5s cubic-bezier(.4,0,.2,1) infinite;
    animation: scrollMouseButtonsTop 5s cubic-bezier(.4,0,.2,1) infinite;
}
.scroll:after{
    height: 146px;
    bottom: 0;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: scrollMouseButtonsBottom 5s cubic-bezier(.4,0,.2,1) infinite;
    animation: scrollMouseButtonsBottom 5s cubic-bezier(.4,0,.2,1) infinite;
}
.scroll:after,.scroll:before{
    position: absolute;
    left: 50%;
    width: 1px;
    background:#ddd;
    opacity: .3;
    margin-left: -1px;
	content:"";
}
@-webkit-keyframes scrollMouseButtonsBottom {
	100%,78% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}

	90% {
		-webkit-transform: scaleY(.178);
		transform: scaleY(.178)
	}
}

@keyframes scrollMouseButtonsBottom {
	100%,78% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}

	90% {
		-webkit-transform: scaleY(.178);
		transform: scaleY(.178)
	}
}
@-webkit-keyframes scrollMouseButtonsTop {
	100%,78% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}

	90% {
		-webkit-transform: scaleY(5.615);
		transform: scaleY(5.615)
	}
}

@keyframes scrollMouseButtonsTop {
	100%,78% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}

	90% {
		-webkit-transform: scaleY(5.615);
		transform: scaleY(5.615)
	}
}
@-webkit-keyframes scrollMouseWheel {
	100%,78% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	90% {
		-webkit-transform: translateY(120px);
		transform: translateY(120px)
	}
}

@keyframes scrollMouseWheel {
	100%,78% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	90% {
		-webkit-transform: translateY(120px);
		transform: translateY(120px)
	}
}



/**index_box1**/
.index_box1 {
    padding: 80px 0;
}
.index1_cot {
    width: 80%;
    margin: 0 auto;
	text-align:center;
}
.index1_cot h2 {
    padding: 0 18%;
    margin: 6px 0;
    font-size: 40px;
    line-height: 50px;
    color: #000;    
	font-family: 'webfontregular';
    font-weight: 600; 
}
.index1_cot h3 {
    color: #666;
    font-size: 16px;
    margin: 5px 0;
    line-height: 24px;   
	font-family: 'webfontregular';
}
.index1_cot img {
    width: 36px;
    margin: 13px auto;
}
.index1_btn {
    margin-top: 50px;
}
.index1_btn a {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    line-height: 22px;
	position:relative;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
}
.index1_btn a i {
    font-size: 22px;
    position: absolute;
    top: -5px;
    left: -20px;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.index1_btn a:hover{
	color:#43A1F8;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
}
.index1_btn a:hover i{
	left:-12px;
	color:#43A1F8;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.index1_btn a:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
	width:0;
    height: 1px;
    background: #43A1F8;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}
.index1_btn a:hover:after{
    width: 100%;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-ms-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
}

/**index_box2**/
.index2_top {
    position: relative;
    top: 60px;
}
.index2_top_img {
    width: 142px;
	position:relative;
}
.index2_top_img h3{ 
    position: absolute;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 15px;
    bottom: 0px;
    z-index: 2;
    color: #aba101;
    width: 90%;
    left: 5%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}




.index2_top_cot li {
    float: left;
    border-right: solid 1px #eee;
}

.index2_top_cot li.active .index2_top_img h3 { color:#fff}


.index2_top_img img {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.index2_top_img .index2_hid{
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.index2_top_cot li.active .index2_hid{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
} 
.index2_bottom {
    padding: 130px 0 60px;
    background: #f6f6f6;
}
.index2_wz {
    position: absolute;
    top: 15%;
    width: 70%;
    left: 15%;
}
.index2_list{
	position:relative;
    margin: 0 200px;
}
.index2_left {
    width: 120px;
    height: 120px;
    padding: 12px;
    float: left;
    text-align: center;
	border-right:solid 1px #2f2f2f;
}
.index2_right {
    width: 100%;
    height: 120px;
    background: #fff;
	border:solid 1px #2f2f2f;
	padding:24px;
    padding-left: 144px;
}
.index2_left h2 {
    margin: 0;
    font-size: 56px;
    margin-top: 5px;
    font-weight: 600;
}
.index2_left h4 {
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 10px;
}
.index2_right h5 {
    margin: 0;
    font-size: 12px;
}
.index2_right h3 {
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 10px;
}
.index2_jt {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 1;
    background: #333;
    width: 40px;
    height: 40px;
    padding: 10px;
}
.ind2_left {
    position: absolute;
    top: 33%;
    left: 31.5%;
	z-index:9;
}
.ind2_right {
    position: absolute;
    top: 33%;
    right: 31.5%;
	z-index:9;
}
.ind2_right i,.ind2_left i {
    font-size: 30px;
}


/**index_box3**/
.index_box3{
	padding:80px 0;
}
.index3_tit {
    margin-bottom: 60px;
}
.index3_tit h3 {
    font-size: 36px;
    color: #000;
	margin:0;
    padding-bottom: 20px;
	position:relative;
    text-transform: capitalize;    
	/*font-family: 'webfontregular';*/
	font-family: 'webfontregular';
    font-weight: 600; 
}
.index3_tit h3:after {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 104px;
    height: 4px;
    content: "";
    background: url(../images/cyc.png) repeat-x;
    background-size: 10px 10px;
}
.index3_right_l {
    width: 40%;
    float: left;
}
.index3_right_r {
    width: 50%;
    float: right;
    position: relative;
}
.index3_right_wz {
    position: absolute;
    width: 100%;
    height: 65%;
    bottom: 0;
    right: 0;
    padding: 0 9%;
}
.index3_btn {
    width: 100%;
}
.index3_btn a {
    background: #333;
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 6px 0;
    letter-spacing: 1px; 
    font-size: 18px;
}
.index3_right_wz h3 {
    font-size: 38px;
    display: block;
    text-align: right;
    color: #0187d0;
}
.index3_right_l h3 {
    font-size: 26px;
    display: block;
    color: #333;
    text-align: right;
    margin: 0;
    line-height: 35px;
}
.index3_li{
	display:none;
}
.index3_p {
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    border: 1px #333 solid;
    margin: 0 2px;
    text-decoration: none;
    margin: 0 5px;
    outline: 0;
    float: left;
    cursor: pointer;
}
.index3_p.active {
    background: #333;
    border: 1px #333 solid;
}
.index3_left_l {
    width: 60%;
    float: left;
}
.index3_left_r {
    float: left;
    width: 30%;
}
.index3_left_tit {
    width: 50%;
    float: right;
    margin-top: 20px;
}
.index3_left_tit h4{ 
	font-family:Arial, Helvetica, sans-serif; 
	text-transform:capitalize;
    font-size: 24px;

	line-height:30px;
}
.index3_left_img {
    float: left;
    width: 45%;
}
.index3_left_r h3 {
    font-size: 24px;
    line-height: 25px;
    text-transform: uppercase;  
	font-family: 'webfontregular';
    font-weight: 600; 
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0;
}
.index3_left_r h4 {
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 10px 0;
	color:#008AD6;
}
.index3_more {margin-top:20px;}
.index3_more a {
    letter-spacing: 0.5px; 
    font-size: 14px;
    color: #000;
    text-transform: uppercase; 
	font-family:Arial, Helvetica, sans-serif;
    margin: 0; 

}

.index3_more a:hover{ color:#0b419b}
.index3_point {
    position: absolute;
    bottom: -20px;
    right: 28%;
}
.index3_left_tit h3 {
    font-size: 22px;
    text-transform: uppercase;
    display: block;
    color: #333;
    line-height: 34px;
    display: none;
}


/**index_box4**/
.index_box4{ position:relative;}
.index4_img_bg{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:9; 
background:rgba(0,0,0,0.15); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); 
}
.index4_wz { 
position:relative; 
z-index:99;
width: 50%;
padding-right:5%;
float: right;
text-align: right;
 padding: 22% 0;
color:#fff;
}
.index4_wz h3 {
    margin: 0;
    font-size: 45px; 
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 20px; 
	font-family:Arial, Helvetica, sans-serif;
    font-weight: 600; 
}
.index4_wz h5 {
    margin: 0;
    line-height: 24px; 
    font-size: 16px;
    letter-spacing: 0.5px;
}
.index4_btn {
    margin-top:30px;
}
.index4_btn a { 
     font-weight:bold;
	 text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    background-color: #005293;
    background-color: rgba(0, 82, 147, 0.7);
    background-image: url("../images/anniu.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 1px solid #005293;
    margin: 0;
    font-size: 12px;
    color: white;
    text-shadow: 0px 0px 14px #767676;
    letter-spacing: 0.2px;
}








/**index_box5**/
.index5_tit {
    padding-bottom: 60px;
}
.index5_tit h4 {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
	letter-spacing: 1px;
}
.index5_tit hr {
    width: 30px;
    border-color: #ccc;
    margin: 15px 0 20px;
}
.index_box5 {
    padding: 80px 0;
}
.index5_tit h3 {
    font-size: 40px;
	color:#000;
    text-transform: capitalize;
    margin: 0;
	letter-spacing: 0px;    /*font-family: 'webfontregular';*/
	font-family: 'webfontregular';
    font-weight: 600; 
}
.index5_cot li {
    width: 33.33%;
    float: left;
    border-right: solid 1px #ddd;
}
.index5_cot li:first-child {
	border-left: solid 1px #ddd;
}
.index5_img_wz {
    position: absolute;
    top: 12px;
    left: 12px;
}
.index5_img { overflow:hidden; position: relative;height: 200px;}
.index5_img  img{
	width: 100%;
transition:All 0.7s ease-in-out;  
-webkit-transition:All 0.7s ease-in-out;  
-moz-transition:All 0.7s ease-in-out;   
 -o-transition:All 0.7s ease-in-out;
}
.index5_list:hover .index5_img img{
transform:scale(1.1);  
-webkit-transform:scale(1.1);   
-moz-transform:scale(1.1);    
-o-transform:scale(1.1);   
 -ms-transform:scale(1.1);}


.index5_img_wz h4 {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    padding: 4px 6px;
    background: #efefe8;
}
.index5_wz {
    padding: 30px;
}

.index5_date h4 {
    margin: 0;
    font-size: 13px;
    letter-spacing: 1px;
    color: #999;
	font-family: 'quicksandbook';
}
.index5_wz h3 {
    font-size: 20px;
    height: 30px;
    color: #000;
    margin: 10px 0;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;   
	font-family: 'webfontregular';
    font-weight: 600; 
}
.index5_wz hr {
    width: 40px;
    margin: 22px 0;
}
.index5_wz h5 {
	line-height: 24px; 
	color:#666;
	margin: 0; height:120px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; 
    font-size: 15px;
    overflow: hidden;

}

.index5_list:hover .index5_wz h6 { color:#fff100}

.index5_wz h6 {
    color: #000;
    text-align: right;
    text-transform: uppercase;
	 font-weight:bold;
	margin:0;
    margin-top: 20px;
    font-size: 14px;
}

/**index_box6**/
.index6_hz{
    margin-top: 30px;
}
.index6_hz ul{
	margin:0 -20px;
}
.index6_hz li {
    width: 25%;
    float: left;
    padding: 0 10px 5px;
}
.index6_cot {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.index6_tit h3 {
    font-size: 40px;
    text-transform: capitalize;
    color: #000;
    letter-spacing: 0;    /*font-family: 'webfontregular';*/
	font-family: 'webfontregular';
    font-weight: 600; 
}
.index6_tit h5 {
    margin: 0;
    line-height: 24px;
}
.index6_bottom li {
    width: 50%;
}
.index6_bottom ul{
	width:50%;
	display:inline-block;
}
.index_box6 {
    margin-bottom: 80px;
}


/**footer**/
.footer{
	background:#333;
}
.footer_menu li {
    line-height: 24px;
    color: #999;
    font-size: 14px;
}
.footer_menu li a:hover{ color:#999}
.footer_menu .footer_first h4 a{
    font-size: 15px;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.footer_top {
    padding: 40px 80px;
}
.footer_first hr {
    width: 30px;
    margin: 18px 0;
    border-color: #666;
}
.footer_left {
    color: #777;
	padding:10px 0;
}
.footer_left h5 {
    font-size: 13px;
    margin: 0;
    line-height: 22px;
}
.footer_left h5 span {
    text-transform: uppercase;
    margin-right: 5px;
}
#footer_unohacha {
    padding: 23px 0;
}
.footer_bottom {
    border-top: solid 1px #666;
}
.footer_menu {
    width: 25%;
    float: left;
    padding: 0 15px;
}
.footer_menu a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}



/**cloud**/
.cloud {
    position: absolute; 
	z-index:15;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cloud_img {
	position:absolute;
	width:104%;
	height:104%;
	top:-2%;
	left:-2%;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
}
.swiper-slide-active .cloud .cloud_img1{
	animation:cloud_img1 7s;
	-webkit-animation:cloud_img1 7s;
}
@keyframes cloud_img1 {
	0%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
	70%{
		transform:scale(1.05) translate(10px,2px);
		-webkit-transform:scale(1.05) translate(10px,2px);
		-moz-transform:scale(1.05) translate(10px,2px);
		-ms-transform:scale(1.05) translate(10px,2px);
		-o-transform:scale(1.05) translate(10px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	99%{
		transform:scale(1.05) translate(10px,2px);
		-webkit-transform:scale(1.05) translate(10px,2px);
		-moz-transform:scale(1.05) translate(10px,2px);
		-ms-transform:scale(1.05) translate(10px,2px);
		-o-transform:scale(1.05) translate(10px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	100%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
}
@-webkit-keyframes cloud_img1 {
	0%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
	70%{
		transform:scale(1.05) translate(10px,2px);
		-webkit-transform:scale(1.05) translate(10px,2px);
		-moz-transform:scale(1.05) translate(10px,2px);
		-ms-transform:scale(1.05) translate(10px,2px);
		-o-transform:scale(1.05) translate(10px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	99%{
		transform:scale(1.05) translate(10px,2px);
		-webkit-transform:scale(1.05) translate(10px,2px);
		-moz-transform:scale(1.05) translate(10px,2px);
		-ms-transform:scale(1.05) translate(10px,2px);
		-o-transform:scale(1.05) translate(10px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	100%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
}
.swiper-slide-active .cloud .cloud_img2{
	animation:cloud_img2 7s;
	-webkit-animation:cloud_img2 7s;
}
@keyframes cloud_img2 {
	0%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.6;
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		-khtml-opacity:0.6;
	}
	70%{
		transform:scale(1.1) translate(13px,2px);
		-webkit-transform:scale(1.1) translate(13px,2px);
		-moz-transform:scale(1.1) translate(13px,2px);
		-ms-transform:scale(1.1) translate(13px,2px);
		-o-transform:scale(1.1) translate(13px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	99%{
		transform:scale(1.1) translate(13px,2px);
		-webkit-transform:scale(1.1) translate(13px,2px);
		-moz-transform:scale(1.1) translate(13px,2px);
		-ms-transform:scale(1.1) translate(13px,2px);
		-o-transform:scale(1.1) translate(13px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	100%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.6;
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		-khtml-opacity:0.6;
	}
}
@-webkit-keyframes cloud_img2 {
	0%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.6;
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		-khtml-opacity:0.6;
	}
	70%{
		transform:scale(1.1) translate(13px,2px);
		-webkit-transform:scale(1.1) translate(13px,2px);
		-moz-transform:scale(1.1) translate(13px,2px);
		-ms-transform:scale(1.1) translate(13px,2px);
		-o-transform:scale(1.1) translate(13px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	99%{
		transform:scale(1.1) translate(13px,2px);
		-webkit-transform:scale(1.1) translate(13px,2px);
		-moz-transform:scale(1.1) translate(13px,2px);
		-ms-transform:scale(1.1) translate(13px,2px);
		-o-transform:scale(1.1) translate(13px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	100%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.6;
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		-khtml-opacity:0.6;
	}
}
.swiper-slide-active .cloud .cloud_img3{
	animation:cloud_img3 7s;
	-webkit-animation:cloud_img3 7s;
}
@keyframes cloud_img3 {
	0%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
	70%{
		transform:scale(1.13) translate(15px,2px);
		-webkit-transform:scale(1.13) translate(15px,2px);
		-moz-transform:scale(1.13) translate(15px,2px);
		-ms-transform:scale(1.13) translate(15px,2px);
		-o-transform:scale(1.13) translate(15px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	99%{
		transform:scale(1.13) translate(15px,2px);
		-webkit-transform:scale(1.13) translate(15px,2px);
		-moz-transform:scale(1.13) translate(15px,2px);
		-ms-transform:scale(1.13) translate(15px,2px);
		-o-transform:scale(1.13) translate(15px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	100%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
}
@-webkit-keyframes cloud_img3 {
	0%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
	70%{
		transform:scale(1.13) translate(15px,2px);
		-webkit-transform:scale(1.13) translate(15px,2px);
		-moz-transform:scale(1.13) translate(15px,2px);
		-ms-transform:scale(1.13) translate(15px,2px);
		-o-transform:scale(1.13) translate(15px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	99%{
		transform:scale(1.13) translate(15px,2px);
		-webkit-transform:scale(1.13) translate(15px,2px);
		-moz-transform:scale(1.13) translate(15px,2px);
		-ms-transform:scale(1.13) translate(15px,2px);
		-o-transform:scale(1.13) translate(15px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	100%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
}
.swiper-slide-active .cloud .cloud_img4{
	animation:cloud_img4 7s;
	-webkit-animation:cloud_img4 7s;
}
@keyframes cloud_img4 {
	0%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
	70%{
		transform:scale(1.17) translate(18px,2px);
		-webkit-transform:scale(1.17) translate(18px,2px);
		-moz-transform:scale(1.17) translate(18px,2px);
		-ms-transform:scale(1.17) translate(18px,2px);
		-o-transform:scale(1.17) translate(18px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	99%{
		transform:scale(1.17) translate(18px,2px);
		-webkit-transform:scale(1.17) translate(18px,2px);
		-moz-transform:scale(1.17) translate(18px,2px);
		-ms-transform:scale(1.17) translate(18px,2px);
		-o-transform:scale(1.17) translate(18px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	100%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
}

@-webkit-keyframes cloud_img4 {
	0%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
	70%{
		transform:scale(1.17) translate(18px,2px);
		-webkit-transform:scale(1.17) translate(18px,2px);
		-moz-transform:scale(1.17) translate(18px,2px);
		-ms-transform:scale(1.17) translate(18px,2px);
		-o-transform:scale(1.17) translate(18px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	99%{
		transform:scale(1.17) translate(18px,2px);
		-webkit-transform:scale(1.17) translate(18px,2px);
		-moz-transform:scale(1.17) translate(18px,2px);
		-ms-transform:scale(1.17) translate(18px,2px);
		-o-transform:scale(1.17) translate(18px,2px);
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
	}
	100%{
		transform:scale(1) translate(0,0);
		-webkit-transform:scale(1) translate(0,0);
		-moz-transform:scale(1) translate(0,0);
		-ms-transform:scale(1) translate(0,0);
		-o-transform:scale(1) translate(0,0);
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity:0.7;
	}
}
/**cloud**/


/**进入**/
.index1_cot h2,.index1_cot h3,.index1_btn{
	position:relative;
	left:100%;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
}
.index1_cot h2.active{
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
}
.index1_cot img{
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
}
.index3_left{
	position:relative;
	left:-100%;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
}
.index3_right{
	position:relative;
	left:100%;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
}
.index5_cot li{
	position:relative;
	left:100%;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
}
.index6_hz li{
	position:relative;
	top:100px;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
}

.scrollcot {
    position: absolute;
    bottom: 40px;
    width: 60px;
	left:50%;
	margin-left:-30px;
    text-align: center;
    z-index: 7;
}

.language li a.chinese{
	font-size:12px;
	font-family:"Microsoft YaHei","微软雅黑";
}

.newsdot {
    padding: 165px 0 100px;
}

.newsdot_l h2 {
    margin: 0 0 10px;
    font-size: 30px;
    color: #333;
    font-weight: 600;

	letter-spacing:0px;

}

.newsdot_img img {
    width: 100%; }

.newsdot_l h3 {
    margin: 0;
    font-size: 14px;
    line-height: 20px; margin-top:20px; margin-bottom:20px;
    color: #999; 
	text-transform:capitalize;
}

.newsdot_main {
    margin-top: 35px;
}

.newsdot_main h5 {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin: 0 0 15px;
}

.newsdot_img {
    margin: 0 0 15px;
}

.newsdot_l {
    padding-right: 25px;
}

.newsdot_l  p{ font-size:15px; line-height:24px; margin-bottom:15px;}

.newsdot_r ul li h4 a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.newsdot_r h2 {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    color: #333;
}

.fl_right {
    float: right;
}

.newsdot_r h2:after {content: "";display: block;width: 100%;height: 1px;background: #999;position: absolute;top: 50%;left: 0;}

.newsdot_r h2 span {
    position: relative;
    display: inline-block;
    background: #fff;
    z-index: 1;
    padding-right: 8px;
}

.newsdot_r h2 span.fl_right {
    padding: 0 0 0 8px;
}

.newsdot_r ul {
    margin-top: 25px;
    border-top: solid 1px #ddd;
}

.newsdot_r ul li {
    border: solid 1px #ddd;
    border-top: none;
    padding: 12px 15px;
}

.newsdot_r ul li h3 {
    margin: 0 0 5px; 
	text-transform:capitalize;
    font-size: 22px;
    color: #000;
    font-weight: bold;
    line-height: 24px;
}

.newsdot_r ul li h4 {
    margin: 2px 0 0;
    font-size: 15px;
    line-height: 24px;
}
.newsdot_r ul li h4 a{
    color: #666;
}
.newsdot_r ul li h4 a:hover{
    text-decoration: underline;
}













/**7-11**/

.index_box1 .index1_cot h2 {
    font-size: 32px;
    line-height: 42px;
    padding: 0;
}

.index1_cot h3 {
    color: #333;
    line-height: 26px;
}

.index_box1 {
    padding: 80px 0 20px;
}
.index1_cot img {
    width: 74px;
}
/**7-11**/



















@media(max-width:1440px){
.index2_list {
    margin: 0 80px;
}
}	
	
@media(max-width:1200px){
.index2_list {
    margin: 0 40px;
}
}	



@media(max-width:900px){
.logo a img{ width:125px;}
.header {top: 23px;}
.header_nav {margin-left: 16px;}
.nav_btn {
       width: 50px;
    height: 51px;
}
.menu_li h5{ display:none}
.ind_wz1 h2{
	 font-size: 27px;
    line-height: 42px;
}
	
.ind_wz {
margin-left: -38%;    
width: 74%;
}
	
.index1_cot h2 {
    padding: 0 2%;
    margin: 6px 0;
    font-size: 35px;
}

.index1_cot {
    width: 100%;
}
	
.index1_cot h3 { 
    text-align:left;
    line-height: 28px; 
	width:95%; 
	margin:0 auto; 
}

.index3_right{ margin-top:50px;}
.index3_left_r {
    width: 36%;
}
.index4_wz{ float:none; width:90%; text-align:left; margin:0 auto;  padding-right:0px;}
.index4_wz h3{ font-size:30px; }
.index4_img_bg {
    background: rgba(0,0,0,0.5);
	}

.index5_img{ float:left; width:35%}
.index5_wz{ float:right; width:61%; padding:0px;}
.index5_cot li{ width:95%; margin:0 auto; border:none}
.index5_wz h3{ font-size:16px; height:auto;   
    white-space:normal;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
.index5_wz h5 {
	display:none
	}
.index5_wz h6{
	display:none
	}
.index_box5{ padding:80px 0px 40px 0px}	
.index6_cot{ width:95%; margin:0 auto;}	
.footer_left{ padding:30px 0px 20px 0px}
.nav_cb{ display:none;}
.nav_left{ display:none}
.language{ display:none}
.scroll{ display:none;}
.footer_top{ display:none}

.newsdot_r ul li h3{ font-size:14px; color:#0b419b}
.newsdot{  padding: 55px 0 55px;}
.newsdot_r h2{ display:none}
.newsdot_r ul li{border-bottom:1px #ddd solid; border-right:none; border-left:none; }
.newsdot_r ul{border: none; }
.newsdot_r ul li h4 a{ font-size:12px;}
.newsdot_r ul li {
    padding: 7px 0px;
}
.newsdot_l{ padding-right:0px; padding-bottom:30px;}
.index2_jt{ display:none}
.index2_top_img{ width:115px;}
}