@charset "utf-8";
@font-face{
    font-family:fontawesome;
    src: url('fonts/ico/fontawesome-webfont.eot?v=4.6.3');
    src: url('fonts/ico/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
    url('fonts/ico/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
    url('fonts/ico/fontawesome-webfont.woff?v=4.6.3') format('woff'),
    url('fonts/ico/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
    url('fonts/ico/fontawesome-webfont.otf?v=4.6.3') format('truetype'),
    url('fonts/ico/fontawesome-webfont.svg?v=4.6.3#fontawesome-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family:glyphicons;
    src: url('fonts/ico/glyphicons-halflings-regular.eot');
    src: url('fonts/ico/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/ico/glyphicons-halflings-regular.woff2') format('woff2'),
    url('fonts/ico/glyphicons-halflings-regular.woff') format('woff'),
    url('fonts/ico/glyphicons-halflings-regular.ttf') format('truetype'),
    url('fonts/ico/glyphicons-halflings-regular.otf') format('truetype'),
    url('fonts/ico/glyphicons-halflings-regular.svg#glyphicons-halflings-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
	list-style:none;
	font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";
}
a:hover,a:focus{text-decoration:none;cursor:pointer;}
/*谷歌浏览器下文字间距为0*/@media screen and (-webkit-min-device-pixel-ratio:0){
    *{letter-spacing:0px;}
}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{padding-left: 0;padding-right: 0;}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{padding-left: 0;padding-right: 0;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{padding-left: 0;padding-right: 0;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{padding-left: 0;padding-right: 0;}
.container{padding-left: 0;padding-right: 0;}
@media screen and (max-width: 768px){
	.container {
		padding-left:15px;
		padding-right:15px;
	}
}
.cl_ffffff{color:#ffffff;}
.cl_000000{color:#000000;}
.bgc_000000{background-color:#000000;}
.bgc_ffffff{background-color:#ffffff;}
.fw_b{font-weight:bold;}
.fw_br{font-weight:bolder;}
.text_ttc{text-transform:capitalize;}
.text_ttu{text-transform:uppercase;}
.text_ttl{text-transform:lowercase;}
.touming{opacity:0.5;filter:alpha(opacity=50);}
::-webkit-input-placeholder { /* WebKit browsers */  color:#868e97; font-size:14px;}
:-moz-placeholder { /* Mozilla Firefox 19+ */  color:#868e97; font-size:14px; }
::-moz-placeholder { /* Mozilla Firefox 19+ */  color:#868e97; font-size:14px; }
:-ms-input-placeholder { /* Internet Explorer 10+ */  color:#868e97; font-size:14px; line-height: 1em;}
.plr_15{padding-left:15px;padding-right:15px;}
.col_selecton{background-color: #048bd1 !important;}
.col_selecton > a{color:#fff !important;padding-top: 21px !important;padding-bottom: 21px !important;}
.col_selecton > a span{display: inline-block !important;}
.l_sel,.l_sel li{background-color: #048bd1 !important;color: #fff !important;}
/* sideqq */
.weixin > img{position:absolute;right:60px;display:none;bottom:0px;}
.weixin:hover img{display:block;}
.sideqq{position:fixed;width:54px;right:0;top:45%;z-index:100;}
.sideqq ul{ list-style:none; margin:0px; padding:0px;}
.sideqq ul li{
	width:54px;
	height:54px;
	float:left;
	position:relative;
	border-bottom:1px solid #ffffff;
	border-radius:0px;
	margin-top:1px;
}
.sideqq ul li .sideboxqq{
	position:absolute;
	width:54px;
	height:54px;
	top:0;
	right:0;
	transition:all 0.3s;
    background-color: #0074b9;
	background:rgba(0,116,185,1);
	opacity:0.8;
	filter:Alpha(opacity=80);
	color:#ffffff;
	font-size:14px;
	line-height:54px;
	overflow:hidden;
	border-radius:0px;
    background-position:center;
    background-attachment:scroll;
    background-size:100% 100%;
    background-repeat:no-repeat;
}
.sideqq ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background-color: #0074b9 !important;background:rgba(0,116,185,1) !important;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;border-radius:0px;}
.sideqq ul li .sidetop:hover,.sideqq ul li .sideboxqq:hover{
	opacity:1;
	filter:Alpha(opacity=100);
	border-radius:0px;
	background-color: #0074b9 !important;
}
.sideqq ul li img{float:left;}
.sideboxqq.ema:hover{
	width: 220px !important;
}

/*分页样式*/
.fenye{text-align:center;margin:0 auto;clear:both;width:100%;}
.page_info{text-align:center;margin-top:30px;margin-bottom:30px;color:#262626;width:100%;display:inline-block;}
.page_info span{padding:0 2px;font-weight:bold;color: #898989;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:14px;margin-top:30px;margin-bottom:30px;display:inline-block;}
.page_list a{display:inline-block;color:#898989;border:1px solid #b0b0b0;background:#fff;text-align:center;padding:0 8px;margin:0 1px;font-weight:bold;text-decoration:none;}
.page_list a:hover{color:#ffffff;border:1px solid #b0b0b0;background:#e1e1e1;}
.page_list a.on{color:#fff;border:1px solid #b0b0b0;background-color:#5293cd;}

/*导航固定*/
.p_fixed {
	height: auto;
	position: fixed !important;
	top: 0 !important;
	width: 100%;
	z-index: 9999;
	background-color: #ffffff;
	left: 0px;
    padding-left: calc(50% - 585px);
    padding-right: calc(50% - 585px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.hoverable{
    padding: 0px;
    margin: 0px;
    float: left;
}
.hoverable:hover > .anim {
    -moz-animation: anim-out 0.75s;
    -webkit-animation: anim-out 0.75s;
    animation: anim-out 0.75s;
}
.hoverable:hover > .anim:after {
    -moz-animation: anim-out-pseudo 0.75s;
    -webkit-animation: anim-out-pseudo 0.75s;
    animation: anim-out-pseudo 0.75s;
}


/*图片放大*/
.dtl31 {
    overflow: hidden;
}
.dtl31 img {
    left: 0;
    position: relative;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.dtl31:hover img {
    transform: scale(1.4);
}
/*.dtl31 .dtl {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
}
.dtl31 .dtl a {
    color: #fff;
}
.dtl31:hover .dtl {
    opacity: 1;
    visibility: visible;
}*/

/*图片效果*/
.ih-item,.ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ih-item a {
    color: #333;
}
.ih-item a:hover {
    text-decoration: none;
}
.ih-item img {
    width: 100%;
    height: 100%;
}
.ih-item.circle {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%;
}
.ih-item.circle .img {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%;
}
.ih-item.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
    border-radius: 50%;
}
.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ih-item.square {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ih-item.square.effect7 {
    overflow: hidden;
}
.ih-item.square.effect7.colored .info {
    background: #1e1e1e;
    background: rgba(12, 86, 188, 0.6);
}
.ih-item.square.effect7.colored .info h3 {
    background: rgba(30, 30, 30, 0);
}
.ih-item.square.effect7 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    text-align: center;
}
.ih-item.square.effect7 .info {
    background: #333333;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.ih-item.square.effect7 .info h3 {
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 10px;
    background: #1e1e1e;
    margin: 35px 0 0 0;
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    -webkit-transition: all 0.35s 0.1s ease-in-out;
    -moz-transition: all 0.35s 0.1s ease-in-out;
    transition: all 0.35s 0.1s ease-in-out;
	font-weight:bold;
}
.ih-item.square.effect7 .info h3.ins {
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    margin: 0px;
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    -webkit-transition: all 0.35s 0.2s ease-in-out;
    -moz-transition: all 0.35s 0.2s ease-in-out;
    transition: all 0.35s 0.2s ease-in-out;
    margin-bottom: 35px;
    font-weight:bold;
}
.ih-item.square.effect7 .info p {
	font-weight:bold;
    font-size: 14px;
    position: relative;
    color: #dfdfdf;
    padding: 5px 10px;;
    text-align: center;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -webkit-transition: all 0.35s 0.3s linear;
    -moz-transition: all 0.35s 0.3s linear;
    transition: all 0.35s 0.3s linear;
    margin: 0 auto;
	text-transform:uppercase;
	border:1px solid #dfdfdf;
	border-radius:3px;
	width:99px;
}
.ih-item.square.effect7 a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.ih-item.square.effect7 a:hover .info {
    visibility: visible;
    opacity: 1;
}
.ih-item.square.effect7 a:hover .info h3,
.ih-item.square.effect7 a:hover .info p {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}


/*button*/
.anim {
    -moz-transform:translateY(-50%) translateX(-50%);
    -ms-transform:translateY(-50%) translateX(-50%);
    -webkit-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);
    position:absolute;
    top:50%;
    left:50%;
    z-index:-1;
}
.anim:before {
    position:relative;
    content:'';
    display:block;
    margin-top:100%;
}
.anim:after {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:50%;
}

.clickable .toggle:checked + .anim {
    -moz-animation:anim-in 0.75s;
    -webkit-animation:anim-in 0.75s;
    animation:anim-in 0.75s;
}
.clickable .toggle:checked + .anim:after {
    -moz-animation:anim-in-pseudo 0.75s;
    -webkit-animation:anim-in-pseudo 0.75s;
    animation:anim-in-pseudo 0.75s;
}
.clickable .toggle:not(:checked) + .anim {
    -moz-animation: anim-out 0.75s;
    -webkit-animation: anim-out 0.75s;
    animation: anim-out 0.75s;
}
.clickable .toggle:not(:checked) + .anim:after {
    -moz-animation:anim-out-pseudo 0.75s;
    -webkit-animation:anim-out-pseudo 0.75s;
    animation:anim-out-pseudo 0.75s;
}

@-webkit-keyframes anim-in {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-moz-keyframes anim-in {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-ms-keyframes anim-in {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@keyframes anim-in {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes anim-in-pseudo {
    0% {
        background: rgba(255, 255, 255, 0.25);
    }
    100% {
        background: transparent;
    }
}
@-moz-keyframes anim-in-pseudo {
    0% {
        background: rgba(255, 255, 255, 0.25);
    }
    100% {
        background: transparent;
    }
}
@-ms-keyframes anim-in-pseudo {
    0% {
        background: rgba(255, 255, 255, 0.25);
    }
    100% {
        background: transparent;
    }
}
@keyframes anim-in-pseudo {
    0% {
        background: rgba(255, 255, 255, 0.25);
    }
    100% {
        background: transparent;
    }
}
@-webkit-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-moz-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-ms-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes anim-out-pseudo {
    0% {
        background: rgba(255, 255, 255, 0.25);
    }
    100% {
        background: transparent;
    }
}
@-moz-keyframes anim-out-pseudo {
    0% {
        background: rgba(255, 255, 255, 0.25);
    }
    100% {
        background: transparent;
    }
}
@-ms-keyframes anim-out-pseudo {
    0% {
        background: rgba(255, 255, 255, 0.25);
    }
    100% {
        background: transparent;
    }
}
@keyframes anim-out-pseudo {
    0% {
        background: rgba(255, 255, 255, 0.25);
    }
    100% {
        background: transparent;
    }
}

/*返回头部*/
.cd-top {
  display: inline-block;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 78, 151, 0.8) url(/img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  z-index:99900;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color:#281D00;
  opacity: 1;
}

.menu_top {
    width:3em;
    height:3em;
    position:relative;
    z-index:0;
	top:8px;
    /*margin:15% auto;*/
}
.menu_top .bit-1::before {
    content:'';
    left:0.5em;
    top:0.5em;
    position:absolute;
    width:1em;
    transform-origin:left bottom;
    height:0.15em;
    background:#12244b;
    transition:transform 0.3s,top 0.3s;
}
.menu_top .bit-1::after {
    content:'';
    position:absolute;
    right:0.5em;
    top:0.5em;
    width:1em;
    transform-origin:right bottom;
    height:0.15em;
    background:#12244b;
    transition:transform 0.3s,top 0.3s;
}
.menu_top .bit-2 {
    position:absolute;
    width:1.785em;
    top:50%;
    left:50%;
    height:0.2em;
    background:#12244b;
    transform:translate(-50%,-50%);
    transition:transform 0.3s 0.3s,width 0.3s 0.6s;
}
.menu_top .bit-3::before {
    content:'';
    position:absolute;
    bottom:0.5em;
    left:0.5em;
    width:1em;
    transform-origin:left top;
    height:0.15em;
    background:#12244b;
    transition:transform 0.3s,bottom 0.3s;
}
.menu_top .bit-3::after {
    content:'';
    position:absolute;
    bottom:0.5em;
    right:0.5em;
    width:1em;
    transform-origin:right top;
    height:0.15em;
    background:#12244b;
    transition:transform 0.3s,bottom 0.3s;
}
.menu_top.open .bit-1:before {
    top:0.46em;
    width:1.2em;
    transform:rotate(45deg);
    transform-origin:left bottom;
    transition:transform 0.3s 0.3s,width 0.3s 0.3s,top 0.3s 0.3s;
}
.menu_top.open .bit-1:after {
    top:0.46em;
    width:1.2em;
    transform:rotate(-45deg);
    transform-origin:right bottom;
    transition:transform 0.3s 0.3s,width 0.3s 0.3s,top 0.3s 0.3s;
}
.menu_top.open .bit-2 {
    width:0.15em;
    transform:translate(-50%,-50%) rotate(45deg);
    transition:transform 0.3s 0.3s,width 0.3s;
}
.menu_top.open .bit-3:before {
    bottom:0.46em;
    width:1.2em;
    transform:rotate(-45deg);
    transform-origin:left top;
    transition:transform 0.3s 0.3s,width 0.3s 0.3s,bottom 0.3s 0.3s;
}
.menu_top.open .bit-3:after {
    bottom:0.46em;
    width:1.2em;
    transform:rotate(45deg);
    transform-origin:right top;
    transition:transform 0.3s 0.3s,width 0.3s 0.3s,bottom 0.3s 0.3s;
}


@media only screen and (max-width: 1400px){
    
}
@media only screen and (max-width: 1399px){
    
}
@media only screen and (max-width: 1200px){
    
}
@media only screen and (max-width: 1199px){

}
@media only screen and (min-width: 1024px){
  
}
@media only screen and (max-width: 992px){

}
@media only screen and (max-width: 991px){

}
@media only screen and (min-width: 768px){
  
}
@media only screen and (max-width: 767px){
    .col_selecton > a{color: #fff !important;}
    .col_selecton{background-color: #048bd1 !important;}
}
@media only screen and (max-width: 620px){

}
@media only screen and (max-width: 580px){

}