@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,label,em { margin:0px; padding:0px; font:12px/22px "微软雅黑"; color:#333;}
ul,li { list-style:none;}
body { background-color:#fff;}
a { font:12px/22px "微软雅黑"; color:#333; text-decoration:none;}
a:hover { text-decoration:underline;color:#24ABA8;}
img { border:0px;max-width: 100%;}
.clear { clear:both; width:100%; height:0px; line-height:0px; font-size:0px;}
a:hover,a:focus{text-decoration: none;}
.max1600{max-width: 1600px;margin-left: auto;margin-right:auto;position: relative;overflow: hidden;}
.max1600 ul{margin-bottom: 0;}
#box { max-width:1600px; margin:0 auto;}
#box1 { max-width:1600px; margin:0 auto; height:154px;}
.footerbg{padding-top: 30px;}
.footerbg .footerleft{width:150px;float: left;text-align: center}
.footerbg .footerleft img{display: block;margin: 0 auto}
.footerbg .footerleft p{font-size: 14px;line-height: 18px;margin: 8px 0;text-align: left;padding-left: 16px;}
.footerbg .footerleft h3{font-size: 14px;line-height: 18px;font-weight: bold;text-align: left;padding-left: 16px;}
.footerright{float: right;width: 100px;}
.footerright p{text-align: center;}
.footercenter{float: left;width: calc(100% - 320px);margin-left: 40px;}
.footerbg .link{width: auto;padding: 10px 0;}
.footerbg .link a{color:#666}
.footerbg .footer{width: 100%;max-width: 1600px;margin: 0 auto;}
.footerbottom{width: 100%;line-height: 20px;display: flex;justify-content: space-between;max-width:1600px;border-top:1px solid #999;padding:10px 0;margin: 0 auto;flex-wrap: wrap;}
.footerbottom span,.footerbottom a{color:#666}
.footerbottom .bottom32{width: 100%;max-width: 1600px;margin: 0 auto;border-top:1px solid #999;}
.maintop{width:100%;height: 30px;line-height: 30px;background: #088BC1;}
.maintop .max1000{width: 100%;max-width: 1600px;margin: 0 auto;color: #fff;line-height: 30px;text-align: right}
.mainbannerbg{width: 100%;overflow: hidden;position: relative;}
.mainbannerbg .swiper-containers img{width: 100%;height: auto;}
#case_n_r .case_title222{border-bottom: 1px solid #ddd;}
#case_n_r .case_title222 h2{float: left;border:none;margin: 0;}
#case_n_r .case_title222::after{clear: both;content: '';display: block;}
#case_n_r .case_title222 .case_date{float: right;line-height: 36px;}
@media(max-width:1600px){
	.max1600{padding:0 10px}
}
@media(max-width:768px){
	#case_n_r .case_title222 h2{float: none;}
	#case_n_r .case_title222 .case_date{float: none;}
	.footerbottom{flex:none;padding:8px}
	.footerbg .footerleft{}
	.footercenter{float: left;width: calc(100% - 100px);margin: 0px;margin-left: 10px;display: none;}
	.footerright{float: right;width:80px;margin-right: 10px;}
	.footerright img{width:80px;height: auto;}
	.mainbannerbg .swiper-containers{width: 160%;position: relative;left: -30%;}
}
	


/* header */
.main_navbg {}
.header .header_box{justify-content: space-between;align-items: center;}
.header .header_box .logo img{height: 60px;width: auto;}
.top1_1,.top1_1 a{ color:#868585; height:40px; line-height:20px; text-align:left;}
.ser{}
.ser input{height:36px; line-height:36px;border:1px solid #24ABA8;padding: 0 10px;}
.ser .text{border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.ser .submit{border:0;background: #24ABA8;color:#fff;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.header .header_box .right h4{font-size: 14px;font-weight: bold;color:#24ABA8;margin: 0 5px;display: block;line-height: 24px;}
.header .header_box .right a{font-size: 12px;font-weight: normal;background-color:#24ABA8;margin: 0 5px;display: block;line-height: 24px;color:#fff;padding:0 6px;border-radius: 3px;}
.header .header_box .right form{}
.header .header_box .right{margin: 30px 0;display: flex;align-items: center;}
.header .header_box .right .phone_boxx{display: flex;align-items: center;margin-right: 10px;}
#top3{max-width:1600px; height:3px; background:url(../images/index_13.jpg);display: none;}

#banner{max-width:1600px;height:400px;}
#neitops{background:url(../images/nei_03.jpg); max-width:1600px; height:13px}

/* navigation */
#menu{ max-width:1600px; margin:0 auto; display:block; }
#nav {margin:0 auto; max-width:1600px; display:block; float:left; background:url(../images/index_17.jpg);}
#nav .jquery_out {float:left;line-height:33px;display:block;}
#nav .jquery_out .smile {padding:0}
#nav .jquery_inner {margin:0;}
#nav .jquery {margin-right:1px;}
#nav .mainlevel {float:left;width:142px; /*IE6 only*/}
#nav .mainlevel a {
	color: #333;
	text-decoration: none;
	line-height: 33px;
	display: block;
	width: 142px;
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight:bold;
	text-align:center;
}
#nav .mainlevel a:hover {
	color: #fff;
	text-decoration: none;
	background-image: url(../images/index_15.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#nav .mainlevel ul {display:none; position:absolute;}
#nav .mainlevel li {
	background: #fff;
	width: 142px;/*IE6 only*/
	font-size: 14px;
	font-family: "微软雅黑";
	color:#fff;
	font-weight:bold;
	line-height:30px;
}
#nav .mainlevel li a {
	background:url(../images/index_16.png) no-repeat center;
	width: 142px;/*IE6 only*/
	font-size: 14px;
	font-family: "微软雅黑";
	color:#fff;
	font-weight:bold;
	line-height:30px;
}
#nav .mainlevel li a:hover {
	background:url(../images/index_17.png) no-repeat center;
	width: 142px;/*IE6 only*/
	font-size: 14px;
	font-family: "微软雅黑";
	color: #fff;
	font-weight:bold;
	line-height: 30px;
}

/* footer */
#foot {margin:0 auto;}
#foot_l{ width:620px; height:135px; margin-left:10px; float:left}
.nav_b{ line-height:22px; margin:10px 0; color:#757676}
.nav_b a{color:#757676}
.link{ line-height:22px;}
#foot_r{ width:360px; height:135px; margin:15px 10px 0 0; float:left; text-align:right}

/* home */
#content { max-width:1600px; margin:0px auto; height:auto;}
#content_l ul{margin-bottom: 0;}

.content_l_1_t::after{display:block;clear:both;content:""}

.content_l_1_t span{ margin-right:10px}
.content_l_1_t div{float: left;line-height: 32px;font-size: 14px;color: #24ABA8;font-weight: bold;}
.content_l_1_t div span{color: #888;line-height: 32px;font-size: 12px;font-weight: normal;margin-left: 6px;}
.content_l_1_t > span{float: right;line-height: 32px;}
.content_l_1_t > span a{line-height: 32px;font-size: 12px;color: #24ABA8;}
.content_l_1_t > span a:hover{}
.content_l_1_t span{ margin-right:10px}
.zxpn *{color:#888;font-size: 12px;line-height: 20px;}
.zxpn{border-top:1px solid #ddd;padding:6px 0}
.content_l_1_t span{ margin-right:10px}
.content_l_n{ padding:10px}
.content_l_n_1_title{line-height:30px;color:#24ABA8}
.content_l_n_1_date{ width:160px; height:30px; line-height:30px; float:left; text-align:right}
.content_l_n_1_n{ color:#928f8f;}
.content_l_n_2{overflow:hidden}
.content_l_n_2 li{overflow:hidden}
.content_l_n_2 li a{line-height:30px;}
.content_l_n_2 li a span{ height:30px; line-height:30px; float:right; text-align:right;}
.content_l_2_t{border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.content_l_2_t {}
.img_box_80{width: 100%;height:0;padding-bottom:80%;overflow: hidden;background: #eee;position: relative;}
.img_box_80 img{width: 100%;}
.img_box_80 .noimg{position: absolute;top:50%;left:0;transform: translate(0,-50%);width: 100%;}
.img_box_80 .noimg img{width: 165px;height:48px;margin: 0 auto;display: block;}
.content_l_2_t::after{display:block;clear:both;content:""}
.content_l_2_t div{line-height: 40px;font-size: 24px;color: #24ABA8;font-weight: bold;float: left;}
.content_l_2_t div span{color: #999;line-height: 40px;font-size: 16px;font-weight: normal;margin-left: 6px;text-transform: uppercase;}
.content_l_2_t > span{float: right;line-height: 32px;}
.content_l_2_t > span a{line-height: 32px;font-size: 12px;color: #24ABA8;}
.content_l_2_t > span a:hover{}
.content_l_2_t span{ margin-right:10px}
.content_l_2_n_img{width:209px; height:163px; background:url(../images/index_19.png); float:left; margin-right:10px; padding:3px 0 0 3px}
.content_l_2_n_t,.content_l_2_n_t a{width:390px; height:40px; line-height:40px; font-weight:bold; float:left;}
.content_l_2_n_n{ width:390px; float:left;color:#928f8f;}

.list_img_title .title{text-align: center;font-weight: bold;font-size: 16px;line-height: 32px;}
.list_img_title:hover .title{color:#24ABA8}
.list_img_title .description{display: none;}

.list_img_title2 .title{text-align: center;font-weight: bold;font-size: 14px;line-height: 24px;}
.list_img_title2:hover .title{color:#24ABA8}

.list_l_img_title .title{text-align: left;font-weight: bold;font-size: 16px;line-height: 24px;}
.list_l_img_title:hover .title{color:#24ABA8}
.list_l_img_title .description{line-height: 24px;height: 72px;overflow: hidden;font-size: 14px;color:#888;}
.list_l_img_title .left_img{width: 180px;float: left;position: relative;}
.list_l_img_title .text_box{width: calc(100% - 204px);float:right;margin: 12px;}
.list_l_img_title{margin-bottom: 20px;}
.list_l_img_title a{display: block;background: #f4f4f4;}
.list_l_img_title2 .title{text-align: left;font-weight: bold;font-size: 14px;line-height: 20px;}
.list_l_img_title2 .description{line-height: 24px;height:24px;overflow: hidden;font-size: 13px;color:#888;}
.list_l_img_title2 .left_img{width: 160px;float: left;position: relative;}
.list_l_img_title2 .text_box{width: calc(100% - 184px);float:right;margin: 12px;}
.list_l_img_title2{margin-bottom: 20px;}
.list_l_img_title2 .text_box .title a{display: inline-block;font-size: 14px;line-height: 20px;color:#333}
.list_l_img_title2 .text_box .description a{display: inline-block;font-size: 13px;line-height: 24px;color:#888}
.list_l_img_title2:hover .title{color:#24ABA8}
.list_l_img_title2:hover .text_box .title a{color:#24ABA8}

.list_l_img_title3 .title{text-align: left;font-weight: bold;font-size: 14px;line-height: 20px;}
.list_l_img_title3 .description{line-height: 20px;height:60px;overflow: hidden;font-size: 13px;color:#888;}
.list_l_img_title3 .left_img{width: 160px;float: left;position: relative;}
.list_l_img_title3 .text_box{width: calc(100% - 184px);float:right;margin: 12px;}
.list_l_img_title3{margin-bottom: 16px;}
.list_l_img_title3 .text_box .title a{display: inline-block;font-size: 14px;line-height: 20px;color:#333}
.list_l_img_title3 .text_box .description a{display: inline-block;font-size: 13px;line-height: 24px;color:#888}
.list_l_img_title3:hover .title{color:#24ABA8}
.list_l_img_title3:hover .text_box .title a{color:#24ABA8}
.list_title{line-height: 24px;border-bottom: 1px dashed #ddd;padding: 8px 0;}
.list_title a{color:#333;font-size: 14px;display: block;height: 24px;overflow: hidden;}
.list_title:nth-last-of-type(1){border-bottom: 0;}
@media (max-width:768px){
.list_img_title .title{font-size: 13px;line-height: 24px;}

.list_l_img_title .title{font-size: 14px;line-height: 24px;}
.list_l_img_title .left_img{width: 120px;}
.list_l_img_title .text_box{width: calc(100% - 144px);}
.list_l_img_title .description{line-height: 20px;height: 40px;font-size: 12px;}
.list_l_img_title2 .title{font-size: 12px;line-height: 20px;}
.list_l_img_title2 .left_img{width: 120px;}
.list_l_img_title2 .text_box{width: calc(100% - 144px);}
.list_l_img_title2 .description{line-height: 20px;height: 20px;font-size: 12px;}
.list_l_img_title3 .title{font-size: 12px;line-height: 20px;}
.list_l_img_title3 .left_img{width: 120px;}
.list_l_img_title3 .text_box{width: calc(100% - 144px);}
.list_l_img_title3 .description{line-height: 20px;height: 40px;font-size: 12px;}
.content_l_2_t div{line-height: 24px;font-size: 16px;}
.content_l_2_t div span{line-height: 24px;font-size: 12px;}
}


#content_r h2{height:33px; text-align:right;background: #24ABA8;}
#content_r h2 span{ margin-right:10px}
#content_r{}
#content_r h2{height:33px;text-align:left;line-height: 32px;border-bottom: 1px solid #eee;}
#content_r h2 div{line-height: 32px;font-weight: bold;font-size: 14px;margin-left: 10px;float: left;color: #fff;}

#content_r h2 span{ margin-left:6px;float: left;line-height: 32px;font-size: 12px;color: #eee;}
#content_r h2 span.morebtn002{ margin-right:10px;float:right;line-height: 32px;}
#content_r h2 span a{line-height: 32px;color: #fff;}
#content_r h2 span a:hover{}
.content_r_n{ width:336px;padding:10px;}
.content_r_n_img{ width:196px; height:152px; background:url(../images/index_20.png); float:left; margin-right:10px; padding:3px 0 0 3px}
.content_r_n_t{width:127px;; font-weight:bold; float:left;}
.content_r_n_n,.content_r_n_n a{ width:127px; height:22px;overflow: hidden; float:left;color:#928f8f;}

#content_bottom{max-width:1600px;border: 1px solid #d7d7d7; margin-top:10px;}
#content_bottom h2{max-width:1600px; height:33px;text-align: right; background:#24ABA8;}
#content_bottom h2 span{ margin-right:10px}
#content_bottom h2 div{float: left;line-height: 32px;font-size: 14px;font-weight: bold;margin-left: 10px;color: #fff;}
#content_bottom h2 span{ margin-left:6px;float: left;line-height: 32px;font-size: 12px;color: #eee;}
#content_bottom h2 .morebtn002{float: right;margin-right: 10px;color: #fff;}
.morebtn002 a{line-height: 32px;font-size: 12px;color:#fff;}
#content_bottom .piclist{width:188px; height:213px; background:url(../images/probg.jpg) no-repeat; margin:7px 30px;}
#content_bottom .piclist_t,.piclist_t a{  width:188px; height:24px; line-height:24px; font-weight:bold; text-align:center;}

/* single page */
#left_s{width:250px; float:left;}
.left_s_title{ width:250px; height:32px; line-height:32px;  background:#24ABA8; color:#fff; font-weight:bold; font-size:14px; text-align: center; margin-bottom:10px;}
.left_s_img{ width:228px; margin:0 10px 10px 10px; height:64px}
.left_s_c{ width:230px; padding:0 10px 10px 10px}
.left_s_c_more{ width:250px; height:21px; background:url(../images/nei_26.jpg) no-repeat; margin-bottom:2px; color:#fc5c05; text-indent:150px;}
.left_s_c_more a{ color:#fc5c05; text-indent:150px;}
#nei_s{width:738px; float:left; margin-left:8px}
.nei_s_title,.nei_s_title a{ width:738px; height:32px; background:#24ABA8; color:#fff; line-height:32px; text-indent:20px;}
.nei_s_name{ width:338px; height:50px; margin:90px 0 0 400px;}
.nei_s_c_title{ width:738px; height:50px; line-height:50px;font-size:18px; font-weight:bold; text-align:center;}
.info_box{position: relative;}
.info_box img{max-width: 100%;}
/* news page */
#right_n{}
.right_n_title{height:50px; line-height:50px;color:#333; font-weight:bold; font-size:14px;padding-left: 12px;position: relative;}
.right_n_title::after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height:16px;background:#24ABA8;}
.right_n_title2{height:40px; line-height:40px;color:#333; font-weight:bold; font-size:14px;padding-left: 12px;position: relative;border-bottom: 1px solid #ddd;}
.right_n_title2::after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height:16px;background:#24ABA8;}
.list_n_r{overflow:hidden;background: #f2f2f2;}
.list_n_r li{overflow:hidden;height:40px; line-height:40px;padding:0 10px}
.list_n_r li a{ float:left; color:#706f6f;line-height:40px;max-width: calc(100% - 20px);}
.list_n_r li span{float:right; text-align:right; color:#999797;line-height:40px;}
#nei_n{}
.nei_n_title{border-bottom: 1px solid #ddd;}
.nei_n_title,.nei_n_title a{color:#666; line-height:50px;}
.nei_n_t{margin-top:10px;}
.nei_n_tof1{ color:333px; font-weight:bold; line-height:28px; text-align:center;}
.nei_n_list{overflow:hidden}
.nei_n_list li{overflow:hidden}
.nei_n_list li a{height:50px; line-height:50px; float:left; color:#706f6f; text-indent:10px;font-size: 14px;}
.nei_n_list li span{height:50px; line-height:50px; float:right; text-align:right; color:#999797;margin-left: 20px;}
.nei_n_n_t{height:50px; line-height:50px; color:#24ABA8; font-weight:bold; font-size:18px; text-align:center;}
.nei_n_n_tof1{ color:#9e9d9d; margin-right:15px; float:left; height:36px; line-height:36px; width:150px;}
.nei_n_n_tof2{ color:#9e9d9d; margin-right:15px; float:left; height:36px; line-height:36px; width:100px;}
.laiyuaninfo .fenxiang{float:right;margin: 9px 0;}
/* left */
#left{ width:190px; float:left;overflow:hidden;margin-bottom: 20px;}
.left_title{height:32px; line-height:32px;background:#24ABA8;color:#fff; font-weight:bold; font-size:14px;text-align: center;}
#leftof1{background-color:#fafafa; padding:10px;}
#leftof1 ul li{ width:155px; height:30px; background:url(../images/leftp_04.jpg) left no-repeat; text-indent:20px;}
#leftof1 ul li a{color:#6d6d6d; font-size:14px; line-height:30px;}
#leftof1 ul li a:hover{ color:#24ABA8}

.cpd_d,.cpd_d:link,.cpd_d:visited{display:block; color:#6d6d6d; font-size:12px; line-height:30px;}
.cpd_d:hover{color:#000;}
.cpzs1,.cpzs1:hover{ width:155px; height:30px; background:url(../images/leftp_05.png) left no-repeat;color:#6d6d6d; font-size:12px; line-height:30px;}

#leftof2{width:185px;  background:url(../images/leftp_13.jpg) bottom repeat-x; padding:10px;}
#leftof2 h3{ cursor:pointer; width:155px; height:30px; background:url(../images/leftp_05.png) left no-repeat; text-indent:20px;color:#6d6d6d; font-size:12px; font-weight:bold; line-height:30px;}
#leftof2 a{display:block; color:#6d6d6d; font-size:12px; line-height:30px; text-indent:15px;}
#leftof2 a:hover{color:#24ABA8;}
#leftof2 div{display:none; border-top:none}

/* case */
#case_r{width:800px; float:left; margin-left:10px}
.case_title,.case_title a{height:32px; background:#24ABA8; color:#6d6d6d; line-height:32px; text-indent:20px;color: #fff;}
.caselist{width:188px; height:213px; background:url(../images/probg.jpg) no-repeat; margin:6px;}
.caselist_t,.caselist_t a{  width:188px; height:24px; line-height:24px; font-weight:bold; text-align:center;}
.caselist_t2,.caselist_t2 a{ width:188px; height:24px; line-height:24px; text-indent:10px; color:#106b15; overflow:hidden}

#case_n_r{ }
#case_n_r h2{font-size:14px; border-bottom:1px dashed #333; height:36px; line-height:36px; font-weight:bold;}
/*#case_n_r ul li{ width:250px; height:30px;}*/
#case_n_r ul li{height:auto; margin-top:5px}

.contactusbox{margin-bottom: 20px;}
/* product */
#pro_n{ width:791px; padding:0 10px;}
.pro_n_img{width:156px; height:122px; background:url(../images/pro_19.png) top left no-repeat; float:left; margin-right:10px; padding:3px 0 0 3px}
.pro_n_t,.pro_n_t a{width:620px; height:40px; line-height:40px; font-weight:bold; float:left;}
.pro_n_n{ width:620px; float:left;color:#777676;}

.pro_show_t{ width:800px; height:32px; background:#4B9ACE;}
.pro_show_t_l{color:#fff; font-weight:bold; font-size:14px; text-indent:10px; line-height:32px; float:left}
.pro_show_t_r{ float:right; margin-right:10px;color: #fff}

/* A general full-width photo block (that clears), for many thumbnails */
#main .photoblock-many {margin: 0 10px 10px -4px;clear: both;width: 100%; text-align: center; font-size: 10px; color: #888888;}

/* all */
.img_bor{border:1px solid #d7d7d7;}
.xian{border-bottom:1px dotted #878585;}
.p_10{padding:10px;}
.p_10 p{}
.p_10 img{max-width: 100%;}
.m_t{margin-top:10px}
.f_r{float:right}
.m_l{margin-left:10px}
.m_b{margin-bottom:10px}
.page{ text-align:center; height:40px; line-height:40px;}

#goTopBtn {
	POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto
}

/* 导航 */
#box1 .menus{background: #fafafa;border: 1px solid #ddd;}
#box1 #top3{display: none;}
.menus{
	display: flex;flex-wrap: wrap;
}
.ms{position: relative;margin: 0 6px;
font-weight:bold;
}
.ms a{ display:block; font-family:"微软雅黑"; text-align:center; line-height:40px; padding:0 24px; text-decoration:none; color:#333;width: 100%; font-size:14px; }
.ms:hover a{ color: #FFFFFF; background: #24ABA8; text-decoration: none;}
.ms a ul li a{font-size: 12px;}
.subs{
position:relative;
}
ul.sb{width: 100%;
display:none;
position:absolute;
z-index:999;
}
ul.show_list{
	display:block
	}
ul.sb li{
display:block;
height:30px;
color:#FFF;
text-align:center;
border-top:1px solid #FFF;
line-height:30px;
}
ul.sb li a{
color:#FFF;
font-family:"微软雅黑";
display:block;
height:30px;
line-height:31px;
    font-size: 12px;
}
.moff{
color:#333;
}
.mon{
color:#fff;
}

.lioff{
}
.lion{
background-color:#439FC6;
}
.menuon{
}
.menuon a{
color:#FFFFFF;
text-decoration:none;
}
.footerbg{width: 100%;background: #f9f9f9;}



@media(max-width:768px){
#box {width: 100%; max-width:640px; margin:0 auto;}
#box1 {width: 100%; max-width:640px; margin:0 auto; height:auto;}
.main_navbg {width: 100%;margin: 0 auto;background: #f9f9f9;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;
}
#top{width: 100%; margin:0 auto; }
#logo{}
    #box #logo img{height: 40px;margin: 5px 0;}    
#top1{margin-right: 50px;}
#top1 form{display: none;}
#top1 h4{font-size: 12px;margin: 0;}
#top2{ width:50px!important; height:50px!important; margin:5px!important; float:right}
    #top2 img{ width:50px!important; height:50px!important;}   
.top1_1,.top1_1 a{ color:#868585; height:40px; line-height:20px; text-align:left;}
#top3{width: 100%; max-width:640px;height:3px; background:url(../images/index_13.jpg);display: none;}

#banner{width: 100%; max-width:640px;height:400px;}
#neitops{background:url(../images/nei_03.jpg); max-width:1600px; height:13px}

/* navigation */
#menu{ width: 100%; max-width:640px; margin:0 auto; display:block; }
#nav {margin:0 auto; max-width:1600px; display:block; float:left; background:url(../images/index_17.jpg);}
#nav .jquery_out {float:left;line-height:33px;display:block;}
#nav .jquery_out .smile {padding:0}
#nav .jquery_inner {margin:0;}
#nav .jquery {margin-right:1px;}
#nav .mainlevel {float:left;width:142px; /*IE6 only*/}
#nav .mainlevel a {
	color: #333;
	text-decoration: none;
	line-height: 33px;
	display: block;
	width: 142px;
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight:bold;
	text-align:center;
}
#nav .mainlevel a:hover {
	color: #fff;
	text-decoration: none;
	background-image: url(../images/index_15.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#nav .mainlevel ul {display:none; position:absolute;}
#nav .mainlevel li {
	background: #fff;
	width: 142px;/*IE6 only*/
	font-size: 14px;
	font-family: "微软雅黑";
	color:#fff;
	font-weight:bold;
	line-height:30px;
}
#nav .mainlevel li a {
	background:url(../images/index_16.png) no-repeat center;
	width: 142px;/*IE6 only*/
	font-size: 14px;
	font-family: "微软雅黑";
	color:#fff;
	font-weight:bold;
	line-height:30px;
}
#nav .mainlevel li a:hover {
	background:url(../images/index_17.png) no-repeat center;
	width: 142px;/*IE6 only*/
	font-size: 14px;
	font-family: "微软雅黑";
	color: #fff;
	font-weight:bold;
	line-height: 30px;
}

/* footer */
#foot {margin:0 auto;}
#foot_l{ width:620px; height:135px; margin-left:10px; float:left}
.nav_b{ line-height:22px; margin:0; color:#757676;display: none;}
.nav_b a{color:#757676}
.link{ line-height:22px;}
#foot_r{ width:360px; height:135px; margin:15px 10px 0 0; float:left; text-align:right}

/* home */
#content { width: 100%; margin:0px auto; height:auto;padding:0 10px}
#content_l{width: 100%; max-width:640px; margin:0px auto;float:none}
.content_l_1_t{ width: 100%; max-width:640px; margin:0px auto; height:32px; background:#24ABA8; text-align:right}
.content_l_1_t span{ margin-right:10px}
.content_l_1_t div{float: left;line-height: 32px;font-size: 14px;color: #fff;margin-left: 10px;font-weight: bold;}
.content_l_1_t div span{color: #eee;line-height: 32px;font-size: 12px;font-weight: normal;margin-left: 6px;}
.content_l_1_t > span{float: right;line-height: 32px;}
.content_l_1_t > span a{line-height: 32px;font-size: 12px;color: #fff;}
.content_l_1_t > span a:hover{}
.content_l_1_t span{ margin-right:10px}
.content_l_n{width: 100%; max-width:640px; margin:0px auto; background:url(../images/index_38.jpg) repeat-x top; background-color:#e3e3e3; padding:0px}
.content_l_n_1_title{ width:100%; height:30px; line-height:30px; float:none}
.content_l_n_1_date{ width:40%; height:30px; line-height:30px; float:left; text-align:right;display: none;}
.content_l_n_1_n{ color:#928f8f;}
.content_l_n_2{ width: 100%; max-width:640px; margin:0px auto; float:none; overflow:hidden}
.content_l_n_2 li{ width:612px; height:30px; float:left; overflow:hidden}
.content_l_n_2 li a{ width:486px; height:30px; line-height:30px; float:left;}
.content_l_n_2 li a span{ height:30px; line-height:30px; float:right; text-align:right;}

.content_l_2_n_img{width:104px; height:81px; background:none; float:left; margin: 5px; padding:0;position: relative;}
    .content_l_2_n_img img{width: 100%;height: 100%;} 
.content_l_2_n_t,.content_l_2_n_t a{width:calc(100% - 124px); height:24px; line-height:24px; font-weight:bold; float:left;margin: 0;}
.content_l_2_n_n{width:calc(100% - 124px); float:left;color:#928f8f;margin:0;overflow: hidden;line-height: 20px;height: 60px;overflow: hidden;}

#content_r{width:100%; float:none; margin: 0;}

#content_r h2{width:356px; height:33px; text-align:right;background: #24ABA8;}
#content_r h2 span{ margin-right:10px}
#content_r{width:100%; float:none; margin:0 auto;}
#content_r h2{height:33px;text-align:left;line-height: 32px;border-bottom: 1px solid #eee;}
#content_r h2 div{line-height: 32px;font-weight: bold;font-size: 14px;margin-left: 10px;float: left;color: #fff;}

#content_r h2 span{ margin-left:6px;float: left;line-height: 32px;font-size: 12px;color: #eee;}
#content_r h2 span.morebtn002{ margin-right:10px;float:right;line-height: 32px;}
#content_r h2 span a{line-height: 32px;color: #fff;}
#content_r h2 span a:hover{}
.content_r_n{ width:98%;padding:1%;margin: 0;}
.content_r_n_img{ width:196px; height:152px; background:url(../images/index_20.png); float:left; margin-right:10px; padding:3px 0 0 3px}
.content_r_n_t{width:calc(100% - 240px); font-weight:bold; float:left;}
.content_r_n_n,.content_r_n_n a{height:22px;overflow: hidden; float:left;color:#928f8f;}

#content_bottom{width: 100%; max-width:640px;margin: 0 auto;border: 1px solid #d7d7d7; margin-top:10px;}
#content_bottom h2{width: 100%; max-width:640px;margin: 0 auto; height:33px;text-align: right; background:#24ABA8;}
#content_bottom h2 span{ margin-right:10px}
#content_bottom h2 div{float: left;line-height: 32px;font-size: 14px;font-weight: bold;margin-left: 10px;color: #fff;}
#content_bottom h2 span{ margin-left:6px;float: left;line-height: 32px;font-size: 12px;color: #eee;}
#content_bottom h2 .morebtn002{float: right;margin-right: 10px;color: #fff;}
.morebtn002 a{line-height: 32px;font-size: 12px;color:#fff;}
#content_bottom .piclist{width:48%; height:0; background:none; margin:1%;padding-bottom: 50%;}
    #content_bottom .piclist li{overflow: hidden;margin: 0!important;height: }  
#content_bottom .piclist_t,.piclist_t a{  width:98%; height:24px; line-height:24px; font-weight:bold; text-align:center;margin: 0 auto;}

/* single page */
#left_s{width:100%; float:none;}
.left_s_title{ width:100%; height:32px; line-height:32px;  background:#24ABA8; color:#fff; font-weight:bold; font-size:14px; text-align: center; margin-bottom:10px;}
.left_s_img{ width:228px; margin:0 10px 10px 10px; height:64px}
.left_s_c{ width:230px; padding:0 10px 10px 10px}
.left_s_c_more{ width:250px; height:21px; background:url(../images/nei_26.jpg) no-repeat; margin-bottom:2px; color:#fc5c05; text-indent:150px;}
.left_s_c_more a{ color:#fc5c05; text-indent:150px;}
#nei_s{width:100%; float:none; margin-left:0px}
.nei_s_title,.nei_s_title a{ width:100%; height:32px; background:#24ABA8; color:#fff; line-height:32px; text-indent:20px;}
.nei_s_cb{background:url(../images/nei_12.jpg) no-repeat center top; overflow:hidden; height:auto;}
.nei_s_cb1{background:url(../images/nei_10.jpg) no-repeat center top; overflow:hidden; height:auto;}
.nei_s_cb2{background:url(../images/nei_11.jpg) no-repeat center top; overflow:hidden; height:auto;}
.nei_s_cb3{background:url(../images/nei_13.jpg) no-repeat center top; overflow:hidden; height:auto;}
.nei_s_cb4{background:url(../images/nei_15.jpg) no-repeat center top; overflow:hidden; height:auto;}
.nei_s_name{ width:338px; height:50px; margin:90px 0 0 400px;}
.nei_s_c_title{ width:738px; height:50px; line-height:50px;font-size:18px; font-weight:bold; text-align:center;}

/* news page */
#right_n{width:100%; float:none}
.list_n_r{ width:100%; float:none; overflow:hidden}
    .rightdianji{width: 100%!important;}
#nei_n{width:100%; float:none; margin-right:0px;}
.nei_n_t{ width:100%; height:28px; background-color:#f0f0f0; margin-top:0px;}
.nei_n_tof1{ color:333px; font-weight:bold; line-height:28px; text-align:center;width: 33%!important}
    .nei_n_tof1right{float: right!important;}
.nei_n_list{ width:100%; float:none; overflow:hidden}
.nei_n_list li{ width:100%; height:36px; float:left; overflow:hidden}
.nei_n_list li a{ width:auto; height:36px; line-height:36px; float:left; color:#706f6f; text-indent:10px;}
.nei_n_list li span{ width:auto; height:36px; line-height:36px; float:left; text-align:center; color:#999797;margin: 0 10px;float: right;}
.nei_n_n_t{ width:100%; height:40px; line-height:40px;font-size:18px; text-align:center;}
.nei_n_n_tof1{ color:#9e9d9d; margin-right:15px; float:none;display:inline-block; height:36px; line-height:36px; width:auto;}
.nei_n_n_tof2{ color:#9e9d9d; margin-right:15px; float:none;display:inline-block; height:36px; line-height:36px; width:auto;}

/* left */
#left{ width:100%; float:none;overflow:hidden;}
.left_title{height:32px; line-height:32px;background:#24ABA8;color:#fff; font-weight:bold; font-size:14px;text-align: center;}
#leftof1{background-color:#fafafa; padding:10px;}
#leftof1 ul li{ width:48%; height:30px; background:url(../images/leftp_04.jpg) left no-repeat;text-indent: 15px;display: inline-block;padding: 0;}
#leftof1 ul li a{color:#6d6d6d; font-size:14px; line-height:30px;}
#leftof1 ul li a:hover{ color:#24ABA8}
.cpd_d,.cpd_d:link,.cpd_d:visited{display:block; color:#6d6d6d; font-size:12px; line-height:30px;}
.cpd_d:hover{color:#000;}
.cpzs1,.cpzs1:hover{ width:155px; height:30px; background:url(../images/leftp_05.png) left no-repeat;color:#6d6d6d; font-size:12px; line-height:30px;}
#leftof2{width:100%;  background:#fafafa; padding:10px;}
#leftof2 h3{ cursor:pointer; width:155px; height:30px; background:url(../images/leftp_05.png) left no-repeat; text-indent:20px;color:#6d6d6d; font-size:12px; font-weight:bold; line-height:30px;}
#leftof2 a{display:block; color:#6d6d6d; font-size:12px; line-height:30px; text-indent:15px;}
#leftof2 a:hover{color:#24ABA8;}
#leftof2 div{display:none; border-top:none}
#case_r{width:100%; float:none; margin:0;max-width: 640px;margin: 0 auto;}
.case_title,.case_title a{width: auto;height:32px; background:#24ABA8; color:#6d6d6d; line-height:32px; text-indent:20px;color: #fff;}
.caselist{width:48%; height:200px; background:none; margin:1%;overflow: hidden;}
.caselist_t,.caselist_t a{height:24px; line-height:24px; font-weight:bold; text-align:center;width: 100%;overflow: hidden;}
.caselist_t2,.caselist_t2 a{height:24px; line-height:24px; text-indent:10px; color:#106b15; overflow:hidden}
#case_n_l{ width:100%; float:none; margin-right:0px;overflow: hidden;}
#case_n_r{ width: 96%; float:none;margin: 0 auto;}
#case_n_r ul li{ width:100%; height:auto; margin-top:5px;text-align: justify;}
#pro_n{ width:98%; padding:0;margin:0 1%}
.pro_n_img{width:156px; height:122px; background:none; float:left; margin:0; padding:0;}
.pro_n_t{width:calc(100% - 166px); height:24px; line-height:24px; font-weight:bold; float:left;margin-left: 6px;}
.pro_n_t a{width:100%; height:24px; line-height:24px; font-weight:bold; float:none;}

.pro_n_n{ width:calc(100% - 166px); float:left;color:#777676;height: 80px;line-height: 20px;overflow: hidden;margin-left: 6px;}

.pro_show_t{ width:100%; height:32px;}
.pro_show_t_r{ float:right; margin-right:10px;}
#main .photoblock-many {margin: 0 10px 10px -4px;clear: both;width: 100%; text-align: center; font-size: 10px; color: #888888;}
.img_bor{border:none;}
.xian{border-bottom:1px dotted #878585;}
.p_10{padding:10px 0;overflow: hidden;}
    #right_n .m_t{display: none;}
    #right_n .rightdianji{display: none;}
.m_t{margin-top:10px}
.f_r{float:right}
.m_l{margin-left:10px}
.m_b{margin-bottom:10px}
.page{ text-align:center; height:40px; line-height:40px;}

#goTopBtn {
	POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px;
}


#box1 .menus{background: #fafafa;border: 1px solid #ddd;}
#box1 #top3{display: none;}
.menus{
flex-direction: column;
}
.ms{
	margin: 0;
}
.ms a{
  padding: 0;
}
.ms a ul li a{font-size: 12px;}
.subs{
position:relative;
}

ul.show_list{
display:none
}
ul.sb li{
display:block;
height:30px;
color:#FFF;
text-align:center;
border-top:1px solid #FFF;
line-height:30px;
    width: 100%;
}
ul.sb li a{
color:#FFF;
font-family:"微软雅黑";
display:block;width: 100%;
height:30px;
line-height:31px;
    font-size: 12px;
}
.moff{
color:#333;
}
.mon{
color:#fff;
}

.lioff{
background-color:#24ABA8;
}
.lion{
background-color:#439FC6;
}

.menuon{
background:#088BC1;
}
.menuon a{
color:#FFFFFF;
text-decoration:none;
}
.footerbg{width: 100%;background: #f9f9f9;}
    .mainbannerbg{margin-bottom: 0!important;}
   .footerbg{width: 100%;padding-top:12px;}
    #content #right_n li.lioff{display: inline-block;width: calc(33% - 20px);margin: 5px!important;margin-bottom: 0!important;}   
    #content #right_n{text-align: center;}
    
    
    .footerbg .link {
    padding: 10px!important;
}
    
    
    .aboutnavbox a{display:inline-block!important;width:calc(23% - 5px);margin: 1%!important;}
    .contactusbox{display: none;}
    .fenxiang{display: none;}
    .laiyuaninfo{text-align: center;}
    .casetopimg img{max-width: 100%;height: auto;}
    .casedatubox{width: 100%!important;}
    .datubox002{width: 100%!important;}
}

@charset "utf-8";
/* CSS Document */
.zxindent{
	/*text-indent:2em;*/
}
.zxindent p{
	margin:10px 0;
}
.page span, .page a{
    color: #CCCCCC;
    cursor: pointer;
    display: block;
    float: left;
    padding: 5px 8px;
}
.page a.current {
    color: #FFC100;
    font-weight: bold;
}
.gray{color:#A0A0A0}
label.error{
	color:#FFCE00;
	font-size:14px;
	font-weight: bold;
	padding-left:5px;
}
.zxhide{display:none}
.dlink{ font-size:12px;}
.zxpicshow li{
	margin:0 auto;
	padding:0;
	text-indent:0;
	width:230px;
	text-align:center;
	float:left;
	margin-left:5px;
	border:1px solid #CCCCCC;
	background:#FFF
}
.zxpicshow li div{
	margin:0 auto;
	width: 220px;
	margin-top:5px;
	overflow:hidden;
}
.zxcasetab{
	font-weight:bold;
}
.zxcaseborder{
	border-top:1px dashed #333333
}
.zxmenuon{
}
@media(max-width:640px){
    .zxmenuon{
background:none;
}
    .zxmenuon a{
background:#088BC1;
}
}
.zxmenuon a {
	color: #FFFFFF;
	background: #24ABA8;
    text-decoration: none;
}

#pagerjump{
	border: 1px solid #aaa;
    border-radius: 2px;
    box-shadow: 0 1px 2px #ddd;
    color: #333333;
    padding: 3px;
}
.btn_navlist{height: 18px;width: 24px;position: absolute;box-sizing: border-box;z-index: 999;top: 16px;right: 10px;display: none;}
.btn_navlist > div{width: 24px;height: 2px;background:#24ABA8;position: absolute;transition: 0.6s;}
.btn_navlist > div:nth-child(1){top: 0;}
.btn_navlist > div:nth-child(2){top: 8px;}
.btn_navlist > div:nth-child(3){top: 16px;}
.btn_navlistclose > div.one{transform: rotateZ(45deg);top: 8px;}
.btn_navlistclose > div.two{opacity: 0;}
.btn_navlistclose > div.three{transform: rotateZ(-45deg);top: 8px;}

@media (max-width:768px){
    .nav_s_list{height: auto;position: fixed;top: 52px;z-index: 999;background: none;right: -120px;width: 100px;background: #fff;}
    .btn_navlist{display: block;}
}

.accordion {width:100%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #ddd}
.accordion ul {list-style-type:none}
.accordion a {color:#333;text-decoration:none}
.accordion  .link {cursor:pointer;display:block;padding:0 12px;line-height:50px;color:#666;font-size:14px;font-weight:700;border-bottom:1px solid    #ccc;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion  li:last-child .link {border-bottom:0}
.accordion li i {position:absolute;top:0;right: 12px;
	font-size: 20px;color:#595959;-webkit-transition:all .4s    ease;-o-transition:all .4s ease;transition:all .4s ease;transform: rotate(90deg) scaleX(0.6);font-style: normal;font-weight: normal;}
.accordion li.open .link {color:#24ABA8}
.accordion li.open i {color:#24ABA8;transform: rotate(270deg) scaleX(0.6);}

.submenu {display:none;background:#f4f4f4;font-size:14px}
.submenu li {border-bottom:1px solid #ddd}
.submenu a {display:block;text-decoration:none;color:#666;padding:12px;padding-left:20px;-webkit-transition:all .25s    ease;-o-transition:all .25s ease;transition:all .25s ease}
.submenu a:hover {background:#24ABA8;color:#fff}
@media (max-width:768px){
.accordion  .link {line-height:36px;font-size:12px}
.submenu a {padding:8px;line-height: 20px;}

}

.clist_box{border-top:2px solid #24ABA8}
.rightnewsbox{background: #f2f2f2;}
.rightnewsbox li a{display: block;line-height: 50px;height: 50px;overflow: hidden;padding: 0 10px;font-size: 14px;color:#333;border-bottom: 1px solid #fff;}
.rightnewsbox li a:hover{color:#fff;background:#24ABA8 ;}
.rightnewsbox li.active a{color:#fff;background:#24ABA8 ;}
@media (max-width:768px){
.rightnewsbox li a{line-height: 36px;height: 36px;font-size: 12px;}
.header .header_box .right{margin:0;}

.header .header_box .right a{line-height: 16px;height: 16px;font-size: 12px;margin:0;}
.header .header_box .right h4{line-height: 14px;height: 14px;font-size: 12px;margin:0;}
.header .header_box .right .phone_boxx{flex-direction: column;align-items: flex-start}
}