body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	line-height: 26px;
	color: #333;
	font: 14px "微软雅黑", "Microsoft YaHei";
}
div, p, span, ul, li, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, a, img, textarea, input, em, b, i {
	margin: 0;
	padding: 0;
	font-weight: normal;
	border: none;
}
a {
	text-decoration: none;
	outline: none;
	color: #333;
	padding: 0;
}
ul, li {
	list-style: none;
}
input, textarea, img {
	outline: none;
	border: none;
	font: 16px "微软雅黑", "Microsoft YaHei";
}
i, em {
	font-style: normal;
}
p {
	line-height: 26px;
}
.lt {
	float: left;
}
.rt {
	float: left;
}
.rt2 {
	float: right;
}
.sea_in {
    float: right;
    padding: 40px 0 0 50px;
    /* height: 80px; */
    background: url(../images/long-phone.png) no-repeat top;
    margin-top: 20px;
}
.sea_in .search {
    width: 180px;
    height: 26px;
    border: 1px solid #c5c5c5;
    line-height: 21px;
    float: left;
}
.sea_in .sub {
    width: 70px;
    height: 26px;
    background: #206dcc;
    border: none;
    color: #ffffff;
    cursor: pointer;
    vertical-align: middle;
    float: left;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.container {
	margin: 0 auto;
	height: auto;
}
a:focus, a:hover {
	color: #2475e4;
	text-decoration: none;
	outline: none;
	outline-offset: 0;
}
body {
	background: #fff;
	position: relative;
}
img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
html {
	overflow-x: hidden;
}
@font-face {
	font-family: 'iconfont';  /* project id 430368 */
	src: url('../fonts/font_430368_rfp6lu8s6aymygb9.eot');
	src: url('../fonts/font_430368_rfp6lu8s6aymygb9.eot') format('embedded-opentype'), url('../fonts/font_430368_rfp6lu8s6aymygb9.woff') format('woff'), url('../fonts/font_430368_rfp6lu8s6aymygb9.ttf') format('truetype'), url('../fonts/font_430368_rfp6lu8s6aymygb9.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#had_top {
	height: 37px;
	line-height: 37px;
	background: #f6f6f6;
	color: #999;
	font-size: 12px;
}
.hot_tel {
	display: inline-block;
}
.hot_tel i {
	display: inline-block;
	width: 15px;
	height: 14px;
	background: url(../images/tel.png) no-repeat center center;
	vertical-align: middle;
	margin-top: -3px;
}
.hot_tel:hover {
	color: #2475e4;
}
.hot_tel:hover i {
	background: url(../images/tel-on.png) no-repeat center center;
}
.top_classify ul li {
	height: 14px;
	width: 93px;
	text-align: center;
	border-right: 1px solid #999;
	display: inline-block;
	line-height: 14px;
}
.top_classify ul li a {
	color: #999;
}
.top_classify ul li:hover a {
	color: #2475e4;
}
.top_classify ul li:last-child {
	border: none;
}

#menu {
	position: absolute;
	top: 0;
	right: 15px;
	height: 100%;
	width: 10%;
	text-align: center;
}
#menu i {
	font-size: 24px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	width: 32px;
	height: 28px;
}
.slick-slide {
	outline: none;
}
.banner .slick-prev:before, .banner .slick-next:before {
	display: none;
}
.slick-dots li button:before {
	display: none;
}
.slick-dotted.slick-slider {
	margin: 0;
}
.banner {
	overflow: hidden;
}
.banner .slick-slide {
	overflow: hidden;
}
.banner img {
	width: 100%;
	margin: 0 auto;
}
.banner .slick-prev, .banner .slick-next {
	z-index: 10;
	width: 48px;
	height: 47px;
	background: none;
}
.banner .slick-prev {
	background: url(../images/ban-left.png) no-repeat center center;
	left: 10%;
	background-size: 100%;
}
.banner .slick-prev:hover {
	background: url(../images/ban-left-on.png) no-repeat center center;
	left: 10%;
	background-size: 100%;
}
.banner .slick-next {
	background: url(../images/ban-right.png) no-repeat center center;
	right: 10%;
	background-size: 100%;
}
.banner .slick-next:hover {
	background: url(../images/ban-right-on.png) no-repeat center center;
	right: 10%;
	background-size: 100%;
}
.S-title {
	margin: 40px auto 20px;
	text-align: center;
}
.S-title b {
	display: block;
	width: 60px;
	background: #2475e4;
	height: 3px;
	margin: 0 auto;
}
.S-title h3 {
	font-size: 30px;
	font-weight: bold;
	margin: 10px 0;
}
.S-title span {
	font-size: 18px;
	color: #999;
}
.services-content {
	overflow: hidden;
    padding-bottom: 0px;
    width: 100%;
	padding: 0 1%;
	border: 1px dashed #ccc;
}
.services-content ul li {
	width: 12.5%;
	height: 150px;
    float: left;
	margin: 1% 0;
}
.services-content ul li：hover {
    box-shadow: 0 3px 1px rgba(54, 58, 65, 0.07);
}


.servicesSlider .slick-list {
}
.services-ul li {
	text-align: center;
	padding: 2px;
}
.services-content ul li dl {
	padding: 25px 0;
}
.services-content ul li dl dt {
	width: 85px;
	height: 85px;
	line-height: 50px;
	border: 1px solid #cfcfcf;
	border-radius: 50%;
	margin: 0 auto;
	text-align: center;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
}
.services-content ul li dl dt a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.services-content ul li dl dt i {
	color: #666;
	display: block;
	vertical-align: middle;
	font-size: 25px;
	width: 70px;
	height: 75px;
	margin: 0 auto
}
.services-content ul li:nth-child(1) dl dt i {
	background: url(../images/icon_14_on.png) no-repeat center center;
}
.services-content ul li:nth-child(2) dl dt i {
	background: url(../images/icon_16_on.png) no-repeat center center;
}
.services-content ul li:nth-child(3) dl dt i {
	background: url(../images/icon_18_on.png) no-repeat center center;
}
.services-content ul li:nth-child(4) dl dt i {
	background: url(../images/icon_20_on.png) no-repeat center center;
}
.services-content ul li:nth-child(5) dl dt i {
	background: url(../images/icon_22_on.png) no-repeat center center;
}
.services-content ul li:nth-child(6) dl dt i {
	background: url(../images/icon_24_on.png) no-repeat center center;
}
.services-content ul li:nth-child(7) dl dt i {
	background: url(../images/icon_26_on.png) no-repeat center center;
}
.services-content ul li:nth-child(8) dl dt i {
	background: url(../images/icon_28_on.png) no-repeat center center;
}
.services-content ul li:nth-child(9) dl dt i {
	background: url(../images/icon_30_on.png) no-repeat center center;
}
.services-content ul li:nth-child(10) dl dt i {
	background: url(../images/icon_32_on.png) no-repeat center center;
}
.services-content ul li:nth-child(11) dl dt i {
	background: url(../images/icon_34_on.png) no-repeat center center;
}
.services-content ul li:nth-child(12) dl dt i {
	background: url(../images/icon_36_on.png) no-repeat center center;
}
.services-content ul li:nth-child(13) dl dt i {
	background: url(../images/icon_38_on.png) no-repeat center center;
}
.services-content ul li:nth-child(14) dl dt i {
	background: url(../images/icon_40_on.png) no-repeat center center;
}
.services-content ul li:nth-child(15) dl dt i {
	background: url(../images/icon_42_on.png) no-repeat center center;
}
.services-content ul li:nth-child(16) dl dt i {
	background: url(../images/icon_44_on.png) no-repeat center center;
}
.services-content ul li dl dd h5 a {
	font-size: 14px;
	font-weight:bold;
	color: #494949;
	margin: 10px 0;
	display: block;
    padding-top: 10px;
    text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.services-content ul li dl dd p {
	font-size: 14px;
	color: #999;
	height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.services-content ul li dl dd a.more {
	font-size: 14px;
	color: #999;
	margin-top: 5px;
	opacity: 0;
}
.services-content ul li dl dd img {
	margin: 0 auto;
	opacity: 0;
	width: 10px;
}
.services-content ul li:hover dl {
	cursor: pointer;
}
.services-content ul li:hover dl dt a {
	background: #2475e4;
}
.services-content ul li:hover dl dt {
	margin-top: -10px;
	box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.3);
}
.services-content ul li:nth-child(1):hover dl dt i {
	background: url(../images/icon_14.png) no-repeat center center;
}
.services-content ul li:nth-child(2):hover dl dt i {
	background: url(../images/icon_16.png) no-repeat center center;
}
.services-content ul li:nth-child(3):hover dl dt i {
	background: url(../images/icon_18.png) no-repeat center center;
}
.services-content ul li:nth-child(4):hover dl dt i {
	background: url(../images/icon_20.png) no-repeat center center;
}
.services-content ul li:nth-child(5):hover dl dt i {
	background: url(../images/icon_22.png) no-repeat center center;
}
.services-content ul li:nth-child(6):hover dl dt i {
	background: url(../images/icon_24.png) no-repeat center center;
}
.services-content ul li:nth-child(7):hover dl dt i {
	background: url(../images/icon_26.png) no-repeat center center;
}
.services-content ul li:nth-child(8):hover dl dt i {
	background: url(../images/icon_28.png) no-repeat center center;
}
.services-content ul li:nth-child(9):hover dl dt i {
	background: url(../images/icon_30.png) no-repeat center center;
}
.services-content ul li:nth-child(10):hover dl dt i {
	background: url(../images/icon_32.png) no-repeat center center;
}
.services-content ul li:nth-child(11):hover dl dt i {
	background: url(../images/icon_34.png) no-repeat center center;
}
.services-content ul li:nth-child(12):hover dl dt i {
	background: url(../images/icon_36.png) no-repeat center center;
}
.services-content ul li:nth-child(13):hover dl dt i {
	background: url(../images/icon_38.png) no-repeat center center;
}
.services-content ul li:nth-child(14):hover dl dt i {
	background: url(../images/icon_40.png) no-repeat center center;
}
.services-content ul li:nth-child(15):hover dl dt i {
	background: url(../images/icon_42.png) no-repeat center center;
}
.services-content ul li:nth-child(16):hover dl dt i {
	background: url(../images/icon_44.png) no-repeat center center;
}
.services-content ul li:hover dl dd h3 a {
	color: #2475e4;
}
.services-content ul li:hover dl dd a.more {
	color: #2475e4;
	opacity: 1;
}
.services-content ul li:hover dl dd img {
	opacity: 1;
}
.slider_btn .slick-prev, .slider_btn .slick-next {
	width: 55px;
	height: 90px;
	text-align: center;
	z-index: 20;
}
.slider_btn .slick-prev {
	left: -50px;
}
.slider_btn .slick-next {
	right: -50px;
}
.slider_btn .slick-prev:before, .slider_btn .slick-next:before {
	content: "";
	color: #cfcfcf;
	font-size: 40px;
	display: inline-block;
	width: 15px;
	height: 29px;
	vertical-align: middle;
	opacity: 1;
}
.slider_btn .slick-prev:before {
	background: url(../images/click-lt.png) no-repeat center center;
	opacity: 1;
	background-size: 100% 100%;
}
.slider_btn .slick-next:before {
	background: url(../images/click-rt.png) no-repeat center center;
	opacity: 1;
	background-size: 100% 100%;
}
.slider_btn .slick-prev:hover {
	background: #2475e4;
}
.slider_btn .slick-prev:hover:before {
	background: url(../images/click-lt-on.png) no-repeat center center;
	background-size: 100% 100%;
}
.slider_btn .slick-next:hover {
	background: #2475e4;
}
.slider_btn .slick-next:hover:before {
	background: url(../images/click-rt-on.png) no-repeat center center;
	background-size: 100% 100%;
}
.slider_btn .slick-prev.slick-disabled:before, .slider_btn .slick-next.slick-disabled:before {
	opacity: 1;
}
.S-more {
	text-align: center;
	margin: 50px 0 40px;
}
.S-more a {
	display: block;
	margin: 0 auto;
	width: 250px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 25px;
	color: #2475e4;
	border: 1px solid #2475e4;
}
.S-more a:hover {
	background: #2475e4;
	color: #fff;
}
.services-mob {
	width: 90%;
}
.services-content .arrow-right-serM {
	right: 0;
	width: 40px;
	text-align: right;
}
.services-content .arrow-left-serM {
	left: 0;
	width: 40px;
	text-align: right;
}
.brand-content {
	height: 470px;
	background: #fcfcfc;
	overflow: hidden;
}
.brandLt {
	height: 100%;
	position: relative;
	overflow: hidden;
}
.brandLtBg {
	position: absolute;
	top: 0;
	left: 50%;
	width: 960px;
	height: 470px;
	max-width: none;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
}
.brandLt-list li a {
	display: block;
	margin-top: 80px;
	width: 118px;
	height: 118px;
	border-radius: 50%;
	border: 1px solid #d1d1d0;
	text-align: center;
	background: #fff;
}
.brandLt-list li i {
	display: block;
	width: 54px;
	height: 115px;
	margin: 0 auto;
}
.brandLt-list li.idea i {
	background: url(../images/icon_35_on.png) no-repeat center center;
}
.brandLt-list li.invite i {
	background: url(../images/icon_37_on.png) no-repeat center center;
}
.brandLt-list li.explain i {
	background: url(../images/icon_41_on.png) no-repeat center center;
}
.brandLt-list li.contact i {
	background: url(../images/icon_43_on.png) no-repeat center center;
}
.brandLt-list li span {
	font-size: 18px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	display: none;
	margin-top: 5px;
}
.brandLt-list li a:hover {
	background: #2475e4;
}
.brandLt-list li a:hover i {
	width: 35px;
	height: 30px;
	background-size: 35px 30px;
	margin-top: 25px;
}
.brandLt-list li.idea a:hover i {
	background: url(../images/icon_35.png) no-repeat center center;
	background-size: 35px 30px;
}
.brandLt-list li.invite a:hover i {
	background: url(../images/icon_37.png) no-repeat center center;
	background-size: 35px 30px;
}
.brandLt-list li.explain a:hover i {
	background: url(../images/icon_41.png) no-repeat center center;
	background-size: 35px 30px;
}
.brandLt-list li.contact a:hover i {
	background: url(../images/icon_43.png) no-repeat center center;
	background-size: 35px 30px;
}
.brandLt-list li a:hover span {
	display: block;
	line-height: 26px;
	color: #fff;
}
.brandRt-txt {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin: 35px 15px;
	height: 420px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	width: revert;
	-webkit-line-clamp: 13
}
.news-content {
	position: relative;
}
.news-list {
}
.news-list li {
	padding: 20px 25px;
	vertical-align: top;
}
.news-list li dl {
	width: 100%;
    height: 330px;
    position: relative;
    overflow: hidden;
    box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.3)
}
/*移动端导航超链接高亮颜色*/
.navyd a{
color:#eaf908;
}
.news-list li dl dt {
}
.news-list li dl dd {
	padding: 4% 5%;
}
.news-list li dl dd h3 a {
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	display: block;
	font-size: 16px;
}
.news-list li dl dd span {
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	color: #999;
	font-size: 14px;
}
.news-list li dl dd p {
	color: #666;
	font-size: 14px;
	line-height: 32px;
	height: 64px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news-list li:hover {
}
.news-list li:hover h3 a {
	color: #ff9a35;
}
.news-list li:hover span {
	color: #000;
}
.news-list li:hover p {
	color: #000;
}
.team-bg {
	padding: 48px 0;
	background: #fcfcfc;
}
.team-content {
	position: relative;
}
.team-list {
}
.team-list li {
	padding: 0 15px;
}
.team-list li dl {
	position: relative;
	overflow: hidden;
	border: 1px dashed #ccc;
    border-bottom: none;
}
.teamtit {
    padding: 19px 12px 10px 18px;
    border: 1px dashed #dbdbdb;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
	cursor:pointer;
}
.teamtit:hover{
	color:#03F;
}
.team-list li dl dt {
}
.team-list li dl dd {
	background-color: rgba(225,225,225,0.8);
	text-align: center;
	position: absolute;
	bottom: -100%;
	width: 100%;
	height: 100%;
	transition: all linear .5s;
	-webkit-transition: all linear .5s;
}
.team-list li dl dd img {
	color: #fff;
	font-size: 30px;
	display: block;
	margin: 90px auto 0;
}
.team-list li dl dd h4 {
	color: #272727;
    font-weight: bold;
    font-size: 18px;
	height: 26px;
	overflow: hidden;
	line-height: 26px;
	margin: 8px 0 13px;
}
.team-list li dl dd b {
	width: 55px;
	border-top: 2px solid #fff;
	display: block;
	margin: 0 auto;
}
.team-list li dl dd p {
	font-size: 14px;
    line-height: 38px;
    text-align: left;
    padding: 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
}
.team-list li dl:hover dd {
	bottom: 0;
}
.team-list-mob {
	overflow: hidden;
}
.team-list-mob li {
	padding: 0 20px;
	width: 50%;
	height: 230px;
	float: left;
	margin-bottom: 10px;
}
.team-list-mob li dl dt {
}
.team-list-mob li dl dd {
	text-align: center;
	line-height: 26px;
	height: 26px;
	margin: 10px 0;
}
.cooperationCase {
	padding-bottom: 25px;
}
.case-content {
	position: relative;
}
.case-list {
}
.case-list li {
	width: 250px;
	padding: 0 20px;
}
.case-list li dl {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.case-list li dl dt {
	width: 100%;
	height: 100%;
}
.case-list li dl dd {
	position: absolute;
	bottom: -100%;
	width: 100%;
	height: 100%;
	background: rgba(000,000,000,.7);
	text-align: center;
	transition: all linear .5s;
	-webkit-transition: all linear .5s;
}
.case-list li dl dd h3 {
	color: #fff;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 50px;
}
.case-list li dl dd b {
	display: block;
	width: 50px;
	border-top: 2px solid #fff;
	margin: 10px auto 0;
}
.case-list li dl:hover dd {
	bottom: 0;
}
.casetit{
    padding: 10px 12px;
    border: 1px dashed #dbdbdb;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.casetit:hover{
	color:#03F;
}
#footer {
	background: #fcfcfc;
	padding-top: 45px;
}
.footBox {
	padding: 0 0 25px 0;
	border-bottom: 1px solid #f6f6f6;
	overflow: hidden;
}
.foot-nav li h3 a {
	color: #666;
	font-size: 14px;
	display: block;
	height: 24px;
	overflow: hidden;
	line-height: 24px;
	margin-bottom: 10px;
	font-weight: bold;
}
.foot-nav li span a {
	color: #999;
	font-size: 14px;
	display: block;
	height: 24px;
	overflow: hidden;
	line-height: 24px;
}
.foot-nav li span {
	display: block;
}
.foot-nav li a:hover {
	color: #2475e4;
}
.foot-logo dl {
	text-align: center;
}
.foot-logo dl dt {
	width: 90px;
	height: 90px;
	margin: 0 auto;
}
.foot-logo dl dd {
	font-size: 12px;
	color: #999;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	margin-top: 5px;
}
.foot-contact {
	padding: 25px 0;
	overflow: hidden;
}
.foot-contact dl dt {
	display: inline-block;
	vertical-align: top;
	height: 36px;
	line-height: 36px;
	width: 15%;
}
.foot-contact dl dt i {
	color: #b3b3b3;
	font-size: 35px;
}
.foot-contact dl.e-mail dt {
}
.foot-contact dl.e-mail dt i {
	font-size: 45px;
}
.foot-contact dl dd {
	display: inline-block;
	margin-left: 10px;
	width: 75%;
}
.foot-contact dl dd h3 {
	color: #666;
	font-size: 14px;
}
.foot-contact dl dd p {
	color: #999;
	font-size: 12px;
}
#link {
	text-align: center;
	background: #f6f6f6;
	padding: 20px 0;
}
.link li {
	display: inline-block;
	color: #999;
	font-size: 12px;
}
.link li a {
	display: inline-block;
	color: #999;
	font-size: 12px;
	height: 12px;
	line-height: 12px;
	padding: 0 5px;
	border-right: 1px solid #999;
}
.copy {
	color: #999;
	font-size: 12px;
	line-height: 24px;
	margin-top: 10px;
}
.copy a {
	color: #999;
	font-size: 12px;
	line-height: 24px;
}
.copy a:hover {
	color: #2475e4;
}
.link li a:hover {
	color: #2475e4;
}
.link li:last-child a {
	border: none;
}
.foot-tel {
	background: #2475e4;
	color: #fff;
	padding: 5px 15px;
}
.foot-tel img {
	font-size: 25px;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	display: inline-block;
}
.foot-tel a {
	color: #fff;
}
.foot-tel span {
	vertical-align: middle;
	display: inline-block;
	width: 75%;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
}
.copy-mob {
	padding: 5px 15px;
	margin-bottom: 50px;
}
.copy-mob p {
	color: #999;
	font-size:12px;
	overflow: hidden;
	display: inline-block;
}
.copy-mob .scroll_top {
	display: inline-block;
}
/*移动端首页友链隐藏*/
.visible-xs .link{
	display:none;
}
.foot-nav-mob {
	background: #3367d6;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.3);
}
.foot-nav-mob ul {
	padding: 0 10px;
}
.foot-nav-mob li {
	width: 25%;
	float: left;
	text-align: center;
	padding: 6px 5px 2px;
}
.foot-nav-mob li i {
	display: block;
	width: 90%;
	height: 30px;
	text-align: center;
	margin: 0 auto;
}
.foot-nav-mob li i img {
}
.foot-nav-mob li span {
	color: #fff;
	display: block;
	line-height: 20px;
	height: 20px;
	font-size: 14px;
	overflow: hidden;
}
.det-banner {
	position: relative;
	height: 220px;
	overflow: hidden;
	width: 100%;
}
.det-ban-img {
	position: absolute;
	height: 220px;
	top: 0;
	left: 50%;
	width: 1920px;
	margin-left: -960px;
	overflow: hidden;
	max-width: none;
	max-height: none;
}
.det-nbanner {
	position: relative;
	height: 500px;
	overflow: hidden;
	width: 100%;
}
.det-nban-img {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1920px;
	margin-left: -960px;
	overflow: hidden;
	max-width: none;
	max-height: none;
}
.ban-name {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ban-cont {
	text-align: center;
}
.ban-cont h3 {
	font-size: 30px;
	font-weight: bold;
	margin: 80px 0 10px 0;
}
.ban-cont h4 {
	font-size: 24px;
	font-weight: bold;
}
.det-navBox {
	background: #fff;
	z-index: 10;
	position: relative;
}
.det-nav {
	height: 50px;
	background: #fff;
	margin-top: -50px;
	text-align: center;
}
.det-nav li {
	display: inline-block;
	width: 10%;
	text-align: center;
	position: relative;
}
.det-nav li a {
	line-height: 50px;
	display: inline-block;
	font-size: 15px;
	color: #666;
	border-bottom: 2px solid transparent;
	height: 50px;
	overflow: hidden;
}
.det-nav li:hover>a {
	border-bottom: 2px solid #2475e4;
	color: #2475e4
}
.det-nav li.current>a {
	border-bottom: 2px solid #2475e4;
	color: #2475e4
}
.child {
	position: absolute;
	top: 80px;
	left: 0;
	width: 450px;
	text-align: left;
	display: none;
}
.child li {
	display: inline-block;
	width: 24%;
}
.child li a {
	display: inline-block;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	color: #999;
	font-size: 12px;
}
.child li.current a {
	color: #2475e4;
	border: none;
}
.child li:hover a {
	color: #2475e4;
	border: none;
}
.det-navBox {
	padding: 0 30px;
}
.det-nav {
	border-bottom: 2px solid #f6f6f6
}
.det-content {
	padding: 10px 50px 0 0;
}
.xgtj p {
    font-size: 16px;
    font-weight: bolder;
}
.xgtj li {
    width: 23%;
    float: left;
    margin: 1%;
	height: 230px;
}
@media screen and (max-width: 1440px){
.xgtj li {
    width: 46%;
    float: left;
    margin: 2%;
	height: 230px;
}
.foot-tel {
    background:none;
	color: #1c1b1b;
}
.foot-tel a {
    color: #1c1b1b;
}
}
.listleft img {
    max-width: 80%;
}
/*tag集合页面排版样式*/
.x6{
margin-top:2%;
}
.text-yellow{
color:red;
}
.fhzy{
float:right;
padding-right:5%;
}
.normal-list{
margin-top: 30px;
}
.dot{
line-height: 32px;
}

.det-text {
    padding: 10px;
    line-height: 26px;
    font-size: 14px;
}
.det-text img {
    max-width: 100%;
    height: auto !important;
    display: block;
    margin: 0 auto;
}
.det-news {
	padding: 30px 0 50px 0;
}
.det-news .list-news {
	overflow: hidden;
	padding-bottom: 10px;
}
.list-news li {
	margin-bottom: 40px;
	padding: 0 40px;
}
.list-news li dl dt {
	width: 100%;
	position: relative;
}
.list-news li dl dd h3 {
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	text-align:center;
}
.list-news li dl dd span {
	color: #999;
	font-size: 12px;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	display: block;
}
.list-news li dl dd p {
	color: #666;
	font-size: 14px;
	line-height: 32px;
	height: 64px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.page {
	text-align: center;
}
.page li {
	display: inline-block;
	background-color: aliceblue;
border-radius: 30px;
}
.page li a {
	display: inline-block;
	width: 120px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	color: #999;
}
.page li a:hover {
	background: #2475e4;
	border-radius: 25px;
	color: #fff;
}
.list-text {
	padding-bottom: 50px;
	overflow: hidden;
}
.list-text li {
	padding: 30px 0;
	border-bottom: 1px dashed #ddd;
}
.listleft {
    width: 25%;
    float: left;
}
.listright {
    padding-left: 28%;
}
.listrightyd {
    padding-left: 2%;
}
.list-text li h3 a {
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
}
.list-text li span {
	color: #999;
	font-size: 12px;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	display: block;
}
.list-text li p {
	color: #666;
	font-size: 14px;
	line-height: 32px;
	height: 64px;
	overflow: hidden;
}
.list-text li a.more {
	margin-top: 10px;
	color: #999;
	font-size: 12px;
	display: block;
	width: 70px;
	height: 28px;
	line-height: 28px;
	text-align: center;
}
.list-text li:hover a.more {
	color: #fff;
	background: #2475e4;
	border-radius: 15px;
}
.list-text li:hover h3 a {
	color: #2475e4;
}
.list-image {
	overflow: hidden;
	padding: 10px 0 20px 0;
}
.list-image li {
	padding: 0 25px;
	text-align: center;
	margin-bottom: 60px;
}
.list-image li .pic {
	position: relative;
}
.list-image li .pic img {
}
.list-image li .pic .pic-bg {
	position: absolute;
	top: 0;
	left: 0;
	background: #2475e4;
	width: 100%;
	color: #fff;
	height: 100%;
	display: none;
}
.list-image li .pic .pic-bg i {
	font-size: 30px;
	margin : 19% auto 0;
	display: block;
	background: url(../images/index_51.png) no-repeat center center;
	width: 32px;
	height: 32px;
}
.list-image li .pic .pic-bg h3 {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 24px;
	margin: 10px 0;
}
.list-image li .pic .pic-bg b {
	display: block;
	width: 50px;
	height: 2px;
	background: #fff;
	margin: 0 auto;
}
.list-image li .title {
	line-height: 30px;
	height: 30px;
	margin-top: 10px;
	font-size: 16px;
	overflow: hidden;
	display: none;
}
.list-image li:hover .pic .pic-bg {
	display: block;
}
.content-news {
	text-align: center;
}
.content-news h1 {
	font-weight: bold;
	margin: 10px 0;
	font-size: 22px;
	line-height: 26px;
}
.content-news h1 {
    font-size: 20px;
    line-height: 26px;
}
.det-text h2{
line-height: 40px;
font-size: 18px;
font-weight: bolder;
}
.det-text h3{
line-height: 40px;
font-size: 16px;
font-weight: bolder;
}
.daodu {
    background-color: #fafafa;
    color: #999;
    margin: 16px;
    padding: 15px 30px;
    line-height: 1.5em;
}
.daodu em {
    color: #f70505;
    font-style: normal;
}
.content-news span {
	color: #999;
	font-size: 12px;
}
.content-news a {
	color: #999;
	font-size: 12px;
}
.content-news a:hover {
	color: #2475e4;
}
.content-news-text {
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	padding: 30px 0;
	margin-top: 30px;
}
.content-news-text a {
    color: #2910f7;
}
.share {
	overflow: hidden;
	line-height: 30px;
	height: 30px;
}
.share .bshare-custom {
	float: right;
}
.page-ul {
	margin-top: 50px;
	overflow: hidden;
}
.page-ul li {
	display: inline-block;
	padding: 0;
}
.page-ul li a {
	display: inline-block;
	width: 90%;
	height: 50px;
	line-height: 50px;
	border: 1px solid #f6f6f6;
	border-radius: 25px;
	font-size: 14px;
	color: #999;
	padding: 0 10px;
	overflow: hidden;
}
.page-ul li a:hover {
	background: #2475e4;
	color: #fff;
}
.content-pro-text {
	border-top: none;
}
.content-pro {
	position: relative;
	max-width: 700px;
	margin: 0 auto;
}
.slide-product img {
	margin: 0 auto;
}
.pro_name {
	text-align: center;
	font-size: 20px;
	margin: 15px 0;
}
.proContName {
	text-align: center;
	font-size: 20px;
	margin: 15px 0;
}
.right_navBox {
	position: fixed;
	right: -100%;
	top: 0;
	z-index: 9999;
	background: #fff;
	height: 100%;
	transition: all linear .5s;
	-webkit-transition: all linear .5s;
}
.que-name {
	height: 60px;
	line-height: 60px;
	background: #f6f6f6;
	overflow: hidden;
}
.que-name p {
	transform: skew(-30deg);
	-webkit-transform: skew(-30deg);
	width: 57%;
	display: inline-block;
	background: #2475e4;
	height: 60px;
	line-height: 60px;
	padding: 0 30px 0 35px;
	margin-left: -7%;
}
.que-name span {
	transform: skew(30deg);
	-webkit-transform: skew(30deg);
	font-size: 18px;
	color: #fff;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	margin-left: 7%;
}
.que-name i {
	color: #2475e4;
	font-size: 24px;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	margin-right: 15px;
	float:right;
}
.right_navBox {
	width: 100%;
}
.right_navBox .rt-nav {
	width: 100%;
	overflow-y: auto;
	height: 100%;
	padding-bottom: 60px;
}
.right_navBox .rt-nav li {
	position: relative;
}
.right_navBox .rt-nav li.one-li {
	line-height: 45px;
}
.right_navBox .rt-nav li.one-li a {
	display: block;
	width: 100%;
	position: relative;
	z-index: 20;
	border-bottom: 1px solid #f6f6f6;
	padding: 0 15px;
}
.right_navBox .rt-nav li.one-li span {
	width: 85%;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}
.right_navBox .rt-nav li.one-li i {
	position: absolute;
	right: 15px;
	height: 45px;
	line-height: 45px;
	color: #666;
	display: inline-block;
	top: 0;
	width: 20px;
	text-align: center;
	font-size: 27px;
	font-weight: normal
}
.right_navBox .rt-nav li.one-li .two .two-li a {
	border-bottom: 2px solid #fff;
	background: #f6f6f6
}
.right_navBox .rt-nav li.one-li .two .two-li span {
	margin-left: 25px;
	width: 78%;
	color: #2475e4;
}
.right_navBox .rt-nav li.one-li .three .three-li a {
	border: none;
}
.right_navBox .rt-nav li.one-li .three .three-li span {
	margin-left: 40px;
}
.two {
	display: none;
}
.three {
	display: none;
}
.right_navBox.current {
	right: 0;
}
.list-image li .pic .pic-bg a:hover {
	color: #fff;
}
.proContName {
	text-align: center;
}
/*分享开始*/
.newsclass {
	width: 100%;
	height: 145px;
	padding-top: 15px;
	position: fixed;
	bottom: -145px;
	left: 0px;
	z-index: 9999;
	background: #f5f5f5;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.show {
	transform: translate(0px, -145px);
	-ms-transform: translate(0px, -145px);
	-webkit-transform: translate(0px, -145px);
	-o-transform: translate(0px, -145px);
	-moz-transform: translate(0px, -145px);
}
.share-cance {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	background: rgba(0,0,0,0.05);
	text-align: center;
	margin-top: 10px;
}
.share-con {
	width: 100%;
	height: 85px;
	overflow: hidden;
}
.share-con a {
	height: 85px;
	width: 80px;
	display: block;
	float: left;
	overflow: hidden;
	text-align: center;
}
.share-con a .title {
	height: 25px;
	overflow: hidden;
	color: #333
}

/*产品格式*/
.sub_tit{ width:100%; border-bottom:#eee 1px solid;padding:1% 0 ; font-size:15px;overflow:hidden}
/*prodetail*/
.pro_detail { margin: 0 auto; width: 100%; overflow:hidden }
.prod_intro { width: 57%; float: right; margin-top:4%; }
.prod_fw span { font-size: 18px; height: 30px; line-height: 30px; overflow: hidden; color: #333; }
.prod_fw p { font-size: 14px;line-height: 28px; margin: 10px 0;color: #666; overflow: hidden; }
.prodTitle { font-size: 22px;font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; color: #333; }
.prodTitle2 { font-size: 28px; height: 40px; line-height: 40px; overflow: hidden; }

#pro_tj_lx { margin-bottom:2%; width: 100%; overflow: hidden; }
#pro_tj_lx_tel{ width:100%; overflow:hidden;}
#pro_tj_lx_tel p { background: url(../images/dianhua.gif) no-repeat left 5px; font-size: 14px; padding:1% 1% 2% 11.5%;  text-align:left; float:left; width:auto; }
#pro_tj_lx_tel  span { color: #E3131E; font-weight: bold;float:left; width:auto; font-size:28px;color: #E30F00; }
#pro_tj_lx a { padding:1.5% 6%; float:left;color: #fff; font-size: 15px; display: inline-block; text-align: center; font-weight: bold; margin-top: 25px; }
#pro_tj_lx a.line-zixun { background:/* url(../images/baojia-icon.png) no-repeat 13% center*/ #FF3A3B; }
#pro_tj_lx a.line-order { background:/* url(../images/zixun-icon.png) no-repeat  13%  center*/ #2475e4; margin-left: 15px;  }
#pro_tj_lx a.line-czsp { background:/* url(../images/baojia-icon.png) no-repeat 13% center*/ #3b9ed0;margin-left: 15px; }
/*pic*/
.preview { float: left; width:40%; margin-top:4%; }
.zoom img { width: 100%; height: auto; overflow: hidden; }
.zoomdiv { position: absolute; border: 1px solid #e4e4e4; overflow: hidden; z-index: 9; }

.prod_thumb { margin: 8px -5px 0 0; float:left; overflow:hidden}
.prod_thumb li { float: left; width: 22.8%!important;width: 22%;margin: 0 1%; cursor: pointer; overflow:hidden }
.prod_thumb img { width: 100%!important;width: 106px; height: auto!important;height: 72px; overflow: hidden; display: inline; }

.prod_thumb  { width:100%; float: left; overflow: hidden; }
.prod_thumb  ul li { float: left;  display: inline; width:106px;  margin:3px 5px 0 4px; overflow:hidden; }
.prod_thumb  ul li img {  width: 106px; height: 81px;  }
.prod_rela { line-height: 22px; max-height: 44px; margin-bottom: 15px; margin-top: 10px; color: #666; overflow: hidden; }
.prod_cap strong { color: #F53401; }
.prod_cap { margin-bottom: 15px; padding-bottom: 10px; padding-top: 8px; font-size: 15px; }
/*wuliao*/
.leftmenu{width:245px;float:left;}
.leftmenu .t{height:40px;line-height:40px;text-indent:11px;font-size:16px;color:#fff;margin-bottom:9px;background:url("../images/tl.jpg") repeat-x 0 bottom;color:#292929;}
/*左侧*/.asideBox{background:url("../images/aside_bg.jpg") repeat-y;}
.left_tit{height:58px;overflow:hidden;background:url("../images/aside_menubg.jpg") no-repeat;}
.asideEnd{height:12px;overflow:hidden;background:url("../images/aside_endbg.jpg") no-repeat;}
.asideNav{padding:1px 0px;}
.menuTitle,.navTitle{height:45px;background:url("../images/arr_r.jpg") no-repeat 8px center;line-height:45px;color:#000;cursor:pointer;border-bottom:solid 1px #f1f1f1;padding-left:25px;font-size:16px;overflow:hidden;}
.menuTitle a,.navTitle a{color:#151515;}
.navTitle a{display:block;text-decoration:none;}
.activeTitle{background:url("../images/arr_d.jpg") no-repeat 8px center;}
.menuContent{background-color:#f6f6fe;height:auto;display:none;}
.menuContent li{width:100%;line-height:24px;padding:6px 0;}
.menuContent li a{padding:0px 0px 0px 26px;display:block;color:#525a68;font-size: 14px;}
.menuContent li a:hover{background-color:#d9dee8;color:#3391d0;text-decoration:none;}


.wuliao { HEIGHT: 50px; margin: 15px 0 15px 0; }
.wuliao li {  MARGIN: 0px 0px 10px 6px; WIDTH:12%; DISPLAY: inline; FLOAT: left;  }
.wuliao img { width:100%; }
.wuliao h4 { height: 20px; LINE-HEIGHT: 22px; text-align: center; FONT-SIZE: 12px; font-weight: normal; padding: 0px; margin: 0px; }
.Menubox { width: 100%; margin:2.5% 0 2.5% 0; font-size: 14px; height: 57px; line-height: 50px; float: left; background: url(../images/x.gif) repeat-x left 49px; overflow: hidden; }
.Menubox li { float: left; background: url(../images/cs1.gif) no-repeat center top;border-radius: 10px; color: #000; font-size: 16px; width: 15%; height: 59px; line-height: 48px; cursor: pointer; text-align: center; color: #000; list-style: none; margin-right: 4px; }
.Menubox .current { background: url(../images/canshu.gif) no-repeat center top; width:18%; color: #fff;border-radius: 10px; }

.sub_left { float: left;width: 28%;  margin: 4% 0 2% 0; }
.t {
    cursor: default;
    color: #fff;
    background: url(../images/golbal_products_leftbg1.gif) no-repeat 96% center #265cb3;
    padding: 11px 0;
    text-indent: 18px;
    font-size: 18px;
    padding-left: 10px;
}


.sub_right { float: right; width: 79%; margin:2% 0; }
.prodetail_sidebar { border-top: #d8d8d8 1px solid; }
    .prodetail_sidebar h3 { font-size: 30px; text-transform: uppercase; margin: 0; margin-bottom: 15px; }
    .prodetail_sidebar ul { display: none; }
    .prodetail_sidebar ul { display: none; }
.prodetail-toggle { position: relative; display: block; padding: 8px 0 8px 40px; border-bottom: #d8d8d8 1px solid; background: url(../images/golbal_products_leftbg2.gif) no-repeat 95% center; font-size: 16px; font-weight: 500; }
.prodetail-heading a { color: #333; }
    .prodetail-heading a:hover { color: #ff3b30; }
.prodetail-heading ul { background: #f9f9f9; padding: 5px 0; }
    .prodetail-heading ul li { line-height: 36px; padding-left: 40px; }
        .prodetail-heading ul li a { color: #888; }
.prodetail-toggle { cursor: pointer; }
.prodetail-heading:hover .prodetail-toggle { background: #EC1D23 url(../images/golbal_products_leftbg1.gif) no-repeat 95% center; color: #fff; }
.sub_right .lx { width: 95%; margin-top: 10px; padding:5% 0 5% 5%; background:/*#5781B6*/#3A495C}
    .sub_right .lx p { margin-bottom: 10px;color: #fff; }
    .sub_right .lx span { font-weight: 600; font-size: 16px; color: #fff; }
    .sub_right .lx .message { cursor: pointer; padding: 0 15px; line-height:36px; width: 50%; font-size:15px; text-align:center; background: #fff; margin-top: 10px; }
.sub_right .lx .message a { color: #000; }
.xg_pro h3, .pro_case h3, .left_form h3,.prolist_case h3 { font-size: 20px; border-bottom: #dedede 1px solid; color: #000; margin:4% 0; padding-bottom:2%; }
.xg_pro { width: 100%; float:left; }
 .xg_pro li { width: 21%; float: left; text-align: center; margin-right:3.8%; }
.xg_pro li img { margin-bottom: 8px; width:100%; height:auto}   .xg_pro li p{ height:20px; overflow:hidden}

.column_pro{ display:block; overflow:hidden; width:100%;clear:both; border-top:#d8d8d8 1px solid }

.title18_pro p{ margin:0}
.title18_pro {  padding:10px 0; text-indent:15px; font-size:15px; color:#000; background: url(../images/golbal_products_leftbg2.gif) no-repeat 96% center  ; }
.title18_pro a { text-align:left;display:block; background:url(../images/golbal_products_leftbg1.gif) no-repeat 96% center ; }    .title18_pro a:hover, .title18_pro a:active{ color:#000}
.title18_pro.onshow { cursor:default; color:#fff;background: url(../images/golbal_products_leftbg1.gif) no-repeat 96% center  #302F3D; }
.title18_pro.on { cursor:pointer; color:#fff;  background:url(../images/golbal_products_leftbg1.gif) no-repeat 96% center #302F3D;  }
 .title18_pro.off { cursor:default; background: url(../images/golbal_products_leftbg2.gif) no-repeat 96% center ; }
.con_pro ul{ background:#f8f8f8; margin-bottom:2px; padding:3px 0 }
.con_pro ul li{ line-height:36px;   padding-left:30px;}
.con_pro ul li a{ color:#383842;}

.sub_left .lx { width: 100%; margin-top: 10px; padding:5% 0 5% 5%; background:/*#5781B6*/#2475e4}
.sub_left .lx p { margin-bottom: 10px;color: #fff; }
.sub_left .lx span { font-weight: 600; font-size: 16px; color: #fff; }
.sub_left .lx .message { cursor: pointer; padding: 0 15px; line-height:36px; width: 90%; font-size:15px; text-align:center; background: #fff; margin-top: 10px; }
.sub_left .lx .message a { color: #000; }

.box {
	margin-bottom:20px;
}
.t1, .t2, .t3, .t4, .t5, .t6  {
    width: 100%;
    border: 1px dashed #ccc;
}
.t1 h3, .t2 h3, .t3 h3, .t4 h4, .t5 h5, .t6 h6 {
    height: 36px;
    line-height: 36px;
	font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 30px;
    color: #2475e4;
    background: #f5f5f5 url(../images/a.gif) no-repeat;
    background-position: 15px center;
}
.nr {
    font-size: 14px;
    padding: 2%;
    line-height: 28px;
    color: #333;
}
.nr rd{
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 13px;
    color: rgb(76, 76, 76);
    border-bottom: 1px solid rgb(223, 223, 223);
    padding: 5px 0px 3px 31px;
	}

.clear {
    clear:both;
}


/*header*//*
.wrap-header {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
}
.line {
    margin: 0;
    padding: 0;
}
.padding-big-bottom {
    padding-bottom: 20px;
}
.padding-big-top {
    padding-top: 20px;
}
@media (min-width: 1000px){
.xm8 {
    width: 66.66666667%;
	float:left;
}
.xl12 {
    width: 30%;
}
.xb3 {
    width: 60%;
	float:right;
}
}
@media (max-width: 1000px) and (min-width: 761px){
.hidden-s {
    display: none!important;
}
}


@media (min-width: 1000px)
pintuer.css:786
.xm1, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xm10, .xm11, .xm12 {
    float: left;
}
@media (min-width: 760px)
pintuer.css:664
.xs12 {
    width: 100%;
}
@media (min-width: 760px)
pintuer.css:628
.xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12 {
    float: left;
}
@media (min-width: 300px)
pintuer.css:506
.xl12 {
    width: 100%;
}
@media (min-width: 300px)
pintuer.css:470
.xl1, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9, .xl10, .xl11, .xl12 {
    float: left;
}
pintuer.css:279
.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12, .xl1, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9, .xl10, .xl11, .xl12, .xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12, .xm1, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xm10, .xm11, .xm12, .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9, .xb10, .xb11, .xb12 {
    position: relative;
    min-height: 1px;
}
.button {
    border: solid 1px #ddd;
    background: transparent;
    border-radius: 4px;
    font-size: 14px;
    padding: 6px 15px;
    margin: 0;
    display: inline-block;
    line-height: 20px;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.padding-big-top {
    padding-top: 20px;
}
.text-left {
    text-align: left;
}
@media (min-width: 1000px)
.xm4 {
    width: 33.33333333%;
}
@media (min-width: 1000px)
.xm1, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xm10, .xm11, .xm12 {
    float: left;
}
.tel {
    height: 63px;
    padding-left: 80px;
    background: url(../images/tel.jpg) left center no-repeat;
    line-height: 25px;
    color: #333;
}
.tel strong {
    color: #ff9900;
    font-size: 26px;
    line-height: 35px;
    font-weight: 800px;
}
.bg-nav {
    background: #138df2;
}
.bg-inverse, .bg-inverse a {
    color: #fff;
}
.radius {
    border-radius: 4px;
}
.clearfix, .layout, .container, .container-layout, .line, .line-small, .line-middle, .line-big, .nav-main, .nav-sub, .navbar {
    display: block;
}
.navbar {
    position: relative;
}
@media (min-width: 1000px)
.container {
    width: 1000px;
}
@media (min-width: 760px)
.container {
    width: 750px;
}
.container, .container-layout {
    margin: 0 auto;
    padding: 0 10px;
}
@media (min-width: 760px)
.navbar-body {
    background: transparent;
    margin: 0;
    position: relative;
}
@media (min-width: 760px)
.navbar-body, .navbar-body .nav, .navbar-form, .navbar-text {
    margin-top: 0;
    border: 0;
}
.navbar-body {
    border: solid 1px rgba(0,0,0,.2);
    margin-top: 1px;
    border-top: 0;
    display: block;
    background: rgba(0,0,0,.05);
    position: absolute-bak;
    width: 100%;
}
@media (min-width: 760px)
.navbar-body, .navbar-body .nav, .navbar-form, .navbar-text {
    margin-top: 0;
    border: 0;
}
.navbar-body .nav {
    margin-top: -1px;
    padding: 0;
}
@media (min-width: 760px)
.bg-inverse .nav-pills {
    padding: 0;
}
.bg-inverse .nav-pills {
    padding: 5px;
}
@media (min-width: 760px)
.bg-inverse .nav {
    padding: 0;
}
.bg-inverse .nav {
    padding: 5px 0;
}
@media (min-width: 760px)
.nav {
    padding: 0;
}
.nav {
    list-style: none;
    padding: 5px 0 0 0;
    margin: 0;
}
ul {
    padding-left: 20px;
}
.nav-menu li.active, .nav-menu li:hover {
    background-color: #f90;
}
@media (min-width: 760px)
.navbar-body .nav li {
    float: left;
    border: 0;
}
.navbar-body .nav li {
    border-top: solid 1px rgba(0,0,0,.2);
}
@media (min-width: 760px)
.bg-inverse .nav-inline li {
    float: left;
    margin-right: 1px;
}
@media only screen and (max-width: 1200px)
.nav-menu li {
    padding: 10px 10px;
}
.nav-menu li {
    padding: 10px 20px;
    margin-right: 0px;
    margin-left: 0px;
}
@media (min-width: 760px)
.nav-inline li {
    display: inline-block;
    vertical-align: top;
}
.nav li {
    position: relative;
}
.bg-inverse .nav.nav-pills .active a, .bg-inverse .nav.nav-pills.nav-inline a:hover {
    background-color: #f90;
    color: #fff;
}
.bg-inverse .nav.nav-pills .active a, .bg-inverse .nav.nav-pills.nav-inline a:hover {
    color: #333;
    background-color: #fff;
}
.bg-inverse .nav li a:hover, .bg-inverse .nav .active a {
    background-color: rgba(0,0,0,.20);
    color: #fff;
}
@media (min-width: 760px)
.bg-inverse .nav-pills li a {
    line-height: 20px;
    margin: 5px 0;
}
.bg-inverse .nav-pills .nav-head, .bg-inverse .nav-pills li a {
    text-indent: 0;
}
@media (min-width: 760px)
.bg-inverse .nav-inline li a {
    line-height: 30px;
    padding: 5px 20px;
    text-indent: 0;
}
.bg-inverse .nav-inline .nav-head, .bg-inverse .nav-inline li a {
    text-indent: 1em;
}
.nav-pills .active a, .nav-pills a:hover {
    background-color: #f90;
    color: #fff;
}
.nav .active a {
    font-weight: normal;
}
@media (min-width: 760px)
.navbar-body .nav a {
    text-indent: 0;
}
.navbar-body .nav-pills a {
    text-indent: 0;
}
.navbar-body .nav a {
    text-indent: 1em;
}
@media (min-width: 760px)
.nav-pills.nav-inline a {
    margin: 0;
}
.nav-pills .active a, .nav-pills a:hover {
    background: #f5f5f5;
}
.nav .active a {
    font-weight: bold;
}
@media (min-width: 760px)
.nav-inline li a {
    padding: 5px 20px;
    line-height: 20px;
    display: block;
}
.nav a {
    color: #fff;
    text-align: left;
    font-size: 16px;
}
.bg-inverse, .bg-inverse a {
    color: #fff;
}
.nav-pills a {
    display: block;
    border-radius: 2em;
    margin-bottom: 2px;
    padding: 5px 20px;
}
@media (min-width: 760px)
.nav-big a {
    font-size: 18px;
    line-height: 30px;
}
.nav a {
    color: #333;
    line-height: 20px;
    padding: 5px 0;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
    display: block;
}
a {
    color: #333;
    text-decoration: none;
}
a {
    background: transparent;
}
/*header end*/

/*首页产品分类*/
.clear{
    CLEAR: both;
}
.main {
	MARGIN: 0px auto;
	WIDTH: 1100px;
	overflow: hidden;
}
.inproduct {
	background-color: #f6f6f6;
	height: 470px;
	margin-top: 40px;
	overflow: hidden
}
.en_inproduct {
	background-color: #f6f6f6;
	height: 600px;
	margin-top: 40px;
	overflow: hidden
}
.inproduct_title {
	margin-top: 36px;
	text-align: center
}
ul.tabs {
	width: 1130px;
	margin: auto;
	margin-top: 40px;
}
ul.tabs li {
	width: 165px;
	float: left;
	height: 35px;
	line-height: 35px;
	margin-left: 1%;
	margin-right: 1%;
	text-align: center;
	font-size: 18px;
	color: #000;
}
ul.tabs li a {
	display: block;
	font-size: 18px;
	outline: none;
}
ul.tabs li.active {
	background-color: #e01f24;
	color: #FFF !important;
}
ul.tabs li.active a {
	color: #FFF
}
.tab_container {
	margin-top: 27px
}
.inproduct_list {
	margin-top: 30px;
	overflow: hidden;
}
.inproduct_list ul {
	width: 105%;
	list-style: none;
	padding: 0px;
	margin: 0px
}
.inproduct_list li {
	width: 258px;
	padding: 10px;
	background-color: #FFF;
	height: 310px !important;
	float: left;
	margin-right: 20px;
	text-align: center;
	font-size: 16px;
	margin-top: 15px;
}
.ipdiv {
	width: 100%;
	height: 185px;
	overflow: hidden;
	margin-bottom: 10px;
}
.inproduct_list li img {
	width: 100%;
	height: 185px;
	-webkit-transition: all 0.6s;
}
.inproduct_list li a:hover img {
	-webkit-transform: scale(1.2);
	cursor: pointer;
	-webkit-transition: all 0.6s;
}
.ipmore {
	background-color: #e60806;
	width: 83px;
	height: 27px;
	text-align: center;
	line-height: 27px;
	margin: auto;
	margin-top: 20px
}
.ipmore a {
	color: #FFF;
	font-size: 14px;
	display: block;
	-webkit-transition: all 0.6s;
}
.ipmore a:hover {
	-webkit-transition: all 0.6s;
	background-color: #e60806;
	color: #FF0
}
.iptxt {
	height: 30px;
	line-height: 30px
}

/*产品目录 start*/
.list_right {
	float: right;
    width: 71%;
    margin: 4% 0 2% 0;
}
.htdl_m_cp_r {
    height: auto;
    float: left;
	width: 100%;
}
.htdl_m_cp_r .htdl_m_cp_ul {
    padding: 0 0 12px 0;
    margin-bottom: 2%;
    border-bottom: 1px dashed rgb(204, 204, 204);
}
.htdl_m_cp_r ul h3 {
    display: block;
    padding: 2% 0 3% 0;
    font-size: 15px;
    font-weight: bold;
    color: #3a3a3a;
    font-family: Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei",STXihei,STHeiti,Heiti,SimSun,sans-serif;
}
.htdl_m_cp_r ul h3 font {
    padding-right: 7px;
    font-size: 16px;
    color: #e30000;
    vertical-align: 0px;
}
.htdl_m_cp_r ul li {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 48%;
    background: #f5f5f5;
    margin-bottom: 10px;
    float: left;
    padding: 0 2%;
    font-size: 13px;
    margin-left: 2%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.htdl_m_cp_r ul li a:hover {
	color:#265cb3;
	font-size:14px;
	font-weight:bold;
}
.htdl_m_cp_r ul li a {
    padding: 5px 0 5px 8px;
    font-size: 13px;
    color: #333;
}

/*end*/
.search_tit {
    padding: 2%;
}
.search_tit h3{
    font-size: 20px;
    font-weight: bold;
    color: #f00;
}
/* home news*/
.news-h{
	width:100%;
}
.news-h ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 30%;
	margin-left: 5%;
	border: 1px dashed #dbdbdb;
}
.news-h ul div {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.news-h ul div img {
	height: 100%;
	width: 100%;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.news-h ul div img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
.news-h ul h2 {
	font-size: 16px;
	text-align:center;
	color: #2475e4;
	margin: 10px 0;
	padding: 0;
}
.news-h ul li {
	height: 35px;
	padding: 2%;
	margin: 0;
	list-style: none;
	line-height: 35px;
}
.news-h ul li span {
	color: #999;
	font-size:13px;
	float: right;
}
.news-h ul li a {
	float: left;
	width:69%;
	height: 35px;
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px;
}
.news-h ul li a i {
	font-style: normal;
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
	color:#265cb3;
}

/*手机搜索页*/
.form {
    position: relative;
    width:90%;
    margin: 36px 0;
}
.form input {
    width: 80%;
    height: 32px;
    float: left;
    padding: 0 5px;
    border-left: 1px solid #B2B2B2;
    border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border-right-color: #2B73CB;
    color: #434343;
}
.form button {
    width: 42px;
    height: 34px;
    background: url(../images/search-m.png) no-repeat;
    cursor: pointer;
}

/*客服代码*/
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:18%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#118df0;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-sq{width:44px;height:44px;background:url(../images/side_con_icon04.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-sq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/*cpfl*/
.htdl_cpfl_r {
    height: auto;
    float: left;
	width: 100%;
}
.htdl_main_dis {
    margin: 0 auto 10px auto;
    width: 100%;
    height: auto;
    text-align: left;
}
.htdl_main_dis h1 {
    height: 35px;
    line-height: 35px;
    font-size: 22px;
    font-family: "微软雅黑","Microsoft YaHei";
    color: #6c6f71;
    margin: 10px 0 20px 0;
}
.ht_sear_k1 {
    padding: 0 0 20px 0;
    background: #fff;
}
.ht_sear_k1_k1 {
    position: relative;
    border-bottom: 2px solid #2abef5;
    background: #fff;
}
.dsepa_mx {
    padding-bottom: 10px;
    width: 100%;
    text-align: left;
}
.dsepa_mx h3 {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 0 4px 35px;
    font-size: 13px;
    font-weight: bold;
    color: #434343;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 7px;
}
.lia0 {
    background: url(../images/wz_bg.gif) no-repeat 2px 2px;
}
.dsepa_mx .dsepa_pmx {
    line-height: 22px;
}
.dsepa_mx .dsepa_pmx p {
    text-indent: 27px;
    font-size: 14px;
}
.htdl_main_cp2 {
    margin: 5px auto 0 auto;
    width: 100%;
    height: auto;
    padding: 5px 0 0 0;
}
.htdl_m_cp_disc {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 42px 0;
    border: none;
}
.ht_pd_mx {
    padding-bottom: 10px;
    width: 100%;
    text-align: left;
}
.ht_pd_mx h3 {
    height: 40px;
    line-height: 46px;
    padding: 0 0 0px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #e6e6e6;
    background: #eee;
}
.cpfl-image {
	overflow: hidden;
	padding: 10px 0 20px 0;
}
.cpfl-image li {
	padding: 0 1%;
	text-align: center;
}
.cpfl-image li .pic {
	position: relative;
}
.cpfl-image li .pic img {
}
.cpfl-image li .pic .pic-bg {
	position: absolute;
	top: 0;
	left: 0;
	background: #2475e4;
	width: 100%;
	color: #fff;
	height: 100%;
	display: none;
}
.cpfl-image li .pic .pic-bg i {
	font-size: 30px;
	margin : 19% auto 0;
	display: block;
	background: url(../images/index_51.png) no-repeat center center;
	width: 32px;
	height: 32px;
}
.cpfl-image li .pic .pic-bg h3 {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 24px;
	margin: 10px 0;
}
.cpfl-image li .pic .pic-bg b {
	display: block;
	width: 50px;
	height: 2px;
	background: #fff;
	margin: 0 auto;
}
.cpfl-image li .title {
	line-height: 30px;
	height: 30px;
	margin-top: 10px;
	font-size: 16px;
	overflow: hidden;
	display: none;
}
.cpfl-image li:hover .pic .pic-bg {
	display: block;
}
.cpfltit{
    padding: 10px 12px;
    border: 1px dashed #dbdbdb;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}
.cpfltit:hover{
	color:#03F;
}

/*banner样式*/
.bannercss {
    float: left;
    line-height: 70px;
    text-align: left;
	background: url(/skin/images/logo.jpg) no-repeat;
    margin-top: 20px;
    width: 280px;
}
.bannercss a {
    display: block;
    text-indent: -999em;
    width: 270px;
    height: 50px;
	margin-left: -10px;
}
.txt{
	float: left;
    padding-left: 14px;
    text-align: center;
    padding-top: 20px;
}
.txt h3{
	font-size:20px;
	color:#eea10d;
	font-family: cursive;
	font-weight:border;
}
.txt h4{
	font-size:18px;
	font-family: cursive;
}
.dianhua {
    float: right;
}

/*top*/
.top_menu {
	background-color: #fbfbfb;
	color: #777777;
	width: 100%;
	height: 45px;
	border-bottom: 1px solid #f3f3f3;
}
.top_menu a{
	color: #777777;
}
.top_name {
	display: inline-block;
	padding-top: 12px;
	font-size: 13px;
}
.top_tel {
	float: left;
	width: 34px;
	margin-top: 30px;
}
.top_number {
	float: left;
	margin: 21px 0px 0px 10px;
}
.top_number span {
	display: block;
	color: #979797;
	font-size: 16px;
}
.top_number p {
	margin: 0px;
	color: #ed5759;
	font-size: 22px;
	font-weight: bold;
}
.mid{

}
.head-slogan {
    font-size: 22px;
    margin-top: 4%;
    font-weight: bold;
    font-family: cursive;
}
.head-slogan span {
    margin-left: 16px;
    /*margin-right: 16px;*/
}
.head-slogan .color-a {
    color: #eea10d;
}
.fl {
    float: left;
}
/*导航菜单*/
.navbar {
	margin: 0px;
	border: none;
	background-color: #3367d6;
}

.glyphicon-home:before {
	color: #fff;
}
#app_menudown {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 16px;
}
#app_menudown:hover {
	background-color: #c8282a;
}

/*产品搜索*/
.search_group {
	float: right;
	margin: 8px 0px 0px 0px;
	border: 1px solid #dfe1e3;
	border-radius: 20px;
}
.search_group input.form-control {
	border-radius: 0px;
	box-shadow: none;
	color: #585A5A;
	padding: 0px 0px 0px 15px;
	height: 26px;
	background: transparent;
	border: none;
}
.search_group input.form-control:focus {
	box-shadow: none;
	border-color: #b2e0fb;
}
.mysearch_btn {
	background-color: #1260aa;
	color: #fff;
}
.mysearch_btn:hover, .mysearch_btn:focus {
	background-color: #00c6ff;
	color: #fff;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
	background:url(../images/arr.png) no-repeat top;
	width: 12px;
    height: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-search{
	background:url(../images/sbg.png) no-repeat top;
	cursor:pointer;
	top:10px;
}
.glyphicon-search:hover{
	background:url(../images/sbg2.png) no-repeat top;
	cursor:pointer;
	top:10px;
}

#submit_search {
	color: #C3C4C5;
	height: 26px;
	font-size: 16px;
	margin-top: -14px;
}
#submit_search:hover {
	color: #0067b6;
	cursor: pointer;
}
#small_search {
	color: #fff;
	float: right;
	margin-top: 7px;
	padding: 8px 13px;
	font-size: 17px;
	border-radius: 4px;
}
#small_search:hover, #small_search:focus {
	cursor: pointer;
	background-color: #073053;
}
/*大屏幕*/
@media screen and (min-width: 769px) {
header {
}
.logo {
	margin-top: 12px;
	max-width: 700px;
	float:left;
}
.navbar {
	margin-top: 12px;
	min-height: 50px;
}
.navbar-nav > li {
	border-right: 1px solid #118df0;
	width:11%;
}
.navbar-nav > li:first-child {
}
.navbar-nav > li:last-child {
	border-right: 0;
}
.navbar-nav > li > a {
	text-align: center;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 15px;
}
.navbar-default .navbar-nav > li > a:hover,  .navbar-default .navbar-nav > li > a:focus,  .navbar-default .navbar-nav > li > a.active,  .navbar-default .navbar-nav > .active > a,  .navbar-default .navbar-nav > .active > a:hover,  .navbar-default .navbar-nav > .open > a,  .navbar-default .navbar-nav > .open > a:hover,  .navbar-default .navbar-nav > .open > a:focus {
	background-color: #118df0;
	color: #fff;
}
.navbar-brand {
	display: none;
}
.navbar-fixed-top {
	min-height: 40px;
	margin-top: 0px;
	opacity: 0.9;
}
.navbar-fixed-top ul.navbar-nav > li > a {
	font-size: 16px;
}
.nav_small {
	background-color: #000;
	background-color: rgba(0,0,0,0.6);
	padding: 10px 0px;
	padding-bottom: 15px;
	border-radius: 0px;
	border: none;
	box-shadow: none;
}
.nav_small > li {
}
.nav_small > li > a {
	line-height: 20px;
	padding: 7px 0px;
	text-align: center;
	color: #fff;
	font-size: 13px;
}
.nav_small > li > a:hover {
	color: #fff;
	background-color: #1b1b1b;
}
#app_menudown, #small_search {
	display: none;
}
.index_left_nav, .footer_nav {
	display: none;
}
}


/*小屏幕*/
@media screen and (max-width: 768px) {
	
.daohangyd{
    line-height: 30px;
    text-align: left;
    background: url(/skin/images/logo.png) no-repeat;
    margin: 5px;	
	}
	.daohangyd a{
display: block;
    text-indent: -999em;
	}
.navbar {
	min-height: 50px;
}
.navbar-default .navbar-brand {
	color: #fff;
	font-size: 16px;
}
.navbar-default .navbar-brand:hover,  .navbar-default .navbar-brand:focus {
	color: #fff;
}
.navbar-toggle {
	border: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border: none;
}
.navbar-default .navbar-toggle:hover,  .navbar-default .navbar-toggle:focus {
	background-color: #c8282a;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-nav {
	margin-top: 0px;
	margin-bottom: 0px;
}
.navbar-default .navbar-nav > li {
}
.navbar-default .navbar-nav > li:last-child {
	border: none;
}
.navbar-default .navbar-nav > li > a,  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
	padding: 10px 15px;
}
.navbar-default .navbar-nav > li > a:hover,  .navbar-default .navbar-nav > li > a:focus,  .navbar-default .navbar-nav > .active > a,  .navbar-default .navbar-nav > .active > a:hover,  .navbar-default .navbar-nav > .active > a:focus,  .navbar-default .navbar-nav > .open > a,  .navbar-default .navbar-nav > .open > a:hover,  .navbar-default .navbar-nav > .open > a:focus,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	background-color: #c8282a;
	color: #fff;
}
.navbar-fixed-top {
	opacity: 0.9;
}
.top_name, .home-btn, .page_bg {
	display: none;
}
.language {
	border-left: 0px;
	border-right: 0px;
}
.list_box {
	margin-top: 20px;
	margin-bottom: 0px;
}
#topsearch {/*display:none;*/
}
.tel_box {
	display: none;
}
.logo {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	max-width: 380px;
}
.flash div.bx-pager { /*display:none;*/
}
.left_h2 {
	margin-top: 25px;
}
.list_related h2.left_h2 {
	margin-top: 60px;
}
.product_img, .product_list2 div.product_img {
	min-height: 100px;
	margin-bottom: 25px;
}
.related_list div.product_img {
	min-height: 180px;
}
.product_con img, .contents img {
	width: 100%;
}
.about_p {
	margin-top: 20px;
}
.about_img {
	float: none;
	margin: 0 auto;
}
a.about_more {
	margin-top: 10px;
}
.news_time {
	display: none;
}
.left_news ul {
	padding-bottom: 20px;
}
.index_contact {
	margin-top: 5px;
}
.product_h1 {
	line-height: 22px;
	font-size: 16px;
	margin-top: 35px;
}
.feedback {
	margin-top: 30px;
}
.footer_nav {
	background-color: #fafafa;
}
#pic-page a img {
	width: 35px;
}
#cmsFloatPanel {
	display: none;
}
.point span.to_prev, .point span.to_next {
	text-align: left;
	padding-bottom: 8px;
}
.link_box {
	padding-left: 7px;
}
.link_box a {
	display: block;
	border-right: 0px;
	padding: 4px 0px;
}
.link_title {
	display: block;
}
.link_title:after {
	content: "";
}
.link_box button {
	display: inline-block;
	background-color: transparent;
	border: none;
	float: right;
	margin-top: -20px;
}
.link_box button:hover, .link_box button:focus {
	color: #99A1C5;
}
.link_list {
	display: none;
	padding-top: 7px;
}
.tags_box {
	padding-left: 7px;
}
.tags_box a {
	display: block;
	border-right: 0px;
	padding: 4px 0px;
}
.tags_title {
	display: block;
}
.tags_title:after {
	content: "";
}
.tags_box button {
	display: inline-block;
	background-color: transparent;
	border: none;
	float: right;
	margin-top: -20px;
}
.tags_box button:hover, .tags_box button:focus {
	color: #99A1C5;
}
.tags_rows {
	display: none;
	padding-top: 7px;
}
footer {
	margin-bottom: 50px;
}
}
 @media screen and (max-width: 767px) {
.copyright_p {
	display: none;
}
}



/*414px到768px*/
@media screen and (min-width:414px) and (max-width:768px) {
.col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
	float: left;
}
.col-mm-12 {
	width: 100%;
}
.col-mm-11 {
	width: 91.66666667%;
}
.col-mm-10 {
	width: 83.33333333%;
}
.col-mm-9 {
	width: 75%;
}
.col-mm-8 {
	width: 66.66666667%;
}
.col-mm-7 {
	width: 58.33333333%;
}
.col-mm-6 {
	width: 50%;
}
.col-mm-5 {
	width: 41.66666667%;
}
.col-mm-4 {
	width: 33.33333333%;
}
.col-mm-3 {
	width: 25%;
}
.col-mm-2 {
	width: 16.66666667%;
}
.col-mm-1 {
	width: 8.33333333%;
}
.logo {
	max-width: 380px;
}
}
 @media screen and (max-width: 414px) {
.logo {
	max-width: 280px;
}
}

/*电缆故障*/
.gg-cont {
    background: #fff;
    border: 1px #e8e8e8 solid;
    margin-top: 0px;
}
.gg-left {
    width: 25%;
}
.gg-right {
    width: 75%;
}
.fl {
    float: left;
}
.gg-top {
    background: url(../images/lqq_15.png) no-repeat left top;
    margin-top: 20px;
}
.gg-word1 {
    font-size: 23px;
    color: #1a1a1a;
    font-weight: bold;
    padding-left: 230px;
    text-align: left;
    padding-top: 20px;
    line-height: 44px;
    font-weight: normal;
}
.gg-word2 {
    font-size: 20px;
    color: #1a1a1a;
    padding-left: 80px;
    text-align: center;
    padding-top: 2px;
    line-height: 28px;
}
.gg-word3 {
    color: #333;
    text-align: right;
    padding-top: 15px;
    line-height: 2em;
    font-weight: normal;
    text-align: left;
    font-size: 16px;
    font-family: "微软雅黑";
}
.gg-word4 {
    font-size: 14px;
    color: #5b5b5b;
    text-align: right;
    padding-top: 7px;
    line-height: 28px;
}

.advantList .item {
   float: left;
    position: relative;
    display: block;
    width: 31%;
    margin: 1%;
    background-color: #f8fafd;
    height: 238px;
    margin-bottom: 2px;
    background-size: 390px 288px;
    cursor: pointer;
    box-shadow: 3px 3px 3px #888888;
    transition: all ease 600ms;
}
.advantList .item .txt {
    padding-top: 25px;
    margin-left: 25px;
}
.advantList .item .txt .tit {
    font-weight: bold;
    font-size: 23px;
    line-height: 46px;
    color: #333;
}
.advantList .item .txt .tit em {
    display: block;
    color: #0195df;
}
.advantList .item .txt .cont {
    margin-top: 36px;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
.advantList .item .sIco {
    position: absolute;
    top: 40px;
    display: block;
    width: 25%;
    transition: all ease 600ms;
}

*html #kefu1 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: 50px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+50 : document.body.scrollTop +50);
}

#kefu1{position:fixed; right:0px; top:80px; z-index:10008; width: 160px; padding: 10px; background: #fff; border: 1px solid #ddd; box-shadow: 1px 1px 1px #d4d4d4; font-size: 12px;}
.cs_tel{height:25px; background: url(../images/img.gif) no-repeat 0px 0px;}
.cs_tel_ct{color: #666; line-height: 150%;}
.cs_tel_num{color: #c00; font-size: 18px; font-family: Arial,Verdana; font-style: italic; font-weight: bold; display: block; padding: 5px 0px;}

.cs_online{height:30px; background: url(../images/img.gif) no-repeat 10px -44px;}
.cs_online_qq{height: 25px;}
.cs_online_qq a:link, .cs_online_qq a:active, .cs_online_qq a:visited, .cs_online_qq a:hover{text-decoration: none; color: #666;}

.cs_qcode{padding: 10px 0px 0px 0px;}

.cs_free{height:32px; background: url(../images/img.gif) no-repeat 0px -100px;}
.cs_free a{display: block; height: 32px;}
.cs_free a span{display: none;}

.cs_baidu{height:32px; background: url(../images/img.gif) no-repeat 0px -200px;}
.cs_baidu a{display: block; height: 32px;}
.cs_baidu a span{display: none;}

.cs_spr{border-bottom: 1px dashed #c0c0c0; margin: 8px 0px;}
.cs_space{clear:both; overflow:hidden; height:8px;}
.cs_close{position: absolute; right: 5px; top: 5px; width: 12px; height: 12px; background: url(../images/img.gif) no-repeat 0px -150px;}
.cs_close a{display: block; height: 10px;}
.cs_close a span{display: none;}