@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	list-style:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family:"微软雅黑";
}
html{
	font-size:100%;
}
body {
	font-size: 16px;
	line-height: 1.42857143;
	background-color:#fff;
	width:100%;
	height:100%;
	position:relative;
	margin:0;
	padding:0;
	color: #333;
}


h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin:0;
	padding:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

ul,li {
	list-style:none;
	margin:0;
	padding:0;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	color:#333;
}
/*a[href]:hover{
	color:#2e79b8;
}*/

input, select {
	font-family:"微软雅黑";
	-webkit-appearance: none;
	vertical-align:middle;
	border:none;
	outline:none;
	margin:0;
	padding:0;
}

textarea{
	-webkit-appearance: none;
	border:none;
	outline:none;
	margin:0;
	padding:0;
	resize:none;
}

iframe{
	margin:0;
	padding:0;
	border:none;
}

video{
	display:block;
}



.wrap{
	height:100%;
	min-width: 1100px;
	margin:0 auto;
	position:relative;
	z-index:9;
}
img{
	vertical-align:middle;
}

.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	clear: both;
}
/* 整体容器 */
.wrap{ 
	width: 100%;
	margin: 0 auto;
	overflow-y: hidden;
	min-height: 500px;
}
.main-box{
	min-height: 500px;
}
em,i{
	font-style: normal;
}
.table-cell{
	display: table-cell;
	vertical-align: middle;
}
.noScroll{
	overflow: hidden;
}


.w1000{
	width: 85%;
	margin: 0 auto;
	max-width: 1000px;
	min-width: 1000px;
}

/*头部开始*/
.header-box .w1000{
	height: 66px;
	padding: 15px 0;
}
.header-box .logo img{
	width: 230px;
	height: 66px;
}
.header-box .hd-right{
	padding-top: 17px;
}
.header-box .hd-tel{
	overflow: hidden;
	padding-right: 10px;
}
.header-box .hd-tel-icon img{
	width: 13px;
	height: 13px;
	display: block;
	margin-top: 11px;
}
.header-box .hd-tel-name{
	font-size: 16px;
	line-height: 31px;
	color: #003087;
	margin-left: 4px;
}
.header-box .hd-tel-num{
	color: #17a1ea;
	font-family: Arial;
	font-style: italic;
	font-size: 24px;
	line-height: 29px;
}
.header-box .hd-sev{
	padding: 0 12px 0 14px;
}
.header-box .hd-sev a{
	display: block;
	color: #003087;
	font-size: 14px;
	line-height: 30px;
}
.header-box .hd-sev a:hover{
	text-decoration: underline;
}
.header-box .hd-hr{
	position: relative;
	padding: 0 26px 0 17px;
}
.header-box .hd-hr .line{
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background: #cccccc;
}
.header-box .hd-hr a{
	display: block;
	color: #003087;
	font-size: 14px;
	line-height: 30px;
}
.header-box .hd-hr a:hover{
	text-decoration: underline;
}
.header-box .hd-top{
	padding: 0 14px 0 15px;
	background: #008dcf;
}
.header-box .hd-top a.login{
	display: block;
	color: #ffffff;
	font-size: 14px;
	line-height: 30px;
	padding: 0 15px 0 0 ;
	background: url("../images/head-arr.png") no-repeat right  center;
	background-size: 10px 6px;
}
.header-box .hd-login{
	position: relative;
	width: 128px;
	height:30px;
	text-align: center;
}
.header-box .login-con{
	position: absolute;
	left: 0;
	top: 30px;
	width: 128px;
	z-index: 700;
	display: none;
	box-shadow: 0 3px 6px rgba(4,0,0,0.35);
}

.header-box .login-con li{
	background: #008dcf;
}
.header-box .login-con li a{
	padding: 5px 10px;
	position: relative;
	display: block;
	text-align: center;
}
.header-box .login-con li:hover{
	background: #006ac3;
}
.header-box .login-con .login-txt{
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}
.header-box .login-con .login-icon{
	position: absolute;
	top: 50%;
	left: 21px;
	width: 15px;
	height: 19px;
	margin-top: -9.5px;
}
.header-box .login-con .login-icon img{
	display: block;
}




.header-nav{
	background: #e5ebee;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	position: relative;
	z-index: 100;
	height: 45px;
	border-bottom:1px solid #d2d2d2;
}

.header-nav .nav-left{
	padding-right: 78px;
}
.header-nav .nav-item-con{
	display: table;
}
.ie7 .header-nav .nav-item-con{
    overflow: hidden;
}
.ie7 .header-nav .item-link{
	float: left;
}
.header-nav .item-link{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 126px;
	text-align: center;
}
.header-nav .nav2{
	position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
	padding-top: 1px;
	z-index: -10;
}
.header-nav .item-link .nav2{
}
.nav2 .nav-second {
    margin: 0 auto;
	background: #e5ebee;
	padding: 15px 0 7px;
	position: relative;
}
.nav-list-second {
    width: auto;
    float: none;
    padding: 5px 0 6px;
    text-align: center;
	font-size: 0;
	position: static;
	z-index: 10;
}
.nav2 .nav3{
    position: absolute;
	left: 100%;
	top: 0;
	min-height: 100%;
	width: 308px;
	background: #e5ebee;
	display: none;
}
.nav2 .nav-list-second:hover .nav3{
	display: block;
}

.nav2 .nav3 .nav-line{
	position: absolute;
	left: 0;
	top: 25px;
	width: 1px;
	height: 70%;
	background: #bfbfbf;
}

.nav2 .nav3 .nav3-second{
	padding: 20px 30px 6px 50px;
	font-size: 0;
	line-height: 0;
	text-align: left;
}
.nav2 .nav3 .nav3-second li{
	display: inline-block;
	padding: 0 10px 0 0;
    min-width: 65px;
	margin-bottom: 10px;
	text-align: left;
}
.nav2 .nav3 .nav3-second li a{
	color: #666666;
	font-size: 14px;
	line-height: 24px;
}
.nav2 .nav3 .nav3-second li a:hover{
	color: #003087;
}

.navleft .nav3{
	left: auto;
	right: 100%;
}
.navleft .nav2 .nav3 .nav-line{
	position: absolute;
	right: 0;
	left: auto;
	top: 25px;
	width: 1px;
	height: 70%;
	background: #bfbfbf;
}




.nav-list-second .li-tit{
	font-size: 14px;
	line-height: 26px;
	color: #555555;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-bottom:1px solid #e5ebee;
}

.header-nav .item-link a.txt{
	display: block;
	color: #00395d;
	font-size: 16px;
	line-height: 45px;
	width: 100%;
	text-align: center;
}
.header-nav .item-link:hover a.txt{
	color: #fff;
	background: #006ac3;
	padding: 0;
}
.header-nav .item-link.on a.txt{
	color: #fff;
	background: #006ac3;
}

.header-nav .on a{
	color: #555555;
}
.nav-list-second:hover .li-tit{
	border-bottom:1px solid #006ac3;
}
.header-nav .nav-search{
    float: right;
	width: 32px;
	padding: 11px;
}
.header-nav .nav-search img{
	display: block;
	margin: 0 auto;
	width: 21px;
	height: 22px;
}
.head-navmore{
	width: 100%;
	background: #e5ebee;
	padding-bottom: 22px;
}
.head-navmore a{
    font-size: 14px;
	line-height: 24px;
	color: #555555;
}
.head-navmore a:hover{
	color: #006ac3;
}



.video-box{
	display:none\9;
}
.video-box2{
	display:none;
	display:block\9;
}
.vjs-icon-play::before, .video-js .vjs-big-play-button::before, .video-js .vjs-play-control::before
{
	margin-top:4px;
	display: none;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{
	display: block;
	z-index: 9999;
	opacity: 1;
}

.sea-box{
	width: 100%;
	position: absolute;
	left: 0;
	top: 142px;
	background:#e5ebee;
	padding: 30px 0;
	display: none;
	z-index: 999;
}
.sea-box .cont{
	width: 600px;
	overflow: hidden;
	margin: auto;
	background: #ccc;
	border-radius: 3px;
}
.sea-box .cont input{
	float: left;
	width: 489px;
	height: 38px;
	line-height: 40px;
	background: #fff;
	padding: 0 10px;
	border: 1px solid #006ac3;
	border-right: none;
}
.sea-box .cont a{
	display: block;
	width: 90px;
	height: 40px;
	float: left;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #006ac3;
}


/*底部开始*/
.footer-box{
	background: #006ac3;
}
.footer-box .w1000{
	padding: 20px 0 24px;
}
.ie7 .footer-box .w1000{
	padding-bottom: 0;
}
.footer-box .ft-code{
	overflow: hidden;
}
.ie7 .footer-box .ft-code{
	width: 25%;
}
.footer-box .code-column{
	overflow: hidden;
	float: right;
}
.footer-box .code-column .code-img{
	float: right;
}
.footer-box .code-column .code-img img{
	width: 78px;
	height: 78px;
}
.footer-box .code-column .code-tit{
	float: right;
	width: 20px;
	color: #ffffff;
	font-size: 12px;
	/*writing-mode: vertical-rl;*/
	/*writing-mode: tb-rl;*/
}
.footer-box .code-hl{
	width: 102px;
}
.footer-box .code-hl .code-tit{
	line-height: 20px;
}
.footer-box .code-wx{
	width: 128px;
}
.footer-box .code-wx .code-tit{
	line-height: 15px;
}


.footer-box .ft-left{
	float: left;
	width: 750px;
	padding-top: 18px;
}
.footer-box .ft-link-list .ft-item{
	float: left;
	border-right: 2px solid #fff;
	padding-right: 34px;
	margin-right: 34px;
}
.footer-box .ft-link-list .ft-item a{
	display: block;
	color: #ffffff;
	font-size: 14px;
	line-height: 15px;
}
.footer-box .ft-link-list .ft-link a:hover{
    text-decoration: underline;
}
.footer-box .ft-link-list .ft-link-friend{
	margin-right: 0;
	padding-right: 0;
	border: none;
	position: relative;
}
.footer-box .ft-link-list .ft-link-friend .ft-ftxt{
	padding-right: 22px;
	background: url("../images/foot-friend-arr.png") no-repeat right center;
	background-size: 15px;
}
.footer-box .ft-link-list .ft-fri-pop{
	position: absolute;
	bottom: 100%;
	width: 124px;
	left: 50%;
	margin-left: -62px;
	padding-bottom: 10px;
	display: none;
}
.footer-box .ft-link-list .ft-fri-pop .ft-fri-list{
	background: #e5ebee;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.footer-box .ft-link-list .ft-fri-pop a{
    color: #333333;
	display: block;
	padding: 2px 10px;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.footer-box .ft-link-list .ft-fri-pop a:hover{
	color: #fff;
	background: #006ac3;
}

.footer-box .ft-bot{
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-top: 18px;
}
.footer-box .foot-copy{
	margin-left: 8px;
}
.footer-box .foot-copy a:hover{
	text-decoration: underline;
}
.footer-box .foot-support{
	margin-left: 8px;
	height: 24px;
	overflow: hidden;
}
.footer-box .ft-bot a{
	color: #fff;
}

/* 弹框部分 */
.fbg .frame,.fbg .back-bg{
    display: block;
}
.back-bg{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: url(../images/black.4.png);
    z-index: 99;
    display: none;
}
.frame{
    width: 406px;
    height: 329px;
    border-radius: 3px;
    position: fixed;
    background: #fff;
    left: 50%;
    top: 50%;
    margin-left: -203px;
    margin-top: -164.5px;
    display: none;
}
.frame .close{
    display: block;
    position: absolute;
    top: 14px;
    right: 12px;
}
.frame .box{
    margin-top: 32px;
}
.frame .txt{
    font-size: 18px;
    color: #333333;
    text-align: center;
    width: 221px;
    height: 28px;
    line-height: 28px;
    margin: 0 auto 5px;
}
.frame .doc{
    font-size: 24px;
    font-weight: bold;
    color: #006ac3;
    margin: 0 auto 18px;
    width: 221px;
    height: 28px;
    text-align: center;
}
.frame-code{
    width: 135px;
    height: 135px;
    display: block;
    margin: 0 auto 15px;
}
.mysee{
    width: 147px;
    height: 38px;
    background: #006ac3;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    display: block;
    margin: 0 auto;
}


@keyframes bjfwFlash {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, -15px);
        transform: translate(0, -15px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}



/* video */
.video-pop{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    z-index: 400;
    display: none;
}

.video-pop .pop-cent{
    width: 850px;
    height: 460px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -425px;
    margin-top: -230px;
}
.video-pop  .pop-close{
	position: absolute;
	right: -80px;
	top: 0;
}
.video-pop .pop-con{
	width: 850px;
    height: 460px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -425px;
    margin-top: -230px;
}
.video-pop .video-js{
    width: 100%;
    position: relative;
    overflow: hidden;
	z-index: 10;
}
.video-js .vjs-tech{
	z-index: -5;
}
.ie8 .video-pop .video-js, .ie9 .video-pop .video-js{
    display: none;
}
.video-pop .video-top-info i{
    background: url(../images/phone-nav-icon.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    right: -30px;
    background-size: cover;
    cursor: pointer;
}
.video-pop .vjs-big-play-button{
    border: none;
    width: 60px;
    height: 60px;
    background: url(../images/about-video-open.png) no-repeat;
	background-size: 100% 100%;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
}
.video-pop .vjs-big-play-button span.vjs-icon-placeholder:before{
    content: "";
}
@media screen and (max-width: 991px){
    .video-pop .pop-cent {
        width: 100%;
        height: 25em;
        left: 0;
        margin-left: 0;
        margin-top: -12.5em;
    } 
    .video-pop .video-top-info i{
        width:20px;
        height: 20px;
        top: -10%;
        right: 125px;
    }
}
/* video */