/* 万能清浮动 */
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}
body{position: relative;}
a{text-decoration: none;}
/* 侧边栏 */
ul li{list-style: none;}
.none{display: none;}
div.br{padding-bottom:15px;}
.right_menu{width:33%;right: -33%;position: fixed;display: block;height: 100%;background-color: #555;transition: all 0.3s ease-in-out 0s;}
.right_menu ul{margin:0px 0px 0px 10px;padding:0px;}
.right_menu ul li{height: 38px; border-bottom: 1px solid #2d2d2d; color: #fff; line-height: 47px; padding-left: 15px; box-shadow: 1px 1px 1px #717171;}
.right_menu ul li a{color: #fff;}

/* 内容 */
.main{width: 100%;overflow: hidden;height: 100%;/*background: #ccc;*/position: relative;left: 0%;transition: all 0.3s ease-in-out 0s;}
/* 动画效果 */

.right{right: 0%;}
.left{left: -33%;}

.head{width: 100%; background: #0384f3; overflow: hidden; text-align: center;}
.head h3{    color: #fff; line-height: 8px; height: 16px; font-size: 22px;} 
.head .menu_nav{color: #fff; float: right; text-align: center; width: 11%; line-height: 29px;}
/* banner */
.swiper-container{width: 100%;}
.swiper-container div.swiper-slide{width: 100%;}
.swiper-container div.swiper-slide img{width:100%;}

/* 分类 */
.cat_menu{overflow: hidden;}
.cat_menu ul{margin:0px;padding: 0px;}
.cat_menu ul li{width: 33.333%;overflow: hidden;height: 100px;float: left;padding:3px; display: block;}
.cat_menu ul li div{width: 100%;background-color: #fff;height: 100%;}
.cat_menu ul li:nth-child(1) div{background: #1fbbdf;}
.cat_menu ul li:nth-child(2) div{background: #f4a230;}
.cat_menu ul li:nth-child(3) div{background: #f95b6a;}
.cat_menu ul li:nth-child(4) div{background: #546bde;}
.cat_menu ul li:nth-child(5) div{background: #57cd5f;}
.cat_menu ul li:nth-child(6) div{background: #f16223;}

.cat_menu ul li div i{font-size: 4em; color: rgba(255, 255, 255, 0.82); margin-top: 11px; overflow: hidden; text-align: center; width: 100%;/* text-shadow: 0px 0px 3px #ffffff; */}
.cat_menu ul li div span{display: block;text-align: center;color: #fff;}
/* 案例 */
.anli{background-color:#f7f7f7; padding-bottom: 15px;}
.anli .sutitle{font-size: 18px; text-align: center;padding-top: 15px;}
.anli .sutitle a{color: #444; border-bottom: 3px solid #096ec5;}
.anli .desc{font-size: 13px;text-align: center;color: #B0B0B0;width: 80%;margin:0 auto;}
.anli .anli_show ul{margin:0;padding:0;}
.anli .anli_show ul li{width: 46%; padding: 5px 5px; margin: 1% 2%; float: left; border: 1px solid #e6e6e6; background: #fff; box-shadow: 0px 0px 10px #dcdcdc;}
.anli .anli_show ul li a{font-size: 15px; display: block;}
.anli .anli_show ul li img{width: 100%;}
.anli .anli_show ul li.wap_height img{height:300px}
.anli .anli_show ul li span{font-size: 15px;color: #555;}
.anli .anli_show ul li p{font-size: 12px; color: #555; margin-bottom: 2px; overflow: hidden; height: 30px; line-height: 38px;}
.anli .anli_more {width: 180px; height: 40px; text-align: center; line-height: 40px; border-radius: 7px; margin: 10px auto; background: #0470cc;}
.anli .anli_more a{color: #fff; font-size: 18px;}

/* 新闻样式 */
.news{background:#f7f7f7;text-align: center; }
.news .sutitle{font-size: 18px; text-align: center;padding-top: 15px;}
.news .sutitle a{color: #444; border-bottom: 3px solid #096ec5;}
.news .desc{font-size: 13px;text-align: center;color: #B0B0B0;width: 90%;margin:10px auto;}
.news .news_cat{text-align: center;margin-bottom:20px;overflow: hidden;margin:0;padding:0;}
.news .news_cat li{ width: 30%; float: left; height: 30px; background: #5d5d5d; margin-left: 13%; margin-top: 3%; line-height: 30px;}
.news .news_cat li a{color:#fff;}

.news .news_cat li.cur{background: #0470cc;}

.news .news_list ul{margin:20px 0px;padding:0px;}
.news .news_list ul li{width: 90%; margin: 16px auto; height: 80px; overflow: hidden; padding: 10px; box-shadow: 0px 0px 9px #dcdbdb; border-left: 4px solid #278fe6; border-radius: 4px 0px 0px 4px;}
.news .news_list ul li a{color:#333;}
.news .news_list ul li a .news_date{width: 18%; overflow: hidden; height: 60px; float: left;border-radius:6px;}
.news .news_list ul li a .news_date p{font-size: 27px; font-weight: 700; color: #5d5d5d; height: 40px; line-height: 40px; background: #e4e3e3; margin-bottom: 0;}
.news .news_list ul li a .news_date span{font-size: 12px;font-weight: 700;color: #fff; background: #016fcc;width: 100%;height: 100%;overflow: hidden;display: block;line-height: 20px;height: 20px; }

.news .news_list ul li a .news_title{width: 82%;overflow: hidden;text-align: left;padding-left: 15px;}
.news .news_list ul li a .news_title span{font-size: 14px;font-weight: 700;width: 100%;overflow: hidden;height: 22px;display: block;}
.news .news_list ul li a .news_title p{color: #7d7d7d; height: 29px; font-size: 12px; line-height: 20px;}
/* 其他页面banner */
.obanner img{width: 100%}
/*底部样式*/
.i_foot_bg{ background-color:#337ab7; color:#fff; overflow:hidden;}
.f18{ font-size:18px;}
.foot_service{width:90%;margin:0px auto;padding-top:3%;padding-bottom:0%;}
.foot_contact{width:90%;margin:0px auto;padding-top:3%;padding-bottom:5%; clear:both;}
.foot_service ul{margin:0;padding:0;}
.foot_service li{float:left;width:31%;margin-right:2.8%;margin-bottom:3%;}
.foot_service li.last{margin-right:0;}
.foot_service li a{display: block; border: 1px solid #f1f1f1; color: #ffffff; line-height: 2.2; padding: 0px 4%; text-align: center; font-size: 14px;}
.foot_service_t, .foot_contact_t{line-height:2.4;}
.foot_service_t a, .foot_contact_t a{color:#fff;}
.foot_contact_list ul{margin:0;padding:0;}
.foot_contact_list li{line-height:1;color:#fff;padding:2% 0px;font-size:14px; }
.foot_contact_list li a{color:#fff;  display:inline-block;}
.foot_contact_list li a:link{color:#fff;}



.menu-button {
	position: absolute;
	top: 0px; 
	right: 0px;
	padding: 15px;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	background-color: #2C8DFB;
}
.menu-button .bar:nth-of-type(1) {
	margin-top: 0px;
}
.menu-button .bar:nth-of-type(3) {
	margin-bottom: 0px;
}

.bar {
	position: relative;
    display: block;
    width: 22px;
    height: 2px;
    margin: 5px auto;
    background-color: #fff;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.menu-button:hover .bar:nth-of-type(1) {
	-webkit-transform: translateY(1.5px) rotate(0deg);
	-ms-transform: translateY(1.5px) rotate(0deg);
	transform: translateY(1.5px) rotate(0deg);
}
.menu-button:hover .bar:nth-of-type(2) {
	opacity: .9;
}
.menu-button:hover .bar:nth-of-type(3) {
	-webkit-transform: translateY(-1.5px) rotate(0deg);
	-ms-transform: translateY(-1.5px) rotate(0deg);
	transform: translateY(-1.5px) rotate(0deg);
}

.cross .bar:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	-ms-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.cross .bar:nth-of-type(2) {
	opacity: 0;.
}
.cross .bar:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(45deg);
	-ms-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
}
.cross:hover .bar:nth-of-type(1) {
	-webkit-transform: translateY(7.0px) rotate(-40.5deg);
	-ms-transform: translateY(7.0px) rotate(-40.5deg);
	transform: translateY(7.0px) rotate(-40.5deg);
}
.cross:hover .bar:nth-of-type(2) {
	opacity: 0;
}
.cross:hover .bar:nth-of-type(3) {
	-webkit-transform: translateY(-7.0px) rotate(40.5deg);
	-ms-transform: translateY(-7.0px) rotate(40.5deg);
	transform: translateY(-7.0px) rotate(40.5deg);
}


/* 内容样式 */

.main .body{ 	width: 93%; margin: auto; text-align: center; box-shadow: 0px 0px 7px #d8d8d8; padding: 10px;}
.main .body .show_title{font-size: 17px; font-weight: 700;}
.main .body .show_date{    display: block; margin-top: 12px;} 
.main .body .show_img{max-width: 80%;margin:15px auto;}
.main .body .show_content{text-align: left;}
.main .body .show_content img{max-width: 80%;}


/* 分页样式 */
.page{border: 1px solid #d4d4d4; width: 80%;padding: 6px 0px 3px 0px; margin: 15px auto; border-radius: 7px; background: #efefef;color:#757575;line-height: 20px;text-align: center;}
.page span{padding:0px 6px;}
.page span.current{padding: 0px 3px;color: #757575;}
/* 内容页分页 */
.pages {display: block; overflow: hidden; border: 1px solid #d4d4d4; padding: 6px 0px 3px 0px; margin: 15px auto; border-radius: 7px; background: #efefef; color: #757575; line-height: 19px; text-align: left; padding-left: 6px;}