

/* CSS Document */



body {
	margin:0px; padding:0px; border:0px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; width:100%;  position:relative;
}
ul {
	list-style: none; padding: 0px; maring: 0;
}
li {
	list-style: none; padding: 0px; maring: 0;
}
a {
	border:0px; text-decoration: none;
}
a:link {
	border:0px; text-decoration: none;
}
a:hover {
	border:0px; text-decoration: none;
}
a:visited {
	border:0px; text-decoration: none;
}
a {
	color: rgb(68, 68, 68);
}
a:link {
	color: rgb(68, 68, 68);
}
a:hover {
	color: rgb(68, 68, 68);
}
a:visited {
	color: rgb(31, 72, 157);
}
.fl {
	float: left;
}
.fr {
	float: right;
}


.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important;}

.banner{ width:100%;height:430px;margin-top:100px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:430px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:430px; float:left;}
.b-list{ height:50px; padding-top:430px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; border:3px solid #1f489d; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #23ac39;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../image/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:160px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../image/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:160px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


.connent{margin:0px auto;width:1200px;height:360px;margin-top:30px;}
.about{ float:left;width:380px;}
.youshi{ float:right;width:380px;}
.about-line {float:left;width:35px;height:6px;background-color: #23ac39; }
.new-line {float:left;width:35px;height:6px;background-color: #1f489d; }
.youshi-line {float:left;width:35px;height:6px;background-color: #f54725; }
.about-title { float:left;width:380px;font-size: 18px;margin-top:5px; margin-bottom:15px; overflow: hidden; }
.about-text { line-height: 25px; margin-top: 5px; color:#555151; font-size: 14px; height: 150px; overflow: hidden; }



.news{ float:left;width:380px;margin-left:30px;}
.connect{ float:right;width:380px;}

.index-splash-block {
	width: 380px;
	height: 250px;
	text-align:center;
}
.index-splash-block .feature-slide-preview {
    margin: 0 auto;
    display: none;
    width: 380px;
    height: 250px;
    overflow: hidden;
}
.index-splash-block .feature-slide-preview .screenshot {
    display: block;
    margin: auto;
}
.index-splash-block .feature-slide-list {
    width: 200px;
    height: 22px;
    overflow: hidden;
    margin: 10px auto 0;
}
.index-splash-block .feature-slide-list a {
    float: left;
    display: inline;
    width: 22px;
    height: 22px;
    background: url(../image/feature-point.png) center no-repeat;
    _background: url(../image/feature-point-4ie6.png) center no-repeat;
}
.index-splash-block .feature-slide-list a.current {
    background: url(../image/feature-point-current.png) center no-repeat;
    _background: url(../image/feature-point-current-4ie6.png) center no-repeat;
}
.index-splash-block  .feature-slide-list .feature-slide-list-items {
    display: inline;
}
.index-splash-block  .feature-slide-list a.feature-slide-list-previous {
    background: url(../image/feature-point-previous.png);
    _background: url(../image/feature-point-previous-4ie6.png);
}
.index-splash-block  .feature-slide-list a.feature-slide-list-next {
    background: url(../image/feature-point-next.png);
    _background: url(../image/feature-point-next-4ie6.png);
}



.footer {
	width: 100%;
}
.inner {
	margin: 0px auto; background: rgb(31, 72, 157);width: 1200px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.footer {
	background: rgb(31, 72, 157); height: 98px;
}
.footer h1 {
	padding-right: 15px; margin-top: 23px; margin-right: 15px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid;
}
.footer .info {
	width: 800px; color: rgb(204, 204, 204); line-height: 1.7em; font-size: 12px; margin-top: 22px;
}
.footer .info a {
	color: rgb(204, 204, 204); font-weight: bold;
}
.footer .followUs {
	width: 220px; color: rgb(204, 204, 204); font-size: 12px; font-weight: bold; margin-top: 15px; position: relative;
}
.footer .followUs span {
	float: left;
}
.footer .followIco {
	width: 220px; overflow: hidden; float: left;
}
.footer .followIco li {
	margin: 5px; float: left;
}
.footer .followIco li img {
	cursor: pointer;
}
.followIcoWrap {
	top: -150px; width: 900px; right: 10%; margin-left: -450px; position: absolute; z-index: 50;
}
.f_i_show {
	width: 100%; position: relative;
}
.f_i_show li {
	width: 200px; height: 171px; float: left;
}
.f_i_show li img {
	width: 150px; height: 161px; display: none;
}
.f_i_show li img.ft_weibo {
	right: 100px; position: absolute;
}
.f_i_show li img.ft_weixin {
	right: 47px; position: absolute;
}
.f_i_show li img.ft_tao {
	right: -5px; position: absolute;
}
.f_i_show li img.ft_tel {
	right: -60px; position: absolute;
}



.pctop{ width:100%; height:96px; z-index:9999; background:#FFFFFF; border-bottom:#CCCCCC solid 1px; box-shadow:0px 2px 3px #CCCCCC;border-top:#1f489d solid 4px; position:fixed; top:0; left:0;}
.pctop .pctop_nei{ width:1200px; margin:0 auto;}
.pctop .pctop_nei .pclogo{ float:left; margin-top:15px; display:inline-block;}
.pctop .pctop_nei .pctop_right{ float:right;}
.pctop .pctop_nei .pctop_right .pcmenu{ float:left;}
.pctop .pctop_nei .pctop_right .pcmenu .pcmenu_xun{ float:left; position:relative;}
.pctop .pctop_nei .pctop_right .pcmenu .pcmenu_xun .pcmenu_a{ padding:0 28px; text-align:center; line-height:96px; color:#666666; font-size:15px; display:inline-block; height:96px;}

.pctop .pctop_nei .pctop_right .pcmenu .pcmenu_xun .pcmenu_drop{ display:none; position:absolute; left:0; width:100%; z-index:9999;}
.pctop .pctop_nei .pctop_right .pcmenu .pcmenu_xun .pcmenu_drop a{ display:inline-block; width:100%; background:rgba(89,134,219,0.8); color:#FFFFFF; text-align:center; font-size:14px; float:left; height:41px; line-height:40px; border-top:rgba(255,255,255,0.35) solid 1px;}
.pctop .pctop_nei .pctop_right .pcmenu .pcmenu_xun .pcmenu_drop a:nth-child(1){ border-top:none;}

.pctop .pctop_nei .pctop_right .pcsearch{ float:right; width:36px; height:36px; position:relative; margin-left:23px; margin-top:30px;}
.pctop .pctop_nei .pctop_right .pcsearch .top_search{ width:36px; display:inline-block; height:36px; border-radius:36px; overflow:hidden; border:#c1c1c1 solid 1px; position:absolute; right:0; top:0; transition:all ease-out 0.6s;}
.pctop .pctop_nei .pctop_right .pcsearch .top_search input[type="text"]{ transition:all ease-out 0.6s; width:0px; height:34px; padding:0 0px; float:left;}
.pctop .pctop_nei .pctop_right .pcsearch .top_search input[type="submit"]{ cursor:pointer; width:36px; height:34px; background:url(/images/bg2.png) no-repeat 50%; border-radius:36px; float:right;}

.motop{ width:100%; padding:0 2%; height:50px;}
.motop .mologo{ height:30px; margin:10px 0;}
.motop .mologo img{ height:30px;}
.motop .moicon{ width:30px; height:30px; position:relative; margin-top:10px;}
.motop .moicon div{ width:30px; height:5px; background:#5986db; position:absolute;}

.motop .moicon div.moicon1{
    -webkit-transform: rotateZ(0deg);
       -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
         -o-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
		   transition:all ease-out 0.3s;
			      top:8px;
 }
.motop .moicon div.moicon2{
    -webkit-transform: rotateZ(0deg);
       -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
         -o-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
		   transition:all ease-out 0.3s;
			      top:20px;
}

.motop .moicon.on div.moicon2{
    -webkit-transform: rotateZ(45deg);
       -moz-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
         -o-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
		   transition:all ease-out 0.3s;
				  top:12px;
}
.motop .moicon.on div.moicon1{
    -webkit-transform: rotateZ(-45deg);
       -moz-transform: rotateZ(-45deg);
        -ms-transform: rotateZ(-45deg);
         -o-transform: rotateZ(-45deg);
            transform: rotateZ(-45deg);
		   transition:all ease-out 0.3s;
				  top:12px;
}

.modrop{ display:none; width:100%; height:100%; background:rgba(89,134,219,0.5); position:absolute; left:0; z-index:99999;}
.modrop .momenu{ width:50%; height:100%; background:rgba(89,134,219,0.75); position:relative; float:left; height:100%;}
.modrop .momenu .momenu_xun{ width:100%; height:40px;}
.modrop .momenu .momenu_xun .momenu_title{ width:100%; height:40px; padding:0 15px;}
.modrop .momenu .momenu_xun .momenu_title a{ color:#FFFFFF; font-size:14px; line-height:40px; display:inline-block; float:left;}
.modrop .momenu .momenu_xun .momenu_title i{ float:right; color:#FFFFFF; font-size:14px; line-height:40px;
    -webkit-transform: rotateZ(0deg);
       -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
         -o-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
		   transition:all ease-out 0.3s;}
.modrop .momenu .momenu_xun .momenu_title i.on{
    -webkit-transform: rotateZ(-60deg);
       -moz-transform: rotateZ(-60deg);
        -ms-transform: rotateZ(-60deg);
         -o-transform: rotateZ(-60deg);
            transform: rotateZ(-60deg);
		   transition:all ease-out 0.3s;}

.modrop .momenu .momenu_xun .momenu_drop{ padding:40px 0 0 0; display:none; width:100%; position:absolute; top:0; left:100%;}
.modrop .momenu .momenu_xun .momenu_drop a{ width:100%; height:40px; float:left; display:inline-block; color:#FFFFFF; font-size:13px; line-height:40px; padding-left:20px;}

.pctop .pctop_nei .pctop_right .pcmenu .pcmenu_xun:hover .pcmenu_a{ color:#FFFFFF; background:#1f489d;}
.pctop .pctop_nei .pctop_right .pcsearch .top_search:hover{ width:161px; transition:all ease-out 0.6s;}
.pctop .pctop_nei .pctop_right .pcsearch .top_search:hover input[type="text"]{ width:120px; transition:all ease-out 0.6s; padding:0 10px;}

