* {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

.fix {
	zoom: 1;
}

.fix:after {
	content: '';
	height: 0;
	font-size: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

.container {
	width: 1200px;
	margin: 0 auto;
}

.logo {
	float: left;
	height: 80px;
}

.logo span {
	height: 80px;
	line-height: 80px;
	display: inline-block;
	vertical-align: middle;
}

.logo img {
	max-height: 70px;
	vertical-align: middle;
}

.top {
	border-top: solid 5px #305dc3;
}

.nav {
	float: right;
}

.nav ul li {
	float: left;
	margin: 0 10px;
	position: relative;
}

.nav ul li a {
	display: block;
	font-size: 14px;
	color: #1e8bc3;
	transition: color 0.5s;
	-webkit-transition: color 0.5s;
	transition: background 0.5s;
	-moz-transition: background 0.5s;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	padding: 0 15px;
	height: 80px;
	line-height: 80px;
}

.nav ul li:hover {
	background-color: #305dc3;
	color: white;
}

.nav ul li:hover a {
	color: white;
}

.nav ul li a i {
	margin-left: 2px;
}

.nav dl {
	position: absolute;
	right: 0;
	top: 80px;
	width: 160px;
	z-index: 99999;
	background-color: white;
	display: none;
	border-top: solid 1px #305dc3;
}

.nav dl dd a {
	color: #1e8bc3 !important;
	height: 30px !important;
	line-height: 30px !important;
	border-bottom: 1px dotted #ccc;
}

.nav dl dd a:hover {
	background-color: #e9e9e9;
}


/**/

.index_banner .slideBox {
	width: 100%;
	/*height: 230px;*/
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}

.index_banner .slideBox .hd {
	height: 20px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 1;
	width: 100%;
	text-align: center;
}

.index_banner .slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	width: 100%;
	text-align: center;
}

.index_banner .slideBox .hd ul li {
	display: inline-block;
	margin-right: 4px;
	width: 10px;
	height: 10px;
	line-height: 14px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	border-radius: 50%;
}

.index_banner .slideBox .hd ul li.on {
	background: #333333;
	color: #fff;
}

.index_banner .slideBox .bd {
	width: 100%;
	position: relative;
	height: 100%;
	z-index: 0;
}

.index_banner .slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}

.index_banner .slideBox .bd img {
	width: 100%;
	/*height: 230px;*/
	display: block;
}

.t_1 {
	padding: 70px 0;
}

.ttt {
	font-size: 36px;
	margin-top: 0px;
	text-align: center;
	font-weight: 300;
	margin-bottom: 11px;
}

.tttp {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	width: 80%;
	color: #5e7387;
	margin: 0px auto;
}

.t_1 ul li i {
	font-size: 50px;
	width: 120px;
	height: 120px;
	color: #2574A9;
	border: solid 1px #bdc3c7;
	text-align: center;
	line-height: 120px;
	border-radius: 100%;
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

.t_1 ul li {
	text-align: center;
	width: 25%;
	float: left;
	margin-top: 50px;
	margin-bottom: 0px;
}

.t_1 ul li h4 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: 300;
	font-size: 20px;
	color: #2a333c;
}

.t_1 ul li p {
	width: 90%;
	margin: 0px auto;
	font-weight: 300;
	color: #5e7387;
	line-height: 21px;
}

.t_1 ul li:hover i {
	background: #305dc3;
}

.t_1 ul li:hover i {
	color: white;
	-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
}

.t_2 {
	padding: 70px 0;
	background-color: #f3f3f4;
}

.bt {
	margin: 30px 0;
	text-align: center;
}

.bt li {
	display: inline-block;
	text-align: center;
}

.bt li a {
	display: block;
	background: #fff;
	padding: 8px 30px;
	border: none;
	border-radius: 0;
	white-space: nowrap;
	color: #76838f;
}

.bt .cur a {
	background: #305dc3 !important;
	color: white !important;
}

.prd li {
	width: 33.33333%;
	padding: 5px;
	float: left;
	box-sizing: border-box;
	text-align: center;
}

.prd_1 span {
	display: block;
	font-size: 0;
	position: relative;
	width: 389px;
	height: 389px;
	overflow: hidden;
}

.prd_1 span img {
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}

.prd_1 span img:hover {
	transform: scale(1.1, 1.1);
	transition: all 0.5s;
}

.prd_1 p {
	position: relative;
	line-height: 45px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-color: white;
	color: #305dc3;
}

.p_div {
	opacity: 0;
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 5px;
	display: table;
	background-color: rgba(48, 93, 195, 0.6);
	text-align: center;
}

.p_div:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 8px;
	right: 8px;
	bottom: 8px;
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.p_div ul {
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
	padding: 30px;
	color: white;
	line-height: 25px;
}

.prd_1 p {
	position: relative;
}

.prd_1 p span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	line-height: 45px;
	background-color: #305dc3;
	color: white !important;
}

.prd {
	display: none;
}

.new li {
	width: 33.33333% !important;
	padding: 0 15px;
	box-sizing: border-box;
}

.img_span {
	display: block;
	font-size: 0;
	width: 369px;
	height: 369px;
	margin: 0 auto;
}

.img_span img {
	max-width: 100%;
}

.new_lsit {
	font-size: 15px;
	line-height: 35px;
}

.new_lsit:after {
	content: '';
	height: 0;
	font-size: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

.new_lsit a {
	display: block;
	width: 68%;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #37474f;
	font-size: 14px;
	padding-left: 5px;
	box-sizing: border-box;
}

.new_lsit span {
	width: 32%;
	font-size: 14px;
}

.new_tit {
	width: 100% !important;
	margin: 11px 0 !important;
	font-size: 24px;
	text-align: left;
}

.new_lsit {
	box-sizing: border-box;
}

.new_lsit:hover {
	background-color: #f3f7f9;
}

.last_more {
	text-align: left;
	display: block;
	margin: 15px 7px 7px 7px;
}

.img_span {
	position: relative;
}

.img_span:after {
	transition: opacity 0.3s;
	opacity: 0;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(32, 152, 209, 0.5);
}

.img_span:hover:after {
	opacity: 0.8;
}

.w_50 {
	width: 50%;
	padding: 0 15px;
	box-sizing: border-box;
	float: left;
}

.w_50 h3 {
	padding-bottom: 12px;
	margin-bottom: 28px;
	position: relative;
	border-bottom: solid 1px rgba(0, 0, 0, 0.07);
	text-align: left;
	font-size: 36px;
	margin-top: 0px;
	font-weight: 300;
}

.w_50 video {
	width: 100%;
	height: 350px;
}

.w_50 div {
	width: 100%;
}

.w_50 div img {
	max-width: 100%;
}

.w_50 p {
	line-height: 47px;
}

.gd {
	display: inline-block;
	margin-top: 10px;
	text-decoration: none;
	border: 1px solid #305dc3;
	border-radius: 4px;
	padding: 6px 12px;
	color: #305dc3;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}

.gd:hover {
	background: #305dc3;
	color: #fff;
	transform: translate3d(0, -5px, 0);
}

.single-client {
	text-align: center;
}

.img-holder {
	border: 9px solid #305dc3;
	border-radius: 50%;
	display: inline-block;
	margin-bottom: -82.5px;
	position: relative;
	z-index: 99;
	overflow: hidden;
}

.img-holder img {
	transform-style: flat!important;
	-webkit-transform-style: preserve-3d;
	border-radius: 50%;
	width: 165px;
	height: 165px;
	overflow: hidden;
}

.content {
	text-align: center;
	padding: 0 22px;
	background: #f3f3f4;
	padding-top: 82.5px;
	padding-bottom: 40px;
	display: block;
	border: 1px solid #e2e2e2;
}

.single-client h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	margin-top: 24px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.single-client h2 a {
	color: #305dc3;
	font-size: 16px;
	font-weight: bold;
}

.single-client p {
	color: #555;
	font-size: 14px;
	margin-top: 11px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.lst dd {
	width: 25%;
	padding: 0 20px;
	box-sizing: border-box;
	float: left;
}

.lst {
	margin-top: 40px;
}

.lx {
	text-align: center;
	background: #305dc3;
	padding: 28px 15px;
}

.lx p {
	font-size: 24.5px;
	color: #fff;
	display: inline-block;
	margin: 10px 0;
	line-height: 30px;
	padding-right: 50px;
	position: relative;
	top: 5px;
}

.lx a {
	font-family: ' ', Tahoma, Verdana, 'Simsun';
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	background: #484848;
	position: relative;
	line-height: 40px;
	padding-left: 27px;
	border-radius: 3px;
	padding-right: 9px;
	margin: 10px 0;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.lx a:hover {
	background-color: #305dc3;
}

.lx a i {
	padding-left: 15px;
	font-size: 1.25em;
	padding-right: 7px;
	vertical-align: middle;
	border-left: 1px solid #fff;
	position: relative;
	margin-left: 20px;
	font-size: 14px;
	line-height: 28px;
}

.footer{
	text-align: center;
	    background: #32373c;
	    padding: 40px 0;
}

.footer .masonry-item {
	width: 16.66666667%;
	float: left;
	margin-bottom: 20px;
	padding: 0 15px;
	box-sizing: border-box;
}
.masonry-item h4{
	color: #dadada;
    font-size: 18px;
    margin-top: 0px;
    text-shadow: none;
    margin-bottom: 11px;
}

.masonry-item li{
	    margin-bottom: 3px;
}

.masonry-item li a{
	    color: #E4F1FE;
    text-decoration: none;
    font-size: 14px;
    line-height: 21px;
}

.s{
	    width: 25%;
	    float: left;
	    padding: 0 15px;
	    box-sizing: border-box;
}

.s em{
	display: block;
    font-size: 26px;
    font-style: normal;
}

.s em a {
	font-size: 26px;
	font-weight: bold;
    color: #E4F1FE;
    transition: color 0.5s;
    -moz-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
}
.s p {
	font-size: 14px;
	line-height: 21px;
    color: #dadada;
    margin-bottom: 11px;
}

.s a{
    margin: 0px 8px;
}
.s a  i {
    font-size: 26px;
    cursor: pointer;
}


   .hide {
    display: none!important;
}
.text-center {
    text-align: center!important;
}
.met-weixin-img img {
    max-width: 160px;
}

.footer a {
    color: #dadada;
}
.light-green-700 {
    color: #83b944 !important;
}
.red-600 {
    color: #f96868 !important;
}

#met-weixin{
	position: relative;
}

.ewm{
	position: absolute;
	left: -60px;
	top: -170px;
	display: none;
}

.last{
	background-color: #282d32;
	padding: 20px 0;
}

.last p{
	text-align: center;
	color: white;
	font-size: 14px !important;
	line-height: 25px;
}
.last p a{
	color: white;
	margin: 0 5px;
}


.in_1_left {
	width: 272px;
	float: left;
}

.in_1_left h2 {
	padding-top: 10px;
	margin-bottom: 0;
	background: #1c6fc4;
	padding-bottom: 8px;
	line-height: 32px;
	text-align: center;
	font-size: 24px;
	color: white;
	font-weight: 400;
}

.in_1_left ul {
	padding: 0 25px;
	box-sizing: border-box;
	background-color: white;
	min-height: 307px;
}

.in_1_left ul li {
	height: 40px;
	border-bottom: 1px dashed #C5C5C5;
	box-sizing: border-box;
}

.in_1_left ul li a {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #666666;
}

.in_lx{
	margin-top: 20px;
	height:  auto !important;
	font-size: 0 !important;
}

.in_right{
	width: 860px;
	float: right;
	min-height: 500px;
	background-color: white;
	padding: 32px;
	box-sizing: border-box;
}

.in_lx{
	margin-top: 20px;
	height:  auto !important;
	font-size: 0 !important;
}

.lx_text{
	font-size: 14px;
	line-height: 40px;
}
.lx_text img{
	cursor: pointer;
	vertical-align: middle;
}


.in_right_tit{
	border-bottom: 1px solid #DDD;
    line-height: 48px;
}

.in_right_tit .name {
    max-width: 220px;
    height: 48px;
    font-size: 20px;
    overflow: hidden;
    float: left;
}

.in_right_tit .name img {
    display: inline-block;
    vertical-align: middle;
}

.in_right_tit .name span{
	line-height: 40px;
}

.in_link{
	color: #999;
}

.sitepath{
	float: right;
	font-size: 14px;
	color: #666666;
}

.sitepath a{
	color: #999999;
}

.in_1_left ul li a:before {
	content: ">";
	font-weight: 700;
	margin-right: 10px;
	font-family: "simsun";
	color: #00AAF6;
}

.in_1_left div {
	height: 40px;
	text-align: center;
	display: block;
	background: #BFCBD3;
	color: #FFF;
	font-size: 14px;
	line-height: 40px;
}

.in_1_left div:hover {
	background-color: #00AAF6;
}

.in_1_right {
	width: 850px;
	float: right;
}

.in_1_right li {
	width: 25%;
	float: left;
	margin-bottom: 34px;
	padding: 0 16px;
	box-sizing: border-box;
}
.pic {
	width: 188px;
	height: 153px;
	display: table-cell;
	vertical-align: middle;
	background: #fff;
}

.pic img {
	width: 100%;
}

.in_1_right li p {
	display: block;
	height: 40px;
	background: #00AAF6;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.in_1_right li p:hover {
	background-color: #245EB5;
}

.in_2 {
	text-align: center;
}

.in_3 p {
	font-size: 28px;
	text-align: center;
}

.i_tit {
	position: relative;
	padding: 0 16px;
	background: #FFF;
	text-transform: uppercase;
	font-size: 18px;
	color: #999;
	z-index: 2;
	text-align: center;
	margin: 10px 0;
}

.i_tit font {
	display: inline-block;
	margin: 0 auto;
	font-size: 18px;
	color: #999;
	z-index: 9999;
	text-align: center;
	background-color: white;
	padding: 0 15px;
}
.in_1 {
    background: #EFF4F7;
    padding: 48px 0;
}