.h2title_list{width:200px;text-align:center;margin:auto;background: linear-gradient(to left, #0e9cd3, #71b526);
    -webkit-background-clip: text;
    color: transparent;font-size: 2.25rem;margin-bottom: 3%;}
.h2title_list span {
  font-size: 0.875rem;
  color: #66767f;
}

.culture-list .item {
    width: 20%;float:left;margin:2.5%;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    transition: margin-top 0.5s, transform 0.5s;
}
.culture-list .item img{width:100%}
.culture-list .item:hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.6);transition: all 0.5s;margin-top:-30px;
}
.culture-list .item .tit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.culture-list .item .tit h4 {
    font-size: 24px;
    color: #333;
    line-height: 1.5;
    position: relative;
    padding: 15px 20px;
    margin-bottom: 15px;
}

.culture-list .item .tit h4:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -35px;
    width: 70px;
    height: 2px;
    background-color: #fff;
}
.culture-list .item .tit p {
    font-size: 18px;
    color: #333;text-transform: uppercase;
    line-height: 25px;
}
.culture-list .item .tit p span {
    font-size: 18px;
    color: #8b8b8b;
    font-weight: 300;
    text-transform: uppercase;
}
#page_index .about{padding:5rem 0 ;}

.list .culture-list{float:left;width:100%;}
.list .culture-list .item{width: 24%;float: left;margin: 0.5%;background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);cursor:pointer;height:200px;}
.list .culture-list .item img{width: 110%;}
.list .culture-list .item h4{color:#fff;font-size:20px;}
.list .culture-list .item p{color:#fff;font-size:18px;}

@media screen and (max-width: 999px) {
	.list .culture-list .item{width: 98%;float: left;margin:3% 1%;}
	
}

.about_tupian{padding: 5rem 0 3rem;width:100%;float:left;}
.about_tupian .about_tupian_left{width:690px;float:left;margin-top: 0px;overflow:hidden}
.about_tupian .about_tupian_left img{width:100%;transition: all 0.5s;}
.about_tupian .about_tupian_right{width:710px;float:right;margin-top: 0px;}
.about_tupian .about_tupian_right div{width:340px;float:left;margin-left:15px;margin-bottom:35px;overflow:hidden;}
.about_tupian .about_tupian_right img{width:100%;transition: all 0.5s;}
.about_tupian .about_tupian_left img{width:100%;transition: all 0.5s;}
.about_tupian .about_tupian_left img:hover{transform: scale(1.1);}
.about_tupian .about_tupian_right img:hover{transform: scale(1.1);}
@media screen and (max-width: 999px) {
	.about_tupian .about_tupian_left{width:100%;float:left;margin-top: 20px;}
.about_tupian .about_tupian_left img{width:100%;height: auto;}
.about_tupian .about_tupian_right{width:100%;float:right;margin-top: 20px;}
.about_tupian .about_tupian_right div{width:100%;float:left;margin-left:0px;margin-bottom:24px}
.about_tupian .about_tupian_right img{width:100%;height: auto;}
	
}

.list_case{background: url(../images/index555.jpg) no-repeat center;
  background-size: cover;
  float:left;width:100%;padding:5rem 0 9rem;}
.list_case .h2title_list{width:300px;}
.list_case ul li{width:19%;margin-right:1%;margin-bottom:30px;float:left;border:1px solid #e2e2e2;overflow:hidden;}
.list_case ul li img{width:100%;transition: all 0.5s;}
.list_case ul li:hover img{transform: scale(1.2);}



.fa_1{background: url(../images/fangan5_02.jpg) no-repeat center;
  background-size: cover;
  float:left;width:100%;padding:5rem 0 }

.fa1_left{width:43%;float:left;margin-top:150px;}
.fa1_left h3{background: linear-gradient(to left, #0e9cd3, #71b526);
    -webkit-background-clip: text;
    color: transparent;font-size:2.25rem;width:425px;}
.fa1_left ul li{float:left;width:138px;height:138px;background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);color:#fff;text-align:center;line-height:138px;font-size:2rem;border-radius:100%;margin:20px;margin-top:50px;}

.fa1_right{width:50%;float:left;}
.fa1_right img{width:100;float:left;}

.fa_2{float:left;width:100%;padding:5rem 0 }
.fa_2 h2{width:520px;}
.fa2_left{width: 700px;
    float: left;
    margin-top: 55px;
    border-right: 2px solid #e2e2e2;
    padding-right: 100px;}
.fa2_left img{padding-right:10px;}
.fa2_left h3{width:160px;background: linear-gradient(to left, #0e9cd3, #71b526);
    -webkit-background-clip: text;
    color: transparent;font-weight:100;}
.fa2_left p{font-size:14px; color:#66767f;line-height:1.8;margin-top:30px;}

.fa2_right{width:600px;float:right;margin-top:55px;}
.fa2_right img{padding-right:10px;}
.fa2_right h3{width:160px;background: linear-gradient(to left, #0e9cd3, #71b526);
    -webkit-background-clip: text;
    color: transparent;font-weight:100;}
.fa2_right p{font-size:14px; color:#66767f;line-height:1.8;margin-top:30px;}

.fa_3{background: url(../images/fangan_02.jpg) no-repeat center;
  background-size: cover;
  float:left;width:100%;padding:5rem 0 }
.fa_3 h2{width:420px;}
.fa3_yousi li{width:23.5%; margin-right:2%;float:left;margin-bottom:3%;height:330px;}
.fa3_yousi li span{display:block;overflow:hidden}
.fa3_yousi li img{width:100%;transition: all 0.5s;}
.fa3_yousi li:nth-child(4n) { margin-right: 0;}
.fa3_yousi li h3{background: linear-gradient(to left, #0e9cd3, #71b526);
    -webkit-background-clip: text;
    color: transparent;font-size:24px;margin:20px 0}
.fa3_yousi li h3 em{color:#66767f;font-size:2.25rem;padding-right:10px;}
.fa3_yousi li p{color:#66767f;font-size:14px;line-height:1.5}
.fa3_yousi li:hover img{transform: scale(1.1);}


.fa_4{background: url(../images/index555.jpg) no-repeat center;
  background-size: cover;
  float:left;width:100%;padding:5rem 0 9rem;}
.fa_4 h2{width:420px;}
.fa4_lc{background: url(../images/fangan_23-28.jpg) no-repeat center;
  background-size: cover;
  float:left;width:100%;height:307px;text-align:center;}
.fa4_lc li {float:left;width:233.33px;height:100%;}
.fa4_lc li span{display:block;margin-top:55px;}
.fa4_lc li h3{color:#fff;font-size:24px;margin-top:20px;}
.fa4_lc li p{color:rgba(255,255,255,0.3);font-size:60px;font-weight:600}

.fa4_lx{float:left;width:100%;margin-top:50px;}
.Solution_lianxi_left{width:490px;float:left;}
.Solution_lianxi_left h3{font-size:36px;font-weight:100;line-height:1.2;background: linear-gradient(to left, #0e9cd3, #71b526);
    -webkit-background-clip: text;
    color: transparent;padding-top: 60px;width: 150px;}
.Solution_lianxi_left span{display:block;width:50px;height:2px;background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);margin-top: 20px;}	
.Solution_lianxi_left h4{font-size:24px;font-weight:100;line-height:1.2;color:#66767f;padding-top: 20px;}

.Solution_lianxi_left p{font-size:14px;font-weight:100;line-height:1.8;color:#5f6466;padding-right: 83px;}
.Solution_lianxi_right{width:850px;float:right;}
.form-list li {
    width: 49%;margin-right:2%;float:left;margin-bottom:20px;
}
.form-list li:nth-child(2n){margin-right: 0px;}
.form-list li input {
    width: 100%;
    background: none;
    height: 52px;
    padding: 0 25px;
    border-radius: 0;
	border:1px solid #e2e2e2;
}
.form-area {
    margin-top: 40px;
    margin-bottom: 25px;
}
.form-area textarea {
    width: 100%;
    height: 100px;
    padding: 20px 25px;
    border:1px solid #e2e2e2;    background: transparent;
}
.form-btn {
    text-align: center;
    font-size: 0;
}
.form-btn input {
    width: 119px;
    height: 37px;
    background-color: #acacac;
    border-radius: 0;
    font-size: 14px;
    color: #fff;
    margin: 0 22px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
     border: none;
}
.form-btn .sub {
   background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);color:#fff;
    border-image-slice: 1;
    color: #fff;
   
}
.form-btn input: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 screen and (max-width: 999px) {
	.fa1_left{width:100%;float:left;margin-top:30px;}
	.fa1_left ul li{float:left;width:100px;height:100px;background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);color:#fff;text-align:center;line-height:100px;font-size:2rem;border-radius:100%;margin:8px;margin-top:50px;}
	.fa1_right{width:100%;float:left;margin-top:30px;}
	.fa1_right img{width:100%;}
	.fa_2 h2{width:auto}
	.fa2_img img{width:100%;}
	.fa2_left{width:100%;padding-right:0;border:none}
	.fa2_right{width:100%;}
	
	.fa4_lc{height:auto;}
	.fa_3 h2,.fa_4 h2{width:auto}
	.fa3_yousi li{width:100%;}
	.fa4_lc li{width:50%;height:auto;}
	.fa4_lc li h3 {font-size: 1.5rem;}
	.fa4_lc li p {font-size: 3rem;}
	.fa4_lc li span{    margin-top: 30px;height: 62px;}
	
	.Solution_lianxi_left{width:100%;float:left;}
.Solution_lianxi_left h3{font-size:2rem;font-weight:100;line-height:1.2;color:#202d33;padding-top: 20px;}
.Solution_lianxi_left p{font-size:1rem;font-weight:100;line-height:1.8;color:#5f6466}
.Solution_lianxi_right{width:100%;float:right;}
	
	.form-list li input{    height: 40px;}
	
    .d-flex {
    display: block!important;
    }
    .form-list li {
    width: 100%;margin-bottom: 5px;
    }
    .form-area{
        margin-top: 0px; 
     margin-bottom: 0px; 
    }
}


.list_News{background: url(../images/index555.jpg) no-repeat center;
  background-size: cover;
  float:left;width:100%;padding:5rem 0 9rem;}


.News_top{width:100%;float:left;margin-bottom:65px;padding-bottom: 65px;
    border-bottom: 1px solid #e2e2e2;}
.News_top_img{width:650px;float:left;overflow:hidden}
.News_top_img img{width:100%;transition: all 0.5s;}
.News_top_zi{width:680px;float:right;}
.News_top_zi h3{font-size:18px;color:#333;margin:30px 0;}
.News_top_zi p{font-size:14px;color:#66767f;line-height:2}
.News_top_zi span{font-size:14px;color:#66767f;margin-top:10px;}
.News_top_zi span i{display: inline-block;vertical-align: middle;margin-right: 10px;margin-top: -4px; height: 17px;}
.News_top_img:hover img{transform: scale(1.1);}
.News_top_zi:hover h3{
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);-webkit-background-clip: text;
    color: transparent;}
.News_2 li{width:46%;float:left;margin-right:4%;margin-bottom:4%;}
.News_2 li:nth-child(2n) { margin-right: 0;}
.ind_news_right_li1{width:258px;float:left;overflow:hidden}
.ind_news_right_li2 h3{font-size:18px;color:#333;margin:10px 0;}
.ind_news_right_li2{width:360px;float:right;}
.News_2 li:hover img{transform: scale(1.1);}
.News_2 li:hover h3{
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);-webkit-background-clip: text;
    color: transparent;}


@media screen and (max-width: 999px) {
	.News_top_img{width:100%;float:left;overflow:hidden}
	.News_top_zi{width:100%;float:right;}
	.News_2 li{width:48%;float:left;margin-right:2%;margin-bottom:4%;height: 285px;overflow:hidden;}
	.ind_news_right_li1{width:100%;float:left;overflow:hidden}
	.ind_news_right_li2{width:100%;float:right;}
}


.rencai{}
.rencai_li{width:49%;margin-right:2%;float:left;background:#e7f2f6;height:560px;margin-bottom:55px;}
.rencai .rencai_li:nth-child(2n) { margin-right: 0;}
.rc_top{}
.rc_top span{display:block;width:225px;line-height:55px;color:#fff;font-size:24px;font-weight:600;
    background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
    background-image: linear-gradient(-136deg, #0e9cd3, #71b526);
    text-align: center;margin:30px 0;
}

.rc_center{border-bottom:1px solid #c0cdd2;padding-left:55px;padding-bottom:20px;}
.rc_center span{color:#66767f;font-size:14px;margin-right:40px;}

.rc_bottom{margin-top:30px;padding:0 55px;}
.rc_bottom h3{    font-size: 18px;
    background: linear-gradient(to left, #0e9cd3, #71b526);
    -webkit-background-clip: text;
    color: transparent;
    display: inline;
   }

.rc_bottom p{color:#66767f;font-size:14px;line-height:1.8;margin-top:15px;margin-bottom:30px;}


@media screen and (max-width: 1200px) {
   .rencai_li{width:96%;margin:2%;float:left;background:#e7f2f6;height:auto;}
.rencai .rencai_li:nth-child(2n) { margin-right: 2%;} 
.rc_top span{display:block;width:180px;line-height:45px;color:#fff;font-size:20px;font-weight:600;
    background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
    background-image: linear-gradient(-136deg, #0e9cd3, #71b526);
    text-align: center;margin:20px 0;
}
.rc_center{border-bottom:1px solid #c0cdd2;padding-left:20px;padding-bottom:20px;}
.rc_center span{color:#66767f;font-size:14px;margin-right:20px;}
.rc_bottom{margin-top:20px;padding:0 20px;}
}



.about_zhengshu{padding: 5rem 0 9rem;width:100%;float:left;background:#f7f7f7}
.zhengshu{ position: relative;overflow:hidden; padding-bottom: 66px;padding-top: 30px;}


.list_news{padding: 5rem 0 9rem;width:100%;float:left;background:#f7f7f7}

.news_nav{display:flex;margin-bottom: 50px;width: 740px;}
.news_nav div{}
.news_nav div a{padding:15px 30px;background:#121c45;font-size:18px;color:#fff;    margin: 0 25px;}
.news_nav div a.active,
.news_nav div a:hover{background:#ff5e14;font-size:18px;color:#fff;}

.news_ul{}
.news_ul div{width:520px;float:left;margin:10px;margin-bottom:30px;height:431px;}
.news_ul div span{width:520px;height:285px;overflow:hidden;display:block}
.news_ul div span img{width:100%;transition: all 0.5s;}

.news_ul div h3{font-size:20px;color:#121c45;text-align:left;margin-top: 40px;margin-bottom: 20px;font-weight:100}
.news_ul div p{font-size:16px;color:#8c8e95;margin-bottom:20px}
.news_ul div span:hover img{transform: scale(1.1);}
.news_ul div:hover h3{color:#ff5e14}

@media screen and (max-width: 999px) {
   
  .news_ul div{width:96%;float:left;margin:2%;margin-bottom:10px;height:auto}  
  .news_ul div span{width:100%;height:auto;overflow:hidden;display:block}
  .news_nav{display:block;margin-bottom: 50px;width: 100%;}
    .news_nav div{    width: 46%;
    float: left;
    margin: 2%;}
.news_nav div a{background: #121c45;text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 0px;
    display: block;}
  
}


.list_cp{background: url(../images/index555.jpg) no-repeat center;
  background-size: cover;
  float:left;width:100%;padding:5rem 0 9rem;}
.list_cp_ul{}  
.list_cp_ul li{width:333px;float:left;overflow:hidden;margin-right:20px;margin-bottom:20px}  
.list_cp_ul li:nth-child(4n) { margin-right: 0;}
.list_cp_ul li span{width:100%;display:block;border:1px solid #e2e2e2;overflow:hidden;height: 331px;}  
.list_cp_ul li img{width:100%;transition: all 0.5s;}
.list_cp_ul li p{font-size:14px;color:#66767f;line-height:60px;text-align:center;}
.list_cp_ul li span:hover img{transform: scale(1.1);}
.list_cp_ul li:hover p{background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);color:#fff;}

@media screen and (max-width: 999px) {
	.list_cp_ul li{width:48%;float:left;overflow:hidden;margin:1%;margin-bottom:20px}  
	.list_cp_ul li span{height: auto;}  
	.nav-pills .nav-link{margin-bottom:10px;}	
	.list_cp_ul li p{font-size:14px;color:#66767f;line-height:1;text-align:center;height: 40px;padding: 10px;}
}


/*分页*/
.pages {
    text-align: center;
    font-size: 0;
}
.pages li {
    display: inline-block;
    vertical-align: middle;
    float: none !important;
    margin: 0 5px;
	
}
.pages li:first-child {
    /*display: none;*/
}

.pages a {
    display: inline-block;
    padding: 0 12px;
    height: 35px;
    line-height: 35px;
    background-color: #66767f;
    color: #fff;
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.page-item.active .page-link {
    z-index: 3;
   background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);color:#fff;
  border:none;
}
.pages li.page-ud a {
    width: 84px;
    padding: 0;
    background: #ff5e14;
    box-shadow: 0px 0px 35px 3px rgba(13, 54, 70, 0.1);
    color: #fff;
}
.pages li.page-ud a:hover {
    opacity: .9;
}
.pages a:hover,
.pages a.active {
   background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);color:#fff;
}

.list_lianxi{padding: 0rem 0 9rem;width:100%;float:left;}
.lianxi_ul{}
.lianxi_ul div{width:338px;height:305px;float:left;margin-right:15px;background:#e7f2f6;padding-left:30px;}
.lianxi_ul div:nth-child(4n) { margin-right: 0;}
.lianxi_ul div h3{font-size:30px;color:#333;text-align:left;margin-top: 55px;margin-bottom: 28px;font-weight:100}
.lianxi_ul div p{font-size:16px;color:#8c8e95;margin-bottom:10px;line-height: 1.8;padding-right:30px;}

.lianxi_ul_duo{background: url("../images/lxwm05.jpg") no-repeat center !important;padding-left:0px!important;
  background-size: cover;}
.lianxi_ul_duo h4{color:#fff;text-align:center;font-size:24px;padding-top:80px}

.lianxi_ul div.lianxi_li:hover {background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);}
.lianxi_ul div.lianxi_li:hover h3{color:#fff}
.lianxi_ul div.lianxi_li:hover p{color:#fff}

@media screen and (max-width: 999px) {
	.lianxi_ul div{width:100%;height:305px;float:left;margin:10px 0px;background:#eff1f7;padding:0 10px;}
	
	
}

.pageBtn a {
    padding: 20px;
    
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    background-image: -webkit-linear-gradient(-136deg, #0e9cd3, #71b526);
  background-image: linear-gradient(-136deg, #0e9cd3, #71b526);
    padding: 15px;
    margin: 15px;
    color: #fff;
    display: inline-block}
.pageBtn a:hover{box-shadow: 0px 0px 10px #71b526;}
