.page-banner {
    position: relative;
    overflow: hidden;
    height: auto;
}
.page-banner img{width:100%}

.page-banner .pb-tit.center {
    left: 0;
    margin-left: 0;
    width: 100%;
}
.page-banner .pb-tit {
    position: absolute;
    top: 35%;
    left: 0;
    z-index: 2;
    margin-left: -760px;
    /* margin-top: -32px; */
    color: #333;font-size:1.25rem;
	text-align: center;
}
.page-banner .pb-tit .tit {
    line-height: 1.5;
   font-size:3rem;font-weight:600;
}
.page-banner .pb-tit .des a{
    line-height: 1.5;
   font-size:1.2rem;font-weight:600;color:#333;
}
.page-banner .pb-tit .des a:hover{color:#ecb040}
/*******banner********/
.ab_1{
	padding:0rem 0 0rem;
	float: left;
    width: 100%;
}
.about .in_about_left,
.about .in_about_right{height:34vw}
.about .in_about_left{padding-left:12%;}
.about .in_about_left h5{position:absolute;left:0;bottom:50px;color: transparent;  -webkit-text-stroke: 1px #ecb040; font-size:6rem;padding-left:10px;font-weight:900}
.about .in_about_left_img{margin:0;}
.about .in_about_left_img img{width:100%;}
.about .in_about_left_img .video .play{
	position: absolute;
    right: 50%;
    bottom: 50%;
    border: 2px solid #fff;
    border-radius: 100%;
    display: flex;
    width: 4rem;
    height: 4rem;
    font-size: 3rem;
    color: #fff;
    cursor: pointer;
    margin-right: -2rem;
    margin-bottom: -2rem;}
.about .in_about_left_img .video .play svg{margin-top:7px}


@media (max-width: 1400px) {
	.about .in_about_left,
.about .in_about_right{width:80%;height:auto;margin:auto;float:none}
.about .in_about_left h5{position:absolute;left:0;bottom:20px;color: transparent;  -webkit-text-stroke: 1px #ecb040; font-size:50px;padding-left:10px;font-weight:600}
}
@media (max-width: 999px) {
.about .in_about_left,
.about .in_about_right{width:100%;height:auto;margin:auto;float:none}
.about .in_about_left{padding-left:5%;}
.about .in_about_left h5{display:none}

.page-banner .pb-tit .tit{    line-height: 1.5; font-size: 1.5rem;font-weight: 600;}
.page-banner .pb-tit .des a{line-height: 1; font-size: 1rem;font-weight: 100;}

}


.ab_2{padding:5rem 0 5rem;
	float: left;
    width: 100%;
	background:#f9f9f9}
.ab_wenhua{}
.ab_wenhua li{width:24%;float:left;margin-right:1.2%;}
.ab_wenhua li:nth-child(4n) { margin-right: 0;}
.ab_wenhua li:nth-child(4n) div:hover span img{ margin-top:-98px;}
.ab_wenhua li:nth-child(3n) div:hover span img{ margin-top:-100px;}
.ab_wenhua li h3{text-align:center;font-size:30px;color:#333;margin-top:40px;}
.ab_wenhua li p{text-align:center;color:#808080;font-size: 14px; padding: 0 20px;}
.ab_wenhua_li div{width:226px;height:226px;border-radius:100%;box-shadow:0 0 10px #e8e8e8;margin:auto;}
.ab_wenhua_li div span{display:inline-block;cursor: pointer;margin:18px;border:1px solid #e8e8e8;text-align:center;border-radius:100%;width:190px;height:190px;padding:55px;}
.ab_wenhua_li div span b{display:block;overflow:hidden;height:85px}

.ab_wenhua_li div:hover{background:#ecb040}
.ab_wenhua_li div:hover span{border:1px solid #fff;background:#ecb040}
.ab_wenhua_li div:hover span img{margin-top:-90px;}

@media (max-width: 999px) {
	.ab_wenhua li{width:48%;float:left;margin-right:1.2%;margin-bottom:5%;height:80vw;}
	.ab_wenhua_li div{width:150px;height:150px;border-radius:100%;box-shadow:0 0 10px #e8e8e8;margin:auto;}
	.ab_wenhua_li div span{display:inline-block;cursor: pointer;margin:5px;border:1px solid #e8e8e8;text-align:center;border-radius:100%;width:140px;height:140px;padding:30px;}
	.ab_wenhua_li1 img{width:100%;}
	.ab_wenhua li p{text-align:center;color:#808080;font-size:12px;}
	.ab_wenhua_li div span b{display:block;overflow:hidden;height:85px}
	.ab_wenhua_li div:hover span img{margin-top:-90px;}
	.ab_wenhua li:nth-child(4n) div:hover span img{ margin-top:-98px;}
.ab_wenhua li:nth-child(3n) div:hover span img{ margin-top:-100px;}
}

.ab_3{padding:5rem 0 5rem;
	float: left;
    width: 100%;}

/*****联系我们*****/
.lx_1{padding:5rem 0 5rem;
	float: left;
    width: 100%;}
.lx_left{width:50%;float:left;padding-left:150px;padding-right:50px}
.lx_left ul li{    width: 45%;
    /* float: left; */
    margin-right: 4%;
    margin-bottom: 20px;
    display: inline-block;}
.ab_wenhua li:nth-child(2n) { margin-right: 0;}
.lx_left ul li div{width:90px;height:90px;border-radius:100%;box-shadow:0 0 10px #e8e8e8;}
.lx_left li h3{font-size:24px;color:#333;margin-top:20px;}
.lx_left li p{color:#808080;font-size:14px;}
.lx_left ul li div span{display:inline-block;cursor: pointer;margin:4px;border:1px solid #e8e8e8;text-align:center;border-radius:100%;width:82px;height:82px;padding:5px;}
.lx_left ul li div span b{display:block;overflow:hidden;    width:33px;height:33px;margin:auto;margin-top:20px}

.lx_left ul li div:hover{background:#ecb040}
.lx_left ul li div:hover span{border:1px solid #fff;background:#ecb040}
.lx_left ul li div:hover span img{margin-left:-42px;}

.lx_left li:nth-child(2n) div:hover span img{ margin-left:-45px;}
.lx_left li:nth-child(3n) div:hover span img{ margin-left:-48px;}
.lx_left li:nth-child(4n) div:hover span img{ margin-left:-52px;}

.lx_right{background: url(../images/Contact_05.jpg) no-repeat center;
	background-size: cover;width:50%;float:left;height:485px;}

/*询盘留言*/
.foot-message {
  padding:5rem 0 5rem;
	float:left;width:100%;
	background: url(../images/Contact_10.jpg) no-repeat center;
	background-size: cover;
}

.foot-message h3 {
    font-size: 40px;
    color: #363636;
    text-align: center;
    line-height: 1;
	margin-top: 73px;
}
.foot-message p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    margin-top: 12px;
    margin-bottom: 37px;
}
.fangan_lx{margin-top: 73px;}
.form-list li {
    width: 32%;
}

.form-list li input {
    width: 100%;
    background: #fff;
    height: 66px;
    padding: 0 25px;
    border-radius: 100px;
	box-shadow:0 0 10px #e8e8e8;
	border:none;
	
}
.form-list li input:focus{box-shadow:0 0 10px #ecb040;border:none!important;background: #fff;}

.form-area {
    margin-top: 10px;
    margin-bottom: 25px;
}
.form-area textarea:focus,
.form-area textarea {
    width: 100%;
    height: 200px;
    padding: 20px 25px;
    background: #fff;
  
	border-radius: 30px;
	box-shadow:0 0 10px #e8e8e8;
	border:none;
}
.form-btn {
    text-align: center;
    font-size: 0;
}
.form-btn span{display: inline-block;
    box-shadow: 0 0 10px #e8e8e8;
    background: #fff;
    border-radius: 100px;
	-webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;margin:0 10px;}
.form-btn input {
    width: 135px;
    height: 50px;
    background-color: #fff;
    border-radius: 0px;
    font-size: 16px;
    color: #ecb040;
    margin:4px;
    cursor: pointer;
    
	 border:1px solid #e8e8e8;text-align:center;border-radius:100px;
}
.form-btn input:focus{
	 width: 135px;
    height: 50px;
    background-color: #fff;
    border-radius: 0px;
    font-size: 16px;
    color: #ecb040;
    margin:4px;
    cursor: pointer;
    
	 border:1px solid #e8e8e8;text-align:center;border-radius:100px;
}
.form-btn .sub {
   color:#fff;
   background:#ecb040; border:1px solid #fff;
}
.form-btn .Submit{background:#ecb040;}
.form-btn span:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

@media (max-width: 991px) {
	.d-flex {
    display: block!important;
}
	.form-list li {
    width: 100%;margin-bottom:20px;
}
.fangan_lx {
    margin-top: 13px;
}
.lx_left ul li div{margin:auto}
.lx_left{width:100%;float:left;padding-left:10px;padding-right:10px}
.lx_left ul li{width:100%;float:left;margin-right:0%;margin-bottom:20px;text-align:center}
.lx_right{background: url(../images/Contact_05.jpg) no-repeat center;
	background-size: cover;width:100%;float:left;height:485px;}

	
}


/*******list*****/

.list_left{}

.news{padding: 5rem 0;
	float: left;
    width: 100%;background:#fbfbfb;}
.news .list_left{float:left;width:990px;padding-bottom: 50px;}
.news .list_right{float:right;width:280px;}


.news_list{}
.news_list .news_li{margin-bottom:55px;float:left;width:100%;}
.news_list .news_li .news_li_img{width:455px;height:290px;float:left;overflow:hidden;}
.news_list .news_li .news_li_img img{width:100%;transition: all 0.5s;}
.news_list .news_li .news_li_zi{width:535px;height:290px;float:right;overflow:hidden;padding:45px;padding-right:20px;border:1px solid #dcdcdc;border-left:none;}
.news_list .news_li .news_li_zi h3{font-size:20px;color:#333;line-height:1.5}
.news_list .news_li .news_li_zi p{font-size:14px;color:#808080;line-height:1.5;padding:20px 0;}
.news_list .news_li .news_li_zi h6{font-size:16px;color:#808080;}

.news_list .news_li:hover img{transform: scale(1.1);}
.news_list .news_li:hover .news_li_zi{background:#ecb040;border:1px solid #ecb040}
.news_list .news_li:hover h3,
.news_list .news_li:hover p,
.news_list .news_li:hover h6{color:#fff}

@media (max-width: 991px) {
	.news .list_left{float:left;width:100%;}
.news .list_right{float:right;width:100%;}
	
	.news_list .news_li .news_li_img{width:100%;height:auto;float:left;overflow:hidden;}
	.news_list .news_li .news_li_zi{width:100%;height:autop;float:right;overflow:hidden;padding:20px;padding-right:20px;border:1px solid #dcdcdc;border-top:none;}
}

/*****产品list*******/
.Product{padding: 5rem 0;
	float: left;
    width: 100%;background:#fbfbfb;}
.Product .list_left{float:right;width:990px;}
.Product .list_right{float:left;width:335px;}
.cp_list{}
.cp_list .cp_li{    width: 32%;
    /* float: left; */
    margin-right: 1.2%;
    margin-bottom: 5%;
    display: inline-block;}
.cp_list .cp_li:nth-child(3n) { margin-right: 0;}
.cp_list .cp_li .cp_li_img{width:100%;overflow:hidden;}
.cp_list .cp_li .cp_li_img img{width:100%;transition: all 0.5s;}
.cp_list .cp_li p{color:#808080;font-size:16px;padding:20px 0;text-align:center;}
.cp_list .cp_li .cp_li_img:hover img{transform: scale(1.1);}
.cp_list .cp_li:hover p{color:#333;background:#fbf4ec}

@media (max-width: 991px) {
	.Product .list_left{float:left;width:100%;}
	.Product .list_right{float:right;width:100%;}
	.cp_list .cp_li{width:47%;margin:1%;margin-bottom:5%;}
	.cp_list .cp_li:nth-child(3n) { margin-right: 1%;}
	.cp_list .cp_li p{color:#808080;font-size:12px;padding:10px 0;text-align:center;}
	.cp_list .cp_li .news_li_img{width:100%;height:auto;float:left;overflow:hidden;}
	.Product .head_list_cp{display:none}
}


.searchBox{width:250px;margin-bottom:70px;}
.searchBox input {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 0 0 2rem !important;
    margin: 0 !important;
    border: none !important;
    width: 100% !important;
	border-radius:100px;
	background:#fff;
	box-shadow: 0 0 10px #e8e8e8;
}

.searchBox {
    position: relative !important;
}

.searchBox input:nth-of-type(2) {
    position: absolute !important;
    right: 0px !important;
    top: 0px;
    z-index: 1 !important;
    cursor: pointer !important;
    width: 50px !important;
    height: 50px !important;
    padding: 5px !important;
    border: none !important;
	
	box-shadow: 0 0 0px #e8e8e8;
    background:url(../images/News_03.jpg) no-repeat  center center;
	overflow:hidden;
}
.searchBox input:nth-of-type(2):hover{box-shadow: 0 0 10px #ecb040;border:none}
.positionBox {
    position: relative;
}

.positionLine {
    color: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 132%;
    border: 1px solid #e2e4e5;
}

@media screen and (max-width:1400px) {
    .positionLine {
        width: 100%;
    }
}
.head_list .head_list_h3{font-size:24px; color:#333;}
.head_lanmu{margin-bottom:300px}
.head_lanmu h3{margin:35px 0 25px;}

.head_lanmu h3 a{font-size:20px; color:#808080;padding-left:25px;position: relative;}
.head_lanmu h3 a::before{
	content: "";
    width: 8px;
    height: 8px;
    background:#808080;
	border-radius:100%;
    position: absolute;
    left: 0;
    top: 10px;
    z-index:1;
	
	}
.head_lanmu h3 a:hover{color:#ecb040}
.head_lanmu h3 a:hover::before{background:#ecb040}

.head_lanmu ul li a{font-size:16px; color:#808080;padding-left:25px;line-height:1.8}
.head_lanmu ul li a:hover{color:#ecb040}

.head_list_cp{margin-top:50px;width:100%;float:left;}
.head_list_cp ul li{width:100%;float:left;margin-bottom:40px;}
.head_list_cp ul li span{width:120px;float:left;display:block;overflow:hidden;}
.head_list_cp ul li span img{width:100%;transition: all 0.5s;}
.head_list_cp ul li div{float:left;padding-left:20px;padding-top:10px;}
.head_list_cp ul li div h4{font-size:20px; color:#333}
.head_list_cp ul li div p{font-size:16px; color:#808080}

.head_list_cp ul li:hover h4{color:#ecb040}
.head_list_cp ul li:hover img{transform: scale(1.1);}



.fa_2{padding: 5rem 0;
	float: left;
    width: 100%;
	background:#fdfdfd;}
.fa2_left{float:left;width:55%;margin-top:50px}
.fa2_li{}
.fa2_li{width:95%;float:left;margin-right:5%;margin-bottom:60px;}
.fa2_li .fa2_ico{width:90px;height:90px;border-radius:100%;box-shadow:0 0 10px #e8e8e8;float:left}


.fa2_li .fa2_zi{float:right;width:82%;}
.fa2_li h3{font-size:30px;color:#333;margin-top:0px;}
.fa2_li p{color:#808080;font-size:14px;}
.fa2_li .fa2_ico span{display:inline-block;cursor: pointer;margin:4px;border:1px solid #e8e8e8;text-align:center;border-radius:100%;width:82px;height:82px;padding:5px;}
.fa2_li .fa2_ico span b{display:block;overflow:hidden;    width:40px;height:40px;margin:auto;margin-top:20px;}
.fa2_li .fa2_ico span b img{margin-left:-48px;}

.fa2_li .fa2_ico:hover{background:#ecb040}
/*.fa2_li .fa2_ico:hover span{border:1px solid #fff;background:#ecb040}*/
/*.fa2_li .fa2_ico:hover span img{margin-left:3px;}*/

/*.fa2_li:nth-child(2n) div:hover span img{ margin-left:6px;}*/
/*.fa2_li:nth-child(3n) div:hover span img{ margin-left:8px;}*/
/*.fa2_li:nth-child(4n) div:hover span img{ margin-left:5px;}*/



.fa2_right{float:right;width:45%;position: relative;height:650px;margin-top:50px}
.fa2_right img{width:100%;position: absolute;left: 0;top:0;z-index:999}

@media (max-width: 991px) {
    .head_lanmu {
    margin-bottom: 30px;
}
.searchBox {
    width: 250px;
    margin-bottom: 20px;
}
	.fa2_left{float:left;width:100%;margin-top:0px}
	.fa2_li{width:95%;float:left;margin-right:0%;margin-bottom:30px;}
	.fa2_li .fa2_zi{float:right;width:67%;}
	.fa2_right{float:right;width:100%;position: relative;height:350px;margin-top:50px}
}


.fa_3{background: url("../images/solution1_08.jpg") no-repeat center;
  background-size: cover;
  padding: 5rem 0 9rem;
	float: left;
    width: 100%;}

.fa3{position: relative;width:100%;height:400px;}
.fa3 .fa3_li{position: absolute;text-align:center}
.fa3_li .fa3_ico{width:90px;height:90px;border-radius:100%;box-shadow:0 0 10px #e8e8e8;margin:20px auto;background:#fff;}

.fa3_li h3{font-size:30px;color:#808080;margin-top:0px;}
.fa3_li p{color:#333;font-size:24px;}
.fa3_li .fa3_ico span{display:inline-block;cursor: pointer;margin:4px;border:1px solid #e8e8e8;text-align:center;border-radius:100%;width:82px;height:82px;padding:5px;}
.fa3_li .fa3_ico span b{display:block;overflow:hidden;    width:43px;height:43px;margin:auto;margin-top:20px;}
.fa3_li .fa3_ico span b img{margin-left:0px;}

.fa3_li .fa3_ico:hover{background:#ecb040}
.fa3_li .fa3_ico:hover span{border:1px solid #fff;background:#ecb040}
.fa3_li .fa3_ico:hover span img{margin-top:-40px;}

.fa3 .fa3_1{left: 52px; top: 43px;}
.fa3 .fa3_2{left: 358px;
    top: 243px;padding-bottom:50px}
.fa3_2 .fa3_ico:hover span img{margin-top:-48px;}
.fa3_3 .fa3_ico:hover span img{margin-top:-50px;}
.fa3_4 .fa3_ico:hover span img{margin-top:-60px;}
.fa3_5 .fa3_ico:hover span img{margin-top:-69px;}

.fa3 .fa3_3{left: 588px;
    top: 96px;}
.fa3 .fa3_4{left: 806px;
    top: 235px;}
.fa3 .fa3_5{left: 1155px;
    top: 128px;}


@media (max-width: 991px) {
	.fa3 .fa3_li{position: static;text-align:center;width:48%;floaT:left;margin-bottom:5%;margin-right:4%;}
	.fa3 .fa3_li:nth-child(2n){margin-right:0%;}
	.fa3_li p{color:#333;font-size:16px;}
}

/*分页*/
.pages {
    text-align: center;
    font-size: 0;clear: both;
}
.pages li {
    display: inline-block;
    vertical-align: middle;
    float: none !important;
    margin: 0 5px;
    box-shadow:0 0 10px #e8e8e8;
	background:#fff;
	border-radius:100px!important;
	padding: 4px;
}
.pages li:first-child {
    /*display: none;*/
}

.pages a {
    display: inline-block;
    padding: 0 15px;
    height: 41px;
    line-height: 41px;
    background: #fff!important;
    color: #ecb040!important;
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 5px;
    border:1px solid #e8e8e8!important;text-align:center;border-radius:100px!important;
}
.pages li.page-ud a {
    width: 84px;
    padding: 0;
    background: #009993;
    box-shadow: 0px 0px 35px 3px rgba(13, 54, 70, 0.1);
    color: #fff;
}
.pages li.page-ud a:hover {
    opacity: .9;
}
.page-item.active,
.pages li:hover{background:#ecb040!important;}
.pages a:hover,
.pages a.active {
    background:#ecb040!important;
    color: #fff!important;
    border:1px solid #fff!important;
}
.page-item.active .page-link{background:#ecb040!important;
    color: #fff!important;
    border:1px solid #fff!important;}





.pageBtn a {
    padding: 10px;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    background:#ecb040!important;
    padding: 15px;
    margin: 15px;
    color: #fff;
    display: inline-block}



















