﻿@charset "utf-8";
body{font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;}
body{font-size: 14px;}
img{max-width:100%;}
a:hover,a:focus{outline-style: none;text-decoration: none;}
p{margin:0;}
ul{list-style: none;}
h3.my-title{margin-bottom: 20px;text-align: center;padding-bottom: 15px;border-bottom: 3px double #ef0000;}
a{color:#222;}
hr{margin-top: 5px;margin-bottom: 5px;}
h3.my-page-title small{color:#fff;font-size: 14px;line-height: 16px;display:none;}
h3.my-page-title small a{color:#fff;font-size: 14px;}
h3.my-page-title small a:hover{color:#fd9500;}
h3.my-show-title{font-size: 16px;text-align: center;}

.thumbnail{border:0px;}

.panel{border-radius: 0;overflow: hidden;}
.panel-default{border:0px;}
.panel-default > .panel-heading {background-color: #2d955a;border-color: #ddd;color: #fff;}
.panel-default > .panel-heading .badge {line-height: 12px;background-color: #fd9500;color: #fff;}
.panel-footer{padding:8px;}

.navbar{margin-bottom: 0;border-radius: 0;}
.navbar-inverse{background-color: #ef0000;border-color: #fd9500;}
.navbar-inverse .navbar-nav > li > a {color: #fff;}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{background-color: #fd9500;}
.navbar-inverse .navbar-brand{color:#fff;font-size:16px;padding-right:0;}
.navbar-right .dropdown-menu{left:0;right:auto;}
.dropdown-menu{background-color: #ef0000;}
.dropdown-menu > li > a{color:#fff;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #ef0000;color:#fff;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#fd9500;}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{margin-left:-15px;margin-right: -15px;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{background-color: #fd9500;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: transparent;border-color: #fd9500;}
.navbar-inverse .navbar-toggle {border-color: #fff;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #fd9500;}

.carousel-inner > .item > img, .carousel-inner > .item > a > img{margin:0px auto;}
.carousel-control.left {background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);background-repeat: repeat-x;}
.carousel-control.right {background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);background-repeat: repeat-x;}

.pagination > li > a, .pagination > li > span{color:#ef0000;}
.pagination > li > a:hover, .pagination > li > span:hover{color:#ef0000;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #ef0000;border-color: #ef0000;}

.header-margin{display: none;border-top:5px solid #ef0000;}

#my-carousel{border-bottom: 3px solid #ef0000;}

#profile {padding-top: 10px;}
#profile img{width:40%;margin-right: 10px;float: left;}
#profile p,#culture p{text-indent: 2em;line-height: 2em;}
.my-index-connect .panel-body p{text-indent: 2em;line-height: 2em;}

.company-img{max-width:240px;margin-right: 5px;}
.myBottom{background: #ef0000;padding:10px 0px;}
.myBottom .container p{color: #fff;width:90%;margin:0px auto;}
#my-content{padding-top: 10px;padding-bottom: 10px;}
#my-products{background: #fff;padding-top:10px;padding-bottom: 10px;}
#my-news{padding-top:10px;padding-bottom:10px;background: #fff;}
#my-base{background: #fff;padding-top:10px;padding-bottom: 10px;}

#my-friendlink{line-height: 24px;background: #ef0000;padding:5px 0;font-size:14px;}
#my-friendlink ul{margin-bottom: 0;}
#my-friendlink .list-inline{margin-left: 5px;}
#my-friendlink a{text-decoration: none;color:#fff;}
#my-friendlink strong{color:#fff;}

.mypadding-left{padding-left: 20px;}

.my-page-right{display: none;}
.caption-title{margin-top: 15px;}

.my-probar{position: relative;padding:0;}
.my-probar .my-probar-pic{}
.my-probar .my-probar-title{font-size: 14px;position: absolute;width:100%;line-height:24px;bottom:0;left:0;background-color: rgba(0,0,0,0.6);}
.my-probar .my-probar-title a{text-align: center;display: block;color:#fff;padding:4px 0;margin:0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.my-probar .my-probar-title a:hover{color:#fd9500;}
.my-probar .my-probar-title:hover a{text-overflow: initial;white-space: initial;}


#my-bottom{color:#000;background: #fff;padding-top: 20px;padding-bottom: 20px;line-height:200%;}
#my-bottom a{color:#000;text-decoration: none;}
.pagination{margin:0px;}

.panel-right{overflow: hidden;height:210px;}

.my-page-top{margin: 15px 0;}
.my-page-top img{max-width: 100%;}

.my-page-content{line-height: 200%;}
.my-page-content p{font-size: 14px;}

.my-page-shop-content{padding:15px;}
.my-page-shop-content img{max-width: 100%;}

.my-show-pic{text-align: center;}
.my-show-title{text-align: center;}

.my-newslist-nav{padding:0;}
.my-newslist-nav li{margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px dotted #ddd;}
.my-newslist-nav li h3{font-size: 15px;color:#fd9500;margin-top: 0;}
.my-newslist-nav li h3 a{color:#2d955a;font-weight: 600;}
.my-newslist-nav li h3 a:hover{color:#ef0000;}
.my-newslist-nav li p{color:#666;}

.my-category-nav li i{color:#999;margin-right: 10px;}
.my-category-nav li.my-hover i{color:#2d955a;}
.my-category-nav li a{color:#666;}
.my-category-nav li:hover a{color:#2d955a;}
.my-category-nav li:hover i{color:#2d955a;}

.my-active-list:before{content:"+ ";font-weight:600;color:#666;}
#tablelist{font-size: 14px;margin-top:0;}
#tablelist td{height:30px;line-height: 30px;}

.my-feedback-title{margin:0;margin-bottom: 15px;font-size: 15px;}
.my-feedback-title span{font-size: 14px;line-height: 15px;color:#666;}
.my-feedback-message{margin:0;margin-bottom: 15px;}
.my-feedback-reply{padding-bottom: 10px;margin:0;margin-bottom: 20px;border-bottom: 1px dotted #ddd;}
.my-feedback-showpage{text-align: center;margin-bottom: 50px;}

.plug_qq{position:absolute;z-index:998;display: none;}
.plug_qq ul li a{transition:all 0.5s;width:50px;height:50px;background-color: #2d955a;color:#fff;border-radius: 4px;font-size:20px;line-height:50px;text-align: center;margin-bottom: 10px;display: block;}
.plug_qq ul li a:hover{background-color:#f30;color:#f2f2a5;}
.plug_qq ul li.plug_qrcode{position: relative;}
.plug_qq ul li.plug_qrcode img{display: none;position: absolute;width: 120px;max-width:120px;height:auto;left:-130px;bottom:-40px;}
.plug_qq ul li.plug_qrcode:hover img{display: block;}
.plug_qq ul li.plug_tel{position: relative;}
.plug_qq ul li.plug_tel img{display: none;position: absolute;left:-180px;top:2px;bottom:0;width:176px;max-width:176px;}
.plug_qq ul li.plug_tel:hover img{display: block;}

/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
	#my-friendlink{line-height:30px;}
	h3.my-page-title small{display:block;}
	#my-content{padding-top: 50px;padding-bottom: 50px;}
	#my-products{background: #fff;padding-top:20px;padding-bottom: 50px;}
	#my-news{padding-top:20px;padding-bottom:50px;background: #fff;}
	#my-base{background: #fff;padding-top:20px;padding-bottom: 50px;}
	.my-page-right{display:block;}
	.header-margin{display: block;}
	.container{padding-left: 5px;padding-right: 5px;}
	.panel-default{border:1px solid #ddd;}
	.thumbnail{border:1px solid #ddd;}
	.my-margin{margin:20px;}
	.my-margin-bottom{margin-bottom: 20px;}

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
	#my-content{padding-top: 50px;padding-bottom: 50px;}
	#my-products{background: #fff;padding-top:20px;padding-bottom: 50px;}
	#my-news{padding-top:20px;padding-bottom:50px;background: #fff;}
	#my-base{background: #fff;padding-top:20px;padding-bottom: 50px;}
	.my-page-right{display:block;}
	.header-margin{display: block;}
	.plug_qq{display:block;}
	.container{padding-left: 10px;padding-right: 10px;}
	.panel-default{border:1px solid #ddd;}
	.thumbnail{border:1px solid #ddd;}
	.my-margin{margin:30px;}
 	.my-margin-bottom{margin-bottom: 30px;}

}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
	#my-content{padding-top: 50px;padding-bottom: 50px;}
	#my-products{background: #fff;padding-top:20px;padding-bottom: 50px;}
	#my-news{padding-top:20px;padding-bottom:50px;background: #fff;}
	#my-base{background: #fff;padding-top:20px;padding-bottom: 50px;}
	.my-page-right{display:block;}
	.panel-default{border:1px solid #ddd;}
	.thumbnail{border:1px solid #ddd;}
	.header-margin{display: block;}
	.container{padding-left: 15px;padding-right: 15px;}
	.my-margin{margin:40px;}
	.my-margin-bottom{margin-bottom: 40px;}

}