body {background-color: #F7F9F9;}
img {width: 100%; height: 100%; object-fit: cover;}
.mt40 {margin-top: 40px;}
.mt80 {margin-top: 80px;}

/*banner*/
.navbar-inverse .container {padding: 15px}
.banner {display: flex; position: relative; height: 100vh; background: #101010;}
.banner video {width: 100%; height: 100%; object-fit: fill;}
.banner .color-bg {width: 20%;  position: relative;}

.pag {position: absolute; text-align: center; z-index: 10;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 7%;}
.pag .swiper-pagination-bullet {border-radius: 20%; background: #eee; width: 15px; height: 15px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 6px;}

/*intro*/
/*.intro .ct-dm {margin-top: 500px;}*/
.intro .title-home {font-size: 50px;}
.intro .title-home span {color: #FF791F;}
.intro .a-btn-home {display: block; width: 130px; position: absolute; bottom: 20px; right: 20px;}
.intro .box-video-home {margin-top: 40px;}
.intro .box-video-home video {width: 100%; height: 100%; object-fit: fill;}

/*pro*/
.pro .part-title-pro-home {margin-bottom: 60px;}
.pro .title-pro-home {font-size: 45px;}
.pro .title-mini-pro-home {font-size: 24px; color: #FF791F;}
.pro .a-btn-home {display: none; width: 130px; position: absolute; bottom: 0px; right: 20px;}
.pro .pro-btn2 {display: block; width: 130px;}

/*.pro .a-box-pro-home {display: block; transition: all .4s ease-in-out; margin: 0 20px 20px;}
.pro .a-box-pro-home .img-pro-home img {object-fit: cover;}
.pro .a-box-pro-home .content-pro-home {padding: 15px;}
.pro .a-box-pro-home .content-pro-home h5 {font-size: 20px; font-weight: bold;}
.pro .a-box-pro-home .content-pro-home p {margin-bottom: 5px;}
.pro .a-box-pro-home:hover {box-shadow: 0px 0px 10px 2px #aaa; cursor: pointer;}*/

.pro {background: url('/uppf/static/haiwai/home50/shadow2.png') no-repeat; background-size: 80%;}
.pro .part-title-pro-home {margin-top: 5%; margin-bottom: 22px;}
.pro .ct-dm {width: 100%; padding-left: 0; padding-right: 0;}
.pro .ct-dm .color {padding-left: 0; padding-right: 0;}
.pro .ct-dm .color .swiper-container  {border-top-left-radius: 25px; border-bottom-left-radius: 25px;}
.pro .ct-dm .ff  {padding-right: 0;}
.pro .ct-dm .ff .swiper-container  {border-radius: 25px;}
.pro .ct-dm .ff .icon-line2  {margin-bottom: 40px; width: 80%;}
.pro .ct-dm .ff .inner-swp {padding-right: 30%; position: relative;}
.pro .ct-dm .ff .inner-swp .color-bg .prev {position: absolute; width: 7%; cursor: pointer; top: 40%; left: -15%}
.pro .ct-dm .ff .inner-swp .color-bg .next {position: absolute; width: 7%; cursor: pointer; top: 40%; right: 15%;}
.pro .ct-dm .ff .pro-btn2 {margin-top: 60px;}

/*global*/
.global {background-image: linear-gradient(#F3F3F3, #D5D5D5);}
.global .global-part {margin-bottom: 60px;}
.global .global-p {margin-top: 60px;}
.global .global-title {font-size: 45px;}
.global .global-title-mini {font-size: 24px; color: #FF791F;}

/*news*/
.news .news-part {margin-bottom: 60px;}
.news .news-title {font-size: 45px;}
.news .news-title-mini {font-size: 24px; color: #FF791F;}
.news .news-btn {display: block; width: 130px; position: absolute; bottom: 0px; right: 20px;}
.news .news-btn2 {display: none;}

.news .news-box {display: block; transition: all .2s ease-in-out; margin: 0 0px 40px; padding: 30px;}
.news .news-box .news-img {height: 300px; overflow: hidden;}
.news .news-box .news-img img {object-fit: cover; transition: all .3s ease-out;}
.news .news-box .news-content {height: 98px; overflow: hidden;}
.news .news-box .news-content h5 {font-size: 16px; overflow: hidden; height: 18px; line-height: 20px;}
.news .news-box .news-content p {margin-bottom: 5px;}
/*.news .news-box:hover {box-shadow: 0px 0px 10px 8px #ccc;}*/
.news .news-box:hover .news-img img {transform: scale(1.05);}

.parallax {background-attachment: scroll;}
.section-news .ui-subtitle-block {margin-bottom: 30px;}


@media (min-width: 768px) {
	/*news*/
	.news .col-box:nth-child(even) {position: relative; top: 80px;}
}


@media (max-width: 767px) {
	body {background-color: #fff;}

	/*banner*/
	.mbanner {display: flex; position: relative; background-color: #999; height: auto;}
	.mbanner .swiper-container {width: 100%;}
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5%;}
	.pag .swiper-pagination-bullet {width: 8px; height: 8px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}

	/*intro*/
	.intro .title-home {font-size: 30px;}
	.intro .a-btn-home {width: 120px; bottom: -35px; left: 20px;}
	.intro .box-video-home {margin-top: 80px;}

	/*pro*/
	.pro .mt80 {margin-top: 0;}
	.pro .part-title-pro-home {margin-bottom: 40px; margin-top: 20px;}
	.pro .title-pro-home {font-size: 25px; font-weight: 300; margin-left: 15px;}
	.pro .title-mini-pro-home {font-size: 16px; color: #FF791F; margin-left: 15px;}
	.pro .col-xs-6 {padding-left: 10px; padding-right: 10px;}
	.pro .col-xs-6:nth-child(even) {position: relative; top: 60px;}
	.pro .a-box-pro-home {margin: 0 0 20px;}
	.pro .a-box-pro-home .content-pro-home h5 {font-size: 12px; color: #333; font-weight: 300; margin-top: 0;}
	.pro .a-box-pro-home .content-pro-home p {display: none; font-size: 12px; line-height: 18px;}
	.pro .a-btn-home {display: none;}
	.pro .pro-btn2 {display: block; width: 120px; margin: 40px auto 0;}
	.pro .a-btn-home {width: 120px;}
	
	.pro {background-size: cover;}
	.pro .ct-dm {width: auto;}
	.pro .ct-dm .color .swiper-container  {border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
	.pro .ct-dm .ff {padding-right: 15px;}
	.pro .ct-dm .ff .inner-swp {padding: 0 25%;}
	.pro .ct-dm .ff .inner-swp .color-bg .prev {width: 7%; top: 40%; left: 5%;}
	.pro .ct-dm .ff .inner-swp .color-bg .next {width: 7%; top: 40%; right: 5%;}
	.pro .ct-dm .ff .icon-line2 p {display: none;}

	/*global*/
	.global {background-image: linear-gradient(#fff, #D5D5D5);}
	.global .global-part {margin-bottom: 40px;}
	.global .global-p {margin-top: 40px;}
	.global .global-title {font-size: 25px; font-weight: 300; margin-top: 20px;}
	.global .global-title-mini {font-size: 16px;}


	/*news*/
	.news .news-part {margin-bottom: 40px;}
	.news .news-title {font-size: 25px; font-weight: 300;}
	.news .news-title-mini {font-size: 16px;}
	.news .news-btn {display: none;}
	.news .news-btn2 {display: block; width: 120px; margin: 0 auto;}
	.news .news-box {margin: 0px; padding: 0;}
	.news .news-box .news-content {height: auto}
	.news .news-box .news-content h5 {height: auto;}
	.news .news-box .news-img {height: 300px; margin-bottom: 10px;}

	.section-news .ui-title-block {font-size: 34px;}
	.section-news .ui-subtitle-block {margin-bottom: 10px;}
}