.nav{height:51px;background:url("../img/navbg.jpg");width:100%}


* {
	padding:0;
	margin:0;
	list-style:none;
}



/*头条**/
.topline{height:42px;width:100%;margin:0px auto;line-height:42px;background-color: #d2d4d6;}
.toplineimg{float:left;width:32px;}
.toplinetitle{float:left;width:1140px;padding-right:20px;padding-left: 15px;}
.toplinetitle a{font-size:18px;}
.margincenter{margin:0px auto}
#toplinetitle {
	height:42px;
	overflow:hidden;
}
.donate_bar {
	padding:0;
	line-height:42px;
}
.donate_bar li {
	height:35px;
	line-height:35px;
	list-style:none;
	margin:0;
	padding:0;
}

.donate_bar a {
	text-decoration:none;
	height:42px;
	line-height:42px;
	display:block;
	word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/*悬浮窗*/
#div_img{

}
/*模块列表字体大小默认设置*/
table tr td{font-size: 18px;}

.bigimg{margin: 20px auto 0;height: 440px;padding: 20px 0 20px 20px;background-color: #fff; }
.slideWrap{float:right;margin-right:10px;margin-top:15px;}
img { border: 0;}
.boxtitle{float:left;padding-left:10px;color:white;width: 420px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 50px;}
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; background: url(../images/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next { right: 5px; background: url(../images/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox {position:absolute;width:100%;bottom:0;height:50px;line-height:50px;z-index: 8;background-color:#2f2f2fcc;overflow:hidden;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; }
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #bdbcba; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: white;}
.ck-slidebox ul li em:hover { background-color: white;}

/*第一款新闻*/
.newsbar{margin:10px auto;margin-bottom:5px;height:330px;overflow:hidden;}
.tabnews{float:right;width:720px;margin-left: 20px;}

.tabbar{width:100%;height:40px;border-bottom: 1px solid #cfcfcf;}

/**切换新闻**/
.tabbar ul li{width:135px;height:40px;line-height:40px;float:left;position:relative;cursor:pointer;}
.tabbar ul li span{width:135px;display:block;height:40px;text-align:center;font-size:20px;color: #0056ac;white-space: nowrap;}
.tabbar ul li span.selbg:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 3px;
	margin: 0 auto;
	display: block;
	background-color: #0056ac;
}
.tabbar ul li a{color:black;}
.tabrect{display:block;position:absolute;right:-7px;top:26px;width:16px;height:16px;background:url("../img/tabrect.png") no-repeat;}

.tabnewimg{width:550px;float:left;}
.tabnewstitle{width:100%;}
.newstable{width:720px;float:left;}
.tabnewstitle table tr {border-bottom: 1px solid #cfcfcf!important;position: relative;}
.tabnewstitle table tr td{height:50px;line-height:50px;}
.tabnewstitle table tr td:first-child {padding-left:20px!important;width:650px}
.tabnewstitle table tr td:first-child:before{content: '';position:absolute;left:8px;top: 23px;display: block;width: 6px;height: 6px;background-color: #0056ac;border-radius: 50%;}
.tabnewstitle table tr td a{width:100%;display:block;color:black;
word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;

}

.panel{margin: 30px auto; width: 1480px; }
.panel>a{width: 1480px; height: 240px;display: block;}
.panel>.panela1{background:url("../image/common/miaomu.jpg") no-repeat;background-size: cover;}
.panel>.panela2{background:url("../image/common/bkpt.jpg") no-repeat;background-size: cover;}
.panel>.panela1 >span{font-size: 43px;letter-spacing:20px; align-items: center; justify-content: center;  display: flex;padding-top: 95px;color: whitesmoke;}
.panel>.panela2 >span{font-size: 70px;letter-spacing:20px; align-items: center; justify-content: center;  display: flex;padding-top: 70px;color: whitesmoke;}





.info{margin: 0px auto; width: 1480px;height: 480px; }
.info .smnews{float:left;width:735px;height:480px;overflow:hidden;background-color: #fff;}
.info .smnewtab{height:40px;border-bottom: 1px solid #cfcfcf;}
.info .smnewtab ul li{width:135px;height:40px;float:left;margin:0 6px;margin-left:0;position:relative;padding-top:0px;}
.smnewtab ul li div{width:135px;height:40px;font-size:20px;color: #0056ac;white-space: nowrap;line-height:40px;text-align:center}
.info .smnewtab ul li.smactive:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 3px;
	margin: 0 auto;
	display: block;
	background-color: #0056ac;}
.info .smnewtab ul li.smactive div{line-height:40px;}
.info .smrect{width:15px;height:15px;position:absolute;background:url("../img/downrect.png") no-repeat;left:37px;top:36px;}
.info .smnewtab ul li.smmore{float:right;width:100px;line-height:40px;text-align:right;}
.info .smnewtab ul li.smmore a{display:block;color: #0056ac;font-size: 20px;}
.info .smnewlist table tr{border-bottom:1px solid #cfcfcf;height: 50px;line-height: 50px;}
.info .smnewlist table tr td{height: 50px!important;line-height: 50px!important;width: 600px;position:relative;}
.info .smnewlist table tr td:first-child{padding-left: 20px;}
.info .smnewlist table tr td:first-child:before{content: '';position:absolute;left:8px;top: 23px;display: block;width: 6px;height: 6px;background-color: #0056ac;border-radius: 50%;}
.info .smnewlist table tr td div{width: 600px;height: 50px!important;line-height: 50px!important;}
.info .smnewlist table tr td a{height:30px;display:inline-block;line-height:30px;margin-top: 10px;
	word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#3c3c3c;
}
.info .smnewimgbar{padding:30px 15px 20px;
	display: flex;
	display: -webkit-flex;
	align-items:center;

	height:200px;
}
.info .smnewimg_img{float:left;}
.info .smnewimg_con{float:left;width:230px;padding:0 10px 0 30px;}
.info .smnewimg_con a{color:#0190e6;}

.server{width: 1480px; height: 382px;margin: 0 auto;display: flex;justify-content: space-between;}
.server>.person{width: 384px;height: 382px;float: left;display: flex;flex-direction: column;background-color: #fff;padding: 10px;}
.server>.person>h3{text-align: center;font-size: 25px;color: #0f61ba;line-height: 32px;}
.server>.person>div{display: flex;flex-direction: column;justify-content: space-around;height: 330px;}
.server>.person>div>.usernamebar{padding: 0;text-align: center;}
.server>.person>div>.usernamebar>input{
	background: url(../image/common/avatar.png) no-repeat 12px 12px;
	border: 1px solid #0f61ba;
	height: 52px;
	line-height: 40px;
	width: 326px;
	text-indent: 28px;
	padding-left: 12px;
}
.server>.person>div>.passbar{padding: 0;text-align: center;}
.server>.person>div>.passbar>input{
	background: url(../image/common/password.png) no-repeat 12px 12px;
	border: 1px solid #0f61ba;
	height: 52px;
	line-height: 40px;
	width: 326px;
	text-indent: 28px;
	padding-left: 12px;
}
.server>.person>div>.kaptchabar{padding: 0;text-align: center;display: flex;justify-content: center;align-items: center;margin-top: 10px;}
.server>.person>div>.kaptchabar>input{
	border: 1px solid #0f61ba;
	height: 52px;
	line-height: 52px;
	width: 200px;
	text-indent: 10px;
	padding-left: 12px;
	font-size: 16px;
}
.server>.person>div>.kaptchabar>img{
	height: 52px;
	width: 120px;
	cursor: pointer;
	margin-left: 6px;
	border: 1px solid #0f61ba;
}

.server>.person>div>.btnbar{display: flex;justify-content: center;align-items: center;}
.server>.person>div>.btnbar>.registbtnbar{width:158px;height: 52px;margin: 0;padding: 0;margin-right: 5px;}
.server>.person>div>.btnbar>.registbtnbar>a{width:158px;height: 52px;line-height:52px;font-size:22px;display: block;border:1px solid #0f61ba;background-color: #fff;color:#0f61ba;text-align: center;}
.server>.person>div>.btnbar>.loginbtnbar{width:158px;height: 52px;margin: 0;padding: 0;margin-left: 5px;}
.server>.person>div>.btnbar>.loginbtnbar>input{margin:0;width:158px;height: 52px;line-height:52px;font-size:22px;display: block;border:1px solid #0f61ba;background-color: #0f61ba;color:#fff;text-align: center;}
.server>.person>div>.btnbar>.personregistbtn{background-color: #0f61ba;margin-right: 5px;}
.server>.person>div>.btnbar>.personregistbtn>a{width:158px;height: 52px;margin: 0;padding: 0;display: block;background:url("../image/common/person_reg.png") no-repeat 15px 10px;}
.server>.person>div>.btnbar>.infochangebtn{background-color: #0f61ba;margin-left: 5px;}
.server>.person>div>.btnbar>.infochangebtn>a{width:158px;height: 52px;margin: 0;padding: 0;display: block;background:url("../image/common/info_change.png") no-repeat 15px 10px;}


.server>.entry{width: 1072px; height: 382px;background-color:#fff;padding:10px;display: flex;justify-content: center;align-items: center;}
.server>.entry>.title{width: 150px;font-size: 36px;color: #0056ac;line-height: 1.2;text-align: center;writing-mode: vertical-lr;display: flex;justify-content: center;align-items: center;}

.server>.entry>.grid{width: 840px;height:362px;display: flex;align-items: center;flex-wrap: wrap;}
.server>.entry>.grid>div{width: 280px;height: 50%;display: flex;align-items: center;justify-content: center;}
.server>.entry>.grid>div>a{display: flex;display: flex;flex-direction: column;justify-content: center;justify-content: center;align-items: center;}
.server>.entry>.grid>div>a>img{}
.server>.entry>.grid>div>a>span{font-size: 24px;color: #0f61ba;line-height: 56px;}

.tourist{width: 1480px;height: 362px;margin: 20px auto 0;padding: 20px;background-color: #fff;}
.garden{width: 1480px;height: 362px;margin: 20px auto 0;padding: 20px;background-color: #fff;}
.project{width: 1480px;height: 362px;margin: 20px auto 0;padding: 20px;background-color: #fff;}
.marqueebar>.title{border-bottom: 1px solid #cfcfcf;padding: 0 20px;}
.marqueebar>.title>div{display: flex;justify-content: space-between;align-items: center;}
.marqueebar>.title>div>div{color: #0f61ba; font-size: 24px;line-height: 40px;border-bottom: 3px solid #0f61ba;}
.marqueebar>.title>div>a{font-size: 24px; color: #0f61ba;}
.marqueebar>.detail>div{display: flex;height: 80px;line-height: 80px;align-items: center;}
.marqueebar>.detail>div>a{color: #0f61ba;font-size: 20px;border-left: 1px solid #cfcfcf;padding: 0 20px;height: 30px;line-height: 30px;}
.marqueebar>.detail>div>a:first-child{border-left: none;}
.marqueebar>.marquee{position: relative;min-height: 170px;}



.kjie{float:right;width:300px;margin-left:20px;height:318px;border:1px solid #e5e5e5;}
.kjietab{height:40px;border-bottom:1px solid #e5e5e5;position:relative;background-color:#f8f8f8;}
.kjietab ul{position:absolute;left:-1px;width:302px;}
.kjietab ul li{float:left;width:151px;height:40px;line-height:40px;text-align:center;font-size:20px; }
.kjietab ul li.active{background-color:white;border-left:1px solid #e5e5e5;color:#0190e6;font-weight:bold;border-right:1px solid #e5e5e5;border-top:2px solid #0288d9;}


.pictitle{position:absolute;text-align:center;bottom:15px;background:rgba(0,0,0,0.6);width:230px;color:white;line-height:30px;}


.menulist table{width: 90%;margin: 0 auto;}
.menulist table tr td{width:25%;padding: 10px 0px;text-align:center;margin-top: 14px;padding-bottom: 0px;}
.menulist table tr td a{font-size:12px;color:black;}
.menulist table tr td a:hover{font-size:12px;color:red;}
.apply{
	
}
.iconbox{
	margin:10px 0px;
}
.usernamebar{padding:10px;text-align:center;padding-top:32px;}
.username{background:url("../img/ln.png") no-repeat 6px 5px;border:1px solid #d8d8d8;height:40px;line-height:40px;width:255px;text-indent:28px;padding-left: 12px;}
.passbar,.loginbtnbar,.registbtnbar{padding:10px;text-align:center;}
.password{background:url("../img/pw.png") no-repeat 6px 5px;border:1px solid #d8d8d8;height:40px;line-height:40px;width:255px;text-indent:28px;margin-top: -10px;padding-left: 12px;}
.remember .member{margin-left:22px;float:left}
.loginbtn{    
	width: 255px;
    height: 40px;
    background-color: #0288d9;
    color: white;
    line-height: 40px;
    margin-top: 8px;
    }
.registbtnbar a{font-size:12px;}
.registbtnbar{
	text-align:right;
	margin-right: 12px;
    margin-top: -10px;
}



.formmiddel{margin:0px auto;}
.formmiddel .middlenewtab{height:35px;background:url("../img/toplinebg.png");border:1px solid #d6d6d6;border-top:0;}
.formmiddel .middlenewtab ul li{width:120px;height:35px;float:left;margin:0 6px;margin-left:0px;position:relative;padding-top:0px;}
.formmiddel .middlenewtab ul li div{width:120px;height:35px;color:#636363;line-height:35px;text-align:center}
.formmiddel .middlenewtab ul li.smactive{transform:scale(1.1); background:url('../img/smnewbg.png') no-repeat;color:white;text-align:center}
.formmiddel .middlenewtab ul li.smactive div{border:0;color:white}
.formmiddel ul li.smmore{float:right;line-height:35px;width:50px;font-size: 20px;}
.formmiddel ul li.smmore a{color:#909090;}
#middelcon1,#middelcon2,#middelcon3{padding-top:10px;}
#middelcon1 ul li{width:200px;float:left;margin-right:20px;}
.middletabcon{padding:10px 0;}

.iconrect img{
	transition: all 0.6s;
	-webkit-transition:all 0.6s;
	}
.iconrect img:hover{
transform:scale(1.6);
-ms-transform:scale(1.6);     /* IE 9 */
-moz-transform:scale(1.6);     /* Firefox */
-webkit-transform:scale(1.6); /* Safari 和 Chrome */
-o-transform:scale(1.6);
}

.icontitle{height:38px;padding:5px 0;width:110px;text-align:center;font-size:13px;}
#middelcon1 ul li a{color:#636363;}

.magazinebar{width:300px;height:473px;margin-top:10px;float:right;overflow:hidden;border:1px solid #e5e5e5;border-top:0;}

.newsbar2{margin:20px auto;position:relative;overflow:hidden;}
div.magazinehead{width:100%;
			height:35px;background:url("../img/toplinebg.png");
			line-height:35px;
			;border:1px solid #d6d6d6;border-top:0;margin-top:-10px;}

.magazinehead ul li{float:left;width:148px;text-align:center;}
.magazinebar .smactive{background-color:white;border-right:1px solid #d6d6d6;border-top:2px solid #3d70b7;font-size:16px;color:#0190e6;
	font-weight:bold;}
.magazinebar li.more{text-align:right;padding-right:10px;}
.magazinebar li.more a{color:#6f6f6f}
#magazine{width:300px;position:relative;height:435px;}
#magazine ul li{height:210px;}
.magazinecontent{width:280px;}
.magaedesc{float:left;width:120px;font-size:14px;color:#464646;}
.magazineimg{width:140px;float:left;}

.magazineimgbar{padding:30px 15px 20px;
			 display: flex;
             display: -webkit-flex;
             align-items:center;
           	 
             height:200px;
			}
.magazine_img{float:left;}
.magazine_con{float:left;width:120px;margin-left:15px;}
.magazine_con a{color:#0190e6;}



/*.smnews{float:left;width:415px;height:486px;margin-right:10px;overflow:hidden;}*/
/*.smnewtab{height:35px;background:url("../img/toplinebg.png");border:1px solid #d6d6d6;border-top:0;}*/
/*.smnewtab ul li{width:100px;height:35px;float:left;margin:0 6px;margin-left:0;position:relative;padding-top:0px;}*/
/*.smnewtab ul li div{width:100px;height:35px;color:#636363;line-height:35px;text-align:center}*/
/*.smnewtab ul li.smactive{color:black;text-align:center;*/
/*	*/
/*	background-color:white;border-top:2px solid #3d70b7;border-right:1px solid #d6d6d6;border-left:1px solid #d6d6d6;}*/
/*.smnewtab ul li.smactive div{line-height:30px;}*/
/*.smrect{width:15px;height:15px;position:absolute;background:url("../img/downrect.png") no-repeat;left:37px;top:36px;}*/
/*.smnewtab ul li.smmore{float:right;width:60px;line-height:35px;text-align:right;}*/
/*.smnewtab ul li.smmore a{display:block;color:#6f6f6f}*/
/*.smnewlist table tr{border-bottom:1px dashed #3c3c3c;}*/
/*.smnewlist table tr td{padding:2px 0;}*/
/*.smnewlist table tr td a{height:25px;display:inline-block;line-height:25px;*/
/*	word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#3c3c3c;*/
/*}*/
.smnewimgbar{padding:30px 15px 20px;
			 display: flex;
             display: -webkit-flex;
             align-items:center;
           	 
             height:200px;
			}
.smnewimg_img{float:left;}
.smnewimg_con{float:left;width:230px;padding:0 10px 0 30px;}
.smnewimg_con a{color:#0190e6;}
.vline{position:absolute;height:260px;border-left:1px dashed #696969;left:400px;top:8px;}

/**精品工程*/
.jproject{margin:30px auto;height:250px; }

.projecttitle{width:45px;text-align:center;background-color:#0288d9;height:165px;float:left;}

.jtitle{width:20px;display:block;font-size:18px;color:white;margin:0px auto;padding-top:35px;}

.imglist{float:left;width:1033px;position:relative;overflow:hidden;}
.imglist .a{position:relative;}
.a{height: 200px; overflow: hidden; }
.ab li{ text-align: center;}
.ab li a{color:black;}
.ab{position:relative;}
.ab ul{float:left;}


.imgtitle{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:145px;}


#marquee_2{position:relative;width:100%;height:200px;overflow:hidden;}
#marquee_2 ul li{float:left; padding:0 10px;}
#marquee_2 ul li img{display:block;}
#marquee_3{position:relative;width:100%;height:200px;overflow:hidden;}
#marquee_3 ul li{float:left; padding:0 10px;}
#marquee_3 ul li img{display:block;}


/* ========================================================================= *\
    vmcarousel plugin
\* ========================================================================= */

.vmc-container{position: relative;}
.vmc-viewport{overflow: hidden;}

.vmcarousel{list-style-type: none; padding: 0; margin: 0; width: 1000%;}
.vmcarousel:after{content: ''; display: table; clear: both;}
.vmcarousel > li{float: left;}
.vmcarousel > li img{ display: block; margin: 0 auto; max-width: 100%;border-bottom:3px solid #00a3d7;}

.vmc-container.hide-controls .vmc-arrow-left, .vmc-container.hide-controls .vmc-arrow-right{display: none;}

.vmc-arrow-left, .vmc-arrow-right{
    position: absolute; top: 50%; left: -15px; width: 50px; height: 50px; margin-top: -25px; overflow: hidden;
    opacity: 0; border-radius: 50%; transition: opacity 0.3s ease;
    text-align: center;
}
.vmc-arrow-right{left: auto; right: -15px;}
.vmc-container:hover .vmc-arrow-left, .vmc-container:hover .vmc-arrow-right{opacity: 1;}

.vmc-arrow-left:after, .vmc-arrow-right:after{
    content: ''; display: inline-block;
    font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased;
	 font-size: 50px; line-height: 50px; color: #017ae4;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    text-shadow: 2px 2px #000;
}
.jprojectitle{height:35px;background:url("../img/toplinebg.png");border:1px solid #d6d6d6;border-top:0;}
.jprojectitle ul li{height:35px;line-height:35px;width:120px;text-align:center;float:left;}
.jprojectitle ul li.active{transform:scale(1.1); background:url('../img/smnewbg.png') no-repeat;color:white;}
.jprojectitle ul li.more{float:right;text-align:right;padding-right:10px;}
.jprojectitle ul li.more a{color:#6f6f6f;}
#marquee_1{margin-top:10px;}
.vmc-arrow-left:hover:after, .vmc-arrow-right:hover:after{color: white;}
.vmc-arrow-left:after{content: "\e079";}
.vmc-arrow-right:after{content: "\e080";}

.vmc-container img[src$=".svg"]{width: 100% !important; height: auto !important; max-height: 100%;}

.notransition{-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important;}










/*星座特效*/
#display { z-index: 0; display: block; cursor: default; position:absolute; }
#blachole { position: fixed; top: 60px; right: 60px; width: 120px; height: 120px; }
canvas { width: 100%; height: 100%; }


/*选中效果*/
.tab-active::after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 3px;
	margin: 0 auto;
	display: block;
	background-color: #0056ac;
}
.tableTr:hover{
	background-color: rgb(192,232,255);
}

.marqueebar>.detail>div>a{
	cursor: pointer;
	text-decoration: none;
}

.marqueebar-tab-active{
	font-weight: bold;
}