﻿.titleBox{width:100%; float: left; overflow: hidden;margin:0px auto 50px auto;}
.titleBox h2{color:#333333; font-weight: 500;font-size:22px; text-align: center;margin: auto;}
.titleBox h5{color:#777777; font-weight: 500;font-size:12px; text-align: center;margin: 10px auto auto auto;}
.titleBox h5 span{padding:0px 10px;}
.ArtBack{display: none;}
.topRecord{font-size:14px;}
.main-box{padding: 20px 0 75px;}
.topRecord{padding: 0px 0 20px;}

.station {background: #f8f8f8;height: 40px;line-height: 40px;margin-bottom: 20px;text-indent: 10px;}
.station a{color:#333;}
.station a:hover{color:#006fda;}
a:hover{text-decoration: none;}

.station1 {height: 70px;margin-bottom: 80px;margin-top: 70px; }
.station1.all-cpjs{margin-bottom: 0px;}
.station1 .container{max-width:1500px; margin: auto;width:100%;background: rgb(0 0 0 / 50%); display: flex; padding:0px 30px;overflow: hidden;margin-top:-70px; z-index: 1;overflow: hidden; position: relative;align-items: center;color: #fff;}
.station1-c{ margin-left:0px; margin-right: auto;flex-shrink:0; height: 70px;color: #fff;font-size: 1em;align-items: center;
    display: flex;}
.station1-c a{color: #fff;font-size: 1em;
	padding-right: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;}
.station1-c a:hover {color: #df1f26;}
.station1-c:before{content: "\e637"; font-family: "iconfont" !important; padding-right:5px;font-size: 20px;}
.station1 .container ul{ margin: auto 0px auto auto;display: flex;}
.station1 .container ul li{padding: 0 28px;position: relative;}
.station1 .container ul li a{display: block;
    font-size: 1em;
    color: #fff;
    line-height: 69px;
    overflow: hidden;
    position: relative;}
.station1 .container ul li a.cur:after, .station1 .container ul li:hover a:after {
    background-color: #df1f26;
}
.station1 .container ul li a:after {
    content: '';
    height: 2px;
    background-color: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
.station1 h3{display: none;}
/*.station1 a{color:#333;display: table-cell; text-align: center;line-height:68px; font-size:16px; position: relative;border-top:3px solid #eeeeee;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.station1 a.cur{background: #ffffff; border-top:3px solid #6eb92b; line-height:68px; color:#6eb92b;}*/
.station1 .container a:nth-last-child(2):first-child{/*width:60%;display: inline-block;*/}

/*.station1 .container a:before {
    display: block;
    margin: 0 auto;
    content: '';
    border: 5px solid transparent;
    width: 0;
    height: 0;
}*/
/*.station1 .container a.cur:before{border-top-color: #6eb92b;}*/

.Pagination{clear: both;padding: 10px 0px;text-align: center;}
.Pagination span{padding: 5px 10px;margin: 0px 5px;background-color: #1c90d0;color: #FFFFFF;font-size: 12px;}
.Pagination a{padding: 5px 10px;margin: 0px 5px;background-color: #09ADC2;color: #FFFFFF;font-size: 12px;}
.Pagination a:hover{color: #FFEB3B;background-color: #FF9800;}

.news-content{ margin: 10px auto;padding: 0px 10px;width:100%;}
.news-wrap{border-bottom:1px dashed #ccc;padding: 20px 0px;}
.news-content .news-img{display: inline-block; width: 30%; vertical-align: top;display: none;}
.news-content .news-img img{max-width: 90%; max-height: 180px;}
.news-content .news-panel{display: inline-block; width: 100%; vertical-align: top; padding-left: 5px; box-sizing: border-box;max-width: 1400px;}
.news-content .news-panel strong a{display: block; color: #000000; font-size: 24px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news-content .news-panel strong a:hover{color:#df1f26;}
.news-content .news-panel p.detail{color: #777; line-height: 34px;height: auto;overflow: hidden; padding:10px 0px; font-size:16px;}
.news-content .news-panel a{color:#df1f26;}
.news-content .news-panel p.detail a{float:right;}
.news-content .news-panel p.read-push{color: #AAA; padding-top: 5px; font-size:14px;}

.container.cp_container{padding:0px;margin: auto;}
.main-boxs .container{margin:auto; padding:0px;z-index: 10;padding: 0px 15px;}
.bg_gsjj{background: #ffffff url("../images/gsjj_bg.png") top center no-repeat;margin-top: -80px;padding-top: 80px;position: relative;z-index: 0;}

/*.bg_gsjj2{position: absolute;
	left:0;
    bottom: 0;
	right: 0;
	top:0;
	z-index:0;}
.bg_gsjj2:after{content:url("/images/bg/gsjj_bg2.png");
	content: '';
	background: url("../images/gsjj_bg2.png") bottom center no-repeat;
}*/

.bg_gsjj:before{
	content: '';
	background: url("../images/gsjj_bg2.png") bottom center no-repeat;
	position: absolute;
	left:0;
    bottom: 0;
	right: 0;
	top:0;
	z-index: -1;
	display:none;
}
.bg_gsjj .titleBox.artType1 {
    display: none;
}
.artType1{display:none;}
.bg_yw{background: #f8f8f8 url("../images/bg_yw.jpg"); background-size: cover;min-height: 550px;margin-top: -50px;padding-top: 50px;}
.bg_ywlc{background: #f8f8f8 url("../images/bg_lc.jpg"); background-size: cover;min-height: 550px;margin-top: -50px;padding-top: 50px;}

.artCont{width:100%;word-wrap: break-word;word-break: normal;overflow: hidden;}
.artCont h2{font-size: 34px;
    font-weight: bold;
    color: #00aa55;
	text-align: center;
	padding:50px 0px;
}
.gc_lc_btn {
    width: 500px;
    text-align: center;
    margin: 20px auto;
    background: #019845;
    padding: 5px 0px;
    border-radius: 30px;
    color: #FFFFFF;
    font-size: 25px;
}
.ny_anli{width:100%;}
.ny_anli .col-lg-4.col-12{padding:15px;}
.ny_anli img{max-width:100%; height: auto;}

.cont{overflow-x: auto;}

.artCont .row{margin:auto; padding: 0px;}
.gsjj_com_rev{flex-flow: row-reverse;}
.artCont img{max-width:100%;}

/*公司简介底部栏目*/
.more_cols{display: block;padding: 50px 0px;overflow: hidden;}
.more_cols .ColumnIco .title{font-size:28px; color:#00aa55; text-align: center; padding-bottom:50px;}
.more_cols .ColumnIco ul{margin:auto; padding:0px;display: flex;}
.more_cols .ColumnIco ul li{margin: 10px;}
.more_cols .ColumnIco ul li .img{width:100%;}
.more_cols .ColumnIco ul li .img img{width:100%; max-width: 100%;transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;/* Firefox 4 */
	-webkit-transition: all 0.3s linear;/* Safari and Chrome */
	-o-transition: all 0.3s linear;/* Opera */
	border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}
.more_cols .ColumnIco ul li:hover img{-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);}
.more_cols .ColumnIco ul li .texts{ font-size: 16px; text-align: center; margin:auto; height: 40px; line-height: 40px;padding-top: 10px;}
.more_cols .ColumnIco ul li .texts a{font-size: 16px;color:#222222;}
.more_cols .ColumnIco ul li .texts a:hover{font-size: 16px;color:#00aa55;}
.more_cols .ColumnIco ul li:hover a{font-size: 16px;color:#00aa55;}

/*公司简介*/
.artCont .gsjj_com{display: block; overflow: hidden;width:99%; box-shadow: 0px 2px 15px rgba(0,0,0,0.2); margin-bottom:80px;}
.artCont .gsjj_com-t{display: block; overflow: hidden;width: 100%;margin-bottom:20px;}
.artCont .gsjj_com .gsjj_com_item{display: flex;justify-content: center;align-items: center;}
.gsjj_com .gsjj_com_text{padding:0px 100px; font-size:14px;line-height: 25px;}
.gsjj_com img{width:100%; max-width: 100%;}

.gsjj_com-t{padding-bottom:20px;}
.gsjj_com_cont h3{font-size:34px; font-weight: bold; color:#00aa55;}
.gsjj_com_cont_desc{padding:20px 50px 10px 0px;  line-height: 2em;  font-size:16px; font-weight: 300;}


/*公司概况*/
.gsjj_desc_items{width:80%;padding:10px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); display: flex; margin:auto;display: table;}
.gsjj_desc_items .gsjj_desc_item{ margin:auto 10px;display: table-cell;text-align: center;border-right: 1px solid #efefef;}
.gsjj_desc_items .gsjj_desc_item.nobr{border-right: 0px solid #efefef;}
.gsjj_desc_item em{font-size:80px; text-align: center; color:#ed6402; display: block;transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;}
.gsjj_desc_item:hover{cursor:pointer;}
.gsjj_desc_item:hover em{transform: translateY(-8px);}
.gsjj_desc_item h5{display: block; line-height: 20px; color:#222222; font-size:16px;}

.gsjj_desc_lists{width:80%;margin: auto;padding:50px 0px;}
.gsjj_desc_lists .gsjj_desc_list{ margin:20px auto;}
.gsjj_desc_list em{font-size:60px; text-align: center; color:#ed6402; display: inline-block;vertical-align: bottom;transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;}
.gsjj_desc_list:hover{cursor:pointer;}
.gsjj_desc_list:hover em{transform: translateY(-8px);}

.gsjj_desc_list .gsjj_desc_list_c{display: inline-block; padding-left:50px;}
.gsjj_desc_list_c h5{display: block; line-height: 25px; color:#244a90; font-size:20; text-align: left;font-weight: bold;}
.gsjj_desc_list_c p{display: block; line-height: 20px; color:#222222; font-size:18px;text-align: left; font-weight: 500;}




/*企业理念*/
.gsjj_ln_lists{width:100%;margin: auto;padding:50px 100px;background: #fff; margin-top:-50px;}
.gsjj_ln_lists .gsjj_ln_list{margin: 30px auto;padding: 30px 0px;border-bottom: 1px solid #efefef;}
.gsjj_ln_list em{font-size:60px; text-align: center; color:#244a90; display: inline-block;vertical-align: text-bottom;transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;}
.gsjj_ln_list:hover{cursor:pointer;}
.gsjj_ln_list:hover em{transform: translateY(-8px);}


.gsjj_ln_list .gsjj_ln_list_c{display: inline-block; padding-left:30px;}
.gsjj_ln_list_c h5{display: block; line-height: 20px; color:#244a90; font-size:22px; text-align: left;font-weight: bold;padding-bottom: 10px;}
.gsjj_ln_list_c strong{font-weight: bold;}
.gsjj_ln_list_c p{display: block; line-height: 25px; color:#222222; font-size:16px;text-align: left; font-weight: 300; margin:auto;}

.gsjj_ln_list .gsjj_ln_list_c1{display: inline-block; padding-left:30px; width:600px;font-size: 16px;}
.gsjj_ln_list_c1 h5{display: block; line-height: 20px; color:#244a90; font-size:22px; text-align: left;font-weight: bold;padding-bottom: 15px;}
.gsjj_ln_list_c1 p{display: block; line-height: 25px; color:#222222; font-size:16px;text-align: left; font-weight: 300; margin:auto;}
.gsjj_ln_list_c1 strong{font-weight: bold; padding-right:10px;}


.gsjj_ln_imgs{overflow: hidden;display: flex;width: 100%;justify-content: space-between;margin-top: 20px;}
.gsjj_ln_img{display: table-cell; position: relative;}
/*.gsjj_ln_imgs div:first-child{margin-left:-10px;}
.gsjj_ln_imgs div:last-child{margin-right:-10px;}*/
.gsjj_ln_img img{width:100%; max-width: 100%;}
.gsjj_ln_img .gsjj_ln_img_desc{position: absolute; bottom:0px; left: 0px; background: rgba(238,238,238,0.88); padding:10px -10px; width:100%;}
.gsjj_ln_img .gsjj_ln_img_desc h5{font-size: 28px;color: #222222;text-align: left;padding: 15px 0px 0px 25px;font-weight: bold;}
.gsjj_ln_img .gsjj_ln_img_desc p{font-size:16px; color:#222222; text-align: left; font-weight: 300;padding:0px 0px 15px 25px; margin:auto;}
.gsjj_ln_img .gsjj_ln_img_desc:hover {background: rgba(237,100,2,0.88); cursor: pointer;}
.gsjj_ln_img .gsjj_ln_img_desc:hover h5,.gsjj_ln_img .gsjj_ln_img_desc:hover p{color:#FFFFFF;}


/*合作客户*/
/*.hidden{ display: none;}*/
.gsjj_hk_topimg{width: 100%;margin-top: -50px;}
.gsjj_hk_topimg img{width: 100%;max-width: 100%;}
.gsjj_kh_items{width:100%;margin: auto;padding:50px 100px;display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            flex-direction: row;
            flex-wrap: wrap;}
.gsjj_kh_items img{margin: 20px;max-width: 120px;}

/*案例*/
.anli-titles-box{width:100%; overflow: hidden; padding:20px 0px; background: #efefef;}
.anli-titles-box h3{ color:#ee6436; font-size:40px; font-weight: 400; text-align: center;}
.anli-titles-box h5{color:#6a6a6a; font-size:20px; font-weight: 400;text-align: center;    padding: 10px 0px;}
.anli-titles-box h6{ color:#ee6436; font-size:30px; font-weight: 500; text-align: center;}

.anli-titles-box h6:before {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 45px;
    left: 33%;
}
.anli-titles-box h6:after {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 45px;
    right: 33%;
}


.anli-cols-box{width:100%; margin: auto;text-align: center; padding:100px 0px;}
.anli-cols-box .container{display: flex; justify-content: space-around;}
.anli-cols-box .container a{padding:10px 30px; color:#333; border-radius: 10px;font-size: 22px;font-weight: 400;}
.anli-cols-box .container a:hover{background: #f58600;color:#ffffff; }
.anli-cols-box .container a.cur{background: #008d30;color:#ffffff; }
.anli-cols-box h3{display: none;}

.anli-cont-box{width:100%;height:410px; border-radius: 20px; /*overflow: hidden; */background:#eeeeee; display: flex; justify-content: space-around;}
.anli-cont-box .anli-img{width:45%; height:410px;}
.anli-img img{max-width:100%; border-radius: 20px;height:410px;}
.anli-text{ flex:1; padding:40px 50px;}
.anli-text h3{font-size:28px; color:#008d30; font-weight: 500;}
.anli-text h3 a{color:#008d30; }
.anli-text h5{font-size:16px; color:#008d30; font-weight: 400; padding:10px 0px;}
.anli-text p{font-size:16px; line-height: 2em; font-weight: 400;margin: auto;}
.anli-text p strong{color:#008d30; }

.anli-cont-box:nth-of-type(2){flex-flow: column-reverse;}

.anli-cont-box-imgs{display:flex; justify-content: space-between; padding:50px 0px; }
.anli-cont-box-imgs p{width:50%; display: block; padding:20px;}
.anli-cont-box-imgs img{border-radius: 20px;}

.anli-cpjs-box{background: #008d30; overflow: hidden; padding:50px 0px;}
.anli-cpjs-box-titles{width:100%; overflow: hidden; padding:20px 0px 50px 0px; }
.anli-cpjs-box-titles h3{ color:#ffffff; font-size:40px; font-weight: 400; text-align: center;}
.anli-cpjs-box-titles h4{ color:#ffffff; font-size:30px; font-weight: 400; text-align: center;}
.anli-cpjs-box-titles h5{color:#ffffff; font-size:20px; font-weight: 400;text-align: center;padding: 10px 0px;}
.anli-cpjs-box-titles h6{ color:#ffffff; font-size:30px; font-weight: 500; text-align: center;position: relative;}
.anli-cpjs-box-titles h6:before {
    content: "";
    width: 18px;
    height: 1px;
    background: #ffffff;
    position: absolute;
    top: 20px;
    left: 38%;
}
.anli-cpjs-box-titles h6:after {
    content: "";
    width: 18px;
    height: 1px;
    background: #ffffff;
    position: absolute;
    top: 20px;
    right: 38%;
}
.anli-cpjs-box-cont ul{margin:auto; padding: 0px;}
.anli-cpjs-box-cont ul li{overflow: hidden;}
.anli-cpjs-box-cont ul li img{max-width:100%;}
.anli-cpjs-box-cont ul li .Images{overflow: hidden; height:300px;}
.anli-cpjs-box-cont ul li .Names{padding:10px 0px; text-align: center;}
.anli-cpjs-box-cont ul li .Names a{color:#ffffff;font-size: 18px;}

	.moreload{position:relative;}
	.moreload .more{overflow: hidden;text-align: center; width:120px; height: 120px; display: block; margin: auto;float: left; position: absolute;right: 170px; bottom: 70px;background: #FFFFFF;}
	.moreload .more a{color:#9E9E9E;margin:auto;text-align:center;line-height: 120px;}
	.moreload .more a:hover{color: #ed6402;}


/*============================================
contact-section 联系方式
===========================================*/
.contact-section{overflow: hidden; background:#ffffff url(../images/bg-form.jpg) no-repeat;margin: auto; height: 800px;background-attachment: fixed;background-size: cover;position: relative;}
/*.contact-section:before{content: '';
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    left: 0;
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    height: 800px;}*/
.contact-section .wrap{width:1200px; max-width: 1200px; margin: auto;padding-top: 100px;
    padding-bottom: 100px;/* background: rgba(0,0,0,1)*/;opacity:1;}
.contact-section .row{padding:50px !important;}

.contact-section .contact-box .item-inner{display: table;
    position: relative;
    table-layout: fixed;
}
.contact-box .item-content{background-position: center;
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 45;
}
.contact-box .item-content h2{ font-size:38px;font-weight: 800;line-height: 1.3;color: #002c42;margin-top:50px;font-family: "Poppins", sans-serif; margin-bottom:50px;}
.contact-box .item-content h2 span{color: #F4BC16 !important;    font-family: "Poppins", sans-serif;}
.contact-box .item-content p{
	margin-bottom: 20px;line-height: 1.8;
    color: #000000;
    font-size: 28px;;
    font-family: "Poppins", sans-serif;
    font-weight: 500;text-transform: capitalize;
}
.contact-box .item-content p:before{content: "\e607";
    font-family: "iconfont" !important;
    width: 30px;
    height: 30px;
    background: #ff4800;
    position: relative;
    float: left;
    border-radius: 50%;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    margin-top: 10px;
    margin-right: 15px;}

.form-box{background-color: rgba(255,255,255,0.8); padding:50px;}
.form-box h3{margin:20px auto 40px auto; font-size:40px; font-weight: 500; color:#000000; position: relative;}
.form-box h3:after {
    content: "";
    background: #81b441;
    height: 100%;
    width: 10px;
    position: absolute;
    left: -50px;
    top: 0;
}
.form-box input[type=text], .form-box input[type=email], .form-box textarea {background: transparent;border:0;outline:none;font-size: 1.1rem;}
.form-box input[type=text], .form-box input[type=email] {
    background: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 14px;
    padding-left: 0;
    margin-bottom: 28px;
    width: 100%;
}
.form-box input[type=text]:focus, .form-box input[type=email]:focus, .form-box textarea:focus{border-bottom: 1px solid #dfdce6;}
.form_item{width:100%; padding:0px;float: left;position: relative;font-size: 1.1rem;}
.InputErr {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #ffa53a;
    font-size: 20px;
}
/*.form_item label.InputErr {
    display: none;
}*/
.form_item_all{width:100%;}
.form-box .search_btn{color: #fff;
    background-color: #81b441;
    background-image: none;border:0px;
    letter-spacing: .05rem;
    padding: 0.8rem 2.5rem;
	margin: auto;display: block;
    overflow: hidden;border-radius: 3rem;outline:none;}
.form-box .search_btn:hover {
	cursor: pointer;
    color: #ffffff;
    background-color: #f58600;
}

.form-box { }
  .form-box input[type=text],
  .form-box input[type=email],
  .form-box textarea {
    transition: all 0.3s ease; }
    @media screen and (prefers-reduced-motion: reduce) {
      .form-box input[type=text],
      .form-box input[type=email],
      .form-box textarea {
        transition: none; } }
  .form-box input[type=text],
  .form-box input[type=email] {
    background: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 14px;
    padding-left: 20px;
    margin-bottom: 28px;
    width: 100%; }
  .form-box textarea {
    background: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;overflow: hidden;
    padding: 15px;
    padding-left: 20px;
    margin-bottom: 28px;
	height: 80px;}
  .form-box .form-submit-btn {
    padding: 12px 32px;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
    transition: all 300ms; }
  .form-box .form-submit-btn:hover {
    border-width: 2px;
    border-style: solid;
    background: none; }
  .form-box .form-input-label {
    padding: 0;
    padding-left: 15px;
    line-height: 0;
    margin: 0; }
  .form-box input[type=submit] {
    margin-top: 15px; }
  .form-box.white-form input[type=text],
  .form-box.white-form input[type=email] {
    background: #ffffff;
    border: 1px solid #eee; }
  .form-box.white-form textarea {
    background: #ffffff;
    border: 1px solid #eee; }


@media only screen and (max-width: 767px) {
.tab .nav-tabs li { margin: 0 25px 0 0; }

.gsjj_ln_imgs{flex-direction:column;}

.more_cols .ColumnIco ul{ flex-direction:column;}
.more_cols .ColumnIco ul li{ margin:0 10%;}
}

@media only screen and (max-width: 479px) {
.tab .nav-tabs li { width: 100%; text-align: center; margin: 0 0 10px 0; }
.tab .nav-tabs li:after { width: 0; height: 100%; top: auto; bottom: -60%; right: 50%; }
.gsjj_ln_imgs{flex-direction:column;}

.more_cols .ColumnIco ul{ flex-direction:column;}
.more_cols .ColumnIco ul li{ margin:20px 10%;}
}

.cases {
  margin: 0 -5px
}
.cases .case-item {
  margin-bottom: 50px;
  cursor: pointer;
  padding: 0 5px;
  overflow: hidden;    text-align: center;
}
.cases .case-item a{
	display: block;
}
.cases .case-item .cover-picture-box {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.cases .case-item .cover-picture-box .pic:after{
	padding-bottom:62%;
}
.cases .case-item a h2:hover,.cases .case-item a h2:hover p{
	color: #EF2B0B;
}
.cases .case-item a .cover-picture-box .cover-picture:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.cases .case-item a .cover-picture-box:hover  .cover-picture .bg {
display: block;
}
.cases .case-item a .cover-picture-box:hover  .btn-red {
  display: block;
}
.cases .case-item .cover-picture-box .btn-red {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  margin-left: -50px;
  margin-top:-30px;
  display: none;
  padding:0 10px;
}
.cases .case-item .cover-picture-box:hover .cover-picture {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.cases .case-item .cover-picture-box:hover .cover-picture .bg {
  opacity: 1
}
.cases .case-item .cover-picture-box:hover .btn-red {
  display: block;
  opacity: 1
}
.cases .case-item .cover-picture-box .btn-red {
  position: absolute;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  opacity: 0;
  display: none
}
.cases .case-item .cover-picture-box .cover-picture {
  width: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform .3s linear;
  transition: -webkit-transform .3s linear;
  transition: transform .3s linear;
  transition: transform .3s linear, -webkit-transform .3s linear
}
.cases .case-item .cover-picture-box .cover-picture img{height:341px;}
.cases .case-item .cover-picture-box .cover-picture img.middleCenter{height:341px;}
.cases .case-item .cover-picture-box .cover-picture .bg {
  width: 100%;
  height: 100%;
  background:url(../images/bg.png) repeat center center;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  opacity: 0;
  text-align: center;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  padding-bottom:62%;
}
.cases .case-item h2 {
  margin: 20px 0 10px 0;
  color: #000;
	text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;font-size: 24px; font-weight: 500;
}
.cases .case-item p {
  /*height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 300;*/
	display: inline-block;color: #000;padding-left: 10px;
}
.case-row {
  overflow: hidden
}
.case-item a p{color:#707070;}
.case-item .btn_more{height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 300;
    background: #244a90;
    display: inline;
    padding: 10px 40px;
    line-height: 50px;
    color: #fff;
    margin: auto;}

.cases .cont img{max-width: 100%;}

.btn-red, .btn-red:active, .btn-red:active:focus, .btn-red:active:hover, .btn-red:focus, .btn-red:hover {
  color: #fff
}
.btn-red {
  border-radius: 1px;
  border: none;
  padding: 5px 10px;
  font-size: 16px;
  background-color: #FF4E34;
  line-height: 40px;
 overflow: hidden;
  position: relative;
  -webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
/*.btn-red:hover{
	background: #e52e13;
}*/
.btn-red:active:before, .btn-red:active:focus:before, .btn-red:active:hover:before, .btn-red:focus:before, .btn-red:hover:before {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0)
}
.btn-red:before {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: -1;
  background: #EF2B0B;
  content: "";
  -webkit-transition: -webkit-transform .3s cubic-bezier(.75, 0, .125, 1);
  transition: -webkit-transform .3s cubic-bezier(.75, 0, .125, 1);
  transition: transform .3s cubic-bezier(.75, 0, .125, 1);
  transition: transform .3s cubic-bezier(.75, 0, .125, 1), -webkit-transform .3s cubic-bezier(.75, 0, .125, 1)
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.cases .casedesc{font-size: 18px;padding: 10px 0px;}

.cases .cont h2{font-size: 28px;
    line-height: 1.2em;
    font-weight: 500;
    color: #221814;
    width: 100%;padding-top: 30px;}
.cases .cont h2:after{
	display: block;
    content: '';
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, rgba(0,0,0,.18) 0, rgba(0,0,0,.12) 35%, rgba(0,0,0,.05) 70%, rgba(0,0,0,0) 100%);
    margin: 18px 0;
}

.caseinfo{max-width:1140px; margin: auto; padding: 0px;}
.caseinfo .row {padding:0px; margin:auto;}
.caseinfo .row .col-md-6,.caseinfo .row .col-md-12{padding-left:0px; padding-right: 0px;overflow: hidden;}
.caseinfo img{padding:5px;}

.zs-pages{width: 100%;margin: auto;padding-bottom: 50px;text-align: center;display: flex;justify-content: center;}
.zs-pages .zs-pages-all{padding: 10px;}
.zs-pages .zs-pages-page{padding: 10px;}
.zs-pages .zs-pages-page a{background: #ccc; padding:5px 20px; color: #ffffff;}
.zs-pages .zs-pages-page a:hover{background: #ff0000;}
.zs-pages .zs-pages-page a.cur{background: #00469c; padding:5px 20px; color: #ffffff;}

.cases li{width:100%; overflow: hidden;}

.bg_gsjj .ArtPagination{display: none;display:block;
    max-width: 1200px;
    width: 100%;
    text-align: center;
    margin: 30px auto 50px auto;}

/*.station1 .container ul li:nth-last-child(5):first-child~ .station1 .container ul li:nth-last-child(1){padding: 0px 10px;}*/

@media  screen and (max-width: 1500px)
{
	.station1 .container,.wrap{max-width:1400px;}
	.station1 .container ul li{padding: 0px 20px;}
}
@media  screen and (max-width: 1400px)
{
	.station1 .container,.wrap{max-width:1300px;}
	.station1 .container ul li{padding: 0px 15px;}
}
@media  screen and (max-width: 1366px)
{
	.station1 .container,.wrap{max-width:1200px;}
	.station1 .container ul li{padding: 0px 10px;}
	.station1-c a{font-size:0.9em;}
	.station1 .container ul li a{font-size:0.9em;}
}

@media screen and (max-width: 1199px){
	.station1 .container ul li a{font-size:0.8em;}
	.gsjj_com .gsjj_com_text{padding:50px;}
	.title_hx{padding: 20px 0px 50px 0px;}
	.title_hx h3{font-size: 20px;}
	.title_hx p{padding: 0px 30px;}
	.news-content .news-img{width: 100%;padding: 0px 0px;}
	.news-content .news-img img{max-width: 100%;}
	.news-content .news-panel{width: 100%;}
	.news-time{top: 20px;right: 20px;}
	.station{margin-bottom: 50px;}
	.main-boxs .container{padding:0px 10px;}
	.lx_wdfb-map{width: 100%;}
	.lx_wdfgs .lx_wdfgs_items{width: 90%;}
	.lx_wdfgs_items .lx_wdfgs_item{display: flex;}
	.gsjj_desc_lists .gsjj_desc_list{display:flex;}
	.gsjj_desc_list_c h5{padding-top: 15px;}
	.gsjj_desc_list .gsjj_desc_list_c{padding-left:20px;}
	
	.gsjj_ln_lists{padding: 50px 5vw;}
	.gsjj_ln_lists .gsjj_ln_list{display: flex;}
	.gsjj_com .gsjj_com_text{text-align: justify;}
	
}
@media screen and (max-width: 1023px){
	.station{ margin-bottom:20px; }
	.news-content .news-img img{max-height: none;}
	.news-panel strong{ padding:10px 0px;display: block;}
	.news-content .news-panel p.detail{/*max-height: 100px;*/height:auto;display: flex;flex-direction: column;}
	.news-content .news-panel p.detail a {color:#019846;}
	.artCont img{max-width:100%;}
	.row{margin:auto;}
	.news-content{padding:0px;width: 100%;}
	.news-content .news-panel{margin:10px auto;}
	
	.station1 .container ul li{display:none;}
}

@media screen and (max-width: 767px){
	.gc_lc_btn{width:100%;}
	.anli-cols-box{padding: 50px 0px;}
	.anli-cols-box .container{flex-flow: wrap;height:auto;}
	.anli-cols-box .container a{font-size: 16px;margin: 10px auto;padding: 10px 20px;}
	
	.bg_gsjj{padding:0px; margin:auto;}
	.bg_gsjj .ArtPagination{display:flex;}
	
	.anli-cont-box{flex-flow: wrap;height: auto;}
	.anli-cont-box .anli-img{width:100%;}
	.anli-text{padding: 20px 10px;}
	.anli-text h3{font-size: 20px;}
	.anli-text h5{padding:0px;}
	.anli-text p{font-size:14px;}
	.anli-cont-box-imgs{flex-flow:column;padding: 20px 0px;}
	.anli-cont-box-imgs p{width:100%;}
	
	.station{ text-indent:10px; }
	.station .container{padding:0px;}
	
	.station1{margin-bottom: 50px;}
	.station1 .container ul{display: none;}
	.station a{font-size:15px; text-align:left; padding:0;}
	.gsjj_com_text{
		text-align:center;}
	#showyw .tab{width:100%; padding:0px;display: block;}
	.ywfc_02 .row{
		flex-wrap: wrap;}
	.ywfc_02 .col-lg-4{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	#showyw .tab .nav-tabs li a.active, .tab .nav-tabs li a.active:hover{font-size: 16px;border-bottom: 2px solid;}
	#yw_nav1 a.active:after,#yw_nav2 a.active:after,#yw_nav3 a.active:after,#yw_nav4 a.active:after{display: none;}
	#showyw .tab .nav-tabs li a{font-size:16px;}
	#showyw .tab .nav-tabs li{width: 20%;margin: 20px 2%;float: left;}
	#showyw .tab .nav {
    width: 100%;
    height: auto;
    display: block;margin-bottom:20px;
	}
	#showyw .tab .tab-content{width:100%; padding: 20px;}
	.gsjj_kh_items{width: 100%; padding: 10px 0px 0px 0px;}
	.gsjj_kh_items img{max-width: 150px;}
	.moreload .more{width: 150px;height: 150px;right: 35px;bottom: 20px;}
	
	.gsjj_com_rev {
		flex-flow: wrap;
	}
	.gsjj_com .gsjj_com_text{text-align: justify;}
	
	.news-wrap{flex-wrap: wrap;}
}

@media  screen and (max-width: 414px)
{
	.station .container{padding:0px;}
	.station a{font-size:12px;}
	.station .container{padding:0px;}
	.station a{font-size:12px;}
	.gsjj_com_text{
		text-align:center;}
	#showyw .tab{width:100%; padding:0px;display: block;}
	#showyw .tab .nav-tabs li a.active, .tab .nav-tabs li a.active:hover{font-size: 16px;border-bottom: 2px solid;}
	#yw_nav1 a.active:after,#yw_nav2 a.active:after,#yw_nav3 a.active:after,#yw_nav4 a.active:after{display: none;}
	#showyw .tab .nav-tabs li a{font-size:16px;}
	#showyw .tab .nav-tabs li{width: 20%;margin: 20px 2%;float: left;}
	#showyw .tab .nav {
    width: 100%;
    height: auto;
    display: block;margin-bottom:20px;
	}
	#showyw .tab .tab-content{width:100%; padding: 20px;}
	
	.gsjj_kh_items{width: 100%; padding: 10px 0px 0px 0px;}
	.gsjj_kh_items img{max-width: 150px;}
	.moreload .more{width: 150px;height: 150px;right: 35px;bottom: 20px;}
	
	.gsjj_com_rev {
		flex-flow: wrap;
	}
	.gsjj_com .gsjj_com_text{text-align: justify;}
}
@media  screen and (max-width: 375px)
{
	.station .container{padding:0px;}
	.station a{font-size:12px;}
	#showyw .tab{width:100%; padding:0px;display: block;}
	#showyw .tab .nav-tabs li a.active, .tab .nav-tabs li a.active:hover{font-size: 16px;border-bottom: 2px solid;}
	#yw_nav1 a.active:after,#yw_nav2 a.active:after,#yw_nav3 a.active:after,#yw_nav4 a.active:after{display: none;}
	#showyw .tab .nav-tabs li a{font-size:16px;}
	#showyw .tab .nav-tabs li{width: 20%;margin: 20px 2%;float: left;}
	#showyw .tab .nav {
    width: 100%;
    height: auto;
    display: block;margin-bottom:20px;
	}
	#showyw .tab .tab-content{width:100%; padding: 20px;}
	
	.gsjj_kh_items{width: 100%; padding: 10px 0px 0px 0px;}
	.gsjj_kh_items img{max-width: 130px;}
	.moreload .more{width: 130px;height: 130px;right: 35px;bottom: 20px;}
	.gsjj_com_rev {
		flex-flow: wrap;
	}
	.gsjj_com .gsjj_com_text{text-align: justify;}
	
}
@media screen and (max-width: 320px)
{
	.station .container{padding:0px;}
	.station a{font-size:12px;}
	.station .container{padding:0px;}
	.station a{font-size:12px;}
	#showyw .tab{width:100%; padding:0px;display: block;}
	#showyw .tab .nav-tabs li a.active, .tab .nav-tabs li a.active:hover{font-size: 16px;border-bottom: 2px solid;}
	#yw_nav1 a.active:after,#yw_nav2 a.active:after,#yw_nav3 a.active:after,#yw_nav4 a.active:after{display: none;}
	#showyw .tab .nav-tabs li a{font-size:16px;}
	#showyw .tab .nav-tabs li{width: 20%;margin: 20px 2%;float: left;}
	#showyw .tab .nav {
    width: 100%;
    height: auto;
    display: block;margin-bottom:20px;
	}
	#showyw .tab .tab-content{width:100%; padding: 20px;}
	.gsjj_com .gsjj_com_text{text-align: justify;}
}
