﻿/* 全局样式的设定 */
body{ background: #f7f7f7;}
.wrapContent{ width:100%; margin: 0 auto; min-width: 1200px; background: url(../images/topbanner.jpg) no-repeat center top;}
.newlist li{ background: url(../images/dian3.jpg) no-repeat left;}
.newlist li:hover{ background: url(../images/dian4.jpg) no-repeat left;}

/*----------专题首页-----------*/
.headerBox{ width:1200px; margin: 0 auto;}
.rounded-5{ border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px;}

.logo{margin-top:10px;}
.headerBox .logo{ width: 299px;}
.headerBox .logo img{ display: block; width:auto;}
.xcWenan{ width:100%; height: 128px; text-align: center; margin-top:50px;}
.topMenu{width:100%; height: 98px; background:url(../images/menu-bg.png) no-repeat center; min-width: 1200px;margin-top:135px;}
.topMenuGroup{ width:1200px; margin: 0 auto; display:flex; justify-content:space-between; flex-direction: row;flex-wrap: wrap;}
.topMenuGroup h2,.topMenuGroup ul{ display: block;padding-top:13px;}
.topMenuGroup h2{width:61px;margin-left:90px;}
.topMenuGroup h2{ text-align: center; vertical-align: middle; color: #fff;}
.topMenuGroup h2 img{vertical-align: middle;}
.topMenuGroup h2 a{ display: block;margin-top:16px;  width:100%;padding-top:32px; background: url(../images/top-homeicon.png) no-repeat center top; background-size: 45%; color: #fff;}
.topMenuGroup h2 a:hover,.topMenuGroup h2 a.current{ background: url(../images/top-homeicon2.png) no-repeat center top;background-size: 45%; color: #f9d339; font-weight: bold;}

.topMenu ul{ width:922px; margin: 0 auto; display:flex; justify-content: flex-start; flex-direction: row;flex-wrap: wrap;margin-right:105px;padding-top:19px;}
.topMenu ul li{ font-size: 17px;width:20%; text-align: center;margin-bottom:3px;}
.topMenu ul li a{ width:90%; display: inline-block; line-height:35px; color: #fff;}
.topMenu ul li a:hover,.topMenu ul li a.current{ /*background:rgba(46,231,238,0.2);*/ background: #efae39; font-weight: bold; border-radius: 30px; -webkit-border-radius:30px; -moz-border-radius:30px;}

.neirWarp{width:1170px; margin: 0 auto;padding:15px; margin-top:20px; background: #fff;}
.newBox1,.newBox2,.newBox4,.newBox3{ width:100%; display: flex; justify-content: space-between;}
.newBox2{ background: url(../images/topline.jpg) repeat-x top; margin-top:12px; padding-top:12px;}
/*--焦点图及新闻---*/
.fousNews{ width:100%; margin-top:15px;}
.foucebox{ width:640px; height:412px; position:relative;}
.foucebox .hd{  width:85px; height: 45px; position:absolute; bottom:0; right:2px; z-index:999;}
.foucebox .hd span{ line-height: 45px; color: #ededed; letter-spacing: 5px;margin-left:2px;}
.foucebox .hd span span{ color: #fff;}


.foucebox .bd{ width:640px; height:412px;}
.foucebox .bd img{ width:100%;}
.foucebox .bd li{ float:left;width:640px; height:412px; position:relative; overflow: hidden;}
.foucebox .bd li p{ width:100%; height:45px; background: url(../images/tm-bg1.png) repeat;color:#fff; position:absolute; left:0; bottom:0; z-index:99;}
.foucebox .bd li p span{ width:73%;line-height:45px; display:block; text-indent:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.areaCon{ width:515px; }
.titBox1{ width:100%; height: 45px; border-bottom: 2px solid #2688ed; overflow: hidden;zoom:1;}
.titBox1 h3,.titBox1 span{ display: block; }
.titBox1 h3 {float: left;min-width:174px; border-radius: 30px;-webkit-border-radius:30px;-moz-border-radius: 30px; border-top-left-radius: 0;border-bottom-left-radius: 0; font-size: 22px; font-weight: bold; height: 45px; line-height: 45px; text-align: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2688ed), color-stop(100%,#4cc0f6));
background: -webkit-linear-gradient(left,#2688ed,#4cc0f6);
background: -o-linear-gradient(left,#2688ed,#4cc0f6);
background: -moz-linear-gradient(left,#2688ed,#4cc0f6);
background: -mos-linear-gradient(left,#2688ed,#4cc0f6);
background: -ms-linear-gradient(left,  #2688ed  0%,#4cc0f6 100%);
background: linear-gradient(left,#2688ed,#4cc0f6);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2688ed', endColorstr='#4cc0f6',GradientType=1 );}
.titBox1 h3 a{ color: #fff;}
.titBox1 span{ float: right; height: 45px; line-height: 45px;marign-right:5px; color: #888; font-size: 15px;}
.titBox1 span a{ color: #888;}

.areaCon ul{margin-top:10px;}
.areaCon ul li{ line-height:40px; background: url(../images/dian.jpg) no-repeat left;}
.areaCon ul li:hover{background: url(../images/dian2.jpg) no-repeat left;}

.newleft,.newright,.nianbao,.chengguo{ width:572px;}
.lmtit{ width:100%; height: 40px; line-height: 40px; border-bottom:1px solid #d9d9d9; position: relative;}
.lmtit h3,.lmtit span{ display: block; line-height: 40px; position: absolute;}
.lmtit span{ right:5px; font-size: 15px; color: #888;}
.lmtit span a{ color: #888;}
.lmtit h3{ left: 0; padding:0 15px; border-bottom: 3px solid #146bc5; color: #226ebc; font-weight: bold; font-size: 20px;}
.lmtit h3 a{ color: #226ebc; }

.switchTit .hd{ margin-top:12px;}
.switchTit .hd ul{display: flex; justify-content: flex-start;}
.switchTit .hd li{ width:16.6%; position: relative; height: 36px;}
.switchTit .hd li a{ display: block;}
.switchTit .hd li a{ width:95%; text-align: center; height: 29px; line-height: 29px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.switchTit .hd li i{ display: block; width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent transparent transparent transparent; position: absolute;left: 44%; z-index: 99; bottom:-5px;}
.switchTit .hd li:hover a,.switchTit .hd li.current a,.switchTit .hd li.on a{ background: #37bde4; color: #fff; font-weight: bold;}
.switchTit .hd li:hover i,.switchTit .hd li.on i{border-color: #37bde4 transparent transparent transparent;}
.switchTit .bd{ height: 170px;}

.nianbao{ background: #f4f7fd;padding-top:5px;}
.nianbao .tit{ height: 40px; line-height: 40px; background: url(../images/cgtit-bg.png) no-repeat center; }
.nianbao .tit h3{ font-size: 20px; font-weight: bold; color: #0e6ac8; text-align: center;}
.cglmBox{ width:100%; margin-top:10px;}
.cglmBox ul{ display: flex; justify-content: space-between;}
.cglmBox li{ width:50%; text-align: center;height: 158px; vertical-align: middle;}
.cglmBox li img{ vertical-align: middle; }
.cglmBox li:first-child{ background: url(../images/line1.png) no-repeat right;}
.newBox3 ul{ display: flex; justify-content: flex-start; flex-direction: row; flex-flow: row;margin:5px 0 10px 0;}
.newBox3 ul li{ width:281px; height: 126px; margin-right:15px;padding-top:17px; box-sizing: border-box; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.newBox3 ul li:last-child{margin-right:0;}
.newBox3 ul li i,.newBox3 ul li span{ display: block; margin: 0 auto;}
.newBox3 ul li i{ width:61px; height: 61px; background: url(../images/zticon1.png) no-repeat 0 0;}
li.ztml1,li.ztml5{ background: url(../images/zt-bg1.jpg) no-repeat;}
li.ztml2{ background: url(../images/zt-bg2.jpg) no-repeat;}
li.ztml3{ background: url(../images/zt-bg3.jpg) no-repeat;}
li.ztml4{ background: url(../images/zt-bg4.jpg) no-repeat;}

.newBox3 ul li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}


li.ztml1 i{ background-position: 0 0;}
li.ztml2 i{ background-position: 0 -61px !important;}
li.ztml3 i{ background-position: 0 -122px !important;}
li.ztml4 i{ background-position: 0 -183px !important;}
li.ztml5 i{background-position: 0 -244px !important;}
.newBox3 ul li span { width:100%; margin: 0 auto; text-align: center; line-height: 40px; font-weight: bold; color: #fff;}

.newBox4{margin-top:10px;}
.newBox4 .chengguo{margin-top:-10px;}
.newBox4 .chengguo .bd{margin-top:10px;}


.relatedBox{width:100%; margin: 0 auto;margin-top:10px;}
.relatedBox ul,.usefulBox{ display: flex; flex-direction: row; flex-wrap: wrap;margin-top: 18px;}
.relatedBox li,.usefulBox li{ width:214px; height: 60px; text-align: center; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:0 10px; box-sizing: border-box; margin:0  10px 15px 10px; line-height: 60px; }
.relatedBox li a,.usefulBox li a{ color: #fff; }
.relatedBox li.color1,.usefulBox li.color1{  background: #78bee0;}
.relatedBox li.color2,.usefulBox li.color2{  background: #6ec09f;}
.relatedBox li.color3,.usefulBox li.color3{  background: #8f9bdb;}

/*---列表页---*/
.location{ width:auto; border-bottom:1px solid #e9e4e4;height:40px; line-height:40px; background:url(../images/location.png) no-repeat 9px 12px; padding-left:35px; font-size:14px; color:#898989;margin-top:-10px;}
.location a{ margin:0 5px; color:#898989;}

.subCenter{ width:100%; margin: 0 auto; margin-top:15px;}
.leftNei{ width:255px;  min-height:800px; background: #f7f7f7;}
.btTit{ width:auto; padding:20px 20px;padding-left:50px;background: #146bc5; line-height: 32px; font-size: 20px; font-weight: bold; color: #fff; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30c1f1), color-stop(100%,#1289dc)); border-top-left-radius: 5px; border-top-right-radius:5px;
background: -webkit-linear-gradient(left,#30c1f1,#1289dc);
background: -o-linear-gradient(left,#30c1f1,#1289dc);
background: -moz-linear-gradient(left,#30c1f1,#1289dc);
background: -mos-linear-gradient(left,#30c1f1,#1289dc);
background: -ms-linear-gradient(left,  #30c1f1  0%,#1289dc 100%);
background: linear-gradient(left,#30c1f1,#1289dc);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30c1f1', endColorstr='#1289dc',GradientType=1 );
}
.leftNei ul{ margin:0 15px; width: auto;margin-top:10px;}
.leftNei li{ line-height:30px;padding:10px 45px 10px 10px; padding-right:45px; font-size:17px;margin-bottom:10px; border-bottom: 1px solid #e3e3e3; background: url(../images/arrow5.png) no-repeat 200px 12px;}
.leftNei li a{ color: #666;}
.leftNei li:hover a,.leftNei li.current a{ color:#146bc5; font-weight: bold;}
.leftNei li:hover,.leftNei li.current{ background: url(../images/arrow6.png) no-repeat 200px 12px;}

.rightNei{ width:76%;}
.righbt{ width:100%; height:50px; border-bottom: 3px solid #146bc5;overflow: hidden;zoom:1; margin-top:-8px;}
.righbt h2,.righbt span{ display: block; float: left;}
.righbt h2{ display:block;width:70%;background: url(../images/arrow13.png) no-repeat 0 18px; padding-left:28px; margin-left:10px; line-height:50px; font-size:18px; color:#1e86e7; font-weight:bold; }
.righbt span{ float: right; margin-right:15px; color: #777; line-height: 50px;}
.righbt span a{color: #777;}
.righCent{ width:100%; margin-top:10px;}
.righCent .newlist li{ line-height:40px;}
.righCent .newlist li.line{ height: 1px; line-height: 1px; border-bottom: 1px dashed #e5e5e5; background: none; margin: 8px 0;}


/*--翻页--*/
.page{  overflow:hidden;zoom:1;margin:10px auto; padding:5px 0;/* background:#f5f5f5;*/ text-align:center; display:table ; font-size:15px !important;}
.page a{ display:block; float:left;background:#fff; border:1px solid #d8d8d8;padding:4px 9px;min-width:10px; height:21px; line-height: 21px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:10px; text-align:center; color: #777;  }
.page a:hover,.page a.current{ background:#f58725; color:#fff; border:1px solid #f58725;}
a.page1{ background:#fff; }

/*--内容页----*/
.details{ width:92%; margin:30px auto;}
.details h2,.details h3{ display:block; width:100%; text-align:center;}
.details h2{ font-size:30px; font-weight:bold; color:#146bc5; text-align:center; line-height:40px;}
.details h3{ line-height:40px; font-size:18px; color:#333;margin-top:10px;}

.smbiaoqi{ width:96%;padding:0 2%; margin-top:20px;background: #f5f5f5; height:40px; line-height:40px;color:#838383; font-size:14px;}
.zuozhe{ width:60%;}
.zuozhe span{margin-right:20px;}
.fengxiang{ width:30%; text-align:right; margin-right:10px;}
.fengxiang span{ margin-left:15px;}

.xqCent{width:100%; margin:0 auto; margin-top:20px; line-height:36px; border-bottom:1px solid #f0f0f0; padding-bottom:20px;}
.xqCent p{ width:100%;margin-bottom:15px;} 
.xqCent p img,.xqCent img{max-width:100%;}
.xqCent p span a { color: #2440b3; text-decoration: underline;}
.xqCent table{ border-bottom:none !important;border-right:none !important; border:1px solid #cfcece !important;margin:0;border-collapse:collapse;border-spacing:0;width:100% !important;}
.xqCent table td{ border-bottom:1px solid #cfcece !important; padding:10px 15px; border-left:none !important; border-top:none !important; border-right:1px solid #cfcece !important;}

.guanb{ width:100%; text-align:right; height:40px; line-height:40px; color: #777; }
.guanb img{margin-right:10px; vertical-align:middle;}

.related{ width:100%;margin-top:20px; background: #f4f5f5;}
.related ul{padding:10px 15px; width: auto;}
.related ul li{ background:url(../images/arrow4.png) no-repeat left !important;}
.related ul li a{ width: auto;background:none !important; }
.related ul li span{ color:#a1a0a0; float:left !important}
.related ul li span{ float:left !important; color:#146bc5; font-size:16px; font-weight:bold;width:auto; margin-right:10px;}
