﻿@charset "utf-8";

*{
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a{text-decoration: none;color:#000;} 
img{max-width:100%;}
body{
	max-width:1920px;
	margin:0 auto;
	background-color:#fbfbfb;
}
.flex{
	display: flex;
}
.flex-c{
	display: flex;
    justify-content: center;
    align-items: center;
}
.flex-Lc{
	display: flex;
    align-items: center;
}
.flex-Lt{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-L{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-Lend{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	-moz-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-end{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.flex-sx{
	display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.inner{
	width:1200px;
	margin:0 auto;
}

.banner{
	position: relative;
}
.banner .swiper-slide a{
	display: block;
	height:820px;
}
.header{
	width:100%;
	position: absolute;
	left: 0;
	top:0;
	z-index:999;
}
.header .logo{
	float: left;
	padding-top:34px;
}
.header .right{
	float: right;
	padding-top:20px;
}
.header .right .tell span{
	display: inline-block;
	font-size:18px;
	font-weight:bold;
	color:#fbc800;
	padding-left:34px;
	margin-left:48px;
}
.header .right .tell span.icon_1{
	background:url(../images/mobile-1.png) no-repeat left center;
}
.header .right .tell span.icon_2{
	padding-left:24px;
	background:url(../images/mobile-2.png) no-repeat left center;
}
.header .right .nav ul{
	padding:22px 0 0;
}
.header .right .nav ul li{
	float: left;
	margin-left:45px;
	position: relative;
}
.header .right .nav ul li a{
	display: block;
	font-size:16px;
	color:#fff;
}
.header .right .nav ul li.active a{
	color:#fbc800;
}
.header .right .nav ul li:hover a{
	color:#fbc800;
	font-weight:bold;
}
.banner .swiper-pagination{
	bottom:30px;
}
.banner .swiper-pagination .swiper-pagination-bullet{
	width:22px;
	height:22px;
	background:#fff;
	margin:0 7px;
	opacity:1;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
	background:#fbc800;
}

.Show_product{
	height:1111px;
	background:url(../images/bg-1.jpg) no-repeat top center;
}
.inabout{
	padding:72px 0 0;
}


.inabout .title h3{
	font-weight: bold;
	font-size:52px;
	color:#282828;
	line-height:64px;
}

.product-titles{
	padding:45px 0 0;
}

.product-titles .title h3{
	font-weight: bold;
	font-size:52px;
	color:#282828;
	line-height:64px;
}
.product-titles .title a.more{
	display: block;
	font-size:18px;
	color:#282828;
	padding-left:48px;
	background:url(../images/xian-1.jpg) no-repeat left center;
}
.product-titles .title a.more:hover{

	font-weight:bold;
}
.product-navget{
	padding:12px 0 12px 87px;
	position: relative;
}
.product-navget:after{
	display: block;
	content:"";
	width:66px;
	height:6px;
	background:#fbc800;
	position: absolute;
	left: 0;
	top:50%;
	z-index:99;
	 transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.product-list ul li{
	margin-right:40px;
}
.product-list ul li a{
	display: block;
	font-size:16px;
	color:#333333;
}
.product-list ul li a:hover{

	font-weight:bold;
}

.Product-Swiper{
	background:#fff;
	margin:25px 0 0;
}

.Product-Swiper .gallery-top{
	width:458px;
}
.Product-Swiper .gallery-top .Product-slide{
	padding:30px 50px 0 30px;
}
.Product-Swiper .gallery-thumbs{
	width:calc(100% - 458px);
}
.Product-slide .Product-pages{
	height:270px;
}
.Product-slide .Product-pages h3{
	font-weight: bold;
	font-size:33px;
	line-height:40px;
	color:#333333;
	padding:20px 0;
}
.Product-slide .Product-pages p{
	font-size:16px;
	line-height:30px;
	color:#9a9a9a;
	text-align: justify;
}
.Product-slide .more a{
	display: block;
	width:208px;
	height:52px;
	border:1px solid #fef5cf;
	background:#fbc800;
	text-align: center;
	line-height:50px;
	font-size:16px;
	color:#333333;
}
.Product-slide .more a:hover{
	background:#fbc800;
	color:#fff;
}
.Product-Swiper .gallery-thumbs .swiper-slide span img{
	display: block;
	width:100%;
	height:542px;
}

.Product-Swiper .swiper-button-prev{
	width:46px;
	height:46px;
	top:85%;
	left:30px;
	outline: none;
	background:url(../images/Swiper-prev.png) no-repeat center;
	background-size:100%
}
.Product-Swiper .swiper-button-next{
	width:46px;
	height:46px;
	top:85%;
	left:100px;
	outline: none;
	background:url(../images/Swiper-next.png) no-repeat center;
	background-size:100%
}
.Product-Swiper .swiper-button-prev:hover{
	background:url(../images/Swiper-prev-hv.png) no-repeat center;
	background-size:100%
}
.Product-Swiper .swiper-button-next:hover{
	background:url(../images/Swiper-next-hv.png) no-repeat center;
	background-size:100%
}
.Product-Swiper .swiper-pagination{
	display: flex;
	justify-content:flex-end ;
	align-items: center;
	padding-right:58px;
	bottom:85px;
}
.Product-Swiper .swiper-pagination .swiper-pagination-bullet{
	width:7px;
	height:7px;
	background:#ad9c58;
	opacity:1;
	outline: none;
}
.Product-Swiper .swiper-pagination .swiper-pagination-bullet-active{
	width:10px;
	height:10px;
	background:#c59f0c;
	opacity:1;
}

.Lunleftbar{
	padding-top:42px;
}
.Lunleftbar .swiper-slide .text{
	background:#333333;
}
.Lunleftbar .swiper-slide .text p{
	color:#fff;
	line-height:55px;
	text-align: center;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;    /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}

.product-full p{
	color:#333333;
	font-size:16px;
}
.hybrid-list { margin-top:35px;}
.hybrid-list ul{
	margin:0 -8px;
}
.hybrid-list ul li{
	position: relative;
	overflow:hidden;
	height:435px;
	cursor: pointer;
	float: left;
	width:194px;
	margin:0 5px;
	 -moz-transition:1.5s;
	-webkit-transition:1.5s;
	transition:1.5s;
}
.hybrid-list ul li.active{
	width:592px;
}
.hybrid-list ul li .Img{
	height:435px;
	width:592px;
}
.hybrid-list ul li .Img img{
	width:100%;
	height:100%;
}
.hybrid-slide{
	width:100%;
	height:100%;
	position: absolute;
	left: 0;
	top:0;
	display: none;
	padding:100px 30px 0;
}
.hybrid-list ul li .numb{
	color:#fff;
	position: absolute;
	right:18px;
	top:10px;
	font-size:47px;
	line-height:50px;
}
.hybrid-list ul li .title{
	width:100%;
	position: absolute;
	left:0;
	bottom:50px;
	z-index: 99;
	padding:0 15px;
}
.hybrid-list ul li.active .title{
	display: none;
}
.hybrid-list ul li.active .hybrid-slide{
	display: block;
}
.hybrid-list ul li .title h3{
	font-size:24px;
	color:#fff;
	line-height:40px;
}
.hybrid-pages{
	height:205px;
	overflow: hidden;
}
.hybrid-pages h3{
	font-weight: bold;
	color:#fff;
	font-size:33px;
	line-height:70px;
	position: relative;
	margin-bottom:25px;
}
.hybrid-pages h3:after{
	display: block;
	content:"";
	width:30px;
	height:3px;
	background:#fff;
	position: absolute;
	left: 0;
	bottom:0;
}
.hybrid-pages p{
	font-size:16px;
	line-height:32px;
	color:#ffffff;
}
.hybrid-slide .more a{
	display: block;
    width:174px;
    background: #fbc800;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #333333;
}
.hybrid-slide .more a:hover{
	color:#fff;
}
.hybrid-warps{
padding-top:25px;
	padding-bottom:120px;
	background:#fbfbfb;
}
.regard-warps{
	height:1515px;
	background:url(../images/bg-2.jpg) no-repeat top center;
}

.regard-conts{ margin-top:23px;
	background:#fff;
	height:535px;
	padding:40px 30px 0;
}

.regard-scend{
	width:570px;
}
.regard-scend .page{
	height:350px;
}
.regard-scend .page p{
	text-align: justify;
	line-height:38px;
	font-size:16px;
	color:#565656;
}
.regard-rights{
	width:510px;
}

.regard-rtbank .page p{
	font-size:16px;
	color:#282828;
	line-height:20px;
}

.regard-rtbank .page h3{
	font-size:32px;
	color:#282828;
	font-weight: bold;
	line-height:40px;
}
.regard-rtbank .page{
	padding:5px 0 0 24px;
}
.regard-swiper{
	position: relative;
	z-index:99;
}
.regard-swiper .slidelink{
	padding:25px 16px;
	height:265px;
	position: relative;
	z-index:99;
	background:#e7e7e7;
	margin-top:36px;
}
.regard-swiper .swiper-container{
	position: relative;
	z-index:99;
}
.regard-swiper .btn{
	width:420px;
	height:120px;
	background:#f7f7f9;
	position: absolute;
	left:-140px;
	bottom:-20px;
	z-index:9;
}
.regard-swiper .btn:before{
	display: block;
	content:"";
	width:1px;
	height:24px;
	background:#999;
	position: absolute;
	left:70px;
	top:45px;
}
.regard-swiper .btn .swiper-button-prev{
	width:45px;
	height:57px;
	background:url(../images/regard-prev.png) no-repeat center;
	outline: none;
	top:70px;
	left:10px;
}
.regard-swiper .btn .swiper-button-next{
	width:45px;
	height:57px;
	background:url(../images/regard-next.png) no-repeat center;
	outline: none;
	top:70px;
	left:90px;
}

.Selectin-form{ 
	padding:73px 0 0;
}
.product-titles .title h4 {
    font-weight: bold;
	padding-top:9px;
	padding-bottom:16px;
    font-size: 74px;
    color: #3f3f3e;
    line-height:80px;
}
.product-titles .title h5 {
    font-weight: bold;
    font-size:41px;
    color: #3f3f3e;
    line-height:60px;
}
.product-titles .title p {
    font-size:18px;
    color: #3f3f3e;
    line-height:50px;
    padding-left:46px;
    background:url(../images/xian-2.png) no-repeat left center;
}
.product-titles .tells{
	margin-top:52px;
    padding-left:72px;
    background:url(../images/dianhua.png) no-repeat left center;
}
.product-titles .tells p{
	font-size:18px;
	color:#3f3f3e;
}
.product-titles .tells h3{
	font-size:41px;
	font-weight: bold;
	color:#3f3f3e;
	line-height:50px;
}

.fotmleft-items{
	width:335px;
	margin-right:42px;
}

.Selectin-form .right{
	padding:45px 0 0;
}

.fotm-lisbary .item{
	height:50px;
	background:#fff;
	margin-bottom:17px;
}
.fotm-lisbary .item .icon{
	width:56px;
	height:50px;
	text-align: center;
	display: flex;
	  justify-content: center;
	  align-items: center;
}
.fotm-lisbary .item .put{
	width:calc(100% - 56px);
}
.fotm-lisbary .item .put input{
	display: block;
	width:1005;
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#000;
	border: none;
	outline: none;
}
.fotm-lisbary .item .put input::-webkit-input-placeholder{color:#c9c9c9;}
/* Firefox < 19 */
.fotm-lisbary .item .put input:-moz-placeholder{color:#c9c9c9;}
/* Firefox > 19 */
.fotm-lisbary .item .put input::-moz-placeholder{color:#c9c9c9;}
/* Internet Explorer 10 */
.fotm-lisbary .item .put input:-ms-input-placeholder{color:#c9c9c9;}

.selectlink{
	background:#fff;
	height:132px;
	padding:10px 20px;
}
.selectlink textarea{
	display: block;
	width:100%;
	height:100%;
	border: none;
	outline: none;
	resize: none;
	font-size:16px;
	color:#000;
	line-height:30px;
}
.selectlink textarea::-webkit-input-placeholder{color:#c9c9c9;}
/* Firefox < 19 */
.selectlink textarea:-moz-placeholder{color:#c9c9c9;}
/* Firefox > 19 */
.selectlink textarea::-moz-placeholder{color:#c9c9c9;}
/* Internet Explorer 10 */
.selectlink textarea:-ms-input-placeholder{color:#c9c9c9;}

.lisbary-btns button{
	display: block;
	width:100%;
	height:50px;
	color:#fff;
	background:#3f3f3e;
	cursor: pointer;
	border: none;
	font-size:18px;
}

.footnavtop ul li{
	float: left;

}

.footer{
	background:#222629;
	min-height:600px;
}
.footer-topbar{
	padding:36px 0;
}

.footnavtop{
	border-bottom:2px solid #484d51;
	padding:35px 0;
}
.footnavtop .nav ul li a{
	display: inline-block;
	color:#fff;
	padding:0 25px;
	font-size:16px;
}

.footnavtop .nav ul li a:hover{ font-weight:bold; color:#fbc800;}
.footnavtop .nav ul li{
	color:#fff;
	font-size:16px;
}
.footnavtop .nav ul li:first-child a{
	padding-left:0;
}
.footnavtop .fenx  a{
	display: inline-block;
	width:38px;
	height:38px;
	border:1px solid #7d868b;
	border-radius:50%;
	margin-left:16px;
	text-align: center;
	line-height:36px;
}
.footnavtop .fenx  a em.iconfont{
	display: inline-block;
	color:#888d91;
	font-size:16px;
}
.footnavtop .fenx  a:hover{
	border-color:#fff;
}
.footnavtop .fenx  a:hover em.iconfont{
	color:#fff;
}


.icon-qq{ height:38px; background:url(../images/qq.jpg) no-repeat  center center;}
.icon-wx{ height:38px; background:url(../images/wx.jpg) no-repeat  center center;}

.footnav-link{
	padding:30px 0;
}
.footnav-link .item{
	width:360px;
}
.footnav-link .item h3{
	font-size:24px;
	color:#ffffff;
	line-height:40px;
	padding:20px 0;
}
.footnav-link .item .list ul li{
	padding:10px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.footnav-link .item .list ul li p{
	font-size:16px;
	color:#fff;
	line-height:26px;
}
.footnav-link .item .list ul li p{
	font-size:16px;
	color:#fff;
	line-height:26px;
}
.footnav-link .item .list ul li a{
	font-size:16px;
	display: block;
	color:#fff;
	line-height:26px;
	width:50%;
}

.footnav-link .item .list ul li a:hover{ font-weight:bold; color:#fbc800; }

.linkImgwx{
	padding:30px 0 0;
}

.copyright{
	border-top:1px solid #383c3f;
}
.copyright p{
	font-size:14px;
	color:#797a7e;
	line-height:78px;
}
.copyright p a{
	font-size:14px;
	color:#797a7e;
	line-height:78px;
}
.copyright p a:hover{ font-weight:bold; color:#fbc800;

}

.Lunlfslide ul{
 display: flex;
 position: absolute;
 left: 0;
 top: 0;
}
.Lunlfslide ul li{
 float: left;
 width:295px;
 margin-right:8px;
}

.Lunlfslide{
 position: relative;
 overflow: hidden;
 height:300px;
}
.Lunlfslide ul li .text{
 background:#333333;
}
.Lunlfslide ul li .text p{
 color:#fff;
 font-size:16px;
 line-height:55px;
 text-align: center;
}