@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
body, html {padding: 0;margin: 0;position: relative;height: 100%;}
ul{list-style: none;padding:0;}
img{max-width:100%;}
a{text-decoration: none;color:#cc0000;}
a:hover,a:focus{text-decoration: none;outline-style: none;}
#member, #logout{display: none;}
.form-horizontal .control-label{text-align: left;}
#my-header{background:#ffffff;width:100%;z-index: 2000;top:0;}
#my-header .my-header-header{color:#999;height:30px;line-height: 30px;background-color: #222;box-shadow: 0 3px 9px #999;}
#my-header .my-header-header a{color:#999;}
#my-header .my-header-header a:hover{color:#ccc;}
#my-header .my-header-content{padding:20px 0;}
#my-header .my-header-content img{height:80px;width:auto;max-width: 100%;height:auto;}
#my-header .my-header-footer{background-color: #cc0000;border-bottom: 1px solid #f2f2a5;border-top: 3px solid #222;}
.navbar{margin-bottom: 0;}
.navbar-inverse{border:0;background-color: transparent;}
.navbar-inverse .navbar-brand img{display: none;}
.navbar-inverse .navbar-nav > li > a {color: #f2f2a5;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #080808;
    color: #f2f2a5;
}
.navbar-inverse .navbar-nav > li > a:focus,.navbar-inverse .navbar-nav > li > a:hover{color: #f2f2a5;background-color: #080808;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {background-color: #080808;color: #f2f2a5;}
.navbar-collapse{background:#cc0000;position: relative;}
.navbar-inverse .navbar-toggle {border-color: #f2f2a5;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {border-color: #fd9950;background-color: transparent; }
.navbar-inverse .navbar-toggle .icon-bar {background-color: #f2f2a5;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #f2f2a5;}
.navbar-right .dropdown-menu{left:0;right:auto;}
.dropdown-menu{background-color:#cc0000;}
.dropdown-menu>li>a{color:#f2f2a5;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background:#080808;color:#f2f2a5;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#f2f2a5;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color:#fd9950;background-color: #080808;}

#my-swiper{border-bottom: 3px solid #222;}
#my-swiper .swiper-container {width: 100%;margin: 0px auto;}
#my-swiper .swiper-slide {background: #f1f1f1;color:#42320e;text-align: center;}
#my-swiper .swiper-slide-prev,#my-swiper .swiper-slide-next{background-color: #42320e;}
#my-swiper .swiper-slide-prev img,#my-swiper .swiper-slide-next img{opacity: 0.5;}

h2.my-title{margin-bottom: 30px;font-size: 24px;padding-left: 30px;background-image: url(../images/bg_h2_title.png);background-position: left center;background-repeat: no-repeat;background-size: auto 100%;}

h3.my-title{font-size: 13px;font-weight: 600;}

.my-box{position: relative;margin-bottom: 20px;overflow: hidden;}
.my-box .my-overplay{
		opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
    position: absolute;width:100%;height:100%;transition: all 0.5s;
    background-image:url(../images/hover_overplay.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat; 
    top:0;
    left:0;}
.my-box img{
		transition: all 0.5s;
		opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);}
.my-box:hover img{opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);}

.my-box:hover .my-overplay{opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);}

.my-box .my-overplay .my-overplay-title{padding:0 25px;margin:0;font-size: 13px;line-height: 1.5em;text-align: center;position: absolute;left:50%;top:50%;color:#f2f2a5;transform: translate(-50%,-50%);width:100%;}

#my-profile{background-color: #f5f5f5;}
.my-pic-box{position: relative;overflow: hidden;}
.my-pic-box .my-overplay{color:#ffffff;position: absolute;width:100%;height:100%;top:0;left:0;z-index:2;background-color: rgba(215,0,0,0.8);display: none;}
.my-pic-box:hover .my-overplay{display: block;}
.my-pic-box .my-overplay-content{padding:15px 35px;overflow: hidden;text-overflow: ellipsis;}
.my-pic-box .my-overplay-content p{text-indent: 2em;line-height: 2em;}
.my-pic-box .my-overplay-content p,.my-pic-box .my-overplay-content h3{
	transition: all 0.5s;
	line-height: 2em;
	opacity: 0;
  	-webkit-transform: translateX(2000px);
  	-ms-transform: translateX(2000px);
  	transform: translateX(2000px);}
.my-pic-box .my-overplay-content:hover p,.my-pic-box .my-overplay-content:hover h3{
	opacity: 1;
	-webkit-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}
.my-profile-navbar{padding:15px;background-color: #808080;}
.my-profile-navbar-nav li a{border-radius: 4px;font-size: 16px;text-align: center;background-color: #cc0000;color:#f2f2a5;display: block;height:50px;line-height: 50px;margin-bottom: 20px;}
.my-profile-navbar-nav li a:hover{box-shadow:  0 0 9px #999;background-color: #080808;}
.my-profile-navbar-nav li:last-child a{margin-bottom: 0}
.my-profile-appearance{padding:0 15px 15px;background-color: #808080;}

#my-products{background-image: url(../images/bg_products.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.my-probox{position: relative;overflow: hidden;margin-bottom: 30px;border:1px solid #ccc;}
.my-probox .my-overplay{
	color:#ffffff;
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	background-color: rgba(215,0,0,0.8);
	transition: all 0.5s ease-in-out;
	opacity: 0;
  	-webkit-transform: translateY(2000px);
  	-ms-transform: translateY(2000px);
  	transform: translateY(2000px);}
.my-probox:hover .my-overplay{
	opacity: 1;
	-webkit-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
}
.my-probox .my-overplay{padding:15px 35px;overflow: hidden;text-overflow: ellipsis;}
.my-probox .my-overplay h3{line-height: 1.5em;font-size: 18px;position: absolute;z-index:15;top:50%;left:50%;margin:0;padding:0;transform: translate(-50%,-50%);}

#my-news{}
#my-news .swiper3{height:400px;}
#my-news .media{border-left:5px solid #cc0000;background-color: #eaeaea;padding:10px;box-shadow: 0 5px 9px #999;}
#my-news .media:hover{background-color: #cc0000;border-color:#080808;}
#my-news .media:hover a,#my-news .media:hover p{color:#eee;}
#my-news a{font-size: 14px;font-weight: 600;color:#080808;}
#my-news p{margin-bottom: 0;line-height: 1.5em;}

#my-tab{background-color: #999;background-image: url(../images/bg_tab.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.my-tab-nav li{padding-right: 10px;background-image: url();background-repeat: no-repeat;background-position: right center;background-size: 50px 40px;}
.my-tab-nav li a{border-radius: 4px 0 0 4px;font-size: 16px;text-align: center;background-color: #cc0000;color:#f2f2a5;display: block;height:50px;line-height: 50px;margin-bottom: 20px;}
.my-tab-nav li.active{background-image: url(../images/bg_tab_list_active.png);}
.my-tab-nav li.active a{background-color: #080808;}
.my-tab-nav li:last-child a{margin-bottom: 0}
#my-tab .my-probox{margin-bottom: 10;border:3px solid #080808;background-color: #cc0000;}

#my-footer{padding-top: 40px;margin-bottom: 56px;}
#my-footer .my-footer-link{padding-bottom: 50px;}
#my-footer .my-footer-link-nav{padding:0;list-style: none;}
#my-footer .my-footer-link-nav li{float: left;}
#my-footer .my-footer-link-nav li a{padding:8px 15px;border-radius: 4px;color:#f2f2a5;display: block;background-color: #cc0000;margin-bottom: 10px;margin-right: 10px;}
#my-footer .my-footer-link-nav li a:hover{background-color: #080808;box-shadow: 0 0 9px #999;}
#my-footer .my-footer-info{color:#ccc;padding:30px 0 15px;background-image: url(../images/bg_footer.png);box-shadow: 0 -9px 9px #999;}
#my-footer .my-footer-info a{color:#ccc;}
#my-footer .my-footer-info-text{text-align: left;}
#my-footer .my-footer-info-pic{text-align: right;display: none;}
#my-footer .my-footer-info-pic img{width:110px;height:110px;}

#my-profile,#my-news,#my-service,#my-products,#my-tab{padding:40px 0 20px;}

#my-bottom{z-index: 10000;display: block;background-color: #f5f5f5;width:100%;height:56px;padding-top: 9px;padding-bottom: 10px;border-top: 1px solid #999;position: fixed;bottom:0;}
#my-bottom .my-bottom-nav{list-style: none;padding:0;}
#my-bottom .my-bottom-nav li{width:25%;float: left;height:37px;line-height: 37px;text-align: center;}
#my-bottom .my-bottom-nav li a i{font-size: 24px;}

.plug_qq{display:none;position:absolute;z-index:998;}
.plug_qq ul li a{transition:all 0.5s;width:50px;height:50px;background-color: #080808;color:#f2f2a5;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;}

.my-page-top{
  margin-bottom: 20px;
  box-shadow: 0 9px 9px #999;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;
  height:172px;
  position: relative;
  overflow: hidden;}
.my-page-top img{
  position: absolute;left:50%;
  margin-left: -389px;
  height:172px;width:
  778px;
  max-width: 778px;}

#my-page-content{margin-top: 20px;}

.my-project{margin-bottom: 20px;}
.my-project .my-project-header{}
.my-project .my-project-content{width:100%;}
.my-project .my-project-footer{text-align: center;}

.my-category{text-align: center;}
.my-category-nav li{display: inline-block;}
.my-category-nav li a{border-radius: 4px;font-size: 14px;padding:10px 30px;background-color: #cc0000;color:#f2f2a5;display: block;margin-bottom: 10px;}
.my-category-nav li a:hover{background-color: #080808;}
.my-category-nav li.my-hover a{background-color: #080808;}

.my-page .my-project-content{display: table;content: " ";background-color: #f5f5f5;padding:15px;}
.my-page .my-project-content p{line-height: 1.8em;}
.my-page-news-box{width:100%;margin-bottom: 20px;border-left:5px solid #cc0000;background-color: #eaeaea;padding:10px;box-shadow: 0 5px 9px #999;}
.my-page-news-box:hover{background-color: #cc0000;border-color:#080808;}
.my-page-news-box:hover a,.my-page-news-box:hover p{color:#eee;}
.my-page-news-box a{font-size: 14px;font-weight: 600;color:#080808;}
.my-page-news-box p{margin-bottom: 0;line-height: 1.5em;}
.my-page-products .my-project-content{display: table;content: " ";}

.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #cc0000;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #cc0000;
    border-color: #cc0000;
    color: #fff;
    cursor: default;
    z-index: 2;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #eee;
    border-color: #ddd;
    color: #cc0000;
}
.my-page-service{padding:20px 0;}

.my-feedback .my-project-header{padding:0 15px;height:50px;line-height: 50px;background-color: #000;color:#f2f2a5;border-radius: 4px 4px 0 0;}
.my-feedback .my-project-content{display: table;content: " ";background-color: #f5f5f5;padding:15px;}
.my-feedback h3.my-nickname{font-size: 16px;font-weight: 600;margin:0;padding-bottom:10px;border-bottom:1px dotted #999;margin-bottom: 10px;}
.my-feedback h3 span{font-size: 14px;color:#999;}
.my-feedback p.my-message{line-height: 1.8em;}
.my-feedback p.my-reply{}

.pager {
    margin: 20px 0;
}
.pager li > a, .pager li > span {
    background-color: #cc0000;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: inline-block;
    padding: 5px 14px;
    color:#f2f2a5;
}
.pager li > a:hover, .pager li > a:focus {
    background-color: #000;
    text-decoration: none;
}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    background-color: #fff;
    color: #777;
}
.my-page-network .my-project-content{display: table;content: " ";background-color: #f5f5f5;padding:15px;}
.my-page-network .my-project-content img{width: auto;height:auto;}

.my-page-show .my-project-content{display: table;content: " ";background-color: #f5f5f5;padding:15px;}
.my-page-show .my-project-content p{line-height: 1.8em;}
.my-page-pic{text-align: center;}
.my-page-prolist{}
.my-page-probox{background-color: #fff;overflow: hidden;position: relative;height:200px;margin-bottom: 20px;border:1px solid #ccc;}
.my-page-probox img{position: absolute;max-width: 100%;height:auto;max-height: 100%;width:auto;top:50%;left:50%;transform: translate(-50%,-50%);}
.my-page-probox .my-overplay{
	transition: all 0.5s ease-in-out;
	opacity: 0;
  	-webkit-transform: translateY(-2000px);
  	-ms-transform: translateY(-2000px);
  	transform: translateY(-2000px);
	position: absolute;
	width:100%;
	height:100%;
	background-color: rgba(255,0,0,0.8);
	color:#fff;}
.my-page-probox:hover .my-overplay{
	opacity: 1;
  	-webkit-transform: translateY(0px);
  	-ms-transform: translateY(0px);
  	transform: translateY(0px);
}
.my-page-probox .my-overplay h3{font-size: 16px;width:100%;height:100%;position: relative;margin:0;}
.my-page-probox .my-overplay h3 a{color:#fff;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.my-page-pic{background-color: #fff;padding:20px 0;}
.my-page-title {background-color: #fff;padding:20px 0;margin-bottom: 20px;}
.my-page-title h3{font-size: 16px;font-weight: bold;margin:0;}
.my-page-title p{margin:0;}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .my-page-top{height:258px;}
  .my-page-top img{width:1162px;height:258px;max-width: 1162px;margin-left: -581px;}
	#my-footer .my-footer-info-pic{display: none;}
	.plug_qq{display:none;}
	#my-footer{margin-bottom: 0}
	#my-profile .my-profile-content{padding:20px;}
	.navbar-collapse{background:transparent;}
	#my-header{}
	#plugqq{display: none;}
	#my-swiper{}
	#my-profile,#my-news,#my-service,#my-products,#my-tab{padding:50px 0 30px;}
	#my-bottom{display: none;}
	h3.my-title{font-size: 14px;}
	.my-overplay .my-overplay-title{font-size: 14px;}

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
  .my-page-top{height:344px;}
  .my-page-top img{width:1546px;height:344px;max-width: 1546px;margin-left: -773px;}
	.my-page .my-project-content img{float: left;width:auto;max-width:40%;height:auto;margin:0 15px 10px 0;}
	#my-footer .my-footer-info-pic{display: block;}
	.plug_qq{display:block;}
	#my-footer{margin-bottom: 0}
	#my-profile .my-profile-content{padding:30px;}
	.navbar-collapse{background:transparent;}
	#my-header{}
	#plugqq{display: block;}
	#my-swiper{}
	#my-profile,#my-news,#my-service,#my-products,#my-tab{padding:60px 0 40px;}
	#my-bottom{display: none;}
	h3.my-title{font-size: 15px;}
	.my-overplay .my-overplay-title{font-size: 15px;}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
  .swiper2 .swiper-slide{padding:0 20px;}
  .my-page-top{height:430px;}
  .my-page-top img{width:1920px;height:430px;max-width: 1920px;margin-left: -960px;}
	#my-footer{margin-bottom: 0}
	#my-profile .my-profile-content{padding:40px;}
	.navbar-collapse{background:transparent;}
	#my-header{}
	#plugqq{display: block;}
	#my-swiper{}
	#my-profile,#my-news,#my-service,#my-products,#my-tab{padding:70px 0 50px;}
	#my-bottom{display: none;}
	h3.my-title{font-size: 16px;}
	.my-overplay .my-overplay-title{font-size: 16px;}
}