body {font-family:"Microsoft Yahei","微软雅黑", arial;margin:0; padding:0; font-size:14px; color:#333;}
html{overflow-x:hidden;}
textarea{font-family:"Microsoft Yahei","微软雅黑", arial;}
input, select, button,textarea{ border:none; outline:none;}
div,form,img,ul,ol,li,dl,dt,dd,p{margin: 0; padding: 0; border:0; }
table,thead,tbody,th,tr,td{ margin:0; padding:0; border:0; outline:none; background: none;}
li{list-style-type:none;}
img{vertical-align:top; text-align:center;}
a {text-decoration: none; color: #333;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a img{ border:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:16px; font-weight: 600; font-weight:normal;}

/* map */
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.clear-float {
    clear: both;
}

body {
    background-color: #f3f3f3;
}

#hits { 
    font-size: 14px;
    font-style: normal;
}

/* top */
.top {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #ddd;
}
.top-center {
    width: 1280px;
    margin: 0px auto;
}
.top-lf, .top-rg {
    width: auto;
    height: 30px;
    line-height: 30px;
    float: left;
    
}
.top-lf span, .top-rg a {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    display: inline-block;
}
.top-rg a:hover {
    color: #0d509f;
    text-decoration: underline;
}
.top-rg {
    float: right;
}
.top-rg a {
    width: auto;
    margin-left: 10px;
    float: right;
}
.top-rg span {
    width: 2px;
    height: 12px;
    background-color: #ddd;
    margin: 9px 0px 9px 10px;
    float: right;
}

/* nav */
.nav {
    width: 100%;
    height: 60px;
}
.nav-center {
    width: 1280px;
    height: 60px;
    margin: 0px auto;
}
.nav-lf {
    width: 300px;
    height: 60px;
    float: left;
}
.nav-lf img {
    width: 300px;
    margin: 10px 0px;
}
.nav-rg {
    width: auto;
    float: right;
}
.nav-rg ul li {
    width: 124px;
    height: 60px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #333;
    line-height: 60px;
    /* margin: 20px 0px; */
    float: left;
}
.nav-rg ul li a { 
    width: 100%;
    height: 100%;
    display: block;
}
.nav-rg ul li ul { 
    width: auto;
    height: auto;
    background: #fff;
    position: absolute;
    display: none;
}

.nav-rg ul li ul li{ 
    width: 124px; 
    height: 48px; 
    margin: 0px auto; 
    border-bottom: 1px solid #d3d3d3; 
    float:none; 
    font-size: 16px; 
    line-height:48px; 
    color: #666; 
    text-align:center;
}
.nav-rg ul li ul li a { 
    width: 124px; 
    height:48px; 
    font-size: 14px;
    font-weight: 500;
}
.nav-rg ul li ul li a p{ 
    font-size: 16px; 
    line-height: 48px; 
    text-align: center; 
    margin-top: 0px; 
    font-weight: lighter; 
    color: #666; 
}
.nav-rg ul li a:hover { 
    background: #0d509f;
    color: #fff; 
    overflow: hidden; 
}
.nav-rg ul li:hover ul { 
    display: block; 
    z-index: 5000; 
}


/* banner */
.example {
	width: 1920px;
	height: 500px;
	font-size: 40px;
	text-align: center;
	background-color: #464576;
}
.carousel-item {
	line-height: 500px;
	color: #fff;
	font-family:  Arial Black
}

ul,
ol {
	list-style: none;
}

.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
}

.ft-carousel .carousel-item img {
	width: 100%;
}

.ft-carousel .carousel-indicators {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.ft-carousel .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin: 20px 4px;
	border-radius: 50%;
	cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
	background-color: #de3a3a;
}

.ft-carousel .carousel-btn {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 80px;
	background: url(../../images/pc_images/prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
	right: 90px;
	background: url(../../images/pc_images/next.png) no-repeat;
}



/* 次级banner */
.secondary-banner {
    width: 100%;
}
.secondary-banner img {
    width: 100%;
    height: 200px;
}


/* about&news */
.content {
    width: 1280px;
    height: auto;
    margin: 0px auto;
    margin-top: 30px;
}
.about-container {
    width: 856px;
    height: auto;
    background-color: #fff;
    padding: 20px;
    float: left;
}


/* about */
.about {
    width: 412px;
    height: 210px;
    float: left;
}
.about-tit {
    width: 412px;
}
.about-tit, .news-tit, .contact-tit, .product-tit {
    height: 22px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.major-tit {
    width: 72px;
    height: 22px;
    font-size: 18px;
    font-weight: bold;
    color: #0d509f;
    float: left;
    display: block;
    border-bottom: 1px solid #0d509f;
    padding-bottom: 10px;
}
.major-tit a { 
    color: #0d509f;
}
.minor-tit {
    height: 14px;
    margin-top: 6px;
    margin-left: 6px;
    font-size: 14px;
    font-weight: lighter;
    color: #999;
    float: left;
    display: block;
}
.minor-tit a { 
    color: #0d509f;
}
.about-more, .news-more, .contact-more {
    width: 60px;
    height: 22px;
    background: url("../../images/pc_images/more01.png") 50px 4px no-repeat;
    font-size: 14px;
    font-weight: normal;
    color: #999;
    display: block;
    float: right;
    transition: all 0.2s;
    line-height: 22px;
    margin-top: 6px;
}
.about-more:hover {
    color: #0d509f;
    background: url("../../images/pc_images/more02.png") 52px 4px no-repeat;
}
.news-more:hover {
    color: #0d509f;
    background: url("../../images/pc_images/more02.png") 52px 4px no-repeat;
}
.contact-more:hover {
    color: #0d509f;
    background: url("../../images/pc_images/more02.png") 52px 4px no-repeat;
}
.about-txt {
    width: 412px;
    height: 167px;
    margin-top: 8px;
    overflow: hidden;
}
.about-txt img {
    width: 225px;
    height: 115px;
    margin-right: 10px;
    float: left;
    transition: all 0.6s;
    overflow: hidden;
}
.about-txt a:hover img {
    transform: scale(1.03)
}
.about-txt p {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    text-align: justify;
    line-height: 24px;
}

/* news */
.news {
    width: 414px;
    float: right;
}
.news-center {
    width: 412px;
    margin-top: 8px;
}
.news-center img {
    width: 160px;
    height: 90px;
    float: left;
    transition: all 0.6s;
}
.news-center img:hover {
    transform: scale(1.03)
}
.news-center-content {
    width: 232px;
    height: 90px;
    padding-left: 20px;
    float: right;
}
.news-center-content a {
    width: 232px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    margin-bottom: 10px;
    display: inline-block;
}
.news-center-content a:hover {
    color: #0d509f;
}
.news-center-content p {
    width: 232px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    line-height: 21px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.news-Separate {
    width: 412px;
    border: 1px dashed #eee;
    margin: 15px 0px;
}
.news-bt {
    width: 412px;
}
.news-bt li {
    width: 412px;
    height: 20px;
    margin-top: 6px;
}
.news-bt li:first-child {
    margin-top: 0px;
}
.news-bt li a {
    width: 280px;
    height: 20px;
    background: url("../../images/pc_images/news-ico01.png") left center no-repeat;
    line-height: 20px;
    text-indent: 16px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left;
}
.news-bt li:hover a {
    color: #0d509f;
    background: url("../../images/pc_images/news-ico02.png") left center no-repeat;

}
.news-bt li span {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #999;
    display: block;
    margin-left: 22px;
    float: right;
}

/* contact */
.contact-us {
    width: 324px;
    height: 210px;
    background-color: #fff;
    padding: 20px;
    float: right;
}
.contact-pic {
    width: 324px;
    height: 76px;
    margin-top: 8px;
    margin-bottom: 14px;
}
.contact-pic img {
    width: 324px;
    transition: all 0.6s;
}
.contact-pic img:hover { 
    transform: scale(1.03);
}
.contact-txt {
    width: 324px;
}
.contact-txt li {
    width: 324px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-top: 8px;
    font-weight: normal;
    color: #666;
    /* margin-top: 6px; */
}

/* product */
.product-container {
    width: 1240px;
    margin: 0px auto;
    margin-top: 20px;
    padding: 20px;
    background-color: #fff;
}
.product-tit {
    width: 1240px;
}
.products {
    width: 1240px;
    height: 248px;
    margin-top: 8px;
}
.product {
    width: 295px;
    height: 248px;
    margin-left: 20px;
    /* float: left; */
}
.product:first-child {
    margin-left: 0px;
}
.product-pic {
    width: 295px;
    height: 208px;
    overflow: hidden;
}
.product-pic img {
    width: 295px;
    transition: all 0.6s;
}
.product:hover img {
    transform: scale(1.05);
}
/* .product-subtit {
    width: 295px;
    height: 20px;
    margin-top: 20px;
}
.product-subtit a {
    width: 295px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    display: inline-block;
} */
.product span {
    width: 295px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    margin: 0 8px;
    margin-top: 20px;
    display: inline-block;
}
.product:hover span {
    font-weight: bold;
    color: #0d509f;
}

/* footer */
.footer-container {
    width: 100%;
    margin-top: 50px;
    padding: 20px 0px;
    float: left;
    background-color: #0d509f;
}
.footer {
    width: 1280px;
    margin: 0px auto;
}
.footer-text {
    width: 1014px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    margin: 0 auto;
}
.footer-text a {
    color: #fff;
    text-decoration: none;
}
.footer-text a:hover {
    color: rgb(255, 219, 17);
    text-decoration: underline;
}
/* .copyright {
    width: 1280px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    margin-top: 10px;
} */
.footer img {
    width: 56px;
    height: 50px;
    margin: 0px 612px;
    margin-top: 10px;
}

/* 公司简介 */
.about-show-tit {
    width: 72px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0px auto;
    margin-bottom: 20px;
}
.about-show-content {
    width: 856px;
    height: auto;
}
.honor-pic {
    width: 364px;
    height: 136px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
}
.honor-pic a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.honor-pic img {
    width: 364px;
    transition: all 0.6s;
}
.honor-pic:hover img {
    transform: scale(1.05);
}
.honor-pic-cover {
    width: 364px;
    height: 0;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    line-height: 136px;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
    transition: height 0.5s;
}
.honor-pic-cover span {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.honor-pic:hover .honor-pic-cover {
    height: 136px;
}

/* 新闻资讯 */
.news-container, .news-show-container, .product-list-container, .product-show-container, .about-show-container {
    width: 1280px;
    margin: 0px auto;
}
.news-list, .news-show, .product-list, .product-show, .about-show {
    width: 1240px;
    height: auto;
    background-color: #fff;
    padding: 20px;
    float: right;
}
.news-list-box {
    width: 100%;
    margin-bottom: 30px;
}
.news-item {
    width: 100%;
    height: 150px;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}
.news-list-box .news-item .news-cover-img {
    width: 210px;
    height: 150px;
    overflow: hidden;
    display: block;
    float: left;
}
.news-item-img {
    height: 150px;
    width: 200px;
    display: block;
    float: left;
}
.news-list-box .news-item img {
    height: 150px;
    width: 210px;
    display: block;
    transition: all 0.6s;
}
.news-list-box .news-item .news-cover-img:hover img {
    transform: scale(1.05);
}
.news-list-box .news-content {
    width: 1010px;
    height: 150px;
    display: block;
    margin-left: 20px;
    float: left;
}
.news-list-tit {
    width: 412px;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.news-list-tit span {
    font-size: 18px;
    font-weight: normal;
    font-weight: 600;
    color: #333;
}
.news-list-tit:hover span {
    color: #0d509f;
}
.news-description {
    width: 100%;
    height: 64px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    line-height: 21px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news-property {
    height: 20px;
    margin-top: 20px;
    text-align: right;
}
.news-property span {
    font-size: 14px;
    font-weight: normal;
    color: #999;
}

/* .news-list-box li {
    width: 856px;
    height: 20px;
    margin: 10px 0px;
}
.news-square {
    width: 4px;
    height: 4px;
    background-color: #0d509f;
    margin: 8px 0px;
    margin-right: 10px;
    display: inline-block;
}
.news-list-box a {
    width: 620px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    display: inline-block;
}
.news-list-box a:hover {
    color: #0d509f;
}
.news-date {
    width: 90px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    margin-left: 132px;
    overflow: hidden;
    display: inline-block;
} */
.news-pagers {
    width: 556px;
    height: 32px;
    margin: 40px auto;
}
.news-pagers a {
    margin-right: 20px;
    float: left;
}
.news-pager {
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
    transition: all 0.6s;
}
.news-pager span {
    font-size: 14px;
    font-weight: normal;
    color: #666;
}
.news-pagers a:last-child {
    margin-right: 0px;
}
.news-pager:hover {
    background-color: #0d509f;
    border-radius: 4px;
}
.news-pager:hover span {
    color: #fff;
}
.news-pager-active {
    background-color: #0d509f;
    border-radius: 4px;
    cursor: not-allowed;
}
.news-pager-active:hover {
    border: 1px solid #eee;
}
.news-pager-active:hover span {
    color: #fff;
}
.news-pager-active span {
    color: #fff;
}

/* 当前位置 */
.bread-crumb { 
    width: 1280px;
    height: 72px;
    line-height: 72px;
    font-size: 16px;
    margin: 0 auto;
}


/*产品列表底部页码*/

.list_pages {
    width: 1240px;
    height: 60px;
    float: left;
    position: relative;
    overflow: hidden;
    
}
.list_page{
    margin: 30px 0 30px; 
    width: auto;
    height: 30px;  
    background: white; 
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    
}
.list_page a, .list_page span{
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    border: 1px solid #c4c4c4;
    display: block;
    float: left;
    margin: 0 8px;
    
}
.list_page a:first-child {
    width: 68px;
}
.list_page a:hover {
    background: #0d509f;
    color: #fff;
}
.list_page a:last-child { 
    width: 68px;
}
.list_page span { 
    background: #0d509f;
    color: #fff;
}


/* 新闻详情 */
.news-show h3 {
    width: auto;
    height: auto;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    line-height: 48px;
    max-height: 96px;
}
.news-show-property {
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.news_text2 { 
    width: 100%;
    height: 100%;
    padding: 40px;
    min-height: 400px;
    font-style: normal;
    box-sizing: border-box;
}
.news-show-property span {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    margin: 0 30px;
    margin-right: 10px;
}
.news-show-top-separator, .news-show-bt-separator {
    width: 856px;
    height: 1px;
    background-color: #eee;
    margin-bottom: 20px;
    border: none;
}
.news-show-bt-separator {
    margin-top: 20px;
}
.news-show-btn {
    width: 656px;
    margin-top: 30px;
    border-top: 1px solid #eee;
    padding: 20px 100px;
    padding-bottom: 0;
}
.news-prev, .news-next {
    max-width: 274px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.news-next {
    text-align: right;
    float: right;
}
.news-prev a, .news-next a {
    font-size: 14px;
    font-weight: normal;
    color: #666;
}
.news-prev a:hover {
    color: #0d509f;
    text-decoration: underline;
}
.news-next a:hover {
    color: #0d509f;
    text-decoration: underline;
}

/* 产品展示 */
.product-box {
    width: 295px;
    background-color: #eee;
    border: 1px solid #ccc;
    float: left;
    margin-right: 13px;
    margin-bottom: 20px;
    transition: all 0.6s;
    overflow: hidden;
}
.product-list-pic {
    width: 295px;
    height: 248px;
    overflow: hidden;
}
.product-box img {
    width: 295px;
    height: 248px;
    transition: all 0.6s;
}
.product-box:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    background-color: #0d509f;
}
.product-box:hover .product-list-pic img{
    transform: scale(1.05);
}
.product-box:hover .product-list-tit a{
    color: #fff;
    font-weight: bold;
}
.product-list-tit {
    width: 252px;
    height: 20px;
    text-align: center;
    margin: 10px;
}
.product-list-tit a {
    height: 20px;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    display: inline-block;
}
.side-container {
    width: 364px;
    float: left;
}
.side-container-tab {
    width: 364px;
}
.side-container-tab a {
    width: 182px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #e5e5e5;
    display: inline-block;
    font-size: 16px;
    color: #666;
}
.side-container-tab a:hover {
    color: #0d509f;
    border-bottom: 2px solid rgba(13, 80, 159, 0.7);
    box-sizing: border-box;
}
.side-container-tab .side-container-tab-active {
    background-color: rgba(13, 80, 159, 0.7);
    color: #fff !important;
}
/* .recruit-pic {
    width: 364px;
    height: 250px;
    border: 1px solid #eee;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
}
.recruit-pic a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.recruit-pic img {
    width: 364px;
    transition: all 0.6s;
}
.recruit-pic:hover img {
    transform: scale(1.05);
}
.recruit-pic-cover {
    width: 364px;
    height: 0;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    line-height: 250px;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
    transition: height 0.5s;
}
.recruit-pic-cover span {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.recruit-pic:hover .recruit-pic-cover {
    height: 250px;
} */


/* 产品详情 */
.product-show {
    background-color: #f9f9f9;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.product-show h3 {
    width: auto;
    height: auto;
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid #cdcdcd;
    text-align: center;
    line-height: 48px;
    max-height: 96px;
}
.product-show-content {
    width: auto;
    height: auto;
    min-height: 400px;
    padding: 40px;
    overflow: hidden;
    box-sizing: border-box;
}
/* .product-show-pic img {
    width: 856px;
} */
.product-show-hot {
    width: 364px;
    margin-top: 20px;
    float: right;
}
.product-hot-tit {
    width: 362px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-left: 2px solid #0d509f;
    margin-bottom: 10px;
}
.product-hot-tit span {
    width: 72px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #0d509f;
    margin-left: 18px;
    display: block;
    float: left;
}
.product-hot-tit a {
    width: 84px;
    height: 20px;
    text-align: left;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    color: #999;
    background: url("../../images/pc_images/more01.png") 76px center no-repeat;
    margin-right: 20px;
    display: block;
    float: right;
    transition: all 0.6s;
}
.product-hot-tit a:hover {
    color: #0d509f;
    background: url("../../images/pc_images/more02.png") 70px center no-repeat;
}
.product-hot-box {
    width: 364px;
    margin-bottom: 10px;
}
.product-hot-content {
    width: 364px;
    height: 300px;
}
.product-hot-pic {
    width: 364px;
    height: 250px;
    overflow: hidden;
}
.product-hot-pic img {
    width: 364px;
    transition: all 0.6s;
}
.product-hot-content:hover img {
    transform: scale(1.05);
}
.product-hot-subtit {
    width: 364px;
    height: 50px;
    background-color: #e5e5e5;
    line-height: 50px;
    text-align: center;
    transition: all 0.6s;
}
.product-hot-subtit a {
    font-size: 16px;
    font-weight: normal;
    color: #666;
}
.product-hot-content:hover .product-hot-subtit {
    background-color: #0d509f;
}
.product-hot-content:hover .product-hot-subtit a {
    font-weight: bold;
    color: #fff;
}
.product-hot-more {
    width: 364px;
    height: 30px;
    background-color: #ddd;
    font-size: 16px;
    font-weight: normal;
    color: #999;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
    transition: all 0.6s;
}
.product-hot-more a {
    transition: all 0.6s;
}
.product-hot-more:hover {
    background-color: #0d509f;
}
.product-hot-more:hover a {
    color: #fff;
}

/* 留言反馈 */
.message-container {
    width: 1280px;
    height: auto;
    margin: 0px auto;
    margin-bottom: 30px;
    padding: 14px 0px;
    background-size: 800px;
}
.message {
    width: 500px;
    height: 532px;
    margin: 0px auto;
    background: url("../../images/pc_images/message-pic.png") center center no-repeat;
    background-size: 100%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding: 30px;
}
.form-box {
    width: 500px;
    min-height: 32px;
    padding: 7px 0px;
    /* margin: 0px 390px; */
    text-align: center;
}
.form-box label, .form-box input {
    font-size: 16px;
    color: #333;
    line-height: 32px;
}
.form-box input {
    color: #666;
}
.form-box label {
    padding: 0px 10px;
    width: 60px;
    height: 21px;
    min-width: 60px;
    vertical-align: middle;
}
.form-box input {
    width: 80%;
    font-size: 14px;
    text-indent: 1em;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.form-box input:focus, .form-box textarea:focus {
    border: 1px solid #0d509f;
}
.form-box textarea {
    width: 81%;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 1rem;
    vertical-align: middle;
    box-sizing: border-box;
}
.msg-submit {
    margin-top: 100px;
}
.btn {
    width: 80px;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    padding: 8px 20px;
}
.btn:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0d509f;
    border-color: #0d509f;
}
.btn:active {
    color: #fff;
    background-color: #0d509f;
}

/* 联系我们 */
.contact-us-container {
    width: 1280px;
    margin: 0 auto;
}
.contact-us-container-txt {
    width: 798px;
    height: auto;
    background-color: #fff;
    padding: 20px;
    float: left;
}
/* .contact-us-container-txt p {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    text-indent: 24px;
    margin: 6px 0px;
    background: url("../../images/pc_images/user-ico.png") left center no-repeat;
    background-size: 14px;
} */
.contact-us-map {
    width: 1278px;
    height: 263px;
    margin: 0 auto;
    margin-top: 20px;
    border: 1px solid #ddd;
}
.phone-ico {
    background: url("../../images/pc_images/phone-ico.png") left center no-repeat !important;
    background-size: 14px !important;
}
.postcode-ico {
    background: url("../../images/pc_images/postcode-ico.png") left center no-repeat !important;
    background-size: 14px !important;
}
.fax-ico {
    background: url("../../images/pc_images/fax-ico.png") left center no-repeat !important;
    background-size: 14px !important;
}
.address-ico {
    background: url("../../images/pc_images/address-ico.png") left center no-repeat !important;
    background-size: 14px !important;
}
.contact-us-container-pic {
    width: 422px;
    height: auto;
    float: right;
    position: relative;
}
.contact-us-container-pic img {
    width: 422px;
}
.contact-us-tel {
    width: 150px;
    height: 50px;
    text-align: center;
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.contact-us-tel span {
    font-size: 20px;
    font-weight: bold;
    color: #0d509f;
    display: inline-block;
    animation: beat 0.6s infinite alternate;
}
@keyframes beat{
    to { transform: scale(1.1); }
}
.contact-us-tel p {
    font-size: 14px;
    font-weight: normal;
    color: #666;
}