@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{height: auto;max-width:100%;}
a{text-decoration: none;color:#0b5ea5;}
a:hover,a:focus{text-decoration: none;outline-style: none;}
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 {padding:0 10px;color: #333;line-height: 2em;font-size: 16px;font-weight: bolder;}

.my-btn{padding:10px 30px;background-color: #fd9500;color:#fff;border-radius: 4px;}
.my-btn:hover{color:#fff;box-shadow: 0 0 9px #999;}

.my-project{}

.my-project .my-project-header{height:40px;position: relative;background-image: url(../images/bg_title.png);background-repeat: repeat-x;background-position: center;}
.my-project .my-project-header h3{background-color: #fff;position: absolute;margin:0;left:50%;top:50%;transform: translate(-50%,-50%);}
.my-project .my-project-content{padding:20px 0 10px;}
.my-project .my-project-footer{text-align: center;padding:10px 0;}

#my-header{background:#0b5ea5;width:100%;z-index: 2000;top:0;}
#my-header .my-header-top{display: none;color:#eef2f3;height:30px;line-height: 30px;background-color: #0b5ea5;box-shadow: 0 3px 9px #0b5ea5;}
#my-header .my-header-top a{color:#eef2f3;}
#my-header .my-header-top a:hover{color:#fff;}
#my-header .my-header-logo{padding:0 0 10px 0;}
#my-header .my-header-logo img{height:80px;width:auto;max-width: 100%;height:auto;}
#my-header .my-header-nav{background-color: #0b5ea5;border-bottom: 1px solid #eef2f3;border-top: 3px solid #eef2f3;}
#my-header .my-header-nav a{color:#eef2f3;}
#my-header .my-header-nav a:hover,#my-header .my-header-nav a:focus{color:#333;}
.nav{width: 100%;}
.nav > li{float: left;width:33.3333%;text-align: center;}
.nav > li.mobile-hide{display: none;}
.nav > li:first-child > a,.nav > li:nth-child(5) > a{border-left: 1px solid #eef2f3;}
.nav > li > a{border-right: 1px solid #eef2f3;}
.navbar-nav{margin:0 auto;}

#my-swiper{border-bottom: 0px 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;}

#my-announcement{height:50px;line-height: 50px;background-color: #0b5ea5;color:#fff;box-shadow: 0 4px 4px #999;margin-bottom: 10px;}

#my-profile{background-color: #fff;padding-top: 15px;padding-bottom: 0px;}
.my-profile .my-project-content p{line-height: 1.8em;text-indent: 2em;}
.my-profile .my-project-footer{text-align: center;}

#my-products{background-color: #fff;padding: 10px 0 20px;border-bottom: 0px solid #0b5ea5;}
.my-probox{height:150px;vertical-align:middle;overflow: hidden;border:1px solid #ccc;text-align: center;}
.my-probox img{vertical-align:middle;display:inline-block;max-width: 100%;height:auto;max-height: 100%;width:auto;transition: all 0.5s ease-in-out;}
.my-probox span{
        height:100%;
        display:inline-block;
        vertical-align:middle;
    }  
.my-prolist:hover img{-webkit-transform:scale(1.1);-ms-transform: translateX(0);transform:scale(1.1);}
h3.my-protitle{border:1px solid #ccc;background-color: #f5f5f5;text-align: center;padding:10px 0;margin-top:0;margin-bottom:20px;}
h3.my-protitle a{color:#333;font-size: 13px;}
.my-prolist:hover h3{background-color: #333;}
.my-prolist:hover a{color:#fff;}
.my-protitle a:hover{color:#fd9500;}

.my-ad{display: none;}

#my-news{background-color: #fff;padding: 10px 0;display: none;}
.my-news-nav{overflow: hidden;}
.my-news .media{border-left:5px solid #0b5ea5;background-color: #eaeaea;padding:10px;box-shadow: 0 5px 9px #999;}
.my-news .media:hover{background-color: #0b5ea5;border-color:#333;}
.my-news .media:hover a,#my-news .media:hover p{color:#eee;}
.my-news h4{font-size: 14px;font-weight: 600;color:#0b5ea5;}
.my-news p{margin-bottom: 0;line-height: 1.5em;}
.my-news .my-news-nav li{margin-bottom: 40px;}

#my-cases{background-color: #fff;padding: 10px 0 20px;display: none;border-bottom: 0px solid #0b5ea5;}
#my-appearance{background-color: #fff;padding: 10px 0;}

#my-footer{padding-top: 0px;margin-bottom: 56px;}
#my-footer .my-footer-link{padding-bottom: 20px;}
#my-footer .my-footer-link-nav{padding:0;list-style: none;display: table;content:" ";}
#my-footer .my-footer-link-nav li{display: inline-block;}
#my-footer .my-footer-link-nav li a{padding:5px 10px;border-radius: 4px;color:#ffffff;display: block;background-color: #0b5ea5;margin-bottom: 10px;margin-right: 10px;}
#my-footer .my-footer-link-nav li a:hover{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-bottom{z-index: 10000;display: block;background-color: #f5f5f5;width:100%;height:56px;padding-top:8px;padding-bottom: 5px;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;text-align: center;}
#my-bottom .my-bottom-nav li a i{font-size: 24px;height:20px;}
#my-bottom .my-bottom-nav li a span{height:12px;}

.plug_qq{display:none;position:absolute;z-index:998;}
.plug_qq ul li a{transition:all 0.5s;width:50px;height:50px;background-color: #0b5ea5;color:#ffffff;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:#ffffff;}

.my-page-position{height:50px;line-height: 50px;}
.my-category-nav li{display: inline-block;}
.my-category-nav li a{display: block;padding:8px 25px;margin:0 5px;background-color: #fd9500;color:#fff;border-radius: 4px;}
.my-category-nav li a:hover{background-color: #cc0000;}

#my-feedback{padding:10px 0;}
.my-feedback-nav{overflow: hidden;padding-bottom: 10px;}
.my-feedback-nav li{
	background-color: #eaeaea;
    border-left: 5px solid #0b5ea5;
    box-shadow: 0 5px 9px #999;
    padding: 10px;
    margin-bottom: 20px;
}
.my-feedback h4{font-size: 16px;font-weight: 600;color:#0b5ea5;}
.my-feedback p{margin-bottom: 10px;line-height: 1.5em;}

.pagination{margin: 0;}
.pager{margin:0;}

#my-map{margin-top: 40px;}

.my-proshow-title{text-align: center;margin-bottom: 20px;}
.my-proshow-title h3{font-size: 16px;font-weight: 600;}
.my-proshow-title p{}
.my-proshow-pic{margin-bottom: 20px;text-align: center;}
.my-proshow-content{}

.my-newshow-title{text-align: center;margin-bottom: 20px;}
.my-newshow-title h3{font-size: 16px;font-weight: 600;}
.my-newshow-title p{}

.my-page-box{}
.my-page-box img{width:100%;height:auto;}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
	.my-probox{height:200px;}
	.my-ad,#my-news,#my-cases{display: none;}
	h3.my-protitle a{font-size: 14px;}
	.my-project .my-project-header{height:45px;}
	.my-project{padding-top: 20px;}
	.nav > li{width:16.6666%;}
	.nav > li.mobile-hide{display: none;}
	.nav > li:nth-child(5) > a{border-left: 0px solid #eef2f3;}
	#my-header .my-header-top{display: none;}
	#my-footer .my-footer-info-pic{display: none;}
	.plug_qq{display:none;}
	#my-footer{margin-bottom: 0}
	.navbar-collapse{background:transparent;}
	#my-header{}
	#plugqq{display: none;}
	#my-swiper{}
	#my-bottom{display: none;}
	h3.my-title{font-size: 22px;}
	.my-overplay .my-overplay-title{font-size: 14px;}

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
	#my-footer .my-footer-link-nav li a{padding:8px 15px;}
	.my-ad,#my-news,#my-cases{display: block;}
	h3.my-protitle a{font-size: 15px;}
	.my-project .my-project-header{height:50px;}
	.my-project{padding-top: 25px;}
	.nav > li{width:11.111111%;}
	.nav > li.mobile-hide{display: block;}
	#my-header .my-header-top{display: block;}
	#my-footer .my-footer-info-pic{display: block;}
	.plug_qq{display:block;}
	#my-footer{margin-bottom: 0}
	.navbar-collapse{background:transparent;}
	#my-header{}
	#plugqq{display: block;}
	#my-swiper{}
	#my-bottom{display: none;}
	h3.my-title{font-size: 24px;}
	.my-overplay .my-overplay-title{font-size: 15px;}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
	h3.my-protitle a{font-size: 16px;}
	.my-project .my-project-header{height:55px;}
	.my-project{padding-top: 30px;}
	#my-footer{margin-bottom: 0}
	.navbar-collapse{background:transparent;}
	#my-header{}
	#plugqq{display: block;}
	#my-swiper{}
	#my-bottom{display: none;}
	h3.my-title{font-size: 26px;}
	.my-overplay .my-overplay-title{font-size: 16px;}
}