/*¸ñʽ»¯*/
li, ol { list-style:none;  }
ins { text-decoration:none; }
i, em { font-style:normal; }

body, div, p,img,dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, blockquote {
	padding:0px;
	margin:0px;
}
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0; border:none;/* display:block;*/}
a img { border:none; padding:0; margin:0; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px; padding:0px; margin:0px;}
body {
	margin:0px; padding:0px; max-width:640px; margin:auto;
}
padding,margin,{ border:none; padding:none;}
h1 {
	
}
h2 {
	
}
h3 {
	
}
h4 {
	
}
h5 {
	
}
A:hover {
	COLOR: #ff0000; TEXT-DECORATION: none
}
A {
	COLOR: #333333; TEXT-DECORATION: none
}
#topLogo {
	margin: 0px; width: auto; height: 100%; text-align: center; padding:0px; border-image: none; padding-bottom:0px; margin-bottom:0px;
}
#topLogo img{
	border: 0px currentColor; border-image: none; width: 100%; max-width: none;
}
#buttonMore {
	width: auto; height: 35px; text-align: center;
}
#buttonLess {
	width: auto; height: 35px; text-align: center;
}
#buttonMore2 {
	width: auto; height: 35px; text-align: center;
}
#buttonLess2 {
	width: auto; height: 35px; text-align: center;
}
#buttonMore3 {
	width: auto; height: 35px; text-align: center;
}
#buttonLess3 {
	width: auto; height: 35px; text-align: center;
}
#buttonMore4 {
	width: auto; height: 35px; text-align: center;
}
#buttonLess4 {
	width: auto; height: 35px; text-align: center;
}
#buttonMore5 {
	width: auto; height: 35px; text-align: center;
}
#buttonLess5 {
	width: auto; height: 35px; text-align: center;
}
#topmenu_ul {
	margin: 0px; padding: 0px; width: auto; height: 80px; color: #000; font-size: 0.85em;  list-style-type: none;background:#026EAF; 
}

#topmenu_li {
	width: 33.333%; text-align: center; float: left; line-height:38px; height: 38px; background:url(line_bg.jpg) repeat-y center right; border-bottom:1px solid #0b5683; border-top:1px solid #1388cf;
}
#topmenu_li a {
	color: #fff; text-decoration: none;
}
#title_bg {
	margin: 0px; width: auto; height: 35px; padding-top: 11px; padding-left: 20px; font-size: 1em; background-color: rgb(204, 204, 204);
}
#title_bg img {
	vertical-align: middle; opacity: 0.8;
}
#hotnews_ul {
	padding-left: 10px; margin-right: 10px; list-style-type: none;
}
#hotnews_li {
	width: auto; height: 80px; padding-top: 10px; padding-bottom: 10px; font-size: 0.8em; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; line-height:22px; color:#666666;
}
#hotnews_li span{
	width: auto; height: 80px; padding-top: 10px; padding-bottom: 10px; font-size: 1em; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; line-height:18px; color:#e62129; font-weight:bold;
}
#hotnews_li span a{
	width: auto; height: 80px; padding-top: 10px; padding-bottom: 10px; font-size: 1em; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; line-height:18px; color:#e62129; font-weight:bold;
}
#hotnews_li a {
	color: rgb(0, 0, 0); text-decoration: none;
}
#hotnews_li img {
	margin-right: 10px; vertical-align: middle; float: left;
}
#pro_catalogue_ul {
	padding-left: 10px; margin-right: 10px; list-style-type: none;
}
#pro_catalogue_li {
	width: auto; padding-top: 15px; padding-bottom: 15px; font-size: 1em; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; font-family:"΢ÈíÑźÚ"
}
#pro_catalogue_li a {
	color: rgb(0, 0, 0); text-decoration: none;
}
#pro_catalogue_li img {
	border: 0px currentColor; border-image: none; vertical-align: middle;
}
#proCatalogueUlZhuangxiuqi {
	list-style-type: disc;
}
#proCatalogueUlMuqiqi {
	list-style-type: disc;
}
#proCatalogueUlGongcheng {
	list-style-type: disc;
}
#pro_catalogue_li2 {
	width: auto; padding-top: 5px; padding-bottom: 5px; font-size: 0.87em; font-weight: bold; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
#pro_catalogue_li2 a {
	color: rgb(0, 0, 0); text-decoration: none;
}
#pro_catalogue_li2 img {
	border: 0px currentColor; border-image: none; vertical-align: middle;
}
#proCatalogueUlFangshui {
	list-style-type: circle;
}
#pro_catalogue_ul3 {
	list-style-type: circle;
}
#pro_catalogue_li3 {
	width: auto; padding-top: 5px; padding-bottom: 5px; font-size: 0.87em; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
#pro_catalogue_li3 a {
	color: rgb(0, 0, 0); text-decoration: none;
}
#pro_catalogue_li3 img {
	border: 0px currentColor; border-image: none; vertical-align: middle;
}
#contact_ul {
	padding-left: 10px; margin-right: 10px; list-style-type: none;
}
#contact_li {
	width: auto; padding-top: 10px; padding-bottom: 10px; font-size: 1em; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
#contact_li a {
	color: rgb(0, 0, 0); text-decoration: none;
}
#contact_ul2 {
	display: none; list-style-type: disc;
}
#contact_li2 {
	width: auto; padding-top: 5px; padding-bottom: 5px; font-size: 0.87em; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
#contact_li2 a {
	color: rgb(0, 0, 0); text-decoration: none;
}
#contact_ul3 {
	list-style-type: circle;
}
#contact_li3 {
	width: auto; padding-top: 5px; padding-bottom: 5px; font-size: 0.87em; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
#contact_li3 a {
	color: rgb(0, 0, 0); text-decoration: none;
}
#bottom_bg {
	width: auto; height: auto; text-align: center; color:#fff; padding: 1px 0px; font-size: 15px; background: #2b2b2b; line-height:28px; overflow:hidden;
}
#bottom_bg span{
	width: auto; color:#fff; font-size:24px; line-height:30px;
}
#throphies {
	margin: 0px; width: auto; background-color: rgb(248, 248, 248);
}
#bar15px {
	margin: 0px; width: auto; height: 15px; background-color: rgb(248, 248, 248);
}
#whyCalusy {
	width: auto; line-height: 1.5em; font-size: 0.87em; margin-right: 10px; margin-left: 10px;
}
#whyCalusy2 {
	width: auto; line-height: 1.5em; font-size: 0.87em; margin-right: 10px; margin-left: 10px;
}
#policy {
	width: auto; line-height: 1.5em; font-size: 0.87em; margin-right: 10px; margin-left: 10px;
}
#policy li {
	list-style-type: decimal;
}
#newsTitle {
	width: auto; text-align: center; padding-top: 15px; font-size: 1.25em; font-weight: bold; margin-right: 10px; margin-left: 10px;
}
#newsContent {
	width: auto; padding-bottom: 10px; margin-right: 10px; margin-left: 10px;
}
#newsContent p {
	text-align: justify; text-indent: 2em; font-size: 0.87em; -ms-text-justify: inter-ideograph;
}
#imgTitle {
	width: auto; text-align: center; color: rgb(51, 51, 51); padding-bottom: 10px; font-size: 0.75em;
}
a.hiddenlink {
	color: rgb(0, 0, 0); text-decoration: none;
}
a.hiddenlink:hover {
	color: rgb(0, 0, 0); text-decoration: none;
}
a.active.hiddenlink {
	color: rgb(0, 0, 0); text-decoration: none;
}
#proContent {
	width: auto; padding-bottom: 10px; margin-right: 10px; margin-left: 10px;
}
#proContent p {
	text-align: justify; text-indent: 2em; font-size: 0.87em; -ms-text-justify: inter-ideograph;
}
#proContent h4 {
	margin: 0px; font-size: 0.87em; font-weight: bold; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
#proContent li {
	text-align: justify; font-size: 0.87em; list-style-type: disc; -ms-text-justify: inter-ideograph;
}
#li_textMenu {
	height: 39px; text-align: center; padding-top: 14px; font-weight: bold; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; list-style-type: none; background-color: rgb(238, 238, 238);
}
#li_textMenu img {
	width: 35px; height: 35px; padding-right: 10px; margin-top: -5px; vertical-align: middle;
}
#li_textMenu2 {
	height: 35px; text-align: center; padding-top: 12px; font-weight: bold; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; list-style-type: none; background-color: rgb(238, 238, 238);
}
#li_textMenu2_title {
	height: 35px; text-align: left; padding-top: 12px; padding-left: 20px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; list-style-type: none; background-color: rgb(255, 255, 255);
}
#li_textMenu_sample {
	height: 39px; text-align: left; padding-top: 14px; padding-left: 70px; font-weight: bold; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; list-style-type: none; background-color: rgb(238, 238, 238);
}
#li_textMenu_sample img {
	width: 35px; height: 35px; padding-right: 10px; margin-top: -5px; vertical-align: middle;
}
#title_bg2 {
	margin: 0px; width: auto; height: 60px; padding-top: 11px; padding-left: 20px; font-size: 1em; background-color: rgb(204, 204, 204);
}
#li_textMenu3 {
	height: 60px; text-align: center; padding-top: 16px; font-weight: bold; border-bottom-color: rgb(169, 211, 189); border-bottom-width: 1px; border-bottom-style: solid; list-style-type: none; background-color:#4284B5;
}
.yi-shangqiao {
	width: 100%; bottom: 0px; position: fixed; z-index: 11111;margin:0px; padding:0px; max-width:640px; margin:auto;
}
.yi-bgcolor {
	background:#026EAF; 
}
.yi-toolbar span {
	margin: 0px auto; width: 32px; height: 24px; display: block;
}
.yi-toolbar li a {
	color: rgb(255, 255, 255);
}
.yi-shangqiao ul {
	font: inherit; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
.yi-shangqiao li {
	font: inherit; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
.yi-shangqiao a {
	font: inherit; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
.yi-toolbar {
	width: 100%; height: 50px; border-top-width: 0px; border-top-style: solid; box-shadow: inset 0px 0px 0px rgba(255,255,255,0.5); diasplay: box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal;
}
.yi-toolbar td {
	text-align: center; font-size: 11px; list-style-type: none; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-box-align: center;
}
.yi-toolbar td a {
	height: 45px; padding-top: 6px; font-size: 12px; text-decoration: none; display: block; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);color:#FFFFFF;
}
.yi-toolbar .yi-toolbar-tel {
	background: url("fo1.png") no-repeat 0px 0px / 30px 30px; width: 30px; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -webkit-animation: toolicon 600ms linear infinite;
}
.yi-toolbar .yi-toolbar-mess {
	background: url("fo2.png") no-repeat 0px 0px / 30px 30px; width: 30px;
}
.yi-toolbar .yi-toolbar-online {
	background: url("fo3.png") no-repeat 0px 0px / 30px 30px; width: 30px;
}
.yi-toolbar .yi-toolbar-map {
	background: url("fo4.png") no-repeat 0px 0px / 30px 30px; width: 30px;
}

.hg_212 img{max-width:280px;}
.hg_213 img{max-width:280px;}


#title_inbbg {
line-height: 35px;
padding-left: 12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border-top: 1px solid #D9D9D9;
box-shadow: 0 1px white;
position: relative;
background-color: #F6F6F6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EAEAEA));
background-image: -webkit-linear-gradient(top, #F6F6F6, #EAEAEA);
background-image: -moz-linear-gradient(top, #F6F6F6, #EAEAEA);
background-image: -o-linear-gradient(top, #F6F6F6, #EAEAEA);
background-image: -ms-linear-gradient(top, #F6F6F6, #EAEAEA);
background-image: linear-gradient(top, #F6F6F6, #EAEAEA);
border-bottom: 1px solid #D9D9D9;
}
.title_ziti {
	color: #666666;
	line-height: 35px;
	font-family: "΢ÈíÑźÚ";
	font-size:14px;
	
}
.title_ziti A:hover {
	color: #666666;
	line-height: 35px;
	font-family: "΢ÈíÑźÚ";
	font-size:14px;
}
.title_ziti A {
	color: #666666;
	line-height: 35px;
	font-family: "΢ÈíÑźÚ";
	font-size:14px;
}
.title_ztls {
	color: #e62129;
	line-height: 35px;
	font-family: "΢ÈíÑźÚ";
	font-size20px;
	
}
.title_ind {
	color: #666666;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size:15px;
	text-indent:2em;
	
}
.title_ind a{
	color: #666666;
	line-height: 26px;
	font-family: "΢ÈíÑźÚ";
	font-size:14px;
	
}
.title_p {
	color: #666666;
	line-height: 26px;
	font-family: "΢ÈíÑźÚ";
	font-size:14px;
	
}
.title_p img{
max-width:320px;
	
}
.title_plszt {
	color: #ffffff;
	line-height: 40px;
	font-family: "΢ÈíÑźÚ";
	font-size:18px;
	background:#e62129;
	height:40px;
	font-weight:bold;
	width:100%;
	
}
.title_wproview {
	color: #fff;
	line-height: 42px;
	font-family: "΢ÈíÑźÚ";
	font-size:15px;
	text-align:center;
	background:#e62129;
	border-bottom: solid 1px #A7A7A7; 
	
}
.title_plcc {
	color: #000000;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size:15px;
	margin-bottom:5px;
	
}
.title_plcc A:hover {
	color: #000000;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size:15px;
}
.title_plcc A {
	color: #000000;
	line-height: 25px;
	font-family: "΢ÈíÑźÚ";
	font-size:15px;
}
.hg_213 img{max-width:280px;}
.title_cpzt {
	color: #666666;
	line-height: 23px;
	font-family: "΢ÈíÑźÚ";
	font-size:13px;
	
}
.title_cpzt img{
max-width:280px;
	
}
.title_cpzt A:hover {
	color: #666666;
	line-height: 23px;
	font-family: "΢ÈíÑźÚ";
	font-size:13px;
}
.title_cpzt A {
	color: #666666;
	line-height: 23px;
	font-family: "΢ÈíÑźÚ";
	font-size:13px;
}
.wpro_cpzt {
	color: #e62129;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size:20px;
	
}
.title_zitp {
	color: #626262;
	line-height: 23px;
	font-family: "΢ÈíÑźÚ";
	font-size:13px;
	
}
INPUT {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	FONT-SIZE: 14px;
	BORDER-LEFT: #cccccc 1px solid;
	COLOR: #333333;
	BORDER-BOTTOM: #cccccc 1px solid;
	FONT-FAMILY: "΢ÈíÑźÚ";
	BACKGROUND-COLOR: #E5E5E5;
	line-height: 20px;
}
TEXTAREA {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 14pt; BORDER-LEFT: #cccccc 1px solid; COLOR: #999999; LINE-HEIGHT: 25px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "΢ÈíÑźÚ"; BACKGROUND-COLOR: #E5E5E5
}
.title_news {
	color: #666666;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size:13px;
	
}
.title_news A:hover {
	color: #666666;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size:13px;
}
.title_news A {
	color: #666666;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size:13px;
}
.laixi {
	color: #ffffff;
	line-height: 26px;
	font-family: "΢ÈíÑźÚ";
	font-size: 14px;
}
.laixi a{
	color: #ffffff;
	line-height: 26px;
	font-family: "΢ÈíÑźÚ";
	font-size: 14px;
}
.tproc {
	color: #ffffff;
	line-height: 26px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}
.tproc a{
	color: #ffffff;
	line-height: 26px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}
.laixiz {
	COLOR: #532700;
	font-family: "΢ÈíÑźÚ";
	font-size: 16px;
	line-height: 30px;
}
.laixiz1 {
	FONT-WEIGHT: bold;
	COLOR: #e62129;
	font-family: "΢ÈíÑźÚ";
	font-size: 17px;
	line-height: 30px;
}
.zchi {
	FONT-WEIGHT: bold;
	COLOR: #F7D400;
	font-family: "΢ÈíÑźÚ";
	font-size: 20px;
	line-height: 30px;
}
.yfa {
	FONT-WEIGHT: bold;
	COLOR: #118F48;
	font-family: "΢ÈíÑźÚ";
	font-size: 18px;
	line-height: 30px;
}
.ba11 {
	color: #333;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}
.ba11 A:hover {
	color: #333;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}
.ba11 A {
	color: #333;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}
.ba121 {
	color: #666;
	line-height: 28px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}
.ba121 a{
	color: #666;
	line-height: 28px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}
.ba12 {
	color: #333333;
	line-height: 36px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}
.ba12 A:hover {
	color: #333333;
	line-height: 36px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}
.ba12 A {
	color: #333333;
	line-height: 36px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}

.abd{
	FONT-SIZE: 14px;
	COLOR: #666666;
	font-family: "΢ÈíÑźÚ";
	line-height: 28px;
}
.abd A {
	FONT-SIZE: 14px;
	COLOR: #666666;
	font-family: "΢ÈíÑźÚ";
	line-height: 28px;
}

.abd A:hover {
	FONT-SIZE: 14px;
	COLOR: #666666;
	font-family: "΢ÈíÑźÚ";
	line-height: 28px; }
.abde{
	FONT-SIZE: 14px;
	COLOR: #02872E;
	font-family: "΢ÈíÑźÚ";
	line-height: 24px;
}
.liuyan2 {
	color: #ffffff;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size: 26px;
	font-weight: bold;
}
.liuyan2 A:hover {
	color: #ffffff;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size: 26px;
	font-weight: bold;
}
.liuyan2 A {
	color: #ffffff;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size: 26px;
	font-weight: bold;
}

/*²úÆ·ÍƼö*/
.pro_de {
	CLEAR: both; WIDTH: 100%; PADDING-TOP: 0px
}
.pro_de P {
	CLEAR: both
}
.pro_de UL {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.pro_de LI {
	FLOAT: left; WIDTH:90px; LINE-HEIGHT: 30px; MARGIN-RIGHT: 1px; HEIGHT: 30px; TEXT-ALIGN: center
}
.pro_de_ti {
	HEIGHT: 40px; width:100%; margin:auto;
}
.pro_de_ti LI {
	CURSOR: pointer;width:24%;font-size:14px; margin:0% 0.5%;
    height: 40px;
    text-align: center;
    font-size: 15px;
    float: left;
    line-height: 40px;
    background-color: #fff;
}
.pro_de_ti LI.ti_one {
	    background-color: #e62129;
    color: #fff;
}
#title_bgin {
	margin: 0px; color: rgb(255, 255, 255);width: auto; height: 29px; padding-top: 9px;padding-left: 20px; font-size: 0.9em; background-color: rgb(183, 32, 36);border-top: solid 2px #ffffff;
}
.laixiz {
	COLOR: #666666;
	font-family: "΢ÈíÑźÚ";
	font-size: 16px;
	line-height: 30px;
}
.laixiz A{
	COLOR: #666666;
	font-family: "΢ÈíÑźÚ";
	font-size: 16px;
	line-height: 30px;
}
.laixiz A:hover {
	COLOR: #ff0000;
	font-family: "΢ÈíÑźÚ";
	font-size: 16px;
	line-height: 30px;
}
.bot10 {
	FONT-SIZE: 21px;
	COLOR: #ffffff;
	font-family: "΢ÈíÑźÚ";
	line-height: 30px;
}
.bot10 A:hover {
	FONT-SIZE: 21px;
	COLOR: #ffffff;
	font-family: "΢ÈíÑźÚ";
	line-height: 30px;
}
.bot10 A {
	FONT-SIZE: 21px;
	COLOR: #ffffff;
	font-family: "΢ÈíÑźÚ";
	line-height: 30px;
}
.bot10 span{ font-size:13px; font-family:"΢ÈíÑźÚ"; line-height:22px; color:#FDB5DA}
.span A:hover {
	COLOR: #EE67AD; TEXT-DECORATION: none
}
.span A {
	COLOR: #EE67AD; TEXT-DECORATION: none
}


.ba13{
	FONT-SIZE: 18px;
	COLOR: #666666;
	font-family: "΢ÈíÑźÚ";
	line-height: 40px;
	font-weight: bold;
}
.g14_ {
	color: #666666;
	font-family: "΢ÈíÑźÚ";
	font-size: 14px;
	line-height: 30px;
}
.ba2qq_{
	FONT-SIZE: 20px;
	COLOR: #ff9c00;
	font-family: "΢ÈíÑźÚ";
	line-height: 30px;
	font-style: italic;
}
.ba122{
	FONT-SIZE: 14px;
	COLOR: #6a6a6a;
	font-family: "΢ÈíÑźÚ";
	line-height: 30px;
	font-weight: bold;
}
.title_pro {color:#e62129; font-size:1.2rem; text-align:center; font-weight:bold; height:2.8rem; line-height:2.8rem; margin:0 0.9rem 1rem; position:relative;
	
}

#title_proin {
float: left;
margin-top: 5px;
line-height: 60px;
height: 60px;
color: #666666;
background: #E4E4E4;
text-align: center;
font-size: 15px;
background-image: -webkit-gradient(linear,top, color-stop(#E4E4E4 0%), color-stop(#E4E4E4 50%),color-stop(#D5D5D5 50%), color-stop(#D5D5D5 100%));
background-image: -webkit-linear-gradient(top, #E4E4E4 0%, #E4E4E4 50%, #D5D5D5 50%, #D5D5D5 100%);
background-image: -moz-linear-gradient(top, #E4E4E4 0%, #E4E4E4 50%, #D5D5D5 50%, #D5D5D5 100%);
background-image: linear-gradient(top, #E4E4E4 0%, #E4E4E4 50%, #D5D5D5 50%, #D5D5D5 100%);;
}
#title_proin A:hover {
	COLOR: #ff0000; TEXT-DECORATION: none
}
#title_proin A {
	COLOR: #666666; TEXT-DECORATION: none
}
.nyeo{ font-size:15px; color:#666; line-height:28px;}
.nyeo p{ font-size:15px; color:#666; line-height:28px; text-indent:0em;}
.nyeo img{width:100%; text-align:center;}
.nyeo { max-width:100%; margin:auto;}

/*½â¾ö·½°¸*/
.solu{ width:100%; margin:auto; overflow:hidden;}
.solu ul{ margin:auto;}
.solu ul a li{ width:50%; float:left; height:110px; background:#e62129;}
.solu ul a li img{ width:100%;height:110px;}
.solu a h3{font-size: 16px;color: #fff;padding-top:26px;margin-left: 20px; font-weight:bold;}
.solu a p{font-size: 14px;color: #fff;margin-top: 6px;margin-left: 20px; margin-right:20px;}
.solu a h4 {display: block;margin-left: 40px;width: 64px;height: 2px;background: #e0e0e0;bottom:30px; margin-top:30px;}
.solu .laixiz1 {FONT-WEIGHT: bold;COLOR: #e62129;font-family: "΢ÈíÑźÚ";font-size: 17px;line-height: 40px; padding-left:15px;}

/*ÆóÒµÈÙÓþ*/
.honor{ width:100%; margin:auto; overflow:hidden;}
.honor .laixiz1 {FONT-WEIGHT: bold;COLOR: #e62129;font-family: "΢ÈíÑźÚ";font-size: 17px;line-height: 40px; padding-left:15px;}

/*°¸Àý*/
.case{ width:100%; margin:auto; overflow:hidden;}
.case .laixiz1 {FONT-WEIGHT: bold;COLOR: #e62129;font-family: "΢ÈíÑźÚ";font-size: 17px;line-height: 40px; padding-left:15px;}

/*×îÐÂͨ¸æ*/
.news{ width:100%; margin:auto; overflow:hidden; padding-bottom:15px;}
.news .laixiz1 {FONT-WEIGHT: bold;COLOR: #e62129;font-family: "΢ÈíÑźÚ";font-size: 17px;line-height: 40px; padding-left:15px;}


.wen {
	overflow: hidden;
	width: 100%;
}

.wen h4 {
	font-size: 24px;
	color: #009b4c;
	text-align:left;
}
.wen h4 em {
	color: #333;
}
.wen h5 {
	font-weight: normal;
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
	text-align:left;
}
.wen p {
	font-size: 16px;
	color: #666;
	line-height: 27px;
	text-align: justify;
}

.title_a1 {
    text-align: center;
}
.title_a1 h2 {
    color: #e62129;
	font-size:22px;
	font-weight:bold;
	line-height:50px;
    background: url(di.png) no-repeat center bottom;
    padding-bottom: 21px;
}
.cp_tit {
    color: #777777;
	font-weight:500;
	font-size:15px;
	line-height:30px;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0px; margin:0px;}

.pro ul{ width:100%; margin:auto ; overflow:hidden;}
.pro li{ width:49%; float:left;overflow:hidden;}
.pro li .tit{ background:#fff; padding:10px; min-height:108px;}
.pro li .tit p{ color: #666666; font-size: 20px; font-weight:bold; padding-bottom:10px; text-indent:0em;}
.pro li .tit span{ font-size: 14px; color: #999999; line-height:24px;}
.pro li img{transition:all 2s; width:236px; overflow:hidden;display:block;}
.pro li:hover .tit{ background:#e62129; padding:10px; min-height:108px;}
.pro li:hover .tit p{ color: #fff; font-size: 20px; font-weight:bold; padding-bottom:10px;}
.pro li:hover .tit span{ font-size: 14px; color: #fff; line-height:24px;}


/*µÚÒ»¿é*/
.index-first {
	margin: 5% 0;
}
.index-first ul {
}
.index-first li {
	width: 23%;
	float: left;
	text-align: center;
	border-right: #eee solid 1px;
	padding: 0 0.5%;
}
.index-first li span {
	display: block
}
.index-first li img {
	width: 100%
}
.index-first li h3 {
font-size:.9rem;
	padding-bottom: 5px;
}
.index-first li p {
font-size:.6rem;
}

 .index-product .more {
    width: 134px;
    height: 37px;
    border: #e60013 solid 1px;
    color: #e60013;
    text-align: center;
    line-height: 37px;
    display: block;
    font-size: 15px;
    margin: 0 auto;
    margin-top: 2%;
	margin-bottom:3%;
}
 .index-product .more a{ color:#fff;}
 
 .index-about .more {
    width: 134px;
    height: 37px;
    border: #bfbfbf solid 1px;
    color: #333;
    text-align: center;
    line-height: 37px;
    display: block;
    font-size: 15px;
    margin: 0 auto;
    margin-top: 5%;
}

.tc{ text-align:center;}
/*¼ò½é*/
.index-about {
	background-color: #eee;
	position: relative;
}
.index-about img {
	width: 100%;
}
.index-about .title {
	color: #333;
	font-weight: bold;
	font-size: 1.5rem;
	color: #fff;
	padding-bottom: 10px;
	z-index: 1;
	position: absolute;
	top: 0;
	margin: 0;
	width: 100%;
	padding-top: 5px;
}
.index-about .title p {
	color: #5f5c5c;
font-size:.8rem;
	text-transform: uppercase;
	color: #fff;
}
.index-about .inner-content {
	padding: 10px;
}
.index-about .inner-content img {
	width: 100%;
	padding-bottom: 10px;
}
.index-about .inner-content p {
	text-indent: 2em;
	font-size: 14px;
	line-height: 27px;
	color:#333;
}
.index-about .inner-content .more {
	width: 134px;
	height: 37px;
	border: #bfbfbf solid 1px;
	color: #333;
	text-align: center;
	line-height: 37px;
	display: block;
	font-size: 15px;
	margin: 0 auto;
	margin-top: 5%;
}
.index-about .inner-content a:hover {
	background-color: #e62129;
	border: #e62129 solid 1px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s;
}

/*¹¤³ÌʵÀý*/
.index-case {
	margin: 2% ;
}
.index-case .title {
	color: #333;
	font-weight: bold;
	font-size: 1.5rem;
	padding-top: 3%;
	color: #333;
	padding-bottom: 10px;
}
.index-case .title p {
	color: #5f5c5c;
font-size:.8rem;
	text-transform: uppercase;
	color: #333;
}
.index-case .casemore
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:20px 0;
}
.index-case .casemore a
{
	display:block;
	width:150px;
	height:30px;
	border:1px solid #ccc;
	margin:auto;
	font-size:16px;
	color:#333;
	line-height:30px;
	text-align: center;


}

/*ºÏ×÷»ï°é*/
.index-partner {
	background-color: #eee;
	padding: 5% 0;
}
.index-partner .title {
	color: #333;
	font-weight: bold;
	font-size: 1.5rem;
	padding-top: 3%;
	color: #333;
	padding-bottom: 10px;
}
.index-partner .title p {
	color: #5f5c5c;
font-size:.8rem;
	text-transform: uppercase;
	color: #333;
}
.index-partner .inner-content {
	padding: 0 10px;
}
.index-partner .inner-content span {
	width: 49%;
	margin: 5px 0;
}
.index-partner .inner-content span img {
	width: 100%
}
.index-partner .inner-content span:nth-of-type(odd) {
	float: left;
}
.index-partner .inner-content span:nth-of-type(even) {
	float: right;
}
/*´úÀíÉÌ*/
.index-agent {
	background-color: #d80e17;
	padding: 5% 0;
}
.index-agent .inner-title {
	color: #fff;
}
.index-agent .inner-title p {
	font-weight: bold;
	font-size: 2rem;
}
.index-agent .title {
	color: #333;
	font-weight: bold;
	font-size: 1.5rem;
	padding-top: 3%;
	color: #fff;
}
.index-agent .title p {
	color: #5f5c5c;
font-size:.8rem;
	text-transform: uppercase;
	color: #fff;
}
.index-agent .inner-content {
	padding: 10px 10px;
}
.index-agent .inner-content span {
	display: block;
	padding-bottom: 10px;
}
.index-agent .inner-content span img {
	width: 100%;
}
.index-agent .inner-content span h3 {
	color: #fff;
	text-align: center;
font-size:.8rem;
}

.index-agent .casemore
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:20px 0;
}
.index-agent .casemore a
{
	display:block;
	width:150px;
	height:30px;
	border:1px solid #fff;
	margin:auto;
	font-size:16px;
	color:#fff;
	line-height:30px;
	text-align: center;


}


/*¶¯Ì¬*/
.index-news {
	padding-top: 5%;
	padding-bottom: 5%;
}
.index-news .title {
	color: #333;
	font-weight: bold;
	font-size: 2rem;
}
.index-news .title p {
	color: #5f5c5c;
font-size:.8rem;
	text-transform: uppercase;
}
.index-news .inner-content {
	padding: 0 10px;
	padding-top: 5%;
}
.index-news .inner-content .list {
	background-color: #f1f0f0;
	padding-bottom: 3%;
}
.index-news .inner-content .list a {
	color: #757575;
}
.index-news .inner-content .list img {
	width: 100%;
}
.index-news .inner-content .list p {
	padding: 10px;
	font-size: 1rem;
}
.index-news .inner-content .list h3 {
	padding: 0 10px;
font-size:.75rem;
}
.index-news .inner-content ul {
}
.index-news .inner-content li {
	position: relative;
font-size:.8rem;
	line-height: 40px;
	text-indent: 1em;
	border-bottom: #eee dashed 1px;
	background: url(index-news1.jpg) left no-repeat;
}
.index-news .inner-content li a {
	color: #757575;
	display: block;
}
.index-news .inner-content .more {
	width: 134px;
	height: 37px;
	border: #bfbfbf solid 1px;
	color: #333;
	text-align: center;
	line-height: 37px;
	display: block;
	font-size: 15px;
	margin: 0 auto;
	margin-top: 5%;
}
.index-news .inner-content ul a:hover {
	background-color: #e62129;
	border: #e62129 solid 1px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s;
}
.ba4{color: #757575;
    display: block;
	line-height: 40px;
    border-bottom: #eee dashed 1px;
	font-size:14px;}
.ba4 a{color: #757575;
	line-height: 40px;}

.abouts .title {
	background-color: #fff;
	padding: 15px 0 15px;
}
.abouts .title ul {
	text-align: center;
	width: 100%;
	display: inline-table;
	position: relative;
}
.abouts .title li {
	width: 32.333%;
	height: 40px;
	text-align: center;
	display: inline-table;
	line-height: 40px;
	margin:0.5%;
	background:#ededed;
	font-size:15px;
	font-weight:normal;
}
.abouts .title li a {
	color: #333;
	display: block;
	line-height: 40px;
	font-size:15px;
	font-weight:normal;
}
.abouts .title li a:hover {
	background-color: #e62129;
	color: #fff;
	text-decoration: none;
	border: none;
	line-height: 40px;
	font-size:15px;
	font-weight:normal;
}
.abouts .title li .hover {
	background-color: #e62129;
	color: #fff;
	text-decoration: none;
	border: none;
	line-height: 40px;
	font-size:15px;
	font-weight:normal;
}

.joins .title {
	background-color: #fff;
	padding: 15px 0 15px;
}
.joins .title ul {
	text-align: center;
	width: 100%;
	display: inline-table;
	position: relative;
}
.joins .title li {
	width: 30%;
	height: 40px;
	text-align: center;
	display: inline-table;
	line-height: 40px;
	border: #dadada solid 1px;
	margin:5px;
	font-size:15px;
	font-weight:normal;
}
.joins .title li a {
	color: #333;
	display: block;
	line-height: 40px;
	font-size:15px;
	font-weight:normal;
}
.joins .title li a:hover {
	background-color: #e62129;
	color: #fff;
	text-decoration: none;
	border: none;
	line-height: 40px;
	font-size:16px;
	font-weight:normal;
}
.joins .title li .hover {
	background-color: #e62129;
	color: #fff;
	text-decoration: none;
	border: none;
	line-height: 40px;
	font-size:16px;
	font-weight:normal;
}



/*ͳһtitla*/
.titla{ height:auto; width:100%; margin:15px auto 15px;}
.titla h2{text-align: center;font-size: 20px;font-weight: normal;color: #333333;}
.titla h2 a{color: #e62129;font-size: 20px;font-weight: normal;}
.titla h2 em{display: block;font-size: 15px;color: #999999;padding-top: 5px;}


.albump{ width:100%; height:38px; line-height:38px; font-size:16px; color:#333; background:#F1F1F1; text-align:center;}
.albump a{ background:#F1F1F1; text-align:center; font-size:16px}


em,i{ font-style:normal;}

.g_cpys{background: url(vant_bg.jpg) no-repeat center top; overflow:hidden; padding: 20px 0px; margin:25px auto 0px; background-size:cover;}
.g_cpys h2{display: block;text-align: center;font-size:20px;color: #fff;}
.g_cpys h2 em{display: block;font-size: 24px;color: #dbdbdb;text-transform: uppercase;font-weight: normal;padding-bottom:5px;letter-spacing: 4px;}
.g_cpys h2 span{display: block;font-size: 18px;color: #fff;font-weight: normal;padding-top: 0.3rem;}
.g_cpys dl{float: left;width: 33.333%;height: auto;transition: all 0.3s linear 0s; margin:2% 0%;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_cpys dt{ width:100%; margin:auto; text-align:center;}
.g_cpys dt i{width:50px; margin:auto;}
.g_cpys dt i img{ width:50px; margin:auto;}
.g_cpys dt em{ margin:auto;font-size: 18px; color: #fff; width:100%; display:block;}
.g_cpys dd p{padding: 0 46px;text-align: center;font-size: 14px;line-height: 28px;color: #fff;}
.g_cpys dd span a{display: block;width:105px;height: 32px;line-height: 32px;background: #fff;text-align: center;font-size: 14px;margin:0 auto;display: none; margin-top: 20px;color£º#333;}
/*
.g_cpys dl:hover,.g_cpys .cur{background: #2f318b;}
.g_cpys dl:hover span a,.g_cpys .cur span a{display: block;color:#333;}*/


/*°¸Àý*/
.icase{ width:100%; margin:auto; overflow:hidden; background:url(pabg.jpg) no-repeat center bottom; padding:60px 0px;}
.icase ul{ margin-top:40px;}
.icase li{ float:left; width:31.42%; margin-right:2.87%; margin-bottom:24px;}
.icase li:nth-child(3n){ margin-right:0;}
.icase li div{ width:100%; border:5px solid #eee; box-sizing:border-box;}
.icase li div img{ width:100%; height:275px;}
.icaseh{ text-align:center; background:url(ysyin.png) center top no-repeat; background-size:cover; padding-top:8px; font-size:16px;}
.icaseh a{ color:#333;}


/*ͳһµ¼º½*/
.inpa_title{ text-align:center; font-size:18px; color:#2c2823; position:relative;}
.inpa_title p{ font-size:36px; color:#e60013; line-height:55px;}
.inpa_title span{ font-weight:bold; color:#e60013;}
.inpa_title em{ font-style:normal; font-size:1.5rem; vertical-align:top; color:#e60013;}
.inpa_title:after{ content:""; width:40px; height:3px; margin:17px auto 0 auto; background:#e60013; display:block;}


.title_a1 {
    text-align: center;
}
.title_a1 h2 {
    color: #1e2180;
	font-size:22px;
	font-weight:bold;
	line-height:50px;
}


/*²úÆ·½éÉÜ*/
.ipro{ width:100%; margin:2% auto 2%; overflow:hidden;}
.ipro ul{}
.ipro li{ float:left; height:281px; margin-right:10px; width:100%;}
.ipro .li01{ background:#DD127B;}
.ipro .li02{ background:#E77817;}
.ipro .li03{ background:#85C226;}
.ipro .li04{ background:#0193DE;}
.ipro .li05{ background:#662D91;}
.ipro .li06{ background:#203D81;}
.ipro .li07{ background:#002D7E;}
.ipro .li08{ background:#CA6C38; margin-right:0px;}
.ipro h3{ text-align:center; line-height:24px; font-size:20px; color:#fff; font-weight:normal; padding-top:1%;}
.ipro h4{ text-align:center; line-height:24px; font-size:14px; color:#fff; font-weight:normal; padding-bottom:1%;}


/*É«²Ê*/
.index-color-mobile{display:block;background-color:#efefef;padding:13% 6%;}
.index-color-mobile .line{width:1px;height:42px;background-color:#134589;margin:0 auto .15rem;position:relative;z-index:2}
.index-color-mobile .en{font-size:20px;color:#134589; line-height:40px; font-family:Arial, Helvetica, sans-serif; text-align:center;position:relative;z-index:2;font-weight: normal;letter-spacing:0.2em}
.index-color-mobile .cn{font-size:17px;color:#134589;position:relative;z-index:2;text-align:center;margin-bottom:5%}
.index-color-mobile .more{display:block;margin:10% auto 0;background-color:#fff;width:130px;height:36px;line-height:36px;color:#134589;font-size:15px; font-family:Arial, Helvetica, sans-serif;text-align:center;position:relative;z-index:2}
.index-color-mobile ul{ overflow:hidden; width:100%;}
.index-color-mobile li{ width:48%; float:left; margin:1%;}
.index-color-mobile li img{ width:100%;}



/*É«²Ê*/
.index-color {
    margin: 80px auto;
    overflow: hidden;
	
}

.index-color-img {
    width: 54%;
    float: right;
    height: 440px;
}

.index-color-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index-color-content {
    float: left;
    width: calc(46% - 30px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 480px;
    position: relative;
}

.index-color-content h3 {
    font-size: 48px;
	font-family:Arial, Helvetica, sans-serif;
    color: #242424;
    margin-bottom: 40px;
}

.index-color-content p {
    font-size: 16px;
    line-height: 28px;
}

.more-a {
    color: #333;
	font-size:16px;
    display: block;
	line-height:40px;
	margin-bottom:12px;
}

.jt-box {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -240px;
    height: 26px;
    display: flex;
    z-index: 10;
}

.jt-box a {
    display: block;
    width: 15px;
    height: 26px;
    margin-left: 50px;
}

.jt-box a.jt-left {
    background: url(/images/jt_left.png) no-repeat center;
    background-size: contain;
}

.jt-box a.jt-right {
    background: url(/images/jt_right.png) no-repeat center;
    background-size: contain;
}

@media only screen and (max-width: 1199px) {
    .index-color-img {
        width: 50%;
        float: right;
        height: 300px;
    }

    .index-color-content {
        width: calc(50% - 30px);
        height: 300px;
    }

}

@media only screen and (max-width: 991px) {
    .index-color {
        margin: 45px auto;
    }

    .index-color-content h3 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .index-color-content p {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .index-color-img {
        width: 100%;
        float: none;
        height: auto;
        max-width: 500px;
        margin: 0 auto;
    }

    .index-color-content {
        width: 100%;
        height: auto;
        float: none;
    }

    .index-color-content h3 {
        font-size: 26px;
    }

    .index-color-content p {
        font-size: 16px;
		line-height:29px;
    }

    .index-color {
        margin: 30px auto;
    }

    .more-a {
        font-size: 14px;
    }

    .index-color-content p {
        margin-bottom: 10px;
    }

    .jt-box {
        display: none;
    }
}

/*Áé¸Ð¿Õ¼ä*/
.space-wrap {
    background: #f4f4f4;
	padding:50px 0px 80px;
	overflow:hidden;
}

.common-title {
    height: 160px;
    display: flex;
    align-items: center;
	margin-top:15px;
    justify-content: space-between;
}

.common-title span {
    font-size: 24px;
    color: #000;
}

.space-list {
    width: calc(100% + 45px);
    overflow: hidden;
}

.space-list li {
    float: left;
    width: calc(50% - 45px);
    margin-right: 45px;
    margin-bottom: 45px;
}

.space-list li a {
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.space-img {
    overflow: hidden;
    position: relative;
}

.space-img img {
    display: block;
    width: 100%;
	height:140px;
    transition: all .3s;
}

.space-img .space-hover {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    top: 0;
    z-index: 5;
    width: 90%;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .3s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding:0% 5% 5% ;
    justify-content: flex-end;
}

.space-img .space-hover p {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
}

.space-img .space-hover h3 {
    font-size: 18px;
    color: #fff;
}

.space-img:hover .space-hover {
    opacity: 1;
}

.space-list li a:hover .space-img img {
    transform: scale(1.1);
}

.space-list li a p {
    font-size: 16px;
    color: #707070;
    margin-top: 10px;
}

.space-list li a h3 {
    font-size: 22px;
    color: #393939;
}

.space-wrap {
    padding-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .space-list li {
        width: calc(50% - 30px);
        margin-bottom: 30px;
    }

    .common-title {
        height: 120px;
    }
}

@media only screen and (max-width: 767px) {
    .common-title {
        height: 40px;
    }

    .common-title span {
        font-size: 22px;
		line-height: 40px;
    margin-bottom: 12px;
    }

    .space-list {
        width: 100%;
    }

    .space-list li {
        float: none;
    float: left;
    width: calc(48% - 1%);
    margin-right: 10px;
    margin-bottom: 10px;
    }

    .space-list li a p {
        font-size: 14px;
        margin-top: 5px;
    }

    .space-list li a h3 {
        font-size: 18px;
    }

    .space-wrap {
    }
}


/*ÁÁµã²úÆ·*/
.highlight-product {
	padding:50px 0px;
	overflow:hidden;
	background:#fff;
}

.product-ul {
    width: calc(100% + 35px);
    overflow: hidden;
}

.product-ul li {
    float: left;
    width: calc(25% - 35px);
    margin-right: 35px;
    margin-bottom: 80px;
}

.product-ul li a {
    display: block;
}

.product-img {
    overflow: hidden;
}

.product-img img {
    display: block;
    width: 100%;
    transition: all .3s;
}

.product-ul li a:hover .product-img img {
    transform: scale(1.1);
}

.product-bottom {
    margin-top: 40px;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}

.product-bottom h3 {
    font-size: 16px;
    color: #707070;
    text-align: center;
}

.product-bottom p {
    font-size: 18px;
    color: #393939;
    text-align: center;
}

@media only screen and (max-width: 991px) {
    .product-ul li {
        width: calc(33.33% - 35px);
        margin-bottom: 30px;
    }

    .highlight-product {
        margin-bottom: 40px;
		overflow:hidden;
    }
}

@media only screen and (max-width: 767px) {
    .product-ul {
        width: calc(100% + 30px);
    }

    .product-ul li {
        width: calc(50% - 30px);
        margin-bottom: 20px;
        margin-right: 30px;
    }

    .highlight-product {
        margin-bottom: 0px;
		overflow:hidden;
    }

    .product-bottom {
        margin-top: 20px;
        padding-top: 10px;
    }

    .product-bottom h3 {
        font-size: 14px;
    }

    .product-bottom p {
        font-size: 16px;
        min-height: 60px;
    }
}


.highlight-product li{ float:left; margin:0.5%; width:49%;}
.highlight-product li img{ width:100%;}
 .highlight-product .albumtitle{
	height:40px;
	line-height:40px;
	font-size:16px;
	width:100%;
	position:relative;
	bottom:0px;
	left:0;
	color:#333;
	text-align:center;
	cursor:pointer;
	margin:2% auto 0%;
	overflow:hidden;}
 .highlight-product .albumtitle span{
	font-weight:normal;
	font-size:12px;}	
	
 .highlight-product .albumtitle{
	height:40px;
	line-height:40px;
	font-size:16px;
	width:100%;
	position:relative;
	bottom:0px;
	left:0;
	color:#333;
	text-align:center;
	cursor:pointer;
	margin:2% auto 0%;
	overflow:hidden;}
	
 .highlight-product p {
    height: 50px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

 .highlight-product .y-btns { display: block; width: 180px; margin: 15px auto 0; text-align:center; }
 .highlight-product .y-btns a { display: block; font-size: 15px; color: #333; width: 50%; box-sizing: border-box;}
 .highlight-product .y-btns a:first-child { border-right: dashed 1px #999; }
 .highlight-product .y-btns a:hover { color: #be2517; }
	
	
.product .wrap-tit p { margin-top: 1vw; font-size: 3.5vw; color: #fff; font-family: "DIN Medium";}
.product-menu {margin: 6.67vw 0 0;text-align: center;border-bottom: 2px solid #d6d6d6;padding-bottom: 3vw;}
.product-menu li { font-size: 3.5vw; color: #333; position: relative;font-family: "DIN Medium";}
.product-menu li a { position: relative; color: #333; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.product-menu li a:after {content: '';display: block;position: absolute;left: 0;bottom: -13px;width: 100%;height:3px;background: #be2517;transform: scaleX(0);transition: all 0.5s;}
.product-menu .swiper-slide-active a:after { transform: scaleX(1);}
.product-menu .swiper-slide-active a {color: #be2517;}
.product-main { margin: 3.33vw 2.5% 0;  overflow: hidden;}
.product-main .productTop { width: 100%; font-size: 0; margin-bottom: 4vw;}
.product-main .productTop img { width: 100%;}


.wd63{width:100%; height:auto;margin:auto; overflow:hidden; background:#fff; padding:8% 0px;}			
.wd63 .in_title{ text-align:center; color:#3333;}
.wd63 .in_title h2{ color:#333; font-size:22px; font-weight:bold;}
.wd63 .in_title h1{margin-top: 4px; display: block; color:#333; font-size: 18px; text-transform: uppercase; margin-bottom:12px;}
.wd631{width:96%;margin:0 auto;}

.wd6311{width:100%; height:auto}
.wd6311 li{width:100%;margin-bottom:20px; cursor:pointer}
.wd63112{height:34px; width:70%; margin-left:10px; border-radius:30px; background:#F3990F; padding-left:3%; position:relative; font-size:18px; color:#fff; text-align:center; line-height:34px}
.wd63111{width:40px; height:40px; border-radius:50%; border:2px solid #FFFFFF; background:#F3990F; position:absolute; bottom:-6px; left:-10px;text-align:center; line-height:40px;font-size:24px; color:#FFFFFF }
.wd63113{font-size:15px; margin:15px 10px; color:#333333} 

.wd6312{width:100%;margin-bottom:20px;}
.wd6312 li{width:100%;margin-bottom:20px; cursor:pointer}

.wd631 li:hover .wd63112{background:#F3990F; color:#FFFFFF}
.wd631 li:hover .wd63111{background:#F3990F; color:#FFFFFF}


.ba13{
	FONT-SIZE: 18px;
	COLOR: #fff;
	font-family: "΢ÈíÑźÚ";
	line-height: 40px;
	font-weight: bold;
}
/*
.ba11 {
	color: #fff;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}
.ba11 A:hover {
	color: #333;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}
.ba11 A {
	color: #fff;
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	font-size: 15px;
}

*/

.pp_bj{ overflow:hidden; padding:3% 0%; background:#fff; }
.pp{  }
.pp ul{width: 100%; margin:auto;}
.pp ul li{ width:50%; float:left; margin:2% 0%;   box-sizing: border-box;display: flex; justify-content: center; }
.pp ul li img{display: block; float: left;}
.pp ul li h3{ float: left;font-size: 14px; color: #181818; margin-left: 2%;}
.pp ul li h3 i{display: block;  font-size:10px;color: #181818;opacity: 0.5; font-weight: normal;text-transform: capitalize;}
.pp ul li h3  em{display: block; font-size: 10px; color: #181818; font-weight: normal;}
.pp ul li:nth-child(1) img{ height: 35px;}
.pp ul li:nth-child(2) img{height: 35px;}
.pp ul li:nth-child(3) img{height: 35px;}
.pp ul li:nth-child(4) img{height: 35px;}
.pp dl{width: 96%;overflow: hidden; border:1px solid #c2c2c2; margin:5% auto; color:#666;}
.pp dl dt{width: 100%; background:#e8e8e8; padding:3% 0%; text-align:center; font-size:16px;}
.pp dl dt span{ font-size:14px; text-transform:capitalize;}
.pp dl dt img{width: 660px; height: 340px; display: block;}
.pp dl dd{ padding:2%; font-size:14px; color:#666; line-height:26px; text-align: justify;}

.container{ width:94%; margin:auto;}