<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ABæ¨¡ç‰ˆç½‘ åšæœ€å¥½çš„ç»‡æ¢¦æ•´ç«™æ¨¡æ¿ä¸‹è½½ç½‘ç«™ Www.AdminBuy.Cn */
/* QQï¼š9490489 */
/* ä»¿ç«™ï¼šFang.AdminBuy.Cn */
/* ç´&nbsp;æï¼šSc.AdminBuy.Cn */
/* CSS Document */
@charset "utf-8";

/* CSS Document */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea {
	margin: 0;
	padding: 0;
	border: 0;
}

/*th, td{margin: 0; padding: 0;}*/
html {
	color: #666;
}

html,
body {
	width: 100%;
	min-width: 320px;
	background: rgba(255, 255, 255, 1);
}

body,
button,
input,
select,
textarea {
	margin: 0;
	padding: 0;
	font-family: "å¾®è½¯é›…é»‘", "Microsoft Yahei", "Arial", "Verdana", "sans-serif";
	font-size: 14px;
	background: #fff
}

ul,
ol,
li,
dl,
dd,
dt {
	list-style: none;
}

em {
	font-style: normal;
}

a {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

legend {
	color: #000;
}

fieldset,
img {
	border: 0;
}

label,
button {
	cursor: pointer;
}

/*è§£å†³IEå›¾ç‰‡ç¼©æ”¾å¤±çœŸ*/
img {
	-ms-interpolation-mode: bicubic;
}

/*æ¸…é™¤æµ®åŠ¨*/
.clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clear {
	clear: both;
}

/*è¿žç»­è‹±æ–‡ã€æ•°å­—æ¢è¡Œ*/
.wordwrap {
	word-break: break-all;
	word-wrap: break-word;
}

/*å•è¡Œæ–‡å­—è¶…å‡ºæ˜¾ç¤ºçœç•¥å·*/
.omg {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

img {
	border: 0;
	vertical-align: middle;
}

a {
	color: #3a3a3a;
	text-decoration: none;
}

a:hover {
	text-decoration: none
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* è®¾ç½®æ»šåŠ¨æ¡çš„æ&nbsp;·å¼ */
::-webkit-scrollbar {
	width: 4px;
}

/* æ»šåŠ¨æ§½ */
::-webkit-scrollbar-track {
	background-color: #f0f0f0;
	border-radius: 0px;
}

/* æ»šåŠ¨æ¡æ»‘å— */
::-webkit-scrollbar-thumb {
	background-color: #6d6e70;
}

::-webkit-scrollbar-thumb:window-inactive {
	background-color: #3c3c3c;
}

/*é¦–é¡µ*/
.mingm {
	display: none !important;
}

.container {
	width: 95%;
	max-width: 1230px;
	margin: 0 auto;
}

#header {
	width: 100%;
	border-bottom: 1px solid #dedede;
	/* position: fixed; */
	top: 0;
	left: 0;
	z-index: 999999;
	/* background: url(../../images/sdkx17_03.jpg) no-repeat 1250px; */
}

#header .logo {
	/* width: 464px; */
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 25px;
	/* margin-right: 20px; */
	overflow: hidden;
}

#header .logo a {
	display: block;
}

#header .logo img {
	vertical-align: middle;
}

.xinzeng {
	float: left;
	display: flex;
	flex-direction: column;
	margin-top: 30px;
	border-left: 1px solid #ccc;
	padding-left: 25px;
}

.xinzeng p {
	font-size: 25px;
	color: #0571ba;
}

.xinzeng span {
	font-size: 22px;
}

#header .top_code {
	display: none;
	float: right;
	width: 120px;
	height: 120px;
	margin-top: 10px;
	margin-right: 20px;
}

#header .top_code img {
	max-width: 100%;
	max-height: 100%;
}

.logo_desc {
	float: right;
	width: 400px;
	margin-top: 12px;
	text-align: right;
}

.logo_desc div.tel {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	padding-left: 85px;
	padding-top: 17px;
	padding-bottom: 15px;
	position: relative;
	width: 300px;
	/* height: 60px; */
	/* line-height: 30px; */
	text-align: left;
	background-image: url(../images/tel.png);
	background-position: left 15px;
	background-repeat: no-repeat;
}

.logo_desc div.tel span {
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.logo_desc div.tel i {
	display: block;
	font-style: normal;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
}

.logo_desc div.tel:before {
	content: '';
	/* background: url(../images/iconhead_tel.png) left center no-repeat; */
	width: 70px;
	height: 61px;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -25px;
}


/* é¦–é¡µçš„æ&nbsp;·å¼ */
.right_liuyan{
	position: fixed;
	top: 40%;
	left: 0;
	width: 195px;
	z-index: 9999;
	/* background: url(../images/img1.jpg); */
}
.right_liuyan h3{
	font-size: 20px;
	line-height: 80px;
	color: #FFFFFF;
	text-align: center;
	background: url(../images/time.jpg);
}
.right_liuyan .right_liuyan_1{
	padding-top: 15px;
	background: url(../images/time.jpg);
}
.right_liuyan #name{
	display: block;
	margin:auto;
	width: 85%;
	height: 35px;
	/* padding-top: 15px; */
	margin-bottom: 15px;
	padding-left: 1%;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	font-size: 16px;
	outline: none;
}
.right_liuyan #tel{
	display: block;
	margin:auto;
	padding-left: 1%;
	width: 85%;
	height: 35px;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	font-size: 16px;
	outline: none;
}
.right_liuyan textarea{
	display: block;
	margin: auto;
	width: 85%;
	padding: 1%;
	height: 100px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	font-size: 16px;
	resize: none;
	outline: none;
}
.coolbg{
	width: 80px;
}
@media (max-width:640px) {
	.right_liuyan{
		display: none;
	}
}


.yb_conct{
	position:fixed;
	z-index:9999999;
	top:100px;
	right:-127px;
	cursor:pointer;
	transition:all .3s ease;
}
.yb_bar ul li{
	width:180px;
	height:53px;
	font:16px/53px 'Microsoft YaHei';
	color:#fff;
	text-indent:54px;
	margin-bottom:3px;
	border-radius:3px;
	transition:all .5s ease;
	overflow:hidden;
}
.yb_bar .yb_top{
	background:#0e52cf url(../images/fixCont.png) no-repeat left 0;
}
.yb_bar .yb_phone{
	background:#0e52cf url(../images/fixCont.png) no-repeat left -57px;
}
.yb_bar .yb_QQ{
	text-indent:0;
	background:#0e52cf url(../images/fixCont.png) no-repeat left -113px;
}
.yb_bar .yb_ercode{
	height:20 !important;
	background:#0e52cf url(../images/fixCont.png) no-repeat left -169px;
}
.hd_qr{
	padding:0 29px 25px 29px;
}
.yb_QQ a{
	display:block;
	text-indent:54px;
	width:100%;
	height:100%;
	color:#fff;
}

@media(max-width:768px){
    .yb_conct{
        display: none;
    }

	
}
.mask{
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}
.mask_liuyan{
	display: none;
	position: fixed;
	top: 20%;
	left: 40%;
}



/* é¦–é¡µæ&nbsp;·å¼ç»“æŸ */



.container{
	position: relative;
}
.new_search{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
}


/* åº•éƒ¨æ&nbsp;·å¼ */


.new_side{
	position: fixed;
    right: -100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 15;
    transition: all .5s;
    box-shadow: 0 5px 13px rgb(0 0 0 / 10%);
    z-index: 999;
	width: 75px;
    text-align: center;
}


.new_side_show{
	left:0
}

.new_side_1{
	background: #f7f7f7;
    border: 1px solid #eaeaea;
    padding: 8px 0;
    cursor: pointer;
}
.new_side_1:hover .new_side_img_1{
	opacity: 0;
}
.new_side_1:hover p{
	color: #0061c2;
}
.new_side_2:hover p{
	color: #0061c2;
}
.new_side_1:hover .new_side_img_2{
	opacity: 1;
}
.new_side_2:hover .new_side_img_1{
	opacity: 0;
}
.new_side_2:hover .new_side_img_2{
	opacity: 1;
}



.new_side_img{
	width: 28px;
    display: inline-block;
    position: relative;
}

.new_side_img img{
	width: 100%;
    transition: all .36s;
}

.new_side_img_1{
	position: relative;
    top: 0;
    left: 0;
}

.new_side_img_2{
	position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.new_side_p p{
	font-size: 14px;
    line-height: 2.5;
    color: #666;
    transition: all .36s;
	margin:0;
}

.new_side_2{
	position: relative;
    z-index: 999;
	border: none;
    background: none;
    padding: 0;
}
.new_side_2:hover .new_side_wx {
	right:-120px
}
.new_side_2_1 {
	border: 1px solid #eaeaea;
    width: 100%;
    padding: 8px 0;
    background: #f7f7f7;
}
.new_side_wx{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100px;
    transition: all 1s;
    z-index: -1;
}


.new_side_wx_img{
	width: 100px;
    position: relative;
    z-index: -1;
}
.new_side_wx_img img{
	width: 100%;
    transition: all .36s;
}

.new_side_wx_img::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
}

.new_bg{
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	left:0;
	top:0;
	z-index: 99999;
	overflow-y: hidden;
}

.tanchuang{
	display: none;
	width: 602px;
    background: #ffffff;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 40px;
    padding-bottom: 40px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999;
    transition: all 0.6s;
    overflow: hidden;

}

.tc_top {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}
.tc_top p{
	font-size: 25px;
}

#close{
	width: 50px;
	height: 50px;
	cursor: pointer;
}
#close img{
	width: 100%;
	height: 100%;
}
.tc_bot{
	margin-top: 30px;
	width: 100%;

}

.tc_bot_1{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.tc_bot_1 input{
	width: 100%;
	border:none;
	height: 50px;
	outline: none;
}
.tc_bot_2{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.tc_bot_2 input{
	border:none;
	width: 80%;
	height: 50px;
	outline: none;

}
.tc_bot_2 img{
	width: 20%;
}
.tc_bot p{
	font-size: 15px;
	color:#999
}
.tc_bot button{
	width: 200px;
	height: 60px;
	outline: none;
	background: #0061c2;
	color: #fff;
	margin-top: 15px;
	border: none;
	font-size: 20px;
}


    /*å›ºå®šçš„æ‚¬æµ®çª—*/
	.yb_conct{position:fixed;z-index:9999999;top:100px;right:-127px;cursor:pointer;transition:all .3s ease;}
	.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
	.yb_bar .yb_top{background:#0e52cf url(../images/fixCont.png) no-repeat left 0;}
	.yb_bar .yb_phone{background:#0e52cf url(../images/fixCont.png) no-repeat left -57px;}
	.yb_bar .yb_QQ{text-indent:0;background:#0e52cf url(../images/fixCont.png) no-repeat left -113px;}
	.yb_bar .yb_ercode{height:20 !important;background:#0e52cf url(../images/fixCont.png) no-repeat left -169px;}
	.hd_qr{padding:0 29px 25px 29px;}
	.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
	
	@media(max-width:768px){
		.new_side{
			display: none;
		}
	}

/* å¯¼èˆªæ&nbsp;·å¼ */
.daohang li{
	position: relative;
}
.subnav {
	position: absolute;
	width: 100%;
	height: auto;
	/* left: -36px; */
	top: 51px;
	opacity: 0;
	transition: all .3s ease 0s;
	transform: translate3d(0, 10px, 0);
	visibility: hidden;
	z-index: 100;
	background: rgba(0, 64, 152, 0.6);
	border-top: 2px solid #236ffb;
	display: none;
}
.subnav li{
	width: 100% !important;
	height: auto !important;
}
 .subnav li a {
	display: block;
	width: 100%;
	font-size: 13px;
	text-align: center;
	margin: 0;
	color: #fff !important;
	height: 40px;
	line-height: 40px;
	background:none !important;
}
.daohang li:nth-child(4) .subnav{
	display: none !important;
}
.daohang li:nth-child(6) .subnav{
	display: none !important;
}
.daohang li:nth-child(7) .subnav{
	display: none !important;
}
.daohang li:nth-child(8) .subnav{
	display: none !important;
}

.subnav li a:hover {
	border: none;
	color: #fff;
	background-color: #236ffb;
}
.daohang li:hover .subnav {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	visibility: visible;
	display: block;
}



/* å¯¼èˆªæ&nbsp;·å¼ç»“æŸ */


/***********åº•éƒ¨æ•ˆæžœæ&nbsp;·å¼****************/
.baozhang {
	float: left;
	width: 100%;
}

.title {
	text-align: center
}

.title h4 {
	font-size: 30px;
	line-height: 30px;
}

.title p {
	font-size: 16px;
	line-height: 10px;
	margin-top: -20px;
}

.clearfix:after {
	display: block;
	content: '';
	clear: both;
}

.clearfix {
	zoom: 1;
	text-align: justify;
}

.fl {
	float: left;
}

.fr {
	float: right;
}


.part5 .tBox {
	width: 1230px;
	height: 430px;
	margin: 30px auto 0;
	position: relative;
}

.part5 .tBox .picBox {
	width: 1000px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#posBox {
	width: 2048px;
	position: absolute;
	left: 0;
	top: 0;
}

.part5 .tBox .picBox .roll {
	position: relative;
	margin-right: 24px;
	perspective: 1000px;
	cursor: pointer;
}

.part5 .tBox .picBox li .bg {
	width: 100%;
	height: 65px;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: absolute;
	left: 0;
	bottom: 0;
}

.part5 .tBox .picBox li h3 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 65px;
	text-align: left;
	padding-left: 13px;
}

.part5 .tBox .picBox li .tName {
	font-size: 18px;
	color: #fff;
	padding-top: 13px;
	margin-bottom: 5px;
}

.part5 .tBox .picBox li .tTitle {
	font-size: 12px;
	color: #b4b4b4;
}

.roll .box-content {
	width: 100%;
	height: 480px;
	position: absolute;
	top: 0;
	left: 0;
	background: #3f99f1;
	opacity: 0.8;
	filter: alpha(opacity=80);
	transform: rotateY(90deg);
	transition: all 0.50s ease-in-out 0s;
	overflow: hidden;
}

.roll .box-img {
	transform: rotateY(0);
	transition: all 0.50s ease-in-out 0s;
}

.roll:hover .box-img {
	transform: rotateY(-90deg);
}

.roll:hover .box-content {
	transform: rotateY(0);
}

.roll .box-content .t1,
.roll .box-content2 .t1 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding-top: 50px;
	text-align: center;
}

.roll .box-content .t2,
.roll .box-content2 .t2 {
	font-size: 16px;
	color: #fff;
	padding-top: 12px;
	text-align: center;
}

.roll .box-content .t3,
.roll .box-content2 .t3 {
	width: 190px;
	height: 1px;
	background: #fff;
	margin: 20px auto 0;
}

.roll .box-content .t4,
.roll .box-content2 .t4 {
	font-size: 14px;
	width: 182px;
	text-align: justify;
	color: #fff;
	margin: 20px auto 0;
}

.box-content2 {
	position: absolute;
	left: 0px;
	top: -470px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	color: #fff;
}

.anniuk {
	width: 100%;
	float: left;
	text-align: center;
	color: #3f99f1;
}

.anniu {
	border: 1px solid #3f99f1;
	height: 60px;
	width: 350px;
	line-height: 60px;
	text-align: center;
	border-radius: 200px;
	margin-top: 40px;
	margin-bottom: 40px;
	cursor: pointer;
	font-size: 23px;
	display: inline-block;
	transition: all 0.3s;
}

.anniu:hover {
	background: #3f99f1;
	transform: scale(1.05);
	
	color: #FFFFFF;
}

.anniu:hover a {
	color: #FFFFFF;
}






/*************åº•éƒ¨æ•ˆæžœæ&nbsp;·å¼ç»“æŸ****************/

.case-index-content {
	position: relative;
}

.case-index-content ul {
	margin-right: -18px;
}

.case-example-item {
	float: left;
	width: 286px;
	height: 315px;
	overflow: hidden;
	margin: 0 18px 18px 0;
	text-align: center;
	background: #fff;
	position: relative;
	transition: all .2s;
	box-sizing: border-box;
	border:1px solid #eee
}

.case-example-item a .case-pad {
	/* width: 286px;
			    height: 180px; */
}

.case-item-info {
	height: 55px;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #333;
	transition: all .2s;
	background: rgba(255, 255, 255, 0.7);
	transition:all 0.5s;
}

.case-info-logo {
	margin-top: 0;
	margin-bottom: 8px;
	height: 80px;
	transition: all .2s;
}

.case-info-title {
	font-size: 17px;
	color: #333;
	/* padding-top: 15px; */
	line-height: 45px;
	margin-bottom: 35px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	
}

.case-info-text {
	font-size: 14px;
	color: #333;
	padding: 0 15px;
	text-align: left;
	line-height: 1.8;
}

.case-info-title:after {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	margin: -5px auto 0;
	background: #4d779e;
}

/* .case-index-content .case-example-item:hover{
	border:1px solid #eee
} */

.case-index-content .case-example-item:hover .case-item-info {
	height: 215px;
	background: rgba(255, 255, 255, 1);
	
}




.img_1 {
	overflow: hidden;
	/* margin-bottom: 30px */
}

.img_1 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;
}

.img_1 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);
}

.h_search {
	margin: auto;
	width: 20%;
	max-width: 1250px;
	padding: 4px 0;
	display: flex;
}


.h_search .form1 {
	min-width: 330px;
	margin: 10px auto;
	line-height: 59px;
}

.remen {
	margin: 40px 0;
	margin-left: 20px;
	display: flex;
}

.remen p {
	font-size: 15px;
}

.remen .remen_list {
	margin-left: 20px;
}

.remen .remen_list a {
	margin-right: 15px;
	
}

.h_search .form_text1 {
	float: left;
	width: 65%;
	height: 48px;
	line-height: 28px;
	text-indent: 10px;
	outline: none;
	background: #fff;
	margin: 3px 0;
	font-size: 14px;
	border-radius: 20px 0 0 20px;
	border:1px solid #1557b8
}

.h_search .form_button1 {
	float: left;
	width: 25%;
	height: 50px;
	background: linear-gradient(to bottom, #1557b8, #409af2);
	border: 0;
	outline: none;
	color: #FFF;
	margin: 3px 0;
	cursor: pointer;
	border-radius: 0 20px 20px 0;
	font-size: 16px;
}

.h_search .form_button1:hover {
	background: #3f99f1;
}

.about {
	width: 90%;
	max-width: 1230px;
	margin: 0 auto;
	padding: 20px 0 20px;
}

.about a {
	color: #e0dcdc;
	background: #4459c1;
	color: #fff;
	display: block;
	font-size: 16px;
	/* height: 30px; */
	line-height: 30px;
	/* margin-top: 17px; */
	text-align: center;
	/* width: 160px; */
	border-radius: 10px;
}

.about_1 {
	float: right;
	width: 48%;
}

.about_1 h2 {
	margin-bottom: 20px;
	color: #e0dcdc;
	font-size: 22px;
}

.about_1 p {
	color: #333;
	font-size: 15px;
	text-indent: 28px;
	line-height: 33px;
	text-align: left;
}

.about_1 h3 {
	margin-bottom: 20px;
	font-size: 23px;
	font-weight: normal;
	color: #333;
}
.about_1 a{
	margin-top:15px;
}

.about_2 {
	float: left;
	width: 48%;
	box-shadow: -10px 13px 0px #409af2;
}

/*å¯¼èˆª*/
#nav {
	background: #ededed;
	/* background: linear-gradient(to bottom, #014198, #116bb9); */
	width: 100%;
	/* position: fixed; */
	top: 107px;
	z-index: 999999;
	/* box-shadow: 0px 3px 6px 0px rgba(127, 127, 127, 0.20); */
}

.daohang {
	display: flex;
}

#nav ul li {
	float: left;
	width: 12%;
	/* margin: 0 0.6%; */
}

#nav ul li a {
	color: #333;
	width: 98%;
	padding: 0 1%;
	font-size: 15px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	padding-bottom: 2px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	overflow: visible;
	-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
	transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
	background: url(../images/An_03.jpg) no-repeat left;
}

#nav ul li a:after {
	content: '';
	display: block;
	width: 0;
	margin: 0 auto;
	height: 2px;
	background: #eb6203;
	/* color: #eb6203 !important; */
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

#nav ul li .active {
	/* color: #eb6203; */
	color: #FFFFFF;
	background: linear-gradient(to bottom, #3f99ef, #3f99ef);
}

#nav ul li a:hover {
	/* color: #eb6203; */
	color: #FFFFFF;
	background: linear-gradient(to bottom, #3f99ef, #3f99ef);
}

#nav ul li a:hover:after {
	width: 50%;
}

#nav ul li a.active:after {
	width: 50%;
}

#nav .top {
	display: none;
}

#nav .logo {
	display: none;
}

.web_nav {
	display: none;
	width: 90%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	margin: 0 auto;
	font-weight: bold;
}

.btn-menu {
	display: block;
	float: right;
	position: relative;
	background: transparent;
	cursor: pointer;
	padding: 15px 0;
	width: 26px;
	height: 16px;
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
	outline: none;
}

.btn-menu:before,
.btn-menu:after,
.btn-menu span {
	background-color: #ffffff;
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
}

.btn-menu:before,
.btn-menu:after {
	content: '';
	position: absolute;
	top: 0;
	height: 1px;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.btn-menu span {
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	overflow: hidden;
	text-indent: 200%;
}

.btn-menu:before {
	-webkit-transform: translate3d(0, -7px, 0);
	transform: translate3d(0, -7px, 0);
}

.btn-menu:after {
	-webkit-transform: translate3d(0, 7px, 0);
	transform: translate3d(0, 7px, 0);
}

.btn-menu.active span {
	opacity: 0;
}

.btn-menu.active:before {
	background-color: #ffffff;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.btn-menu.active:after {
	background-color: #ffffff;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

/*é¦–é¡µbanner*/
#banner {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	overflow: hidden;
	/* margin: 155px auto 0px auto !important; */
	margin-top: 0px;
}

#banner img {
	width: 100%;
}

#banner-inside {
	position: relative;
	width: 100%;
	height: 350px;
	overflow: hidden;
	margin: 0px auto;
}

#banner-inside img {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -1000px;
}

/*é¦–é¡µç¬¬ä¸€å—äº§å“åˆ†ç±»*/
.product {
	background: #fff;
	width: 100%;
	padding: 20px 0 0 0px;
	margin: 0px auto;
}

.product .bd {
	width: 95%;
	max-width: 1230px;
	height:auto;
	margin: 0px auto;
	margin: 0px auto 15px;
	overflow: hidden;
}

.product .bd li {
	position: relative;
	display: block;
	float: left;
	width: 250px !important;
	height: 75px;
	/* background: url(../images/product-bg.png) no-repeat; */
	background-size: 100% 100%;
	background-position: left top;
	margin: 0 15px 0 15px;
	overflow: hidden;
	border-radius: 30px;
}
.product .bd ul{
	width: 1200px !important;
}
.pro_list {
	margin: auto;
	margin-bottom: 30px;
	width: 1220px;
	height: auto !important;
	border: 1px dashed #3f99f1;
}

.pro_list li {
	float: left;
	color: #4c4c4c;
	text-align: center;
	cursor: pointer;
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	width: 200px;
}
.pro_list li a {
	color: #3f99f1;
	font-size: 16px;
	/* font-weight: bold; */
	text-decoration: none;
	display: block;
	line-height: 48px;
}

.tempWrap {
	margin: auto !important;
}

.product .bd li&gt;a {
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.product .bd li .img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	margin: 30px auto 0px auto;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.product .bd li .name {
	position: absolute;
	left: 10%;
	bottom: 0px;
	width: 80%;
	height: 45px;
	overflow: hidden;
	background: #3f99f1;
	color: #fff;
	border-radius: 30px;
	text-align: center;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.product .bd li .name p a {
	display: block;
	height: 45px;
	line-height: 45px;
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.product .bd li .name span a {
	color: #fff;
	display: block;
	background: url(../images/product-line.png) no-repeat;
	background-position: center bottom;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding: 0 10px 12px;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.product .bd li:hover .img {
	margin-top: 20px;
}

.product .bd li:hover .name {
	/* height: 110px; */
	background: #f49900;
}

.product .bd .on .name {
	background: #f49900;
}

.product .arrow {
	margin: 0px auto;
	text-align: center;
}

.product .arrow a {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 28px;
	border: 1px solid #ddd;
	border-radius: 30px;
	margin: 0px 10px;
	overflow: hidden;
	cursor: pointer;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.product .arrow a:hover {
	background-color: #3f99f1;
	border: 1px solid #3f99f1;
}

.product .arrow a:hover img {
	margin-top: -28px;
}

.h_tlt1 {
	width: 100%;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
}

.h_tlt1:after {
	content: '';
	width: 60px;
	height: 2px;
	background: #7a9bba;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
}

.h_tlt1 h2 {
	font-size: 35px;
	font-weight: bold;
	color: #3f99f1;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	height: 40px;
	line-height: 40px;
	margin-right: 5px;
	font-weight: normal;
}

.h_tlt1 span {
	color: #cccccc;
	font-size: 24px;
	line-height: 60px;
}

.h_tlt1 p {
	color: #333333;
	font-size: 16px;
	text-align: center;
	font-family: "å¾®è½¯é›…é»‘";
}

.sy_gg {
	width: 100%;
}

.sy_gg img {
	max-width: 100%;
	height: auto;
}

/*é¦–é¡µäº§å“å±•ç¤º*/
.h_products {
	width: 100%;
	background: #f5f5f5;
}

.h_products_in {
	width: 90%;
	max-width: 1230px;
	margin: 0 auto;
	padding: 10px 0 10px;
}

.h_products .pro_bd {
	margin-top: 40px;
}

.h_products .pro_bd ul li {
	float: left;
	width: 22%;
	margin-right: 3.5%;
	margin-bottom: 30px;
	height: 330px;
}

.h_products .pro_bd ul li&gt;div {
	display: block;
	background: #fff;
	padding-bottom: 10px;
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 6px 0px rgba(127, 127, 127, 0.30);
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.h_products .pro_bd ul li:nth-child(4n) {
	margin-right: 0px;
}

.h_products .pro_bd ul li a {
	display: block;
}

.h_products .pro_bd ul li a .pro_img {
	text-align: center;
	width: 100%;
	height: 245px;
	background: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}

.h_products .pro_bd ul li a .pro_img img {
	vertical-align: middle;
	max-width: 90%;
	max-height: 90%;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.h_products .pro_bd ul li a .pro_img .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}

.h_products .pro_bd ul li a p {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.h_products .pro_bd ul li a p:after {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	margin: -5px auto 0;
	background: #4d779e;
}

.h_products .pro_bd ul li:hover&gt;div {
	margin-top: -5px;
	box-shadow: 0px 5px 10px 5px #e1dddd;
}

.h_more {
	width: 120px;
	margin: 20px auto 30px;
	display: block;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #3f99f1;
	text-align: center;
	font-size: 14px;
	color: #3f99f1;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.h_more:hover {
	background: #3f99f1;
	color: #fff;
}

/*é¦–é¡µæ–‡ç«&nbsp;*/
.h_title {
	width: 94%;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	margin: 15px 3% 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #dedede;
}

.h_title h3 {
	float: left;
	height: 30px;
	line-height: 30px;
	color: #3f99f1;
	font-size: 20px;
	padding-left: 20px;
	position: relative;
}

.h_title h3:before {
	content: '';
	display: block;
	width: 3px;
	height: 18px;
	background: #3f99f1;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 0;
}

.h_title h3 a {
	color: #4d779e;
	font-size: 24px;
}

.h_title h3 img {
	display: block;
	width: 2px;
	height: 24px;
	float: left;
	margin: 3px 18px 3px 0;
	padding: 0;
}

.h_title h3 span {
	display: inline-block;
	color: #999;
	font-size: 14px;
	font-family: "Arial";
	font-style: italic;
	margin: 0 0 0 14px;
	font-weight: normal;
}

.h_title a {
	display: inline-block;
	float: right;
	color: #7a9bba;
	font-size: 14px;
}

.h_title a img {
	display: inline-block;
	vertical-align: middle;
	margin: -4px 0 0 4px;
}

.h_article {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 30px 0 30px;
	background: #fff;
	display: none;
}

.h_article_1 {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 30px 0 30px;
	background: #fff;
	/* display: none; */
}

.news_left {
	float: left;
	width: 60%;
}

.news_right {
	float: right;
	width: 35%;
}

.h_article_1 h2 {
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	color: #3f99f1;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.news_left_top {
	margin-top: 25px;
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px #ccc dashed;
}

.news_left_top .top_right {
	margin-left: 20px;
	font-size: 14px;
}
.top_right_title{
	font-size:15px;
}

.news_left_top .top_right .top_right_content {
	margin: 20px 0;
	color:#999;
	overflow: hidden;
	height: 40px;
	text-overflow: ellipsis;
}

.news_left_bott {
	margin-top: 20px;

}

.news_left_bott li {
	float: left;
	margin-right: 2%;
	width: 48%;
	padding: 15px 0;
	border-bottom: 1px #ccc solid;
	font-size: 14px;
}

.news_left_bott li a {
	display: flex;
	justify-content: flex-start;
}

.news_left_bott li i {
	margin-right: 10px;
	padding-right: 10px;
	font-style: normal;
	font-size: 26px;
	border-right: 1px solid #ccc;
}

.news_left_bott li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 20px;
}

.news_left_bott li i p {
	margin: 0;
	font-size: 14px;

}



.news_right_con {
	margin-top: 25px;
}

.news_right_con li {
	margin-bottom: 8px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #ccc;
}

.news_right_con li a {
	display: flex;
	justify-content: space-between;
}

.news_right_con li a img {
	width: 100px;
	height: 100px;
}

.news_right_con_1 {
	width: 70%;
	display: flex;
	flex-direction: column;
}

.news_right_con_1 span {
	/* padding: 5px 10px; */
	/* border: 1px solid #ccc; */
	margin-bottom: 10px;
	font-size:15px;
}
.news_right_con_1 p{
	color:#999;
	height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
}



.h_article_1 h2 span {
	font-size: 20px;
	color: #ccc;
}


.jiance {
	margin: 40px 0;
	/* background: #fff; */
}

.jiance h2 {
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	color: #3f99f1;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.jiance h2 span {
	font-size: 20px;
	color: #ccc;
}

.jiance_content li {
	float: left;
	margin-right: 20px;
	width: 46%;
	line-height: 65px;
	border-bottom: 1px dashed #CCCCCC;

}

.jiance_content li span {
	float: right;
}
.jiance_content li a{
	transition:all 0.3s;
}

.jiance_content li:hover a{
	padding-left:5%
}


.h_article .art_l,
.h_article .art_r {
	width: 31%;
	overflow: hidden;
	margin: 0 3% 0 0;
	padding: 0;
	/* border: 1px solid #e7eaf1; */
	border-radius: 5px;
	/* box-shadow: 0 1px 3px rgba(0, 37, 55, 0.05); */
}

.h_article .art_l {
	float: left;
}

.h_article .art_r {
	float: right;
	margin: 0;
}

.art_list {
	width: 94%;
	height: 212px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 0 0;
	box-sizing: border-box;
}

.art_list ul li {
	width: 100%;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/art_tb.jpg) 8px center no-repeat;
	box-sizing: border-box;
	text-align: left;
}

.art_list ul li a {
	display: inline-block;
	width: 75%;
	color: #666;
	font-size: 14px;
	text-indent: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.art_list ul li span {
	display: inline-block;
	width: 20%;
	color: #999;
	font-family: "Arial";
	font-size: 12px;
	float: right;
	text-align: right;
}

.art_list ul li a:hover {
	color: #4d779e;
	text-decoration: underline;
}

.art_list ul.downlist {
	float: left;
	width: 100%;
}

.art_list ul.downlist li {
	width: 50%;
	height: 34px;
	overflow: hidden;
	line-height: 34px;
	margin: 0;
	box-sizing: border-box;
	color: #fff;
	padding: 0 0 0 0;
	float: left;
	margin-bottom: 7px;
	background: none;
}

.art_list ul.downlist li a {
	text-align: center;
	display: inline-block;
	width: 75%;
	color: #fff;
	background: #cecece;
	font-size: 14px;
	text-indent: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 0 0 2px 2px;
	padding: 0 5% 0 5%;
	position: relative;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.art_list ul.downlist li a:hover {
	color: #fff;
	text-decoration: none;
	background: #7a9bba;
}

.link {
	width: 100%;
	padding-bottom: 30px;
	/* background: #fff; */
}

.link .link_con {
	width: 100%;
	margin: 0 auto;
	/* background: #fff; */
	/* padding: 15px 10px; */
}

.link .link_con span {
	display: block;
	background: url(../images/pecv.png) left center no-repeat;
	padding-left: 25px;
	font-size: 15px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	margin-bottom: 5px;
	color: #fff;
}

.link .link_con p {
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	padding: 0 15px 0 0;
}

.link .link_con p a {
	font-size: 12px;
	color: #fff;
}

.container_youlian{
	margin-bottom:20px;
}

.foot1 {
	/* background-color: #525252; */
	width: 100%;
}

.foot1 .fb_b {
	padding: 10px 0 30px;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
}

.foot1 .fb_b a {
	color: #ffffff;
}

.foot2 {
	/* background-color: #525252; */
	width: 100%;
	padding: 40px 0 30px;
	color: #ffffff;
	font-size: 12px;
}

.foot2 ul li {
	float: left;
	width: 29%;
	margin-right: 3%;
	background: rgba(85, 85, 85, 0.6);
	padding: 10px 1%;
	display:flex;
	align-items:center;
	cursor:pointer;
}

.foot2 ul li:nth-child(3n) {
	margin-right: 0px;
}

.foot2 ul li .icon {
	width: 50px;
	height: 50px;
	float: left;
}

.foot2 ul li.f1 .icon {
	background: url(../images/f_icon1.png) center center no-repeat;
}

.foot2 ul li.f2 .icon {
	background: url(../images/f_icon2.png) center center no-repeat;
}

.foot2 ul li.f3 .icon {
	background: url(../images/f_icon3.png) center center no-repeat;
}

.foot2 ul li .wz {
	float: left;
	width: 75%;
}

.foot2 ul li .wz p {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

.foot2 ul li .wz span {
	display: block;
	font-size: 14px;
	color: #fff;
	padding-top: 10px;
	height: auto;
	overflow: hidden;
}

.foot2 ul li:hover {
	background: #3f99f1;
}

.foot2 ul li:nth-child(4n):hover {
	background: none;
}

.foot2 ul .f4 {
	background: none;
}

.foot2 ul .f4 p {
	margin-top: 15px;
}

.foot2 ul .f4:hover {
	background: none;
}


.foot2 ul .f4 .wz {
	margin: auto;
	float: none;
	text-align: center;
}

.foot2 ul .f4 .wz img {
	width: 185px;
	height: 185px;
}

/*æ‚¬æµ®é“¾æŽ¥*/
.suspension {
	position: fixed;
	z-index: 999999999;
	right: 0;
	bottom: 360px;
	width: 70px;
	height: 240px;
}

.suspension-box {
	position: relative;
	float: right;
}

.suspension .a {
	display: block;
	width: 55px;
	height: 40px;
	padding: 10px 0 5px;
	background-color: #7a9bba;
	margin-bottom: 4px;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	text-align: center;
	border-radius: 2px;
}

.suspension .a.active,
.suspension .a:hover {
	background: #4d779e;
}

.suspension .a .i {
	display: inline-block;
	width: 44px;
	height: 44px;
	background-image: url(../images/side_icon.png);
	background-repeat: no-repeat;
}

.suspension .a-service .i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.suspension .a span {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding-top: 4px;
}

.suspension .a-service-phone .i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: -27px 0;
}

.suspension .a-qrcode .i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-position: -56px -12px;
}

.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: 240px;
	background: #fff;
	position: absolute;
	right: 67px;
	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;
}

.qrcode-img img {
	width: 150px;
	margin: 0 auto;
}

.suspension .d-service {
	top: 0;
}

.suspension .d-service-phone {
	top: 50px;
}

.suspension .d-qrcode {
	top: 78px;
}

.suspension .d .inner-box {
	padding: 8px 22px;
}

.suspension .d-service-item {
	padding: 4px 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-tel {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon02.png) no-repeat center center;
	display: block;
}

.suspension .d-service-item p {
	float: left;
	width: 112px;
	line-height: 22px;
	font-size: 15px;
	margin-left: 12px;
}

.suspension .d-service .d-service-item p {
	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;
	width: 160px;
}

.suspension .d-qrcode .inner-box {
	padding: 10px 0;
}

.suspension .d-qrcode p {
	font-size: 14px;
	color: #999;
	padding-top: 5px;
}

/*-------------------å†…é¡µå¼€å§‹-------------------*/

.ny_tjcp {
	width: 100%;
	padding: 40px 0;
}

.ny_tjcp .product {
	padding: 0;
}

.ny_tjcp .product .bd {
	width: 100%;
	margin: 0 auto 30px;
}

.ny_tjcp .product .bd li {
	background: none;
}

.ny_tjcp .product .bd li .name span {
	color: #fff;
	display: block;
	background: url(../images/product-line.png) no-repeat;
	background-position: center bottom;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding: 0 10px 12px;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ny_banner {
	width: 100%;
	position: relative;
	margin-top: 0px !important;
	overflow: hidden;
}

.ny_banner .slideshow {
	height: 500px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media (max-width: 1199px) and (min-width: 1001px) {
	.ny_banner .slideshow {
		height: 320px;
	}

	.h_search {
		display: flex;
		flex-direction: column;
	}

	.h_search .form1 {
		max-width: 330px;
		margin: 20px auto;
		line-height: 59px;
	}
}

.arrow {
	display: none;
}

@media screen and (max-width: 1000px) {
	.ny_banner .slideshow {
		height: 280px;
	}

	.arrow {
		display: block;
	}
}

@media screen and (max-width: 760px) {
	.ny_banner .slideshow {
		height: 170px;
	}
	.case-info-title{
		font-size:15px
	}
}

@media screen and (max-width: 480px) {
	.ny_banner .slideshow {
		height: 120px;
	}
}

.ny_tlt1 {
	width: 100%;
	margin-bottom: 30px;
}

.ny_tlt1 p {
	font-size: 24px;
	color: #4d779e;
	text-align: center;
}

.ny_tlt1 span {
	display: block;
	font-size: 14px;
	font-weight: lighter;
	color: #999;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.ny_news_con2 .about_wz {
	width: 100%;
	font-size: 15px;
	line-height: 30px;
	color: #555;
}

.ny_zycp {
	background: #f1f1f1;
	padding: 20px 15px;
	margin-bottom: 25px;
	margin-top: 20px;
}

/*å†…é¡µäº§å“åˆ†ç±»*/
.syFocusThumb .prev {
	display: inline-block;
	vertical-align: middle;
	width: 10%;
	height: 40px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-image: url(../images/pre.png);
	background-position: center center;
	background-size: initial;
	border-right: 1px solid #f1f1f1;
}

.syFocusThumb .next {
	display: inline-block;
	vertical-align: middle;
	width: 10%;
	height: 40px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-image: url(../images/next.png);
	background-position: center center;
	background-size: initial;
	border-left: 1px solid #f1f1f1;
}

.syFocusThumb {
	POSITION: relative;
	WIDTH: 100%;
	margin: 20px auto;
	/* padding-top: 60px; */
	display: none;
}

.pagination {
	POSITION: absolute;
	TEXT-ALIGN: left;
	CLEAR: both;
	TOP: 0;
	LEFT: 0px;
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 20px 0px #eaeaea;
	overflow: hidden;
}

.thumbWrap {
	POSITION: absolute;
	WIDTH: 80%;
	OVERFLOW: hidden;
	TOP: 0;
	LEFT: 10%;
}

.holder {
	WIDTH: 4000px
}

.holder I {
	CURSOR: pointer;
	font-style: normal;
	display: inline-block;
	width: 80px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	position: relative;
	padding: 0 5px;
	vertical-align: top;
	border-radius: 0 4px 0 4px;
	overflow: hidden;
	margin: 0 2px;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.holder I:first-child {
	width: 50px;
}

.prev {
	POSITION: absolute;
	WIDTH: 10%;
	TOP: 0;
	CURSOR: pointer;
	LEFT: 0
}

.next {
	POSITION: absolute;
	WIDTH: 10%;
	TOP: 0;
	CURSOR: pointer;
	RIGHT: 0;
}

.pagination I.selected {
	background-color: #3f99f1;
	color: #fff;
}

.pagination I.selected a {
	color: #ffffff;
}

.sliderwrapper {
	width: 100%;
	padding-left: 5px;
	text-align: left;
}

.toc {}

.toc a {
	color: #3f99f1;
}

.contentdiv {
	font-size: 0;
	margin: 0 10px;
}

.contentdiv:first-child {
	/* display: none !important; */
}

.contentdiv a {
	text-align: center;
	border-radius: 2px;
	display: inline-block;
	vertical-align: top;
	padding: 8px 2%;
	color: #76838f;
	-webkit-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	width: 8%;
	transition-duration: .3s;
	-ms-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	background: #f1f1f1;
	margin: 10px 5px 0 0;
}

.contentdiv a:hover {
	background: #afafaf;
	color: #fff;
}

.hidebtn {
	float: right;
	display: block;
	width: 80px;
	height: 20px;
	line-height: 20px;
	box-shadow: 0px 0px 20px 0px #eaeaea;
	background: #dedede;
	margin: 0 auto 20px;
	font-size: 12px;
	color: #555;
	text-align: center;
	cursor: pointer;
}

.ny_content_wrap {
	background: #ffffff;
	width: 100%;
}

.ny_content {
	width: 90%;
	max-width: 1230px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.ny_content .content_right {
	float: right;
	width: 100%;
	padding: 1%;
}

.ny_content .content_right2 {
	float: none;
	width: 100%;
	padding: 0;
	padding-bottom: 30px;
}

.ny_content .content_right .bread_nav {
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.ny_content .content_right .bread_nav .sobtitle_1 {
	width: 60%;
	text-align: left;
	color: #777;
	overflow: hidden;
	font-size: 14px;
	float: left;
}

.ny_content .content_right .bread_nav div&gt;em {
	display: inline-block;
	width: 25px;
	height: 40px;
	background: url(../images/dw.png) center center no-repeat;
	vertical-align: top;
}

.ny_content .content_right .bread_nav div a {
	color: #555;
}

.ny_content .content_right .bread_nav div a:hover {
	color: #0256ac
}

.ny_content .content_right .conn {
	color: #555;
	font-size: 14px;
	line-height: 28px;
	padding-top: 10px;
	z-index: 1;
	position: relative;
}

.ny_content .ny_news_con2 {
	min-height: 300px;
}
.ny_content .ny_news_con2 img{
	display:block;
	margin:auto
}

/* .ny_content .content_right .conn .ny_news_con img,
.ny_content .content_right .conn .ny_news_con table,
.ny_content .content_right .conn .ny_news_con tr,
.ny_content .content_right .conn .ny_news_con td,
.ny_content .content_right .conn .ny_news_con p,
.ny_content .content_right .conn .ny_news_con span,
.ny_content .content_right .conn .ny_news_con div,
.ny_content .content_right .conn .ny_news_con video,
.ny_content .content_right .conn .ny_news_con embed {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	white-space: normal;
	word-break: break-all;
} */

/*å†…é¡µäº§å“å±•ç¤º*/

.zuobian {
	float: left;
	width: 20%;
}

.zuobian a:hover {
	/* background-color: #3f99f1; */
	/* border-left: 3px solid #3f99f1 !important; */
	/* color:#3f99f1 !important; */
}

.zuobian .active {
	background-color: #3f99f1;
	color: #FFFFFF !important;
	border: none !important;
}

.zuobian .zx {
	width: 100%;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	background: #3f99f1;
	color: #fff;
	display: block;
	margin-top: 10px;
}

.zuobian .zx:hover {
	border: none !important;
	background-color: #fd6e09;
}

.ny_products {
	float: right;
	width: 78%;
}

.ny_products .pro_bd {}

.ny_products .pro_bd ul li {
	float: left;
	width: 30%;
	margin-right: 4.5%;
	margin-bottom: 30px;
	height: 350px;
}

.ny_products .pro_bd ul li:nth-child(3n) {
	margin-right: 0px;
}

.ny_products .pro_bd ul li&gt;div {
	display: block;
	background: #fff;
	padding-bottom: 10px;
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 6px 0px rgba(127, 127, 127, 0.30);
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.ny_products .pro_bd ul li a .pro_img {
	text-align: center;
	width: 100%;
	height: 288px;
	background: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}

.ny_products .pro_bd ul li a .pro_img img {
	vertical-align: middle;
	width: 100%;
	/* max-width: 90%;
	max-height: 90%; */
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.ny_products .pro_bd ul li a .pro_img .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}

.ny_products .pro_bd ul li a p {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ny_products .pro_bd ul li a p:after {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	margin: -5px auto 0;
	background: #4d779e;
}

.ny_products .pro_bd ul li:hover&gt;div {
	margin-top: -5px;
	box-shadow: 0px 5px 10px 5px #e1dddd;
}

/*å†…é¡µç›¸å…³æ–‡ç«&nbsp;*/
.ny_tlt2 {
	width: 100%;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

.ny_tlt2 p {
	float: left;
	font-size: 18px;
	color: #4d779e;
	text-align: left;
	padding-right: 20px;
	padding-left: 10px;
	font-weight: bold;
}

.ny_tlt2:before {
	content: '';
	width: 2px;
	height: 17px;
	background: #4d779e;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
}

.ny_xgwz {
	background: #ffffff;
	padding: 20px 0;
}

.ny_xgwz ul li {
	float: left;
	width: 49%;
	margin-bottom: 10px;
	position: relative;
	background: #f1f1f1;
}

.ny_xgwz ul li a {
	display: block;
	float: left;
	width: 68%;
	padding: 5px 0 5px 5%;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	color: #666;
}

.ny_xgwz ul li span {
	display: block;
	float: right;
	width: 20%;
	color: #999;
	text-align: right;
	padding: 5px 5% 0 0;
}

.ny_xgwz ul li:nth-child(odd) {
	float: left;
}

.ny_xgwz ul li:nth-child(even) {
	float: right;
}

.ny_xgwz ul li:before {
	content: '';
	width: 10px;
	height: 1px;
	background: #4d779e;
	position: absolute;
	left: 10px;
	top: 50%;
}

.ny_xgwz ul li:hover {
	background: #7a9bba;
	color: #fff
}

.ny_xgwz ul li:hover:before {
	background: #ffffff;
}

.ny_xgwz ul li:hover a,
.ny_xgwz ul li:hover span {
	color: #ffffff;
}

/*å†…é¡µæ–°é—»åˆ—è¡¨*/
.new_inside {
	width: 100%;
}

.new_inside ul {
	width: 100%;
	padding: 0;
}

.new_inside ul li {
	margin-bottom: 20px;
	position: relative;
}

.new_inside ul li .news_wrap {
	display: block;
	background: #ffffff;
	padding: 24px;
	position: relative;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	box-shadow: 0px 0px 6px 0px rgba(127, 127, 127, 0.10);
	border-bottom: 1px dotted #dedede;
}

.new_inside ul li .news_time {
	position: absolute;
	left: 24px;
	top: 24px;
	width: 90px;
	text-align: center;
	background: #f1f1f1;
	overflow: hidden;
}

.new_inside ul li .news_time p {
	font-size: 24px;
	font-weight: bold;
	color: #7a9bba;
	height: 48px;
	line-height: 48px;
}

.new_inside ul li .news_time span {
	font-size: 14px;
	color: #fff;
	display: block;
	background: #7a9bba;
}

.new_inside ul li .news_con {
	padding-left: 120px;
}

.new_inside ul li .news_con p {
	font-size: 15px;
	font-weight: bold;
	color: #4d779e;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new_inside ul li .news_con span {
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 22px;
	padding-top: 5px;
	height: 45px;
	overflow: hidden;
}

.new_inside ul li .news_wrap:hover {
	background: #597c9c;
}

.new_inside ul li .news_wrap:hover p a,
.new_inside ul li .news_wrap:hover span {
	color: #fff;
}

.new_inside ul li .news_wrap:hover .news_time p {
	color: #7a9bba;
}

.article_inside {
	width: 100%;
}

.article_inside ul {
	width: 100%;
	padding: 0;
}

.article_inside ul li {
	margin-bottom: 20px;
}

.article_inside ul li .news_wrap {
	display: block;
	overflow: hidden;
	background: #ffffff;
	padding: 24px;
	position: relative;
	box-shadow: 0px 0px 20px 0px #eaeaea;
}

.article_inside ul li .news_time {
	position: absolute;
	left: 24px;
	top: 24px;
	width: 90px;
	text-align: center;
	padding: 10px 0;
	overflow: hidden;
	border-radius: 4px 0 4px 0;
}

.article_inside ul li .news_time p {
	font-size: 24px;
	font-weight: bold;
	color: #4d779e;
	padding-bottom: 5px;
	position: relative;
}

.article_inside ul li .news_time p:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 1px;
	background: #4d779e;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
}

.article_inside ul li .news_time span {
	font-size: 16px;
	color: #4d779e;
}

.article_inside ul li .news_con {
	padding-left: 110px;
}

.article_inside ul li .news_con p {
	font-size: 15px;
	font-weight: bold;
	color: #4d779e;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.article_inside ul li .news_con span {
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 22px;
	padding-top: 5px;
	height: 45px;
	overflow: hidden;
}

.article_inside ul li .news_wrap:hover {
	background: #7a9bba;
}

.article_inside ul li .news_wrap:hover p {
	color: #fff
}

.article_inside ul li .news_wrap:hover p a {
	color: #fff
}

.article_inside ul li .news_wrap:hover span {
	color: #fff
}

.article_inside ul li .news_wrap:hover p:after {
	background: #ffffff;
}

.down_inside {
	width: 100%;
}

.down_inside ul {
	width: 100%;
	padding: 0;
}

.down_inside ul li {
	float: left;
	margin-bottom: 30px;
	overflow: hidden;
	background: #ffffff;
	padding: 15px;
	box-shadow: 0px 0px 20px 0px #eaeaea;
	width: 28%;
	margin-right: 3%;
}

.down_inside ul li:nth-child(3n) {
	margin-right: 0px;
}

.down_inside ul li .news_con {}

.down_inside ul li .news_con p {
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid #dedede;
	margin-bottom: 15px;
}

.down_inside ul li .news_con p a {
	display: block;
	width: 65%;
	float: left;
	height: 40px;
	line-height: 40px;
	color: #333;
	font-weight: bold;
}

.down_inside ul li .news_con p span {
	display: block;
	width: 30%;
	float: right;
	height: 40px;
	line-height: 40px;
	text-align: right;
	color: #999;
}

.down_inside ul li .news_con a.xz {
	display: block;
	width: 120px;
	height: 40px;
	background: #7a9bba;
	color: #fff;
	line-height: 40px;
	text-align: center;
	border-radius: 2px;
	margin: 0 auto;
}

.down_inside ul li:hover {
	background: #7a9bba;
}

.down_inside ul li:hover .news_con p a {
	color: #fff
}

.down_inside ul li:hover p span {
	color: #fff
}

.down_inside ul li:hover a.xz {
	background: #fff;
	color: #7a9bba;
}

.down_btn a {
	display: block;
	width: 160px;
	height: 40px;
	font-size: 16px;
	color: #fff;
	background: #7a9bba;
	line-height: 40px;
	text-align: center;
	margin: 40px auto 0;
	border-radius: 2px;
}

.down_btn a:hover {
	background: #4d779e;
}

.ny_content .content_right .conn .ny_news_tlt {
	text-align: center;
	font-size: 20px;
	color: #555;
	padding: 10px 0;
}

.ny_news_time {
	text-align: center;
	font-size: 12px;
	color: #999;
	padding-bottom: 10px;
	border-bottom: 1px dashed #dedede;
	margin-bottom: 10px;
}

.ny_news_ye {
	padding-top: 30px;
}

.ny_news_ye p {
	height: 35px;
	line-height: 35px;
	background: #f1f1f1;
	margin-bottom: 10px;
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content_left .show_menu {
	width: 100%;
}

.page_list {
	margin-bottom: 30px;
}

.ly_msg h3 {
	display: none;
}

.content_right .conn .pro_name {
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
	color: #7a9bba;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}

.content_right .conn .proshow1 {
	padding-top: 40px;
	position: relative;
	padding-bottom: 20px;
	background: #ffffff;
}

.content_right .conn .proshow1 .js-silder {
	float: left;
	width: 40%;
	margin-top: 0 !important;
	background: #ffffff;
}

.proshow1 .js-silder .silder-main-img {
	width: 100%;
	text-align: center;
	height: 400px;
}

.proshow1 .js-silder .silder-main-img img {
	max-width: 80% !important;
	max-height: 100%;
	vertical-align: middle;
	box-shadow:0 0 8px #ccc;
}

.proshow1 .js-silder .silder-main-img .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}

.proshow1 .prodesc p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}
.proshow1 .prodesc p b{
font-size:16px;
}

.proshow1 .prodesc p.bt {
	font-size: 20px;
	font-weight: normal;
	color: #b5b5b5;
}

.content_right .conn .proshow1 .prodesc {
	float: right;
	width: 58%;
	margin-top:26px;
}

.content_right .conn .proshow1 .prodesc p.desc {
	height: 60px;
	overflow: hidden;
	color: #999;
}

.content_right .conn .proshow1 .pro_btn {
	padding-top: 30px;
	overflow: hidden;
}

.content_right .conn .proshow1 .pro_btn1 {
	display: block;
	width: 40%;
	margin-right: 20px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #7a9bba;
	border-radius: 2px;
	float: left;
	border: 1px solid #fff;
}

.content_right .conn .proshow1 .pro_btn2 {
	display: block;
	width: 40%;
	margin-right: 0;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 16px;
	background: #7b7b7b;
	color: #fff;
	border-radius: 2px;
	float: left;
	border: 1px solid #fff;
}

.content_right .conn .proshow1 .pro_btn2 em {
	display: block;
}

.content_right .conn .proshow1 .pro_btn1:hover {
	background: #fff;
	border: 1px solid #7a9bba;
	color: #7a9bba;
}

.content_right .conn .proshow1 .pro_btn2:hover {
	background: #fff;
	border: 1px solid #7b7b7b;
	color: #7b7b7b;
}

/* äº§å“è¯¦æƒ…æŽ¨èæ–‡ç«&nbsp; */
.tjnewslist {
    width: 100%;
    height: auto;
    float: left;
    /* margin-top: 20px; */
}
.tjnewslist  {
    width: 100%;
    height: auto;
    float: left;
}
.tjnewslist li {
    width: 49%;
    height: auto;
    float: left;
    border-bottom: 1px dashed #cccccc;
    margin-right: 2%;
}
.tjnewslist li:nth-child(2n) {
    margin-right: 0;
}
.tjnewslist li a {
    width: 80%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 36px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.tjnewslist li span.date {
    float: right;
    color: #999999;
    line-height: 36px;
}



/* äº§å“è¯¦æƒ…æŽ¨èæ–‡ç«&nbsp;ç»“æŸ */

.content_right .conn .xgcp li {
	float: left;
	width: 30%;
	margin-right: 4.5%;
	margin-bottom: 30px;
	height: 360px;
}

.content_right .conn .xgcp li:nth-child(3n) {
	margin-right: 0px;
}

.content_right .conn .xgcp li&gt;div {
	display: block;
	background: #fff;
	padding-bottom: 10px;
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 6px 0px rgba(127, 127, 127, 0.30);
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.content_right .conn .xgcp li a .pro_img {
	text-align: center;
	width: 100%;
	height: 300px;
	background: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}

.content_right .conn .xgcp li a .pro_img img {
	vertical-align: middle;
	max-width: 90%;
	max-height: 90%;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.content_right .conn .xgcp li a .pro_img .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}

.content_right .conn .xgcp li a p {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content_right .conn .xgcp li a p:after {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	margin: -5px auto 0;
	background: #4d779e;
}

.content_right .conn .xgcp li:hover&gt;div {
	margin-top: -5px;
	box-shadow: 0px 5px 10px 5px #e1dddd;
}


.new_youshi {
	display: flex;
	width: 80%;
	justify-content: space-between;
}

.new_youshi .baozheng {
	padding-left: 30px;
	background: url(../images/bao.png) no-repeat left 50%;
	background-size: 18%;
	width: 35%;
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

.new_youshi .dingzhi {
	padding-left: 30px;
	background: url(../images/tui.png) no-repeat left 50%;
	background-size: 17%;
	width: 35%;
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

.new_youshi .baojia {
	padding-left: 30px;
	background: url(../images/shou.png) no-repeat left 50%;
	background-size: 18%;
	width: 35%;
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

.lianxi {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	width: 66%;
}

.lianxi_1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.lianxi_1 a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#weixin_1 {
	display: none;
}

#dianhua_1 {
	display: none;
}










.tags_title {
	border-bottom: 1px solid #DDD;
	margin: 0 0 30px;
}

.tags_title span {
	width: 80px;
	padding: 0 15px;
	font-size: 16px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	margin-bottom: -1px;
	background: #f8f8f8;
	color: #333;
	display: block;
	margin-left: 5px;
	border: 1px solid #DDD;
	border-bottom: 1px solid #f8f8f8;
	font-weight: bold;
}

.proshow2 {
	padding-top: 20px;
}

.proshow2 .prodetail_con {
	float: right;
	width: 100%;
}

.proshow2 .prodetail_con .tags_title {
	margin: 0;
}

.proshow2 .prodetail_con .content {
	padding: 30px 0;
}
.proshow2 .prodetail_con .content img{
	/* width:800px !important; */
}

.proshow2 .prodetail_con .content img {
	max-width: 80%;
	height: auto !important;
}

.contact .tags_title {}

.contact .tags_title span {
	float: left;
	width: auto;
	cursor: pointer;
}

.contact .tags_title span.ron {
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
	border-bottom: 1px solid #DDD;
	color: #666;
	font-weight: normal;
}

.contact .content2 {
	display: none;
}

.contact .content1 ul {}

.contact .content1 ul li {
	float: left;
	width: 30%;
	margin-right: 45px;
}

.contact .content1 ul li:nth-child(3n) {
	margin-right: 0;
}

.contact .content1 ul li a {
	display: block;
}

.contact .content1 ul li a em {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	border: 1px solid #ddd;
	border-radius: 50%;
	margin-right: 15px;
}

.contact .content1 ul li.lx1 em {
	background: url(../images/contact_tel.png) center center no-repeat;
}

.contact .content1 ul li.lx2 em {
	background: url(../images/contact_email.png) center center no-repeat;
}

.contact .content1 ul li.lx3 em {
	background: url(../images/contact_address.png) center center no-repeat;
	-webkit-animation: bounce-up 1.4s linear infinite;
	animation: bounce-up 1.4s linear infinite;
}

.contact .content1 ul li a .wz {
	float: left;
	width: 78%;
}

.contact .content1 ul li a .wz p {
	font-size: 20px;
	padding-bottom: 10px;
}

.contact .content1 ul li a .wz span {
	font-size: 20px;
}

.lx_dz {
	width: 100%;
	overflow: hidden;
	margin: 50px auto 20px;
	padding: 0;
}

.lx_dz .dz_map {
	width: 97%;
	height: 370px;
	overflow: hidden;
	margin: 0 auto;
	padding: 1%;
	border: 1px solid #d9d9d9;
}

.lx_dz .dz_map iframe {
	width: 100%;
}

.lx_dz .dz_map iframe body {
	width: 100%;
}

.page_list {
	text-align: center;
	padding-top: 20px;
}

.page_list a {
	display: inline-block;
	padding: 0 10px;
	background: #ddd;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-right: 5px;
	border-radius: 2px;
}

.page_list a:hover {
	background: #7a9bba;
	color: #ffffff;
}

.page_list a.pnnum1 {
	background: #0256ac;
	color: #ffffff;
}

.page_list input {
	display: inline-block;
	padding: 0 5px;
	background: #7a9bba;
	width: 40px !important;
	height: 30px !important;
	line-height: 30px;
	text-align: center;
	margin: 0 5px;
	color: #fff;
	cursor: pointer;
}

.page_list .p_input {
	display: inline-block;
	padding: 0 5px;
	background: #ddd;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 5px;
	color: #555;
	cursor: default;
}

.cpzx .ly_msg {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 20px;
	padding: 0;
}

.cpzx .ly_msg h3 {
	width: 100%;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #dfdfdf;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.cpzx .ly_msg ul {
	width: 100%;
	overflow: hidden;
	margin: 20px auto;
	padding: 0;
	/* box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;*/
}

.cpzx .ly_msg ul li {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 12px;
	padding: 0;
}

.cpzx .ly_msg ul li h4 {
	width: 17%;
	height: 34px;
	overflow: hidden;
	line-height: 34px;
	margin: 0;
	padding: 0 20px 0 0;
	color: #333;
	font-size: 14px;
	text-align: right;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.cpzx .ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_tara {
	width: 83%;
	overflow: hidden;
	margin: 0;
	padding-right: 20px;
	background: url(../images/tb_img.png) top right no-repeat;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.cpzx .ly_msg ul li .msg_ipt1 {
	height: 34px;
}

.cpzx .ly_msg ul li .msg_tara {
	height: 118px;
}

.cpzx .msg_ipt1 input,
.msg_tara textarea {
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 8px 15px;
	color: #666;
	font-size: 12px;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.cpzx .msg_ipt1 input {
	height: 34px;
	line-height: 16px;
}

.cpzx .msg_tara textarea {
	height: 118px;
	line-height: 20px;
	resize: none;
}

.cpzx .ly_msg ul li .msg_ipt2 {
	width: 120px;
	height: 34px;
	overflow: hidden;
	margin-right: 10px;
	padding: 0;
	float: left;
}

.cpzx .msg_ipt2 input {
	display: block;
	width: 120px;
	height: 34px;
	overflow: hidden;
	line-height: 16px;
	margin: 0;
	padding: 8px 15px;
	color: #666;
	font-size: 12px;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.cpzx .ly_msg ul li a.yzm_img {
	display: block;
	width: 90px;
	height: 34px;
	overflow: hidden;
	margin: 0;
	padding-right: 20px;
	background: url(../images/tb_img.png) top right no-repeat;
	float: left;
}

.cpzx .ly_msg ul li .msg_btn {
	width: 83%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
}

.cpzx .msg_btn input {
	display: block;
	width: 100px;
	height: 34px;
	overflow: hidden;
	line-height: 32px;
	margin: 20px 15px 0 0;
	padding: 0;
	background-color: #f0f0f0;
	color: #333;
	font-size: 13px;
	text-align: center;
	border: 1px solid #ccc;
	float: left;
}

.cpzx .ly_msg ul li .msg_ipt12 {
	width: 83%;
	height: 34px;
	overflow: hidden;
	margin: 0;
	padding-right: 20px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.cpzx .msg_ipt12 input {
	height: 34px;
	line-height: 16px;
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 8px 15px;
	color: #666;
	font-size: 12px;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.cpzx .ly_msg ul li h4 {
	width: 10%;
	height: 45px;
	font-size: 12px;
}

.cpzx .ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_tara {
	width: 90%;
}

.cpzx .ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_tara {
	width: 90% !important;
}

.cpzx .ly_msg ul li .msg_ipt1 {
	height: 47px;
}

.cpzx .msg_ipt1 input {
	height: 45px;
	line-height: 45px;
}

.cpzx .ly_msg ul li .msg_ipt12 {
	width: 90% !important;
	height: 45px !important;
}

.cpzx .msg_ipt12 input {
	height: 45px;
}

.cpzx .ly_msg ul li .msg_ipt1 select {
	height: 45px !important;
}

.cpzx input {
	border-radius: 2px;
	border: 1px solid #fff !important;
	background: #f1f1f1;
}

.cpzx textarea {
	border-radius: 2px;
	border: 1px solid #fff !important;
	background: #f1f1f1;
}

.cpzx select {
	border-radius: 2px;
	border: none !important;
	background: #f1f1f1;
	outline: none;
	text-indent: 10px;
}

.cpzx input:focus,
.cpzx textarea:focus {
	border: 1px solid #dedede !important;
}

.cpzx .ly_msg ul li a.yzm_img img {
	height: 100% !important;
}

.cpzx .msg_btn input {
	width: 150px;
	height: 45px;
	line-height: 45px;
	cursor: pointer;
}

.cpzx .msg_btn input:first-child {
	background: #7a9bba;
	color: #fff;
	outline: none;
}

.cpzx .msg_ipt2 input {
	height: 45px;
}

.cpzx .ly_msg ul li .msg_ipt2 {
	height: 45px;
}


/*å±å¹•ç”µè„‘*/
@media (max-width:1600px) {
	.swiper-slide {
		height: 520px;
	}

	.xinzeng {
		display: none;
	}

	#header {
		background: none;
	}

	.logo_desc div.tel {
		color: #333;
	}

	.logo_desc div.tel:before {
		content: '';
		/* background: url(../images/iconhead_tel.png) left center no-repeat; */
	}
}

@media (max-width:1199px) {

	.container {
		width: 95%;
	}

	#header .logo {
		width: 52%;
	}

	#header .logo img {
		max-height: 100%;
		max-width: 100%;
	}

	.logo_desc {
		width: 30%;
	}

	.search-box {
		width: 27%;
	}

	.search-box .input-search {
		width: 100%;
	}

	.search-box .input-search input {
		width: 95%;
		padding-left: 4%;
	}

	#nav {}

	.swiper-slide {
		height: 370px;
	}

	.h_news {
		width: 95%;
		padding: 30px 0 20px;
	}

	.h_news .news_bd {
		padding-top: 20px;
	}

	.h_products .pro_bd ul li {
		width: 30%;
	}

	.h_products .pro_bd ul li:nth-child(3n) {
		margin-right: 0px;
	}

	.h_products .pro_bd ul li:nth-child(4n) {
		margin-right: 3.5%;
	}

	.h_products .pro_bd ul li:nth-child(12n) {
		margin-right: 0;
	}

	.h_title {
		margin: 30px auto 20px;
	}

	.art_list ul li a {
		width: 65%;
	}

	.art_list ul li span {
		width: 25%;
	}

	.h_title h3 span {
		display: none;
	}

	.con_right_about {
		top: 60px;
		height: 190px;
	}

	.ny_content .content_right {
		width: 98%;
	}

	.ny_content .content_right2 {
		width: 98%;
	}

	.ny_products .pro_bd ul li {
		width: 30%;
	}

	.ny_products .pro_bd ul li a .pro_img {
		height: 300px;
	}

	.content_right .conn .xgcp li {
		width: 30%;
	}

	.content_right .conn .xgcp li a .pro_img {
		height: 300px;
	}

	#link {
		width: 96%;
	}

	.ny_content {
		width: 95%;
	}

	.contact .content1 ul li a .wz {
		width: 60%;
	}

	.silder-main {
		min-height: inherit;
	}
}


/*ä¸­ç­‰å±å¹•*/
@media (max-width:992px) {

	.new_search {
		display: none;
	}

	#header .logo {
		width: 65%;
	}

	.top_code {
		display: none;
	}

	.h_products .pro_bd ul li {
		width: 47%;
	}

	.h_products .pro_bd ul li:nth-child(2n) {
		margin-right: 0;
	}

	.h_products .pro_bd ul li:nth-child(3n) {
		margin-right: 4%;
	}

	.h_products .pro_bd ul li:nth-child(6n) {
		margin-right: 0;
	}

	.h_article {
		padding: 30px 0 0;
	}

	.h_article .art_l {
		float: none;
		width: 100%;
	}

	.h_article .art_r {
		float: none;
		width: 100%;
	}

	.h_title {
		margin: 20px auto 10px;
	}

	.h_article .art_l,
	.h_article .art_r {
		margin-bottom: 15px;
	}

	.suspension {
		display: block;
		height: auto;
	}

	.suspension .a-service {
		display: none;
	}

	.suspension .a-qrcode {
		display: none;
	}

	.suspension .a-service-phone {
		border-radius: 50%;
		width: 20px;
		height: 20px;
		padding: 10px;
		font-size: 0;
		background: #f1391f;
		color: #f1391f;
		box-shadow: 0px 0px 6px 0px rgb(241, 57, 31);
	}

	.suspension .a-service-phone i {}

	.suspension .a-service-phone:hover {
		background: #f1391f;
	}

	.suspension .a-service-phone span {
		display: none;
	}

	.suspension .a-top {
		border-radius: 50%;
		width: 20px;
		height: 20px;
		padding: 10px;
		font-size: 0;
	}

	.suspension .a-top .i {
		width: 20px;
		height: 20px;
		background-image: url(../images/suspension-bg.png);
		background-position: -30px -24px;
	}

	.suspension .d-service-phone {
		display: none !important;
	}

	#KFRightScreen {
		display: none !important;
	}

	#KFCenterScreen {
		display: none !important;
	}

	#KFBoxTitle {
		display: none !important;
	}

	.custombox {
		display: none !important;
	}

	.foot2 ul li {
		width: 98%;
		float: none;
		margin-bottom: 15px;
		overflow: hidden;
	}

	.foot2 ul .f4 {
		width: 32%;
	}

	.foot2 ul .f4 .wz {
		width: 100%;
	}

	.foot2 ul .f4 .wz img {
		width: 100%;
		height: auto;
	}

	.ny_products .pro_bd ul li {
		width: 47%;
	}

	.ny_products .pro_bd ul li:nth-child(2n) {
		margin-right: 0;
	}

	.ny_products .pro_bd ul li:nth-child(3n) {
		margin-right:0;
	}

	.ny_products .pro_bd ul li:nth-child(6n) {
		margin-right: 0;
	}

	.down_inside ul li {
		width: 45%;
		padding: 1%;
	}

	.down_inside ul li:nth-child(2n) {
		margin-right: 0;
	}

	.down_inside ul li:nth-child(3n) {
		margin-right: 3%;
	}

	.down_inside ul li:nth-child(6n) {
		margin-right: 0;
	}

	.page_list td span {
		display: none;
	}

	.page_list td #firstpage {
		display: none;
	}

	.page_list td #endpage {
		display: none;
	}

	.page_list a {
		margin-right: 5px;
	}

	.page_list {
		font-size: 0;
		color: #fff;
		margin-bottom: 0;
	}

	.page_list input {
		display: none !important;
	}

	.page_list a {
		font-size: 12px;
	}

	.content_right .conn .xgcp li a .pro_img {
		height: 170px;
	}

	.ny_content .ny_news_con {
		min-height: 150px;
	}

	.about {
		padding-top: 10px;
		height: auto;
	}

	.about a {
		margin: auto;
		margin-bottom: 17px;
		/* text-align: center; */
	}

	.about_1 {
		margin-top: 30px;
		width: 100%;
	}

	.about_1 h2 {
		font-size: 15px;
	}

	.about_1 p {
		font-size: 14px;
	}

	.about_2 {
		width: 100%;
	}

	.about_2 img {
		display: block;
		margin: auto;
		/* width: 50%; */
	}


	.tjnewslist li{
		width: 100%;
		display: flex;

	}
	.tjnewslist li a{
		width: 75%;
	}
	.tjnewslist li span.date{
		transition: all 0.3s ease 0s;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		font-size: 13px;
	}


}

/*å°å±å¹•*/
@media (max-width:880px) {
	.server {
		display: none;
	}

	.product .bd li {
		width: 165px !important;
		margin: 0 15px 0 15px;
	}

	.zuobian {
		display: none;

	}

	.syFocusThumb {
		display: block;
	}

	.syFocusThumb .contentdiv{
		float: left;
		width: 43%;
	}
	


	.ny_products {
		width: 100%;
	}

	.ming {
		display: none !important;
	}

	.mingm {
		display: block !important;
	}

	#header .logo {
		width: 70%;
		display: block;
		margin-right: 54px;
	}

	#header .logo a {
		text-align: center;
	}

	.logo_desc div.tel {
		display: none;
	}

	.h_search {
		width: 100%;
		padding: 0;
		display: flex;
		flex-direction: column;
	}

	.h_search .form1 {
		max-width: 330px;
		margin: 20px auto;
		line-height: 59px;
	}

	.h_search .remen {
		margin: 15px 30px;
		/* margin-left: 20px; */
		display: flex;
		flex-direction: column;
	}

	.h_search .remen_list {
		margin-left: 0;
		margin-top: 10px;
	}

	.logo_desc {
		display: block;
		width: 50%;
		float: left;
		margin-top: 5px !important;
	}

	.h_search .form_text1 {
		width: 70%;
		height: 35px;
		font-size: 12px;
	}

	.h_search .form_button1 {
		width: 30%;
		height: 35px;
		font-size: 12px;
	}

	#navToggle {
		padding: 40px 15px;
		margin-right: -6px;
		display: inline-block;
		float: right;
		position: absolute;
		right: 10px;
		top: 6%;
		margin-top: -5px !important;
	}

	.about_wz img {
		width: 100% !important;
		height: auto !important;
	}

	.new_youshi {
		width: 100%;
	}

	.lianxi {
		width: 100%;
	}

	#navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
	}

	#navToggle span:before,
	#navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}

	#navToggle span,
	#navToggle span:before,
	#navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #4f4f4f;
	}

	#navToggle span:before {
		top: 8px;
	}

	#navToggle span:after {
		bottom: 10px;
	}

	#navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}

	#navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}

	#navToggle.open span {
		background: none;
	}

	#navToggle.open span:before,
	#navToggle.open span:after {
		background: #4f4f4f;
	}

	#nav {
		transform: translateX(100%);
	}

	#nav .container {
		width: 100%;
	}

	#nav {
		display: block;
		position: fixed;
		top: 0px;
		box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 99999999;
		opacity: 1;
		visibility: visible;
		margin-top: 0;
		overflow-y: auto;
		top: 0;
		transform: translateX(100%);
	}

	#nav.open {
		transform: translateX(0);
		overflow-X: hidden;
		transition: all ease 0.5s;
		-webkit-transition: all ease 0.5s;
		transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	}

	#nav.open .top {
		display: block;
		height: 60px;
		padding: 20px;
		box-sizing: border-box;
	}

	#nav.open .top .closed {
		width: 30px;
		height: 30px;
		vertical-align: middle;
		float: right;
		cursor: pointer;
	}

	#nav.open .logo {
		display: block;
		width: 100%;
		margin: -20px auto 0;
	}

	#nav.open .logo img {
		height: 40px;
		display: block;
		margin: 0 auto;
	}

	#nav.open ul {
		margin-top: -60px;
		display: block;
	}
	.subnav{
		display:none !important;
	}

	#nav.open ul li {
		width: 96%;
		padding: 0 2%;
		border-bottom: 1px solid #f5f5f5;
		transform: translateY(0);
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	}

	#nav.open .ul li {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	#nav.open ul li:nth-child(0) {
		-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	}

	#nav.open ul li:nth-child(1) {
		-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	}

	#nav.open ul li:nth-child(2) {
		-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	}

	#nav.open ul li:nth-child(3) {
		-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	}

	#nav.open ul li:nth-child(4) {
		-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	}

	#nav.open ul li:nth-child(5) {
		-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
	}

	#nav.open ul li:nth-child(6) {
		-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	}

	#nav.open ul li:nth-child(7) {
		-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
	}

	#nav.open ul li:nth-child(8) {
		-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
		transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	}

	#nav.open ul li a {
		display: block;
		text-decoration: none;
		color: #333;
		font-size: 16px;
		height: 50px;
		line-height: 50px;
		width: 100%;
		background-image:none;
	}
	#nav.open ul li a.active{
		color:#3f99ef;
	}
	#nav.open ul li a.active:after {
		width: 25%;
	}

	#nav ul li a:hover:after {
		width: 25%;
	}

	#nav ul li a.active:after {
		width: 25%;
	}

	#banner {
		margin: 0px auto 0px auto;
	}

	.swiper-slide {
		height: 205px;
	}

	.swiper-slide1 {
		background-image: url(../images/banner_sj1.jpg);
	}

	.swiper-slide2 {
		background-image: url(../images/banner_sj2.jpg);
	}

	.swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}

	.swiper-container-horizontal&gt;.swiper-pagination {
		bottom: 10px;
	}

	.product {
		padding: 20px 0px;
	}

	.product .bd {
		height: 75px;
	}

	.product .bd li {
		height: 70px;
		border-radius: 15px;
	}

	.product .bd li .img {
		margin: 10px auto 0px auto;
	}

	.product .bd li:hover .img {
		margin-top: 0;
	}

	.product .bd li .name {
		height: 40px;
		bottom: 0px;
		border-radius: 15px;
	}

	.product .bd li .name p a {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	.product .bd li .name span a {
		font-size: 12px;
	}

	.down_inside ul li .news_con p a {
		float: none;
		width: 100%;
		height: 30px;
		line-height: 30px;
		text-align: center;
	}

	.down_inside ul li .news_con p span {
		width: 100%;
		float: none;
		text-align: center;
		height: 20px;
		line-height: 20px;
		margin-bottom: 5px;
	}

	.down_inside ul li .news_con a.xz {
		height: 30px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.contact .content1 ul li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.contact .content1 ul li a .wz {
		width: 75%;
	}

	.contact .content1 ul li a .wz p {
		float: left;
		width: 100%;
		line-height: 26px;
		padding-right: 10px;
	}

	.contact .content1 ul li a .wz span {
		float: left;
		width: 100%;
		line-height: 26px;
	}

	.contact .content1 ul li.lx3 a .wz span {
		float: left;
		line-height: 30px;
	}

	.lx_dz {
		margin: 20px auto 20px;
	}

	.lx_dz .dz_map {
		height: 270px;
	}

	.ny_xgwz ul li {
		width: 100%;
	}

	.ny_xgwz ul li a {
		width: 58%;
		padding: 5px 0 5px 10%;
	}

	.ny_xgwz ul li span {
		width: 24%;
	}
}


/*æ‰‹æœº*/
@media (max-width:767px) {

#header{
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	background:#fff;
}
.nav_dao{
	height:70px
}
#header .logo{
	margin-top:15px;
	margin-bottom:15px;
}
	.jiance {
		display: none;
	}

	.h_article {
		display: block;
	}

	.h_article_1 {
		display: none;
	}


	.h_search .form1 {
		max-width: 280px;
		margin: 10px auto;
		line-height: 59px;
	}

	.part5 {
		display: none;
	}

	.case-item-info {
		height: 40px;
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		transition: all .2s;
	}

	.ming {
		display: none !important;
	}

	.mingm {
		display: block !important;
		margin-top:75px !important;
	}

	.ny_banner{
		margin-top:75px !important
	}

	.container {
		width: 95%;
	}

	#header .logo {
		margin-right: 20px;
	}

	.h_tlt1 p {
		font-size: 20px;
		height: 30px;
		line-height: 30px;
		display: none;
	}

	.iprotab .tab-bd {
		display: none;
	}

	.h_tlt1 span {
		font-weight: lighter;
		color: #ccc;
		font-size: 18px;
		height: 30px;
		line-height: 30px;
	}

	.h_tlt1:before {
		display: none;
	}

	.flickerplate {
		height: 240px;
	}

	.h_news .news_bd .news_tj {
		display: none;
	}

	.h_news .news_bd ul {
		width: 100%;
		float: none;
	}

	.h_news .news_bd ul li .news_con span {
		line-height: 18px;
		height: 36px;
	}

	.h_news .news_bd ul li .news_con {
		padding-left: 106px;
	}

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

	.h_products .pro_bd {
		margin-top: 30px;
	}

	.h_products .pro_bd ul li {
		width: 47%;
		height: 190px;
	}

	.h_products .pro_bd ul li:nth-child(2n) {
		margin-right: 0px;
	}

	.h_products .pro_bd ul li a {
		padding-bottom: 10px;
	}

	.h_products .pro_bd ul li a .pro_img {
		height: 150px;
	}

	.h_products .pro_bd ul li a p {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}

	.h_products .pro_bd ul li a p:after {
		margin: -2px auto 0;
	}

	.h_products .pro_bd ul li a .pro_img {
		height: 120px;
	}

	.h_products .pro_bd ul li a span {
		width: 88px;
		height: 26px;
	}

	.h_products .pro_bd ul li a span i {
		height: 26px;
	}

	.h_products .pro_bd ul li a:hover p {
		height: 40px;
		line-height: 40px;
	}

	.h_more {
		width: 90px;
		margin: 10px auto 10px;
	}

	.foot1 .wz {
		float: none;
		width: 100%;
		margin: 0;
		padding-top: 20px;
		text-align: center;
		line-height: 24px;
	}

	.foot1 a.zxfk {
		float: none;
		margin: 15px auto 0;
		width: 120px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.foot2 {
		padding: 20px 0;
	}

	.link .container {
		width: 95%;
		margin: 0 auto;
	}

	.link .link_con {
		width: 96%;
		padding: 15px 2%;
	}

	.ny_tlt1 {
		margin-bottom: 15px;
		display: none;
	}

	.ny_news_con2 .about_img {
		float: none;
		width: 100%;
	}

	.ny_news_con2 .about_wz {
		float: none;
		width: 100%;
		padding-top: 0;
		margin-top: -10px;
	}

	.ny_zycp {
		padding: 10px 15px;
		margin-top: 15px;
		line-height: 22px;
	}

	.ny_news_con2 .about_img {
		display: none;
	}

	#demo {
		height: 205px;
	}

	#demo #indemo ul li a .pro_img {
		height: 148px;
	}

	.contentdiv a {
		width: 100%;
	}

	.ny_products .pro_bd ul li {
		margin-right: 4.5% !important;
    	margin-bottom: 30px !important;
		width: 47% !important;
		height: 170px !important;
	}

	.ny_products .pro_bd ul li:nth-child(2n) {
		margin-right: 0px !important;
	}

	.ny_products .pro_bd ul li a {
		padding-bottom: 10px;
	}

	.ny_products .pro_bd ul li a .pro_img {
		height: 150px;
	}

	.ny_products .pro_bd ul li a p {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}

	.ny_products .pro_bd ul li a p:after {
		margin: -2px auto 0;
	}

	.ny_products .pro_bd ul li a .pro_img {
		height: 120px;
	}

	.ny_products .pro_bd ul li a span {
		width: 88px;
		height: 26px;
	}

	.ny_products .pro_bd ul li a span i {
		height: 26px;
	}

	.ny_products .pro_bd ul li a:hover p {
		height: 40px;
		line-height: 40px;
	}

	.ny_content .content_right2 {
		padding-bottom: 0;
	}

	.ny_content .ny_news_con {
		min-height: 100px;
	}

	.new_inside ul li .news_wrap {
		padding: 10px;
	}

	.new_inside ul li .news_time {
		top: 11px;
		left: 14px;
	}

	.ny_news_ye {
		font-size: 12px;
	}

	.article_inside ul li .news_wrap {
		padding: 10px;
	}

	.article_inside ul li .news_time {
		top: 11px;
		left: 14px;
	}

	.content_right .conn .xgcp li {
		width: 47%;
		height: 150px;
	}

	.content_right .conn .xgcp li:nth-child(2n) {
		margin-right: 0px;
	}

	.content_right .conn .xgcp li:nth-child(3n) {
		margin-right: 3%;
	}

	.content_right .conn .xgcp li:nth-child(6n) {
		margin-right: 0;
	}

	.content_right .conn .xgcp li a {
		padding-bottom: 30px;
	}

	.content_right .conn .xgcp li a .pro_img {
		height: 150px;
	}

	.content_right .conn .xgcp li a p {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
	}

	.content_right .conn .xgcp li a .pro_img {
		height: 120px;
	}

	.content_right .conn .xgcp li a span {
		width: 88px;
		height: 26px;
	}

	.content_right .conn .xgcp li a span i {
		height: 26px;
	}

	.content_right .conn .xgcp li a:hover p {
		height: 40px;
		line-height: 40px;
	}

	.ny_content .content_right {
		float: none;
		width: 98%;
		padding: 1%;
	}

	.ny_content .content_right .bread_nav {
		overflow: visible;
		height: auto;
		line-height: 24px;
	}

	.ny_content .content_right .bread_nav h2 {
		float: none;
		width: 100%;
	}

	.ny_content .content_right .bread_nav .sobtitle_1 {
		float: none;
		width: 100%;
		text-align: left;
		line-height: 15px;
		padding: 10px 0 7px;
	}
	.ny_content .content_right .bread_nav .sobtitle_2 {
		float: none;
		width: 100%;
		text-align: left;
		line-height: 15px;
		padding: 10px 0 7px;
	}
	.search-clear{
		top: 7px !important;
		width: 0% !important;
	}
	.ny_content .content_right .bread_nav div p{
		line-height: 30px;
		padding-left: 5%;
		white-space: nowrap;
	}

	.ny_content .content_right .bread_nav div&gt;em {
		height: 15px;
	}

	.content_right .conn .xgcp2 {
		height: 170px;
		overflow: hidden;
		margin-bottom: 20px;
		padding-top: 10px;
	}

	.ly_msg ul li h4 {
		display: none;
	}

	.cpzx .ly_msg ul li div {
		width: 100% !important;
	}

	.cpzx .ly_msg ul li .msg_ipt1,
	.ly_msg ul li .msg_tara {
		width: 100% !important;
	}

	.cpzx .ly_msg ul li .msg_ipt12 {
		width: 100% !important;
	}

	.ly_msg ul li div.msg_ipt2 {
		width: 30% !important;
	}

	.ly_msg ul li span {
		display: none;
	}

	.ly_msg {
		margin: 0 auto 0 !important;
	}

	.cpzx .msg_btn input {
		width: 49%;
		margin-right: 0;
	}

	.cpzx .msg_btn input:first-child {
		margin-right: 2%;
	}

	.content_right .conn .proshow1 {
		padding-top: 0;
	}

	.proshow1 .js-silder .silder-main-img {
		height: 300px;
	}

	.content_right .conn .proshow1 .js-silder {
		float: none;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.content_right .conn .proshow1 .prodesc {
		float: none;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding-top: 15px;
	}

	.content_right .conn .proshow1 .prodesc p.desc {
		height: 74px;
	}

	.content_right .conn .proshow1 .pro_btn {
		padding-top: 15px;
	}

	.content_right .conn .proshow1 .pro_btn1 {
		height: 44px;
		line-height: 44px;
	}

	.content_right .conn .proshow1 .pro_btn2 {
		height: 44px;
		line-height: 44px;
	}

	.content_right .conn .proshow1 .pro_btn2 em {
		display: none;
	}

	.tags_title {
		margin: 20px 0 30px;
	}

	.proshow2 .prodetail_con {
		width: 100%;
	}

	.proshow2 {
		padding-top: 0;
	}

	.proshow2 .prodetail_con .content {
		padding: 10px 0;
	}



	.list_1{
		display: none;
	}	
	.box_0{
		display: none;
	}















}

/*ABæ¨¡ç‰ˆç½‘æ–°å¢žç¿»é¡µæ&nbsp;·å¼ å„ç±»æ¨¡ç‰ˆç¬¬ä¸€ç«™ www.adminbuy.cn*/
.pagess {
	clear: both;
	margin-top: 50px;
	overflow: hidden;
	margin-left: 0px;
	text-align: center;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagess ul{
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.page-numbar{
	border:none !important;
	display: flex !important;
	align-items: center !important;
}

.page-numbar a{
	display: inline-block;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 0 3px;
	line-height: 20px;
	background: #fff;
	color: #999
}

.pagess ul span {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 0 3px;
	line-height: 20px;
	background: #fff;
	color: #999
}

/* .pagess ul span:hover {
	background: #3f99f1;
	color: #fff;
	border: 1px solid #3f99f1;
}

.pagess ul span:hover a {
	color: #fff;
} */

.pagess ul span .page-num-current {
	display: inline-block;
	border: 1px solid #3f99f1;
	padding: 2px 9px;
	margin: 0 3px;
	background: #3f99f1;
	color: #fff;
}

.pagess ul span .thisclass a {
	color: #fff;
}

.pagess ul span a {
	display: block;
	color: #999
}

/* .pagess ul span a:hover {
	color: #fff;
} */





.sobtitle_2 {
	float: right;
	display: flex;
}

.input_1 {
	border: 1px solid #ccc;
	outline: none;
	width: 200px;
	height: 25px;
	padding: 3px 10px;
}

.form_button1 {
	padding: 3px 10px;
	background: #1665ca;
	color: #fff;
	height: 32px;
}

.submian .sobtitle {
	padding: 25px 0px 10px;
}

.form1 {
	position: relative;
}

.search-clear {
	position: absolute;
	right: 75px;
	font-size: 20px;
	top: -3px;
	cursor: pointer;
}



.menu_list {
	background: #fff;
	/* padding: 5px; */
}

.menu_list .current {
	display: block !important;
	background: #f1f1f1 url(../images/pro_down.png) center right no-repeat;
}

.menu_head {
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	font-size: 14px;
	color: #525252;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	position: relative;
	margin: 0px;
	font-weight: bold;
	background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;
	margin-top: 10px;
}

.menu_head a {
	display: block;
	text-overflow: ellipsis;
	width: 91%;
	height: 40px;
	overflow: hidden;
}

.menu_body {
	height: auto;
	overflow: hidden;
	line-height: 38px;
	border-left: 1px solid #e1e1e1;
	background: #fff;
	border-right: 1px solid #e1e1e1;
}

.menu_body a {
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0px 20px;
	color: #777777;
	background: #fff;
	text-decoration: none;
	border-bottom: 1px solid #e1e1e1;
}

.menu_body .active {
	background-color: #3d95ef;
	color: #fff;
}


.ny_content {
	max-width: 1450px;

}

.old_list {
	display: none;
}

.list_1 {
	background: #f2f2f2;
	line-height: 30px;
}

.list_1 li {
	float: left;
	width: 10% !important;
	height: auto !important;
	text-align: center;
	margin: 0 !important;
}

.list_1 li:nth-child(1) {
	width: 18% !important;
}

.list_1 li:nth-child(3) {
	width: 22% !important;
}

.list_1 li:nth-child(4) {
	width: 30% !important;
}

.list_2 li {
	border-bottom: 1px dotted #dedede;
	padding: 15px 0;
	width: 100% !important;
	height: auto !important;
}

.list_2 .box_0 {
	display: table-cell;
	box-sizing: border-box;
	vertical-align: middle;
	border-right: 1px dotted #dedede;
}

.list_2 .box_1 {
	width: 18%;
	text-align: center;
}

.list_2 .box_1 img {
	border: 1px solid #ddd;
	box-sizing: border-box;
	width: 80%;
	box-shadow: 0 0 8px #cccccc;
}

.list_2 .box_2 {
	width: 10%;
	text-align: center;
}

.list_2 .box_3 {
	width: 22%;
	padding-right: 10px;
}

.list_2 .box_3 h4 {
	font-size: 16px;
	color: #333;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
}

.list_2 .box_4 {
	width: 30%;
	padding: 0 10px;
	font-size: 15px;
	line-height: 20px;
}

.list_2 .box_5 {
	width: 10%;
	text-align: center;
}

.list_2 .box_6 {
	width: 10%;
	text-align: center;
	border-right: none;
}
.list_2 .box_3 h4{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}



@media screen and (max-width: 880px) {
	/* .old_list {
		display: block;
	}*/
.conn_2{width: 100% !important;}
	.new_list {
		display: flex;
		flex-direction: column;
		width: 100%;
		background: #fff;
    	box-shadow: 0px 0px 6px 0px rgb(127 127 127 / 30%);
	} 

	.list_2 .box_1 img{
		box-shadow: none;
		border: none;
		width: 100%;
	}

	.box_0{
		width: 100% !important;
		border: none !important;
	}
	.box_2{
		display: none !important;
	}
	.box_4{
		display: none !important;
	}
	.box_5{
		display: none !important;
	}
	.box_6{
		display: none !important;
	}


}
.xf_lx {
    width: 55px;
    height: 55px;
    position: fixed;
    float: right;
    right: 2%;
    bottom: 28%;
    z-index: 999;

}
.xf_lx img{
    width: 100%;
}

@media screen and (min-width:479px){
   .xf_lx{
       display: none;
   } 
}
.conn .ny_news_con .ny_news_con2 video{
	width: 100%;
	height: auto;
} 

@media  (min-width:1000px) and (max-width:1366px) {
	.swiper-slide {
		height: 450px;
	}
	.ny_banner .slideshow{
		height: 350px;
	}
	}











</pre></body></html>