@import url('../js/bootstrap/bootstrap.min.css');

body{background: #ffffff;}
.bn{border: none!important;}

.com-title{text-align: center;margin: 42px  0 0;}
.com-title span{font-size: 24px;color: #1c1c1c;}
.com-title span:before{content: '';display: inline-block; width: 76px;height: 1px;background: #000;vertical-align: middle;margin-right: 10px;}
.com-title span:after{content: '';display: inline-block; width: 76px;height: 1px;background: #000;vertical-align: middle;margin-left: 10px;}
.com-title p.subtitle{text-transform: uppercase;font-size: 14px;color: #474747;line-height: 26px;}

/*header*/
.header{position: fixed;width: 100%;z-index: 111;}
.header .navbar-default {border: 0;margin-bottom: 0;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);z-index: 1000;background-color: rgba(255,255,255,0.2);box-shadow: 0 0 7px 3px rgba(0,0,0,.35)}
.header .navbar-default .navbar-nav>li>a {font-size: 14px;padding: 24px 45px 24px !important;line-height: 20px;color: #fff;border-left: 1px solid transparent;}
.header .navbar-default .navbar-nav>li>a span{display: block;font-size: 12px;line-height: 16px;text-transform: uppercase;}
.header .navbar-default .navbar-nav>li.active>a {color: #fff;background-color: #107cf5;border-left: 1px solid #fff;}
.header .navbar-default .navbar-nav>li>a:hover{color: #fff;background-color: #107cf5;border-left: 1px solid #fff;transition: all 0.2s ease-in-out;}
.navbar-brand .logo{display: inline-block;font-size: 37px;color: #fff;height: 83px;background: #fff;}
.navbar-brand .logo img{height: 100%;}

.header .navbar__white{background: #fff;}
.header .navbar__white .navbar-nav>li>a{color: #000;}
.header .navbar__white .navbar-brand .logo{color: #000;}


.banner {width: 100%;max-height: 890px;margin: 0px;padding: 0px;background-color: #000;overflow: hidden;position: relative;}
.banner_bg {height: auto;margin: 0px;padding: 0px;margin: 0 auto;width: 100%;height: auto;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.banner-arrow {position: absolute;z-index: 1;bottom: 6px;left: 50%;transform: translateX(-50%); text-align: center;background: url(../images/icon_arrow.png) no-repeat  0 0 /100% auto;width: 33px;height: 80px;animation: arrow 2s ease-in-out infinite;-webkit-animation: arrow 2s ease-in-out infinite;}
.banner .txt{position: absolute;top: 167px;left: 50%;transform:translateX(-50%); text-align: center;}
.banner .txt1{background: url(../images/txt_1.png) no-repeat 0 0/100% auto;width: 464px;height: 114px;margin-left: 4px;
	animation: lefteaseinAnimate 1s ease 1;
	-webkit-animation: lefteaseinAnimate 1s ease 1;
	-ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
}
.banner .txt2{background: url(../images/txt_2.png) no-repeat 0 0/100% auto;width: 470px;height: 36px;margin-top: 17px;
	animation: lefteaseinAnimate 2s ease 1;
	-webkit-animation: lefteaseinAnimate 2s ease 1;
	-ms-animation: lefteaseinAnimate 2s ease 1;
    -o-animation: lefteaseinAnimate 2s ease 1;
    -moz-animation: lefteaseinAnimate 2s ease 1;}
.banner .txt3{background: url(../images/txt_3.png) no-repeat 0 0/100% auto;width: 308px;height: 76px;display: inline-block;margin: 0 auto;
	animation: righteaseinAnimate 3s ease 1;
	-webkit-animation: righteaseinAnimate 3s ease 1;
	-ms-animation: righteaseinAnimate 3s ease 1;
    -o-animation: righteaseinAnimate 3s ease 1;
    -moz-animation: righteaseinAnimate 3s ease 1;}


@keyframes lefteaseinAnimate{
    0%{ transform: translateX(-2000px); opacity: 0;}   
    100%{ transform: translateX(0px); opacity: 1;}
}

@-webkit-keyframes lefteaseinAnimate{
    0%{ transform: translateX(-2000px); opacity: 0;}   
    100%{ transform: translateX(0px); opacity: 1;}
}
@-o-keyframes lefteaseinAnimate{
    0%{ transform: translateX(-2000px); opacity: 0;}   
    100%{ transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes lefteaseinAnimate{
    0%{ transform: translateX(-2000px); opacity: 0;}   
    100%{ transform: translateX(0px); opacity: 1;}
}
@keyframes righteaseinAnimate{
    0%{ transform: translateX(2000px); opacity: 0;}   
    100%{ transform: translateX(0px); opacity: 1;}
}

@-webkit-keyframes righteaseinAnimate{
    0%{ transform: translateX(2000px); opacity: 0;}   
    100%{ transform: translateX(0px); opacity: 1;}
}
@-o-keyframes righteaseinAnimate{
    0%{ transform: translateX(2000px); opacity: 0;}   
    100%{ transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes righteaseinAnimate{
    0%{ transform: translateX(2000px); opacity: 0;}   
    100%{ transform: translateX(0px); opacity: 1;}
}
.share-list{position: fixed;right: 42px;top: 50%;transform: translateY(-50%);z-index: 1;list-style: none;}
.share-list li{cursor: pointer;position: relative;}
.share-list li .ico{background: #fff;border-radius: 5px;margin-bottom: 20px;width: 36px;height: 36px;display: inline-block;box-shadow: 1px 1px 3px rgba(0,0,0,.5);}
.share-list i{background: url('../images/icon_shares.png') no-repeat  24px 24px;width:26px;height: 24px;display: inline-block;margin: 6px; }
.share-list p{display: none; padding:0 10px;height: 36px;line-height: 36px;font-size: 14px;background: #107cf5; position: absolute;top: 0;right: 40px;border-radius: 5px;color: #fff;}
.share-list p:after{content: ''; width: 0;height: 0;border-top: 5px solid transparent;border-left: 10px solid #107cf5;border-bottom: 5px solid transparent;position: absolute;right: -10px;top: 50%;margin-top: -5px;}
.share-list li:nth-of-type(1) i{background-position: 0 0;}
.share-list li:nth-of-type(2) i{background-position: 1px -48px;}
.share-list li:nth-of-type(3) i{background-position: 0 -96px;}
.share-list li:hover p{display: block;transition: all 0.15s ease-in-out;}
.share-list li:nth-of-type(1):hover i{background-position: -31px 0;}
.share-list li:nth-of-type(2):hover i{background-position: -30px -48px;}
.share-list li:nth-of-type(3):hover i{background-position: -29px -96px;}

/*arrow animation*/
@-o-keyframes arrow{
	0%{bottom:6px }
	50%{bottom:18px }
	100%{bottom:6px }
}
@-moz-keyframes arrow{
	0%{bottom:6px }
	50%{bottom:18px }
	100%{bottom:6px }
}
@-webkit-keyframes arrow{
	0%{bottom:6px }
	50%{bottom:18px }
	100%{bottom:6px }
}
@keyframes arrow{
	0%{bottom:6px }
	50%{bottom:18px }
	100%{bottom:6px }
}

/*index-profile*/
.index-profile{padding-bottom: 100px;}
.index-profile .com-title{margin-bottom: 48px;}
.index-profile .company{text-align: right;margin-right: 103px;}
.index-profile .name{font-size: 30px;color: #107cf5;margin-top: 59px;position: relative;display: inline-block;}
.index-profile .name:after{content: '';display: inline-block;width: 192px;height: 1px;background: #000;position: absolute;bottom: -10px;right: 0;}
.index-profile .EN-name{font-size: 13px;color: #535353;text-transform: uppercase;margin: 15px 0 27px 0;}
.index-profile img{margin-left: -34px;width: 100%;}
.index-profile .des{padding: 24px 60px 17px 60px;background: #107cf5;color: #fff;font-size: 14px;line-height: 24px;text-indent: 2em;position: absolute;right: -68px;z-index: 1;width: 605px;}
/*our service*/
.our-service{background: url(../images/service_bg.jpg) no-repeat 0 0 /100% 520px;width: 100%;height: 520px;z-index: -1;position: relative;}
.our-service .com-title span,.our-service .com-title p.subtitle{color: #fff;}
.our-service .com-title span:before,.our-service .com-title span:after{background: #fff;}

.our-service-item{margin: 90px 0 0;cursor: pointer;color: #fff;text-align: center;position: relative;z-index: 1;}
.our-service-item .icon_service{display: inline-block;background: url(../images/icon_services.png) no-repeat 0 0/379px 153px;width:85px;height: 75px;}
.our-service-item .icon_service__1{background-position: 0 0;}
.our-service-item .icon_service__2{background-position: -99px 0;}
.our-service-item .icon_service__3{background-position: -197px 0;}
.our-service-item .icon_service__4{background-position: -293px 0;}
.our-service-item .title{font-size: 18px;margin: 0;margin-top: 8px;}
.our-service-item .subtitle{margin: 5px 0 0;position: relative;text-align: center;}
.our-service-item .line{display: inline-block;width: 54px;height: 1px;background: #fff;position: relative;top:5px;}
.our-service-item .line:after{content: ''; display: inline-block;width: 8px;height: 8px;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%; margin: -4px 0 0 -4px;}
.our-service-item p{padding: 14px 0 0;font-size: 14px;}
.our-service-item:hover{color: #107cf5!important;background: #f00;}
.our-service-item:hover .icon_service{background-position: 0 -79px;}

/*spirit*/
.our-spirit{padding-bottom: 13px;}
.our-spirit h2{font-size: 18px;color: #020202;}
.our-spirit p {font-size: 14px;margin-bottom: 30px;}
.our-spirit .spirit-text{margin:0 30px 0 40px;padding-top: 42px;}
.our-spirit .spirit-text:before{content: '';display: inline-block;width: 140px;height: 6px;background: #107cf5;position: absolute;left: 15px;}
.our-spirit .spirit-text:after{content: '';display: inline-block;width: 6px;height: 140px;background: #107cf5;position: absolute;top: 25px;left: 36px;}
.our-spirit img{margin-top: 10px;width: 100%;}
.our-spirit .col-md-7{padding-right: 0;}
.our-spirit .col-md-5{padding-left: 0;}

/*partner*/
.partner-list{background: #bebebe;padding: 28px 0 0;}
.partner-list img{margin-bottom: 28px;}

/*footer*/
.footer{background: #252525;color: #fff;}
.footer-item{margin: 36px 0;border-right: 1px solid #3d3d3d;height: 136px;}
.footer-item p{font-size: 12px;line-height: 24px;margin: 0;}
.footer-item .title{font-size: 14px;line-height: 22px;margin: 0 0 5px;}
.footer-item .tel{font-size: 24px;display: inline-block;position: relative;}
.footer-item .tel:after{content: '';display: inline-block;width: 100%;height: 1px;background: #fff;position: absolute;bottom: -7px;left: 0;}
.footer-item .address{margin-top: 30px;}
.footer-item .address p{font-size: 12px;line-height: 18px;margin: 0;}

.com-subtitle{text-align: center;margin: 0 0 56px;position: relative;}
.com-subtitle .title-txt:after{content: '';width: calc(50% - 165.5px);height: 1px;background: #000;display: inline-block;position: absolute;left: 0;top: 50%;margin-top: 4px;}
.com-subtitle .title-txt:before{content: '';width: calc(50% - 165.5px);height: 1px;background: #000;display: inline-block;position: absolute;right: 0;top: 50%;margin-top: 4px;}


/*
	profile
	简介
*/
.our-profile__banner{margin-top: 82px;}
.our-profile__banner img:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);transition: all 0.5s ease-in-out;cursor: pointer;}
.our-profile{padding: 32px 0 100px;}
.our-profile .title-txt{background: #fff url('../images/icon_profile.png') no-repeat 0 0/100% auto;width:331px;height: 60px;display: inline-block;}
.our-profile .profile-img{width: 100%;}
.our-profile .des{font-size: 14px;color: #6c6c6c;line-height: 27px;}

/*
	linkus
*/
.linkus-list{padding: 32px 0 100px;}
.linkus-list .title-txt{background: #fff url('../images/icon_linkus.png') no-repeat 0 0/100% auto;width:331px;height: 60px;display: inline-block;}
.linkus-list .linkus{border: 1px solid #cecece;text-align: center;}
.linkus-list .linkus h5{font-size: 14px;color: #121212;position: relative;text-align: center;}
.linkus-list .linkus h5:after{content: '';width: 20px;height: 1px;background: #000;display: inline-block;position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);}
.linkus-list .linkus p{font-size: 12px;color: #6b6b6b;margin-top: 20px;}
.linkus-list .linkus:hover{border-bottom: 7px solid #107cf5;margin-top: -18px;transition: all 0.2s ease-in-out;cursor: pointer;}
.linkus-list .linkus .ico{display: inline-block;background: url(../images/ico_linkus.png) no-repeat 0 0/156px 38px;width: 42px;height: 32px;margin:37px 0 6px 0;}
.linkus-list .linkus .ico_addr{background-position: 0 -3px;}
.linkus-list .linkus .ico_link{background-position: -67px 0;width: 25px;height: 38px;}
.linkus-list .linkus .ico_email{background-position: -119px -6px;width: 35px;height: 27px;}

/*
	news
	新闻中心
*/
.our-news{padding: 32px 0 100px;}
.our-news .title-txt{background: #fff url('../images/icon_news.png') no-repeat 0 0/100% auto;width:331px;height: 61px;display: inline-block;}
.swiper-container{height: 300px;}
.gallery-top a{display: block;position: relative;}
.gallery-top img{width: 100%;height: 100%;}
.gallery-top .swiper-txt{position: absolute;bottom: 0;z-index: 101;width: 100%;background: rgba(0,0,0,.5);}
.gallery-top .swiper-txt p{height: 35px;font-size: 14px;line-height: 35px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0 16px 0;width: 280px;}
.gallery-top .swiper-txt .page{font-size: 10px;color: #fff;position: absolute;bottom: 9px;right:20px;}
.gallery-top .swiper-txt .page em{font-size: 14px;color: #107cf5;}
.gallery-thumbs .swiper-wrapper{padding-left: 0;}
.gallery-thumbs .swiper-slide{height: 60px!important;}
.gallery-thumbs li{list-style: none;}
.gallery-thumbs a{display: block;display: -webkit-flex;display: flex;align-items: center;text-decoration: none;border: 1px solid #e9e9e9;}
.gallery-thumbs .time{width: 117px;height: 35px;border-right: 1px solid #c6c6c6;color: #1b1b1b;font-size: 16px;text-align: center;line-height: 35px;}
.gallery-thumbs a > div{flex: 1;-webkit-flex:1;width: 364px;}
.gallery-thumbs h5{font-size: 14px;color:#1b1b1b;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gallery-thumbs p{font-size: 12px;color: #b1b1b1;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gallery-thumbs .arrow{width: 47px;display: inline-block;height: 60px;border-left: 1px solid #e9e9e9;text-align: center;line-height: 60px;}
.gallery-thumbs .arrow i{display: inline-block;background: url('../images/ico_arrow.png') no-repeat 0 0/ 28px 17px;width: 10px;height: 17px;background-position: -18px 0;margin-top: 20px;}
.gallery-thumbs a:hover{background: #107cf5;}
.gallery-thumbs a:hover .arrow{background: #303030;}
.gallery-thumbs a:hover .arrow i{background-position: 0 0;}
.gallery-thumbs .swiper-slide.swiper-slide-active a{background: #107cf5;}
.gallery-thumbs .swiper-slide.swiper-slide-active a .arrow{background: #303030;}
.gallery-thumbs .swiper-slide.swiper-slide-active a .arrow i{background-position: 0 0;}
.swiper-button-prev{position: absolute;right: 45px;left: auto;bottom: 40px;top: auto;width: 22px;height: 22px;background: #107cf5;text-align: center;color: #000;}
.swiper-button-next{position: absolute;right: 22px;left: auto;bottom: 40px;top: auto;width: 22px;height: 22px;background: #107cf5;text-align: center;color: #000;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{background: #dbdbdb;opacity: 1;}
/*
	新闻详情
	news_detail
*/
.news-detail .detail-title{position: relative;line-height: 55px;border-bottom: 1px solid #cbcbcb;}
.news-detail .detail-title h4{font-weight: bold;text-align: center;font-size: 18px;color: #1b1b1b;}
.news-detail .detail-title .btn-back{display: inline-block;width: 36px;height: 19px;border: 1px solid #696969;color: #1b1b1b;font-size: 12px;line-height: 19px;text-align: center;text-decoration: none;
position: absolute;right: 0;bottom: 7px;}
.detail-content {font-size: 14px;}
.detail-content img{max-width: 100%!important;height: auto!important;padding: 20px 0;position: relative;left: 50%;transform: translateX(-50%);}

/*
	product
	产品中心
*/
.our-products{padding: 32px 0 52px;}
.our-products .title-txt{background: #fff url('../images/icon_product.png') no-repeat 0 0/100% auto;width:331px;height: 60px;display: inline-block;}
.our-products .product-item .img{width: 100%;width: 324px;}
.our-products .product-item img{width: 100%;}
.our-products .product-item{display: flex; position: relative;height: 295px;margin-bottom: 48px;display: block;}
.our-products .product-item .txt-box{height:100%;text-align: left; cursor: pointer;}
.our-products .product-item .txt-box .txt{border: 1px solid transparent;}
.our-products .product-item .txt-box h5{font-size: 16px;color: #000;}
.our-products .product-item .txt-box p{font-size: 14px;color: #7c7c7c;text-transform: uppercase;}
.our-products .product-item .txt-box .btn-primary{position: absolute;bottom: 35px;}
/* .our-products .product-item:hover .txt-box h5{color: #fff;} */
/* .our-products .product-item:hover .txt{border: 1px solid #cecece;} */


/* 福域 */
.fuyu-profile{margin-top: 150px;}
.fuyu-profile section{max-width: 1250px;margin: 20px auto;
	max-height: 1080px;display: flex; justify-content: flex-end;}
.fuyu-profile section .profile{flex: 1.2;margin-top: 60px;}
.fuyu-profile section .profile h4{font-size: 80px;color: #107CF5;letter-spacing: 10px;}
.fuyu-profile section .profile p{font-size: 30px;color: #333333;}
.fuyu-profile section .profile h3{font-size:60px;color:#107CF5;}
.fuyu-profile section .img img{width: 100%;}
/* .fuyu-profile .section_0 .img img{width: 450px;} */
.fuyu-profile .section_0{text-align: center;}

@media (max-width: 767px){
	.navbar-brand .logo{height:50px;font-size: 18px;}
	.navbar-toggle{border: none;}
	.navbar-nav {margin: 0px -15px;}
	.header .navbar-default .navbar-nav>li>a{padding: 10px 30px 10px !important;}
	.com-title span{font-size: 18px;}
	.com-title p.subtitle {font-size: 12px;line-height: 16px;}
	.our-profile {padding: 36px 0 20px;}
	.our-profile .des{margin-top: 10px;}
	.our-profile__banner {margin-top: 51px;overflow: hidden;}
	.banner img{overflow: hidden;width: 200%;margin-left: -50%;}
	.banner .txt{top: 120px;}
	.our-profile__banner img{width: 300%;}
	.our-profile .title {text-align: center;margin: 0 0 26px;position: relative;}
	.index-profile{padding-bottom: 20px;}
	.com-title{margin: 32px 0 16px;}
	.our-profile .title .profile-banner {width: 272px;height: 51px;}
	.our-profile .title .profile-banner:before,
	.our-profile .title .profile-banner:after{width: calc(50% - 136px);margin-top: 1px;}

	.our-spirit .col-md-7{padding-right: 15px;}
	.our-spirit .col-md-5{padding-left: 15px;}
	.index-profile .company{margin-right: 0;}
	.index-profile .name{font-size: 16px;margin-top: 0;}
	.index-profile .name:after{width: 120px;bottom: -4px;}
	.index-profile .EN-name{font-size: 12px;margin: 0 0 15px 0;}
	.index-profile .des{width: 100%;position: relative;right: 0;padding: 14px 16px 7px}
	.index-profile img{margin-left: 0;}
	.our-service-item{margin: 25px 0 0;}
	.our-service {background: url(../images/service_bg.jpg) no-repeat 0 0 /100% 1100px;height: 1030px;}
	.banner .txt1{width: 211px;height: 50px;}
	.banner .txt2{width: 220px;height: 16px;}
    .banner .txt3{width: 171px;height: 49px;}
    .partner-list img{width: 100%;margin-bottom: 10px;}
    .swiper-container{height: auto;}
    .our-news,.linkus-list{padding: 32px 0 10px;}
    .com-subtitle {margin: 0 0 16px;}
    .com-subtitle .title-txt{width: 240px;height: 45px;}
    .com-subtitle .title-txt:before,.com-subtitle .title-txt:after{width: calc(50% - 120px);margin-top: 0}
    .our-products .product-item{width:100%;height: auto;margin-bottom: 10px;}
    .our-products{padding: 32px 0 20px}
    .gallery-thumbs a > div{width: 230px;}
    .gallery-thumbs .time{font-size: 12px;line-height: 18px;}
    .our-service-item .title{margin-top: 5px;font-size: 16px;}
    .our-service-item .subtitle{font-size: 15px;}
    .our-spirit h2{font-size: 16px;}
    .our-spirit .spirit-text{padding-top: 10px;}
    .our-spirit .spirit-text:after{top:-12px;}
    .our-spirit p{margin-bottom: 24px;}
    /*footer*/
    .footer-item{height: auto;margin: 16px 0;border-right: none;}
	.footer-item .address{margin-top: 15px;}
    .footer-item .title{font-size: 12px;}
    .footer-item p{line-height: 20px;overflow: hidden;}

    .linkus-list .linkus{margin-top:5px; }
    .linkus-list .linkus .ico{margin:26px 0 6px 0;}

		.fuyu-profile{margin: 50px 20px 20px 20px}
		.fuyu-profile section .img{width: 160px;}
		.fuyu-profile .section_0 .img{width: 120px;}
		.fuyu-profile section .profile{margin-top: 10px;}
		.fuyu-profile section .profile img{width: 50px;}
		.fuyu-profile section .profile h3{font-size: 20px;margin-top: 10px;}
		.fuyu-profile section .profile p{font-size: 15px;}
		.fuyu-profile section .profile h4{font-size: 22px;letter-spacing: 5px;}
}