@charset "utf-8";
*{ margin:0;padding:0;}
body{margin:0px;padding:0px;background:#f0f0f2;color:#555;line-height:150%;font-size:14px;font-family:'微软雅黑',Arial, Helvetica, sans-serif; background-image:url(../img/bg.jpg); background-repeat:repeat-x; background-position:top;}
img {border:0px; height:auto; padding:0; display:inline-block; vertical-align:middle; max-width:100%;}
div,form,img,ul,ol,li,dl,dt,dd{margin:0;padding:0;border:0;text-align:left;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:bold;margin-right:auto;margin-left:auto;}
table,td,tr,th{font-size: 12px;line-height: 150%;color: #333;text-decoration: none;	font-family: '微软雅黑',Arial, Helvetica, sans-serif;}
.dd1{ width:100%; border-left:#f0f0f0 solid 1px;border-top:#f0f0f0 solid 1px;border-collapse:collapse;} 
.dd1 td{border-right:#f0f0f0 solid 1px;border-bottom:#f0f0f0 solid 1px;padding:4px;vertical-align: top;}
li{list-style-type:none;}
ul,li {padding:0; margin:0;list-style:none;}
.clear {clear:both;visibility:hidden; line-height:0; height:0; font-size:0}
.time{font-size:11px;color:#666}

a:link {	color: #333;	text-decoration: none;}
a:visited {	color: #333;	text-decoration: none;}
a:hover {	color: #b02840;	text-decoration:underline;}
a:active {	color: #b02840;	text-decoration: none;}
a.menu:link {	color: #0d6b23;text-decoration: none;}
a.menu:visited {color: #0d6b23;text-decoration: none;}
a.menu:hover {	color: #ff0000;text-decoration: underline;}
a.menu:active {color:  #ff0000;text-decoration: none;}
.menu {font-size: 12px;color: #ff0000;}
a.menu2:link {	color: #0d580c;	text-decoration:none;}
a.menu2:visited {	color: #0d580c;	text-decoration:none;}
a.menu2:hover {	color: #ff0000;	text-decoration: none}
a.menu2:active {	color: #ff0000;	text-decoration: none;}
.menu2 {font-size: 12px;color: #0b4b08; }
.biaodan{border:1px solid #ccc; width:200px; height:20px;line-height:20px;}
.biaodan1{border:1px solid #ccc; width:300px; height:auto;OVERFLOW: auto;}
.anniu{ border:0px solid #ff6600; background-color:#ff6600;height:24px; color:#FFFFFF; line-height:24px}
/**首页头部与底部**/
#head,#index,#banner,#toppro,#newpro,#footok,#aboutmain,#menu{ width:1200px; margin:0px auto;}
#headok{ width:1200px; height:auto; margin:0px auto; background: #fff; box-shadow:0 0 15px rgba(0,0,0,0.2);}
#head{ height:70px;background-image:url(../img/topdi.gif);}
#headleft{ float:left; width:360px}
#headright{ float:right; width:600px; text-align:right}
.homepage{padding-right:22px; line-height:26px;text-align:right; height:26px; margin-top:4px}
#banner img{width:100%;}
.banner .swiper-container { position: relative;}
.banner .swiper-container .banner_swiper{ overflow: hidden;}
.banner .swiper-container .banner_swiper .swiper-slide {overflow: hidden;}
.banner .swiper-container .swiper-button-prev{display: none;}
.banner .swiper-container .swiper-button-next{display: none;}
.banner .swiper-container .swiper-button-prev.swiper-button-disabled { opacity: 1;}
.banner .swiper-container .swiper-button-next.swiper-button-disabled { opacity: 1;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
.banner .swiper-container .swiper-pagination{bottom:5px; left:48%;}
.banner .swiper-container .swiper-pagination-clickable .swiper-pagination-bullet{height: 4px;width:10px;border-radius: 2px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-container .swiper-pagination-bullet-active{width:20px !important;background: #ffff00 !important;opacity: 1 !important;}

.inxcase{border-bottom: 1px solid #ddd; padding:40px 30px;}
.inxcase .wrap,.swiper-container { position: relative;}
.inxcase .pro_swiper,.swiper-container .banner_swiper{ overflow: hidden;}
.inxcase .pro_swiper .swiper-slide,.swiper-container .banner_swiper .swiper-slide {overflow: hidden;}
.inxcase .swiper-button-prev,.swiper-container .swiper-button-prev{ top:48%;width: 30px;height: 30px; left:5px; background:url(../img/prev.png) no-repeat center center rgba(0,0,0,.2); background-size: 24px; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.inxcase .swiper-button-next,.swiper-container .swiper-button-next{top: 48%;width: 30px;height: 30px; right:5px; background:url(../img/prev.png) no-repeat center center rgba(0,0,0,.2); background-size: 24px; border-radius: 50%; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{display: none;}
.inxcase .swiper-button-prev.swiper-button-disabled,.swiper-container .swiper-button-prev.swiper-button-disabled { opacity: 1;}
.inxcase .swiper-button-next.swiper-button-disabled,.swiper-container .swiper-button-next.swiper-button-disabled { opacity: 1;}
.inxcase .swiper-button-prev:hover,.inxcase .swiper-button-next:hover {background:url(../img/prev.png) no-repeat center center #fff; background-size: 24px;}
.inxcase h2{font-size:14px; color:#666; font-weight: normal; transition: all 0.5s ease; line-height: 1.5; padding:5px 0 0; text-align: center;}
.inxcase .img{overflow: hidden; border: 1px solid #ddd; padding:25px 0;}
.inxcase a .img img { width:100px; display: block; margin:0px auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.inxcase a:hover .img img {transform: scale(1.1);}
.swiper-container .swiper-pagination{bottom:5px; left:48%;}
.swiper-container .swiper-pagination-clickable .swiper-pagination-bullet{height: 4px;width:10px;border-radius: 2px;margin: 0 3px;opacity:1;background-color: #fff;}
.swiper-container .swiper-pagination-bullet-active{width:20px !important;background: #ffff00 !important;opacity: 1 !important;}


#menu{ background: #b02840; height: 45px; box-shadow:inset 0 4px 0 rgba(0,0,0,0.25);}
#newpro{ height:120px; background-color:#FFFFFF; background-image:url(../img/newsprodi.gif);padding-top:20px}
#index{height:auto;background-color:#FFFFFF; padding:40px 0;}
#leftindex p{ padding:0; margin:0; text-align:left; padding-bottom:15px}
#leftindex{ width:220px;float:left;text-align:left; padding:0 10px 0 30px; background-image:url(../img/middledi.gif); background-position:right; background-repeat:repeat-y}
#middleindex{ width:530px;float:left;text-align:left; background-image:url(../img/middledi.gif); background-position:right; background-repeat:repeat-y; padding:0 30px;}
#middleindex p{ padding:0; margin:0; text-align:center; padding-bottom:15px}
.indexabout{line-height: 1.8;}
.indexnews{}
.indexnews li{background:url(../img/leftjian1.gif) no-repeat 1px 50%;line-height:28px; padding-left:12px;}
#rightindex{ width:290px;float:right; padding:0 30px;}
#rightindex p{ padding:0; margin:0; text-align:center; padding-bottom:15px}
.indextitle{display: flex; justify-content: space-between; line-height: 30px; margin-bottom: 15px;}
.indextitle-l{font-size: 16px; font-weight: bold; position: relative; padding-left: 15px;}
.indextitle-l::before{position:absolute; left:0; top:50%; height: 16px; width:5px; margin-top:-8px; background: #b02840; content: ''; display: block;}
.indextitle-r{}
#foot{ padding:20px; background-image:url(../img/downline.gif); background-position:top; background-repeat:repeat-x}
#footleft{ float:left;}
#footright{ float:right; text-align:right}
/* 导航菜单 */
#nav{height:45px;overflow:hidden; float:left; font-size:0;}
#nav li{display:inline-block; padding:0 40px; text-align:center;line-height:45px;font-size:14px;font-weight:bold; border-right: 1px solid rgba(255,255,255,.2);}
#nav a{color:#fff;display:block;}
#nav a:hover{display:block;color:#ffff00;text-decoration: none;}
#nav li.home{}
#nav li.home a{color:#ffff00;}
#nav li.home a:hover{color:#ffff00;text-decoration: none;}
#menuright{ float:right; height:45px; padding-right:20px}
#menuright label{background-color:#ebc9cf; height: 25px; border-radius: 40px; display: block; margin-top: 10px; padding-right:10px;}
.menu_nav_zhong_bj{ width:180px;border:0px;line-height:25px; background: none; margin-left:10px; float:left;}
.menu_nav_zhong_bj1{ width:30px; text-align:left; float:left; padding-top: 6px;}
/*内页*/
#aboutmain{height:auto;}
#leftabout{ width:295px;float:left;height:auto; text-align:left; padding:35px; box-sizing: border-box;}
.lefttitle{ padding:0 0 15px; font-size: 16px; color:#666; line-height: 1.3;}
.lefttitle span{color:#b02840; font-size: 24px; display: block;}
.lefttitle strong{color:#b02840; font-size: 18px;}
.leftmenu{padding:0 0 30px;}
.leftmenu a,.leftmenu a:link,.leftmenu a:visited,.leftmenu a:active {font-size:16px; color: #555; text-decoration:none;}
.leftmenu a:hover {color:#b02840;}
.leftmenu li {border-bottom:1px solid #d4d6da; position: relative; padding:10px 0 10px 15px; display: block;}
.leftmenu li:before{content: ""; position: absolute; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #999; border-bottom: 5px solid transparent; display: block; top: 50%; margin-top: -6px; left: 0px;}
.leftmenu li.home{color:#b02840;}
.leftmenu li.home a{color:#b02840;}
.leftmenu li.home a,.leftmenu li.home a:link,.leftmenu li.home a:visited,.leftmenu li.home a:active {color: #b02840; text-decoration:none;}
#rightabout{ width:calc(100% - 298px); float:right; height:auto;text-align:left; border-left:1px dashed #aaa;padding-bottom:15px}
.aboutcontent{font-size:16px; line-height:2; padding:0 40px 40px;}
.location{font-size:24px; font-weight:bold; color:#b02840; padding:40px;}
.newscontent{padding:0 40px 40px;}
.productcontent{ padding:30px; min-height: 500px;}
.contact{ width:900px; margin:0px auto; height:auto; margin-bottom:30px; padding-top:20px}
.contact h2{ font-size:14px; color:#b02840; line-height:30px}
.leftcontact{ width:435px; float:left; }
.leftcontact p{font-size:14px; line-height:170%; padding-top:15px}
.leftcontact strong{ color:#e10253}
.rightcontact{ width:438px; float:right; border-left:1px solid #dedede; padding-left:25px}
/**产品分页**/
.page_pic {}
.page_pic a {text-decoration: none;}
.page_pic img {	height:100px; width:100px;}
.page_pic dt { text-align: center; line-height: 1.5; padding: 10px 0 0;}
.page_pic li {text-align: center;float: left;width:20%; box-sizing: border-box; height:auto; padding:0 0 20px;}
.page_pic li:nth-child(5n+1){clear: both;}
.page_pic li a {color:#777;}
/**左边导航二级**/
.pro_type{ border-top:1px solid #e2e2e2}
.pro_type ul li{line-height:36px; background:url(../img/leftjian1.gif) no-repeat 5px 50% #f9f9f9; padding-left:16px; border-bottom:1px solid #e2e2e2}
.type_list {padding:8px 0; border-bottom:1px solid #e2e2e2}
.type_list ul li {background:url(../img/leftjian2.gif) no-repeat 5px 50%; line-height:28px; color:#888; border-bottom:0}
/* 产品详细页 */
.leftproduct {FLOAT: left; WIDTH:250px;}
.rightproduct {	FLOAT: right; WIDTH:434px;}
.productsm {WIDTH: auto; PADDING-TOP: 10px; padding-bottom:5px;}
.productdlpp{ border-bottom:1px dashed #ccc; padding:35px 0;}
.leftproductdlpp{ float:left; width:155px;}
.rightproductdlpp{ float:right; width:calc(100% - 185px)}
.rightproductdlpp strong{font-size: 20px;}
.rightproductdlpp p{ padding-top:15px; font-size: 16px; line-height: 2;}
/**新闻**/
.news{}
.news a {color: #444; TEXT-DECORATION: none; font-size: 16px;}
.news a:hover {	color: #ff0000}
.leftnews{background:url(../img/leftjian1.gif) no-repeat 2px 50%; padding:15px 0 15px 15px; border-bottom:1px dashed #ddd}

.viewbox{width:auto; margin:0px auto;}
.viewbox h1{font-size:14px;color:#333;height:30px;line-height:30px;text-align:center}
.viewbox .info{height:auto;border-top:1px #ccc dashed; padding-top:10px; text-align:center}
.viewbox .content{ height:auto; padding-top:10px; padding-bottom:10px;border-top:1px #ccc dashed;}
.context{margin-top:10px;width:auto;border-top:1px #ccc dashed;padding-top:10px; height:auto}
.context ul{ padding:0px; margin:0px;list-style-type:none;}
.context li{float:left;width:100%;}
/* 分页 */
.propage{ width:auto; margin:0px auto;padding-bottom:20px}
.newspage{ width:auto; height:36px; margin-top:10px}
DIV.black2 {PADDING-TOP:8px; TEXT-ALIGN: center;FONT-SIZE: 12px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
DIV.black2 A {BORDER: #000000 1px solid;  PADDING:2px 5px 2px 5px;MARGIN: 2px;COLOR: #000000;TEXT-DECORATION: none}
DIV.black2 A:hover {BORDER: #000000 1px solid;COLOR: #fff;BACKGROUND-COLOR: #000}
DIV.black2 A:active {BORDER: #000000 1px solid;COLOR: #fff;BACKGROUND-COLOR: #000}
DIV.black2 SPAN.current {BORDER: #d7124a 1px solid; PADDING:2px 5px 2px 5px;FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #d7124a}
DIV.black2 SPAN.disabled {BORDER: #eee 1px solid; PADDING:2px 5px 2px 5px;MARGIN: 2px;COLOR: #ddd;}
/**首页滚动产品**/
.in_news_content {WIDTH:938px;HEIGHT:112px;overflow:hidden; margin:0px auto}
.in_news_content .prev {WIDTH: 24px; DISPLAY: block; FLOAT: left; HEIGHT:112px; CURSOR: pointer}
.in_news_content .next {WIDTH: 24px; DISPLAY: block; FLOAT: right; HEIGHT:112px; CURSOR: pointer}
.in_news_list {	WIDTH:889px; FLOAT: left; HEIGHT:112px;}
.in_news_list UL LI {WIDTH:127px; DISPLAY: inline; FLOAT: left; HEIGHT:112px;list-style-type:none}
.in_news_list IMG {WIDTH:100px; DISPLAY: block; HEIGHT:100px; margin-left:7px;border:1px solid #ccc}