@charset "utf-8";
/* CSS Document */



/*

	广告

*/

.banner { width: 100%; }
.banner .swiper-slide img { width: 100%; }
.mobilebanner { width: 100%; display: none; }
.mobilebanner .swiper-slide img { width: 100%; }
 @media only screen and (max-width: 766px) {
.banner { display: none; }
.mobilebanner { display: block; }
}
/*

	首页产品图片展示

*/

.hot_pro { background-color: #FFF; padding-top: 40px; padding-bottom: 30px; }
.hot_pro .swiper-slide { float: left; text-align: center; padding-bottom: 40px; width: 25%; }
.hot_pro .swiper-slide a { display: inline-block; margin: 0 auto; }
.hot_pro .swiper-slide a img { float: left; margin-right: 20px; max-height: 100px; }
.hot_pro .swiper-slide a div { float: left; text-align: left; padding-top: 15px; }
.hot_pro .swiper-slide a div h2 { font-size: 18px; font-weight: bold; }
.hot_pro .swiper-slide a div h3 { font-size: 12px; font-weight: normal; max-width: 150px; line-height: 110%; text-transform: uppercase; }
 @media only screen and (max-width: 1160px) {
.hot_pro .swiper-slide { float: left; text-align: left; padding-bottom: 40px; width: 50%; }
.hot_pro .swiper-slide a img { float: left; margin: 0 15px; }
}
@media only screen and (max-width: 766px) {
.hot_pro { padding:0; }
.hot_pro .swiper-slide { float:left; height:70px; padding-bottom: 10px; width: -moz-calc(50% - 1px); width: -webkit-calc(50% - 1px); width: calc(50% - 1px); border:1px #F1F1F1 solid; margin-top:-1px; margin-left:-1px; }
.hot_pro .swiper-slide a { display: inline-block; margin: 0 auto; padding-top:10px; }
.hot_pro .swiper-slide a img { float: left; max-width:60px; max-height: 60px; margin:0 5px; }
.hot_pro .swiper-slide a div { float: left; text-align:center; padding-top: 20px; }
.hot_pro .swiper-slide a div h2 { font-size: 16px; font-weight:normal; line-height:100%; }
.hot_pro .swiper-slide a div h3 { display:none; font-size: 12px; font-weight: normal; max-width: 150px; line-height:110%; text-transform: uppercase; }
}

@media only screen and (max-width: 360px) {
.hot_pro { padding:0; }
.hot_pro .swiper-slide { float:left; height:40px; padding-bottom: 10px; width: -moz-calc(50% - 1px); width: -webkit-calc(50% - 1px); width: calc(50% - 1px); border:1px #F1F1F1 solid; margin-top:-1px; margin-left:-1px; }
.hot_pro .swiper-slide a { display: inline-block; margin: 0 auto; padding-top:10px; }
.hot_pro .swiper-slide a img { float: left; max-width:30px; max-height: 30px; margin:0 15px; }
.hot_pro .swiper-slide a div { float: left; text-align:center; padding-top: 10px; }
.hot_pro .swiper-slide a div h2 { font-size: 12px; font-weight:normal; line-height:100%; }
.hot_pro .swiper-slide a div h3 { display:none; font-size: 12px; font-weight: normal; max-width: 150px; line-height:110%; text-transform: uppercase; }
}

/*

	公司简介

*/

.hot_about { background-color: #FFF; min-height: 580px; }
.hot_about .img { float: left; height: 580px; width: 50%; background: url(../images/hot_about_img.jpg) no-repeat right top; background-size: cover; }
.hot_about .img .sketch { display: block; width: 300px; height: 580px; background: rgba(191,33,25,0.8); color: #FFF; padding-left: 50px; padding-right: 30px; }
.hot_about .img .sketch h1 { font-weight: normal; font-size: 14px; line-height: 150%; padding-top: 100px; }
.hot_about .img .sketch span { font-size: 60px; font-family: "CENTURYGOTHIC-BOLD", 黑体; }
.hot_about .text { float: left; width: 50%; }
.hot_about .text h1 { display: block; margin: 65px 0 0 60px; font-size: 48px; line-height: 125%; color: #4C4C4C; font-weight: bold; }
.hot_about .text h1 span { float: left; font-size: 42px; font-weight: 400;}
.hot_about .text h1 em { float: left; display: inline-block; margin: 10px 0 0 5px; font-size: 18px; font-weight: 400; line-height: 22px;}
.hot_about .text h1 em strong { font-weight: 400;}
.hot_about .text h1 hr { width: 100%; border: 0;}
.hot_about .text h1 i { color: #167852; }
.hot_about .text h3 { display: block; margin: 20px 0 0 63px; padding-left: 10px; border-left: 5px #167852 solid; color: #7F7F7F; text-transform: uppercase; font-weight: bold; line-height: 133%; font-size: 18px; }
.hot_about .text p { display: block; margin: 40px 50px 0 60px; color: #7F7F7F; line-height: 20px; }
.hot_about .text a.more { display: block; width: 44px; height: 44px; margin: 30px 0 0 60px; background: url(../images/more.png) no-repeat center center; background-size: cover; }
.hot_about .text a.more { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.hot_about .text a.more:hover { background: url(../images/morecur.png) no-repeat center center; background-size: cover; }
.hot_about .img2 { display: none; }
.hot_about .text ul { width: 83%; margin: 5% auto; overflow: hidden;}
.hot_about .text ul li { width: 25%; float: left;}
.hot_about .text ul li a {display: block; padding: 30% 0; margin: 0 auto;}
.hot_about .text ul li a.img_fi { background: url(../images/img_fi.png) center center no-repeat;}
.hot_about .text ul li a.img_s { background: url(../images/img_s.png) center center no-repeat;}
.hot_about .text ul li a.img_t { background: url(../images/img_t.png) center center no-repeat;}
.hot_about .text ul li a.img_fo { background: url(../images/img_fo.png) center center no-repeat;}
 @media only screen and (max-width: 1444px) {
.hot_about .text h1 { font-size: 38px; }
.hot_about .text h1 span { font-size: 32px; font-weight: 400;}
.hot_about .text h1 em { margin: 10px 0 0 5px; font-size: 16px; line-height: 15px;}
}
 @media only screen and (max-width: 1260px) {
.hot_about .text h1 { font-size: 28px; }
.hot_about .text h1 span { font-size: 24px; font-weight: 400;}
.hot_about .text h1 em { margin: 7px 0 0 5px; font-size: 14px; line-height: 12px;}
.hot_about .text ul li a { padding: 40% 0;}
}
 @media only screen and (max-width: 990px) {
.hot_about .img { width: 100%; height: 500px; }
.hot_about .img .sketch { padding-left: 20px; width: 220px; height: 500px; }
.hot_about .img .sketch h1 { padding-top: 80px; }
.hot_about .img .sketch span { font-size: 50px; }
.hot_about .text { width: 100%; padding-bottom: 30px; }
.hot_about .text h1 { font-size: 48px; }
.hot_about .text h1 span { font-size: 42px; font-weight: 400;}
.hot_about .text h1 em { margin: 10px 0 0 5px; font-size: 18px; line-height: 22px;}
.hot_about .text h1 { margin: 30px 0 0 20px; }
.hot_about .text h3 { margin: 20px 0 0 23px; font-size: 12px }
.hot_about .text p { margin: 20px 30px 0 20px; }
.hot_about .text a.more { margin: 30px 30px 0 20px; }
}
 @media only screen and (max-width: 766px) {
.hot_about .img { height: 400px; }
.hot_about .img .sketch { width: 220px; height: 400px; }
.hot_about .img .sketch h1 { padding-top: 50px; }
.hot_about .text h1 { font-size: 38px; }
.hot_about .text h1 span { font-size: 32px; font-weight: 400;}
.hot_about .text h1 em { margin: 10px 0 0 5px; font-size: 16px; line-height: 15px;}
}
 @media only screen and (max-width: 460px) {
.hot_about { min-height: 0; }
.hot_about .text h1 { font-size: 18px; }
.hot_about .text h1 span { font-size: 23px; font-weight: 400;}
.hot_about .text h1 em { margin: 0px 0 0 5px; font-size: 12px; line-height: 12px;}
.hot_about .text h3 { margin: 20px 0 0 23px; font-size: 12px; font-weight: normal; }
.hot_about .text a.more { width: 30px; height: 30px; }
.hot_about .img { display: none; }
.hot_about .img2 { display: block; }
.hot_about .img2 img { width: 100%; }
}
/*

	新闻

*/



.hot_news { background-color: #F2F2F2; min-height: 400px; }
.hot_news .title { float: left; width: 350px; min-height: 400px; background: url(../images/hot_news_title_bg.png) no-repeat right center; }
.hot_news .title h1 { display: block; margin: 90px 0 0 55px; line-height: 100%; font-size: 72px; color: #4C4C4C; font-weight: bold; text-transform: uppercase; }
.hot_news .title h3 { display: block; margin: 10px 0 0 60px; line-height: 100%; font-size: 30px; color: #4C4C4C; font-weight: normal; }
.hot_news .title a.more { display: block; width: 44px; height: 44px; margin: 50px 0 0 60px; background: url(../images/more.png) no-repeat center center; background-size: cover; }
.hot_news .title a.more { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.hot_news .title a.more:hover { background: url(../images/morecur.png) no-repeat center center; background-size: cover; }
.hot_news .swiper3 { float: left; padding-bottom: 50px; width: -moz-calc(100% - 370px); width: -webkit-calc(100% - 370px); width: calc(100% - 370px); position: relative; }
.hot_news .swiper3 .swiper-slide { float: left; width: 100%; }
.hot_news .swiper3 .swiper-slide span.time { display: inline-block; margin-top: 90px; height: 42px; line-height: 42px; padding: 0 15px 0 40px; text-align: center; font-size: 18px; color: #FFF; background: url(../images/time.png) no-repeat #7F7F7F 15px center; }
.hot_news .swiper3 .swiper-slide h2 { font-size: 18px; margin-top: 40px; color: #4C4C4C; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hot_news .swiper3 .swiper-slide p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.hot_news .swiper3 .swiper-slide p { line-height: 20px; padding-top: 20px; color: #7F7F7F; }
.hot_news .swiper3 .swiper-slide span.more { color: #7F7F7F; display: inline-block; margin-top: 30px; }
.hot_news .swiper3 .swiper-slide span.more i { float: left; display: block; width: 11px; height: 11px; margin: 2px 5px 0 0; border-radius: 100%; border: 1px solid #E5E5E5; background: url(../images/hot_news_icon.png) no-repeat center -10px; }
.hot_news .swiper3 .swiper-slide * { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.hot_news .swiper3 .swiper-slide a:hover span.time { color: #FFF; background-color: #167852 }
.hot_news .swiper3 .swiper-slide a:hover span.more { color: #167852; }
.hot_news .swiper3 .swiper-slide a:hover span.more i { border: 1px solid #167852; background-position: center 3px; }
.hot_news .swiper3 .swiper-pagination { position: absolute; left: 0; bottom: 0px; display: none; }
 @media only screen and (max-width: 1280px) {
.hot_news .swiper3 .swiper-pagination { display: block; }
}
 @media only screen and (max-width: 1160px) {
.hot_news .swiper3 .swiper-slide { width: 100%; padding: 0; }
.hot_news .swiper3 .swiper-pagination { display: block; }
}
 @media only screen and (max-width: 760px) {
.hot_news .title { width: 100%; min-height: 160px; background-size: cover; }
.hot_news .title h1 { margin: 30px 0 0 15px; font-size: 28px; }
.hot_news .title h3 { margin: 10px 0 0 20px; font-size: 16px; }
.hot_news .title a.more { margin: 20px 0 0 20px; width: 30px; height: 30px; }
.hot_news .swiper3 { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); margin-left: 20px; padding-bottom: 50px; }
.hot_news .swiper3 .swiper-slide span.time { margin-top: 0px; font-size: 14px; height: 30px; line-height: 30px; }
.hot_news .swiper3 .swiper-slide h2 { margin-top: 20px; }
}
/*

	联系方式

*/



.hot_contact { min-height: 600px; }
.hot_contact .contact { float: left; width: 40%; min-height: 600px; background: url(../images/hot_contact_bg.jpg) no-repeat center right; background-size: cover; }
.hot_contact .contact a.more { display: block; width: 45px; height: 45px; margin: 30px 0 0 60px; border-radius: 100%; border: 1px solid #FFF; background: url(../images/hot_about_icon1.png) no-repeat center center; }
.hot_contact .contact a.more { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.hot_contact .contact a.more:hover { border: 1px #167852 solid; background: url(../images/hot_about_icon1.png) no-repeat #167852 center center; }
.hot_contact .contact ul { display: block; margin: 0 0 0 60px; width: 490px; padding: 0 0 10px 0;}

.hot_contact .contact ul li { color: #FFF; float: left; width: 100%; line-height: 30px; background: url(../images/hot_icon.png) no-repeat; padding-left: 5%; font-size: 16px;}
.hot_contact .contact ul li:first-child { background: url(../images/con_bg.png) no-repeat top left; padding-left: 10%; min-height: 150px;}
.hot_contact .contact ul li:first-child h1 { display: block; margin: 50px 0 0 60px; line-height: 100%; font-size: 48px; font-weight: bold; color: #FFF; text-transform: uppercase; }
.hot_contact .contact ul li:first-child h3 { display: block; margin: 0px 0 0 60px; line-height: 100%; font-size: 30px; color: #FFF; font-weight: normal; }
.hot_contact .contact ul li.lw0 { background: url(../images/hot_line.png) no-repeat left 8px; padding-left: 11%; margin: 5% 0;}
.hot_contact .contact ul li.lw0 h4 { display: block; font-size: 16px; font-weight: normal; color: #FFF; }
.hot_contact .contact ul li.lw0 h2 { display: block; font-weight: 800; color: #FFF; font-size: 28px;  line-height: 32px;}
.hot_contact .contact ul li.lw1 { background-position: 0 5px;}
.hot_contact .contact ul li.lw2 { background-position: -1px -26px;}
.hot_contact .contact ul li.lw3 { background-position: 0 -64px;}
.hot_contact .contact ul li.lw4 { background-position: -1px -99px;}
.hot_contact .honor { float: left; width: 60%; overflow: hidden; min-height: 600px; }
.hot_contact .honor .img { float: right; text-align: right; margin-top: 90px; width: -moz-calc(100% - 350px); width: -webkit-calc(100% - 350px); width: calc(100% - 350px); padding-left: 20px; }
.hot_contact .honor .img img { max-width: 100%; }
.hot_contact .honor h1 { margin: 90px 0 0 60px; font-size: 48px; line-height: 100%; color: #4D4D4D; font-weight: bold; text-transform: uppercase; }
.hot_contact .honor h2 { margin: 10px 0 0 60px; font-size: 30px; line-height: 100%; }
.hot_contact .honor hr { margin: 15px 0 0 60px; width: 30px; height: 5px; border: 0 none; background-color: #167852; }
.hot_contact .honor h5 { margin: 30px 0 0 60px; font-size: 18px; font-weight: normal; color: #7F7F7F; line-height: 100%; }
.hot_contact .honor h6 { margin: 5px 0 0 60px; font-size: 12px; font-weight: normal; color: #7F7F7F; line-height: 100%; text-transform: uppercase; }
.hot_contact .honor p { display: block; margin: 40px 50px 0 60px; width: 270px; color: #7F7F7F; line-height: 20px; }
.hot_contact .honor a.more { display: block; width: 44px; height: 44px; margin: 50px 0 0 60px; border-radius: 100%; background: url(../images/more.png) no-repeat center center; }
.hot_contact .honor a.more { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.hot_contact .honor a.more:hover { background: url(../images/morecur.png) no-repeat center center; }

 @media only screen and (max-width: 1350px) {
	.hot_contact .contact ul li:first-child h1 { font-size: 38px; margin: 65px 0 0 60px;}
	.hot_contact .contact ul li:first-child h3 { font-size: 24px;}
 }

 @media only screen and (max-width: 1160px) {
.hot_contact .contact { width: 100%; padding-bottom: 50px; min-height: auto; }
.hot_contact .honor { width: 100%; padding-bottom: 30px; }
.hot_contact .contact ul li:first-child h1 { font-size: 48px; margin: 50px 0 0 60px;}
.hot_contact .contact ul li:first-child h3 { font-size: 30px;}
}

 @media only screen and (max-width: 760px) {
.hot_contact .contact a.more { margin: 30px 0 0 20px; width: 30px; height: 30px; }
.hot_contact .contact ul li:first-child h1 { font-size: 38px; margin: 65px 0 0 60px;}
.hot_contact .contact ul li:first-child h3 { font-size: 24px;}
.hot_contact .contact ul { margin: 0px 0 0 20px; }
.hot_contact .honor .img { width: 100%; padding: 20px 0; margin: 0; text-align: center; }
.hot_contact .honor h1 { margin: 90px 0 0 20px; }
.hot_contact .honor h2 { margin: 10px 0 0 20px; }
.hot_contact .honor hr { margin: 15px 0 0 20px; }
.hot_contact .honor h5 { margin: 20px 0 0 20px; }
.hot_contact .honor h6 { margin: 5px 0 0 20px; }
.hot_contact .honor p { margin: 20px 50px 0 20px; }
.hot_contact .honor a.more { margin: 20px 0 0 20px; width: 30px; height: 30px; border: 1px #CCCCCC solid; }
.hot_contact .honor a.more:hover { border: 1px #167852 solid; }
}
 @media only screen and (max-width: 600px) {
.hot_contact .contact ul { width: 80%; }
.hot_contact .contact ul li:first-child h1 { font-size: 38px;}
.hot_contact .contact ul li:first-child h3 { font-size: 24px; }

.hot_contact .contact ul li { padding-left: 7%;}
.hot_contact .contact ul li.lw0 { padding-left: 13%;}
.hot_contact .honor h1 { font-size: 28px; margin-top: 30px; }
.hot_contact .honor h2 { font-size: 20px; }
.hot_contact .honor h5 { font-size: 16px; }
.hot_about .text ul li { width: 50%;}
.hot_about .text ul li a { padding: 30% 0;}
}
 @media only screen and (max-width: 460px) {
.hot_contact .contact h1 { font-size: 28px; }
.hot_contact .contact ul li { padding-left: 9%; font-size: 14px;}
.hot_contact .contact ul li:first-child h1 { font-size: 32px; margin: 75px 0 0 60px;}
.hot_contact .contact ul li:first-child h3 { font-size: 20px; }
.hot_contact .contact ul li.lw0 { padding-left: 18%;}
}