﻿@charset "utf-8";
/* CSS Document */
/* *{ margin:0; padding:0;} */
img{ border:0 none;}
a{ cursor:pointer; text-decoration:none;}
.clear{ clear:both; height:0; overflow:hidden;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs20{ font-size:20px;}
.fs26{ font-size:26px;}
.fcb{ color:#29addf;}
.fcbu{ color:#29addf; text-decoration:underline;}
.fwn{ font-weight:normal;}
.fl{ float:left;}
.fr{ float:right;}
.imgleft{ float:left; margin:0 10px 30px 0px;}
.imgright{ float:right; margin:0 0 10px 30px;}
.w150{ width:150px;}
.w270{ width:270px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w700{ width:700px;}
.w790{ width:790px;}
.ml10{ margin-left:10px;}
.mr19{ margin-right:19px;}
.mt15{ margin-top:15px;}
.mt30{ margin-top:30px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px; clear:both;}
.pt25{ padding-top:25px;}
.pt50{ padding-top:50px;}

.footer{ 
		width: 870px;
	    margin: 30px auto 0 auto;
		font-size:14px;
		background:#e6e6e6; padding:15px 10px 20px 10px;}
.footer ul{
	list-style: none;
}
.logo2{ float:left; margin-right:18px;}
.ulfootlink{ height:18px; padding:5px 0px;}
.ulfootlink li{ background:url(../images_new/fg.gif) no-repeat 0 50%; float:left; padding:0 9px 0px 10px;}
.ulfootlink li.first{ background:0 none; padding-left:0;}
.ulfootlink li a{ color:#000;}
.footer .fr img{ vertical-align:middle;}


.gzwx{}
.wxpop{background: url(../images_new/wxpop2.png) no-repeat 0 0;
	bottom: 48px;
    display: none;
    height: 150px;
    position: absolute;
    right: 80px;
    width: 260px; z-index:9999;}
.wxclose{position: absolute; right: 2px; top: 5px;height: 37px;width: 36px;}


body {
/*     font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","STHeitiSC-Light","黑体","Microsoft YaHei","微软雅黑",Arial,sans-serif; */
    font-size: 14px;
/*
    background-color: #3598db;
    background-image: url(../images/bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
*/
    color:white;
}

.container {
/*     width: 900px; */
}

.margin-0 {
    margin: 0;
}

a:link, a:visited, a:hover {
    text-decoration: none;
}


.margin-15 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-30 {
    margin-top: 30px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-75 {
    margin-top: 75px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.padding-2em{
	padding-left:2em;
	text-indent:0 !important;
}
.padding-0em{
	padding-left:0;
	text-indent:0 !important;

}
.ui-txt-2em{
 	padding-left:2em;
	display:inline-block;
}
.border-bottom {
    border-bottom: solid 2px #fe4645;
}

.list-inline > li {
    vertical-align: middle;
}

.pointer {
    cursor: pointer;
}

.ptitle {
    color: #0076c0;
    font-size: 18px;
    font-weight: bold;
}

.kvtitle {
    color: #0076c0;
    font-size: larger;
    width: 452px;
    text-align: center;
    padding-top: 10px;
}

    .kvtitle > p {
        color: #ffff06;
        display: inline;
    }


.pline {
    border-bottom: solid 2px #fe4645;
}

.kv {
    position: relative;
}

    .kv .logo {
        position: absolute;
        left: 75px;
        top: 0;
    }

.mbox{
    border:10px solid #7ecef4;
    background-color: #7ecef4;
    display: block;
}
.mbox p{
    background-color: #7ecef4;
    color:white;
    margin:0;
    padding:15px 10px 5px 10px;
}
.mbox p.text-center{
    font-weight: bold;
}
.mbox.intro p{
    color:#014a8a;
    background-color: white;
    font-weight:400;
}
.mbox img{
    cursor: pointer;
}

.mbtn{
    position: fixed;
    top: 40%;
    z-index: 100;
    right: 1%;
    display: none;
}
.mbtn a,
.amore{
    width: 156px;
    height: 53px;
    line-height: 53px;
    background-image: url(../images/bp_btn_bg.png);
    display: inline-block;
    text-align: center;
    color: white;
    margin-top: 10px;
}
.amore:hover,
.amore:focus
.mbtn a:hover,
.mbtn a:focus{
    background-image: url(../images/bp_btn_bg_mouseover.png);
    line-height: 60px;
}

.subtitle{
    font-size: 26px;
    color:white;
    font-weight: bold;
}
.detail p{
    color:white;
    margin-top:30px;
}
.detail>p:not(.subtitle){
	text-indent:2em;
}

.video-play{
	position: fixed;
    top: 15%;
    right: 0;
    bottom: 0;
    left: 33%;
    z-index: 1050;
    outline: 0;
	padding:35px 15px 15px 15px;	
	background: rgba(0,0,0,0.7);
    background: transparent\9;
    zoom: 1\8;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.video-play .close{
	position: absolute;
    right: 2px;
    top: 2px;
    display: block;
    background-repeat: no-repeat;
    background-image: url("../images/icon_close.png");
    background-color: transparent;
    background-position-x: 6px;
    background-position-y: 6px;
    width: 30px;
    height: 30px;
}

.bpIntro{
    position: absolute;
    top:0;
    left:15px;
    display: none;
    width: 870px;
}

.imgdesc{
    position: absolute;
    top: 5px;
    left: 55px;
    color: white;
}
.imgdesc h1 small{
        margin-left: 1em;
    font-size: 16px;
    color: white;
}
.imgdesc p{
    font-size: 14px;
    padding-top: 12px;  
    padding-left: 4px;
}

.tips{
    position: absolute;
    color: white;
    font-size: 14px;
    background-color: #834EA8;
    padding: 5px 10px;
    border-radius: 20px;
    cursor:pointer;
}
.tips span{
    font-size: 1.2em;
    font-weight: bold;
}
.tips:hover,
.tips:focus{
    font-size: 16px;
    margin-top: -6px;
    margin-left: -4px;
}
.amore{
	color:white;    
	margin-top: -5px;
    	margin-bottom: 20px;
}
.amore:hover,
.amore:focus{
color:white;
}

.navbar.footer {
    margin-bottom: 0;
    margin-top: 30px;
}

.footer {
    background-color: #e6e6e6;
    font-size: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: black;
    border-style: none;
    border-radius: 0;
}
.footer .container{
    width:980px;
}
.footer .media-body{
    padding-left: 40px;
}

.footer{
font: 12px/1.5 \5fae\8f6f\96c5\9ed1, Arial, Helvetica, sans-serif;
}
.footer a {
    color: black;
}

.footer .col-xs-2.leftlogo {
    width: 12%;
}

.footer .leftlogo img {
    margin: 22.5px auto;
}

.footer .col-xs-4.leftdes {
    padding-left: 0;
    padding-right: 0;
    width: 38%;
}

.footer .leftdes > div {
    margin-top: 5px;
    margin-bottom: 5px;
}

.footer .right .list-inline > li {
    padding-left: 0;
    padding-right: 0;
}

.footer .list-inline {
    margin-bottom: 0;
}
.footer .wxcode {
    display: none;
    position: absolute;
    bottom: 28px;
    right: 63px;
}

div.w300+div.fr{
	margin-top: -38px;
}
