@charset "utf-8";
/* CSS Document */
body{ font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;}
.yzm{ float: left; margin-top: 10px;}
.navbar-style .navbar-toggle {background-color: #79090e;margin-top: 12px;margin-bottom: 12px;margin-right: 0;}
.banner{ background:url(../image/banner_bg.jpg) bottom center ;}
.heading span.left { position: absolute; padding: 0; width: 60px; height: 3px; bottom: 0; left: 0;}
.heading span.right {position: absolute;width: 60px;padding: 0;height: 3px;bottom: 0;right: 0;}
.heading.centered { background:url(../image/heading-bg.png) repeat-x 0 32px;text-align: center;padding: 0; 
  margin-bottom: 20px;}
.heading.centered span {padding: 0 20px; }
.heading .about{background:#f1f1f1;}
.heading .product,.heading .contact{background:#fff;}
.heading .news{background:#3b3441;}
.heading .news_con{ background:#efefef}
.about_index{ background:#f1f1f1;}
.about_con{ border:1px solid #e1e1e1;
 background: url(../image/about_bg_left.png) no-repeat left top,
 url(../image/about_bg_right.png) no-repeat right bottom; font-size:17px; line-height:28px; text-align:center;}
.more_all{ height:auto; margin:37px 0px; margin-bottom:50px;}
.more{ font-size:24px; color:#d01d33;padding:5px 60px; background:#f1f1f1; border:2px solid #d2d2d2;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.more:hover{color:#fff;background:#d01d33;border:3px d2d2d2 #c11e2b;text-decoration:none;}
.thumbnail{ padding:0px;  border-radius:0px; border:0px;margin-bottom: 30px; position:relative;}
.thumbnail a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.thumbnail a h2{position:absolute;top:-50px;width:100%;height:33px;overflow:hidden;font-size:18px;color:#ffffff;text-align:center;}
.thumbnail:hover a h2{top:45px;}
.thumbnail:hover a .icon_eye{top:60%; }
.thumbnail a h2,.thumbnail a .icon_eye{transition:all 0.4s;-moz-transition:all 0.4s;-0-transition:all 0.4s;-webkit-transition:all 0.4s;}
.thumbnail .pro_name .icon_eye{ width:100%; height:40px; top:200px; position:absolute; text-align:center;}
.thumbnail .pro_name{
background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  }
.thumbnail:hover .pro_name{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
	}
/*****/
.news_index{ background:url(../image/news_bg.jpg) top center;}
.news_con{ background:#efefef}
/*
.new-item img{ width:100%;}
.new-item .bg-img{ padding:0px;}
.new-item .bg-gd-new{ background:#f4f4f4;}
.new-item .bg-gd-new{
 -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
	}
.new-item .bg-gd-new:hover{
	background-color:#89110c; color:#FFF;
	}
.new-item .bg-gd-new:hover .readmore{ background-color:#fff;}
*/
#news .view:hover img {transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);}
#news .item-article .view {overflow: hidden; background:#b7211b; text-align:center;}
#news .item-article .view img{ max-height:150px; max-width:100%;}
.block-item .text-content p {margin-bottom: 20px;font-size: 12px;font-family: "SimSun";}
.block-item .article-bt {background-color: white;padding:5px 10px 30px;}
.block-item .article-bt:hover {background-color: #d01d33;color: white;}
.block-item .article-bt:hover h3, .block-item .article-bt:hover .read-mor {color: white;}
.block-item .item-article {margin-bottom: 15px;}
.block-item .col-md-4 {padding-right: 0;}
.block-item .article-bt h3 {color: #1b1b1b;font-size:18px; line-height:20px; height:40px; margin: 5px 0;padding-bottom: 3px;}
.block-item .article-bt .read-mor {float: right;font-size: 12px;font-family: "SimSun";color: #1b1b1b;text-decoration: none;}
.block-item .article-bt .read-mor:before {content: ">";float: right;padding-left: 10px;}
.block-item .article-bt p {font-size: 12px;font-family: "SimSun";line-height: 180%;}

.new-item .readmore{float: right;border: 1px solid #d01d33;padding: 5px 20px;color: #1b1b1b;font-size: 12px;font-family: "SimSun";text-decoration: none;background: transparent;}
/******/
.contact_con{ padding:20px 0px; padding-top:10px;}
.contact_con h3{ font-size:36px;}
.contact_con h5{ font-size:16px; line-height:22px;}
.contact_con form{margin-top:30px;}
.contact_con form h6{ font-size:15px; color:#7e7e7e;}
.form-control:focus{ border-color: #d01d33;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 8px rgba(137, 17, 12, .3);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 8px rgba(137, 17, 12, .3);}
.contact_con input{ margin-bottom:18px;}
.form_btn{ padding:10px 40px; font-size:17px; background: #666;  color: #fff;
-webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.form_btn:hover{  padding:10px 40px; font-size:17px; background:#d01d33; color:#FFF;}
/****/
/**pub_style**/
.container-fluid{ padding:0px;}
.footer_bg{ background:#121212;}
.singer_page{min-height:500px;}
.singer_page img{ max-width:580px;}
.title_pro{ width:100%; height:35px;float:left;font-size: 18px;line-height:35px;color: #3c3c3c;text-align: center;border-bottom: 1px dashed #3c3c3c; margin-bottom:10px;}
.pager a{ padding:7px 15px; margin:0px 3px; background:#c1c1c1; color:#1b1b1b; font-size:14px; text-decoration:none;transition:all 0.4s;-moz-transition:all 0.4s;-0-transition:all 0.4s;-webkit-transition:all 0.4s;}
.pager a:hover,.pager a.thisclass{ background:#b7211b; color:#FFF;}
@media (min-width:1200px){
.about_con p{ text-indent:1.5em;}
.footer_bg .footer{ color:#666666; padding:50px 0px;}
.about_con{ margin:50px 100px; padding:60px 60px;}
.contact_con form{ padding:0px 300px;}
.container{width:961px;}
.navbar{ min-height:113px; background:url(../image/bg-head.png) repeat-y top center;}
.navbar-style .navbar-nav > li > a { color: white; padding: 0 17px; margin:0px 5px; line-height: 113px; height: 113px; overflow: hidden;font-size: 18px;text-align: center;}
.navbar-style .navbar-nav > li > a:hover{background:#b7211b;
-webkit-transition:  0.3s ease-in 0s;
-moz-transition:  0.3s ease-in 0s;
-ms-transition:  0.3s ease-in 0s;
-o-transition:  0.3s ease-in 0s;}
.nav > li > a:hover, .nav > li > a:focus{ background:none;}
.heading.centered { margin-top:130px;}
.navbar-style .navbar-nav > li> a.active{color: #fff; background:#b7211b;}
.block-item .article-bt p{ height:75px;}
	}
	
@media (max-width: 767px){
.footer_bg .footer{ color:#666666; padding:15px 0px;}
.about_con{ margin:50px -10px; padding:40px 34px; font-size:13px; }
.about_con>p{line-height:19px}
.navbar-toggle .icon-bar{ background:#CCC;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ margin-left: 0px;}
.navbar-style .container > .navbar-header {margin-left: 0;margin-right: 0;}
.navbar-style .navbar-nav{background-color: #2d2d2d; margin: 0px;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ padding-left:0px; padding-right:0px;}
.navbar-style .navbar-nav > li > a{color: #eeeeee;line-height: 40px;height: 40px;padding: 0px 15px; text-align:center;}
.navbar-style .navbar-brand { padding: 5px; height: 57px; line-height: 44px;}
.navbar-style .navbar-nav > li > a:hover{background:#b7211b;}
.nav > li > a:hover, .nav > li > a:focus{ background:none;}
.navbar-style .navbar-brand img{height: 47px;}
.navbar-style {background: #b7211b;min-height: 42px;}
h3.heading.centered{ margin-top:74px;}
.contact_con form{ padding:0px 80px;}
.singer_page{ padding-left:5px; padding-right:5px;}
.singer_page>.container{padding:0px;}
.singer_page>.container img{ max-width:100%;}
.chanping img{width:100%;}
.chanping .cp_lianxi img{width:90px; height:90px;}
.qqkefu{bottom:30%;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.about_con p{ text-indent:1.5em;}
.footer_bg .footer{ color:#666666; padding:40px 0px;}
.about_con{ margin:50px 100px; padding:60px 60px;}
.navbar{ min-height:100px; background:url(../image/bg-head.png) repeat-y top center;}
.navbar-style .navbar-nav > li > a { color: white; padding: 0 15px; margin:0px 5px; line-height: 100px; height: 100px; overflow: hidden;font-size: 16px;text-align: center;}
.navbar-style .navbar-nav > li > a:hover{background:#b7211b;
-webkit-transition:  0.3s ease-in 0s;
-moz-transition:  0.3s ease-in 0s;
-ms-transition:  0.3s ease-in 0s;
-o-transition:  0.3s ease-in 0s;}
.nav > li > a:hover, .nav > li > a:focus{ background:none;}
.navbar-style .navbar-nav > li> a.active {color: #fff; background:#b7211b;}
.contact_con form{ padding:0px 300px;}
.heading.centered{ margin-top:103px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ padding-left:50px}
.navbar-right{  margin-right: 45px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.about_con p{ text-indent:1.5em;}
.footer_bg .footer{ color:#666666; padding:30px 0px;}
.navbar{ min-height:80px; background:url(../image/bg-head.png) repeat-y top center;}
.navbar-style .navbar-nav > li > a { color: white; padding: 0 12px; margin:0px 5px; line-height: 80px; height: 80px; overflow: hidden;font-size: 16px;text-align: center;}
.navbar-style .navbar-nav > li > a:hover{background:#b7211b;
-webkit-transition:  0.3s ease-in 0s;
-moz-transition:  0.3s ease-in 0s;
-ms-transition:  0.3s ease-in 0s;
-o-transition:  0.3s ease-in 0s;}
.nav > li > a:hover, .nav > li > a:focus{ background:none;}
.navbar-style .navbar-nav > li > a.active {color: #fff; background:#b7211b;}
.contact_con form{ padding:0px 180px;}
.navbar-brand > img{ max-height:55px;}
.navbar-right{  margin-right: -45px;}
.heading.centered{margin-top: 96px;}
.about_con{margin: 50px 10px; padding:20px 50px;}
.singer_page{ padding-left:5px; padding-right:5px;}
.singer_page>.container{padding:0px;}
.chanping img{width:100%;}
.chanping .cp_lianxi img{width:90px; height:90px;}
}