﻿ul{margin: 0px;}
li{list-style: none;}
.flex{
    /*flex 布局*/
    display: flex;
    /*实现垂直居中*/
    align-items: center;
    /*实现水平居中*/
    justify-content: center;
}
/*首页幻灯大图 */
.homeSlider .owl-carousel {position: relative;}
.homeSlider .owl-theme .owl-controls .owl-page span {background: #fff; }
.homeSlider .owl-pagination {position: absolute;bottom: -2px; right: 5px;*bottom: 8px;}
.homeSlider .clickable {cursor: default;}
.homeSlider .item{width: 100%;*height:225px;display: block;overflow: hidden;position: relative;}
.homeSlider .owl-theme .owl-controls .owl-buttons div {height: 69px;width: 42px;border-radius: 0;padding: 0;opacity: 0.8;}
.homeSlider .owl-buttons  div.owl-next,.homeSlider .owl-buttons  div.owl-prev{position: absolute;top: 35%;}
.homeSlider .owl-buttons  div.owl-next {background: url(../images/index_btn04.png);right: 0;}
.homeSlider .owl-buttons  div.owl-prev {background: url(../images/index_btn03.png);left: 0;}
.homeSlider .carousel-caption{padding: 5px 10px;*width: 100% !important;*display: block;}
.homeSlider .carousel-caption h4 {font-size: 16px;font-weight: normal;margin: 0; height:22px; line-height:22px; color:#eee;}
.homeSlider .item img{width: 100%;position: relative;max-width: inherit;height: 267px; display:block;}
.homeSlider .owl-controls{margin: 0;}
/*页面css*/	
.body{background: #F8FCFF url(../images/bg.png) no-repeat center top;}
.body01{background: #F8FCFF url(../images/bg01.png) no-repeat center top;}
/*header*/
.header{margin: 0px auto;position: relative;height: 495px;}
.logo{position: absolute;left: 20px;top: 20px;}
/*body*/
/*TITLE*/
.main-bg{background: #FFF;min-height: 600px;}
.title{height: 153px;text-align: center;font-size: 30px;font-weight: bold;color: #1C63B4;line-height: 153px;background: url(../images/title_bg.png) no-repeat center center;}
/*标题*/
.ulist li{width: 25%;float: left;text-align: center;}
.ulist li:nth-child(n+5){margin-top: 30px;}
.ulist li a{display: block;height: 58px;width: 85%;border:1px solid #B7CBE8;line-height: 58px;margin: 0px auto;box-shadow: 10px 10px 5px #B7CBE8;font-size: 16px;}
.ulist li a:hover,.ulist li a:active{background: #1C63B4;color: #FFF;text-decoration: none;}
.foot{width: 100%; height: auto; /*overflow: hidden;*/ border-top: 5px solid #2f73b2; }
.friendLink{ width: 100%; height: 35px; padding: 20px 0; background: #f0f0f0;}
.friendLink .w1200 .linkSlt:first-child{ margin-left: 0;}
.linkSlt { width:232px; height:35px; position: relative; float:left; margin-left: 10px; }
.linkSlt > a.slt { display:block; background:#FFFFFF; border: 1px solid #e1e1e1; width:232px; height:35px; line-height:35px; text-indent:12px; color:#666; font-size:14px; position:relative; cursor:pointer;}
.linkSlt > a.slt:hover { color:#333; text-decoration:none;}
.linkSlt > a.slt > i { display:block; background:url(../images/friendlink_arrow_down.png) center center no-repeat; width:12px; height:8px; position:absolute; top:14px; right:11px; cursor:pointer;}
.lklist { background:#fff; border:1px solid #e1e1e1; border-top-style:none; width:232px; height:125px; overflow-y:auto; overflow-x:hidden; position: absolute; top:35px; left:0; z-index:994;}
.lklist li { height:30px; border-bottom:1px solid #edf3f7;}
.lklist li a { display:block; height:30px; line-height:30px; text-indent:15px; color:#666;}
.lklist li a:hover { background:#f2f7fb; text-decoration:none;}

.foot_cont{ width: 1200px; height: auto; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.foot_cont .foot_fl{ float: left; height: 100%; margin-left: 190px;} 
.foot_fl img{vertical-align: middle;}

.foot_fr{ float: left; margin-top: 15px; margin-left: 25px;}
.foot_fr img.beian{ width: 20px; height: 20px; vertical-align: middle;}
.foot_fr p{ line-height: 24px; color: #666666; font-size: 14px;}
.foot_fr p a{color: #666666; font-size: 14px;}
.foot_fr p a:hover{ text-decoration: underline; color: #3C8BD4;}
@media (min-width: 980px) and (max-width: 1200px){
	.friendLink_top,.friendLink{ display: none;}
	.foot br { display: none !important;}
	.foot_cont{width: 100%;background: #fff;}
	.foot_cont .foot_fl,.foot_fr{ float: none;}
	.foot_cont .foot_fl{margin-left: 0;}
	.foot_fr{ margin: 0 auto; padding: 0 15px;}
	.foot_fr span { display: block;}	
}
@media (min-width: 768px) and (max-width: 979px){
.body{background: #F8FCFF url(../images/bg_p.png) no-repeat center top;}
.body{background: #F8FCFF url(../images/bg01_p.png) no-repeat center top;}
	.header{height: 320px;}
	.logo{position: absolute;left: 0px;top: 10px;}
	.logo img{width: 55%;height: auto;}
	.ulist li{width: 33.3333%;}
	.ulist li:nth-child(n+4){margin-top: 30px;}
	.friendLink_top,.friendLink{ display: none;}
	.foot br { display: none !important;}
	.foot_cont{width: 100%;background: #fff;}
	.foot_cont .foot_fl,.foot_fr{ float: none;}
	.foot_cont .foot_fl{margin-left: 0;}
	.foot_fr{ margin: 0 auto; padding: 0 15px;}
	.foot_fr span { display: block;}
}
@media (max-width: 767px){
	.body{background: #F8FCFF url(../images/bg_p.png) no-repeat center top;}
	.body01{background: #F8FCFF url(../images/bg01_p.png) no-repeat center top;}
	.header{height: 260px;}
	.logo{position: absolute;left: 0px;top: 10px;}
	.logo img{width: 45%;height: auto;}
	.ulist li{width: 50%;}
	.ulist li:nth-child(n+3){margin-top: 30px;}
.friendLink_top,.friendLink{ display: none;}
	.foot br { display: none !important;}
	.foot_cont{width: 100%;background: #fff;}
	.foot_cont .foot_fl,.foot_fr{ float: none;}
	.foot_cont .foot_fl{margin-left: 0;}
	.foot_fr{ margin: 0 auto; padding: 0 15px;}
	.foot_fr span { display: block;}
}
@media (max-width: 480px){
.body{background: #F8FCFF url(../images/bg_m.png) no-repeat center top;}
.body01{background: #F8FCFF url(../images/bg01_m.png) no-repeat center top;}
.header{height: 120px;}
.logo{position: absolute;left: 0px;top: 10px;}
.logo img{width: 35%;height: auto;}
.ulist li{width: 50%;}
.ulist li:nth-child(n+3){margin-top: 30px;}
.friendLink_top,.friendLink{ display: none;}
	.foot br { display: none !important;}
	.foot_cont{width: 100%;background: #fff;}
	.foot_cont .foot_fl,.foot_fr{ float: none;}
	.foot_cont .foot_fl{margin-left: 0;}
	.foot_fr{ margin: 0 auto; padding: 0 15px;}
	.foot_fr span { display: block;}
}
