-------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 background: transparent;
 border: 0;
 margin: 0;
 padding: 0;
 vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
* {
	padding:0px;
	margin:0
}
.clear{ clear:both;}
/* =Global
-------------------------------------------------------------- */
body{ background-color:#e7e7e7; color:#333; font-size:13px; font-family:"Microsoft Yahei";}

.shadow{ background-color:#FFF;  -webkit-box-shadow: 5px 5px 5px #ccc;-moz-box-shadow:  5px 5px 5px #ccc; -o-box-shadow:  5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc;}

.shadow2{ background-color:#fafafa;   box-shadow: 0px 0px 6px #999; border-radius:5px;}

.index_new_box{ width:100%; height:270px;}

/* ============================================================
  GLOBAL
============================================================ */
.effects {
  padding-left: 0px;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;

  overflow: hidden;
}
.effects .img:nth-child(n) {
  margin-right: 0px;
}
.effects .img:first-child {
  margin-left: 0px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {

}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(204, 204, 204, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */
#effect-1 .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-1 .overlay a.expand {
  left: 0;
  right: 0;
  bottom: 50%;
  margin: 0 auto -30px auto;
}
#effect-1 .img.hover .overlay {
  height: 100%;
}

/* ============================================================
  EFFECT 2 - SLIDE IN TOP
============================================================ */
#effect-2 .overlay {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-2 .overlay a.expand {
  left: 0;
  right: 0;
  top: 50%;
  margin: -30px auto 0 auto;
}
#effect-2 .img.hover .overlay {
  height: 100%;
}

/* ============================================================
  EFFECT 3 - SLIDE IN LEFT
============================================================ */
#effect-3 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
}
#effect-3 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto 0 auto -30px;
}
#effect-3 .img.hover .overlay {
  width: 100%;
}

/* ============================================================
  EFFECT 4 - SLIDE IN RIGHT
============================================================ */
#effect-4 .overlay {
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 100%;
}
#effect-4 .overlay a.expand {
  top: 0;
  bottom: 0;
  right: 50%;
  margin: auto -30px auto 0;
}
#effect-4 .img {
  overflow: hidden;
}
#effect-4 .img.hover .overlay {
  width: 100%;
}

/* ============================================================
  EFFECT 5 - ICON BORDER ANIMATE
============================================================ */
#effect-5 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-5 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-5 .img.hover .overlay {
  opacity: 1;
}
#effect-5 .img.hover .overlay a.expand {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* ============================================================
  EFFECT 6 - ICON BOUNCE IN
============================================================ */
#effect-6 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-6 .overlay a.expand {
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-6 .img.hover .overlay {
  opacity: 1;
}
#effect-6 .img.hover .overlay a.expand {
  top: 50%;
  margin-top: -30px;
  opacity: 1;
}

.index_title_box{width:100%; background-color:#e7e7e7; padding-top:30px; padding-bottom:30px; text-align:center;}
.index_contain{width:100%; background-color:#ececec; padding-top:30px; padding-bottom:30px;}
.index_contain_box{width:1200px; margin:0 auto;}
.index_contain_box .i_image_li{margin-top:20px;}
.index_contain_box .i_image_li .imgbox{ border:2px solid #FFF;box-shadow: 5px 5px 5px #888888;}
.index_contain_box .i_image_li img{ width:100%;}
.index_v_box_1{ float:left; background-color:#cecdcd; margin-right:20px; margin-bottom:20px; width:500px; height:418px; overflow:hidden;}
.index_v_box_1 .imgbox{ background-color:#FFF; width:100%; height:80%; overflow:hidden;}
.index_v_box_1 .imgbox img{ width:100$;}
.index_v_box_1 .txtbox{ width:100%; height:20%;}
.index_v_box_1 .txtbox .icon{ float:left; width:10%; margin-top:15px; margin-left:10px; margin-right:10px;}
.index_v_box_1 .txtbox .icon img{ width:100%;}
.index_v_box_1 .txtbox .title{ float:left; line-height:20px; width:80%; margin-top:20px;}
.index_v_box_1 .txtbox .title a{ color:#FFF; font-size:16px;}

.index_v_box{ float:left; background-color:#cecdcd; margin-right:20px; margin-bottom:20px; width:206px; height:199px; overflow:hidden;}
.index_v_box .imgbox{ background-color:#FFF; width:100%; height:80%; overflow:hidden;}
.index_v_box .imgbox img{ width:100$;}
.index_v_box .txtbox{ width:100%; height:20%;}
.index_v_box .txtbox .icon{ float:left; width:15%; margin-top:5px; margin-left:10px; margin-right:10px;}
.index_v_box .txtbox .icon img{ width:100%;}
.index_v_box .txtbox .title{ float:left; line-height:18px; width:70%; margin-top:2px;}
.index_v_box .txtbox .title a{ color:#fff; font-size:13px;}

.bottom{ width:100%; background-color:#e7e7e7; color:#fe0000; font-size:16px; padding-top:15px; padding-bottom:15px; text-align:center; line-height:18px; }
.bottom a{ color:#fe0000;}


.mainContain{ width:1200px; margin:0 auto;}

.contact_title_box{float:left; width:240px; text-align:center;}
.contact_title_box a{ display:block; text-decoration:none;}
.contact_title_box .icon{ width:89px; height:89px; overflow:hidden; margin:0 auto;}
.contact_title_box .icon img{ width:100%; height:100%;}
.contact_title_box .title{ color:#e50112; font-size:22px; padding-top:20px;}
.contact_title_box .txt{ color:#7d7c7c; font-size:17px; padding-top:10px; line-height:24px;}

.p_title_box{ width:1200px; height:50px; margin:0 auto; background-image:url(p_title_line.png); overflow:hidden; margin-top:50px; }
.p_title_center_box{ width:380px;  height:50px; margin:0 auto; background-color:#FFF; overflow:hidden;}
.p_title_center_box_box{ width:360px; height:50px; background-color:#bdcf01; overflow:hidden; color:#fff; margin-left:10px; line-height:50px; font-size:20px; text-align:center;}

.breadcrumbs a{ color:#333; font-size:14px;}

.pShow_img { float:left; width:600px; height:500px; overflow:hidden; text-align:center;}
.pShow_img img{ width:500px;}
.chanpinjibenziliao{ float:left; width:500px; overflow:hidden;}
.chanpinjibenziliao .title{color:#000; font-size:30px;}
.chanpinjibenziliao .txt{width:100%; margin-top:10px; height:450px;  overflow:hidden;}

.newsCatBox{ background-color:#f6f6f6; height:46px; overflow:hidden; border-left:1px solid #d5d5d5;}
.newsCatBox .curCat{ float:left; width:140px; background-color:#FFF; border-top:3px solid #e50112; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; text-align:center; line-height:46px; height:46px;}
.newsCatBox .cat{ float:left; width:140px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; text-align:center; line-height:46px; height:46px;}
.newsCatBox a{ color:#000; text-decoration:none;}

.newsListBox-{ height:150px; margin-top:10px; border-bottom:1px dashed #ccc;}
.newsListBox- .img{ float:left;width:217px; height:140px; overflow:hidden; margin-right:15px;}
.newsListBox- .img img{ width:217px; height:140px;}
.newsListBox- .title{float:left; height:30px; line-height:30px; font-size:20px; width:840px;}
.newsListBox- .title a{ color:#000;}
.newsListBox- .description{float:left;width:900px; height:80px; line-height:24px; font-size:14px;}
.newsListBox- .date{float:left; text-align:right;width:900px; height:30px; line-height:30px; font-size:14px;}

.newsListBox{ overflow:hidden;margin-top:20px; border:1px solid #e2e2e2; width:100%;}
.newsListBox .img{ width:100%; height:140px; overflow:hidden; margin-right:15px;}
.newsListBox .img img{ width:100%;}
.newsListBox .c_box{ width:90%; margin:0 auto;text-align:left;}
.newsListBox .title{ height:26px; line-height:26px; font-size:14px; width:100%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsListBox .title a{ color:#333;}
.newsListBox .description{width:100%; height:85px; line-height:20px; font-size:12px; overflow:hidden; border-bottom:1px dashed #ccc; color:#666; margin-bottom:10px;}
.newsListBox .date{float:left; width:50%; height:30px; line-height:18px; font-size:12px; color:#666;}
.newsListBox .more{float:left; text-align:right; width:50%; height:30px; line-height:18px; font-size:12px;}
.newsListBox .more a{ color:#666;}

.newsShowTitle{ text-align:center; font-size:24px; color:#333;}
.newsShowTitle2{ text-align:center; font-size:13px; color:#999; line-height:30px; border-bottom:1px dashed #CCC;}
.newsContent{ width:1200px; padding:50px; overflow:hidden; border-bottom:3px solid #b2b2b2;}
.newsContent img{ max-width:1100px;}

.articlebook{ margin-top:20px; line-height:24px; font-size:14px;}
.articlebook a{ color:#000;}

.bannerbox{z-index:10;overflow:hidden; width:100%; background-color:#000;}
.top{width:100%; background-color:#e7e7e7; padding-bottom:15px;}

#phone{ float:right;}
#phone .img{ float:left;  padding-top:20px;}
#phone .img img{ height:30px;}
#phone .phonenum{ float:left; font-size:16px; font-weight:bold; color:#666; font-family:Verdana, Geneva, sans-serif; padding-top:27px;}

.topbox{background-image:url(menuBack.jpg); height:65px; width:100%; }

#logo{float:left;  height:56px; padding-top:15px; }
#logo img{ max-width:100%;}

.i_title_box{width:100%; background-color:#e7e7e7; padding-top:30px; padding-bottom:30px;}
.i_title_box .img{width:1075px; margin:0 auto; text-align:center;}
.i_title_box .img img{width:60%;}

.i_title_box .title_box{ width:645px; margin:0 auto;}
.i_title_box .title_box .title1{ width:100%;text-align:center;}
.i_title_box .title_box .title1 a{ color:#505050; font-size:26px; font-weight:bold;}
.i_title_box .title_box .title2{ width:100%; text-align:center; font-size:14px; color:#989898; padding-top:5px; padding-bottom:5px;}
.i_title_box .title_box .linebox{width:100%;}
.i_title_box .title_box .linebox .line{ width:150px; height:3px; background-color:#c7c7c7; overflow:hidden; float:left; margin-top:7px;}
.i_title_box .title_box .linebox .lineTxt{ float:left; width:345px; border:1px solid #c7c7c7; height:20px; background-color:#bdcf01;}


.i_n_box{width:1200px; height:270px;margin:0 auto;}
.i_n_img{width:100%; height:50%; background-color:#666; overflow:hidden;}
.i_n_img img{ width:100%;}
.i_a_box{width:1200px; height:450px; margin:0 auto; background-image:url(i_i_back.png); background-repeat:no-repeat;}
.i_a_v{ width:361px; height:230px; float:left;  margin-left:20px; margin-right:10px; margin-top:150px; text-align:center;}
.i_a_c{width:770px; height:400px;   padding-top:30px; float:left;}
.i_image_box{width:100%;  background-color:#e7e7e7;}
.i_image_title{text-align:center; padding-top:30px; color:#505050;}
.i_image_title .title1{ font-size:26px; font-weight:bold;}
.i_image_title .title1 a{color:#505050;}
.i_image_title .title2{font-size:20px;padding-top:10px;}
.i_image_title .title3{ padding-top:10px; padding-bottom:5px;}
.i_image_title .title4{ font-size:16px; line-height:30px;}


.i_qrcode_box{width:620px; margin:0 auto; padding-top:50px; font-size:24px;}
.i_qrcode_box .qrcode1{width:300px; text-align:center; float:left; margin-right:20px;}
.i_qrcode_box .qrcode2{width:300px; text-align:center;float:left;}
.i_qq_box{margin-top:30px;}
.i_tel_box{margin-top:30px;font-size:24px;}

.i_p_box{ overflow:hidden;}
.i_p_box .line1{height:5px; background-color:#FFF; overflow:hidden; }

.i_p_box .line2{width:286px; height:170px; overflow:hidden; border:5px solid #FFF; background-color:#FFF; }
.i_p_box .line2 img{width:100%; }
.i_p_box .line3{width:286px; height:42px; background-color:#FFF;}
.i_p_box .line3 .link1{float:left; width:205px; height:42px; line-height:42px; text-align:center; font-size:14px; font-weight:bold; overflow:hidden;}
.i_p_box .line3 .link2{float:left; background-color:#fd1106; color:#FFF; padding-left:5px; padding-right:5px; line-height:20px; font-size:12px; margin-top:10px;}


.i_v_box{ overflow:hidden;}
.i_v_box .line2{ max-height:330px; overflow:hidden; border:5px solid #FFF; background-color:#FFF; }
.i_v_box .line2 img{width:100%; }

.device_lm{ float:left;  font-size:14px; margin-right:30px; display:block; width:100px; text-align:center; line-height:30px;}
.device_lm_div{display:inline-block;}

.product_cat_box{  padding-left:15px; height:40px; line-height:40px; border:1px solid #e2e2e2; margin:0 auto; font-size:14px; color:#666;}
.product_cat_box li{ float:left; margin-right:20px;}

.newsCatBox_phone{ display:none;}

#product_div img{ width:289px; }
#product_div a{color:#232323; font-size:18px; line-height:24px;}

.page_title_1{color:#000; font-size:36px; font-weight:bold; margin-top:50px;}
.page_title_2{color:#000; font-size:20px; margin-top:5px;}
.page_title_3{width:120px; height:12px; background-color:#e50112; overflow:hidden; margin-top:15px;}
.page_title_4{color:#000; font-size:20px; margin-top:5px;}
.page_content{width:100%; margin-top:50px;}

#featured-area{height:437px;width:950px;margin:30px auto 0 auto;}
.roundabout-holder{list-style:none;width:500px;height:400px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:400px;width:600px;cursor:pointer;padding:5px;border:1px solid #aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder span{display:none;}
.roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

#bottomMenu{ width:900px; float:left; }
#bottomMenu ul{}
#bottomMenu ul li{ float:left; width:150px; line-height:20px;}
#bottomMenu ul li a{ color:#999; font-weight:bold; font-size:13px;}
#bottomMenu ul li ul li a{ color:#999; font-weight:normal; font-size:12px;}

#bottomMenuMid{ width:250px; float:left;color:#999;}
#bottomMenuMid .qrcode1{ width:200px; float:left; text-align:center;}
#bottomMenuMid .qrcode2{ width:200px; float:left;text-align:left;}
#bottomMenuMid .qrcode1 img{ width:70%;}
#bottomMenuMid .qrcode2 img{ width:70%;}

#bottomMenuRight{ width:270px; float:right;color:#333; text-align:center; display:none;}
#bottomMenuRight .phone{ font-size:24px; }
#bottomMenuRight .kf{ width:170px; border:1px solid #333; padding-top:10px; padding-bottom:10px; font-size:14px; margin-top:10px;}
#bottomMenuRight .kf a{ color:#333;}
#bottomMenuRight .worktime{ margin-top:10px; color:#666;}

.i_new_div{width:100%; background-color:#ececec; padding-top:30px; padding-bottom:30px;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.mainContain{ width:100%; overflow:scroll;}
	.topbox{ height:120px;}
	#logo{ width:100%; text-align:center; height:56px; padding-top:4px;}
	
	.i_title_box{width:100%; background-color:#e7e7e7; padding-top:10px; padding-bottom:10px;}
    .i_title_box .img{width:100%; text-align:center;}
	.i_title_box .img img{ width:80%;}
	
	.i_title_box .title_box{ width:90%; margin:0 auto;}
.i_title_box .title_box .title1{ width:100%;text-align:center;}
.i_title_box .title_box .title1 a{ color:#505050; font-size:16px; font-weight:bold;}
.i_title_box .title_box .title2{ width:100%; text-align:center; font-size:14px; color:#989898; padding-top:5px; padding-bottom:5px;}
.i_title_box .title_box .linebox{width:100%;}
.i_title_box .title_box .linebox .line{ width:25%; height:3px; background-color:#c7c7c7; overflow:hidden; float:left; margin-top:7px;}
.i_title_box .title_box .linebox .lineTxt{ float:left; width:50%; border:1px solid #c7c7c7; height:20px; background-color:#bdcf01;}
	
	
	
	
	.i_n_box{width:100%; height:auto; }
	.i_n_box .col-md-3{width:50%; float:left;}
	
	.i_n_img{width:100%; height:50%; background-color:#fff; overflow:hidden; text-align:center;}
	.i_n_img img{ width:270px;}
	.index_new_box{ width:100%; height:280px; padding-top:10px; margin-top:10px;}
	
	.i_a_box{width:90%; height:auto; margin:0 auto; overflow:hidden;background-image:none;}
	.i_a_v{ width:100%; height:auto; float:left;  margin-left:0px; margin-right:0px; margin-top:0px; text-align:center;}
	.i_a_c{height:auto;  margin-left:0px; width:100%; line-height:20px; font-size:13px; padding-top:5px;}

    .i_image_box{width:100%; height:auto; background-image:none; background-color:#777; padding-bottom:20px;}
    .i_image_title{text-align:center; padding-top:20px;}

	.index_contain_box{width:100%; margin:0 auto;}
	.index_contain_box .i_image_li{margin-top:10px;}
	.index_contain_box .col-md-3{ width:50%; float:left; text-align:center;}
	.index_contain_box .col-md-3 img{ max-width:100%;}
	
	.i_qrcode_box{width:100%; margin:0 auto; padding-top:50px; font-size:16px;}
	.i_qrcode_box .qrcode1{width:50%; text-align:center; float:left; margin-right:0px;}
	.i_qrcode_box .qrcode2{width:50%; text-align:center;float:left;}
	.i_qrcode_box .qrcode1 img{width:80%;}
	.i_qrcode_box .qrcode2 img{width:80%;}
	
	.i_qq_box{margin-top:20px; display:none;}
	.i_tel_box{margin-top:20px;font-size:14px;}
	
	.i_p_box .line1{height:36px; background-color:#FFF; padding-top:6px; padding-left:10px;}
.i_p_box .line1 img{width:80px; height:30px;}
.i_p_box .line2{width:100%; height:auto;}
.i_p_box .line2 img{width:100%; height:auto;}
.i_p_box .line3{width:100%; height:54px; background-color:#FFF;}
.i_p_box .line3 .link1{ width:100%; height:auto; line-height:14px; text-align:center; font-size:14px; font-weight:bold; overflow:hidden;}
.i_p_box .line3 .link2{ margin-left:70px; background-color:#fd1106; color:#FFF; padding-left:5px; padding-right:5px; line-height:20px; font-size:12px; }

.newsCatBox{ display:none;}
.newsCatBox_phone{ display:block; width:90%; margin:0 auto;}
.newsCatBox_phone .cat{ float:left; margin-right:10px;}
.newsCatBox_phone .curCat{ float:left; margin-right:10px;}

.newsCatBox_phone .cat a{ color:#333;}
.newsCatBox_phone .curCat a{ color:#F00;}

.newsListDiv .col-md-3{width:50%; float:left;}

.p_title_box{ width:95%; height:50px; margin:0 auto; background-image:url(p_title_line.png); overflow:hidden; margin-top:50px; }
.p_title_center_box{ width:180px;  height:50px; margin:0 auto; background-color:#FFF; overflow:hidden;}
.p_title_center_box_box{ width:160px; height:50px; background-color:#e50112; overflow:hidden; color:#fff; margin-left:10px; line-height:50px; font-size:20px; text-align:center;}

#product_div .col-md-3{width:50%; float:left;}
#product_div img{ width:100%; height:auto;}
#product_div a{color:#232323; font-size:14px; line-height:20px;}

.page_title_1{color:#000; font-size:20px; font-weight:bold; margin-top:20px; margin-left:10px;}
.page_title_2{color:#000; font-size:16px; margin-top:5px; margin-left:10px;}
.page_title_3{width:120px; height:6px; background-color:#e50112; overflow:hidden; margin-top:10px; margin-left:10px;}
.page_title_4{color:#000; font-size:14px; margin-top:5px; margin-left:10px;}

.page_content{width:90%;  margin:0 auto;margin-top:20px; overflow:hidden;}
.page_content img{ max-width:100%;}

.breadcrumbs{ margin-left:10px;}
.breadcrumbs a{ color:#333; font-size:14px;}

.newsContent{ width:100%; padding:20px; overflow:hidden; border-bottom:3px solid #b2b2b2;}
.newsContent img{ max-width:100%; height:auto; width:auto;}
.newsContent iframe{ max-width:100%; height:auto;}

.articlebook{ margin-top:20px; margin-left:10px; line-height:24px; font-size:14px;}
.articlebook a{ color:#000;}
.device_lm_div{display:block;}
.device_lm{ float:left;  font-size:14px; margin-right:5%; margin-left:5%; display:block; width:40%; text-align:center; line-height:30px; margin-bottom:10px;}

#featured-area{height:150px;width:95%;margin:0 auto;  margin-top:150px;}
.roundabout-holder{list-style:none;width:100%;height:auto;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:auto;width:65%;cursor:pointer;padding:5px;border:1px solid #aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;background:#f9f9f9;}
.roundabout-moveable-item img{height:auto;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder span{display:none;}
.roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

.pShow_img { float:none;  width:100%; height:auto; overflow:hidden; text-align:center;}
.pShow_img img{ width:60%;}
.chanpinjibenziliao{ float:none; width:90%; margin:0 auto; overflow:hidden; margin-top:10px;}
.chanpinjibenziliao .title{color:#000; font-size:18px;}
.chanpinjibenziliao .txt{width:100%; margin-top:10px; height:auto;  overflow:hidden;}


.contact_title_box{float:left; width:20%; text-align:center;}
.contact_title_box a{ display:block; text-decoration:none;}
.contact_title_box .icon{ width:50%; height:auto; overflow:hidden; margin:0 auto;}
.contact_title_box .icon img{ width:100%; height:auto;}
.contact_title_box .title{ color:#e50112; font-size:12px; padding-top:5px;}
.contact_title_box .txt{ color:#7d7c7c; font-size:17px; padding-top:10px; line-height:24px; display:none;}

.table_form th{ width:30%;}
.table_form td{ width:60%;}

.newsListBox{ overflow:hidden;margin-top:20px; border:1px solid #e2e2e2; width:100%;}
.newsListBox .img{ width:100%; height:100px; overflow:hidden; margin-right:15px;}
.newsListBox .img img{ width:100%;}
.newsListBox .c_box{ width:90%; margin:0 auto;text-align:left;}
.newsListBox .title{ height:26px; line-height:26px; font-size:14px; width:100%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsListBox .title a{ color:#333;}
.newsListBox .description{width:100%; height:85px; line-height:20px; font-size:12px; overflow:hidden; border-bottom:1px dashed #ccc; color:#666; margin-bottom:10px;}
.newsListBox .date{float:left; width:50%; height:30px; line-height:18px; font-size:12px; color:#666;}
.newsListBox .more{float:left; text-align:right; width:50%; height:30px; line-height:18px; font-size:12px;}
.newsListBox .more a{ color:#666;}

#bottomMenuDiv{ display:none;}

.i_new_div{width:100%; background-color:#ececec; padding-top:0px; padding-bottom:5px;}
}