/*公共样式--开始*/
html, body, blockquote, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, a, img, label, input, legend, li, ol, p, pre, td, textarea, th, ul,table,tr {
    margin: 0;
    padding: 0;
}
* {
    box-sizing: border-box;
}
html, body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body {
    -webkit-font-smoothing: antialiased;
}
body, button, input, select, textarea {
    background: #f8f4f3;
    font-family: '微软雅黑';
    font-size: 14px;
}
button, input, select, textarea {
    font-size: 100%;
}
input {
    padding: 0 5px;
}
textarea {
    padding: 5px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
ul, ol {
    list-style: none;
}
img {
    border: none;
    vertical-align: middle;
    max-height: 100%;
}
a {
    text-decoration: none;
    color: #333333;
}
a:hover ,a:focus,a:active {
    /*color: #058cff;*/
    text-decoration: none;
    cursor: pointer;
}
em {
    font-style: normal;
}
table {
    border-collapse: collapse;
    table-layout: fixed;
}
input, textarea, button {
    outline: none;
}
textarea {
    resize: none;
    overflow: auto;
}
.clearfix,.col-container{
    zoom: 1;
}
.clearfix:after,.col-container:after {
    content: ".";
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    overflow: hidden;
}
.fl {
    float: left
}
.fr {
    float: right!important;
}
.tl {
    text-align: left;
}
.tc {
    text-align: center
}
.tr {
    text-align: right;
}
.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.borderRadius {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
video{
    width:100%;
}

/*公共样式--结束*/
#topTip{
    height: 40px;
    line-height: 40px;
    color: #FFF;
    width: 100%;
    position: fixed;
    left: 0 ;
    right: 0;
    top: 0;
    z-index: 1000;
}
#headerLink {
    float: right;
}
#headerLink a {
    color: #fff;
    padding: 10px;
}
#banner{
    margin-top: 40px;
}
#banner>img{
    width: 100%;
    height: auto;
}
@media screen and (min-width: 768px){
    .carousel-caption {
        padding-bottom: 0px !important;
    }
    .carousel-caption p{
        white-space:nowrap;
        word-wrap:break-word;
        word-break:break-all;
    }
}
.mainTop{
    padding-top: 30px;
    padding-bottom: 30px
}
.law{
	padding:25px 30px;
	margin-top: 30px;
	background: #ffffff;
}
.law>h2{
	text-align:center;
	font-size:20px;
	line-height:30px;
	font-weight:600;
}
.law>p{
	text-indent:2em;
	line-height:24px;
	font-size:14px;
	color:#666;
}
.law>p>a{
	font-size:12px;
	color:#1024EE;
}
.newsletters{
    margin-top:30px;
    background: #ffffff;
}
/*.newsletters, .continfobox {*/
    /*position: relative;*/
/*}*/
.newsletters h1{
    font-weight: normal;
    color: #666666;
    position: relative;
    font-size: 24px;
    line-height: 24px;
}
.newsletters h2{
    font-weight: normal;
    color: #666666;
    position: relative;
    font-size: 24px;
    line-height: 24px;
    padding-top: 30px;
    padding-left: 15px;
}
.newsletters h1:before {
    width: 5px;
    height: 24px;
    display: inline-block;
    background: #53b8ff;
    content: "";
    position: absolute;
    left: -30px;
}
.newsletters h2:before {
    width: 5px;
    height: 24px;
    display: inline-block;
    background: #53b8ff;
    content: "";
    position: absolute;
    left: -15px;
}
.topItem{
    margin-top: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #8c8c8c;
}
.topItemTip{
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    margin:10px 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.topItemCon{
	text-indent:2em;
    font-size: 14px;
    line-height: 26px;
    color: #676767;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.tipLis{
    margin-top: 20px;
    padding: 0 15px;
}
.tipLis:before {
    width: 2px;
    height: 100%;
    display: inline-block;
    background: #53b8ff;
    content: "";
    position: absolute;
    left: -15px;
}
.tipLis h3 {
    color: #333333;
    font-size: 16px;
    line-height: 30px;
    margin-top: 5px;
}
.tipLis .glyphicon-hand-right{
    font-weight: bold;
    color: #ff5c03;
}
.infobox {
    background-color: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 20px;
    position: relative;
    min-height: 380px;
    box-sizing: border-box;
    color: #707070;
    height: 100%;
}
.infobox .flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
.infobox .flip-container .flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
.infobox .flip-container .flipper .front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2;
}
.infobox .flip-container .flipper .front, .infobox .flip-container .flipper .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.infobox figure {
    padding: 0;
    display: inline-block;
    float: none;
    width: 280px;
    height: 180px;
}
.infobox .info {
    position: static;
    padding: 0;
}
.infobox h2, .infobox h3 {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 10px;
}
.infobox h2 a, .infobox h3 a {
    color: #000000;
}
.infobox p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.infobox figure.img-circle img {
    /*border-radius: 50%;*/
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    max-width: 100%;
    height: 100%;
    vertical-align: middle;
}
.infobox div.tags {
    background-color: #ffeee5;
    border-radius: 6px;
    font-size: 10px;
    max-width: 58px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: auto;
    color: #ff5c03;
    padding: 5px 8px;
    min-height: 19px;
}
b, strong {
    font-weight: 600;
}
.infobox .btn-susbcr {
    margin-top: 20px;
}
.btn-susbcr {
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #ebe8e7;
    padding: 10px 20px;
    text-align: left;
    transition: all .5s ease-out;
    color: #8d8d8d;
}
.btn-susbcr .glyphicon-plus {
    font-size: 18px;
    font-weight: bold;
    color: #ff5c03;
}
.btn-susbcr .ico-arrow {
    float: right;
    font-size: 18px;
}
.btn-susbcr .glyphicon {
    top: 3px;
}
.text-center2{
    text-align: center;
}
.text-center2 figure{
    width: 100%;
    margin-top: 50px;
}
.lineHit{
    height: 30px;
}
.bottom_con {
    color: #FFF;
    background-color: #000;
    height: 40px;
}
.bottom_con p {
    line-height: 40px;
}
.bottom_con a {
    color: #FFF;
}
.row{
    margin-left:0px;
    margin-right:0px;
}
/*专题列表页面*/
.wrap {
    /*max-width: 1280px;*/
    /*min-width: 750px;*/
    margin: 0 auto;
    box-shadow: 0 0 10px #CCC;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
}
main {
    position: relative;
    padding: 1rem 0;
    /*min-height:50rem;*/
    overflow: visible;
}
.items {
    margin: 10px auto;
    overflow: hidden;
}
.items li {
    padding: 10px;
    /*position: relative;*/
    /*width: 29.333%;*/
    /*height: auto;*/
    /*margin: 2%;*/
    /*float: left;*/
}
.items li>figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    margin: 0;
    border: 1px dotted #fff;
}
.items li>figure.effect-jazz {
    background: #3C3C3C;
}
.items li>figure img {
    position: relative;
    display: block;
    border: 0;
    width: 100%;
    height: 230px;
}
.items li>figure.effect-jazz figcaption::after, .items li>figure.effect-jazz img, .items li>figure.effect-jazz p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.items li>figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.items li>figure figcaption, .items li>figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.items li>figure.effect-jazz figcaption {
    padding: 2em 1em;
}
.items li>figure h2 {
    word-spacing: -0.15em;
    font-size: 1.2rem;
    font-weight: 300;
}
.items li>figure h2 span {
    font-weight: 800;
}
.items li>figure.effect-jazz h2 span {
    letter-spacing: 0;
    font-size: 1rem;
}
.items li>figure.effect-jazz:hover img {
    opacity: 0.2;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}
.items li>figure.effect-jazz:hover figcaption::after {
    opacity: 1;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.items li>figure.effect-jazz:hover h2,
.items li>figure.effect-jazz:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.items li>figure h2, figure p {
    margin: 0;
}
.items li>figure p {
    letter-spacing: 1px;
    font-size: 14px;
}
.items li>figure.effect-jazz p, .items li>figure.effect-jazz h2 {
    padding: 0.5em 2em;
    text-transform: none;
    opacity: 0;
    -webkit-transform: scale3d(0.8,0.8,1);
    transform: scale3d(0.8,0.8,1);
}
.items li>figure.effect-jazz h2 {
    font-size: 20px;
    letter-spacing: 2px;
    padding-top: 10%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.items li>figure figcaption, .items li>figure figcaption > a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.items li>figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.items li>figure figcaption::before, .items li>figure figcaption::after {
    pointer-events: none;
}
.items li>figure.effect-jazz figcaption::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.items li:first-child figure.effect-winston{
    background: transparent;
}

.items li:first-child figure.effect-winston figcaption{
    background: rgba(0, 0, 0, 0.6);
}

.items li:first-child figure.effect-winston:hover figcaption{
    background: rgba(0, 0, 0, 0);
}

.items li:first-child figure.effect-winston h2{
    opacity: 1;
}

.items li:first-child figure.effect-winston:hover h2{
    opacity: 0;
}

.items li:first-child figure.effect-winston figcaption::before{
    display: none;
}

.items li:first-child figure.effect-winston:hover img {
    opacity: 1;
}
.moreTopic{
    margin-top: 50px;
    text-align: center;
    width: 100%;
    font-weight: bolder;
    color: #ff6600;
    line-height: 60px;
    font-size: 24px
}

/*内容页*/
.contentPage{
    padding:25px 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #ffffff;
}
.contentPage>h3{
    height: 38px;
    line-height: 38px;
    border-bottom: 2px solid #083c7e;
}
.contentPage>h3>span{
    display: inline-block;
    height: 36px;
    background: #083c7e;
    font-size: 18px;
    color: #fff;
    padding: 0px 15px;
}
.contentPage>h3>span>a{
    color: #fff;
}
.page-content{
    padding: 20px;
}
.page-content>p img{
    max-width: 100%;
}
.page-content>h2{
    font-size: 1.5em;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    margin: 10px 0 10px 0;
}
.info {
    height: auto;
    min-height: 30px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
}
.nowId{
    font-size: 12px;
    border-bottom: #999 solid 1px;
    line-height: 30px;
}
#inner img {
    max-height: 300px;
    width: 100%;
}

@media (max-width: 400px){
    .infobox figure{
        width: 240px;
    }
}
@media (max-width: 767px){
    .law {
        padding: 15px;
        margin-top:15px;
        background: #ffffff;
    }
    .carousel {
        margin-top: 15px;
    }
    .topItemTip{
        font-size: 16px;
        font-weight: 600;
        color: #333333;
        margin: 5px 0;;
    }
    .mainTop{
        padding-top: 15px;
        padding-bottom: 15px
    }
    .newsletters {
        margin-top: 15px;
    }
    .tipLis h3 {
        font-size: 14px;
        line-height: 24px;
    }
    .newsletters h1{
        font-size: 18px;
        font-weight: 600;
    }
    .newsletters h2 {
        padding-top: 15px;
        font-size: 18px;
        font-weight: 600;
    }
    .lineHit{
        height: 15px;
    }
    .infobox {
        margin-bottom: 15px;
    }
    .contentPage{
        padding: 5px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .page-content{
        padding: 0 0;
    }
	#inner img {
        height: 200px;
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .topItem {
        margin-top: 10px;
    }
    .topItemTip{
        font-size: 18px;
        font-weight: 600;
        color: #333333;
        margin: 5px 0;;
    }
    .topItemCon {
        text-indent:2em;
        font-size: 14px;
        line-height: 20px;
        color: #676767;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .contentPage{
        padding: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .page-content{
        padding: 0 0;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .topItemTip{
        font-size: 20px;
        font-weight: 600;
        color: #333333;
        margin: 5px 0;;
    }
    .topItemCon {
        font-size: 14px;
        line-height: 20px;
        color: #676767;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
}
@media only screen and (max-width:640px) {
    .wrap {
        font-size:16px
    }
    .moreTopic{
        line-height: 40px;
        font-size:18px
    }
    .items li>figure img {
        position: relative;
        display: block;
        border: 0;
        width: 100%;
        height: 200px;
    }
}
@media only screen and (min-width:641px) and (max-width:960px) {
    .wrap {
        font-size:16px
    }
    main {
        padding:1rem 0;
    }
    nav>a {
        width:25%;
    }
    .items li>figure img {
        position: relative;
        display: block;
        border: 0;
        width: 100%;
        height: 210px;
    }
}
@media only screen and (min-width:961px) and (max-width:1280px) {
    .wrap {
        font-size:18px
    }
}
@media only screen and (min-width:1281px) and (max-width:1680px) {
    .wrap {
        font-size:20px
    }
}
@media only screen and (min-width:1681px) {
    .wrap {
        font-size:20px
    }
}
@-moz-document url-prefix(){ 
	.infobox p{ 
		position: relative;
		line-height: 20px; 
		max-height: 40px;
		overflow: hidden;
	 } 
	 .infobox p::after{ 
		 content: "..."; 
		 position: absolute; 
		 bottom: 0; 
		 right: 0; 
		 padding-left: 40px;
		 background: -webkit-linear-gradient(left, transparent, #f7f7f7 55%);
		 background: -o-linear-gradient(right, transparent, #f7f7f7 55%);
		 background: -moz-linear-gradient(right, transparent, #f7f7f7 55%);
		 background: linear-gradient(to right, transparent, #f7f7f7 55%);
	 } 
 }