﻿
i, em {
    font-style: normal;
}

/*轮显*/


.container .banner .lzpic1,
.container .banner .lzpic2 {
  height: 400px;
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}


.banner{ width: 100%; overflow:hidden; position:relative;   }
.banner .swiper-container{/* width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;left: 0; right: 0;bottom: 0;*/}
.banner .lzpic1,
.banner .lzpic2 { width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;transition:all 0.3s;}
.banner .text{ max-width: 1520px; width: 100%; position: absolute; left: 50%; top: 49%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; color: #fff; /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=45, Color=#989898)"; text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#989898);*/ padding: 0 20px; }
.banner .text .tit{ line-height:1.2; margin-bottom:3%; overflow:hidden;}
.banner .text .small{ width:160px; border:1px solid rgba(137,137,137,1.0); text-align:center; height:58px; line-height:56px;font-size: 17px; border-radius:10px; margin-top:4%;transition:all 0.3s; font-weight:normal;}
.banner .text .small span{ padding-left:14px; font-family:"宋体";}
.banner .text .small:hover{ background:#897365;}
.banner .text .desc{ margin-bottom:15px; overflow:hidden; font-weight:normal; text-transform:uppercase; line-height:1.6; font-size:16px;}
 
.yanse{ color: #fff; }
.yanse1{ color: #333; }
.yanse2{ color: #fff; }



.banner .swiper-pagination { transform: translate(-50%, 0%); left:50%; text-align:right;width: 85%;bottom: 40px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.banner .swiper-pagination.gao {bottom: 380px;}
.banner .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 30px;  color:#fff;  text-align:center; background:#999;opacity: 1; margin: 0 4px; border-radius:50%;transition:all 0.3s; position:relative;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background:#1a77b6; }
.banner .swiper-pagination .swiper-pagination-bullet:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;line-height:30px; text-align:center; color:#fff;font-size:15px;}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(1):after{ content:"1";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(2):after{ content:"2";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(3):after{ content:"3";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(4):after{ content:"4";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(5):after{ content:"5";}
.lzpic1 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
/*.banner:hover .lzpic1{transform:scale(1.05, 1.05);}*/
.lzpic2 { display: none;}
.lzpic2 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.banner .anim-1,.banner .anim-4{filter:alpha(opacity=0);opacity:0; }
.banner .swiper-slide-active .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.2s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.2s;}
.banner .swiper-slide-active .anim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.8s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.8s;
}


.gywm{
	padding-top: 130px;
	padding-bottom: 100px;
	background: url(../images/gywm_02.png) center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.gywmdv{
	width: 85%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.gywmdvleft{
	width: 50%;
}
.gywmdvleft img{
	display: block;
	max-width: 100%;
	margin-bottom: 25px;
}
.gywmdvleft h1{
	color: #ffffff;
	font-size: 30px;
	margin-bottom: 15px;
}
.gywmdvleft p{
	color: #fefefe;
	font-size: 16px;
}
.gywmdvright{
	width: 50%;
}
.gywmdvright h1{
	color: #ffffff;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
}
.gywmdvright p{
	width: 80%;
	line-height: 30px;
	font-size: 15px;
	color: #ffffff;
}
.gywmdvright a{
	display: flex;
	width: 200px;
	height: 50px;
	border: 1px solid #fff;
	line-height: 50px;
	justify-content: center;
	margin-top: 50px;
	color: #ffffff;
	font-size: 14px;
}
.gywmdvright a iconpark-icon{
	font-size: 20px;
	margin-left: 20px;
}
.jyff{
	width: 85%;
	margin: 0 auto;
	margin-top: 85px;
}
.jyff ul{
	display: flex;
	justify-content: space-between;
}
.jyff ul li{
	padding: 3%;
	background-color: #dfe2e6;
	display: flex;
	justify-content: space-between;
}
.jyff ul li div h1{
	color: #333333;
	font-size: 36px;
	font-family: "Montserrat";
	font-weight: bold;
	margin-bottom: 10px;
}
.jyff ul li div h2{
	color: #4c4c4c;
	font-size: 18px;
	margin-bottom: 30px;
}
.jyff ul li div p{
	color: #666666;
	font-size: 14px;
	line-height: 30px;
}
.jyff ul li section{
	margin-left: 5%;
}
.jyff ul li:nth-child(2){
	background-color: #ebedf0;
}
.jyff ul li:nth-child(3){
	background-color: #ffffff;
}



/*关于我们*/

@media screen and (max-width: 1400px) {
/*轮显*/
.main .banner .swiper-button-prev{ margin-left:0px;}
.main .banner .swiper-button-next{ margin-right:0px;}
/*关于我们*/
.i_about_one{ margin-top:70px; padding-bottom:70px; margin-bottom:80px;}
.i_about_one .p{ margin-top:20px;}
.i_about_two{ margin-top:6%; margin-bottom:7%;}
.i_about_two .i_about_two_l .p{ margin-top:50px;}
.i_about_two .i_about_two_l .p p{ margin-bottom:20px;}
.i_about_two .i_about_two_l .a{ margin-top:80px;}
.i_about_two .i_about_two_r{ padding-top:150px;}
.i_about_two .i_about_z{ font-size:200px; right:-50px;}


}
@media screen and (max-width: 1300px) {

}
@media screen and (max-width: 1200px) {
/*关于我们*/
.i_about_one{ margin-top:50px; padding-bottom:50px; margin-bottom:60px;}
.i_about_one .p{ margin-top:15px;}
.i_about_two .i_about_two_l .h3{ line-height:30px;}
.i_about_two .i_about_two_l .p{ margin-top:30px;}
.i_about_two .i_about_two_l .p p{ margin-bottom:15px;}
.i_about_two .i_about_two_l .a{ margin-top:50px;}
.i_about_two .i_about_two_r{ padding-top:130px;}
.i_about_two .i_about_z{ font-size:170px; right:-40px;}
}

@media screen and (max-width: 1100px) {
/*轮显*/
.lzpic2{display: block;}
.lzpic1{display: none;}
/*.banner .swiper-container{ position:static;}*/
.banner .swiper-pagination { bottom:25px;}
.banner .swiper-pagination .swiper-pagination-bullet {margin: 0 4px;}
/*.banner .text { display:none;}*/
.main .banner .down1 { bottom:55px;}
}

@media screen and (max-width: 960px) {
/*轮显*/
.banner .text .small{ width:140px; height:48px; line-height:46px;}
.banner .text .desc{ font-size:15px; margin-bottom:10px;}
 

.gywm{
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
}
.gywmdv{
    width: 95%;
    display: block;
}
.gywmdvleft{
    width: 100%;
}
.gywmdvleft img{
    width: 15%;
    margin: 0 auto;
}
.gywmdvleft h1{
    font-size: 24px;
    margin-top: 10px;
    text-align: center;
}
.gywmdvleft p{
    font-size: 14px;
    text-align: center;
}
.gywmdvright{
    width: 100%;
    margin-top: 10px;
}
.gywmdvright h1{
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
}
.gywmdvright p{
    width: 100%;
}
.gywmdvright a{
    margin: 0 auto;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
}

.jyff{
    width: 95%;
    margin-top: 15px;
}
.jyff ul{
    display: block;
}
.jyff ul li section img{
    width: 60px;
}
.jyff ul li div h2{
    margin-bottom: 15px;
}
.innews{
    padding: 20px 0px;
}
.innewsdv{
    width: 95%;
}
.yylybt{
    display: block;
}
.yylybt h1{
    font-size: 22px;
    text-align: center;
}
.yylybt p{
    font-size: 14px;
    text-align: center;
}
.yylybt a{
    width: 50%;
    display: none;
}
.jyff ul li div p {
    color: #666666;
    font-size: 13px;
    line-height: 18px;
}








/*服务*/
.i_service ul li .txts .h4{ font-size:18px;}
/*新闻*/
.i_news ul li .imgs{ margin-right:20px;}
}

@media screen and (max-width: 780px) {
/*轮显*/
.banner .swiper-pagination { bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 4px;}
.banner .text .desc{ font-size:14px;}
.main .banner .down1 { bottom:50px; display:none;}
/*服务*/
.i_service ul li .txts .h4{ font-size:16px;}
.i_service ul li .txts .p{ font-size:13px;}
/*新闻*/
.i_news ul li{ padding-top:15px; padding-bottom:15px;}
}
@media screen and (max-width: 640px) {
/*关于我们*/
.i_about_one .p{ font-size:15px; line-height:24px;}
.i_about_two .i_about_two_l .h4{ line-height:26px;}
.i_about_two .i_about_two_l .h3{ line-height:26px;}
.i_about_two .i_about_two_l .p{ font-size:13px; line-height:24px;}
.i_about_two .i_about_two_l .p p{ margin-bottom:1.5%;}
.i_about_two .i_about_two_l .a{ font-size:13px; height:46px; line-height:46px; padding-left:30px; padding-right:20px;}
.i_about_two .i_about_two_l .a:before{ width:46px;}
/*服务*/
.i_service ul li .txts{ margin-top:-36px;}
.i_service ul li .txts .h4{ font-size:15px; line-height:24px; height:24px;}
.i_service ul li .txts .p{ font-size:12px; line-height:22px; height:44px;-webkit-line-clamp: 2; margin-top:5px;}
/*新闻*/
.i_news ul li .imgs{ width:200px; margin-right:15px;}
.i_news ul li .txts .h4{ margin-top:30px; font-size:16px;}
.i_news ul li .txts .p{ font-size:13px;}
.i_more{ font-size:13px; height:46px; line-height:46px; padding-left:30px; padding-right:20px;}
.i_more:before{ width:46px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.banner .swiper-pagination { bottom:13px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 4px; width:24px; height:24px;}
.banner .swiper-pagination .swiper-pagination-bullet:after{ line-height:24px; font-size:14px;}
.banner .text .small{ width:130px; height:38px; line-height:36px; margin-top:30px;}
.banner .text .desc{ font-size:13px; margin-bottom:8px;}
.main .banner .down1 { bottom:45px;}
.main .banner .down1 span{ padding-left:24px;}
/*关于我们*/
.i_about_one .p{ font-size:14px;}
/*服务*/
.i_service ul li .txts .h4{ font-size:14px;}
.i_service ul li .txts .p{ line-height:20px; height:60px;-webkit-line-clamp: 3;}
/*新闻*/
.i_news ul li{ background:none; padding-right:0; padding-top:12px; padding-bottom:12px;}
.i_news ul li:hover{ background:none;}
.i_news ul li .imgs{ width:160px; margin-right:12px;}
.i_news ul li .txts .h4{ margin-top:12px; font-size:14px; height:30px; line-height:30px;}
.i_news ul li .txts .p{ font-size:12px; margin-top:3px;-webkit-line-clamp: 2; line-height:20px; height:40px;}
}


@media screen and (max-width: 420px) {
/*轮显*/
.banner .text .small{ width:120px; height:34px; line-height:32px; font-size:13px;}
.banner .text .desc{ font-size:12px;}
/*关于我们*/
.i_about_one .p{ font-size:13px; line-height:22px;}
}
 
@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}






.banner .advice {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner .advice-tit {
    line-height: 1;
    color: #FFFFFF;
    width: 100%;
}

.banner .advice-ftit {
    line-height: 1.2;
    color: #eeeeee;
    margin-top: 13px;
}






.adviceone .advice-box{
    max-width:900px;
    text-align: left;
    margin-left: 0px;
}
.adviceone .advice-box .advice-ftit{
    margin-top: 20px;
    margin-bottom: 25px;
    color: #ffffff;
}
.banner .advice.advicetwo,.banner .advice.adviceone,.banner .advice.advicethree{
    top: 55%;
}

.advicetwo .advice-box{
    max-width:820px;
    text-align: left;
    margin-left: 0px;
}
.advicetwo .advice-box .advice-tit span{
    color: #F2CB13;
}
.advicetwo .advice-box .advice-tit{
    line-height: 1.2;
}
.advicetwo .advice-box .advice-desc{
    margin-top: 9px;
}
 
.advicethree .advice-box{
    max-width: 700px;
    text-align: left;
}
.advicethree .advice-box .advice-tit{
    color: #19191b;
    line-height: 1.4
}
.advicethree .advice-box .advice-ftit {
    color:#191919;
}
.advicethree .advice-box .advice-ftit span{
    color: #009de0;
}
.advicethree .advice-box .advice-desc{
    color: #5b5b5c;
    margin-top: 25px;
}



}
@media only screen and (max-width: 1440px) {
    .adviceone .advice-box{
        margin-right: 4%;
    }
}
@media only screen and (max-width: 1366px) {
    .adviceone .advice-box{
        margin-right: 0;
    }
}
@media only screen and (max-width: 1280px) {
    .advicethree .advice-box{
        max-width:550px;
    }
    .advicethree .advice-box .advice-ftit{
        line-height:1.4;
    }
}
@media only screen and (max-width: 1200px) {
    .adviceone .advice-box{
        margin-right: 0;
    }
    .adviceone .advice-box{
        max-width: 585px;
    }

    .advicethree .advice-box {
        max-width: 445px;
    }
    .adviceone .advice-box .advice-ftit {
        margin-top: 18px;
        margin-bottom: 13px;
    }
    .advicethree .advice-box .advice-desc{
        margin-top: 15px;
    }
    .advicetwo .advice-box{
        max-width: 490px;
    }
    .banner .advice.advicetwo{
        top: 47%;
    }
}
@media only screen and (max-width: 960px) {
    .advicethree .advice-box{
        margin-left: 0;
    }
    .advicetwo .advice-box{
        margin-left: 0;
    }
    .adviceone .advice-box {
        max-width: 466px;
    }
    .advicethree .advice-box {
        max-width: 481px;
    }
}
@media only screen and (max-width: 768px) {


    .banner .advice.advicetwo,.banner .advice.adviceone,.banner .advice.advicethree{
        top: 45%;
    }
	.banner .advice-tit{
        font-size: 18px;
    }
    .banner .advice-ftit{
        margin-top: 8px;
        font-size: 16px;
    }
  
    .advice-box .advice-desc{
        display: none;
    }
    .adviceone .advice-box .advice-ftit{
        margin-bottom: 0;
        margin-top: 10px;
    }
    .advicethree .advice-box {
        max-width: 61%;
    }
    
    .adviceone .advice-box {
        max-width: 85%;
    }
    .advicetwo .advice-box{
        margin-left: 5%;
    }
    
}
