@charset "utf-8";
/* user define size
   ========================================================================== */
.user-container-fixed{
	width: 1200px;
	margin: 0 auto;
}
.user-container{
	padding: 0 8rem;
}
/*top-bar*/
.user-top-bar{
	background-color: #f5f5f5;
	height: 2.5rem;
	border-bottom: 3px solid #eee;	
}
.user-note{
	float:left;
	height: 2.5rem;
	line-height: 2.5rem;
	font-weight: 700;
	color: #e21001;
	font-size: .8rem;
}
.user-note>span{
	padding-right:.5rem;
	font-size: 1rem;
}
.user-rightnav{
	float: right;
	height: 1rem;
	border-left: 1px solid #ddd;
	margin: .7rem 0;
	line-height: .7rem;
}
.user-rightnav a{
	padding-left: 1.5rem;
	color: #666;
	font-size: 17px;
	transition:all ease .5s;
}
.user-rightnav a:hover{
	color: #000;
}
.user-search-info{
	position:fixed;
	left: 50%;
	top:50%;
	margin-left: -17rem;
	margin-top: -7rem;
	width: 34rem;
	height: 14rem;
	background: #fff;
	padding: 2rem 5rem;
	z-index: 400;
	float: left;
	display: none;
}
.user-search-info h1{
	height:2.5rem;
	line-height: 2.5rem;
	text-align: center;
	color: #c00;
	font-size: 24px;
}
.user-search-info h3{
	height:1.5rem;
	line-height:1.5rem;
	text-align: center;
	color: #333;
	font-size: 16px;
	
}
.user-search-info h5{
	height:1.5rem;
	line-height: 1.5rem;
	text-align: center;
	color: #999;
	font-size: 14px;
	
}
.user-serarch-input{
	width: 33rem;
	padding:.5rem .5rem;
	background: #eee;
	height: 2rem;
	margin-top: 2rem;
	transition: all ease .5s;
}
.user-serarch-input:focus{
	box-shadow: 1px 1px 3px inset rgba(0,0,0,.6);
	border: 1px solid #c00;
}
.user-search-textinput{
	width: 80%;
	float: left;
	height: 2rem;
	line-height: 2rem;
	color: #666;
	border:none;
	background: transparent;
}
.user-search-submitinput{
	float:right;
	width: 18%;
	height: 2rem;
	line-height: 1.8rem;
	text-align: center;
	color:#fff;
	font-size: 14px;
	background: #c00;
	border: 1px solid #c00;
	cursor: pointer;
	transition:all ease .5s;
}
.user-search-submitinput:hover{
	
	color:#000;
	background: #eee;
}
.user-close{
	float: right;
	position: absolute;
	right: -10px;
	top:-10px;
	width:30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0px 0px 4px rgba(0,0,0,.8);
	text-align: center;
	color: #333;
	line-height: 30px;
	font-size: 18px;
	transition: all ease .5s;
}
.user-close:hover{
	transform: rotate(360deg);
	color: #c00;
	
}
.user-searchhot-item{
	height:3rem;
	margin-top: 2rem;
	text-align: center;
}
.user-searchhot-item span{
	font-size:12px;
	color:#c00;
	font-weight: 700;
	padding-right: .5rem;
}
.user-searchhot-item a{
	font-size:12px;
	color:#999;
	padding-right: .5rem;
}
.user-hide-div{
	width:100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	display: none;
	background: url('../images/user-topBg.png') repeat;
	background: rgba(0,0,0,.8);
}
.wxewm{
	left: 0;
	top:2.5rem;
	padding: .2rem;
	background: #fff;
	border:1px solid #f5f5f5;
	box-shadow: 0 1px 4px #666;
	width: 120px;
	height: 120px;
	display: none;
}
.wxewm img{
	width: 100%;
}
.channel-menu{
	width:28rem;
	padding: .5rem;
	background: #e21001;
	height: 3rem;
	right: 0;
	top: 2rem;
	border-radius: 0 0 10px 10px;
	display: none;
}
.channel-menu a{
	display: inline-block;
	padding: 0 1.2rem;
	color: #fff;
	text-align: center;
	height:3rem;
}
.channel-menu a:hover{
	color: #fff;

}
.channel-menu a i, .channel-menu a span{
	display: block;
	height: 1.5rem;
	line-height: 1.5rem;
}
.channel-menu a i{
	font-size: 25px;
}
.channel-menu a span{
	font-size: 12px;
}
.app-mar{
	margin-top: -8rem;
}
.item-pro{
	border: 1px solid #ddd;
	background: #fff;
	height: 450px;
	position: relative;
}
.item-pro-h1{
	height: 3.5rem;
	border-bottom: 1px solid #ddd;
}
.item-pro-h1 h1{
	width: 50%;
	height: 3.5rem;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	font-size: 20px;
	line-height: 3.5rem;
	float: left;
}
.item-pro-h1 h1 i{
	color: #ccc;
	padding-left: 0.5rem;
	font-size:25px;
	line-height: 2.5rem;
}
.wrap-indiv{
	padding: .5rem;
}
/*nav*/
.user-nav {
	height: 8.1rem; 
}
.user-logo{
	height: 8.1rem; 
	line-height: 8.1rem; 
	float: left;
	position: relative;
}
.user-logo:hover{
	color: #ee5600;
}
.user-logo img{
	vertical-align: middle;
	display: inline-block;
}
.user-right-tell{
	float:right;
	margin-top: 1rem;
}
.nav-content{
	height: 2.5rem;
	float: right;
}
.user-logo-menu{
	position:absolute;
	right: -530px;
	bottom:1.2rem;
	float: right;
	height: 2rem;
	
}

.user-logo-menu a{
	float: left;
	height: 2rem;
	line-height: 2rem;
	margin-right:1.5rem;
	color: #555;
	transition:all ease .5s;
	padding: 0 .5rem;
	font-size:16px;
}
.user-logo-menu a:hover{
	color: #fff;
	background: #c00
}
.user-logo-menu a span{
	padding-right: .2rem
}
.user-leftnav{
	float: left;
}
.user-leftnav li{
	height: 2.5rem;;
	float: left;
	position: relative;
}
.user-leftnav li a{
	display: inline-block;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 1.5rem;
	font-size: 16px;
	color: #666;
}
/*banner*/
.user-banner{
	overflow:hidden;
}
.owl-carousel-c{
	width: 100%;
	float:left;
	overflow:hidden;
}
#banner{
	width:1920px;
	float:left;
	overflow:hidden;
	position:relative;
	margin-left:-960px;
	left:50%
}
#banner .item{ display: block;}
#banner img { display: block;width:1920px;margin:0 auto;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;}	
.owl-carousel .owl-item{float: left;}
.owl-controls{position:absolute;bottom:10px;left:50%;float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing { cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */margin: 5px;
padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #ddd;overflow: hidden;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;background:#1567a1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{min-height: 150px;background: url(AjaxLoader.gif) no-repeat center center}

/*menu*/
.user-menu{
	height: 4rem;
	background: #017cc9;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}
.menu-item{
	width:10.7rem;
	height: 4rem;
	float: left;
	position: relative;
	z-index: 200;
	transition: all ease .5s;
}
.menu-item>a{
	width:100%;
	height: 4rem;
	float: left;
	color:#fff;
	font-size:1rem;
	line-height:4rem;
	font-weight: 700;
	text-align: center
}
.menu-item:hover> a{
	background: #01568b;
}
.menu-item>a:hover{
	background: #01568b;
}
.menu-item > a i {
	padding-left: 2rem;
}

/*index*/
.hot-products{
	width: 100%;
	clear: both;
	padding:30px 0;
	background:#f5f5f5;
	overflow:auto;
}
.list-panelTH{
	width: 1220px;
	margin: 0 auto;
}
.list-panelTH .title-namex {
    margin-bottom: 25px;
	color: #242424;
overflow: hidden;
height: 40px;
vertical-align: middle;
line-height: 40px;
}
.list-panelTH .title-namex h4 {
    float: left;
    font-size: 22px;
	
color: #e21001;
display: inline-block;
}
.list-panelTH .title-namex h4 span{
  
    font-size: 22px;
	padding-right: .5rem
}
.title-namex ul{
	float:left;
	margin-left: 20px;
	height: 38px;
}
.title-namex ul a{
	float:left;

	height: 38px;
	line-height: 38px;
	border: 1px solid #ddd;
	text-align: center;
	color: #000;
	display: block;
	width: 215px;
	font-size:14px;
	font-weight:700;
	font-family: "Microsoft Yahei","Helvetica Neue","Helvetica,Arial,sans-serif";
}
.title-namex  a i{
padding-left: .5rem;

}
.title-namex ul li a{
	
	color: #666;
}
.title-namex ul a:hover{
	border:1px solid #c00;
	color: #c00;
	background:#c00;
	color:#fff;
}
.list-show-active{
	border:1px solid #c00;
	
	background:#c00;
	color:#fff !important;
}

.item-img-div{
	display:none;
	width:100%;
	float:left;
}
.list-panelTH .title-namex > a {
    font-size: 14px;
    float: right;
	font-size: 14px;
	color: #242424;
	
}
.list-panelTH .title-namex > a:hover{
   
	color: #e21001;
	
}

.list-img .img-box {
    width: 285px;
    margin-right: 15px;
    margin-bottom: 30px;
    float: left;
    position: relative;
	padding:3px;
	border:1px solid #ddd;
	background: #fff;
	transition: all ease .5s;
}
.list-img .img-box:hover{
	box-shadow:0 0 5px rgba(0,0,0,.2);
	transform:scale(1.1);
	position: relative;
	z-index:100;
}
.list-img .img-box img {
    width: 100%;
    height: 212px;
    margin-bottom: 20px;
    overflow: hidden;
}
.tehui{
	position:absolute;
	left: 0;
	top: 0;
	width: 26px;
	height: 24px;
	background:url('../images/hot.png') no-repeat left top;
}

.list-img  .img-box h4 {
    color: #313131;
    font-size: 16px;
	font-weight: 700;
    margin-bottom: 5px;
}
.list-img  .img-box p {
    font-size: 14px;
    color: #606060;
}

.list-img .img-box p span {
    font-size: 18px;
    color: #e33b3b;
}

.list-img .img-box .phone-div {
    border: 1px solid #e33b3b;
    bottom: 12px;
    color: #e33b3b;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 6px 12px;
    position: absolute;
    right: 10px;
    text-align: center;
	max-width: 100%;
margin-bottom: 5px;
}

.jbc_fre_link{width:100%; background:#017cc9; overflow:hidden;  padding:8px 0px;}
.jbc_fre_link p span{padding-right: .5rem;font-size: 18px;}
.jbc_fre_link p,.jbc_link{ text-align:left;  color:#fff; padding:5px 0px;width:1200px;margin:0 auto;font-size: 18px;}
.jbc_fre_link p a{ color:#fff; margin-left:15px; font-size:14px;}
.jbc_link{ text-align:center;color:#fff; padding-top:20px; }
.jbc_link a{color:#fff; margin-left:15px; font-size:14px; padding-right:10px; }
.foot_font{ text-align:center; font-size:14px; padding-bottom:20px; color:#fff;}

.footer{
	width: 100%;
	background:#027fc2;
	background:url(../images/bgFooter.gif) repeat;
}
.footer-main{
	padding-top: 62px;
	padding-bottom: 115px;

}
.user-wap{
	padding: 30px 0;
	width: 1200px;
	margin:0 auto;
	overflow: auto;
}
.footer-main .wx-link{
	display: none;
}
.footer-main .m-search-box{
	display: none;
}
.footer-main.m-wrap{
	padding: 10px 4.7% 20px;
	width: 90.6%;
}

.footer-main.m-wrap .m-search-box{
	margin-top: 18px;
	width: 99%;
	border: 1px solid #393939;
	height: 30px;
	margin-bottom: 15px;
}
.footer-main.m-wrap .m-search-box .tex{
	width: 81%;
	height: 15px;
	line-height: 14px;
	font-size: 14px;
	color: #fff;
	padding: 8px 4% 7px;
	background: none;
	border: none;
}
.footer-main.m-wrap .m-search-box .sub-btn{
	border: none;
	width: 10%;
	height: 30px;
	background: url("../images/ico_15.png") no-repeat center;
	background-size: auto 35%;
}
.footer-main.m-wrap .wx-link{
	display: inline-block;
	padding-left: 28px;
	line-height: 18px;
	height: 18px;
	color: #fff;
	background: url("../images/ico_26.png") no-repeat left center;
	background-size: auto 100%;
}
.footer-main dl{
	width:98px;
	float: left;
	margin-right: 81px;
	transition: all 0.5s ease 0s;
}
.footer-main.twrap dl{
	margin-right: 8%;
}
.footer-main.m-wrap dl{
	width: 100%;
	margin-right: 0;
}
.footer-main dt{
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	margin-bottom: 8px;
	padding: 0 15px;
	background: #f5f5f5;
	border-left: 2px solid #027fc2;
	border-right: 2px solid #027fc2
	
}
.footer-main.m-wrap dt{
	line-height: 38px;
	border-bottom: 1px solid #393939;
	color: #555;
	background: url("../images/ico_25.png") no-repeat 96% center;
	background-size: auto 40%;
	cursor: pointer;
}
.footer-main.m-wrap dt.hover{
	background: url("../images/ico_27.png") no-repeat 96% center;
	background-size: auto 40%;
}
.footer-main dt a{
	color: #555;
}
.footer-main dd{
	text-align: center;
}
.footer-main.m-wrap dd{
	display: none;
	
}
.footer-main.m-wrap dd:last-child{
	border-bottom: 1px solid #393939;
	padding-bottom: 6px;
}
.footer-main dd a{
	color: #b0b0b0;
	line-height: 29px;
	font-size: 14px;
}
.footer-main.m-wrap dd a{
	font-size: 12px;
	display: block;
}
.footer-main dd a:hover{
	color: #fff;
}
.footer-main .right{
	width: 25%;
	padding-top: 9px;
}
.footer-main.m-wrap .right{
	display: none;
}
.footer-main.m-wrap .searchbox{
	display: block;
}
.footer-main .searchbox{
	width: 99%;
	height: 40px;
	border: 1px solid #393939;
	margin-bottom: 30px;
}
.footer-main .searchbox .tex{
	border: none;
	background: none;
	width: 81%;
	height: 15px;
	font-size: 14px;
	line-height: 14px;
	padding: 13px 3% 12px 3%;
	color: #fff;
}
.footer-main .searchbox .butn{
	border: none;
	width: 13%;
	height: 40px;
	background: url("../images/ico_15.png") no-repeat center;
	background-size: auto 40%;
}
.footer-main .wxbox{
	width: 37%;
	margin-left: 7%;
}
.footer-main .wxbox img{
	width: 100%;
}
.footer-main .wxbox p{
	text-align: center;
	line-height: 42px;
	color: #fff;
}
.footer .secbox{
	height: 28px;
	line-height: 28px;
	padding-top: 11px;
	padding-bottom: 11px;
	background-color: #000;
	border-bottom: 1px solid #1a1a1a;
}
.footer .secbox a{
	color: #b0b0b0;
}
.footer .secbox a:hover{
	color: #fff;
}
.footer .secbox .left a{
	float: left;
}
.footer .secbox .line{
	display: inline-block;
	width: 22px;
	text-align: center;
	color: #333;
}
.footer .secbox .left .line{
	float: left;
}
.footer .secbox .right a{
	float: right;
}
.footer .secbox .right .line{
	float: right;
}
.footer-copty{
	width: 100%;
	background: url('../images/footerbottom.gif') repeat-x;
}
.footer .thibox{
	
	color: #555;
	line-height: 40px;
	height: 40px;
	width: 1200px; 
	margin: 0 auto;
}
.footer .thibox span a{
	color: #555;
	line-height: 40px;
	display: inline-block;
	height: 40px;
	float: left;

}
.footer .thibox .link{
	width: 240px;
	position: relative;
	z-index: 666
}
.footer .thibox.twrap .link{
	width: 186px;
}
.footer .thibox .tit{
	display: block;
	width: 238px;
	height: 33px;
	border: 1px solid #333;
	line-height: 33px;
	text-align: center;
	color: #878787;
	background: url("../images/ico_16.png") no-repeat 160px center;
	cursor: pointer;
}
.footer .thibox.twrap .tit{
	width: 186px;
	background: url("../images/ico_16.png") no-repeat 160px center;
}
.footer .thibox .link:hover .tit{
	background: url("../images/ico_17.png") no-repeat 160px center;
}
.footer .thibox .subbox{
	position: absolute;
	bottom: 35px;
	left: 0;
	width: 238px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #000;
	z-index: 2;
	display: none;
	transition: normal;
}
.footer .thibox.twrap .subbox{
	width: 186px;
}
.footer .thibox .subbox ul{
	width: 100%;
}
.footer .thibox .subbox li{
	position: relative;
	width: 100%;
	border-top: 1px solid #333;
}
.footer .thibox .subbox a{
	display: block;
	width: 100%;
	line-height: 33px;
	text-align: center;
	color: #878787;
	
}
.footer .thibox .subbox a.tt{
	margin-left: -6px;
	padding-right: 6px;
	position: relative;
	z-index: 2;
}
.footer .thibox .subbox li:hover a.tt{
	background: url("../images/bg_52.png") no-repeat left center;
}
.footer .thibox .second-level{
	width: 238px;
	position: absolute;
	bottom: 0;
	left: -240px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	display: none;
	z-index: 1;
}
.footer .thibox .second-level a{
	display: block;
	width: 100%;
	line-height: 33px;
	text-align: center;
	color: #878787;
	background-color: #1c1c1c;
	border-top: 1px solid #333;
}
.footer .thibox .second-level a:hover{
	background-color: #333;
}
.footer .m-botwrap{
	display: none;
}
.footer.m-footer .secbox,.footer.m-footer .thibox{
	display: none;
}
.footer.m-footer .m-botwrap{
	display: block;
	background-color: #000;
	padding-bottom: 25px;
}
.footer.m-footer .m-botwrap .topbox{
	width: 100%;
	padding-top: 16px;
	padding-bottom: 12px;
	line-height: 25px;
	text-align: center;
	border-bottom: 1px solid #1a1a1a;
}
.footer.m-footer .m-botwrap .topbox .line{
	display: inline-block;
	width: 8px;
	text-align: center;
	color: #333;
}
.footer.m-footer .m-botwrap .topbox a{
	color: #b0b0b0;
}
.footer.m-footer .m-botwrap .botbox{
	padding-top: 10px;
}
.footer.m-footer .m-botwrap .botbox p{
	line-height: 27px;
	text-align: center;
	color: #b0b0b0;
}
.footer.m-footer .m-botwrap .botlink{
	width: 100%;
	text-align: center;
	line-height: 27px;
}
.footer.m-footer .m-botwrap .botlink a{
	color: #b0b0b0;
}
.footer.m-footer .m-botwrap .botlink .line{
	display: inline-block;
	width: 8px;
	text-align: center;
	color: #333;
}
.footer.m-footer .bot-linkbox{
	width: 41%;
	height: 24px;
	border: 1px solid #333;
	margin: 10px auto 0;
	position: relative;
	display: none;
}
.footer.m-footer .bot-linkbox .tt{
	display: block;
	width: 100%;
	line-height: 24px;
	color: #b0b0b0;
	text-align: center;
	background: url("../images/ico_16.png") no-repeat 90% center;
	background-size: auto 28%;
	cursor: pointer;
}
.footer.m-footer .bot-linkbox .tt.hover{
	background: url("../images/ico_17.png") no-repeat 90% center;
	background-size: auto 28%;
}
.footer.m-footer .bot-linkbox .subbox{
	position: absolute;
	bottom: 26px;
	width: 99%;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #000;
	display: none;
	transition: normal;
}
.footer.m-footer .bot-linkbox .subbox a{
	width: 100%;
	display: block;
	height: 24px;
	line-height: 24px;
	border-top: 1px solid #333;
	text-align: center;
	color: #b0b0b0;
	transition: normal;
}
.fr{float:right;}


.jbc_warp{ width:1200px; overflow:hidden; margin: 20px auto 0 auto;}
.jbc_o{ background:#f7f7f7; margin:30px 0px; padding-bottom:35px; overflow:hidden; }
.jbc_one{ font-size:18px;  font-family:"微软雅黑";  font-weight:normal; background:#fff; height:47px; line-height:47px; border-bottom:1px #d5d5d5 solid; text-align:left;}
.jbc_one h1{width: 267px;height: 47px;background: url(../images/index-tiybg.png) no-repeat;float: left;}
.jbc_one b{  height:47px; width:78px;float: left; line-height:47px; color:#fff;  text-align:center; font-size:25px; font-weight:normal; margin-right:10px;}
.jbc_one h1 span{width: 160px;float: left;height: 47px;line-height: 45px;font-size: 20px;}
.jbc_one h1 span a{color: #fff;}
.jbc_one h1 span a:hover{color: #ff0;}
.jbc_g{ width:220px;  float:left; }
.jbc_one a{color: #666;}
.jbc_one a:hover{color: #e50213;}
.jbc_mar{ margin-top:25px;}
.jbc_g img{ width:220px; height:220px;}
.jbc_g span{ width:220px; height:40px; line-height:40px; color:#333; font-size:16px;  font-family:"微软雅黑"; background:#fff; display:inline-block; text-align:center;}
.jbc_f{ float:left;width:100%;}
.jbc_f h1{ font-size:20px; font-weight:normal;  color:#4a4a4c; margin-bottom:10px;}
.jbc_f span{ font-size:16px; color:#f00; font-weight:bold; display:inline-block; line-height:25px;}
.jbc_ul_k li{ float:left; margin:12px 15px 0px 0;width:285px;}
.jbc_ul_k li img{width:279px;padding:2px;border:1px solid #ddd;height: 209px;}
.jbc_ul_k li .titaa{width:100%; height:25px; line-height:25px;  color:#333; font-size:14px;display:block;font-family:"微软雅黑"; background:#fff; text-align:center;}
.jbc_ul_k li .titaa:hover{color:#e50213;}
.jbc_ul_k li p{width:214px; height:20px;  color:#333; font-size:14px;  font-family:"微软雅黑"; background:#fff; text-align:center;}
.jbc_ul_k li img:hover{border-color: #e50213}
.jbc_ul_u li{ float:left; width:262px; height:263px;  margin-left:5px; margin-bottom:5px;}
.jbc_img_i{ width:396px; float:left; height:528px; }





.main-wrap2{
	
	width:100%;
	padding:30px 0;
	overflow:auto;
	background: #f5f5f5;
	margin-top: 30px;
}
.wrap2-mid{
	width:1200px;
	margin:0 auto;
}
.news{overflow:hidden;width:1200px;margin:0 auto;}
.news .news-big{float:left;width:700px;height:320px;background:#ccc}
.news .news-big .img{float:left;width:470px;height:320px;}
.news .news-big .info{position:relative;float:left;width:230px;height:320px;background:#cc0210}
.news .news-big .triangle{position:absolute;left:-16px;top:50%;margin-top:-10px;width:16px;height:20px;background:url("../images/indexsp.png") no-repeat;background-position:-64px -23px}
.news .news-big h3{margin:0 auto;margin-top:30px;width:180px;height:54px;color:#fff;font-size:16px;line-height:26px;overflow:hidden}
.news .news-big p{margin:0 auto;margin-top:18px;width:180px;line-height:23px;color:#fff;font-size:14px;text-align:justify;text-justify:inter-ideograph;height:180px;overflow:hidden;}
.news .news-big a{color:#fff}
.news .news-big span{position:absolute;bottom:16px;right:30px;color:#fff}
.news .news-big span i{display:inline-block;margin-right:10px;margin-top:-3px;width:18px;height:18px;background:url("../images/indexsp.png") no-repeat;background-position:-83px 0;vertical-align:middle}
.news .news-list{float:right;width:290px}
.news .news-list li{margin-bottom:32px;}
/*.news .news-list li a:hover{color: #666}*/
.news .news-list h3{color:#000;font-size:16px;width:100%;overflow:hidden;}
.news .news-list h3 img{width:100%;}
.news .news-list .info{position:relative;overflow:hidden;background:#fff;width:270px;padding: 10px;}
.news .news-list .img{float:left;width:180px;height:120px}
.news .news-list p{width:100%;line-height:35px;overflow:hidden;text-align:justify;text-justify:inter-ideograph;float:left;color:#000;font-size:15px;}
.news .news-list p span{color:#017cc9;padding-right:5px;font-weight: 700;}
.apbc_b{ width:100%;color:#000; font-size:14px;height:180px;}
.apbc_b td{ line-height:27px;}
.apbc_b h1{width:100%;height:35px;line-height:35px;color:#cc0210;font-size:22px;margin-bottom:15px;}


.jbc_company{ width:420px;float:left;background: #fff;transition: all ease .5s;border:1px solid #f5f5f5;padding: 15px;}
.jbc_company:hover{
box-shadow:  0 0 5px rgba(0,0,0,.3);

	
}

.news-list:hover{
	transition:all ease .5s;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.jbc_company h2,.jbc_improt h2{ margin:12px auto; font-size:20px;color:#017cc9;border-bottom: 2px solid #ddd;font-weight: 700;}
.jbc_c_xq{ font-size:13px; color:#333;  font-family:"微软雅黑"; line-height:28px;overflow: auto;}
.jbc_c_xq a{ color:red; margin-left:5px;}

.jbc_improt{ float:left;width:370px;margin-right: 25px;background: #fff;padding: 15px;transition: all ease .5s;border:1px solid #f5f5f5;}
.jbc_imp{margin-top:5px;border-bottom:1px #e0e2e9 dotted;padding-bottom:6px; overflow:hidden;}
.jbc_improt:hover{
box-shadow:  0 0 5px rgba(0,0,0,.3);
	
	
}
.jbc_imp img{ float:left}
.jbc_anw{ width:100%;float:left; height:40px; line-height:40px; overflow:hidden;}
.jbc_anw b{ display:block; font-size:15px; color:#000;}
.jbc_anw span{ margin-top:5px; display:inline-block; font-size:13px;}
.jbc_anw a:hover b{ color:#f00;}



.jbc_vedio{ font-size:28px; text-align:center; }
.jbc_vedio b{ color:red; margin-left:5px;}
.jbc_v_one{ position:relative; width:271px; overflow:hidden; border:3px #027fc2 solid; float:left; margin-right:30px; margin-top:15px;}
.jbc_v_one span{ background:#000; width:261px; height:36px;  background:rgba(0,0,0,0.3);  background:#000 8; filter:Alpha(opacity=10); font-size:14px; color:#fff; position:absolute; bottom:0px; left:0px; display:inline-block; line-height:36px; padding-left:10px;}
.jbc_v_one span a{ display:inline-block; border:1px #fff solid; width:50px; height:20px; color:#fff; line-height:20px; text-align:center; float:right; margin:8px; cursor:pointer;}


/*page*/
.user-mbx{
	width:100%;
	height: 40px;
	background: #f5f5f5;
	float: left;
}
.app-mbx{
	width: 1200px;
	height: 40px;
	
	line-height: 40px;
	color:#666;
	font-size: 14px;
	margin: 0 auto;
}
.app-mbx a{
	color:#999
}
.app-mbx i{
	padding-right: 10px
}
.app-mbx a:hover{
	color:#e21001
}




.page-content{
	width: 100%;
}
.page-content-mid{
	width: 1208px;
	margin: 0 auto;
	overflow: auto;
	padding:30px 0;
}
.left-item-page{
	width: 260px;
	float:left;
	margin-left: 4px;
}
.pro-h1{
	width: 240px;
	height:45px;
	background: #e50213;
	color: #fff;
	line-height: 45px;
	padding-left: 20px;
}
.list-item-left{
	width: 100%;
	float: left;
	
}
.list-item-left li{
	width: 100%;
	float: left;
	height: 45px;
	line-height: 45px;
	border-left: 4px solid #fff;
	margin-left: -4px;
	background: #f5f5f5;
	margin-top: 2px;
}
.list-item-left li:hover{
	border-left: 4px solid #ac0000;
	background: #e50213;
}
.list-item-left li a{
	width: 240px;
	padding-left: 20px;
	float: left;
	height: 45px;
	color: #666;
	font-size: 16px;


}
.list-item-left li a:hover{
	color: #fff;
}
li.pagehover{
	border-left: 4px solid #ac0000;
	background: #e50213;
}
li.pagehover a{
	color: #fff;
}

.right-content-page{
	width: 900px;
	float: right;
	margin-right: 4px;
	overflow: hidden;
}
.right-content-page > h1{
	width: 895px;
	float: left;
	height: 45px;
	position: relative;
	background: #f5f5f5;
	border-left: 5px solid #e50213;
	overflow: hidden;

}
.right-content-page > h1 span{
	display: inline-block;
	padding: 0 15px;
	text-align: left;
	float: left;
	height: 45px;
	font-size: 16px;
	position:absolute;
	top: 0px;
	left: 10px;
	z-index: 10;
	line-height: 45px;
}
.nr-centent{
	float: left;
	margin-top: 15px;
	width: 878px;
	padding: 10px;
	border:1px solid #eee;
	line-height: 2em;
	font-size: 14px;
	color: #555;
}
.nr-centent table{ width:100%;}
.table-nr table{
	border:1px solid #ddd;
	border-collapse: collapse;
}
.table-nr table td,.table-nr table th{border:solid 1px #ddd;}
.nb-tuijian{
	width: 100%;
	padding: 30px 0;
	background: #f5f5f5;
	overflow: auto;
}
.nb-tuijian-mid{
	width: 1200px;
	margin: 0 auto;
}
.nb-tuijian-mid h1{
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #333;
	font-size: 20px;
}
.nb-tuijian-mid h1 span{
	color: #666;
	font-size: 14px;
}
.more-tj{
	float: right;
	height: 45px;
	line-height: 45px;
	color: #e21001;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}
.nb-tuijian-mid ul{
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}
.nb-tuijian-mid ul li{
	width: 219px;
	padding: 2px;
	border:1px solid #f5f5f5;
	overflow: hidden;
	float:left;
	margin-right: 15px;
}
.nb-tuijian-mid ul li img{
	width: 100%;
	height: 167px;
}
.nb-tuijian-mid ul li p{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #ddd;
	color: #555;
}
.nb-tuijian-mid ul li:hover{
	border:1px solid #e21001;
}

.jbc_bg{width:260px; margin-top:25px;float: left;}
.jbc_cp{ color:#fff; background:#027fc2; height:45px; line-height:45px ;font-size:16px; font-weight:normal;padding-left: 20px;}
.j_list{width:100%;float: left;}
.j_list ul li{ float:left; line-height:35px;height: 35px;margin-top: 5px;width: 100%}
.j_list ul li span{width: 18px;height: 18px;line-height: 18px;margin: 7px 0;margin-right:7px;float: left;border-radius:9px;display: block;text-align: center;background: #ddd;color: #fff;}
.j_list ul li a{ color:#666;}
.j_list ul li a:hover{ color:#e21001;}









/*news*/



.page-user{
	width: 100%;
	clear: both;

	padding-bottom: 30px;
	float: left;
}
.page-user-mid{
	width: 1200px;
	margin:0 auto;
}
.left-news-user{
	float:left;
	width:890px;
	margin-top: 20px;
}
.app-nav-ul{
	width:100%;
	height: 40px;
	background: #01568b;
	float: left;
}
.app-nav-ul a{
	height: 40px;
	line-height: 40px;
	color: #fff;
	width: 100px;
	float: left;
	display: block;
	text-align: center;
	font-size: 14px;
}
.app-nav-ul a:hover{
	background: #017cc9;
}
.list-panel{
	width: 100%;
	margin-top: 20px;
	float: left;
}
.boxshow{
	width:100%;
	float: left;
	height: 180px;
	overflow: hidden;
	margin-bottom: 15px;
}
.img-left-thumb{
	display:block;
	float: left;
	width: 285px;
	height: 180px;
	background: #f5f5f5
}
.img-left-thumb img{
	
	width: 285px;
	height: 180px;
}
.boxshow-desc{
	float:left;
	width: 880px;
	height: 179px;
	border-bottom: 1px solid #f5f5f5;
}
.boxshow-desc > h4{
	width: 100%;
	height: 30px;
	color: #000;
	font-size: 24px;
	font-weight: normal
}
.boxshow-desc > h4 a{
	color: #000;
}
.boxshow-desc > h4 a:hover{
	color: #c00;
}
.jjsumary{
	width: 100%;
	height: 100px;
	line-height: 22px;
	color: #666;
	font-size: 16px;
	margin-top: 15px;
}
.boxshow-desc label{
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	color: #999;
}
.right-news-user{
	float: right;
	width:285px;
	overflow: hidden;
	margin-top: 20px;
}
.title-name{
	width:100%;
	height: 40px;
	background: #01568b;
	float: left;
	color: #fff;
	font-size: 14px;
	text-indent: 25px;
	line-height: 40px;
}
.list{
	float: left;
	width: 283px;
	border: 1px solid #ddd;
}
.list div{
	float: left;
	width: 273px;
	padding: 5px;
	margin-top: 5px;
}
.list div img{
	width: 273px;
	height: 205px;
}
.list div h4{
	width: 100%;
	height: 25px;
	line-height: 25px;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	text-align: center
}
.list div h4 a{
	color: #000;
}
.list div h4 a:hover{
	color: #c00;
}
.list div span{
	text-align: center;
	display: block;
	height: 25px;
	line-height: 25px;
	color: #e21001;
	font-size: 14px;
}

.news-title-show{
	width: 100%;
	float: left;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 24px;
}

.fubiaoti{
	width: 100%;
	float: left;
	height:20px;
	line-height: 20px;
	text-align: center;
	color: #666;
	font-weight: normal;
	font-size: 12px;
}

.fubiaoti span{
	padding: 0 10px;
}
.app-newshownr{
	width: 100%;
	float: left;
	margin-top: 40px;
	line-height: 24px;
	font-size: 14px;
	color: #000;
}
.app-newshownr img{
	max-width: 100%;
	min-width: 100%;
}
.xgnews{
	width: 100%;
	float: left;
	margin-top: 40px;
}
.xgnews h3{
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #ddd;
	text-align: left;
	color: #333;
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.xgnews li{
	width: 50%;
	float: left;
	text-align: left;
	height: 35px;
	line-height: 35px;
	color: #666666;
	font-size:14px;
}
.xgnews li a{
	color: #666666;
}
.xgnews li a:hover{
	color: #c00;
}
#show_i_hits{font-size:12px; font-weight:700; color:#f00; margin:0 5px;}


.List_page{ width:100%; height:25px;text-align:center; margin-top:15px;padding-top:25px; padding-bottom:25px;float:left;}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ddd;color:#000;}
.List_page a:hover{background:#DF001F;color:#fff; margin:0px 1px;padding:4px 6px;border:1px solid #DF001F;transition:all 0.5s ease}
.List_page span{background:#DF001F;color:#fff; font-weight:700; margin:0px 1px;padding:4px 6px;border:1px solid #DF001F;cursor:pointer}
#show_i_hits{font-size:12px; font-weight:700; color:#f00; margin:0 5px;}
.info_next{ font-size:12px; float:left; color:#666; margin-top:10px; width:100%;}
.info_next a{color:#666}
.info_next a:hover{color:#DF001F;text-decoration:underline;transition:all 0.5s ease;}
.page_fenleiL { float:left;text-align:left;width:100%;height:25px;line-height:25px;transition:all 0.5s ease}
.page_fenleiL:hover{background:#DF001F;}
.page_fenleiL:hover a{color:#fff;}
.page_fenleiL:hover{color:#fff;}
.page_fenleiR { float:left;text-align:left;width:100%;height:25px;line-height:25px;transition:all 0.5s ease}
.page_fenleiR:hover{background:#DF001F;}
.page_fenleiR:hover a{color:#fff;}
.page_fenleiR:hover{color:#fff;}

.list-showx {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  width: 272px;
  height: 288px;
  margin-right:12px;
  margin-bottom: 18px;
  float: left;
  position: relative;
  padding:5px;
}
li.list-showx .imgbox {
  height: 188px;
  border-bottom: 2px solid #e3e3e3;
  overflow:hidden;
}
li.list-showx .imgbox img {
  width: 100%;
}
li.list-showx .des {
  padding: 10px;
}
li.list-showx .des p {
  padding: 0;
  line-height: 1.2;
  padding-bottom: 5px;
}
li.list-showx .des p.title {
  height: 29px;
  overflow: hidden;
}
li.list-showx .des p.forcheck {
  color: #e21001;
  display: inline-block;
}
li.list-showx .des p.forcheck label {
  color: #6f6f6f;
  float: right;
}
li.list-showx .des h4 {
  font-size: 16px;
  padding-bottom: 5px;
}
li.list-showx .showicon {
  width: 55px;
  height: 27px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 2;
  left: -1px;
  top: 10px;
  display: block;
}
li.list-showx .showicon.t {
  background-image: url(clientlib-common/image/product2/t.png);
}
li.list-showx .showicon.r {
  background-image: url(clientlib-common/image/product2/r.png);
}
li.list-showx .showicon.x {
  background-image: url(clientlib-common/image/product2/x.png);
}
li.list-showx .showicon.j {
  background-image: url(clientlib-common/image/product2/j.png);
  width: 67px;
  height: 30px;
}
.list-nav-info{
	width:230px;
	padding:15px;
	float:left;
	background: #f5f5f5;
}
.list-nav-info > a{
	width:100%;
	float:left;
	height:50px;
	line-height:50px;
	color:#e21001;
	font-weight:700;
	text-align:left;
	font-size:16px;
	
	border-bottom:1px solid #ddd;
}
.list-nav-info > a i{
	margin-right:10px;
	font-weight:normal;
}
.list-nav-info > a span{
	margin-left:10px;
	font-size:12px;
	font-weight:normal;
	color:#999;
	text-transform:Uppercase;
}
.list-nav-info > a:hover{
	color:#e21001;
}
.info-list-tab{
	width:100%;
	float:left;
	position:relative;
	display:none;
}
.info-list-tab dd{
	width:100%;
	float:left;
	height:40px;
	line-height:40px;
	border-bottom:1px dashed #f5f5f5;
}
.info-list-tab dd a{
	color:#666;
	font-weight:normal;
	font-size:14px;
}
.info-list-tab dd a:hover{
	color:#fda412;
}
.info-list-tab dd i{
	color:#666;
	font-weight:normal;
	font-size:14px;
	margin-right:5px;
	display:inline-block;
	animation:mykeframe1 ease 3s infinite;
}
.inputfeeckback{
	width:100%;
	margin-bottom: 15px;
}



.app-show-k{
	width: 100%;
	margin-top: 25px;
}
.show-proimg{
	float: left;
	width: 584px;
	
	overflow: hidden;
	position: relative;
}
.show-proimg .show-proimg-a {
	float: left;
	width: 584px;
	height: 438px;
	display: block
}
.show-proimg .show-proimg-a  img{
	width: 584px;
	height: 438px;
}
.tuji{
	position: absolute;
	bottom: 25px;
	left: 15px;
	background:url("../images/tujibg.png") repeat;
	height: 18px;
	padding: 10px 15px;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	width: 80px;
}
.tuji i{
	padding-right: 10px;
}
.show-group-img{
	width: 1200px;
	height: 674px;
	position: fixed;
	top: 30%;
	left: 50%;
	margin-top: -337px;
	margin-left: -600px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.25);
	z-index: 100;
	display: none;
}
.zhezhaoceng{
	width: 100%;
	height: 100%;
	position: fixed;
	background: url("../images/divzhezhao.png") repeat;
	z-index: 50;
	top: 0;
	left: 0;
	display: none
}
.app-close{
	width: 40px;
	height: 40px;
	position: absolute;
	background: #e33b3b;
	display: block;
	right:0;
	top:0;
	text-align: center;
}
.app-close i{
	width: 100%;
	height: 40px;
	display: block;
	line-height: 40px;
	cursor: pointer;
	color: #fff;
	font-size: 22px;
}
.group-zu{
	float: left;
	width: 899px;
	border-right: 1px solid #ddd;
	overflow: hidden;
	position: relative;
}
.group-zu img{
	width:899px !important;
	height: 674px !important;
}
.centered-btns_tabs{
	display: none !important;
}
.show-lxwmdesc{
	float:right;
	height: 514px;
	width: 260px;
	margin: 80px 20px;
}
.show-lxwmdesc h1{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	color: #555;
	margin-bottom: 30px;
}
.show-lxwmdesc .pre-group{
	width:100%;
	padding: 10px 0;
	background: #f5f5f5;
	margin-bottom: 30px;
}
.show-lxwmdesc  .pre-group p{
	width:220px;
	height: 45px;
	line-height: 45px;
	color: #606060;
	font-size: 16px;
	padding: 0 20px;	
}
.show-lxwmdesc .pre-group strong{
	color: #e33b3b;
	padding-left:25px;
	font-weight: normal;
}
.show-lxwmdesc > span{
	width: 100%;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #606060;
}
.show-lxwmdesc .contact-ico{
	width:259px;
	height: 45px;
	font-size: 18px;
	line-height: 45px;
	border:1px solid #e33b3b;
	margin-top: 30px;
	color: #e33b3b;
	font-weight: 700;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 30px;
}
.show-lxwmdesc .contact-ico i{
	padding-right: 10px;
}
.show-lxwmdesc .ycspan{
	padding-left: 30px ;
	margin:  20px 0;
	background: url("../images/product-icon04.png") no-repeat left center; 
}
.show-lxwmdesc .zfbspan{
	margin: 20px 0 ;
	padding-left: 30px;
	background: url("../images/product-icon05.png") no-repeat left center; 
}
.centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; background-image: url(../images/arrow.gif); overflow: hidden; opacity: .7;}
.next { right: 0; background-position: right 0;}
.centered-btns_nav:active { opacity: 1;}
.centered-btns_tabs { margin-top: 15px; text-align: center; font-size: 0; list-style-type: none;}
.centered-btns_tabs li { display: inline-block; margin: 0 3px; *display: inline; *zoom: 1;}
.centered-btns_tabs a { display: inline-block; width: 9px; height: 9px; border-radius: 50%; line-height: 20px; background-color: rgba(0, 0, 0, .3); background-color: #ccc\9; overflow: hidden; *display: inline; *zoom: 1;}
.centered-btns_tabs .centered-btns_here a { background-color: rgba(0, 0, 0, .8); background-color: #666\9;}

.show-prodesc{
	float:right;
	height: 438px;
	width: 575px;
}
.show-prodesc h1{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	color: #555;
	margin-bottom: 25px;
}
.show-prodesc .pre-group{
	width:100%;
	padding: 10px 0;
	background: #f5f5f5;
	margin-bottom: 25px;
}
.show-prodesc  .pre-group p{
	width:220px;
	height: 45px;
	line-height: 45px;
	color: #606060;
	font-size: 16px;
	padding: 0 20px;	
}
.show-prodesc .pre-group strong{
	color: #e33b3b;
	padding-left:25px;
	font-weight: normal;
}
.show-prodesc > span{
	width: 100%;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #606060;
}
.gccn > span{
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #606060;
	margin-left: 15px;
}
.gccn h3{
	float: left;
	margin-right: 15px;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #666;
}


.show-prodesc .ycspan{
	padding-left: 30px ;
	
	background: url("../images/product-icon04.png") no-repeat left center; 
}
.show-prodesc .zfbspan{
	
	padding-left: 30px;
	background: url("../images/product-icon05.png") no-repeat left center; 
}
.gccn{
	width: 100%;
	height:30px;
	margin-top: 30px;
	float: left;
}
.csrz{
	width: 100%;
	margin: 30px 0;
}
.contac-gs{
	width: 100%;
	float: left;
	height: 44px;
	margin-top: 25px;
}
.contac-gs a{
	height: 44px;
	line-height: 44px;
	color: #fff;
	text-align: center;
	background: #e33b3b;
	font-size: 18px;
	color: #fff;
	padding: 0 30px;
	display: inline-block;
	margin-right: 10px;
	float:left;
	border-radius: 5px;
}
.contac-gs .contact-ico{
	width:259px;
	height: 38px;
	font-size: 18px;
	line-height: 38px;
	border:2px solid #e33b3b;
	margin-left: 30px;
	color: #e33b3b;
	font-weight: 700;
	text-align: center;
	display: block;
	float: left;
}
.contac-gs .contact-ico i{
	padding-right: 10px;
}
.app-content-mr{
	width: 100%;
	clear: both;
	margin-top: 25px;
}
.left-hot-pro{
	width: 285px;
	float: left;
	border: 1px solid #ddd;
}
.left-hot-pro h1{
	font-size: 16px;
	color: #606060;
	text-indent: 15px;
	background: #f7f7f7;
	line-height: 46px;
	height: 46px;
	width: 285px;
}
.left-hot-pro h1{
	font-size: 16px;
	color: #606060;
	text-indent: 15px;
	background: #f7f7f7;
	line-height: 46px;
	height: 46px;
	width: 285px;
	float: left;
}
.left-hot-pro li{
	width:100%;
	float: left;
	text-align: center;
}
.left-hot-pro li img{
	width:100%;
	height:214px; 
}
.tit-xs{
	width: 100%;
	height: 25px;
	line-height: 25px;
	color: #333;
	display: inline-block;
	font-size: 14px;
}
.price-tl{
	width: 100%;
	height:25px;
	line-height: 25px;
	color: #e21001;
	font-size: 22px;
	display: inline-block;
	padding-bottom: 10px;
}
.show-main-pro{
	float: right;
	width: 880px;
	border:1px solid #ddd;
	border-top: none;
	margin-bottom: 30px;
}
.show-main-pro>ul{
	width: 880px;
	height: 47px;
	background: #f5f5f5;
	border-top:1px solid #ddd;
}
.show-main-pro>ul>a{
	width: 146px;
	height: 45px;
	background: #f5f5f5;
	border-top: 2px solid #f5f5f5;
	color:#666;
	float: left;
	display: block;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
}
.click_a{
	background: #fff !important;
	border-top: 2px solid #e21001 !important;
	color:#000 !important;
}
.pro-nr-zhuyao{
	float: left;
	width: 840px;
	padding: 20px;
	overflow: hidden;
}
.pro-nr-zhuyao img{
	max-width: 100%;
}
.h1-xians{
	width: 100%;
	border-bottom: 2px dotted #eee;
	height: 40px;
	line-height: 40px;
	color:#000;
	font-size: 16px;
	display: block;
	float: left;
	margin-bottom:15px; overflow:hidden;
}
.nrx-zhuyao{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	display:none;
}
.nrx-zhuyao table{ width:100%; float:left; border-spacing:0; border-collapse: collapse; }
.nrx-zhuyao td{ padding:5px; border:1px solid #ddd; font-size:15px;}



/*add css*/
.user-fixed-side{
	width: 150px;
	height: 450px;
	float: left;
	overflow: hidden;
	position: fixed;
	left: 15px;
	top:50%;
	margin-top: -225px;
	z-index: 99999
}
.user-fixed-side img{
	width: 100%;
}
.menu-item:hover .user-app-div{
	display: block;
}
.user-app-div{
	width:100%;
	float: left;
	position: absolute;
	top: 4rem;
	left: 0px;
	background: #017cc9;
	display: none;
	padding-bottom: 10px;
}
.user-sider-item{
	width: 100%;
	height: 40px;
	float: left;
	position: relative;
	
}
.user-sider-item .img-tww{
	width: 150px;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color:#fff;
	font-size: 12px;
	float: left;
	
}

.user-sider-item:hover .img-tww,.user-sider-item .img-tww:hover{
	background: #01568b;
}
.item-list{
	position: absolute;
	left: 170px;
	top: 0px;
	background: #01568b;
	float: left;
	width: 500px;
	display: none;
	padding: 20px;
}
.item-list>h1{
	width:100%;
	float: left;
	height: 30px;
	line-height: 30px;
	color:#fff;
	font-size: 15px;
	text-align: left;
}
.item-list>h1 a{
	color:#fff;
}
.user-sider-item:hover .item-list{
	display: block;
}
.img-left-tupian{
	width:300px;
	height: 225px;
	padding: 2px;
	border:1px solid #ddd;
	float: left;
	background: #fff;
}
.img-left-tupian img{
	width:100%;
	height: 225px;
}
.summary-right{
	width: 180px;
	float: right;
	overflow: hidden;
}
.summary-right span{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 180px;
	line-height: 1.6em;
	color:#fff;
}
.more-item{
	width: 178px;
	height: 35px;
	line-height: 35px;
	float:left;
	margin-top: 15px;
	border:1px #017cc9 solid;
	color:#fff;
	text-align: center;
	transition:all ease .5s;
}
.more-item:hover{
	border:1px #fff solid;
	color:#01568b;
	background: #fff;
}
.close-user{
	position: absolute;
	right: 5px;
	top: 5px;
	float: right;
	width: 12px;
	height: 12px;
	display: block;
}


.preview{width: 584px;margin-top: 5px;float:left;position: relative; overflow:hidden;}
.preview .show{width: 580px;height:435px; border: 1px solid #ddd; padding:1px;overflow: hidden; position: relative;line-height: 438px; background: url(../../img/loading.gif) no-repeat center;}
.preview .show img{ vertical-align: middle; width:580px; height:435px; float:left;}
.preview .show .zoom_icon{ position: absolute; right: 0;bottom: 0;width: 22px;height: 22px;background: url(../../img/bg_sign18.jpg) no-repeat;}
.zoomdiv {z-index:1;position:absolute;top:20px;left:0px;width:255;height:230px;background:#fff;border:1px solid #eee;display:none;text-align: center;overflow: hidden;}
.jqZoomPup {z-index:1;visibility: hidden;position: absolute;top:0px;left:0px;width: 50px;height: 50px;border: 1px solid #aaa;background: #ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.thumb-scroll{width: 584px;height: 100px; margin-top: 10px; position: relative;}
.thumb-scroll .pro-thumb{width: 584px;height: 120px; position: relative; overflow: hidden; margin: 0 auto;}
.thumb-scroll .pro-thumb ul { position: absolute;height: 120px; left: 0;top: 0}
.thumb-scroll .pro-thumb ul li{float: left;width: 135px;height: 100px;padding: 2px; border: 1px solid #d1d1d1; overflow: hidden;margin-right:3px;} 
.thumb-scroll .pro-thumb ul li img{vertical-align: middle; width:135px; height:100px;}
.thumb-scroll .pro-thumb ul li.on{ border-width: 3px; padding: 0;}
.thumb-scroll .prev,.thumb-scroll .next{ position: absolute;top: 0; display: inline-block;width: 25px;height: 36px; border: 1px solid #f1f1f1; background: url(../images/bg_btn12.gif) no-repeat #fff -5px;}
.thumb-scroll .prev{left: 0;}
.thumb-scroll .next{background-position: -38px -13px;right: 0;}
.thumb-scroll .prev.disable,.thumb-scroll .next.disable{background-color: #f1f1f1; cursor: default;}
.zoomdiv{border:1px solid #ddd;padding:1px;}

.tables{float:right;width:560px;}
.tables .price{float:left;width:280px;font-size:16px;}
.tables .tels{background:url(../image/redtel.jpg) no-repeat 0 10px;text-indent: 40px;float:right;color:#f00;font-size:16px;font-weight:bold;}
.red{color:#f00;font-size:18px;font-weight:bold;}
.tables .tp{height:69px;line-height:30px;}
.tables table{}
.tables table td{height:25px;line-height:25px !important;}
.tables .td1{background:#F8F8F8;}
.border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c8c8c8;
	border-right-color: #c8c8c8;
	border-bottom-color: #c8c8c8;
	border-left-color: #c8c8c8;
}
.liuyan_put {
	color: #0E5488;
width: 560px !important;
margin-right: 5px;
}
.liuyan_put li{
	float: left;
	width: 275px !important;
}




.page-user {
    width: 100%;
    clear: both;
    padding-bottom: 30px;
    float: left;
}

.page-user-mid {
    width: 1200px;
    margin: 0 auto;
}

.app-mbx {
    width: 1180px;
    padding: 0 10px;
    height: 40px;
    background: #f5f5f5;
    line-height: 40px;
    color: #666;
    font-size: 14px;
	margin-top: 10px;
}

.app-mbx a {
    color: #999
}

.app-mbx i {
    padding-right: 10px
}

.app-mbx a:hover {
    color: #e21001
}

.app-pro-item {
    width: 1200px;
    border-radius: 5px;
    margin-top: 20px;
	text-align: center;
	clear: both;
	height: 40px;
	
}
.app-pro-item li{
    width: 135px;
    height: 40px;
 
  position:relative;
  
    margin: 0 5px;
    background: #86BE49;
    text-align: center;
	display: inline-block;
	transition: all ease .5s;
	
}
.app-pro-item li > a{
    width: 100%;
    height: 40px;
    line-height: 40px;
   display:block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #86BE49;
    text-align: center;
	transition: all ease .5s;
	
}

.app-pro-item li >a:hover {
    color: #fff;
	background: #86BE49
}
.app-pro-item li:hover ul{
display:block;
}
.app-pro-item li  ul {
    color: #fff;
	background: #86BE49;
position:absolute;
top:40px;
left:0;
width:100%;
float:left;
background: #86BE49;
display:none;
}
.app-pro-item li  ul >a{
    color: #fff;
	
width:100%;
float:left;
height:40px;
line-height:40px;
font-size:12px;
}
.app-pro-item li  ul >a:hover{
background:#537f23;
}
.pd_list_dls {
    width: 280px;
    overflow: hidden;
    float: left;
    margin-top: 25px;
    margin-right: 25px;
}

.pd_list_dls img {
    width: 280px;
    height: 210px;
}

.pd_list_dls p {
    width: 100%;
}

.pd_list_dls p a.tiepr {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #000;
    display: block;
}

.pd_list_dls p a.procs {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #666;
    display: block;
}

.pd_list_dls p a.tiepr:hover {
    color: #e21001;
}

.pd_list_dls p a.procs strong {
    color: #e21001;
    font-size: 20px;
    font-weight: 700;
}

.cp_title {
    font-size: 26px;
    font-weight: 500;
    color: #555555;
    height: 35px;
    line-height: 35px;
	overflow:hidden;
    border-bottom: 1px solid #dedede;
    padding-left: 30px;
}
.cp_ss {
    height: 50px;
    line-height: 50px;
	overflow:hidden;
    border-bottom: 1px solid #dedede;
    padding-left: 50px;
    font-size: 18px;
    font-weight: 700;
    color: #0A77BD;
}
.cp_ss a {
    color: #0A77BD;
}
.cp_con {
    margin: 7px 0 0 40px;
    width: 358px;
    position: relative;
}
.cp_con li {
    line-height: 30px;
    font-size: 16px
}

.cp_hz {
    margin: 10px 0 0 50px;
    width: 368px;
}

.jbc_left{ width:260px; float:left; overflow:hidden; height:auto;}
.jbc_bg{width:260px; background:#fff; padding-bottom:10px;}
.jbc_cp{ color:#fff; background:#017cc9; height:50px; line-height:50px ; font-family:"微软雅黑"; font-size:15px; font-weight:normal;}
.j_list{ border-bottom:1px #ababab dashed; padding-bottom:15px; width:256px; margin:5px auto}
.jbc_cp img{ display:inline-block; margin:-3px 10px 0px 5px;}


.li_imga{ line-height:35px; border-bottom:1px #ccc solid;  width:100%; display:inline-block; background:url(../images/gear.png) 20px 12px no-repeat #eee; margin-bottom:1px; cursor:pointer}
.li_imga:hover{ line-height:35px; border-bottom:1px #ccc solid;  width:100%; display:inline-block; background:url(../images/gear_b.png) 20px 12px no-repeat #017cc9; margin-bottom:1px; cursor:pointer}
.li_imga:hover a{ color:#fff;}
.li_imga .click{ background:url(../images/r_lr.jpg) #f54029 15px 10px no-repeat; color:#fff}
.li_imga a{ padding-left:50px;  font-size:15px; color:#000; font-weight:700;}
.li_imga a:hover{ padding-left:50px;  font-size:15px; color:#fff; }

.li_imgb{ line-height:35px; border-bottom:1px #ccc solid;  width:100%; display:inline-block; background:url(../images/gear.png) 20px 12px no-repeat #f9f9f9; margin-bottom:1px; cursor:pointer}
.li_imgb:hover{ line-height:35px; border-bottom:1px #ccc solid;  width:100%; display:inline-block; background:url(../images/gear_b.png) 20px 12px no-repeat #017cc9; margin-bottom:1px; cursor:pointer}
.li_imgb:hover a{ color:#fff;}
.li_imgb .click{ background:url(../images/r_lr.jpg) #f54029 15px 10px no-repeat; color:#fff}
.li_imgb a{ padding-left:50px;  font-size:14px; color:#000; }
.li_imgb a:hover{ padding-left:50px;  font-size:14px; color:#fff; }

.jbc_right{ width:920px; height:auto; float:right; overflow:hidden;}

.j_list{ border-bottom:1px #ababab dashed; padding-bottom:15px; width:256px; margin:5px auto}
.jbc_cp img{ display:inline-block; margin:-3px 10px 0px 5px;}
.j_lists h2{ font-size:15px; color:#838383; font-family:"微软雅黑"; margin:10px 0px 0px 10px;}
.j_lists ul{  display:inline-block; margin:5px 0px 0px 0px;}
.j_lists ul li{ float:left; margin-right:15px; line-height:22px;}
.j_lists ul li a{ color:#838383;}
.j_l{ text-align:center;  font-family:"微软雅黑"; font-size:14px; }
.j_l li{ margin:0 auto;  padding:1px; background:#ededed; color:#fff; padding-bottom:15px;}

.jbc_i li{ border-bottom:1px dashed #e8e8e8; margin-left:10px; width:220px; overflow:hidden}

.products-title { font-size: 24px;  font-weight: 600; height:53px; line-height:53px; display: inline-block; padding: 0 70px; margin-bottom:20px;  position:relative;  color: #0A77BD;  text-align:center;}

.products-title:before {background: url(../images/p-l.png); content: ""; display: block; position:absolute; left:0; top:0; width:56px; height:53px;}

.products-title:after {background: url(../images/p-r.png); content: ""; display: block; position:absolute; right:0; top:0; width:56px; height:53px;}
.text-center{ text-align:center;}


#preview{ width:584px; float:left; overflow:hidden;}
#spec-n1{float:left; border:1px solid #ccc; padding:5px; width:570px; height:428px; overflow:hidden;}
#spec-n1 img { width:570px; height:428px;}
#spec-n5{width:584px; display:inline; height:110px; float:left; background:#f5f5f5; padding-top:10px; padding-bottom:5px;}
#spec-list{float:left; margin-left:2px; display:inline; overflow:hidden; height:auto; width:584px;}
#spec-list li{ width:135px; height:auto; float:left; margin-right:10px; overflow:hidden;}
#spec-list ul li img{ padding:2px; border:1px solid #ccc; width:129px; display:inline; height:97px; margin-bottom:8px;}

.logo_tell{ width:325px; height:103px; line-height:73px; text-align:right; margin-top:10px; font-size:36px; color:#f00; font-weight:bold; float:right; overflow:hidden; background:url(../images/righttell.jpg) no-repeat;}
