@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;}
body{font-size:14px; color:#666; _overflow:hidden; overflow-x:hidden;  background:#fff; width: 100%;  *cursor: default;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; font-style:normal;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------this-a-list---------*/
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; }
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
::selection { color: #fff; background-color: #1B499B;}    
::-moz-selection { color: #fff; background-color: #1B499B;} 
/*------- the html5 display-role reset for older browsers---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/*------- input--outline--middle---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*----- tabless///-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}
/*----- clearfix///-----*/
.clearfix{ *zoom:1;}
.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}
/*----- dis///-----*/
.clear{ clear:both;}
.disno{ display:none;}
.disbk{ display:block;}
.distb{ display:table;}
/*----- 文字两侧对齐///-----*/
.justify { text-align:justify; text-justify:distribute-all-lines; /*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
@media screen and (-webkit-min-device-pixel-ratio:0){
   .justify:after { position:absolute; content:"."; display: inline-block; width:100%; overflow:hidden; height:0;}
}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/******************************************************************common/////**********************************************************************/

.form-fulid .txt, .form-fulid .buts, .rit-nav-list, #dowebok, footer .bot-nav a, footer .bot-nav a:after, footer p, .page2 ul li dd span, .page2 ul li dd font, .page2 ul li dd i, .page2 ul li dd, .page2 ul li dl dt,
.page2 ul li dd small, .page3 .waper-tab li, .page3 .waper-tab li:after, .page5 ul li dl dd span, .page7 dl dt i,.waper-congs .waper-tab li, .tab-conts-cp .sub-kst-slide, .waper-congs,.this-shui-wu, .this-zido,
.about-zys dl dt img, .news-cont .waper-fh2 .rit-mjg .mk li, .news-cont .waper-fh2 .rit-mjg .waper-kh .cong, .this-yoos li, .about-zys dl dd
{ 
  transition: all .4s linear 0s; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s;
}
.rit-nav-list nav a:after
{ 
 transition: width .4s ease-in 0s, border-top-left-radius .3s linear .15s, border-bottom-left-radius .3s linear .15s;
 -webkit-transition: width .4s ease-in 0s, border-top-left-radius .3s linear .15s, border-bottom-left-radius .3s linear .15s;
 -moz-transition: width .4s ease-in 0s, border-top-left-radius .3s linear .15s, border-bottom-left-radius .3s linear .15s;
 -o-transition: width .4s ease-in 0s, border-top-left-radius .3s linear .15s, border-bottom-left-radius .3s linear .15s;
}
.page2 ul li:nth-of-type(odd), .page2 ul li:nth-of-type(even), .page4 .lft-imgs, .page4 .rit-lists ul li
{
	transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s;
}
.page3 .the-sub-tab .sub-main-tab dl dt img, .page3 .the-sub-tab .sub-main-tab dl dd, .page3 .the-sub-tab .sub-main-tab, .page3 .the-sub-tab .sub-main-tab dl,.page3 .waper-tab, .page5 ul li, .page7 dl dd
{
	transition: all .6s cubic-bezier(0.45,0.33,0.33,0.45) 0s; 
	-webkit-transition: all .6s cubic-bezier(0.45,0.33,0.33,0.45) 0s; 
	-moz-transition: all .6s cubic-bezier(0.45,0.33,0.33,0.45) 0s; 
	-ms-transition: all .6s cubic-bezier(0.45,0.33,0.33,0.45) 0s;	
}
.more{ transition: all .4s ease-in .2s; -webkit-transition: all .4s ease-in .2s; -moz-transition: all .4s ease-in .2s; -ms-transition: all .4s ease-in .2s;}
.page5 ul li dl dt:after{ 
  transition: all .6s cubic-bezier(0.45,0.35,0.35,0.45) 0s; 
  -webkit-transition: all .6s cubic-bezier(0.45,0.35,0.35,0.45) 0s; 
  -moz-transition: all .6s cubic-bezier(0.45,0.35,0.35,0.45) 0s; 
  -o-transition: all .6s cubic-bezier(0.45,0.35,0.35,0.45) 0s;
}
.page5 ul li:before, .page5 ul li:after
{
	transition: width .4s cubic-bezier(0.45,0.35,0.35,0.45) 0s, height .3s cubic-bezier(0.45,0.35,0.35,0.45) .4s;
	-webkit-transition: width .4s cubic-bezier(0.45,0.35,0.35,0.45) 0s, height .3s cubic-bezier(0.45,0.35,0.35,0.45) .4s;
	-moz-transition: width .4s cubic-bezier(0.45,0.35,0.35,0.45) 0s, height .3s cubic-bezier(0.45,0.35,0.35,0.45) .4s;
	-o-transition: width .4s cubic-bezier(0.45,0.35,0.35,0.45) 0s, height .3s cubic-bezier(0.45,0.35,0.35,0.45) .4s;	
}
.page7 dl:nth-of-type(1){transition: all .6s linear 0s; -webkit-transition: all .6s linear 0s; -moz-transition: all .6s linear 0s; -ms-transition: all .6s linear 0s;}
.page7 dl:nth-of-type(2){transition: all .6s linear .3s; -webkit-transition: all .6s linear .3s; -moz-transition: all .6s linear .3s; -ms-transition: all .6s linear .3s;}
.page7 dl:nth-of-type(3){transition: all .6s linear .6s; -webkit-transition: all .6s linear .6s; -moz-transition: all .6s linear .6s; -ms-transition: all .6s linear .6s;}
/******************************************************************times/////**********************************************************************/


@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'), 
    url('../fonts/iconfont.svg#iconfont') format('svg'); 
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
	
header{ position:absolute; left:0; top:40px; width:100%; z-index:9999;}
.form-fulid{ float:left; margin-left:50px; position:relative;}
.form-fulid .txt{ width:40px; height:40px;  line-height:40px; border:1px solid #fff; background:none; border-radius:50%; color:#fff; }
.form-fulid .buts{ width:20px; height:20px; /*border:1px solid #fff;*/  background:none; color:#fff; font-size:18px; position:absolute; /* left:10px; top:10px;*/ z-index:-1;
 transform:translate3d(-31px, 11px, 0px); -webkit-transform:translate3d(-31px, 11px, 0px); -moz-transform:translate3d(-31px, 11px, 0px); -o-transform:translate3d(-31px, 11px, 0px);
}
.form-fulid .txt.active{ width:176px; height:40px; border-radius:15px; padding-left:6px;}
.form-fulid .buts.active{ position:absolute; /*left:inherit; right:10px; top:10px;*/ z-index:1;
 transform:translate3d(-35px, 10px, 0px); -webkit-transform:translate3d(-35px, 10px, 0px); -moz-transform:translate3d(-35px, 10px, 0px); -o-transform:translate3d(-35px, 10px, 0px);
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  .form-fulid .buts{-webkit-transform: translate3d(11px, -31px, 0px);}
  .form-fulid .buts.active{ -webkit-transform:translate3d(150px, -32px, 0px)}
}

header.active .form-fulid .txt{ border-color:#1C4A9C; color:#1C4A9C;}
header.active .form-fulid .buts{ color:#1C4A9C;}

.mob-nav{ float:right; margin-top:11px; margin-right:50px;width:27px;  height:22px; line-height:15x; cursor:pointer;
   transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
   -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
   -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
   -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
}
.mob-nav2{ float:right; margin-top:11px; margin-right:50px;  height:22px; line-height:15x; cursor:pointer;
   transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
   -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
   -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
   -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
}
.clearfix .mob-nav2 a{font-size:16px;color:#ffffff;}
.active .mob-nav2 a{font-size:16px;color:#1b499b;}








.mob-nav a{ display:inline-block; width:100%; height:3px; background-color:#fff; position:relative;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.mob-nav a:before{
	position:absolute;
	content:' ';
	left:0;
	top:-7px;
	width:100%;
	height:3px;
	background-color:#fff;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.mob-nav a:after{
	position:absolute;
	content:' ';
	left:0;
	bottom:-7px;
	width:100%;
	height:3px;
	background-color:#fff;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.mob-nav:hover a:before{ 
     transform:translateY(-2px) rotate(0deg);
	-webkit-transform:translateY(-2px) rotate(0deg);
	-ms-transform:translateY(-2px) rotate(0deg);
}
.mob-nav:hover a:after{ 
	transform:translateY(2px) rotate(0deg);
	-webkit-transform:translateY(2px) rotate(0deg);
	-ms-transform:translateY(2px) rotate(0deg);
}
.mob-nav.selected{
	margin-right:246px;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
}
.mob-nav.selected a {background-color: transparent;}
.mob-nav.selected a:after, 
.mob-nav.selected a:before { top: 0;}
.mob-nav.selected a:before {
	background-color: #fff;
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.mob-nav.selected a:after {
	background-color: #fff;
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.mob-nav.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.mob-nav.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}

header.active .mob-nav a, header.active .mob-nav a:before, header.active .mob-nav a:after{ background-color:#1C4A9C;}
header.active .mob-nav.selected a{ background-color:transparent;}

.rit-nav-list{ width:196px; height:100%; position:fixed; right:0%; top:0;  background-color:#fff; background-color:rgba(255,255,255,0.7); z-index:9999;
 transform: translateX(200px); -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); 
}
.rit-nav-list.active{ transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px);}
.logo{ width:100%; text-align:center; margin-top:40px;}
.rit-nav-list nav{ margin-top:110px; width:100%;}
.rit-nav-list nav a{ display:block; position:relative; font-size:15px; color:#363636; width:100%; height:40px; margin-top:5px; text-align:center; line-height:40px;}
.rit-nav-list nav a:after{ position:absolute; content:''; right:0; top:0; width:0px; height:40px; background-color:#1B499B; z-index:-1; border-radius:0px,0px,0px,0px;}
.rit-nav-list nav a:hover{ color:#fff;}
.rit-nav-list nav a:hover:after{ width:166px; border-top-left-radius:20px; border-bottom-left-radius:20px;}
.rit-nav-list .wexin{ margin-top:100px; width:100%; text-align:center;}
.rit-nav-list .wexin span{ display:block; width:100%; margin-bottom:15px;}
.rit-nav-list .wexin span i{ display:block; font-size:13px; color:#1B499B; text-align:center; margin-top:6px; font-weight:bold;}
.rit-nav-list .wexin a{ display:inline-block; margin:0 5px; font-size:33px; color:#1B499B;}
.rit-nav-list .wexin a:hover{ color:#1B499B;}

/*
#dowebok.active{ 
transform:translateX(-196px) !important; 
-webkit-transform:translateX(-196px) !important; 
-moz-transform:translateX(-196px) !important; 
-ms-transform:translateX(-196px) !important;}
*/

footer{ width:40%; position:fixed; left:0; bottom:40px; padding-left:50px;}
footer .bot-nav a{ display:inline-block; position:relative; font-size:13px; color:#fff; margin-right:30px;}
footer .bot-nav a:after{ position:absolute; content:'|'; top:0; right:-20px; height:100%; color:#fff;}
footer .bot-nav a:last-child:after{ display:none;}
footer .bot-nav a:hover{ text-decoration:underline;}
footer p{ font-size:13px; color:#fff; margin-top:10px; line-height:1.65;}
footer.active a, footer.active a:after, footer.active p{ color:#363636;}
footer.noslde{ position:static; left:inherit; bottom:inherit; margin-top:100px; margin-bottom:40px;}

#dowebok {
	height: 100%;
	width: 100%;
	position: relative;
	right: 0;
	padding-right: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
	background: none;
}
.section {
	width: 100%;
	height: 100%;
	background-color: #ccc;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	display: table;
	table-layout: fixed;
	visibility: visible;
	transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.section.active {
	z-index: 5;
	opacity: 1;
	transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
}
.pt-page-rotatePushBottom {	
	transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	animation: rotatePushBottom .5s linear ;
	-webkit-animation: rotatePushBottom .5s linear ;	
}
.pt-page-rotatePullTop {		
	animation: rotatePullTop .5s linear 0s;	
	-webkit-animation: rotatePullTop .5s linear 0s;	
}

@keyframes rotatePullTop {
from {
	opacity:1;
	transform:rotateX(-90deg);
}
}
@-webkit-keyframes rotatePullTop {
from {
	opacity:1;
	-webkit-transform:rotateX(-90deg);
}
}
@-moz-keyframes rotatePullTop {
from {
	opacity:1;
	-moz-transform:rotateX(-90deg);
}
}
@-o-keyframes rotatePullTop {
from {
	opacity:1;
	-o-transform:rotateX(-90deg);
}
}

@keyframes rotatePushBottom {
	from{ opacity:1;}
to {
	opacity: 0;
	transform: rotateX(90deg);
}
}
@-webkit-keyframes rotatePushBottom {
	from{ opacity:1;}
to {
	opacity: 0;
	-webkit-transform: rotateX(90deg);
}
}
@-moz-keyframes rotatePushBottom {
	from{ opacity:1;}
to {
	opacity: 0;
	-moz-transform: rotateX(90deg);
}
}
@-o-keyframes rotatePushBottom {
	from{ opacity:1;}
to {
	opacity: 0;
	-o-transform: rotateX(90deg);
}
}

.the-prve-hd{ position:fixed; right:40px; bottom:50px; }
.the-prve-hd a{ display:block; width:100px; height:100px; font-weight:900;   color: #C00; !important; font-size:28px; text-align:center; line-height:100px; background-image:url(../images/fanhui.png); background-size:100%;} 







.lft-logo a{ position:absolute; left:50px; top:-25px; width:70px; height:100px;  background:url(../images/lft_logo.png) no-repeat center center; background-size:100% 100%; }
.lft-logo a.active{ background:url(../images/logo.png) no-repeat center center; background-size:100% 100%;}