﻿@charset "utf-8";
/**
 

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.gr_center{text-align:center;}
.grWidth{width:1400px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.center{text-align:center;}
.hidden{overflow:hidden;}
.nor{font-weight:normal;}
 
.homeTitle {
    text-align: center;
    margin-bottom: 35px; 
    text-transform: uppercase;
    line-height: 40px;
}
.homeTitle h2 {
    font-size: 32px; 
    color: #555555;
	font-weight:bold;  
     
}
.strength{padding-top:0px;}
.strengthMain{height:;overflow:hidden;}
.strengthMain li{float:left;width:420px;height:310px;  margin:20px; overflow:hidden;background:#ffffff;position:relative;}
.strengthMain li img{width:50px;height:50px; position:fixed; margin:-10px 0 0 -60px; transition:all .5s;opacity:1;}
.strengthMain li .font{width:420px;height:260px;  position:absolute;color:#333;text-align:left;font-size:16px;padding-top:0px; padding-bottom:50px;}
.strengthMain li  a:hover{ color:#0b5ea9}

.strengthMain li .font h3{font-size:26px;color:#333;font-weight:normal; margin-top:40px; margin-bottom:20px;line-height:23px;  margin-left:100px;}
.pppp{width:330px;height:180px; position:absolute;  text-align:left;  margin:80px 0 0 50px; line-height:28px;}
.pppp p{ line-height:28px; }


.strengthMain li:hover img{transform: scale(1.05, 1.05);}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #3173ce;border-bottom:1px solid #3173ce;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #3173ce;border-left:1px solid #3173ce;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}



#floor_2_main { 
}
#floor_2_main .floor_2 {
	padding-bottom: 80px;
}
#floor_2_main .floor_2 .title {  
}
#floor_2_main .proCenter .list {
	width: 100%;
	margin-top: 28px;
}
#floor_2_main .proCenter .list li {
	float: left;
	margin-bottom: 20px;
	margin: 20px;
	border: 0px solid #f0f0f0;
	transition: all .5s;
}
#floor_2_main .proCenter .list li:nth-child(4n) {
	margin-right: 0;
}
#floor_2_main .proCenter .list li a {
	display: block; 
}
#floor_2_main .proCenter .list li img {
	width: 430px;
	height: 300px;
}
#floor_2_main .proCenter .list li .tit {
	font-size: 16px;
	line-height: 50px;
	text-align: center;
}
#floor_2_main .proCenter .list li:first-child {
	margin-left: 0px;
}
#floor_2_main .proCenter .list li .tit {
	color: #eee; font-weight:inherit;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#floor_2_main .proCenter .list li {
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
	border-color: #444444;
	background: #ffffff;
	transform: translateY(-5px);  
}
#floor_2_main .proCenter .list li:hover {
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
	border-color: #444444;
	background: #3173ce;
	transform: translateY(-5px);
}
#floor_2_main .proCenter .list li .tit {
	color: #333;
}

#floor_2_main .proCenter .list li:hover .tit {
	color: #fff;
}
#floor_2_main .proCenter .list li:hover img {
	-webkit-filter: brightness(105%);
	filter: brightness(105%);
}


 
 .index #floor_1_main {
	padding-bottom: 45px; background-color:#222222; margin-top:0px;
}
#floor_1_main .about {
	padding-top: 40px;
}
#floor_1_main .about .item {
	display: block;
	width: 475px;
	height: 350px;
}
#floor_1_main .about img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s;
}
#floor_1_main .about img:hover {
	-webkit-filter: brightness(105%);
	filter: brightness(105%);
}
#floor_1_main .contW {
	position: relative;
	display: block;
	width: 660px;
	height: 80px; border-top:0px dotted #888;
}
#floor_1_main .contW .cont {
	width: 100%;
	height: 240px;
	font-size: 16px;
	color: #999;
	line-height:38px;
	text-align: justify;
	margin-bottom: 30px;
	overflow: hidden;
}
#floor_1_main .contW .view_detail a {
	display: block;
	height: 43px;
	font-size: 16px;
	line-height: 43px;
	padding: 0 22px;
	text-align: center;
	color: #434343;
	margin-right: 20px;
	background: #fff;
	border: 1px solid #b7b7b7;
}
#floor_1_main .contW .view_detail a:hover {
	color: #fff;
	background: #3173ce;
	border: 1px solid #ccc; 
	transition: all .5s;
}


<!-- 新闻样式 -->

/* 必要布局样式css */
.title_cn {
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}
#new_box {
	width: 100%;
	padding: 0px 0px;
	margin: 0 auto; 
	padding-bottom: 50px;
}
.new_con {
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 50px;
}
.newtel {
	height: 50px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 0px;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #666; background-color:#ffffff;   
}
.new_telst {
	width: 1398px;
	margin: 0 auto;
	position: relative;
	top: 6px;
	text-align: center;
}
.new_telst li {
	width: 465px; height:50px;
	line-height: 50px;
	text-align: center;
	float: left;
	display: inline;
	font-family: "微软雅黑";
	cursor: pointer; 
	background-color:#f2f5fa; 
	border-left:1px solid #dddddd;
}
.new_telst li.newon {
	color: #217af0;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#3173ce;
}
.new_telst p {
	position: absolute;
	top: 34px;
	left: 0px;
	width: 150px;
	height: 7px;
	border-top: 1px solid #217af0;
	overflow: hidden;
	text-align: center;
}
.new_telst b {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -3px;
	border-style: solid dashed dashed dashed;
	border-width: 9px;
	border-color: #217af0 #fff #fff #fff;
	overflow: hidden;
	zoom: 1;
	font-size: 0;
}
.new_lst {
	height: 540px;
	position: relative;
	overflow: hidden;
	display: none;
	margin-top: 0px;
	padding-top: 0px;
}
.new_lst ul {
	position: absolute;
	left: 0px;
}
.new-wrap {
	margin-top: 0px;
}
.new-wrap .show {
	display: block;
}
li.new_cnlf {
	width: 370px;
	float: left;
}
li.new_cnlf p {
	width: 100%;
}
p.newlf_tel a {
	color: #217af0;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	display: block;
}
p.newlf_tel a:hover {
	color: #C33
}
p.newlf_tx {
	font-size: 14px;
	line-height: 26px;
	color: #999;
	height: 105px;
	overflow: hidden;
}


li.new_cnrf {
	float: left;
	width: 1400px;
	margin-left: 0px;   
}
.newrf_lst dd {
	width: 670px;
	height: 85px;
	float: left;
	margin-left:0px;
	margin: 10px;
	border-bottom: 1px solid #e4e4e4;
    box-shadow: 0px 0px 0px rgba(37, 125, 242, .27);
	
	
}
p.new_rq {
	width: 65px;
	height: 65px;
	background: #728798;
	float: left;
	text-align: center;
	color: #FFF;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
p.new_rq span {
	display: block;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	line-height: 35px;
	padding-top: 5px;
}
p.newrf_tx {
	float: left;
	width: 560px;
	margin-top: 8px;
}
p.newrf_tx a {
	color: #333;
	font-size: 18px;
	display: block;
	line-height: 30px;
}
p.newrf_tx span {
	display: block;
	font-size: 14px;
	color: #999;
	height: 60px;
	overflow: hidden;
}
.gdgdgd a:hover{
	display: block;
	font-size: 14px;
	color: #f00;
	height: 60px;
	overflow: hidden;
}
.newrf_lst dd:hover {
	width: 670px;
	height: 85px;
	float: left;
	margin-left:0px;
	margin: 10px; 
	border-bottom: 1px solid #217af0;
	box-shadow: 0px 0px 0px rgba(37, 125, 242, .27);
}
.newrf_lst dd:hover p.newrf_tx a {
	color: #217af0;
}
.newrf_lst dd:hover p.new_rq {
	background: #217af0;
	 
}
.newrf_lst dd:hover p.newrf_tx {

}
.mr0 {
	margin-right: 0px;
}