@charset "utf-8";
@import url("page.css");
* { margin:0; padding:0; word-break:break-all; }
body { font-size:14px; margin:0px; padding:0px; font-family:"microsoft Yahei", Arial, Helvetica, sans-serif;background-color:#f5f5f5;}
a { color:#333; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:0; vertical-align:bottom; }
li { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
.c20 { clear:both; line-height:20px; height:20px; }
.c { clear:both; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mb20 { margin-bottom:20px;}
.mt90 { margin-top:90px;}
.left { float:left; }
.right { float:right; }
.pt20 { padding-top:20px;}
.w1000 { width: 1000px; }
.w1200 { width: 1200px; min-width:1200px; }
.w1400 { width: 1400px; }
.center { margin-right: auto; margin-left: auto; margin-top: 0px; }
.red { color:#CC0000 }
.wrapper { width:1200px; margin-left:auto; margin-right:auto;}
.radius {-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
.main_bg, .white { background-color:#fff; overflow:hidden;}
@media screen and (max-width:1000px){
   body { font-size:14px;}
   .wrapper{ width:100%; max-width:1000px; margin-left:auto; margin-right:auto;}
   .mt20 ,.mt30 { margin-top:1em; }
   .mb20 { margin-bottom:1em;}
   .main_bg, .white { background-color:#fff; overflow:hidden; padding:5px;}
   .w1400 { width: 100%; }
}
/* 分页 */
.pagelink{ height: 35px;text-align: center;margin: 50px 0 30px 0;*+margin-left:30px;}

.pagelink .page-index , .pagelink .page-pre , .pagelink .page-next , .pagelink .page-last{ list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left;}

.pagelink .page-status {list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left; padding: 3px 8px;}

.pagelink .page-index a, .pagelink .page-pre a, .pagelink .page-next a, .pagelink .page-last a{color:#000;padding: 3px 8px; display:block;}

.pagelink .page-numbar .page-num{ list-style: none;border: 1px solid #C7CFC2;padding: 3px 8px;display: inline-block;margin: 0 3px;*+display:block;*+float:left;}

.pagelink a.page-num-current, .pagelink a:hover{ background: #CCC;color: #FFF; display:block;}
/* 默认幻灯片 */
.FocusPic { zoom:1; position:relative; overflow:hidden; float: left; height: 300px; width: 245px; }
.FocusPic .content { overflow:hidden }
.FocusPic .changeDiv a { position:absolute; top:0px; left:0px; display:none; }
.FocusPic .title-bg, .FocusPic .title { position:absolute; left:0px; bottom:0; width:320px; height:30px; line-height:30px; overflow:hidden;  }
.FocusPic .title-bg { background:#000; filter:alpha(opacity=60); opacity:0.6; display:none;}
.FocusPic .title a { display:block; padding-left:10px; color:#fff; font-size:14px; }
.FocusPic .change { bottom:5px; height:20px; right:3px; *right:5px;
_right:4px; position:absolute; text-align:right; z-index:9999; }
.FocusPic .change i { background:#666; color:#FFF; cursor:pointer; font-family:Arial; font-size:12px; line-height:15px; margin-right:2px; padding:2px 6px; font-style:normal; height:15px; display:inline-block; display:-moz-inline-stack; zoom:1; *display:inline;}
.FocusPic .change i.cur { background-color: #ff9800; }

.top { position:fixed; top:0; left:0; z-index:100000; width:100%; height:90px; background-image: url(/template/default/images/top_bg.png); m }
.logo { float: left; padding-left: 4%; padding-top: 5px; padding-bottom: 5px; }
.logo_right { float: right; padding-top: 10px; height: 120px; }
.logo_txt1 { font-size: 16px; color: #FFFFFF; float: right; padding-top: 40px; padding-right: 50px; }
.top_tel { width: 240px; float: right; padding-top: 10px; }
.top_tel p { font-size: 16px; line-height: 30px; color: #FFFFFF; height: 30px; width: 240px; }
.top_tel i { font-size: 22px; line-height: 40px; color: #FFFFFF; float: left; height: 40px; width: 210px; font-style: normal; background-repeat: no-repeat; background-position: left center; padding-left: 30px; font-weight: normal; }
#ico_400 { background-image:url(/template/default/images/icon_030.png)}
#ico_tel { background-image:url(/template/default/images/tel.png)}

.h_r{ margin-right:12px; margin-top:25px; display:inline; }
.h_click { float:right; margin-top: 25px; margin-right: 3%; }
.h_click li{ float:left;  height:35px; overflow:hidden; line-height:35px; margin-left:18px; display:inline;}
.h_click li.h_tel{ width:180px; font-size: 18px; line-height: 25px; color: #FFFFFF; height: 50px; }
.h_tel span{ color:#fff; font-size:18px;}
.h_tel img{ float:left; margin-right:10px;}

.nav { line-height: 90px; height: 90px; position:relative; float: left; }
.nav li { float: left; font-size: 16px; line-height: 80px; height: 80px; position:relative; padding-top: 5px; }
.nav li a { color:#FFFFFF; text-decoration:none; padding-left:25px; padding-right:24px; display:block; }
.nav li a:hover { color:#FFFFFF; text-decoration:none;ackground-image: url(../template/default/images/nav_bg3.png);}
.nav li:hover { color:#FFFFFF; background-image: url(/template/default/images/nav_bg3.png); }
.nav .cur a { color:#FFFFFF; text-decoration:none; padding-left:30px; padding-right:30px; background-color:#004A88; }
.nav dl{ width:100%; font-size:13px; position:absolute; top:90px; left:0px; background-image: url(/template/default/images/nav_bg20.png); background-repeat: no-repeat; background-position: center top; padding-top: 7px; opacity:0.99; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; /* ie8  */ filter:alpha(opacity=99);    /* ie5-7  */ -moz-opacity:0.99;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.99; }
.nav dl dd { height:35px; line-height:35px; text-align: center; background-image: url(/template/default/images/nav_bg30.png); white-space: nowrap; }
.nav dl dd a{ color:#333333; padding:0px; }
.nav dl dd a:hover{ color:#FFFFFF; opacity:0.9; background-color: #fe0000; }
.nav  .nav_line { background-image: url(/template/default/images/nav_line.png); background-repeat: no-repeat; background-position: left top; float: left; height: 45px; width: 2px; }

.dh { display:none;}
/* navbg */
.top_menu { position:absolute; top:0px; z-index:999; display:none; opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* ie8  */ filter:alpha(opacity=95);    /* ie5-7  */ -moz-opacity:0.95;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.95; right: 0px; background-color: #FFFFFF; width:100%; padding-bottom: 80px; display:none }
.navbg{ padding: 10px; }
.navbg li{ width:100%; line-height:40px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; background-image: url(/template/default/images/arr01.png); background-repeat: no-repeat; background-position: 95% 10px; float: left; font-size: 1rem; color: #333333; }
.navbg li h3 a{ color:#333333; font-size: 1rem; }
.navbg li h3 { width:25%; float:left; font-weight:normal;}
.navbg li span { width:75%; float:right; font-size:0.8rem; line-height:30px; padding-top:5px;}
.navbg li span a { padding-right:15px; color:#999999; float:left; display:block;}
/*.navbg li ul{ margin-bottom:0px;  width:100%; }
.navbg li ul a{ font-size:0.85rem; color:#999999;}

.navbg li ul li {overflow:hidden; width:25%; float:left; line-height:30px; border:none; background:none;}*/
.top_menu .iclose { position:absolute; top:10px; right:10px;}

.main { width:1200px; position:relative; float: left; }
@media screen and (max-width:1400px){
	.logo { float: left; padding-top: 10px; padding-bottom: 10px; padding-left: 0px;}
	.h_click{ display:none; }
	.nav li a { color:#FFFFFF; text-decoration:none; padding-left:17px; padding-right:17px; display:block; }
}
@media screen and (max-width:1000px){
    .top { position:fixed; top:0; left:0; z-index:100000; width:100%; height:70px; background-image: url(/template/default/images/top_bg.png);}
	.logo { float: left; padding-top: 5px; padding-bottom: 5px; padding-left: 0px;}
	.logo img {max-height:60px;}
	.h_r {display:none; }
    .dh { display:block; float:right; padding-right:15px; padding-top:25px; z-index:999;}
	.mt90 { margin-top:70px;}/*重构*/
	.main { width:100%; position:relative; float: none; }
}


/*swiper*/
/* flexslider */
.flexslider{margin:0px;position:relative;width:100%;height:auto;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(/template/default/images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(/template/default/images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.banner { position: relative; width: 100%; height: 640px; overflow: hidden; cursor: move;  z-index:9; }
@media screen and (max-width:1000px){
    .banner{ height:500px;}
}
@media screen and (max-width:750px){
    .banner{ height:360px;}
}
@media screen and (max-width:600px){
    .banner{ height:240px;}
}
.banner .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }
.banner .swiper-slide a {display: block;}
.banner .pagination {
	position: absolute;
	width: 100%;
	z-index: 20;
	left: 0;
	bottom: 6px;
	text-align: center;
}
.banner .swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #222;
	margin: 0 3px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}
.banner .swiper-visible-switch {background: #aaa;}
.banner .swiper-active-switch {background: #fff;}
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner .imgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0px; }
.banner a.prev_btn,
.banner a.next_btn {
	position: absolute;
	z-index: 66;
	top: 50%;
	margin-top: -40px;
	width: 44px;
	height: 81px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.banner a.prev_btn:hover,
.banner a.next_btn:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.banner a.prev_btn { left: 6%; background-image: url(/template/default/images/banner-prev.png); background-repeat: no-repeat; }
.banner a.next_btn { right: 6%; background-image: url(/template/default/images/banner-next.png); background-repeat: no-repeat; }
.bottom_btn { position: absolute; bottom: 3%; left: 50%; width: 81px; height: 44px; margin-left: -40px; cursor: pointer; animation: nextBtn 3s ease-in-out infinite alternate; -webkit-animation: nextBtn 3s ease-in-out infinite alternate; -moz-animation: nextBtn 3s ease-in-out infinite alternate; -ms-animation: nextBtn 3s ease-in-out infinite alternate; -o-animation: nextBtn 3s ease-in-out infinite alternate; z-index: 99; background-image: url(/template/default/images/banner-btn.png); background-repeat: no-repeat; background-position: center; }

@keyframes nextBtn {
	0% {bottom: 5%}
	50% {bottom: 3%}
	100% {bottom: 5%}
}

@-webkit-keyframes nextBtn {
	0% {bottom: 5%}
	50% {bottom: 3%}
	100% {bottom: 5%}
}

@-o-keyframes nextBtn {
	0% {bottom: 5%}
	50% {bottom: 3%}
	100% {bottom: 5%}
}

@-ms-keyframes nextBtn {
	0% {bottom: 5%}
	50% {bottom: 3%}
	100% {bottom: 5%}
}

@-moz-keyframes nextBtn {
	0% {bottom: 5%}
	50% {bottom: 3%}
	100% {bottom: 5%}
}

.youshi { padding-top: 25px; padding-bottom: 25px; position:relative; background-color: #FFFFFF; }
.youshi_box { float: left; width: 237px; height: 224px; background: #ededed; text-align: center; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; position:relative; z-index:1}
.youshi_box span { display: block; width: 100px; height: 72px; margin-top: 35px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.youshi_box .tit { margin: 0 auto; line-height: 50px; font-size: 16px; color: #000000; }
.youshi_box .line { width: 70px; height: 1px; overflow: hidden; background: #d4d4d4; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.youshi_box .con { line-height: 24px; margin-top: 15px; color: #999999; }
.youshi_box:hover {
    color: #fff;
    background: #f1544b;
    transition: transform ease .2s;
    -webkit-transition: transform ease .2s;
    transform: scale(1.05);
    -webkit-transform: scale(1.1);
    transform-origin: center top;
    -webkit-transform-origin: center top;
	margin-top:-10px;
	z-index:2;
}
.youshi_box:hover .tit { color:#FFFFFF;}
.youshi_box:hover .line { color:#CCCCCC; font-size:18px;}
.youshi_box:hover .con { color:#f5f5f5;}
.youshi_box:hover span img{  transform: scale(.95);-webkit-transform: scale(.95);-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
@media screen and (max-width:1000px){
    .youshi{ padding:10px 5px;}
    .youshi_box{ width:19.5%;width:-moz-calc(20% - 1px);width:-moz-calc(20% - 1px);width:calc(20% - 1px); padding-bottom:15px; height:auto;}
	.youshi_box span { display: block; width: 100%; margin-top: 15px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align:center; height:auto }
	.youshi_box span img { width:80px; height:auto;}
	.youshi_box .tit { margin: 0 auto; line-height: 40px; font-size: 0.9rem; color: #000000; }
	.youshi_box .line { width: 60px;}
	.youshi_box .con{line-height: 1.5em; margin-top: 10px; color: #999999; padding-left:5px; padding-right:5px; font-size:0.65rem; height:3em;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;  /*限制在一个块元素显示的文本的行数*/
	-webkit-box-orient: vertical;
	overflow: hidden; }
}
.titleshili h1 { font-size: 24px;  line-height: 40px;   font-weight: normal; color: #333333; height: 40px; width: 100%;text-align: center; padding: 20px 0px;}
@media screen and (max-width:750px){
     .youshi_box span img { width:60px; height:auto;}
}

.main1 { background-color: #f5f5f5; padding-top: 30px; padding-bottom: 30px; }
.title { text-align: center; width: 100%; position:relative;}
.title h1 { font-size: 24px; line-height: 40px; font-weight: normal; color: #333333; height: 40px; width: 100%; position:relative; }
.title h2 { font-size: 23px; line-height: 40px; font-weight: normal; color: #333333; height: 40px; width: 100%; position:relative; }
.title p { font-size: 22px; line-height: 40px; font-weight: normal; color: #333333; height: 40px; width: 100%; position:relative; }
.title p b { color:#fe0000; position:relative;}
.title p:before{content:'';position:absolute;left:50%;bottom:-8px;margin-left:-6px;border-top:8px solid #a5a5a5;border-left:6px solid transparent;border-right:6px solid transparent;width:0;height:0}
.title dt { font-size: 15px; line-height: 30px; font-weight: lighter; text-transform: uppercase; color: #999999; text-align: center; height: 30px; width: 100%; padding-top: 10px; font-family: "Courier New", Courier, monospace; }
.title dd { font-size: 15px; line-height: 30px; font-weight: lighter; text-transform: uppercase; color: #999999; text-align: center; height: 30px; width: 100%; padding-top: 10px; }
.ganxie {position:relative;}
.ganxie ul { width: 100%; }
.ganxie li { float: left; width: 220px; background-color: #FFFFFF; margin: 10px; }
.ganxie li span { padding: 5px; float: left; width: 190px; background-color: #FFFFFF; margin: 10px; }
.ganxie li span img {opacity:0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* ie8  */ filter:alpha(opacity=85);    /* ie5-7  */ -moz-opacity:0.85;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.85; width:190px; height:60px;}
.ganxie p{ width:245px; line-height:25px; text-align:center; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ganxie span:hover img {opacity:0.99; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; /* ie8  */ filter:alpha(opacity=99);    /* ie5-7  */ -moz-opacity:0.99;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.99;}

@media screen and (max-width:1000px){
    .main1 { padding:8px;}
	.title p { font-size:1rem;}
	.title dt, .title dd { font-size:0.65rem; line-height:20px; height:20px;}
	.ganxie { width:100%; overflow:hidden;}
	/*.ganxie li { width:30%; margin:10px 1.5%;}*/
	.ganxie li span { width:100%; padding:0px; margin:0px;}
	.ganxie li span img { width:100%; height:auto;}
}
.title2 { height: 55px; width: 100%; line-height: 55px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; }
.title2 h1 { font-size: 24px; line-height: 55px; font-weight: normal; color: #fe0000; float: left; height: 55px; padding-right: 5px; padding-left: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #fe0000; }
.title2 i { font-size: 13px; font-style: normal; color: #999999; padding-left: 10px; float: left; }
.title2 span{line-height:30px; height:30px; float:right; margin-top:18px;}
.title2 span a { display:block; color:#FFFFFF;padding-left:10px; padding-right:10px; background-color:#333333; font-size:13px; }
.title2 span a:hover { background-color:#fe0000;}

@media screen and (max-width:1000px){
    .title2 { height: 40px; width: 100%; line-height: 40px}
	.title2 h2 { font-size: 1.2rem; line-height: 40px;height: 40px;}
	.title2 i { display:none;}
	.title2 span{ line-height:25px; height:25px; margin-top:8px; margin-right:5px;}
}
.list_cat { float: right; }
.list_cat li { float: left; padding-right: 10px; padding-left: 10px; }
.list_cat li a { border:solid 1px #e2e2e2; margin-top:15px; line-height:20px; height:20px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; border-radius:15px; background-color:#f5f5f5; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; color: #666666;}
.list_cat li a:hover { background-color:#fe0000; color:#FFFFFF;}
.case { float: left; padding-top: 15px; padding-bottom: 15px; position: relative; }
.bigPic { float: left; height: 460px; width: 470px; position: relative; }
.bigPic .pic span { float: left; height: 460px; width: 470px;position: relative; overflow:hidden; }
.bigPic .pic span img { width:470px; height:460px;}
.bigPic .bar { position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; transition: all ease .3s;-webkit-transition: all ease .3s;background-image: url(/template/default/images/nav_bg3.png); }
.bigPic .bar .txt { height: 60px; z-index: 10; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; }
.bigPic .bar .txt p { line-height:30px; height:30px; font-size:16px;}
.bigPic .bar .txt p a { color:#FFFFFF;}
.bigPic .bar .txt dt { line-height:30px; font-size:13px;}
.bigPic .bar .txt dt a { color:#E8E8E8; }
.bigPic i { float: left; height: 60px; width: 60px; position: absolute; left: 0px; top: 0px; z-index: 5; }
.bigPic i img { width:100%; height:auto;}
.bigPic em { position: absolute; left: 50%; top: 50%; height: 38px; width: 114px; background: #ff3434; opacity: .8; color: #fff; text-align: center; line-height: 38px; margin: -19px 0 0 -57px; visibility: hidden;     transition: all ease .3s;
    -webkit-transition: all ease .3s;
transform: scale(0); -webkit-transform: scale(0); visibility: hidden; font-style: normal; }

.bigPic:hover em { visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.bigPic:hover .pic span img {-moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.case_list { float: right; width: 720px; position: relative; }
.case_list li { margin: 10px; float: left; width: 220px; position: relative; }
.case_list li span { width:220px; position:relative; height:220px; overflow:hidden; float:left; }
.case_list li span img { width:100%; height:85%;}
.case_list li p { line-height:25px; height:25px; width:210px; padding:5px; background-image:url(/template/default/images/nav_bg3.png); color:#FFFFFF; position: absolute; left: 0px; bottom: 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_list li span:hover img  {-moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.list_type { margin:0 auto; width: 1200px; position: relative; background-color: #f5f5f5; }
.list_type li { float: left; width: 140px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; position: relative; }
.list_type li span { text-align: center; float: left; width: 100px; position: relative; height:100px; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px; overflow:hidden; }
.list_type li span img { width:100%; height:auto;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}
.list_type li p { line-height: 25px; text-align: center; height: 25px; width: 140px; color: #666666; float: left;position: relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.list_type li i { background-image: url(/template/default/images/nav_bg3.png); height: 50px; width: 100px; float: left; position: absolute; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; opacity:0.55; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; /* ie8  */ filter:alpha(opacity=55);    /* ie5-7  */ -moz-opacity:0.55;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.55; text-align: center; vertical-align:middle; display:table; padding-top: 25px; padding-bottom: 25px; display:none; left: 0px; top: 0px; }
.list_type li i img { width:50px; height:50px;}
.list_type li:hover{ margin-top:-10px;transition:all .5s;
-moz-transition:all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari and Chrome */
-o-transition:all .5s; /* Opera */}
.list_type li:hover span i{ display:block;}
.list_type li:hover span img {/*-moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;*/}
.more { width: 600px; padding-top: 15px; padding-bottom: 15px; margin-right: auto; margin-left: auto; }
.more .chayan { width:300px; line-height:55px; text-align:center; border:solid 1px #e2e2e2; background-color:#333333; display:inline-block; float:left; font-size:18px; color:#FFFFFF; }
.more .yuyue{ width:220px; line-height:45px; text-align:center; background-color:#fe0000; display:inline-block; float:left; font-size:16px; color:#FFFFFF; }
@media screen and (max-width:1000px){
	.case_list li span img{height:125px;}
	.case { padding:5px; float:none;}
	.bigPic { width: 40%; height:auto; position:relative; }
	.bigPic .pic span{ width:100%; height:100%;}
    .bigPic .pic span img{ width:100%; height:auto;}
	.case_list  { width:59%;}
    .case_list li{ width:31%; margin-left:1%; margin-right:1%; margin-top:5px; margin-bottom:5px;}
	.case_list li span { width:100%; height:auto;}
	.case_list li p { width:100%; padding-left:0px; padding-right:0px; font-size:0.8rem;line-height:20px; height:20px;}
	.case_list li p a { color:#CCCCCC;}
	.list_type{ width:100%;}
	.list_type li { width:14.3%; margin:8px 1%; padding:0px;}
	.list_type li span { width:100%; height:auto; margin:0px;}
	.list_type li:nth-child(7){ display:none;}
	.list_type li:hover span i{ display:none;}
	.list_type li p { width:100%;}
	.bigPic .bar { height:60px;}
	.bigPic .bar .txt { height: 50px; z-index: 10; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
	.bigPic .bar .txt p { line-height:25px; height:25px; font-size:1rem;}
	.bigPic .bar .txt dt { line-height:25px; font-size:0.8rem;}
}

@media screen and (max-width:750px){
	.case_list li span img{height:100px;}
     .bigPic { width:100%; float:none;}
	 .bigPic .pic span{ width:100%; height:auto;}
	 .bigPic .pic span img{ width:100%; height:auto;}
	 .case_list  { width:100%;}
	 .list_type li { width:27%; margin:8px 3%; padding:0px;}
	 .list_type li span { width:100%; height:auto;}
	 .list_type li:nth-child(7){ display:none;}
	 .list_type li:nth-child(4){ clear:both;}
	 .list_type li:hover span i{ display:none;}
	 .more { width: 96%; padding-top: 15px; padding-bottom: 15px; margin-right: 2%; margin-left: 2%; }
	 .more .chayan,.more .yuyue { width:44%; margin-left:3%; margin-right:2%; line-height:40px; height:40px; font-size:.9rem;}
}

.ad1 { background-image: url(/template/default/images/ad01.jpg); background-repeat: no-repeat; background-position: center center; height: 200px; width: 100%; }
@media screen and (max-width:750px){
   .ad1{ width:100%; height:100px; background-size:cover; }
}
.vr {padding-top: 30px; padding-bottom: 30px; position:relative; }
.vr_left { background-color: #fe0000; float: left; width: 240px; position: relative; }
.vr_left_title { font-size: 24px; line-height: 40px; color: #FFFFFF; height: 40px; padding-top: 20px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EC0000; background-color: #272727; }
.vr_cat { float: left; width: 220px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.vr_cat li { line-height: 55px; float: left; height: 55px; width: 200px; font-size:16px; background-image: url(/template/default/images/ico_arr2.png); background-repeat: no-repeat; background-position: 95% center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E80000; }
.vr_cat li a { color:#FFFFFF; text-decoration:none;}
.vr_qrcode { padding: 10px; float: left; width: 220px; text-align: center; }
.vr_box { float: right; position: relative; }
.vr_thumb { float: left; width: 940px; position: relative; }
.vr_thumb img { width:940px; height:585px;}
.vr_enter { color: #FFFFFF; width: 240px; position: absolute; left: 350px; top: 200px; }
.vr_enter li { text-align: center; padding: 10px; float: left; height: 60px; width: 80px; background-image: url(/template/default/images/nav_bg3.png); margin-right: 10px; margin-left: 10px;  opacity:0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* ie8  */ filter:alpha(opacity=85);    /* ie5-7  */ -moz-opacity:0.85;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.85; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px; }
.vr_enter span { text-align: center; width: 100%; }
.vr_enter span img { padding-top:5px; padding-bottom:5px;}
.vr_enter p { width:100%; line-height:25px; height:25px; color:#FFFFFF; font-size:13px; white-space:nowrap;}
@media screen and (max-width:1000px){
   .vr{ padding:5px;}
   .vr_left { background-color: #fe0000; float: none; width: 100%; position: relative; overflow:hidden; }
   .vr_left_title{ font-size:1.2rem; height:30px; line-height:30px; padding-top:10px; padding-bottom:10px;}
   .vr_cat { float: left; width: 100%; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
   .vr_cat li { line-height: 30px; float: left; height: 30px; width: 30%; font-size:.9rem; background-image: url(/template/default/images/ico_arr2.png); background-repeat: no-repeat; background-position: 90% center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E80000; margin-left:2%; margin-right:1%; }
   .vr_qrcode{ display:none;}
   .vr_box { width:100%; float:left;}
   .vr_thumb { float: left; width: 100%; position: relative; }
   .vr_thumb img { width:100%; height:auto;}
   .vr_enter { top:35%; left:10%;}
}

.youshi2 { position: relative; }
.youshi2_list {}
.youshi2_box { background-color: #1E1E1E; float: left; width: 385px; margin-right: 20px; position:relative; display:block; }
.youshi2_pic { width:385px; height:auto; position:relative; z-index:9;}
.youshi2_pic img { width:385px; height:247px;}
.youshi2_info {padding-top: 20px; padding-right: 5px; padding-bottom: 20px; padding-left: 5px; position:relative; height:90px; z-index:10; text-align:center; }
.youshi2_info p { font-size: 22px; line-height: 50px; font-weight: bold; color: #fcff00; text-align: center; height: 50px; }
.youshi2_info dt { font-size: 16px; line-height: 35px; color: #FCFF00; text-align: center; height: 35px; clear:both;}
.youshi2_box:hover {margin-top:-10px;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; box-shadow: 5px 10px 15px #ccc;}
@media screen and (max-width:1000px){
     .youshi2_box{ width:30%; margin-left:1.5%; margin-right:1.5%;}
	 .youshi2_pic { width:100%; height:auto;}
	 .youshi2_pic img { width:100%; height:auto;}
	 .youshi2_info { padding-top:10px; padding-bottom:10px; height:auto;}
	 .youshi2_info p { font-size:1.1rem; line-height:40px; height:40px;}
	 .youshi2_info dt { font-size:0.6rem; line-height:25px; height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
}
.liucheng { background-image: url(/template/default/images/bg3.jpg); background-repeat: repeat-x; background-position: center center; width: 100%; padding-top: 25px; padding-bottom: 35px; overflow: hidden; }
.liucheng_list {position: relative; }
.liucheng_list li { background-color: #FFFFFF; float: left; width: 100px; padding-top: 15px; padding-right: 25px; padding-bottom: 15px; padding-left: 25px; height:280px; position:relative; overflow:hidden;}
.liucheng_list li span { width:40px; height:40px; float:left; border:solid 1px #e2e2e2; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; padding: 20px; margin: 10px;  position:relative;}
.liucheng_list li span img { width:40px; height:40px;}
.liucheng_list p { font-size: 15px; line-height: 30px; text-align: center; height: 30px;color: #333333; position:relative; clear:both; }
.liucheng_list dt { font-size: 12px; line-height: 30px; text-align: center;  height: 30px; color: #C1C1C1; text-transform: uppercase;  position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.liucheng_list i { font-family: "Times New Roman", Times, serif; font-size: 40px; line-height: 70px; font-weight: lighter; color: #999999; text-align: center; height: 70px; width: 100%; font-style: normal; float:left; padding-top: 25px; padding-bottom: 25px;  position:relative;}
.shadow{
	-o-box-shadow:2px 2px 4px 3px rgba(0,0,0,0.2);
	-ms-box-shadow:2px 2px 4px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:2px 2px 4px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 4px 3px rgba(0,0,0,0.2);
	box-shadow:2px 2px 4px 3px rgba(0,0,0,0.2);
}
.liucheng_list li.color01 { background-color:#f5f5f5;}
.liucheng_li { background-color: #fe0000; padding-top: 15px; padding-right: 25px; padding-bottom: 15px; padding-left: 25px; height:280px; position:absolute; left:0px;  top:310px;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; text-align:center; clear:}
.liucheng_tit { font-size: 18px; line-height: 50px; text-align: center; height: 50px;  color: #FFFFFF; position:relative; }
.liucheng_dt { font-size: 18px; line-height: 30px; text-align: center;  height: 30px; color: #f5f5f5; position:relative; text-transform: uppercase; font-size:12px;}
.liucheng_num { font-family: "Times New Roman", Times, serif; font-size: 40px; line-height: 100px; font-weight: lighter; color: #FFFFFF; text-align: center; height: 100px; width: 100px; font-style: normal;  position:relative; }
.liucheng_con{ font-size: 12px; line-height: 25px; text-align: center;  color: #FFFFFF; position:relative; }
.liucheng_list li:hover .liucheng_li { top:0px; display:block;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in;}
@media screen and (max-width:1000px){
    .liucheng{ padding-top:15px; padding-bottom:15px;}
	.liucheng_list li { width:10.5%; height:auto; padding:1%;}
	.liucheng_list li span{ width:40px; height:40px; margin-left:auto; margin-right:auto; padding:0px; margin-top:10px; margin-bottom:10px; display:block; float:none;}
	.liucheng_li{padding:1%; float:left;}
	.liucheng_con { font-size:0.75rem; line-height:1.5em;}	
}
@media screen and (max-width:750px){
	.liucheng_list li { width:23%; height:auto; padding:1%; border-top:solid 1px #e2e2e2; height:140px;}
	.liucheng_list i{ display:none;}
	.liucheng_list .liucheng_num { display:none;}
	
}


/*关于我们*/
.about { padding-top: 0px; padding-bottom: 30px; }
.about_pic { float: left; width: 460px; padding-top: 20px; padding-bottom:10px; }
.about_pic img { width:460px; height:auto;}
.about_info { background-repeat: no-repeat; background-position: left top; padding: 20px; float: right;width: 660px; border: 7px solid #f5f5f5; }
.about_H3 { font-size: 18px; line-height: 35px; color: #333333; height: 35px;  background-repeat: repeat-x; background-position: center center; }
.about_H3 span { background-color: #FFFFFF; float: left; padding-right: 10px; color: #e20404; }
.about_content { line-height: 2em; color: #666666; padding-top: 10px; padding-bottom: 10px; text-indent: 2em; font-size: 14px; }
.about_more { clear:both; margin-top:20px;}
.about_more a { width:120px; line-height:40px; text-align:center; height:40px; background-color:#e20404; color:#fff; float: right;  margin-right:25px;}

.about_list {position: relative; clear:both; margin-top:15px;}
.about_list li { background-color: #ededed; padding: 20px; float: left; height: 159px; width: 150px; margin-right: 5px; margin-left: 5px;  position: relative;}
.about_list h4 { font-size: 18px; line-height: 50px; text-align: center; height: 50px; position: relative;white-space:nowrap; overflow:hidden; text-ocerflow:ellipsis; }
.about_list p { line-height: 25px; color: #999999; text-align: center; float: left; position: relative; }
.about_list i { width:20px; position:absolute; right:3px; top:-10px;}
@media screen and (max-width:1000px){
     .about{ padding:8px;display: -moz-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;}
	 .about_pic{width: 240px;display: -moz-box;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display:flex; flex:0 0 240px; padding-right:10px; float:left;}
	 .about_pic img { width:100%; height:180px;}
	 .about_info{ padding:5px; width:96%; border:1px solid #f5f5f5;}
	 .about_more{ margin-top:5px;}
	 .about_list{ padding-top:10px;}
	 .about_list li {padding: 0.5%; float: left; width: 14.5%; margin-right: 0.5%; margin-left: 0.5%;}
	 .about_list h3 { font-size:1rem;}
	 .about_list p { line-height:22px; height:85px; overflow:hidden;font-size:0.7rem;}
}
@media screen and (max-width:750px){
      .about{padding-top:8px; display:block;}
      .about_pic{width: 100%; display:block; padding-top:0px; padding-bottom:0px;}
	  .about_pic img { width:100%; height:auto;}
	  .about_info  { padding:10px; margin-left:5px;}
	  .about_H3  { font-size:1rem; margin-right:10px; line-height:1.8em; height:1.8em; overflow:hidden;}
	  .about_content { line-height: 25px; color: #666666; padding-top: 5px; padding-bottom: 0px; text-indent: 0; font-size: 0.8rem; height:120px;
	overflow: hidden; float:left;}
	 .about_more { clear:both; margin-top:5px; text-align:center;}
     .about_more a { width:100px; line-height:40px; text-align:center; height:40px; background-color:#e20404; color:#fff;   margin-right:10px; display:inline-block; float:none; margin-top:10px;}

	 .about_list li {padding: 0.5%; float: left; width: 31.3%; margin-right: 0.5%; margin-left: 0.5%; margin-bottom:4px;}
	 .about_list h3 { font-size:1rem;}
	 .about_list p { line-height:20px; height:78px; overflow:hidden; font-size:0.7rem;}
	 .about_list i{ display:none;}
}

.team { background-image: url(/template/default/images/index_bg2.jpg); background-repeat: repeat-x; width: 100%; padding-top: 30px; padding-bottom: 30px; }
/*左右滚动*/
.productsroll{ position:relative; width:1240px; margin-top:20px; height:390px; margin-bottom: 20px; }
/* productsroll Start */
#LeftArr1,#RightArr1{background-image:url(/template/default/images/product_arrow.gif);width:25px;height:130px;cursor:pointer;position:absolute;top:0px;z-index:1}
#LeftArr1{background:url(/template/default/images/left-a.png) left 0 no-repeat; width:24px ; height:44px;cursor:pointer;position:absolute; top:171px; left:-70px;z-index:1}
#RightArr1{background:url(/template/default/images/left_08.png) left top no-repeat; width:24px ; height:44px;cursor:pointer;position:absolute;top:171px;z-index:1; right:-70px;}
#ScrollBox{width:1200px;overflow:hidden;}
#ScrollBox li{ display:inline; float:left; margin:0 20px; width:270px; height:386px; text-align:center;}
#ScrollBox li a{display:block; height:386px;position:relative;}
#ScrollBox li a img{height:270px; width:270px; display:block;}
#ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{color:#000; overflow:hidden;}
#ScrollBox li a dl{ width:270px; height:116px; background-color:#c80000; color:#fff;}
#ScrollBox li a dl dt{ width:270px; font-size:16px; text-align:center; padding-top:14px;}
#ScrollBox li a dl span{ width:20px; height:4px; background-color:#fff; display:block; margin:10px 125px 5px 125px;}
#ScrollBox li a dl dd{ width:212px; font-size:14px; line-height:24px; text-align:center; margin-left:29px;}

.iteam_list{ padding:10px; position:relative; display:none;}
.grid2_list { width: 100%; float: left; background-color: #c80000; }
.grid2_list li { width:28.1%; float:left; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #000; border-bottom-color: #000; padding-top: 10px; padding-bottom: 5px; text-align: center; padding-right: 2.5%; padding-left: 2.5%; }
.grid2_list span { width: 100%; padding-top: 5px; padding-bottom: 5px; text-align: center; overflow:hidden;}
.grid2_list span img { margin-left:auto; margin-right:auto; width:100%;}
.grid2_list p { height: 2em; text-align: center; line-height: 25px; overflow: hidden; padding-top: 5px; padding-bottom: 5px; color:#666666; font-size:.8rem;font-size: 0.9rem; white-space:nowrap; text-overflow:ellipsis; }
.grid2_list dt{ width:100%; line-height:20px; color:#999999; font-size:0.6rem; text-align:left; }
@media screen and (max-width:1000px){
   .productsroll{ display:none;}
   .iteam_list{ display:block;}
   .grid2_list p a { color:#FFFFFF;}
   .grid2_list dt { color:#f2f2f2;}
}

.title3 { text-align: center; width: 100%; position:relative; }
.title3 p { font-size: 22px; line-height: 40px; font-weight: normal; color: #FFFFFF; height: 40px; width: 100%; position:relative; padding-bottom: 5px; }
.title3 p b { color:#fe0000; position:relative;}
.title3 p:before{content:'';position:absolute;left:50%;bottom:-8px;margin-left:-6px;border-top:8px solid #a5a5a5;border-left:6px solid transparent;border-right:6px solid transparent;width:0;height:0}
.title3 dt { font-size: 14px; line-height: 30px; font-weight: lighter; text-transform: uppercase; color: #CCCCCC; text-align: center; height: 30px; width: 100%; padding-top: 10px; font-family: "Courier New", Courier, monospace; }
@media screen and (max-width:1000px){
   .title3 p { font-size: 1.2rem; line-height: 2em; height:2em}
}
.news { position: relative; }
.news_box { background-color: #f5f5f5; float: left; width: 340px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin: 10px; margin-right:15px; }
.news_box:nth-child(3){ margin-right:0px;}
.news_title { line-height: 45px; height: 45px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; padding-top: 5px; }
.news_title h3 { color: #333333; font-size: 18px; float: left; }
.news_title i { font-weight: normal; text-transform: uppercase; color: #999999; padding-left: 5px; font-style: normal; font-size: 12px; }
.news_title span { float: right; }
.news_first {padding-top: 8px; padding-bottom: 8px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #e2e2e2; }
.news_first li { float: left; width: 340px; }
.news_first span { float: left; width: 120px; padding-top: 5px; }
.news_first .news_first_info{width: 200px; float:right;}
.news_first p { line-height: 30px; font-weight: bold; height: 30px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_first dt { line-height: 22px; color: #999999;  text-indent: 2em; }
.news_list { float: left; width: 340px; }
.news_list li { line-height: 40px;  height: 40px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #e2e2e2; background-image: url(/template/default/images/ico-1.gif); background-repeat: no-repeat; background-position: 2px center; padding-left: 10px; clear:both;}
.news_list li a { width:240px; float:left; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:45px; }
.news_list li span{ float:right; font-size:12px; color:#999999;}
@media screen and (max-width:1000px){
    
    .news_box { background-color: #f5f5f5; float: left; width: 31.5%; padding-top: 10px; padding-right: 0.5%; padding-bottom: 10px; padding-left: 0.5%; margin: 0.5%; float:left; overflow:hidden; }
	.news_first li { width:100%; }
	.news_first span { width: 32%; position: relative; padding-bottom: 5px; padding-top:5px; padding-left: 0px; text-align: center; min-height:70px; overflow:hidden; float: left;  }
	.news_first span img { width:100%; height:auto;}
	.news_first .news_first_info{ width:65%; float:right;}
	.news_first .news_first_info p { font-size: 0.95rem; line-height: 1.8em; clear: both; width: 100%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
	.news_first .news_first_info dt { line-height: 18px; color: #B0B0B0; width: 100%; padding-bottom: 0.5em; padding-top: 0.2em; max-height:32px; overflow:hidden; font-size:0.75rem; }
	.news_list { float: none; width: 100%; }
	.news_list li {}
	.news_list li a { width:100%;}
	.news_list li span { display:none;}
}
@media screen and (max-width:750px){
     .news {background-color: #f5f5f5; }
     .news_box { background-color: #fff; float: left; width: 96%; padding: 1%; margin: 1%; float:left; overflow:hidden; }
}
.link_n{ width:1200px; height:105px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden; background-color: #c80000; margin-top: 15px; margin-right: auto; margin-bottom: 15px; margin-left: auto; }
.link_n ul{width:100%;}
.link_n li{ width:210px; height:51px; float:left; background:url(/template/default/images/sprite_bg2.png) 198px -484px no-repeat; color:#ebebeb; _display:inline; padding-left:10px; overflow:hidden; margin-top: 30px; margin-right: 10px; margin-bottom: 30px; margin-left: 10px; }
.link_n li a{ width:195px; height:51px; display:block; color:#e2e2e2; }
.link_n li a:hover{ color:#FFFFFF; }
.link_n li:hover .l_n_01{width:48px;height:41px;background-position:-224px -0px;-webkit-transition:all 0.5s ease;}
.link_n li:hover .l_n_02{width:48px;height:41px;background-position:-224px -41px;-webkit-transition:all 0.5s ease;}
.link_n li:hover .l_n_03{width:48px;height:41px;background-position:-224px -83px;-webkit-transition:all 0.5s ease;}
.link_n li:hover .l_n_04{width:48px;height:41px;background-position:-224px -125px;-webkit-transition:all 0.5s ease;}
.link_n li:hover .l_n_05{width:48px;height:41px;background-position:-224px -167px;-webkit-transition:all 0.5s ease;}
.link_n li p{float:left;background:url(/template/default/images/sprite_bg2.png) left top no-repeat;margin:3px 9px 0 0;}
.link_n li p.l_n_01{width:48px;height:41px;background-position:-176px -0px;}
.link_n li p.l_n_02{width:48px;height:41px;background-position:-176px -41px;}
.link_n li p.l_n_03{width:48px;height:41px;background-position:-176px -83px;}
.link_n li p.l_n_04{width:48px;height:41px;background-position:-176px -125px;}
.link_n li p.l_n_05{width:48px;height:41px;background-position:-176px -167px;}
.link_n li h3{ font-size:16px; height:32px; float:left; font-weight:100; padding-top:5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #E30000; }
@media screen and (max-width:750px){
  .link_n{ display:none;}
}
.links { line-height: 25px; color: #999999; width: 100%; padding-bottom: 15px; overflow:hidden; }
.links b { font-weight:normal; float:left; width:60px; text-align:center;}
.links a { color:#999999; padding-left:15px; padding-right:15px; display:block; float:left;}
.bottom { background-color: #3cc3b2; width: 100%; padding-top: 20px; padding-bottom: 20px; }
.bottom { width: 100%; padding-top: 30px; padding-bottom: 30px; background-color: #1E1E1E; }
.bottom1 { background-color: #f7f7f7; width: 100%; padding-top: 30px; padding-bottom: 30px; }
.bottom_logo { float: left; width: 300px; }
.bottom_box1 { width: 220px; padding-right: 30px; padding-left: 30px; border-left-width: 1px; border-left-style: solid; border-left-color: #111111; float: left; height: 150px; }
.bottom_box1 li { width:110px; line-height:28px; float:left; text-align: center; }
.bottom_box1 li a { color:#999999; }
.contact1 { width: 240px; padding-right: 10px; padding-left: 30px; border-left-width: 1px; border-left-style: solid; border-left-color: #111111; float: left; color:#999999; line-height:28px; height: 140px; overflow:hidden; overflow:hidden }
.bottom_box2 { float: right; width: 260px; padding-left: 30px; border-left-width: 1px; border-left-style: solid; border-left-color: #111111; }
.bottom_box2 p { line-height: 28px; color: #FFFFFF; height: 28px; width: 260px; }
.bottom_box2 h4 { font-size: 26px; line-height: 30px; color: #999999; height: 60px; width: 260px; font-weight: normal; padding-bottom: 10px; }
.weixin { float: left; height: 70px; width: 260px; }
.weixin span { float: left; }
.weixin span img { width:70px; height:70px;}
.weixin p { line-height: 30px; color: #999999; height: 70px; width: 180px; float: right; }
.bottom2 { background-color: #000000; width: 100%; padding-top: 15px; padding-bottom: 15px; }
.copyright { line-height: 25px; color: #666666; text-align: center; float: left; width: 1200px; }
.copyright a { color:#666666; text-decoration:underline;}

.bottom_layer { height: 100px; width: 100%; background-image: url(/template/default/images/nav_bg3.png); position: fixed; z-index:99999; left: 0px; bottom: 0px;display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	flex-direction: row; }
.bottom_layer .b_pic { position:relative; left:0px; bottom:0px; display: -moz-box;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display:flex; flex:0 0 380px; width:380px;top:-85px; }
.bottom_layer .b_pic img { width:380px; position:relative; left:0px; bottom:0px; height:185px; }
.bottom_layer .baojia { position:relative; padding-bottom:10px; height: 80px; padding-top: 10px; padding-left: 30px; }
.bottom_layer .baojia_txt { float:left;}
.bottom_layer .baojia_txt p { width:300px; line-height:45px; height:45px; font-size:30px; color:#fcff00; font-weight: bold; }
.bottom_layer .baojia_txt dt { width:300px; line-height:35px; height:35px; font-size:16px; color:#FFFFFF; }
.priceform { float: left; width: 500px; }
.priceform_box { float: left; width: 380px; }
.input { float: left; width: 185px; padding-top: 3px; padding-bottom: 3px; padding-right: 5px; }
.b_input { width:175px; line-height:35px; height:35px; padding-left:5px; padding-right:5px; opacity:0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* ie8  */ filter:alpha(opacity=85);    /* ie5-7  */ -moz-opacity:0.85;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.85; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.priceform_btn { float: left; }
.b_submit { width:80px; height:80px; background-color:#fcff00; font-size: 20px; line-height: 30px; float: left; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-weight: bold; opacity:0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* ie8  */ filter:alpha(opacity=85);    /* ie5-7  */ -moz-opacity:0.85;    /* old mozilla browser like netscape  */ -khtml-opacity: 0.85; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px; }
.b_close { position: absolute; top: 3px; right: 15px; }
.left_layer { position: fixed; left: 0px; bottom: 0px; display:none; z-index:99999;}




/*
* 电脑底部右边浮动
*/
.rightScroll{
	position: fixed;
	right: 20px;
	z-index: 999;
	top: 50%;
	margin-top: -140px;
	_display: none;
	*display: none;
	display: none\9;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.rightScroll.show{
	opacity: 1;
	_display: block;
	*display: block;
	display: block\9;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.right_dl{
	border-top: 1px solid #dedede;
}
.right_dl dd{
	position: relative;
}

.right_a{
	display: block;
	width: 70px;
	height: 30px;
	padding-top: 40px;
	line-height: 30px;
	font-size: 12px;
	color:#666;
	text-align: center;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	border: solid #dedede;
	border-width: 0px 1px 1px 1px;
}
.rightIcon1{
	background: #fff url(/template/default/images/rightIcon1.png) no-repeat center 14px;
}
.rightIcon1:hover{
	background: #2e90d0 url(/template/default/images/rightIcon1_h.png) no-repeat center 14px;
	color:#fff;
	border-color:#2e90d0;
}
.rightIcon2{
	background: #fff url(/template/default/images/rightIcon2.png) no-repeat center 12px;
}
.rightIcon2:hover{
	background: #2e90d0 url(/template/default/images/rightIcon2_h.png) no-repeat center 12px;
	color:#fff;
	border-color:#2e90d0;
}
.rightIcon3{
	background: #fff url(/template/default/images/rightIcon3.png) no-repeat center 14px;
}
.rightIcon3:hover{
	background: #2e90d0 url(/template/default/images/rightIcon3_h.png) no-repeat center 14px;
	color:#fff;
	border-color:#2e90d0;
}
.ewmBox{width:168px; height:168px; text-align:center; background:#f8f8f8; line-height:70px; font-size:18px; color:#888;position:absolute; right:72px; top:0; display:none}
.ewmBox img{ width:168px; height:168px;}
.right_dl dd:hover .ewmBox{ display:block}
.floatPhone{ height:70px; width:180px; text-align:center; background:#f8f8f8; line-height:70px; font-size:18px; color:#888;position:absolute; right:72px; top:0; display:none}
.right_dl dd:hover .floatPhone{ display:block}
.rightIcon4{
	background: #fff url(/template/default/images/rightIcon4.png) no-repeat center 17px;
}
.rightIcon4:hover{
	background: #2e90d0 url(/template/default/images/rightIcon4_h.png) no-repeat center 17px;
	color:#fff;
	border-color:#2e90d0;
}
/*
* 电脑底部右边浮动
*/
@media screen and (max-width:1200px){.rightScroll{display:none;}}
/*手机底部*/
.ibottom { background-color: #232323; padding-top: 10px; padding-bottom: 50px;display:none; width:100%; position:relative; }
.icopyright { line-height: 2em; color: #E1E1E1; text-align: center; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-size:0.7rem; }
.ibottom2{ position:fixed; z-index:9999; height:50px; width:100%; bottom:0px; background-repeat: repeat-x; background-position: left bottom; margin-right: auto; margin-left: auto; background-color: #bfbfbf; display:none;}
.ibottom2 a { color:#FFFFFF; text-decoration:none;}
.ibottom2 .b  { background-color: #2f363e; float: left; width: 25%; text-align: center; height: 40px; padding-top: 5px; padding-bottom: 5px; background-image: url(/template/default/images/bottom_line.png); background-repeat: repeat-y; background-position: right center; }
.ibottom2 .b i  { line-height: 25px; text-align: center; height: 25px; width: 100%; float:left;}
.ibottom2 .b em { font-style: normal; line-height: 20px; height: 20px; width: 100%; font-size: 0.75rem; float:left;} 
#b1 { background-color: #fe0000;}

@media screen and (max-width:1000px){
    .bottom { display:none;}
	.bottom2,.bottom_layer ,.left_layer  { display:none;}
	.ibottom { display:block;}
	.ibottom2{ display:block;}
}

/*网站地图*/
.rss { padding: 10px; }
.rss_title { line-height: 35px; background-image: url(/template/default/images/ico_tag2.png); background-repeat: no-repeat; background-position: left 20px; height: 35px; padding-left: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; padding-top: 20px; }
.rss_title span { float:left; font-size:16px; font-weight:bold; color: #333333; }
.rss_title em { font-size: 12px; font-style: normal; line-height: 20px; background-color: #CCCCCC; text-align: center; float: left; height: 20px; margin-top: 8px; margin-left: 10px; padding-right: 8px; padding-left: 8px;}
.rss_title em a{ color:#FFFFFF; text-decoration:none}
.rss_list { line-height: 30px; padding: 10px; clear: both; }
.rss_list li { padding-left:5px; padding-right:15px; display:block; float:left;}
.rss_list li a {  color:#666666; text-decoration:none;}
.rss_list li em { font-size: 12px; font-style: normal; line-height: 15px; background-color: #FF6600; text-align: center; height: 15px; margin-top: 8px; margin-left: 5px; padding-right: 5px; padding-left: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
.rss_list li em a{ color:#FFFFFF; text-decoration:none}