.mains_con .tit{ text-align: center; line-height: 30px; font-size: 18px; background: url('../images/tit_bg.png') bottom center no-repeat; height: 50px; }
.mains_con .tit_fb{ text-align: center; line-height: 21px; margin-top:10px; }
#i_pro .con{ margin-top: 20px; }
#i_pro .con dl{ float: left; width: 274px; height: 205px; position: relative; margin-right: 32px; margin-bottom: 35px; }
#i_pro .con dl:nth-child(4n){ margin-right: 0px; }
#i_pro .con dl:nth-child(8n){ margin-right: 0px }
#i_pro .con dl dd{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0 }
#i_pro .con dl:hover dd{ opacity: 1; font-size: 18px; background: #000; opacity: .8; text-align: center; line-height: 205px; color: #fff }

#i_news .con { margin-top: 40px; margin-bottom: 40px; }
#i_news .con .czl_solid{ position: relative; margin-right: 56px;  float: left;  background: url('../images/news_bg.png') no-repeat; width: 257px; height: 260px; }
#i_news .con .czl_solid:nth-child(4n){ margin-right: 0px; }
#i_news .con .czl_solid .czl_solid-s{ padding: 18px; }
#i_news .con .czl_solid .news_date{ font-size: 16px; color: #45b035 }
#i_news .con .czl_solid .news_tit{ line-height: 30px; font-size: 16px; margin:10px 0;}
#i_news .con .czl_solid .news_con{ line-height: 21px;  color: #b8b8b8 }
#i_news .con .czl_solid .xian{ margin: 10px 0; }
#i_news .con .czl_solid .xian span{display: inline-block; width: 20px; height: 2px; background: #dcdcdc}
#i_news .con .czl_solid .news_source{color: #b3b3b3; margin-top: 10px; font-size: 16px;} 
#i_about .con{ margin-top: 40px;margin-bottom: 40px;}
.i_about_ad .ad_banner{ height: 275px; }
.i_about_ad .ad_banner img{ border: #ccc 1px solid}
.i_about_ad .ad_list{ margin-top:20px; height: 34px; }
.i_about_ad .ad_list li{ line-height: 34px; font-size: 14px; position: relative;}
.i_about_ad .ad_list li span{ position: absolute;right: 0px;top: 0px;}
.article-grid-border {position:absolute;width:100%;	height:0%;	background-color:transparent;	-webkit-transition:all .3s;transition:all .3s}

.article-grid-border-top-right {top:0;	right:0;	border-top:2px solid #45b035;border-right:2px solid #45b035}
.article-grid-border-bottom-left {bottom:0;	left:0;	border-bottom:2px solid #45b035;border-left:2px solid #45b035}
#i_news .con .czl_solid:hover .article-grid-border {width:0%;	height:100%}
.i_about_con{ line-height: 30px; font-size: 14px;}

.banner_ny{ text-align: center; border-top: #f3f3f3 1px solid;  background-repeat: no-repeat; background-position: center top; background-size: 100% }

#ny_body{ margin-top: 20px; margin-bottom: 30px; }
.left ul{border-bottom:1px solid #f0f0f0;border-left:1px solid #f0f0f0;	border-right:1px solid #f0f0f0;}
.left ul li{
	border-bottom:1px dashed #f0f0f0;
	background:#f3f3f3;
	line-height:52px;
	font-size:12px;
	position:relative;
}
.left ul li.drug_down a{color:#666;	background:url(../images/icon_jt.png) no-repeat 0 2px;padding-left:23px;}
.left ul li.drug_down .c a{background:url(../images/icon_hover.png) no-repeat 0 2px;}
.left ul li.drug_down a.none{ background: none }
.left ul li.drug_down>a:hover{color:#da251d;font-weight:bold;background:url(../images/icon_hover.png) no-repeat 0 2px;}
.left ul li.drug_down span{padding-left:25px  }
.left ul li.drug_down .c { background: #7b0a05; display: block;}
.left ul li.drug_down .c a{ color: #fff; height: 53px; }

.left ul li.drug_down:hover{ background: #f8f8f8;display: block; }
.left ul li.drug_down .show_nmenu p{ padding-left:34px; height: 30px; line-height: 30px; }
.left ul li.c .show_nmenu{ background: #f8f8f8;display: block; }
.left ul li.c span{ background: #e6e6e6;display: block; }
.left ul li.c>span a{background:url(../images/icon_jts.png) no-repeat 0 2px;}
.left  li.drug_down .show_nmenu{ display: none; }


.left ul #current a{color:#da251d;font-weight:bold;background:url(../images/icon_hover.png) no-repeat 0 2px;}
.left ul .current a{color:#da251d;font-weight:bold;	background:url(../images/icon_hover.png) no-repeat 0 2px;}
.left ul .class{background:#da251d;font-size:15px;	color:#fff;	width:182px;	height:58px;	line-height:58px;	padding-left:50px;	border-bottom:none;}
.left ul .class1{width:212px;padding-left:21px;}

.left ul .class1 a{background:url(../images/icon13.png) no-repeat 0 18px;color:#fff;display:block;padding-left:30px;}

.left ul .class1 a:hover{color:#fff;font-weight:normal;background:url(../images/icon13.png) no-repeat 0 18px;}

.right .tit{ height: 55px; line-height: 50px; position: relative; font-size: 16px; border-bottom: #da251d 2px solid; }
.right .tit span{ position: absolute; right: 0px; top: 0px; font-size: 12px; }
.right .con{ padding: 20px 0; font-size: 14px; line-height: 21px; }
.news_lists  dl{ height: 180px; }
.news_lists  dl dd{ float: left; width: 200px; margin-right: 10px; margin-bottom: 10px; }
.news_lists  dl dd img{ width: 200px; }
.news_lists  dl dt{ line-height: 21px; }
.news_lists  dl dt h1{ font-size: 14px; }
.news_lists  ul li{ line-height: 24px; }
.czl_info{ position: relative;}
.czl_info .more{ position: absolute; right: 0px; top: 0px;}


.pages{ margin:10px; }
.pages>li{ float: left;  margin-right:10px; line-height:30px; overflow: hidden;}
.pages li.c{background-color:#588FD9; color:#FFF;padding:0 14px;border:1px solid #E1E1E1; }
.pages li a{border:1px solid #E1E1E1;  background-color:#FFF;}
.pages li a{ display: inline-block; padding:0 14px;}
.pages li a:hover{background-color:#588FD9; color:#FFF;text-decoration: none;}


.news_detail .tit_s{ text-align: center; line-height: 30px; font-size: 16px; color: #666; padding: 10px 0;}
.news_detail .info_s{ margin-bottom: 20px;text-align: center; line-height: 30px;}
.news_detail .m_info{ color: #299bd7;font-weight: bold; padding: 10px 0; }

.case_lists dl{ float: left; width: 230px; margin-right: 10px; }
.case_lists dl:nth-child(4n){ margin-right: 0px; }
.case_lists dl img{ width: 230px; height: 163px;}
.case_lists dl dt{  height: 40px; line-height: 40px; text-align: center; }

#ad_lists{ height: 34px; overflow: hidden; }


#i_banner{ height: 660px; }
.flickerplate {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
}
.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none
}
.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table
}
.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	padding:50px;
	color:#fff;
	vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
	max-width:68.75em;
	margin-left:auto;
	margin-right:auto
}
.flickerplate ul.flicks>li .flick-title {
	padding:0px 0px;
	font-size:3.778em;
	line-height:1.995em;
	text-align:center
}
.flickerplate ul.flicks>li .flick-title2 {
	padding:0px 0px;
	margin-top: 100px;
	font-size:3.778em;
	line-height:1.995em;
	text-align:center
}
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}
}
.flickerplate ul.flicks>li .flick-sub-text {
	padding:5px;
	font-weight:300;
	line-height:2.5em;
	color:rgba(255, 255, 255, 0.8);
	text-align:center
}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	padding:12px 18px;
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
}
.flickerplate .arrow-navigation.left {
	left:0%
}
.flickerplate .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("../images/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left
}
.flickerplate .arrow-navigation.right {
	right:0%
}
.flickerplate .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("../images/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
}
#bannerDot{ position: relative; }
#bannerDot .dot-navigation {
	position:absolute;
	bottom:20px;
	width:100%;
	text-align:center;
	z-index:100
}
#bannerDot .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px
}
#bannerDot .dot-navigation ul li {
	display:inline-block;
	float:none
}
#bannerDot .dot-navigation .dot {
	width:50px;
	height:8px;
	margin:0px 6px;
	background:#da251d
}
#bannerDot .dot-navigation .dot:hover {
	cursor:pointer;
	background:#fff
}
#bannerDot .dot-navigation .dot.active {
	background:#fff
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image:url("../images/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("../images/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
	position:auto
}


#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li img{ float: left; margin-top: 10px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}