@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:visited{ text-decoration:none;}
img{ border:0;}
ul,li{list-style:none;}

html {
  font-size: 19.2px;
}
@media only screen and (max-width: 1366px) {
  html {
    font-size: 13.66px;
  }
  
  .ysbtn{ display:none;}
}

body {
  font-size: 0.8333rem; color:#222;
  font-family: Microsoft YaHei; background:#fff;

}


.top {background: #fff;width: 100%;	height: 100px;}
.t_con {width: 71rem;margin:0  auto;height: 100px; }

.tc_logo {width:11.3541rem; height:2.6041rem;margin-top:25px; float:left;}
.tc_logo img { width:11.3541rem; height:2.6041rem;}



.top .t_con ul {
	height: 100px;
	line-height: 100px;
     float:left;
	color: #fff;
	vertical-align: top; margin-left:8rem;
  
}

.top .t_con ul li {
	padding: 0 1.2rem;
	font-size: 18px;
	position: relative;
}

.top .t_con ul li:hover {
	cursor: pointer
}

.top .t_con ul li a {
	line-height: 80px;
	color: #333
}

.top .t_con ul li a:hover {
	color: #118dd0
}

.top .t_con ul li.on a {
	color: #118dd0
}

.top .t_con ul li.on a:hover {
	color: #118dd0
}

.top .t_con ul li .pro-con {
	display: none;
	position: absolute;
	left: -280px;
	top: 80px;
	width: 670px;
	height: 400px;
	z-index: 10;
	background-size: 100% 100%;
	color: #444;
	/* padding: 35px 43px; */
	background: #fff;
	box-shadow: 0px -10px 20px -10px #ddd;
	border-radius: 5px;
}

.top .t_con ul li .pro-con:before {
	content: "";
	display: block;
	position: absolute;
	left: 305px;
	top: -10px;
	border-right: 7px solid rgba(255, 255, 255, 0);
	border-left: 7px solid transparent;
	border-bottom: 10px solid #fff;
}


.top .t_con ul li .tcu_con {
	display: none;
	position: absolute;
	right: -550px;
	top: 85px;
	width: 1150px;
	height: 250px;
	z-index: 10;
	background-size: 100% 100%;
	color: #444;
	padding: 20px 0 10px 30px;
	background: #fff;
	box-shadow: 0px -10px 20px -10px #ddd;
}

.top .t_con ul li .tcu_con:before {
	content: "";
	display: block;
	position: absolute;
	left: 508px;
	top: -10px;
	border-right: 7px solid rgba(255, 255, 255, 0);
	border-left: 7px solid transparent;
	border-bottom: 10px solid #fff;
}


.top .t_con ul li .tcu_con dl { float:left;

	vertical-align: top;
	width: 195px;
	margin: 0 12px;
	font-size: 12px
}

.top .t_con ul li .tcu_con dl dt {
	color: #666;
	line-height: 50px;
	font-size: 14px;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 15px
}

.top .t_con ul li .tcu_con dl dt {
	color: #242746;
	line-height: 40px;
	font-size: 14px;
}
.top .t_con ul li .tcu_con dl dt img{
	vertical-align: middle;
	margin-right: 5px;
}

.top .t_con ul li .tcu_con dl dd{color: #424758;}

.top .t_con ul li .tcu_con dl dd a {
	color: #424758;
	line-height: 30px;
	font-size: 14px;
}

.top .t_con ul li .tcu_con dl dd a:hover {
	color: #118dd0
}

.tc_tel { float:left;
	width: 230px;
	height: 100px;
	line-height: 100px;
	position: relative;
	float: right
}



.tc_phone {	
	width: auto;
	font-size: 18px; float:left; margin:38px 0 0 1rem;
}

.tc_phone img {
	margin-right: 10px;
	margin-left: 5px
}

.list-inline{padding-left:0;margin-left:-5px;list-style:none}
.list-inline>li{display:inline-block; _zoom:1;_display:inline;}
.list-inline>li{display:inline-block; _zoom:1;*display:inline;padding-right:5px;padding-left:5px}
.top .t_con ul .produce-hover:hover .pro-con{display: block;}
.top .t_con ul .sol-hover:hover .tcu_con{display: block;}


.ysbtn{width: 5.7291rem;height:1.7708rem; line-height:1.7708rem; margin-left:4rem;text-align:center;background: #0190FF;border-radius: 17px; color:#fff; font-size:0.9375rem; float:left; margin-top:32px;}




/*底部*/

.bottom { width:100%;
	background: #2f3034;
	color: #999;
	text-align: left;
}

.bottom .b_top {
	width: 66rem; margin:0 auto;
	padding: 2rem 0 3rem;
}

.bottom .b_top .bt_left { float:left;
	vertical-align: top;
	position: relative; margin-left:3rem;
}

.bottom .b_top .bt_left:before {
	content: "";
	position: absolute;
	top: 10px;
	right: 0;
	background: #666;
	width: 1px;
	height: 285px
}

.bottom .b_top .bt_left dl {
	display: inline-block;
	vertical-align: top;
	padding-right: 6rem;
}

.bottom .b_top .bt_left dl dt {
	color: #fff;
	line-height: 50px;
	font-size: 16px
}

.bottom .b_top .bt_left dl dd {
	line-height: 30px
}

.bottom .b_top .bt_left dl dd a {
	color: #999
}

.bottom .b_top .bt_right {
	display: inline-block;
	vertical-align: top;
	margin-left: 5.2rem;
}

.bottom .b_top .bt_right h4 { font-size:14px;
	color: #fff;
	margin: 20px 0
}

.bottom .b_top .bt_right .btr_dh {
	position: relative;
	font-size: 25px;
	text-indent: 50px;
	margin-bottom: 20px
}

.bottom .b_top .bt_right .btr_dh:before {
	content: "";
	background: url(../a_images/dxy_icon3.png) no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 5px
}

.bottom .b_top .bt_right p {
	font-size: 16px;
	line-height: 55px;
	color: #fff
}

.bottom .b_top .bt_right .btr_ewm ul li img {
	width: 92px;
	height: 92px
}

.bottom .b_top .bt_right .btr_ewm ul li p {
	font-size: 12px;
	text-align: center;
	line-height: 35px;
	color: #999
}

.bottom .b_bottom {
	text-align: center;
	width:66rem;
	margin:0 auto;
	line-height: 100px;
	border-top: 1px solid #666
}