@charset "utf-8";
html,
body {
font-family: "novecento_widenormal", "STHeiti", "Microsoft JhengHei", "Microsoft YaHei", tahoma;
}
body {
padding-top: 50px;
}
ol,ul{list-style: none;}
a,a:hover, a:focus{text-decoration: none;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounce {
0%,100%{
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
margin-top:0px;
}
50% {
-webkit-animation-timing-function:ease-in;
animation-timing-function: ease-in;
margin-top:-10px;
}
90% {
margin-top:-2px;
}
}
@keyframes bounce {
0%,100%{
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
margin-top:0px;
}
50% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
margin-top:-10px;
}
90% {
margin-top:-2px;
}
}
.mo-re{ margin:30px auto; font-size:20px; text-align: center;}
.mo-re p{border:1px solid #4598E3; padding:5px 15px; display: inline-block; height: 39px; overflow: hidden; margin-top:50px;}
.mo-re a{transform: translateY(0px); display: inline-block; transition:all 0.2s ease-out;}
.mo-re a:hover{transform: translateY(-29px);}
/*-------------------鍏叡閮ㄥ垎缁撴潫------------------------*/
.nav{ position: relative; }
.collapse{ display: block; visibility:visible;}
.search {
-webkit-box-shadow: none;
box-shadow: none;
font-size: 16px;
padding: 13px 0px;
border-radius: 0;
height: auto;
position: absolute;
width:0px;bottom:6px;
border-width: 0px;
}
.dropdown-menu{padding:0px; border:none;box-shadow: 0 3px 4px rgba(0,0,0,.175);}
.dropdown-menu li a{ padding:0px 5px; text-align: center;}
/*--------------------瀵艰埅閮ㄥ垎缁撴潫-------------------------*/
.footer{ text-align: center; font-size:16px; background-color: #f5f5f5; padding:40px; line-height: 2; border-top: 1px solid #f0f2f5;}
/*--------------------缃戠珯搴曢儴缁撴潫-------------------------*/
.xg{line-height:2;}
.xg h4{ border-bottom: 1px solid #EFEFEF; position: relative; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom: 8px;}
.xg h4:before{ position: absolute;
content: "";
width: 10px;
height: 1px;
background-color: #4598E3;
bottom: 0px;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.xg h4:hover:before {
width: 100%;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.xg p{text-indent: 2em; text-align:left; height: 84px; overflow: hidden; width:100%;}
.xg .col-sm-6{ padding:0px 30px; opacity: 0; }
/*--------------------鐩稿叧闃呰缁撴潫-------------------------*/
.news .sidebar{overflow: hidden;}
.news .sidebar ul{ position:relative; }
.news .sidebar ul .colse:before{ position: absolute; right:0px;top:0px;width:30px;height:30px; content: '脳'; font-size: 30px; line-height: 30px; color:#fff; cursor: pointer;}
.news .sidebar .open{ position: absolute;left:0px;top:0px;width:0px; text-align: center; background-color:#4598E3;color:#fff;border-radius: 0px 5px 5px 0px; padding:4px 0px; cursor: pointer;}
/*--------------------鏍忕洰鍒楄〃缁撴潫-------------------------*/
/*椤堕儴瀵艰埅*/
.top-box {
height: 50px;
margin-bottom: 0;
z-index: 16;
}
.top-box .navbar-collapse {
border: none;
}
.top-box .navbar-brand {
/*height: 50px;
padding: 10px;*/
font-size:30px;color:#4598E3;
}
.top-box .navbar-brand img {
height: 100%;
}
.top-box .navbar-toggle {
margin-top: 8px;
}
.top-box .navbar-nav {
margin-top:15px !important;
}
.top-nav li a {
line-height: 30px;
font-size: 14px;
text-align: center;
/*background: #fff !important;*/
}
.top-nav li.active a,
.top-nav li a:hover {
color: #4E97D9 !important;
}
.common-title {
text-align: center;
}
.common-title h2 {
font-size: 20px;
margin-top: 0;
margin-bottom: 10px;
}
.common-title span {
display: block;
font-size: 18px;
color: #b2b2b2;
margin-bottom: 15px;
}
.common-title p {
text-align: center;
font-size: 0;
margin-bottom: 0;
}
.common-title p i {
display: inline-block;
width: 50px;
height: 1px;
margin: 0 2px;
background: #a4a4a4;
}
.common-title p i:first-child {
background: #009944;
}
/*椤佃剼*/
.zjlist {
/* background: #f5f5f5;*/
padding-top: 30px;
padding-bottom: 30px;
}
.zjlist .thumbnail {
background: #f5f5f5;
border: none;
text-align: center;
font-size: 12px;
margin-bottom: 0;
}
.bread {
/* font-size: 0;*/
background: #fff;
border-bottom: 2px solid #4598E3;
border-radius: 0;
margin-bottom: 30px;
margin-top: 30px;
padding:10px 0;
}
.bread li,.bread li a{
font-size: 16px;
color: #808080;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bread li:last-child{
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bread .active{
color: #4598E3;
}
/*棣栭〉--鏂伴椈涓績*/
.news {
padding-top: 40px;
padding-bottom: 40px;
}
.news .news-content {
margin-top: 0px;
}
.news .news-content p {
margin-bottom: 0;
}
.news .thumbnail {
overflow: hidden;
}
.news .thumbnail img {
width: 100%;
}
.news .news-content .caption {
padding: 0px 9px 20px 9px;
border-bottom: 1px solid #ccc;
color: #333;
}
.news .news-content .caption h3 {
margin-bottom: 12px;
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news .news-content .caption p {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news .news-des {
padding: 20px 9px 20px 9px;
color: #b2b2b2;
}
.news .news-des p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news-more {
font-size: 0;
}
.news-more .date,
.news-more .more {
display: inline-block;
width: 50%;
text-align: center;
background: #e5e5e5;
line-height: 40px;
font-size: 12px;
color: #4c4c4c;
}
.news-more .date {
box-sizing: border-box;
border-right: 1px solid #fff;
}
/*棣栭〉--鍏徃绠€浠?/
.introduce { margin-top:5px;
text-indent: 2em;
padding-top: 20px;
padding-bottom: 20px;
background: url(../img/img04.jpg) no-repeat center;
background-attachment: fixed; background-size: cover; height:450px;
}
.introduce .common-title,
.video .common-title {
color: #fff;
}
.introduce p{ color:#fff;}
.introduce .common-title span,
.video .common-title span {
color: #fff;
}
.introduce .common-title p i:last-child,
.video .common-title p i:last-child {
background: #fff;
}
.introduce .intro-content {
margin-top: 40px;
padding: 0 15px;
line-height: 1.6;
font-size: 14px;
}
.introduce .intro-content a {
font-size: 14px;
margin-top: 50px;
}
/*棣栭〉--浜у搧涓績*/
.product {
padding-top: 40px;
padding-bottom: 40px;
}
.pro-content>div {
padding-left: 10px;
padding-right: 10px;
}
.pro-content .pro-content-item {
border-radius: 4px;
position: relative; text-align:center;
overflow: hidden;
margin-top: 20px;
}
.pro-content .i-t-l-t {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background: rgba(51, 51, 51, 0.5);
height: 4em;
overflow: hidden;}
.pro-content .i-t-l-t h1 {
float: left;
display: block;
margin-top: 1%;
margin-left: 5%;
}
.pro-content .i-t-l-t h2 {
float: left;
color: #fff;
font-weight: normal;
font-size: 1.6em;
margin-left: 3%;
line-height: 1em;
}
.pro-content .pro-content-item img {
width: 100%;
}
.pro-content .pro-content-item p{
position: absolute;overflow: hidden;
width: 100%;
left: 0;
bottom: 0;
color: #fff;
background: rgba(0, 0, 0, 0.3);
margin-bottom: 0;
height:100%;
text-align: center;
z-index: 2;
}
/*棣栭〉--瑙嗛涓績*/
.video {
background: url(../img/index-videoBg.jpg) no-repeat center;
background-size: cover;
padding-top: 40px;
padding-bottom: 40px;
}
.video-content {
margin-top: 20px;
}
.video .nav-tabs {
border-bottom: none;
}
.video-tab li {
margin-top: 10px;
width: 33.3333%;
float: left;
box-sizing: border-box;
padding: 4px;
}
.video-tab li:first-child {
margin-top: 0;
}
.video-tab li a {
background: #4598E3;
border-radius: 4px;
font-size: 14px;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.video-tab li a:hover,
.video-tab>li.active>a,
.video-tab>li.active>a:hover,
.video-tab>li.active>a:focus {
background: #4598E3;
color: #fff;
border: 1px solid #4598E3;
}
.video-tab-cont {
margin-top: 20px;
}
/*棣栭〉鍙嬫儏閾炬帴*/
.links{ width:1170px; margin:0 auto; height:80px;}
.links .link_tit{ font-size:28px;}
.links .link_name{margin-left:125px; line-height:30px; font-size:16px; }
.links .link_name li{ padding:10px;}
.links ul{ padding-left:20px;}
.links ul li{ float:left;}
/****渚ц竟瀵艰埅****/
.about {
padding-top: 40px;
padding-bottom: 40px;
}
.mobile-nav {
}
.mobile-nav .mobile-nav-title {
background: #4598E3;
color: #fff;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.mobile-nav .mobile-nav-title p {
margin-bottom: 0;
}
.mobile-nav-item{
font-size: 0;
}
.mobile-nav-item a{
display: inline-block;
width: 50%;
font-size: 14px;
text-align: center;
color: #fff;
background: #4598E3;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 10px;
}
.mobile-nav-item a:first-child{
border-right: 2px solid #fff;
}
.sidebar ul,
.sidebar ul li {
list-style: none;
padding: 0;
}
.sidebar ul li {
margin-bottom: 10px;
background: #4598E3;
text-align: center;
}
.sidebar ul li.sidebar-title {
background: #4598E3;
color: #fff;
border-radius: 4px;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
font-size: 18px;
}
.sidebar ul li.sidebar-title h3,
.mobile-nav .mobile-nav-title h3 {
margin-top: 0;
margin-bottom: 20px;
font-size: 24px;
}
.sidebar ul li.sidebar-title p:before,
.sidebar ul li.sidebar-title p:after,
.mobile-nav .mobile-nav-title p:before,
.mobile-nav .mobile-nav-title p:after {
content: "";
display: inline-block;
width: 20%;
height: 1px;
vertical-align: middle;
background: #fff;
}
.sidebar ul li.sidebar-item a {
display: block;
padding-top: 12px;
padding-bottom: 12px;
color: #fff;
font-size: 18px; text-align:left; margin-left:30px;
}
.right-content .content-title{
font-size: 16px;
color: #4598E3;
margin-bottom: 20px;
}
.right-content .content-title small{
color: #4598E3;
}
.about-content-des ,.about-content-honor{
border-top: 2px solid #7db079;
}
.about-content-des p{
color: #808080;
}
.honor-pic{
border: 1px solid #ccc;
padding: 15px;
}
/*鏂伴椈鍒楄〃椤?/
.news-list .row{
margin-bottom: 20px;
}
.news-pic{
margin-bottom: 20px;
}
.news-text h3 a,.news-text p a{
color: #333;
text-decoration: none;
}
.news-list a.readmore{
display: inline-block;
color: #fff;
background: #4598E3;
border-radius: 4px;
padding: 4px 15px;
margin-bottom: 5px;
text-decoration: none;
}
.news-text h3{
margin-top: 0;
margin-bottom: 10px;
font-size: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-text p{
font-size: 16px;
text-indent: 2em;
margin-bottom: 15px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news-text span{
font-size: 13px;
color: #999999;
}
.page-box{
text-align: center;
margin-top: 20px;
}
.page-box li a{
color: #999999;
}
.page-box li.active a{
color: #fff;
background: #4598E3;
}
.news-detail-title{
font-size: 12px;
color: #999;
margin-bottom: 20px; text-align:center
}
.news-detail-title h2{ text-align:center;
color: #4598E3;
font-size: 28px;
margin-top: 0;
margin-bottom:15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-detail-title span{
padding-right: 20px;
}
.news-detail-content{ font-size:16px; line-height:30px;}
/*瀹㈡湇涓績*/
.service{
padding:10px;
}
.service .service-content h3{
margin-top: 0;
color: #333;
font-size: 28px;
}
.service .service-content p{ font-size:18px;}
.service-content .row{
padding-bottom: 20px;
margin:40px 0px 0px;
}
.service-content .row p{
color: #999;
}
/*鎷涘晢鍔犵洘*/
.investment{
padding-top: 40px;
padding-bottom: 40px;
}
.investment-content ul{
list-style: none;
padding: 0;
}
.investment-content ul li>div{
margin-bottom: 20px;
}
.investment-content ul h3{
display: inline-block;
background: #4598E3;
color: #fff;
font-size: 18px;
padding: 10px;
}
.investment-content ul h5{
color: #4598E3;
font-size: 18px;
}
@media only screen and (min-width:768px) {
/*椤堕儴瀵艰埅*/
.top-nav li a {
padding-top: 10px;
padding-bottom: 10px;
}
/*椤佃剼*/
.zjlist {
padding-top: 30px;
}
.zjlist .thumbnail {
font-size: 16px;
}
/*棣栭〉--瑙嗛涓績*/
.video-tab .video-tab-title h3 {
margin-top: 0;
margin-bottom: 0;
background: #4598E3;
color: #fff;
padding: 20px 20px;
text-align: center;
}
.video-content {
margin-top: 40px;
}
.video-tab li {
background: #fff;
clear: both;
margin-top: 10px;
width: 100%;
border-radius: 4px;
overflow: hidden;
box-sizing: border-box;
padding: 0;
}
.video-tab li:first-child {
margin-top: 0;
}
.video-tab li a {
background: #fff;
padding: 24px 0 24px 10;
border-width: 0 0 0 6px;
border-color: #4598E3;
font-size: 14px;
color: #4598E3;
}
.video-tab li a:hover,
.video-tab>li.active>a,
.video-tab>li.active>a:hover,
.video-tab>li.active>a:focus {
border-width: 0 0 0 6px;
border-color: #4598E3;
background: #fff;
color: #4598E3;
}
.video-tab-cont {
margin-top: 0;
}
.about {
padding-top: 50px;
padding-bottom: 50px;
}
.right-content .about-content h4{
font-size: 16px;
color: #4598E3;
}
/*鏂伴椈鍒楄〃椤?/
.news-list .row{
margin-bottom: 40px;
}
.news-pic{
margin-bottom: 0;
}
.news-text p{
margin-bottom: 10px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.bread {
margin-top: 0px;
}
.service{
padding-top: 50px;
padding-bottom: 50px;
}
/*鎷涘晢鍔犵洘*/
.investment{
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width:992px) {
body {
padding-top: 90px;
}
/*椤堕儴瀵艰埅*/
.top-box {
height: 100px;
}
.navbar-brand {
/*height: 100px !important;
padding-top: 10px;
padding-bottom: 10px;*/
}
.top-box .navbar-brand img {
height: 100% !important;
}
.top-nav li a {
/*padding: 24px 30px;*/
line-height: 50px;
font-size: 16px;
/*background: #fff !important;*/
}
.top-nav li.active a,
.top-nav li a:hover {
color: #4E97D9 !important;
}
.introduce .intro-content {
font-size: 16px;
line-height: 2;
}
/*椤佃剼*/
.zjlist {
padding-top: 40px;
}
.zjlist .thumbnail {
font-size: 14px;
}
/*棣栭〉--浜у搧涓績*/
.pro-content>div {
padding-left: 10px;
padding-right: 10px;
}
.video-content {
margin-top: 50px;
}
.about {
padding-top: 60px;
padding-bottom: 60px;
}
/*鏂伴椈鍒楄〃*/
.news-pic{
margin-bottom: 0;
}
.news-text p{
margin-bottom: 15px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.service{
padding-top: 60px;
padding-bottom: 60px;
}
/*鎷涘晢鍔犵洘*/
.investment{
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width:1200px) {
/*椤堕儴瀵艰埅*/
.top-box {
height: 100px;
border:none;
box-shadow: 0 5px 25px -8px rgba(0, 0, 0, 0.2);
}
.navbar-brand {
/*height: 100px !important;
padding-top: 10px;
padding-bottom: 10px;*/
}
.top-box .navbar-brand img {
height: 80% !important; margin-top:10px;
}
.top-nav li a {
/*padding: 24px 40px;*/
line-height: 50px;
font-size: 16px;
/*background: #fff !important;*/
}
.top-nav li.active a,
.top-nav li a:hover {
color: #4E97D9!important;
}
/*鍏叡鏍囬*/
.common-title h2 {
font-size:34px;
margin-top: 0;
margin-bottom: 30px;
}
.common-title span {
display: block;
font-size: 20px;
color: #b2b2b2;
margin-bottom: 25px;
}
/*椤佃剼*/
.zjlist {
padding-top: 50px;
}
.zjlist .thumbnail {
font-size: 18px;
}
/*棣栭〉--鏂伴椈*/
.news {
padding-top: 0px;
padding-bottom: 50px;
}
.news .news-content {
margin-top: 35px;
}
.news .news-content .single-news article .content {
padding: 20px;
position: relative;
}
.news .news-content .single-news article span.date {
color: #444444;
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
display: inline-block;
margin-top: 5px;
font-weight: 300;
}
.news .news-content .single-news article p {
margin-bottom: 0;
font-size: 14px;
color: #757575;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.news .news-content .single-news:hover article {
box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);
transition: all .4s ease;
}
.news .news-content .single-news article a.link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.news .news-content .single-news article {
background-color: #fafafa;
border-radius: 2px;
transition: all .4s ease;}
.news .news-content .single-news article img {
max-width: 100%;
display: block;
}
.news .news-content h3{ font-weight: 400;
font-size: 22px;
line-height: 32px;
margin: 0px 0 5px 0;
color: #444444;
font-weight: 300;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.news .news-content .caption {
padding: 0px 9px 20px 9px;
}
.news .news-content .caption h3 {
margin-bottom: 15px;
font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news .news-content .caption p {
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news .news-des {
padding: 30px 9px 40px 9px;
}
.news-more .date,
.news-more .more {
font-size: 14px;
line-height: 50px;
}
/*棣栭〉--鍏徃绠€浠?/
.introduce {
padding-top: 30px;
padding-bottom: 30px;
}
.introduce .intro-content {
font-size: 18px;
line-height: 2;
}
.introduce .intro-content a {
font-size: 16px;
margin-top: 30px;
}
/*棣栭〉--浜у搧涓績*/
.product {
padding-top: 80px;
padding-bottom: 0px;
}
.pro-content>div {
padding-left: 10px;
padding-right: 10px;
}
.pro-content .pro-content-item p {
font-size: 24px;
}
/*棣栭〉--瑙嗛涓績*/
.video-content {
margin-top: 70px;
}
.video-tab .video-tab-title h3 {
margin-top: 0;
margin-bottom: 0;
background: #4598E3;
color: #fff;
padding: 20px 20px;
}
.video-tab li {
background: #fff;
clear: both;
margin-top: 10px;
width: 100%;
border-radius: 4px;
overflow: hidden;
box-sizing: border-box;
}
.video-tab li:first-child {
margin-top: 0;
}
.video-tab li a {
padding: 24px 0 24px 10;
border-width: 0 0 0 6px;
border-color: #4598E3;
font-size: 14px;
color: #4598E3;
}
.video-tab li a:hover,
.video-tab>li.active>a,
.video-tab>li.active>a:hover,
.video-tab>li.active>a:focus {
border-width: 0 0 0 6px;
border-color: #4598E3;
background: #fff;
color: #4598E3;
}
.about {
padding-top: 80px;
padding-bottom: 80px;
}
.service{
padding-top: 80px;
padding-bottom: 80px;
}
/*鎷涘晢鍔犵洘*/
.investment{
padding-top: 80px;
padding-bottom: 80px;
}
}