﻿/* .article-content@charset "utf-8"; */
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
html{color:#000;overflow-y:scroll;overflow:-moz-scrollbars}
body,button,input,select,textarea{ font-family:"微软雅黑";}
h1,h2,h3,h4,h5,h6{font-size:100%}
em{font-style:normal}
small{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
img{-ms-interpolation-mode:bicubic}
textarea{resize:vertical}

.left{float:left}
.right{float:right}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
.error{color:#F00;font-size:12px}
label,button{cursor:pointer}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{zoom:1}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden;}



body{ background:url(../images/b-bg.jpg) bottom left repeat-x #FFF; font-size:16px;}
.main{ width:1200px; margin:0 auto;}
/*头部*/

.postion{ width:1200px; height:41px; line-height:41px; background: url(../images/postion.png) 25px 13px no-repeat #FFF; font-size:16px; color:#666; margin:10px auto; padding-left:45px; box-shadow: #e6e6e6 0px 0px 15px; -webkit-box-shadow:#e6e6e6 0px 0px 15px; border: #fbfcfd 1px solid;}
.postion a{ color:#666;}
.postion a:hover{ color:#265b97;}

.content{ background:#FFF; padding:25px; margin-bottom:30px; box-shadow: #e6e6e6 0px 0px 15px; -webkit-box-shadow:#e6e6e6 0px 0px 15px; border: #fbfcfd 1px solid;}

.left-content{ width:161px; width:250px; float:left; background:#f7f7f7; border:#eeeeee 1px solid;}
/*
.left-content ul.lead-ul li a{ display:block; height:51px; line-height:51px; text-align:center; border-bottom:#fefefe 1px solid; font-size:18px; color:#333;}
.left-content ul.lead-ul li a:hover{ background:url(../images/left-li-bg.png) left center; color:#FFF;}
.left-content ul.lead-ul li.on a{ background:url(../images/left-li-bg.png) left center; color:#FFF;}
*/
.left-content ul.lead-ul h3{ height:90px; line-height:110px; text-align:left; font-size: 22px; padding-left:30px; background:#163e82; color:#fff; border-bottom: 5px solid #bd5252; font-weight:normal;}

.left-content ul.lead-ul li{border-bottom: 1px solid rgba(0,0,0,.1);position: relative; background:#EDF3F8; }
.left-content ul.lead-ul li:after{content: '';position: absolute;left: 0;bottom: -1px;height: 1px;width: 0;
    background-color: #2B639C;opacity: 0;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.left-content ul.lead-ul li>a{font-size: 18px;color: #333;display: block;padding-left: 32px;
    position: relative;line-height: 66px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.left-content ul.lead-ul li>a:after{content: '>';position: absolute;right: 30px;
    font-size: 14px;font-weight: bold;font-family: '黑体';
    color: #888;
}
.left-content ul.lead-ul li:last-child{border-bottom: 0;}
.left-content ul.lead-ul li:hover>a,.left-content ul.lead-ul li.on>a{color: #2B639C;}
.left-content ul.lead-ul li:hover>a:after,.left-content ul.lead-ul li.on>a:after{color: #2B639C;}
.left-content ul.lead-ul li:hover:after,.left-content ul.lead-ul li.on:after{opacity: 1;width: 100%;}




.right-content{ width:920px; width:831px; float:right; font-size:16px; margin-right:25px;}
.lead{ line-height:32px; text-indent:2em;}
.lead-content{ line-height:260%;}
.lead .lead-img{ text-align:center;}
.lead h1{ font-size:20px;}

.active{}
.active ul.list li{ width:100%; line-height:53px; border-bottom:#000 dashed 1px; float:left;background:url(../images/active-icon.png) no-repeat 5px 50%;}
.active ul.list li a{ max-width:85%; float:left; display:block;color:#404040;padding-left:28px;padding-right:10px; font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.active ul.list li a:hover{ color:#265b97;}
.active ul.list li span{ float:right; color:#999;}

.photo{}
.photo ul.list li{ float:left; width:25%; text-align:center; border-bottom:#efefef 1px dashed; margin-bottom:20px;}
.photo ul.list li a.tit{ display:block; width:200px; height:83px; margin:0 auto; padding:10px 0 15px; text-align:left; line-height:24px; color:#333; overflow:hidden;border-bottom: none}
.photo ul.list li a:hover{ color:#265b97;}

.tit{ border-bottom:#f0f0f0 1px solid; height:44px; margin-bottom:4px;}
.tit span{ display:block; float:left;}
.tit span.tit-1{ width:61px; height:48px; line-height:40px; background:url(../images/tit-icon01.jpg) no-repeat; text-indent:14px; position:relative;}
.tit span.tit-2{ display:inline-block; height:48px; line-height:48px; background:url(../images/tit-icon03.jpg) repeat-x; font-size:22px; color:#265b97; padding:0 10px 0 15px;}
.tit span.tit-3{ width:30px; height:48px; background:url(../images/tit-icon02.png) no-repeat;}
.tit span.tit-1 img{ position:absolute; top:12px; left:12px; max-width:22px; max-height:22px;}
.tit span.tit-2 a{ color:#265b97; text-decoration:none;}

.list-content{ position:relative;}
.df-tit{ position:absolute; left: 220px; top: 5px;}
.df-tit li{ display:inline-block; margin-right:10px;}
.df-tit li a{ display:inline-block; padding:0 12px; line-height:41px; font-size:18px; color:#333;}
.df-tit li.on a{ background:url(../images/df-li-bg.png) bottom center no-repeat; color:#FFF;background-size: cover;background-size: 100% 100%;}
.lucidity_pgToolbar{border:none !important;}
.pic-tab{ margin-top:20px;}
.pic-list{ font-size:16px; padding-bottom:25px; margin-bottom:20px; border-bottom:#eeeeee 1px solid;}
.pic-list dt{ float:left; width:270px;}
.pic-list dd{ float:right; width:850px; line-height:30px;}
.pic-list dd h3 a{ color:#333; font-size:18px;}
.pic-list dd h3 a:hover{ color:#265b97;}
.pic-list dd h3 a.cur{ color:#265b97;}
.pic-list dd .time{ color:#666; margin:10px 0;}

.left-content-1{ width:255px; float:left; background:#fff; border:#f4f4f4 1px solid;}
.right-content-2{ width:840px; float:right; font-size:16px; margin-right:25px;}
.left-content-1 .tit{ margin-bottom:20px;}
.left-content-1 .tit span.tit-4{ display:inline-block; height:48px; line-height:48px; font-size:22px; color:#265b97; padding:0 10px;}

.left-column{ width:220px; border:#f4f4f4 1px solid; margin:0 auto 20px;}
.left-column .title{ height:50px; line-height:50px; font-size:18px; color:#333; text-align:center; background:#f7f7f7; border-bottom:#FFF 1px solid; font-weight:400; cursor:pointer;}
.left-column .title:hover{ color:#FFF; background:url(../images/left-li-bg.png) left center no-repeat #004585;}
.left-column .hover{ color:#FFF; background:url(../images/left-li-bg.png) left center no-repeat;}
.left-column .con{ width:180px; margin:0 auto; display:none;font-weight: normal;}
.left-column .con1{ width:180px; margin:0 auto; display:block;font-weight: normal;}
.left-column .con p a{ display:block; font-size:16px; line-height:24px; text-align:center; color:#333; padding:10px 0px; border-bottom:#f7f7f7 1px solid; }
.left-column .con p a.on{ color:#265b97;}
.left-column .con1 p a{ display:block; font-size:16px; line-height:24px; text-align:center; color:#333; padding:10px 0px; border-bottom:#f7f7f7 1px solid; }
.left-column .con1 p a.on{ color:#265b97;}
.left-column .con1{width:185px;}
.left-column .title:hover a{ color:#FFF;}
.left-column .hover a{ color:#FFF;}

.article{ width:890px; margin:0 auto; padding:20px 0;}
.article h1{ font-size:28px; line-height:2em; text-align:center; font-weight:400; margin-bottom:20px;}
.article-info{ background:url(../images/article_titlt_bg.png) bottom left repeat-x; padding-bottom:30px; color:#999; text-align:center;}
.article-content{ font-size:16px; line-height:200%; padding-top:20px;}
.article-content p{margin-bottom: 15px;}
.article-content a{color: #265b97}
.article-content img{ max-width:100%;  margin-bottom:10px;}

.article-info span{ float:left;}
.ctrl{ display: inline-block; float: right; margin-right: 30px;}
.ctrl a{ color:#999; margin:0 10px;}
.bshare-custom.icon-medium{ float:right;}
.bsBox{ width:auto !important; height:auto !important;}
.bshare-custom.icon-medium a{ margin-left:20px;}

.left-column .con1 p a {
    font-size: 15px;
}
.left-column .con1 p a {
    display: block;
    width: 90%;
    margin-left: 10%;
    text-align: left;
    color: black;
}
.fp-video{width: 700px; height: 500px;}


@media screen and (max-width:768px){
/*移动端代码*/
.left-column .con p a{font-size: 0.28rem!important;}
.left-column .con1 p a{font-size: 0.28rem!important;}
	.postion { display:none;}
	.main , .article{ width:auto; height:auto;}
	.df-tit{border-bottom: #f0f0f0 1px solid}
	.df-tit li a{padding: 0 6px}
	.zw_fafgqh{padding-top:0px !important;}
	.content{ padding:0.3rem;}
	.df-tit{ position:inherit; left:auto; top:auto; margin:20px 0;left:0px !important;}
	.left-content{ overflow:auto;}
	.lead-ul{ display:inline-flex;}
	.lead-ul li{ width:150px;}
	.lead-ul li a{ padding:0 0.35rem;}
	.active ul.list li a{ width:70%; font-size:0.26rem;}
	.active ul.list li span{ font-size:0.24rem;}
	.left-content-1 , .right-content-2 , .left-content , .right-content{ float:none; width:100%; margin-bottom:20px;}
	.left-column .hover , .left-content ul.lead-ul li.on a , .left-content ul.lead-ul li a:hover{background:url(../images/left-li-bg.png) left center no-repeat #004585;}
	.left-content-1 .tit span.tit-4{ font-size:0.32rem; height: 0.6rem; line-height: 0.6rem;}
	.right-content{ font-size:0.26rem;}
	.lead h1{ font-size:0.32rem;}
	.article{ padding:0;}
	.article h1{ font-size:0.32rem;}
	.article-info span{ font-size:0.28rem;}
	.article-content{ font-size:16px;}
	.ctrl{ float:none; margin:20px 0px; display:block;}
	.bshare-custom.icon-medium{ float:none; text-align:left;}
	.bshare-custom.icon-medium a{ margin-left:0.3rem;}
	.left-column{ float:none; width:100%; margin-bottom:0px; border:none;}
	.photo ul.list li{ width:100%;}
	.pic-list dt{ width:100%; text-align:center; margin-bottom:20px;}
	.pic-list dd{ width:100%;}
	.pic-list dt img{ max-width:100%; max-height:100%;}
	
	.left-content-1{ position:relative;}
	.table-download{ margin-top:75px;}
	.left-column { overflow-x:auto; position:absolute; z-index: 1;}
	.left-column ul{ display:inline-flex;}
	.left-column ul li{ float:left; width:4rem; position:relative;}
	.left-column ul li .title{font-size: 0.28rem; text-align:center; position:relative; border-right:#FFF 1px solid;}
	.left-column ul li .con{ display:none; background:#FFF; width:100%; border:#f7f7f7 1px solid; padding:0 40px;}
	.left-column ul li .title span{ background:url(../images/down-icon01.png) no-repeat; background-size:100%; display:block; width:0.3rem; height:0.2rem; position:absolute; right:20px; top:18px;}
	.left-column ul li .hover span{ background:url(../images/down-icon02.png) no-repeat; background-size:100%;}
		.left-column ul li .con1{ display:none; background:#FFF; width:100%; border:#f7f7f7 1px solid; padding:0 40px;}

	.lead-content{ line-height:260%; overflow:hidden;}
	
	.lead-content img{ display:block; margin:0 auto; max-width:100%!important; width:100%!important; height:auto!important;}
	
	
	.active ul.list li{ line-height:0.85rem;}
	.article-info >span{display: block; width: 100%; line-height: 0.5rem; text-align: left; padding-left: 0.8rem;font-size: 0.28rem;}
	.article-info .source{padding-left: 0.5rem; }
	.article-info .ctrl{float: left;padding-left: 0.8rem; margin-top: 0.1rem; }
	.article-info .bshare-custom{ padding-left: 0.8rem;}
	.article-info span{ float:none;}
	
	
	
.pubconone{width:100%;height: auto}
.pubconone_left{width: 100%;float: none;height: 4.37rem}
.luboslide ul li p{display: none}
.luboslide ol{width: 100%;text-align:center;}
.luboslide ol li a{background: #fff;display: block;width: 100%;height: 100%;border-radius: 50%;-webkit-border-radius:50%;}
.luboslide ol li{float: none;margin:0 0.1rem;font-size: 0px;width: 0.14rem;height: 0.14rem;}
.luboslide ol li a.flex-active{background: #265b97}
.pubconone_right{width: 100%;background: none;float: none}
.tit{height: 0.6rem;}
.tit-tab{position: relative;top:3px;overflow: hidden;}
.tit span.tit-1{width: 0.78rem;height: 0.6rem;background: url(../images/tit-icon01.jpg) no-repeat;background-size: contain;-webkit-background-size: contain;}
.tit span.tit-1 img{max-width: 0.3rem;max-height: 0.3rem;top: 0.14rem;left:0.14rem;}
.tit span.tit-2{font-size: 0.32rem;font-weight: normal;height: 0.6rem;line-height: 0.6rem;background: url(../images/tit-icon03.jpg) repeat-x;-webkit-background-size: contain;padding:0 0.25rem;}
.tit span.tit-3{    height: 0.6rem;background: url(../images/tit-icon02.jpg) no-repeat;background-size: contain;-webkit-background-size: contain;}
.tit span.tit-2_spe{padding-left:0.2rem;padding-right: 0.1rem}	
.df-tit li a{ font-size:0.3rem; height: 0.6rem; line-height: 0.5rem;}
.df-tit li.on a{background: url(../images/df-li-bg.png) center bottom no-repeat; background-size: cover;}

	.fp-video{ width: 7rem; height: 6rem; }

}


.shoul ul li {display: block;}
	.list-left ul li {width: calc(33% - 10px );margin: 10px;float: left;}
	.list-left ul li img{ width:100%;}
	.list-left ul li:nth-child(3n-2) {margin-left: 0;}
	.list-left ul li:nth-child(3n) {margin-right: 0;}
.logo-link {width: 100%;height: 250px;overflow: hidden;}
	.logo-link img {width: 100%;height: 100%;vertical-align: middle;}
	.list-left ul li p {font-size: 14px;color: #333;text-align: center;padding-top: 5px;}
	.list-left ul li p:hover{color: #CC0000;}
	
	
	
	
	
.xhld1 { text-indent:0;}
.xhld1 li{ display:inline-block; width:calc( 50% - 25px );padding:0; margin:0; text-indent:0;}
.xhld1 li img{ max-width:100%!important;width:100%!important; height:auto!important;}
	
.xhld2 { text-indent:0;}
.xhld2 li{ display:inline-block; width:calc( 25% - 25px );padding:0; margin:0; text-indent:0;}	
.xhld2 li img{ max-width:100%!important;width:100%!important; height:270px!important;}	
.xhld2 li span{ display:block; text-align:center; font-size:14px;}	

.xhld3 { text-indent:0;}
.xhld3 li{ display:inline-block; width:calc( 25% - 25px );padding:0; margin:0; text-indent:0;}	
.xhld3 li img{ max-width:100%!important;width:100%!important; height:270px!important;}	
.xhld3 li span{ display:block; text-align:center; font-size:14px; line-height:120%; padding-top:10px;}	
	
.xhld4 { text-indent:0;}
.xhld4 li{ display:inline-block; width:calc( 33% - 25px );padding:0; margin:0; text-indent:0;}	
.xhld4 li img{ max-width:100%!important;width:100%!important; height:360px!important;}	
.xhld4 li span{ display:block; text-align:center; font-size:14px; line-height:120%; padding-top:10px;}	
	ul.ttt5 { text-indent:0;}
	ul.ttt5 li{ display:inline-block; width:calc( 33% - 25px );padding:0; margin:0; text-indent:0;}
.list-content .kjj{ line-height:200%; font-size:16px; }	
.m-list8{padding-top: 18px;}
.m-list8 li{margin-bottom: 20px;}
.m-list8 .con{overflow: hidden;display: block;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
}
.m-list8 .pic{float: left;width: 168px;height: 214px;}
.m-list8 .pic img{width: 100%;height: 100%;display: block;}
.m-list8 .txt{overflow: hidden;padding: 38px 38px 0;}
.m-list8 .top{overflow: hidden;padding-bottom: 17px;
	border-bottom: 1px solid #35689A;margin-bottom: 17px;
}
.m-list8 h3{font-size: 26px;display: inline-block;margin-right: 14px;
	font-weight: normal;
}
.m-list8 span{font-size: 16px;}
.m-list8 .desc{font-size: 16px;line-height: 1.75;color: #888;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}	
	
	@media screen and (max-width: 768px)
	{
		.list-left ul li {width: calc(100% - 20px );margin: 10px;float: none;}
		.list-left ul li:nth-child(3n-2) {margin: 10px;}
	.list-left ul li:nth-child(3n) {margin: 10px;}
	
	
	.xhld2 li{ display:inline-block; width:calc( 33.33% - 5px );}	
	.xhld2 li img{  height:auto!important;}
    .xhld3 li{ display:inline-block; width:calc( 33.33% - 5px );}		
	.xhld3 li img{  height:auto!important;}	
	.xhld4 li{ display:inline-block; width:calc( 33.33% - 5px );}	
	.xhld4 li img{  height:auto!important;}	
		
		
	.lead-content table{ width:100%!important;}
	
	#tab1 tr td{width:auto!important;}
	#tab2 tr td{width:auto!important;}

		
		.lead-content ul.ttt5 li img{ width:auto!important; height:auto!important; display:inline-block; vertical:middle;}
		
		ul.ttt5 li{ width:calc( 50% - 5px ); vertical-align:top;font-size:12px; }
	
	}