@charset "UTF-8";
html{height:100%;width: 100%;}
body{position:relative;height:auto;min-height:100%; width: 100%;}	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;padding:0; font-family: "微软雅黑",Arial; font-size:14px;}
ul,li{ margin:0; padding:0; list-style:none;}
a{text-decoration: none;}
.containCon a{color:#333;}
.containCon a:hover{color:#EC4B4B}

.ellipsisSty-2 { display: -webkit-box;height:40px;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.containCon{width:980px;margin:auto;overflow: hidden;}
.containCon a.moreBtn{float: right;width:100px;height:30px; background-image:url(../images/more.png); background-position:center center; background-repeat:no-repeat;background-size: cover }

.banner{width:100%;height:290px;min-width: 1000px; background-image:url(../images/banner1.jpg); background-position:center center; background-repeat:no-repeat;}
.main_body{padding:10px 0;padding-bottom:60px}
.blockdiv{padding:16px 0;}
.rightdiv{background: #e0f0ff;}
.flexdiv{background: #e7f7f9;}
.flexdiv .flexTwo{ overflow: hidden;}
.flexdiv .flexTwo .flexChild{background:#e1e9ea; padding:10px;margin:10px 0;width: 47%;height: 260px;}
.flexdiv .flexTwo .flexChild .moreBtn{margin: 5px 10px;}
.flexdiv .flexTwo .flexChild .mitit{display: block;line-height: 40px; color: #008080;font-size: 20px;text-align: center;}
.flexdiv .flexTwo .flexChild.leftOne{float:left;}
.flexdiv .flexTwo .flexChild.rightOne{float:right;}
.bottomdiv{background: none;}
.bottomdiv .flexTwo .flexChild{background: #d8faff}
.blockdiv .containCon{position:relative;min-height: 220px;overflow: hidden;}
.blockdiv .iconshow{width:200px;position: absolute;top:50%;margin-top:-106.5px;}
.blockdiv .conshow{padding:20px 10px;}
.blockdiv p{margin-bottom: 10px;}
.blockdiv .conshow-top span {font-size:32px;color: #0c7fb8;font-weight: bold; margin: 0 10px;}
.leftdiv .conshow{padding-left:240px;}
.rightdiv .conshow{padding-right:240px;}
.blockdiv .conshow .tith{position:relative;margin:6px 0;font-size:22px;line-height: 42px;padding-left: 18px;}
.blockdiv .conshow .tith:before{position:absolute;content:"";height:32px;top:4px;width:8px;left:0;background:#00adee;}
.blockdiv .conshow p{line-height: 30px;font-size:16px;text-indent: 1.5em;}
.leftdiv .iconshow{left:10px;}
.rightdiv .iconshow{right:10px;}
.video>a{display:block;width:86%;margin:10px auto;padding: 5px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,.5);}
.video>a>img{
	width: 100%;
    border-radius: 5px;
    vertical-align: bottom;	
}

/*底部*/
.Copyright{position:absolute;bottom:0;right:0;left:0;overflow:hidden; background-color:#333; color:#FFF; height:62px; min-width:1000px;}
.Copyright .left{ float:left; width:40%; line-height:62px; padding-left:24px;}
.Copyright .left a{ color:#fff;}
.Copyright .left span{ padding-left:26px; padding-right:24px;}
.Copyright .right{ float:right; line-height:62px; font-size:12px; padding-right:26px; text-align:right; color:#FFF}	

.picture{
	overflow: hidden;
	margin: 20px;
	padding: 60px 20px 100px;
}
.picture li{
	position: relative;
	float: left;
	width: 46%;
	margin: 2px 1%;
    padding: 5px;
	border-radius: 5px;
	background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.5);
}
.picture li>img{
    width: 100%;
    border-radius: 5px;
    vertical-align: bottom;
}
.picture li>p {
	margin:0;
	text-align: center;
}
/* 第一张图片沿X轴顺时针旋转 */
.picture li:nth-child(1){
    transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
}
.picture li:nth-child(2){
    transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
}
.picture li:nth-child(3){
    transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
}
.picture li:nth-child(4){
    transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
}

/*鼠标移上去，照片恢复原样  缩放效果*/
.picture li:hover{
    transform: rotate(0deg) scale(1.1);
	-webkit-transform: rotate(0deg) scale(1.1);
	-moz-transform: rotate(0deg) scale(1.1);
    
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	z-index: 10;
}