body {
    font-family: "Noto Sans SC",Helvetica,Arial;
    
}
ul{
	padding: 0;
	margin: 0;
}
li{
	list-style: none;
}
a:hover,a:visited,a:active,a:link{
    text-decoration: none;
}
@font-face {
    font-family: 'EuclidCircularA';
    src: url('../fonts/EuclidCircularA.woff2') format('woff2'),
         url('../fonts/EuclidCircularA.woff') format('woff'),
         url('../fonts/EuclidCircularA.ttf') format('TTF'),
         url('../fonts/EuclidCircularA.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face
{
    font-family: secondFont;
    src: url('../fonts/SourceHanSansCN-Regular.ttf'),url('../fonts/SourceHanSansCN-Regular.otf'),url('../fonts/SourceHanSansCN-Regular.eot'),url('../fonts/SourceHanSansCN-Regular.woff');
    src: url('../fonts/SourceHanSansCN-Regular.eot')format('embedded-opentype'),url('../fonts/SourceHanSansCN-Regular.ttf')format('truetype'),url('../fonts/SourceHanSansCN-Regular.otf')format('woff'),url('../fonts/SourceHanSansCN-Regular.woff');

}
h1,h2,h3,h4,p,span,em,i,a,font{
    font-family: secondFont;
}
.contain {
        width:1400px;
        margin: 0 auto;
        padding: 0;
    }
.animate, .animateall, .animateall * {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
.flex-start{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav-item>ul{
    display: flex;
    align-items: center;
}
.nav-item>.top-info{

}
.nav-item{
    height: 100%;
}
.nav-item>ul li>a{
    font-size: 1.6rem;
    padding: 0 1.3vw;
    color: #333;
    height: 4.8vw;
    display: inline-flex;
    align-items: center;
}
.nav-item>ul{
    height: 4.8vw;
}
.nav-item>ul li{
   display: flex;
   align-items: center;
   position: relative;
   z-index: 1;
}
.nav-item>ul li>.sub-menu{
    position: absolute;
    width: 200%;
    left: -50%;
    top: 100%;
    background: #fff;
    -moz-box-shadow:0px 4px 6px #C9C9C9; -webkit-box-shadow:0px 4px 6px #C9C9C9; box-shadow:0px 4px 6px #C9C9C9;
    z-index: -1000;
    visibility: hidden;
    height: 0;
    max-height: 0;
     transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    overflow: hidden;

}
.nav-item>ul li:hover .sub-menu{
    z-index: 1;
    visibility: visible;
    height: auto;
     max-height: 300px;


}
.nav-item>ul li>.sub-menu>a{
    text-align: center;
    justify-content: center;
    font-size: 1.4rem;
    padding:10px;
}
.nav-item>ul li>.sub-menu>a p{
    margin: 0;
    color: #333;
    text-align: center
}
.nav-item>ul li>.sub-menu>a i{
    display: block;
    width: 7px;
    height: 8px;
    background: url(../images/sprites.png);
    background-position: -48px 0;
    display: none;
}
.nav-item>ul li>.sub-menu>a:hover p{
    color: #fff;
}
.nav-item>ul li>.sub-menu>a:hover i{
    display: block;
    width: 7px;
    height: 8px;
    background: url(../images/sprites.png);
    background-position: -56px 0;
    display: none;
}
/*.nav-item>ul li:hover .sub-menu>a{
   -webkit-animation: animation7 0.3s ease-in-out;
    -o-animation: animation7 0.3s ease-in-out;
    -moz-animation: animation7 0.3s ease-in-out;
    animation: animation7 0.3s ease-in-out; 
}
.nav-item>ul li:hover .sub-menu>a:nth-of-type(2){
   -webkit-animation: animation7 0.5s ease-in-out;
    -o-animation: animation7 0.5s ease-in-out;
    -moz-animation: animation7 0.5s ease-in-out;
    animation: animation7 0.5s ease-in-out; 
}
.nav-item>ul li:hover .sub-menu>a:nth-of-type(3){
   -webkit-animation: animation7 0.7s ease-in-out;
    -o-animation: animation7 0.7s ease-in-out;
    -moz-animation: animation7 0.7s ease-in-out;
    animation: animation7 0.7s ease-in-out; 
}
.nav-item>ul li:hover .sub-menu>a:nth-of-type(4){
   -webkit-animation: animation7 0.9s ease-in-out;
    -o-animation: animation7 0.9s ease-in-out;
    -moz-animation: animation7 0.9s ease-in-out;
    animation: animation7 0.9s ease-in-out; 
}
.nav-item>ul li:hover .sub-menu>a:nth-of-type(5){
   -webkit-animation: animation7 1.1s ease-in-out;
    -o-animation: animation7 1.1s ease-in-out;
    -moz-animation: animation7 1.1s ease-in-out;
    animation: animation7 1.1s ease-in-out; 
}
.nav-item>ul li:hover .sub-menu>a:nth-of-type(6){
   -webkit-animation: animation7 1.3s ease-in-out;
    -o-animation: animation7 1.3s ease-in-out;
    -moz-animation: animation7 1.3s ease-in-out;
    animation: animation7 1.3s ease-in-out; 
}*/
@-webkit-keyframes animation7{
    0%{transform:translateY(10px);opacity:0;}
    100%{transform:translateY(0);opacity:1;}
}
@-o-keyframes animation7{
     0%{transform:translateY(10px);opacity:0;}
    100%{transform:translateY(0);opacity:1;}
}
@-moz-keyframes animation7{
    0%{transform:translateY(10px);opacity:0;}
    100%{transform:translateY(0);opacity:1;}
}
@keyframes animation7{
    0%{transform:translateY(10px);opacity:0;}
    100%{transform:translateY(0);opacity:1;}
}
.nav-item>ul li>.sub-menu>a:hover{
    color: #fff;
    background: #0054a3;
}
.nav-item>ul li:after{
    content: "";
    width: 0;
    height: 2px;
   background: #0054a3;
   position: absolute;
   bottom: 0;
   left: 0; 
   z-index: -1;
   transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;

}
.nav-item>ul li:hover:after{
    width: 100%;


}
.nav-item>ul li:hover>a{
    position: relative;
    transform: translateX(0px);
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   color: #333;
   text-decoration: none;
   z-index: 1;
}
.nav-item>ul li:hover>a:after{
    position: absolute;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
     background: url(../images/sprites.png) no-repeat;
    background-size: 1650%;
    background-position: 0 0;
    top: 50%;
    margin-top: -9px;
    left: 0;
    z-index: -1;
}
/*banner3*/
.banner3-item{
    width: 33.33%;
    
    height: 100vh;
    position: relative;
     transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
}
.banner3-1{
    background: url(../images/banner3-1_01.jpg) no-repeat center right;
}
.banner3-2{
    background: url(../images/banner3-1_02.jpg) no-repeat center center;
}
.banner3-3{
    background: url(../images/banner3-1_03.jpg) no-repeat center center;
}
.banner3-item.action .black-bg-txt{
    display: none;
}
.banner3-item.action{
    width: 82%;

}
.banner3-show-item{
    position: absolute;
    bottom: -50vh;
    top: 100vh;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding:1.2vw 3.6vw 4.2vw 3.6vw;
    background-color: #1371b3; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, #23a9d0 , #1371b3);
     transition: all 0.7s ease-out 0.5s;
    -webkit-transition: all 0.7s ease-out 0.5s;
    -o-transition: all 0.7s ease-out 0.5s;
    -moz-transition: all 0.7s ease-out 0.5s;
} 
.banner3-item.action .banner3-show-item{
    display: flex;
    visibility:visible;
    opacity: 1;
    bottom: 0;
    top: auto;
}
.banner3-show-item h3{
    font-size: 3.2rem;
    color: #fff;
    min-width: 200px;
    margin: 0;
    margin-right: 36px;

}
.banner3-show-item p{
    color: #fff;
    line-height: 1.8;
}
.black-bg-txt{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center;
}
.black-bg-txt p{
    color: #fff;
    font-size: 3.5rem;
    margin: 0;
}
/**/
.logo{
    height: 4.8vw;
}
.logo img{
    height: 100%;
}
.navbar-fixed-top>div{
    padding: 0 60px 0 0;
}
.navbar-fixed-top{
    background: #fff;
    -moz-box-shadow:0px 2px 10px #C9C9C9; -webkit-box-shadow:0px 2px 10px #C9C9C9; box-shadow:0px 2px 10px #C9C9C9;
}
.navbar-fixed-top .top-info{
    margin-left: 6.8vw;
}
.top-tel-area>.flex-start{
    justify-content: flex-start;
}
.top-tel-area>.flex-start:nth-of-type(3) span{
    letter-spacing: .04rem;
}
.top-info>div:nth-of-type(2) span{
    font-size: 1.4rem;
    color: #0054a3;
    font-weight: 700;
}
.top-info>div:nth-of-type(2) span font{
    font-size: 1.7rem;
    color: #0054a3;
    font-weight: 500;
}
.top-info>div:nth-of-type(2)>div{
    margin-bottom: 4px;
}
.top-info>div:nth-of-type(2)>div:nth-of-type(2){
    margin-bottom: 4px;
}
.top-info>div:nth-of-type(2) i{
    width: 18px;
    height: 20px;
    background: url(../images/sprites.png) no-repeat;
    background-size: 1650%;
    background-position: 0 -24px;
    display: block;
    margin: 0 11px 0 30px;
}
.top-info>div:nth-of-type(1){
    color: #c2c2c2;
}
.top-info>div:nth-of-type(1) a:nth-of-type(1){
    margin-right: 6px;
}
.top-info>div:nth-of-type(1) a{
    color: #c2c2c2;
    font-size: 1.4rem;
}
.top-info>div:nth-of-type(1) a:nth-of-type(2){
    margin-left: 6px;
}
.top-info>div:nth-of-type(1) a.action{
    color: #333;
}
.top-info>div:nth-of-type(1) a:hover{
    color: #333;
}

#index_body_area,#i_body{
    height: 100vh;
}
#banner{
    height: 100vh;
    z-index: 4;
}
.mouse-item {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 999;
    margin-left: -49px;
}
.mouse {
    width: 16px;
    height: 26px;
    border: 2px solid #fff;
    padding: 4px 0;
    border-radius: 8px;
    margin: 0 auto;
    position: relative;
}
.mouse:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 5px;
    top: 3px;
    left: 50%;
    margin-left: -1px;
    background: #fff;
    border-radius: 2px;
    -webkit-animation: animation1 1.5s ease-in-out infinite;
    -o-animation: animation1 1.5s ease-in-out infinite;
    -moz-animation: animation1 1.5s ease-in-out infinite;
    animation: animation1 1.5s ease-in-out infinite;
}
.mouse-item p {
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
@-webkit-keyframes animation1{
    0%{top:3px;}
    50%{top:15px;}
    100%{top:3px;}
}
@-o-keyframes animation1{
    0%{top:3px;}
    50%{top:15px;}
    100%{top:3px;}
}
@-moz-keyframes animation1{
    0%{top:3px;}
    50%{top:15px;}
    100%{top:3px;}
}
@keyframes animation1{
    0%{top:3px;}
    50%{top:15px;}
    100%{top:3px;}
}



.contain{
    padding-top: 4.8vw;
}
.banner-txt h3{
    margin-top: 20vh;
    font-size:6.6rem;
    font-weight: 700;
    color: #136bbd;
    line-height: 1.4;
}
.banner-txt h3 font{
    font-weight: 300;
}
.banner-txt a{
    font-size: 1.6rem;
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #fff;
    color: #136bbd;
    padding: 6px 20px;
    margin-top: 3vh;
}
.banner-txt a:hover{
    color: #fff;
     background: #0054a3;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0054a3, #249fd8);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0054a3, #249fd8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.banner-prev{
    background: rgba(255, 255, 255, .7);
    width: 70px;
    height: 70px;
    border-radius:50%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 80px;
}
.banner-prev i{
    display: block;
    width: 22px;
    height: 30px;
    background: url(../images/sprites.png);
    background-position: -6px -148px;
    margin-left: -5px;

}
.banner-next{
    background: rgba(255, 255, 255, .7);
    width: 70px;
    height: 70px;
    border-radius:50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 80px;
}
.banner-next i{
    display: block;
    width: 22px;
    height: 30px;
    background: url(../images/sprites.png);
    background-position: -6px -103px;
    margin-right: -5px;
}
.banner-button:hover{
    background: #0054a3;
}
.swiper-container-horizontal>.banner-pagination{
    bottom: 10px;
}
.banner-pagination .swiper-pagination-bullet{
    width: 66px;
    height: 6px;
    background:rgba(255,255,255,.7);
    border-radius: 5px;
}
.banner-pagination .swiper-pagination-bullet-active{
    background: #0054a3;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #0054a3, #249fd8);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #0054a3, #249fd8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#page01{
}
.page2-body{
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.page2-body>.gs-img{
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100vh;
    background: url(../images/gsimg_03.jpg) no-repeat center center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page2-body>.gs-img>div>div>i{
    display: block;
    width: 110px;
    height: 86px;
    background: url(../images/sprites.png);
    background-position: -0px -243px;
}
.page2-body>.gs-img>div>div>p{
    font-size: 2.4rem;
    margin-top: 12px;
    text-align: center;
    color: #fff;
}
.page2-body>.gs-img .openVideo:hover i{
    background-position: -0px -341px;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    cursor: pointer;

}
.indexbody3-item{
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 1.3s ease-out;
    -webkit-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out;
}
.indexbody3-carlist{
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 1.8s ease-out;
    -webkit-transition: all 1.8s ease-out;
    -o-transition: all 1.8s ease-out;
    -moz-transition: all 1.8s ease-out;
}
.indexbody3-carlist.active{
     -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.indexbody3-item.active{
     -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.news-img{
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 1.3s ease-out;
    -webkit-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out; 
}
.index-newslist{
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 1.8s ease-out;
    -webkit-transition: all 1.8s ease-out;
    -o-transition: all 1.8s ease-out;
    -moz-transition: all 1.8s ease-out;
}
.index-newslist.action,.news-img.action{
     -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.gs-list{
   opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 1.8s ease-out;
    -webkit-transition: all 1.8s ease-out;
    -o-transition: all 1.8s ease-out;
    -moz-transition: all 1.8s ease-out;
}
.gs-list.action{
   -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; 
}
#fwal{
   opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 1.3s ease-out;
    -webkit-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out; 
}
#fwal-txt{
   opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 1.8s ease-out;
    -webkit-transition: all 1.8s ease-out;
    -o-transition: all 1.8s ease-out;
    -moz-transition: all 1.8s ease-out;
}
#fwal-txt.action,#fwal.action{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; 
}
.page2-contain{
    width: 50%;
    padding: 16.9vh 7vw 0 0;
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    transition: all 1.3s ease-out;
    -webkit-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out;
}
.gs-img{
   -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -o-transform: translateX(80px);
    transform: translateX(80px);
    transition: all 1.8s ease-out;
    -webkit-transition: all 1.8s ease-out;
    -o-transition: all 1.8s ease-out;
    -moz-transition: all 1.8s ease-out; 
    opacity: 0;
}
.gs-img.action{
     -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.page2-contain.action{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
#page02{
    background: #fafafa;
    position: relative;
    z-index: 1;
}
.gs-tip{
    display: block;
    width: 42vw;
    height: 42vw;
    left: -16vw;
    position: absolute;
    top: -16vw;
    background: url(../images/cire.png);
    background-size: 100% 100%;
    z-index: -1;
     -webkit-animation: animation2 10.5s ease-in-out infinite;
    -o-animation: animation2 10.5s ease-in-out infinite;
    -moz-animation: animation2 10.5s ease-in-out infinite;
    animation: animation2 10.5s ease-in-out infinite;
}
@-webkit-keyframes animation2{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@-o-keyframes animation2{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@-moz-keyframes animation2{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@keyframes animation2{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
.page2-contain>p{
    color: #666666;
    font-size: 1.8rem;
}
.page2-contain>h3{
    color: #0054a3;
    line-height: 1.4;
    font-size: 3.4rem;
    font-weight: 500;
    margin: 26px 0;
}
.page2-contain>font{
    color: #666666;
    font-size: 1.8rem;
    line-height: 1.4;
    display:block;
}
.page2-contain>a{
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 150px;
    height: 40px;
}
.page2-contain>a>svg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.index-news-title a{
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 150px;
    height: 40px;
    margin-top: 5.3vh;
}
.index-news-title a>svg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    stroke-width:1;
    stroke:#ed7020;
    fill:#fafafa;
}
.index-news-title>a>div{
    position: absolute;
    z-index: 3;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.index-news-title>a>div>i{
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/sprites.png);
    background-position: -0px -194px;
    margin-left: 18px;
}
.index-news-title>a>div>font{
    color: #333;
    display: block;
}
.index-news-titlen>a svg{
    stroke-width:1;
    stroke:#ed7020;
    fill:#fafafa;
}
.index-news-title>a:hover svg{
    fill:#ed7020;
    stroke-width:1;
    stroke:#ed7020
}
.index-news-title>a:hover font{
    color: #fff;
}
.index-news-title>a:hover i{
    background-position: -19px -194px;
}
.page2-contain>a>div{
    position: absolute;
    z-index: 3;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.page2-contain>a>div>i{
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/sprites.png);
    background-position: -0px -194px;
    margin-left: 18px;
}
.page2-contain>a>div>font{
    color: #333;
    display: block;
}
.page2-contain>a svg{
    stroke-width:1;
    stroke:#ed7020;
    fill:#fafafa;
}
.page2-contain>a:hover svg{
    fill:#ed7020;
    stroke-width:1;
    stroke:#ed7020
}
.page2-contain>a:hover font{
    color: #fff;
}
.page2-contain>a:hover i{
    background-position: -19px -194px;
}
.gs-list ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gs-list li{
    width: 23%;
    background: #fff;
    -moz-box-shadow: 0px 2px 10px #C9C9C9;
    -webkit-box-shadow: 0px 2px 10px #C9C9C9;
    box-shadow: 0px 2px 10px #C9C9C9;
    padding: 40px 20px 20px;
    min-height: 150px;
    position: relative;
}
.gs-list li:after{
    position: absolute;
    content: "";
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
     background: url(../images/sprites.png);

}
.gs-list li:hover{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);

}
.gs-list li:nth-of-type(1):after{
    background-position: -110px 0px;
}
.gs-list li:nth-of-type(2):after{
    background-position: -155px 0px;
}
.gs-list li:nth-of-type(3):after{
    background-position: -195px 0px;
}
.gs-list li:nth-of-type(4):after{
    background-position: -235px 0px;
}
.gs-list{
    position: absolute;
    width: 100%;
    bottom: 10.9vh;
    z-index: 106;
    
}
.gs-list li p{
    font-size: 6.4rem;
    color: #0054a3;
    font-family: Arial;
    line-height: 1;
    margin: 0;
    line-height: 67px;
    font-weight: 500;
}
.gs-list li:nth-of-type(4) p{
    font-size: 2.4rem;
    line-height: 67px;

}
.gs-list li font{
    color: #666666;
    font-size: 1.4rem;
}
#page03{
    
    position: relative;
    height: 100vh;
}
#page03>.contain{
    position: relative;
}
.indexbody3{
    margin-top: 5vh;
}
.indexbody3>div:nth-of-type(1){
    width: 46%;
    min-width: 46%;
}
.indexbody3>div:nth-of-type(1) img{
    width: 100%;
}
.indexbody3>div:nth-of-type(2)>p{
    color: #0054a3;
    font-size: 1.8rem;
    text-align: right;

}
.indexbody3>div:nth-of-type(2)>h3{
    line-height: 1.4;
    font-size: 4.8rem;
    font-weight: 500;
    margin: 26px 0;
    color: #0054a3;
    text-align: right;
}
.indexbody3>div:nth-of-type(2)>font{
    color: #666666;
    font-size: 2rem;
    line-height: 1.4;
    text-align: right;

}
.indexbody3>div:nth-of-type(2) a svg{
    stroke-width:1;
    stroke:#ed7020;
    fill:#fafafa;
}
.indexbody3>div:nth-of-type(2) a:hover svg{
    fill:#ed7020;
    stroke-width:1;
    stroke:#ed7020
}
.indexbody3>div:nth-of-type(2) a:hover font{
    color: #fff;
}
.indexbody3>div:nth-of-type(2) a{
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 150px;
    height: 40px;
    margin-top: 5.3vh;
}
.indexbody3>div:nth-of-type(2)>div{
    text-align: right;
}
.indexbody3>div:nth-of-type(2) a>svg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.indexbody3>div:nth-of-type(2) a>div{
    position: absolute;
    z-index: 3;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.indexbody3>div:nth-of-type(2) a>div>i{
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/sprites.png);
    background-position: -0px -194px;
    margin-left: 18px;
}
.indexbody3>div:nth-of-type(2) a>div>font{
    color: #333;
    display: block;
}
.indexbody3>div:nth-of-type(2) a:hover svg{
    fill:#ed7020;
    stroke-width:1;
    stroke:#ed7020
}
.indexbody3>div:nth-of-type(2) a:hover font{
    color: #fff;
}
.indexbody3>div:nth-of-type(2) a:hover i{
    background-position: -19px -194px;
}
.indexbody3-carlist{
    position: absolute;
    bottom: 8vh;
    width: 100%;
}
.indexbody3-carlist li{
    width: 18%;
    text-align: center;
    position: relative;
    z-index: 1;
}
.indexbody3-carlist>div{
    position: relative;
}
#hengline{
    position: absolute;
    z-index: 1;
    width: 3.8vw;
    height: 3.8vw;
    top: -1vw;
    left: 1.5vw;
    background: url(../images/car-cire.png) no-repeat center center;
    display: block;
    background-size: 100% 100%;
    -webkit-animation: animation3 5.5s ease-in-out infinite;
    -o-animation: animation3 5.5s ease-in-out infinite;
    -moz-animation: animation3 5.5s ease-in-out infinite;
    animation: animation3 5.5s ease-in-out infinite;
}
@-webkit-keyframes animation3{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@-o-keyframes animation3{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@-moz-keyframes animation3{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@keyframes animation3{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
.indexbody3-carlist li{
    cursor: pointer;
}
.indexbody3-carlist li img{
    width: 60%;
}
.indexbody3-carlist li p{
    text-align: center;
    color: #999;
    font-size: 1.6rem;
}
.indexbody3-carlist>.contain{
        padding: 0;
        margin-top:-6.6vw;;
}
.indexbody3-carlist>.contain>.contain{
    padding: 0;
    position: absolute;
    z-index: 2;
}
.indexbody3{
    display: flex;
    position: absolute;
    z-index: -1;
    width: 100%;
    opacity: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
}
.indexbody3.action{
    opacity: 1;
    z-index: 5;
}
.indexbody3.action>div:nth-child(1){
   -webkit-animation: animation5 2.5s ease-in-out;
    -o-animation: animation5 2.5s ease-in-out;
    -moz-animation: animation5 2.5s ease-in-out;
    animation: animation5 2.5s ease-in-out; 
}
@-webkit-keyframes animation5{
    0%{transform:translateX(-100px);}
    100%{transform:translateX(0);}
}
@-o-keyframes animation5{
    0%{transform:translateX(-100px);}
    100%{transform:translateX(0);}
}
@-moz-keyframes animation5{
    0%{transform:translateX(-100px);}
    100%{transform:translateX(0);}
}
@keyframes animation5{
    0%{transform:translateX(-100px);}
    100%{transform:translateX(0);}
}
.indexbody3.action>div:nth-child(2){
   -webkit-animation: animation6 2.5s ease-in-out;
    -o-animation: animation6 2.5s ease-in-out;
    -moz-animation: animation6 2.5s ease-in-out;
    animation: animation6 2.5s ease-in-out; 
}
@-webkit-keyframes animation6{
    0%{transform:translateX(100px);}
    100%{transform:translateX(0);}
}
@-o-keyframes animation6{
    0%{transform:translateX(100px);}
    100%{transform:translateX(0);}
}
@-moz-keyframes animation6{
    0%{transform:translateX(100px);}
    100%{transform:translateX(0);}
}
@keyframes animation6{
    0%{transform:translateX(100px);}
    100%{transform:translateX(0);}
}
#page04{
   background: url(../images/index-4bg_09.jpg) no-repeat center center;
    height: 100vh; 
    position: relative;
}
#page04>div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cire4-body1{
    width: 20vw;
    position: absolute;
    top: 0;
    left: -25%;
    -webkit-animation: animation4 8.5s ease-in-out infinite;
    -o-animation: animation4 8.5s ease-in-out infinite;
    -moz-animation: animation4 8.5s ease-in-out infinite;
    animation: animation4 8.5s ease-in-out infinite;
}
@-webkit-keyframes animation4{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@-o-keyframes animation4{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@-moz-keyframes animation4{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@keyframes animation4{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
.cire4-body2{
    width: 180px;
    position: absolute;
    bottom: 5%;
    right: -5%;
    -webkit-animation: animation4 8.5s ease-in-out infinite;
    -o-animation: animation4 8.5s ease-in-out infinite;
    -moz-animation: animation4 85.5s ease-in-out infinite;
    animation: animation4 8.5s ease-in-out infinite;
}
.cire4-body2 img{
    width: 100%;
}
.index-page-title{
    text-align: center;
    color: #0054a3;
    line-height: 1.4;
    font-size: 4.8rem;
    font-weight: 500;
    padding-top: 26px;
}
#fwal{
    padding: 2.6vh;
    min-height: 40vh;
}
#fwal .swiper-slide p{
    display: none;
}
#fwal .swiper-slide{
    opacity: .7;
}
#fwal .swiper-slide img{
    width: 100%;
}
#fwal .swiper-slide-active{
    opacity: 1;
}
#fwal .swiper-slide-active p{
    text-align: center;
    font-size: 2.2rem;
    color: #0054a3;
    display: block;
}
.indexfW-tip{
    position: relative;
    padding-top: 0;
    margin-top: 8.3vh;
}
.indexfW-tip .indexfw{
    width: 88%;
    margin: 0 auto;
}
#fwal{
    margin-top: 8.3vh;
}
#fwal-txt p{
    font-size: 1.6rem;
    text-align: center;
    padding: 0 10px;
    color: #666666;
    cursor: pointer;
}
#fwal-txt p:hover{
    color: #0054a3;
}
#fwal-txt .swiper-slide-thumb-active p{
    color: #0054a3;
}
#fwal-txt{
    height: 57px;
}
#fwal-txt .swiper-slide{
    align-items: center;
    display: flex;
    justify-content: center;
}
.fwal-txt-prev{
    width: 57px;
    height: 57px;
    background: url(../images/sprites.png);
    background-position: -102px -56px;
    margin-top: -28px;
}
.fwal-txt-next{
    width: 57px;
    height: 57px;
    background: url(../images/sprites.png);
    background-position: -173px -56px;
    margin-top: -28px;
}
.fwal-txt-prev:hover{
    background-position: -102px -120px;
}
.fwal-txt-next:hover{
    background-position: -173px -120px;
}
#page05{
     background: url(../images/news-bg_10.jpg) no-repeat bottom center;
    height: 100vh; 
    position: relative;
}
.index-news-title h3{
    text-align: center;
    color: #0054a3;
    line-height: 1.4;
    font-size: 4.8rem;
    font-weight: 500;
    padding-top: 26px;
}
.index-news-title a{
    margin-top: 46px;
    display: flex;
}
.index-news-title a font{
    color: #333;
}
.index-news-title a i{
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/sprites.png);
    background-position: -0px -194px;
    margin-left: 18px;
}
.index-newBox{
    justify-content: flex-start;
    margin-top: 5vh;
}
.index-newBox .news-img{
    width: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.index-newBox .news-img img{
    
} 
.index-newBox .news-img p{
    width: 100%;
    background: rgba(0, 0, 0, .7);
    padding: 10px 12px;
    bottom: 0;
    left: 0;
    color: #fff;
    position: absolute;
    margin: 0;
}
.index-newslist{
    min-width: 45%;
    max-width: 45%;
    margin-left: 5%;
} 
.index-newslist li{
    border-bottom: 1px solid #ebebeb;
    padding: 2.1vh 0;
}
.index-newslist li:hover{
   padding: 2.1vh 15px;
    background: #0054a3;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #0054a3, #249fd8);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #0054a3, #249fd8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.index-newslist li a{
    display: block;
}
.index-newslist li:hover p{
    color: #fff;
}
.index-newslist li:hover font{
    color: #fff;
}
.index-newslist li p{
    font-size: 1.8rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-newslist li font{
    font-size: 1.6rem;
    color: #666666;
}
footer{
   background: url(../images/foot-bg_12.jpg) no-repeat center center;
   background-size: 100% 100%; 
   max-height: 550px;
min-height: 550px;
}
.index-video{
    width: 100% !important;
    height: 100vh !important;
    display: none;
}
.yxfw2{
    position: relative;
}
#shcn{
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -52px;
}
#shfx{
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -52px;
}
#yjfk{
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -52px;
}
.foot-left{
    min-width: 40%;
    max-width: 40%;
}
.foot-left>div>p{
    color: #fff;
    font-size: 1.8rem;
}
.foot-left>div{
    margin-bottom: 18px;
} 
.foot-left>div>div{
    justify-content: flex-start;
    margin-bottom: 4px;
} 
.foot-left>div>div font{
    color: #fff;
    font-weight: 300;
    font-size: 1.6rem;
} 
.foot-left>div>div font br{
    display: none;
}
.foot-left>div>div i{
    display: block;
    width: 24px;
    height: 22px;
    background: url(../images/sprites.png);
    background-position: -106px -196px;
    margin-right: 6px;
}
.foot-left .email-icon{
    display: block;
    width: 24px;
    height: 22px;
    background: url(../images/sprites.png);
    background-position: -140px -196px;
    margin-right: 6px;
}
.foot-left .add-icon{
    display: block;
    width: 34px;
	height: 22px;
    background: url(../images/sprites.png);
    background-position: -178px -196px;
    margin-right: 10px;
}
footer>.contain>.flex-start{
    align-items: flex-start;
    border-bottom: 1px solid #368cdc;
    padding: 50px 0 15px;
}
.longTxt{
    letter-spacing: .4px;
}
.foot-right{
    text-align: center;
    align-items: flex-start;
}
.foot-tel-icon{
    display: block;
    width: 24px;
    height: 22px;
    background: url(../images/sprites.png);
    background-position: -106px -196px;
    margin-right: 6px;
}
.foot-right>ul{
    margin-left: 65px;
}
.foot-right>ul li:nth-of-type(1){
    font-size: 1.8rem;
    color: #fff;
}
.foot-right>ul li a{
    color: #dcdcdc;
    font-size: 1.4rem;
    font-weight: 300;
}
.foot-right>ul li a:hover{
    color: #fff;
}
.foot-right>ul li{
    margin-bottom: 16px;
}
.cpy{
    padding: 20px 0 30px;
}
.cpy p{
    margin: 0;
    color: #92c7f9;
} 
.cpy p a{
   color: #92c7f9; 
}
footer>.contain{
    padding: 0;
}
.fwal-next,.fwal-prev{
    width: 33%;
    opacity: 0;
    left: auto;
}
.fwal-next{
    transform: translate3d(-19.9854px, 0px, -119.912px) rotateX(0deg) rotateY(-59.9561deg);
}
.fwal-prev{
    transform: translate3d(19.9854px, 0px, -119.912px) rotateX(0deg) rotateY(59.9561deg);

}
.fix-item{
    position: fixed;
    top: 60%;
    right: 20px;
    z-index: 99;
}
.fix-item li div{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 0 10px #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: relative;
}

.fix-item li div p{
    background: #fff;
    box-shadow: 0 0 10px #e3e3e3;
    left: -220px;
    position: absolute;
    font-size: 1.8rem;
    padding: 10px;
    border-radius: 5px;
    z-index: -1;
    opacity: 0;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    visibility:hidden;

}

.fix-item li:nth-child(1) div p{
    background: #fff;
    box-shadow: 0 0 10px #e3e3e3;
    width: 98px;
    height: 98px;
    left: -132px;
    position: absolute;
    font-size: 1.8rem;
    padding: 10px;
    border-radius: 5px;
    z-index: -1;
    opacity: 0;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    visibility:hidden;
}
.fix-item li:nth-child(3) div p{
    background: #fff;
    box-shadow: 0 0 10px #e3e3e3;
    width: 16vw;
    left: -18vw;
    position: absolute;
    font-size: 1.8rem;
    padding: 10px;
    border-radius: 5px;
    line-height: 1.6;
    z-index: -1;
    opacity: 0;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    visibility:hidden;
}
.fix-item li:nth-child(3) div p font{
    display: block;
    font-size: 1.6rem;
    line-height: 1.6;

}
.fix-item li:hover div p{
    z-index: 10;
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    visibility: visible;
}
.fix-item li div:hover{
    background: #0054a3;
    cursor: pointer;
}
.fix-item li{
    margin-bottom: 26px;
}
.fix-item li div img{
    width: 100%;
}
.fix-item li div i{
    display: block;
    width: 30px;
    height: 30px;
}
.fix-item li div .fix-top{
    background: url(../images/top.png) no-repeat;
    background-size: 100% auto;
}
.fix-item li div .fix-wx{
    background: url(../images/wx.png) no-repeat;
    background-size: 100% auto;
}
.fix-item li div .fix-email{
    background: url(../images/email-ico.png) no-repeat;
    background-size: 100% auto;
}
.fix-item li div .fix-tel{
    background: url(../images/tel-ico.png) no-repeat;
    background-size: 100% auto;
}
.fix-item li:hover div i{
    background-position: 0 -30px;
}
.ly-box{
    position: relative;
}

.item-bgimg0{
    background:url(../images/yw1.jpg) center center;
     visibility: hidden;
    z-index: -1;
    opacity: 0;
    height: 100vh;
    width: 100%;
    top: 0;
    position: absolute;
    background-size: cover;
       

}
.item-bgimg1{
    background:url(../images/yw2.jpg) center center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    height: 100vh;
    width: 100%;
    top: 0;
    position: absolute;
    background-size: cover;


}
.item-bgimg2{
    background:url(../images/yw3.jpg) center center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    height: 100vh;
    width: 100%;
    top: 0;
    position: absolute;
    background-size:cover;  

}
.item-bg>div{
    position: relative;
    height: 100vh;
    width: 100%;
}
.item-bg>div>.action{
    opacity: 1;
    visibility: visible;
    

}
.item-bg{
    width: 100%;
    height: 100vh;
    position: absolute;
    background-position: center center;
    top: 0;
    left: 0;
}

.ly-box>h3{
    font-size: 5rem;
    color: #fff;
    text-align: center;
    position: relative;
    padding-top: 8.8vw;
}
.ly-box>h3:after{
    content: "";
    width: 60px;
    height: 2px;
    background: #0054a3;
    left: 50%;
    margin-left: -30px;
    bottom: -20px;
    position: absolute;

}
.ly-box>.ly-itemBox{
    padding-top: 2.8vw;
}
.ly-item>p{
    font-size: 2.6rem;
    color: #fff;
    text-align: right;
}
.ly-item>font{
    display: block;
   font-weight: 300;
    font-size: 1.6rem;
    color: #e1e1e1;
    line-height: 1.8;
    margin-top: 1.6rem;
}

.ly-item a{
    display: inline-block;
    position: relative;
    float: right;
    z-index: 1;
    width: 150px;
    height: 40px;
    margin-top: 5.3vh;
}
.ly-item a>svg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    stroke-width:1;
    stroke:#ed7020;
    fill:#fafafa;
}
.ly-item>a>div{
    position: absolute;
    z-index: 3;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.ly-item>a>div>i{
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/sprites.png);
    background-position: -0px -194px;
    margin-left: 18px;
}
.ly-item>a>div>font{
    color: #fff;
    display: block;
}
.ly-item>a svg{
    stroke-width:1;
    stroke:#ed7020;
    fill:rgba(0, 0, 0,0);
}
.ly-item>a:hover svg{
    fill:#ed7020;
    stroke-width:1;
    stroke:#ed7020
}
.ly-item>a:hover font{
    color: #fff;
}
.ly-item>a:hover i{
    background-position: -19px -194px;
}

.ly-choose{
    position: absolute;
    bottom: 8.8vh;
    width: 100%;
    left: 0;
    z-index: 106;
}
.ly-choose .contain{
    padding: 0;
    background: rgba(255, 255, 255, .45);
}
.ly-choose .contain>div{
    width: 33.33%;
    justify-content: center;
    padding: 24px 0;
    position: relative;
    cursor: pointer;
}
.ly-choose .contain>div:after{
    content: "";
    position: absolute;
    width: 2px;
    height: 36px;
    background: #fff;
    right: 0;
    top: 50%;
    margin-top: -18px;
}
.ly-choose .contain>div:last-child:after{
    display: none;
}
.ly-choose .contain>div p{
    color: #fff;
    font-size: 2.8rem;
}
.ly-choose .contain>div:nth-of-type(1) i{
    display: block;
    width: 84px;
    height: 60px;
    margin-right: 24px;
    background: url(../images/sprites.png);
    background-position:-321px 0;
}
.ly-choose .contain>div:nth-of-type(2) i{
    display: block;
    width: 84px;
    height: 60px;
    margin-right: 24px;
    background: url(../images/sprites.png);
    background-position:-313px -72px;
}
.ly-choose .contain>div:nth-of-type(3) i{
    display: block;
    width: 84px;
    height: 60px;
    margin-right: 24px;
    background: url(../images/sprites.png);
    background-position:-321px -142px;
}
.ly-choose-item>.action{
    background: #0054a3;
}
#ly0,#ly1,#ly2{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 60px;
     
}
#ly0 p,#ly1 p,#ly2 p{
    transition: all 1.2s ease-out;
    -webkit-transition: all 1.2s ease-out;
    -o-transition: all 1.2s ease-out;
    -moz-transition: all 1.2s ease-out;
   transform: translateY(30px);    
    -webkit-transform: translateY(30px);
    -o-transform: translateY(30px);
    -moz-transform: translateY(30px);  
} 
#ly0>font,#ly1>font,#ly2>font{
    transition: all 1.7s ease-out;
    -webkit-transition: all 1.7s ease-out;
    -o-transition: all 1.7s ease-out;
    -moz-transition: all 1.7s ease-out;
    opacity: 0;
   transform: translateY(50px);    
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    -moz-transform: translateY(50px); 
    max-height: 19vh;
    display: block; 
    overflow: hidden;
}
#ly0>a,#ly1>a,#ly2>a{
    transition: all 2.5s ease-out;
    -webkit-transition: all 2.5s ease-out;
    -o-transition: all 2.5s ease-out;
    -moz-transition: all 2.5s ease-out;
    opacity: 0;
   transform: translateY(90px);    
    -webkit-transform: translateY(90px);
    -o-transform: translateY(90px);
    -moz-transform: translateY(90px);  
}  
.ly-itemBox .action {
    visibility: visible !important;
    opacity: 1 !important;
    
} 
.ly-itemBox .action p{
    transform: translateY(0px) !important;    
    -webkit-transform: translateY(0px) !important;
    -o-transform: translateY(0px) !important;
    -moz-transform: translateY(0px) !important;
}
.ly-itemBox .action>font{
    opacity: 1 !important;
    transform: translateY(0px) !important;    
    -webkit-transform: translateY(0px) !important;
    -o-transform: translateY(0px) !important;
    -moz-transform: translateY(0px) !important;
}
.ly-itemBox .action>a{
    opacity: 1 !important;
    transform: translateY(0px) !important;    
    -webkit-transform: translateY(0px) !important;
    -o-transform: translateY(0px) !important;
    -moz-transform: translateY(0px) !important;
}
.ly-itemBox{
    position: relative;
}
.ywjs-item{
    margin: 2.6vw 0 0 0;
    width: 33%;
    padding: 1.2vw 2.4vw;
    background: rgba(0, 84, 163, .8);
    height: 60vh;
}
.ywjs-item h3{
    font-size: 4.6rem;
    color: #fff;
    text-align: right;
    position: relative;
}
.ywjs-item h3:after{
    content: "";
    width: 60px;
    height: 2px;
    background: #fff;
    right: 0;
    bottom: -30px;
    position: absolute;
}
.ywjs-big{
    display: flex;
    justify-content: flex-end;
}
/*新闻页*/
.page-banner {
    width: 100%;
    height: 810px;
}
.news_banner{
    background: url(../images/news_banners_01.jpg) center center;
    position: relative;
}
.new_list_box{
    position: relative;
}
.page-fenlei{
    position: absolute;
    top: -36px;
    left: 0;
    width: 100%;
}
.page-fenlei .contain{
    background: #fff;
    padding: 0;
    -moz-box-shadow:0px 4px 6px #C9C9C9; -webkit-box-shadow:0px 4px 6px #C9C9C9; box-shadow:0px 4px 6px #C9C9C9;
}
.page-fenlei .contain a{
    text-align: center;
    font-size: 2rem;
    display: block;
    width: 50%;
    padding: 24px;
    color: #999999;
}
.page-fenlei .contain a.action{
    background: #0054a3;
    color: #fff;
}
.page-fenlei .contain a:hover{
    background: #0054a3;
    color: #fff;
}
.page-banner>p{
    font-size: 5rem;
    color: #fff;
    padding: 338px 0 0 0;
    text-align: center;
    position: relative;

}
.page-banner>p:after{
    content: "";
    width: 50px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25px;
}
.page-banner>font{
    display: block;
    position: relative;
    color: #fff;
    text-align: center;
    letter-spacing: 7px;
    font-size: 4.6rem;
    line-height: 1;
}
.page-banner>font:after{
    content: "";
    width: 50px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25px;
}
.news-list-l{
    min-width: 32%;
    max-width: 32%;
}
.news-list-l a{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.news-list-l>div{
    overflow: hidden;
display:flex;
justify-content: center;
}
.news-list li:hover img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);

}
.news-list-r{
    min-width: calc(100% - 32%);
    padding: 0 0 0 4%;
}
.news-list-r>h3{
    display: block;
    color: #333;
    font-size: 2.6rem;
}
.news-list-r>a:hover{
    color: #0054a3;
}
.news-list-r>p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;/*允许长单词或 URL 地址进行换行。*/
    white-space: normal!important;/*空白被浏览器忽略*/
    font-size: 1.8rem;
    min-height: 8.1rem;
    line-height: 1.6;
    color: #999;
    margin:2vw 0;
}
.news-list-r>.flex-start font{
    font-size: 1.8rem;
    color: #999;
}
.news-list-r>.flex-start a{
    font-size: 1.6rem;
    display: block;
    padding: 8px 24px;
    color: #0054a3;
    border-radius: 10px;
    border: 1px solid #0054a3;
}
.news-list-r>.flex-start a:hover{
    background: #0054a3;
    color: #fff;
}
.news-list li{
    margin-bottom: 45px;
}
.news-list li a{
    position: relative;
    width: 100%;
    z-index: 1;

}
.news-list li a:hover:after{
    width: 100%;
}
.news-list li a:after{
    content: "";
    width: 0;
    height: 100%;
    background-color: #1371b3;
    background-image: linear-gradient(to right, #23a9d0 , #1371b3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
}
.news-list li:hover>div{
    padding: 20px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -moz-box-shadow:0px 4px 6px #C9C9C9; -webkit-box-shadow:0px 4px 6px #C9C9C9; box-shadow:0px 4px 6px #C9C9C9;
}
.news-list li a:hover h3,.news-list li a:hover p,.news-list li a:hover font{
    color: #fff;
}
.page-pagination{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-pagination li{
    margin: 0 6px;
}
.page-pagination li a{
    border: 1px solid #999;
    color: #999;
    padding: 2px 8px;
}
.page-pagination li a:hover{
    background: #0054a3;
    border: 1px solid #0054a3;
    color: #fff;
}
.page-pagination li a.action{
    background: #0054a3;
    border: 1px solid #0054a3;
    color: #fff;
}
.page-pagination{
    padding: 25px 0 65px 0;
}
.new_con_l>h1{
    line-height: 1.4;
    font-size: 3.2rem;
    margin-top: 0;
}
.new_con_l>font{
    color: #999;
    font-size: 1.6rem;
}
.new_con_l>div{
    border-top: 1px solid #cbcbcb;
    margin-top: 15px;
    padding: 25px 0 60px 0;
}
.new_con{
    align-items: flex-start;
}
.new_con_l{
    width: calc(100% - 28%);
}
.new_con_r{
    width: 23%;
    padding: 0 0 60px 0;
}
.new_con_r>div:nth-of-type(1){
    border-bottom: 1px solid #cbcbcb;
    padding: 0 0 12px 0;
}
.new_con_r>div:nth-of-type(1) p{
    font-size: 1.8rem;
    color: #0054a3;
    margin: 0;
}
.new_con_r>div:nth-of-type(1) a{
    color: #999;
}
.new_con_r>div:nth-of-type(1) a:hover{
    color: #0054a3;
}
.new_con_r>div:nth-of-type(2) a{
    width: 100%;
    display: block;
    position: relative;
}
.hot-news{
    margin-top: 25px;
}
.hot-news>div:nth-of-type(1){
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    z-index: 10;
}
.hot-news>div p{
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 6px;
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hot-news{
    overflow: hidden;
}
.hot-news>div font{
    color: #fff;
}
.hot-news>div:nth-of-type(2){
    display: flex;
    align-items: center;
    justify-content: center;
}
.hot-news:hover>div:nth-of-type(2) img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);

}
.comeSoon{
   line-height:4.6;font-size:2.8rem;text-align:center; 
}
/*联系我们*/
.lxwm_banner{
    background: url(../images/lxwm_banner_01.jpg) center center;
}
.ditu{
    width: 74%;
    height: 926px;
    background: url(../images/map_03.jpg);
        background-position: right;
    background-size: cover;
}
.ditu_ifno{
    width: 28%;
    height: 926px;
    background: url(../images/lxwm-info-bg_04.jpg);
    background-size: 100% 100%;
    padding: 0 0 0 35px;
}
.ditu-con{
    position: relative;
    z-index: 1;
    padding: 4.8vw 0 6.8vw 0;
}
.ditu-tip{
    position: absolute;
    z-index: -1;
    right: -4.8vw;
    height: 72vh;
    top: 626px;
}
.ditu-tip img{
    height: 100%;
}
.lx-telIcon{
    display: block;
    min-width: 40px;
    height: 40px;
    background: url(../images/sprites.png);
    background-position: -424px 0;
}
.lx-emailIcon{
    display: block;
    min-width: 40px;
    height: 40px;
    background: url(../images/sprites.png);
    background-position: -424px -48px;
}
.lx-companyIcon{
    display: block;
    min-width: 40px;
    height: 40px;
    background: url(../images/sprites.png);
    background-position: -424px -94px;
}
.lx-txtIcon p{
    color: #fff;
    font-size: 1.8rem;
}
.lx-txtIcon font{
    font-size: 1.5rem;
    display: block;
    color:#ececec;
    margin-bottom: 4px;
}
.ditu_ifno>div>.flex-start{
    justify-content: flex-start;
    margin-bottom: 36px;
    
}
.ditu_ifno{
    display: flex;
    justify-content: center;
    align-items: center;
}
.ditu_ifno .lx-txtIcon{
    padding: 0 20px 0 30px;
    position: relative;
}
.ditu_ifno .lx-txtIcon:after{
    position: absolute;
    content: "";
    width: 60%;
    height: 1px;
    background: #8eabc7;
    bottom: -16px;

}
.ditu_ifno>div>.flex-start:nth-of-type(5) .lx-txtIcon:after{
    display: none;
}
/*服务案例*/
.fwal_banner{
    background: url(../images/fwal_banner_01.jpg) center center;
}
.fwalPage{
    padding: 5.6vw 0;
    background: url(../images/fwal_bg_02.png) bottom center;
}
.fwalPage-con{
    width: 1260px;
    margin:0 auto;
    background: #fff;
    padding: 0;
    position: relative;
    -moz-box-shadow:0px 4px 25px rgba(23,79,146,.1); -webkit-box-shadow:0px 4px 25px rgba(23,79,146,.1); box-shadow:0px 4px 25px rgba(23,79,146,.1);
}
.case-tip{
    position: absolute;
    z-index: -1;
    left: -5vw;
    top: 0;
}
.fwalPage-txt{
    width: 35%;
    height: 551px;
    
    position: relative;
}
.fwalPage-img{
    min-width: 65%;
    max-width: 65%;
    padding: 0 60px;
}
.fwalPage-img>div{
    width: 100%;
}
#fwalPage img{
    width: 100%;
}
#fwalPage p{
    text-align: center;
    font-size: 1.8rem;
    color: #0054a3;
    margin: 16px 0;
}
.fwalPage-txt>div{
    height: 630px;
    padding: 30px 0 70px 0;
    position: absolute;
    width: 80%;
    top: -36px;
    left: 0;
    background: #0054a3;
}
#fwalPageTxt{
    height: 100%;
}
#fwalPageTxt p{
    font-size: 1.8rem;
    color: #d2d1d1;
    cursor: pointer;
    text-align: center;
    padding: 0 10px;
    font-weight: 300;
}
#fwalPageTxt .swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
}
#fwalPageTxt .swiper-slide:hover p{
    color: #fff;
}
#fwalPageTxt .swiper-slide-thumb-active p{
    color: #fff;
}
.fwalPageprev{
    text-align: center;
}
.fwalPageNext{
    text-align: center;
}

input,img{
    outline: none
}
 
button{
    outline: none
}
.fwalPageNext button,.fwalPageprev button{
    width: 100%;
    background: none;
    border: 0;
}
/*关于我们*/
.gywm_banner{
    background: url(../images/gywm_banner_01.jpg) center center;
}
.gywm-title{
    display: flex;
    align-items: center;
    margin-bottom: 26px;

}
.gywm-title h3{
    color: #0054a3;
    font-size: 5rem;
    margin: 0;
    margin-left: 10px;
}
.gywm-title i{
    width: 43px;

}
.gywm-title i img{
    width: 100%;
}
.gywmPage-txt>div:nth-of-type(1){
    position: relative;
    cursor: pointer;
    
    min-width: 35%;
    max-width: 35%;
}
.gywmPage-txt>div:nth-of-type(1) .qysp{
    width: 70px;
    margin: 0 auto;
}
.gywmPage-txt>div:nth-of-type(1) p{
    margin-top: 8px;
    font-size: 1.6rem;
    color: #0054a3;
}
.gy-bg{
    background: url(../images/cf_03_02.jpg) no-repeat left center;
    position: relative;
    background-size: 45vw auto;
}

.gywmPage-txt .gsjj-wz{
    min-width: 52%;
    max-width: 52%;
}
.gywmPage-txt{
    padding: 60px 0 8.8vw 0;
}
.gywmPage-txt .gsjj-wz p{
    color: #666666;
    font-size: 1.3rem;
    line-height: 1.8;
    text-indent: 2em;
    margin: 0;
}
.gywm02-l{
    min-width: 50%;
    max-width: 50%;
    padding: 4.6vw 8vw 4.6vw 0;
    position: relative;
    z-index: 1;
}
.gywm02-l:after{
    content: "";
    width: 50vw;
    height: 100%;
    background: #0054a3;
    display: block;
    z-index: -1;
    top: 0;
    left: -13.1vw;
    position: absolute;
}
.gywm02-l>div>h3{
    font-size: 5rem;
    color: #fff;
    margin-bottom: 26px;
}
.gywm02-l>div>p{
    font-size: 1.6rem;
    color: #dbdbdb;
}
.js-list{
    flex-wrap: wrap;
}
.js-list li{
    width: 50%;
    margin-top: 4.8vw;
}
.js-list p{
    line-height: 1;
    color: #fff;
    font-size: 6.4rem;
}
.js-list li:nth-of-type(4) p{
    font-size: 5.2rem;
    margin-bottom: 16px;
}
.js-list font{
    color: #fff;
    font-size: 1.6rem;
}
.gywm02-item{
    position: relative;
}
.gywm02-item-02{
    width: 50vw;
    position: absolute;
    right: 0;
    top: 8vw;
}
.gywm02-item-02 img{
    width: 100%;
}
.gywm02-item-01{
    width: 36vw;
    position: absolute;
    left: 5vw;
    bottom: 0vw;
}
.gywm02-item-01 img{
    width: 100%;
}
.gywm03-item{
    background: url(../images/gywmBg_16.png) no-repeat top left;
    background-color: #ebebeb;
}
.gywm-title3 h3{
    font-size: 5rem;
    color: #0054a3;
    margin-bottom: 36px;
}
.gywm-title3 p{
    font-size: 1.8rem;
    color: #333;
    line-height: 1.8;
}
/**/
.zs-item ul {
    flex-wrap: wrap;
}
.zs-item ul li{
    width: 23%;
    margin-right: 2%;
    box-shadow: 0px 0px 10px #d0d0d0;
    margin-bottom: 50px;
    cursor: pointer;
    position: relative;
}
.zs-item ul li .zl_info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.zs-item ul li:hover .zl_info a{
    background: #0054a3;
}
.zs-item ul li .zl_info a em{
    color: #fff;
    font-size: 1.4rem;
    font-style:normal;
    display: none;
    margin-top: 6px;
    padding: 0 8px;
}
.zs-item ul li:hover .zl_info a em{
    display: block;
}
.zs-item ul li:hover .zl_info a font{
    color: #fff;
    display: block;
}
.zs-item ul li:nth-child(4n){
    margin-right: 0;
}
.zs-item ul li .zl_kuang{
    background: url(../images/zl_bg_03.jpg) no-repeat center bottom;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38vh;
    min-height: 38vh;

}
.zs-item ul li .zl_kuang div{
    width: 58%;
    position: relative;
    display: block;
    z-index: 1;
    margin-top: -4vh;
}
.zs-item ul li .zl_kuang div img{
    width: 100%;
}
.zs-item ul li .zl_kuang div:after{
    content: "";
    z-index: -1;
    width: 140%;
    height: 51px;
    background: url(../images/zl_shadow_03.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -70%;
}
.zl_info a{
    display: block;
    background: #fff;
    text-align: center;
    padding: 10px 0;
}
.zl_info a font{
    font-size: 1.6rem;
    color: #333;
}
/**/
.zs-01 li{
    margin: 0 10px 0 0;
}
.zs-01 li img{
    width: 100%;
}
.zs-01 li p{
    text-align: center;
    font-size: 1.6rem;
    color: #333;
    margin-top: 10px;
}
.zs-02 li{
    margin: 0 10px 0 0;
}
.zs-02 li img{
    width: 100%;
}
.zs-02 li p{
    text-align: center;
    font-size: 1.6rem;
    color: #333;
    margin-top: 10px;
}
.zs-01,.zs-02{
    margin-bottom: 40px;
}
.zs-item{
    padding: 35px 0 60px 0;
}
.team{
    
    padding:1.6vw  2.4vw ;
    background: url(../images/kjBg_22.jpg) no-repeat right top;
    background-color: #fff;
    box-shadow: 0px 0px 10px #d0d0d0;
}
.team h3{
    color: #0054a3;
    font-size: 5rem;
    margin: 0;
    margin-bottom: 8px;
}
.team p{
    color: #0054a3;
    font-size: 2.4rem;
}
.team font{
    color: #666666;
    font-size: 1.6rem;
    margin-top: 15px;
    display: block;
}
.team ul{
    padding: 25px 0 10px 0;
}
.team li{
    width: 23%;
    margin-right: 2%;
}
.team li:last-child{
    margin-right: 0;
}
.team-img img{
   width: 100%; 
}
.gy-bg3{
   background: url(../images/gy-bg3_08.jpg) no-repeat top center; 
}
.zw{
    margin-top: 8vw;
    padding: 0 0 60px;
}
.zw p{
    color: #0054a3;
    font-size: 2rem;
    position: relative;
}
.zw p:after{
    content: "“";
    position: absolute;
    top: -10vw;
    left: 0;
    font-size: 24rem;
    color: #0054a3;
    font-family: Helvetica;
}
.video-con{
    display: none;
}
#yuanqushipin {
    width: 46vw;
    height: 26vw;
    position: absolute;
    z-index: 10002;
    top: 50%;
    left: 0%;
    margin-top: -13vw;
    margin-left: 0;
    
}
.video-area2{
    display: none;
}
.video-area{
    position: relative;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vdo-bg{
        position:fixed;
        z-index: 10001;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.5);
    }
/*产品*/
.pd-nav{
    position: fixed;
    top: 9vh;
    z-index: 20;
    background: rgba(0, 0, 0, .35);
    text-align: center;
    width: 100%;
    padding: 16px ;
}
.pd-nav a{
    margin: 0 36px ;
    font-size: 1.6rem;
    line-height: 2.2;
    color: #fff;
    position: relative;
}
.pd-nav a:after{
    content: "";
    width: 0;
    height: 2px;
    background: #0054a3;
    position: absolute;
    bottom: -6px;
    left: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
.pd-nav a:hover:after{
    width: 100%;
}
.pd-nav a.action{
    color: #0054a3;
}
.pd-nav a.action:after{
    width: 100%;
}
.pd-bg{
    background: url(../images/pd1-bg_01.jpg) no-repeat bottom center;
    height:84.5vh;
    padding: 8.8vw 0 0;
    background-size: 100% 100%;
}
.pd-ban-txt h3{
   color: #0054a3;
   font-size: 5rem; 
   text-align: right;
   margin-top: 3.6vw;
}
.pd-ban-txt p{
   color: #0054a3;
   font-size: 2.5rem; 
   text-align: right;
   font-weight: 300;
   text-transform: uppercase;
}
.pd-ban-txt font{
    display: block;
    color: #0054a3;
   font-size: 3.6rem; 
   text-align: right;
   font-weight: 700;
   margin-top: 2.4vw;
}
.pd-ban{
    align-items: flex-start;
}
.gray-bg{
    background: #ececec;
}
.gray-bg .contain{
    padding: 36px 0;
}
.gray-bg a{
    width: 25%;
}
.gray-bg>a>img{
    width: 100%;
    margin: 0 auto;
    display: block;
}
.gray-bg a p{
    text-align: center;
    width: 60%;
    margin: 0 auto;
    border: 1px solid #0054a3;
    border-radius: 20px;
    font-size: 1.6rem;
    color: #333;
    line-height: 1.8;
    margin-top: 8px;
}
.pd-choose{
    justify-content: flex-start;
	flex-wrap:wrap;
}
.pd-choose a:hover p{
    background: #0054a3;
    color: #fff;
}
.pd-choose a img{
    width: 100%;
}
.pd-bg2{
    background: url(../images/pd2-bg_01.jpg) no-repeat top center;
}
.pd-bg3{
    background: url(../images/pd3-bg_01.jpg) no-repeat top center;
    overflow: hidden;
    height: auto;
}
.pd-bg3 .contain{
    padding: 0;
}
.form-tip{
    padding: 0 0 0 130px;
    font-size: 1.8rem;
    font-weight: 700;
}
.zl-txt{
    text-align: right;
    padding: 35px 0 60px 0;
}
.zl-txt p{
    width: 60%;
    color: #333333;
    font-size: 1.8rem;
    position: relative;
    margin: 0;
    padding: 20px 0 20px 20px;
    z-index: 1;
    display: inline-block;
    text-align: left;
}
.zl-txt p:after{
    position: absolute;
    top: 0;
    width: 60vw;
    background: rgba(255,255, 255, .5);
    content: "";
    bottom: 0;
    left: 0;
}
.pd-ban-txt>div{
    text-align: right;
    margin-top: 2.2vw
}
.pd-ban-txt>div span{
    font-size: 2rem;
    border-bottom: 1px solid #0054a3;
    color: #0054a3;
    display: inline-block;
}
.pd-ban-txt>div font{
    width: 50%;
    font-size: 1.6rem;
    color: #666666;
    margin-top: 0;
    font-weight: 400;
    text-align: left;
    display: inline-block;
    margin-top: 15px;
}
.pd-ban-txt h1{
   color: #0054a3;
   font-size: 5rem; 
   text-align: right;
   margin-top: 2.2vw;
}
.pd-img-list{
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 12px 0 0;
}
.pd-img-list li{
    width: 24%;
    margin-right: 1%;
    margin-bottom: 2%;

}
.pd-img-list li>a>img{
    width: 100%;
}
.pd-img-list li:nth-child(4n){
    margin-right: 0;
}
.pd-img-list li a{
    width: 100%;
    display: block;
}
.gray-bg .pd-img-item:nth-child(1){
    position: relative;
    z-index: 1;
}
.gray-bg .pd-img-item:nth-child(2){
    position: relative;
    z-index: 2;
}
.pd-img-item h3{
    display: inline-block;
    font-size: 2.6rem;
    border-bottom: 2px solid #0054a3;
    color: #0054a3;
    padding: 0 0 8px 0;
}
.pd-cs{
    background: url(../images/cs-bg_02.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.pd-cs video{
    width: 560px;
}
.pd-cs .contain{
    padding: 45px 0;
}
.pd-cs>div>div:nth-child(1){
    width: 60%;
}
.pd-cs h3{
    display: inline-block;
    font-size: 2.6rem;
    border-bottom: 2px solid #0054a3;
    color: #0054a3;
    padding: 0 0 8px 0;
}
.pd-cs .bannermob{
    display: none;
}
.cs-detail{
    width: 40%;
    margin-top: 12px;
}
.cs-detail>div{
    border-bottom: 1px solid #cecece;
}
.cs-detail>div>p{
    color: #666;
    margin: 0;
    padding: 10px 0;
}
.cs-detail>div>p:nth-child(1){
    width: 60%;
}
.cs-detail>div>p:nth-child(2){
    width: 40%;
}
.pd-ys{
    position: relative;
    /*background: #ececec;*/
    background: url(../images/line.jpg) center;
    background-repeat: repeat-y;
}
.pd-ys-right{
    position: relative;
    /*background: #ececec;*/
    background: url(../images/line2.jpg) center;
    background-repeat: repeat-y;
}
.pd-ys h3{
    display: inline-block;
    font-size: 2.6rem;
    border-bottom: 2px solid #0054a3;
    color: #0054a3;
    padding: 0 0 8px 0;
}
.pd-ys .flex-start{
    flex-wrap: wrap;
    align-items: center;
}
.pd-ys .flex-start>div{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.pd-ys .flex-start>div>div{
    width: 100%;
    margin-right: 8%;
    margin-top: 42px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.pd-ys .flex-start>div>div>div:nth-child(1){
    margin-right: 14px;
    max-width: 30px
}
.pd-ys .flex-start>div>div>div:nth-child(1) img{
    width: 30px;
}
.pd-ys .flex-start>div>div .yes{
    display: none;
}
.pd-ys .flex-start>div>div:nth-child(1){
    margin-top: 0;
}
.pd-ys .flex-start>div>div:nth-child(2n){
    margin-right: 0;
}
.pd-ys .flex-start>div>div:hover p{
    color: #ed7020;
}
.pd-ys .flex-start>div>div:hover .no{
    display: none;
}
.pd-ys .flex-start>div>div:hover .yes{
    display: block;
}
.pd-ys .flex-start div>p{
    position: relative;
    font-size: 1.8rem;
    color: #333;
    
    font-weight: 700;
}
.pd-ys .flex-start>div:nth-child(1){
    width: 46%;
}
.pd-ys .flex-start>div:nth-child(2){
    width: 50%;
}


.tx-bg{
    width: 50%;
}
.tx-bg img{
    width: 100%;
}
.txHeight-right{
    text-align: right;
}
.pd-ys .flex-start>.txHeight-right>div{
    margin-right: 0;
    margin-left: 8%;
}
.pd-ys .flex-start>.txHeight-right>div{
    flex-direction: row-reverse;
}
.pd-ys .flex-start>.txHeight-right>div>div:nth-child(1){
    margin-left: 14px;
}
.pd-ys-right .flex-start div>p{
     position: relative;
    font-size: 1.8rem;
    color: #333;
    
    font-weight: 700;
}

.pd-ys .flex-start div>font{
    color: #666666;
    font-size: 1.4rem;
    display: block;
}
.pd-ys .contain{
    padding: 50px 0; 
}
.pd-ban-txt .pd-color{
    margin-top: 20px;
    text-align: right;
}
.pd-ban-txt .pd-color p{
    font-size: 2rem;
    color: #0054a3;
    font-weight: 500;
    display: inline-block;
}
.pd-ban-txt .pd-color ul{
    justify-content: flex-end;
    margin-top: 12px;
    transform: skew(-25deg);
    -webkit-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    -moz-transform: skew(-25deg);

}
.pd-ban-txt .pd-color ul li{
   width: 40px;
    height: 20px; 
    margin-left: 15px;
    cursor: pointer;
}
.pd-ban-txt .pd-color ul li.action{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -moz-transform: scale(1.3);

}
.pd-ban-txt .pd-color ul li:nth-child(1){
    
    background: #e0b60d;
}
.pd-ban-txt .pd-color ul li:nth-child(2){
    
    background: #eeeeef;
}
.pd-ban-txt .pd-color ul li:nth-child(3){
    
    background: #cf292e;
}
.pd-ban-txt .pd-color ul li:nth-child(4){
    
    background: #207ec2;

}
/*营销模式*/
.yxms_banner{
    background: url(../images/fk-bg_01.jpg) no-repeat left center;
    margin-top: 4vw;
}
.yxms_banner>div{
    height: 100%;
    
    text-align: right;
}
.yxms_banner>div p{
    font-size: 3.2rem;
    color: #fff;
    margin: 45px 0 0 0;
}
.yxms_banner>div font{
    font-size: 3.4rem;
    display: block;
    color: #fff;
    margin: 22px 0;
    padding: 8px 12px;
    background: #0054a3;
    display: inline-block;
    border-radius: 5px;
}
.yxms_banner>div span{
    font-size: 2rem;
    display: block;
    color: #fff;
    margin-top: 324px;
    text-align: center;
}
.yxfw1{
    position: relative;
}
.yxfw1 h3{
        display: inline-block;
    font-size: 2.6rem;
    border-bottom: 2px solid #0054a3;
    color: #0054a3;
    padding: 0 0 8px 0;
    margin-bottom: 36px;
}
.yxfw1 .contain{
    padding: 60px 0;
    position: relative;
    z-index: 1;
}
.services li i{
    display: block;
    width: 50%;
}
.services li:nth-child(2n){
    flex-direction:row-reverse;
}
.services li p{
    width: 50%;
    padding: 36px;
    color: #333;
    font-size: 1.6rem;
    line-height: 1.8;
}
.yxfw1 .contain>div:nth-of-type(2){
    position: absolute;
    right: -10%;
    top: 5%;
    z-index: -1;
    width: 10vw;
}
.yxfw1 .contain>div:nth-of-type(2) img{
    width: 100%;
}
.video-list li{
    width: 32%;
    margin-right: 2%;
}
.video-list li:last-child{
    margin-right: 0;
}
.video-list li video{
    width: 100%;
}
.yxfw2 h3{
        display: inline-block;
    font-size: 2.6rem;
    border-bottom: 2px solid #0054a3;
    color: #0054a3;
    padding: 0 0 8px 0;
    margin-bottom: 36px;
}
.yxfw2{
    background: url(../images/videoList-bg_19.jpg) no-repeat center center;
}
.yxfw2 .contain{
    padding: 60px 0 100px;
    position: relative;
    z-index: 1;
}
#Sdc + label{ 
    display: block;
width: 9.8vw;
line-height: 2.4;
text-align: center;
color: #999999;
font-size: 1.4rem;
border: 1px solid #999;
border-radius: 20px;
font-weight: 400;
margin-right: 36px;
cursor: pointer;
}
#Sdc:checked + label{
background-color: #1371b3; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, #23a9d0 , #1371b3);
    border: 1px solid rgba(0, 0, 0, 0);
    color: #fff;
}
#Ggc + label{ 
    display: block;
width: 9.8vw;
line-height: 2.4;
text-align: center;
color: #999999;
font-size: 1.4rem;
border: 1px solid #999;
border-radius: 20px;
font-weight: 400;
cursor: pointer;
margin-right: 36px;
}
#Ggc:checked + label{
background-color: #1371b3; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, #23a9d0 , #1371b3);
    border: 1px solid rgba(0, 0, 0, 0);
    color: #fff;
}
#qt + label{ 
    display: block;
width: 9.8vw;
line-height: 2.4;
text-align: center;
color: #999999;
font-size: 1.4rem;
border: 1px solid #999;
border-radius: 20px;
font-weight: 400;
cursor: pointer;

}
#qt:checked + label{
background-color: #1371b3; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, #23a9d0 , #1371b3);
    border: 1px solid rgba(0, 0, 0, 0);
    color: #fff;
}
.fkyj{
    justify-content: flex-start;
    width: 100%;
    position: relative;
}
.formTip{
    position: absolute;
    
    padding: 4px 0;
    bottom: -28px;
    left: 0;
    display: flex;
    align-items: center;
    display: none;
}
.formTip i{
    width: 16px;
    height: 16px;
}
.formTip i img{
    width: 100%;
    vertical-align: top;
}
.fkyj-item .formTip p{
    font-size: 1.3rem;
    color: rgb(238, 83, 83);
    margin-left: 10px;
}
.formTip3{
    position: absolute;
    
    padding: 4px 0;
    bottom: -28px;
    left: 0;
    display: flex;
    align-items: center;
    display: none;
}
.formTip3 i{
    width: 16px;
    height: 16px;
}
.formTip3 i img{
    width: 100%;
    vertical-align: top;
}
.fkyj-item .formTip3 p{
    font-size: 1.3rem;
    color: rgb(238, 83, 83);
    margin-left: 10px;
}
.formTip2{

    position: absolute;
    padding: 4px 0;
    bottom: -24px;
    left: 0;
    display: flex;
    align-items: center;
    display: none;

}
.formTip2 i{
    width: 16px;
    height: 16px;
}
.formTip2 i img{
    width: 100%;
    vertical-align: top;
}
.feedbox{
    width: 100%;
    position: relative;
}
.fkyj-item .formTip2 p{
    font-size: 1.3rem;
    color: rgb(238, 83, 83);
    margin-left: 10px;
}
.fkyj-item{
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 26px;
}
.fkyj-item p{
    font-size: 1.5rem;
    color: #333;
    min-width: 135px;
    margin: 0;
}
.wt-50{
    width: 50%;
    padding: 0 30px 0 0;
}
.wt-50 input{
    width:100%;
    padding: 10px 12px;
    font-size: 1.4rem;
    border: 1px solid #none;
    font-family: "Noto Sans SC",Helvetica,Arial;
}
.wt-50:nth-of-type(2){
    padding: 0;
}
.wt-50 .lxr{
    letter-spacing: 6px;
}

.fkyj-item textarea{
    width:100%;
    padding: 10px 12px;
    font-size: 1.4rem;
    resize: none;
    height: 180px;
    font-family: "Noto Sans SC",Helvetica,Arial;
    text-indent: 0;
}
.sumbitBtn{
    display: block;
width: 9.8vw;
line-height: 2.4;
text-align: center;
margin: 90px auto 0;
color: #999999;
font-size: 1.6rem;
border-radius: 5px;
font-weight: 400;
background-color: #1371b3; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, #23a9d0 , #1371b3);
    border: none;
    color: #fff;
    letter-spacing: 2px;
}
.mob-nav,#mobShow{
    display: none;
}
#pcShow{
    display: block;
}
.pcNews{
    display: flex;
}
.mobNews{
    display: none;
}
.title-hide{
    display: none;
}
.bannermob{
    display: none;
}
.index-news-title .bannermob{
        display: none;
    }
.pcpdList{
        display: block;
    }
    .mobpdList{
        display: none;
    }
    .mob-black-bg{
        display: none;
    }
@media (max-width: 1600px){
    .contain {
        width:1400px;
        margin: 0 auto;
        padding: 4.8vw 0 0 0;
    }
}
@media (max-width: 1400px){
    .contain {
        width: 78%;
        margin: 0 auto;
        padding: 4.8vw 0 0 0;
    }
}
@media (max-width: 1300px){
    .contain {
        width: 86%;
        margin: 0 auto;
padding: 4.8vw 0 0 0;
        
    }
}


@media (max-width: 1024px){
    .contain {
        width: 100%;
        margin: 0 auto;
        padding:1.6rem 1.2rem !important;
    }
    .nav-item,.banner-next,.banner-prev,.fix-item,.ditu-tip,.foot-right,.mob-hide{
        display: none;
    }
    .navbar-fixed-top>div{
        padding: 0;
    }
    .logo{
        height: 5rem;
    }
    #page01 .swiper-slide{
        height: 30vh;
    }
    #index_body_area,.page2-body,#page03,#page04,#page05{
        height: auto;
    }

    #i_body{
        height: auto;
        margin-top: 5rem;
    }
    .page-banner{
        height: 30vh;
    }
    .page-banner>p{
        padding: 13vh 0 0 0;
        font-size: 2.4rem;
    }
    .lxwm_banner{
        background-size: auto 100%;
    }
    .page-banner>font {
        font-size: 1.8rem;
    } 
    .ditu-con>.flex-start{
        flex-wrap: wrap;
    }
    #ditu{
        width: 100%;
        height: 40vh;
    }
    .ditu_ifno{
        display: none;
    }
    footer{
        width: 100%;

    }
    .foot-left{
        min-width: 100%;
        max-width: 100%;
    }
    footer>.contain>.flex-start{
        padding: 2.4rem 0 1.2rem 0;
    }
    .cpy{
        padding: 1.2rem 0;
    }
    .foot-left>div>div font br{
        display: block;
    }
    .menu-btn {
          display: block;
          width: 24px;
          height: 25px;
          z-index: 101;
          margin-right: 20px;
      }
      .menu-btn span {
          display: block;
          width: 24px;
          height: 3px;
          background: #225e9e;
          cursor: pointer;
          border-radius: 3px;
          margin-left: 0;
          margin-bottom: 7px;
      }
      .menu-btn .span1-1 {
          -webkit-animation: span1-1 .5s alternate;
          -moz-animation: span1-1 .5s alternate;
          animation: span1-1 .5s alternate;
      }
      .menu-btn .span1{

          -webkit-animation: span1 .5s alternate;
    -moz-animation: span1 .5s alternate;
              animation: span1 .5s alternate;
          -webkit-transform: translateY(7px) rotateZ(45deg);
          -moz-transform: translateY(7px) rotateZ(45deg);
          transform: translateY(7px) rotateZ(45deg);
      }
      .menu-btn .span3{
 
       -webkit-animation: span3 .5s alternate;
          -moz-animation: span3 .5s alternate;
          animation: span3 .5s alternate;
          -webkit-transform: translateY(-3px) rotateZ(-45deg);
          -moz-transform: translateY(-3px) rotateZ(-45deg);
          transform: translateY(-3px) rotateZ(-45deg);
      }
      .menu-btn .span3-1{
       -webkit-animation: span3-1 .5s alternate;
          -moz-animation: span3-1 .5s alternate;
          animation: span3-1 .5s alternate;

      }
      .menu-btn .span1-1{
       -webkit-animation: span1-1 .5s alternate;
          -moz-animation: span1-1 .5s alternate;
          animation: span1-1 .5s alternate;

      }
      @keyframes span1-1{
      0% {
          transform: translateY(7px) rotateZ(45deg);
      }
      10% {
          transform: translateY(7px);
      }
      70% {
          transform: translateY(-3px);
      }
      100% {
          transform: translateY(0px) rotateZ(0deg);
          background: #000;
      }
      }
      @keyframes span3-1{
            0% {
                transform: translateY(-7px) rotateZ(-45deg);
            }
            10% {
                transform: translateY(-7px);
            }
            70% {
                transform: translateY(3px);
            }
            100% {
                transform: translateY(0px) rotateZ(0deg);
                background: #000;
            }
      }
      @keyframes span1{
            0% {
                transform: translateY(0px) rotateZ(0deg);
            }
            10% {
                transform: translateY(-3px);
            }
            70% {
                transform: translateY(7px);
            }
            100% {
                transform: translateY(7px) rotateZ(45deg);
                background: #225e9e;
            }
      }
      @keyframes span3{
            0% {
                transform: translateY(0px) rotateZ(0deg);
            }
            10% {
                transform: translateY(3px);
            }
            70% {
                transform: translateY(-3px);
            }
            100% {
                transform: translateY(-3px) rotateZ(-45deg);
                background: #225e9e;
            }
      }
      .mob-nav{
        display: block;
        position: fixed;
        top: 5rem;
        left: 0;
        width: 100%;
        background: #fff;
       
        z-index: 15;
        overflow: hidden;
        transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    max-height: 0;
    }
    .moblist i{
        display: block;
        width: 7px;
        height: 8px;
        background: url(../images/sprites.png);
        background-position: -48px 0;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -4px;
    }
    .firstlist{
        position: relative;
    }
    .mob-nav .firstlist>a {
        display: block;
        width: 100%;
        height: 48px;
        line-height: 48px;
        white-space: nowrap;
        display: block;
        font-weight: 700;
        border-bottom: 1px solid rgba(0, 0, 0, 0.09);
        color: #333;
        font-weight: normal;
        font-size: 1.6rem;
    }
    .secondlist {
        padding: 0 1.2rem;
        background: #f7f9fa;
        max-height: 0;
        height: 0;
        overflow: hidden;
    }
    .secondlist a {
        height: 48px;
        line-height: 48px;
        color: #333;
        display: block;
        width: 100%;
    }
    .secondlist.active{
        max-height: 30vh;
        height: auto;
    }

    .mob-nav.open{
        max-height: 80vh;
        padding: 0 1.2rem 1.6rem 1.2rem;
        z-index: 9999;
    }
    .page-fenlei .contain a{
        font-size: 1.6rem;
        padding: .6rem 0;
    }
    .news_banner{
        background-size: auto 100%;
    }
    .page-fenlei{
        position: static;
        
    }
    .page-fenlei .contain{
        box-shadow: none;
    }
    .news-list-l{
        min-width: 50%;
        max-width: 50%;
    }
    .news-list-r>a{
        font-size: 1.6rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
            white-space: normal!important;
    }
    .news-list-r>.flex-start a{
        display: none;
    }
    .news-list-r>p{
        font-size: 1.4rem;
        min-height: 2.8rem;
        -webkit-line-clamp: 2;
    }
    .news-list-r>.flex-start font{
        font-size: 1.2rem;
    }
    .news-list-r{
        width: calc(100% - 48%);
        min-width: calc(100% - 48%)
    }
	 .news-list-r{
        min-width: 48%;
        width: 48%;

    }
    .news-list li:hover>div{
        padding: 0px;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -moz-box-shadow:0px 4px 6px #C9C9C9; -webkit-box-shadow:0px 4px 6px #C9C9C9; box-shadow:0px 4px 6px #C9C9C9;
    }
    .news-list li{
        margin-bottom: 1.8rem;
    }
    .new_con{
        flex-wrap: wrap;
    }
    .new_con_l{
        width: 100%;
    }
    .new_con_l>h1{
        font-size: 1.8rem;
    }
    .new_con_l>font{
        font-size: 1.4rem;
    }
    .new_con_r{
        width: 100%;
        padding: 0 0 2.6rem 0;
    }
    .new_con_r>div:nth-of-type(2){
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .new_con_r>div:nth-of-type(2) a{
        width: 48%;
        margin-right: 2%;
    }
    .hot-news>div font{
        display: none;
    }
    .yxms_banner{
        background-size: auto 100%;
        margin-top: 5rem;
    }
    .page-banner{
        margin-top: 5rem;
    }
    .yxms_banner>div font{
        font-size: 1.8rem;
        margin-bottom: 1.2rem;
    }
    .yxms_banner>div p{
        font-size: 2.4rem;
        width: 100%;
        text-align: right;
        display: flex;
        justify-content: flex-end;
    }
    .yxms_banner>div p img{
        width: 60%;
    }
    .yxms_banner>div span{
        display: block;
        width: 80%;
        margin: 9vh auto;
    }
    .yxms_banner>div span img{
        width: 100%;
    }
    .yxfw1 h3{
        font-size: 1.8rem;
        margin-bottom: 2.2rem;
    }
    .services .flex-start{
        flex-wrap: wrap;
    }
    .services li i{
        width: 100%;
    }
    .services li i img{
        width: 100%;
    }
    .services li p{
        font-size: 1.4rem;
        width: 100%;
        padding: 1.2rem 0 1.2rem;
        margin: 0;
        text-align: justify;
    }
    .video-list{
        flex-wrap: wrap;
    }
    .video-list li{
        width: 48%;
        margin-bottom: 1.6rem;
    }
    .yxfw2 h3{
        font-size: 1.8rem;
        margin-bottom: 2.2rem;
    }
    .fkyj-item{
        flex-wrap: wrap;
        margin-bottom: 2.2rem;
    }
    .fkyj-item p{
        font-size: 1.4rem;
        margin-bottom: 0.8rem;
    }
    .fkyj-item .formTip2 p{
        margin-bottom: 0;
    }
    .fkyj-item .formTip2{
        bottom: -26px;
    left: 0;
    right: auto;
    top: auto;
    }
    .fkyj-item .formTip p{
        margin-bottom: 0;

    }
    .fkyj-item .formTip3 p{
        margin-bottom: 0;
    }
    .fkyj{
        flex-wrap: wrap;
    }
    #Sdc + label,#Ggc + label,#qt + label{
        width: 48%;
    display: block;
    margin-right: 2%;
    }
    .wt-50{
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
        margin-bottom: 2.8rem;
    }
    .wt-50:nth-of-type(2){
        margin-bottom: 1.2rem;
    }
    .sumbitBtn{
        width: 50vw;
        margin: 2.2rem auto 2.6rem;
    }
    .fwal_banner{
         background-size: auto 100%;
    }
    .fwalPage-con{
        flex-wrap: wrap;
        padding: 3.6rem 1.2rem !important;
    }
    .fwalPage{
        padding: 0;
    }
    .case-tip{
        display: none;
    }
    .fwalPage-img{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 0 ;
    }
    .fwalPage-txt{
        width: 100%;
        position: static;
    }
    .fwalPage-txt>div{
        position: static;
        height: 40vh;
        width: 100%;
       padding: 10px 0;     
    }
    .fwalPageprev,.fwalPageNext{
        display: none;

    }
    #fwalPageTxt .swiper-slide{
    }
    #fwalPage .swiper-slide{
        -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: .6;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    }
    #fwalPage .swiper-slide-active{
        -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
    }
    #fwalPage p{
        font-size: 1.4rem;
        margin: .8rem;
    }
    #pcShow{
        display: none;
    }
    #mobShow{
        display: block;
    }
    #mobShow .flex-start{
        flex-wrap: wrap;
    }
    .mob-case{
        width: 100%;
    }
    .mob-case p{
        text-align: center;
        margin-bottom: 1.8rem;
        margin-top: .6rem;
    }
    .mob-case img{
        width: 100%;    
    }
    .imgShowWin img{
        width: 100%;
        min-height: auto !important;
        max-height: 100vh !important;

    }
    .ditu{
        width: 100%;
        height: 40vh;
        background-size: cover;
    }
    .mob-show{
        display: block;
        top: auto;
        bottom: 5%;
    }
    .mob-black-bg{
        position: fixed;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .4);
        z-index: 99999;
    }
    .mob-black-bg>div{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 1.2rem ;
        margin-bottom: 16px;

    }
    .mob-black-bg>div a{
        display: block;
        border-radius: 5px;
        background: #fff;
        text-align: center;
        padding: 6px 0;
        color: #333;
        border-bottom: 1px solid #999;
        font-size: 1.6rem;
    }
    .mob-tip{
            position: fixed;
            bottom: 5%;
            right: 20px;
            z-index: 99;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            box-shadow: 0 0 10px #e3e3e3;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff;
    }
    
    .mob-tip i{
            display: block;
        width: 30px;
        height: 30px;
        background: url(../images/tel-ico.png) no-repeat;
        background-size: 100% auto;
    }
    .yxms_banner{
        background: url(../images/fk-bg_01.jpg) no-repeat center center;
        background-size: auto 100%;
    }
    .form-tip{
        padding: 0;
    }
    .news-list-r>h3{
        font-size: 1.6rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
            white-space: normal!important;
            margin: 0;
            line-height: 1.6;
    }
    .pd-nav{
        top: 4rem;
        display: flex;
    }
    .pd-nav a{
        width: 33.33%;
        margin: 0;
        word-break: break-word;
    }
    .gray-bg a{
        width: 50%;
    }
    .pd-choose{
        flex-wrap: wrap;
    }
    .pd-bg{
        height: auto;
    }
    .pd-ban{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .pd-ban-txt{
        width: 100%;
        text-align: right;
    }
    .pd-ban-txt h3{
        font-size: 2.4rem;
        margin-top: 8rem;
    }
    .pd-ban-txt p{
        font-size: 1.6rem;
    }
    .pd-ban-txt font{
        font-size: 1.6rem;
    }
    #pdImg{
        width: 100%;
    }
    .gray-bg a p{
        font-size: 1.4rem;
    }
    .pd-ban-txt h1{
        font-size: 2.4rem;
        margin-top: 8rem;
    }
    .pd-ban-txt>div font{
        width: 80%;
        font-size: 1.4rem;
    }
    .pd-img-list li{
        width: 49%;
    }
    .pd-img-item h3,.pd-cs h3{
        font-size: 2rem;
    }
	.pd-cs .bannermob{
        display: inline-block;
    }
    .cs-detail{
        width: 100%;
    }
    .detail-item{
        flex-wrap: wrap;
    }
    .detail-item video{
        width: 100%;
        margin-top: 1.8rem;
    }
    .pd-ys>div>.flex-start{
        flex-wrap: wrap;
    }
    .pd-ys .flex-start>div:nth-child(1){
        width: 100%;
    }
    .pd-ys{
        background: #fff;
    }
    .pd-ys .flex-start>div:nth-child(2){
        width: 100%;
        
    }
    .tx-bg{
        margin-top: 1.8rem;
    }
    .pd-ys-right{
        background: #eee;
    }
    .pd-ys-right .flex-start{
        flex-direction: column-reverse;
    }
    .pd-ys-right .flex-start>.txHeight-right>div{
        flex-direction: row;
    }
    .pd-ys-right .flex-start>.txHeight-right>div{
        margin-left: 0;
    }
    .pd-ys-right .txHeight-right{
        text-align: left;
    }
    .pd-ys h3{
        font-size: 2rem;
        margin-bottom: 1.8rem;
    }
    .zl-img{
        width: 100%;
    }
    .zl-img img{
        width: 100%;
    }
    .zl-txt p{
        width: 80%;
        font-size: 1.6rem;
    }
    .zl-txt p:after{
        width: 80vw;
    }
    .gywm_banner{
        background-size: cover;
    }
    .gywmPage-txt{
        flex-wrap: wrap;
        flex-direction: column-reverse;
        padding: 0;
    }
    .gywmPage-txt>div:nth-of-type(2){
        width: 100%;
        max-width: 100%;
    }
    .gywm-title i{
        width: 24px;
    }
    .gywm-title h3{
        font-size: 2.4rem;
    }
    .gywmPage-txt>div:nth-of-type(2) p{
        font-size: 1.4rem;
        text-align: justify;

    }
    .gywm-title{
        margin-bottom: 1.6rem;
    }
    .gy-bg {
        background: url(../images/cf_03_02.jpg) no-repeat bottom center;
        position: relative;
        background-size: 100vw auto;
    }
    .gywmPage-txt>div:nth-of-type(1){
        padding: 11vh 0;
    }
   #yuanqushipin{
        width: 100vw;
        margin-left:0;
        height: auto;
        bottom: 0;
        top:auto;
    }
    .gywm-title3 h3{
        font-size: 2.4rem;
        margin-bottom: 1.6rem;
    }
    .zs-item ul li{
        width: 48%;
        margin-bottom: 1.6rem;
    }
    .zs-item{
        padding: 0;
    }
    .zs-item ul li .zl_kuang{
        height: 32vh;
        min-height: 32vh;
        max-height: 32vh;
    }
    .zs-item ul li .zl_kuang div:after{
        bottom: -38px;
    }
    .zl_info a font{
        font-size: 1.4rem;
    }
    .zs-item ul li:nth-child(4n){
        margin-right: 2%;
    }
    .team h3{
        font-size: 2.4rem;
    }
    .team p{
        font-size: 1.8rem;
    }
    .team ul{
        padding: 0;
        flex-wrap: wrap;
    }
    .team li{
        width: 48%;
        margin-bottom: 0.8rem;
    }
    .team li:last-child{
        margin-right: 2%;
    }
    .team{
        padding: 1.6rem;
    }
    .zw{
        width: 100%;
    }
    .zw img{
        width: 100%;
    }
    .bannerPc{
        display: none;
    }
    #banner{
        height: 30vh;
    }
    .banner_img1{
        background-size: auto 100%!important;
    }
    .mouse-item{
        display: none;
    }
    .page2-contain{
        width: 100%;
    }
    .gs-list{
        position: static;
    }
    .page2-body .gs-img {
        width: 50%;
        position: absolute;
        top: 0;
        right: 0;
        height: 100vh;
        background: url(../images/gsimg_03.jpg) no-repeat center center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page2-body .gs-img{
        width: 100%;
        position: static;
        height: 30vh;
        background-size: cover;
    }
    .page2-body .gs-img div div i {
        display: block;
        width: 110px;
        height: 86px;
        background: url(../images/sprites.png);
        background-position: -0px -243px;
    }
    .page2-body .gs-img div div p {
        font-size: 2.4rem;
        margin-top: 12px;
        text-align: center;
        color: #fff;
    }
    .page2-contain{
        padding: 0;
    }
    .page2-contain>h3{
        font-size: 2.2rem;
    }
    .gs-list ul{
        flex-wrap: wrap;
        margin-top: 1.6rem;
    }
    .gs-list li{
        width: 48%;
        margin-bottom: 1.6rem;
        padding: 10px 8px;
        min-height: auto;
    }
    .gs-list li:nth-of-type(4) p{
        font-size: 2.4rem;
    }
    .gs-list li font {
        font-size: 1.4rem;
    }
    .index-video{
        height: 100% !important;
    }

    .page2-body .page2-contain .gs-img div div i{
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        margin-top: 15px;
    }
    .page2-body .gs-img div div p{
        font-size: 1.6rem;
        margin-top: -15px;
    } 
    .gs-list .contain{
        padding: 0rem !important;
    }
    .ly-choose{
        position: static;
        background: #f5f5f5;
    }
    .ly-choose .contain{
        padding: 0!important;
    }
    .ly-choose .contain>div{
        display: block;
        padding: .6rem 0 0;
        background: #999;
    }
    .ly-choose .contain>div p{
        font-size: 1.6rem;
        text-align: center;
        padding: 0 4px;
    }
    .ly-choose .contain>div i{
        margin: 0 auto;
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
    }
    .ywjs-item{
        margin-top: 0;
    }
    .ywjs-big{
        padding: 0!important;
    }
    .ly-choose-item>.action{
        background: #0054a3 !important;
    }
    .item-bgimg1{
        background-size: cover;
        height: 50vh;

    }
    .gs-list li p{
        font-size: 4.8rem;
    }
    .item-bgimg2{
        background-size: cover;
        height: 50vh;

    }
    .cire4-body1 img{
        width: 100%;
    }
    .ly-box{
        padding: 30px;
    }
    .item-bg>div{
        height: 60vh;
    }
    .item-bgimg0{
        height: 60vh;
    }
    .item-bg{
        height: 60vh;
    }
    .ywjs-item{
        height: 50vh;
        width: 100%;
        background: rgba(0, 84, 163,.8)
    }
    .cire4-body2{
        display: none;
    }
    .item-bg{
        
    }
    .ly-itemBox{
        position: static;
    }
    #ly0, #ly1, #ly2{
        height: auto;
        left: 50%;
        width: 70vw;
        margin-left: -35vw;
        top: 46px;
    }
    .ywjs-item h3{
        font-size: 2.4rem;
        display: none;
    }
    .ly-item>font{
        font-size: 1.4rem;
    }
    #page04>div{
        position: static;
    }
    .index-page-title{
        font-size: 2.6rem;
        padding-top: 0;
    }
    #fwal{
        margin-top: 3vh;
        min-height:auto;
    }
    #fwal .swiper-slide-active p{
        font-size: 1.4rem;
    }
    .indexfW-tip{
        display: none;
    }
    .index-news-title h3{
        font-size: 2.6rem;
        margin: 0;
        padding: 0;
    }
    .pcNews{
        display: none;
    }
    .mobNews{
        display: block;
        padding: 1.6rem 0!important;
    }
    #page05{
        background-size: 100%;
    }
    .mobNews li{
        border-bottom: 1px solid #ebebeb;
        padding: 0 0 1.6rem;
    }
    .mobNews li:last-child{
        border-bottom: 0;
    }    
    .title-hide{
        display: block;
    }
    footer{
        min-height: auto;
        max-height: 100vh;
    }
    .pcpdList{
        display: none;
    }
    .mobpdList{
        display: block;
    }
    .mobpdList img{
        width: 100%;
    }
    .banner-pagination .swiper-pagination-bullet{
        width: 24px;
    }
    .bannermob{
        display: block;
    }
    .pchide{
        display: none;
    }
    .foot-left>div>p{
        font-size: 1.6rem;
    }
    .foot-left>div>div font{
        font-size: 1.4rem;
		margin-left: 2px;
    }
    .cpy p{
        font-size: 1.4rem;
    }
    .news-list-r{
        min-width: 48%;
        width: 48%;

    }
    .news-list-r{
        padding: 0 0 0 2%;
    }
    #fwal .swiper-slide-active{
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -o-transform: scale(1.4);
        z-index: 50;
    }
    #fwal .swiper-slide-active p{
        transform: scale(.6);
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -o-transform: scale(.6);
    }
    .page2-body .pchide{
        display: none;
    }
    .index-news-title .pchide{
        display: none;
    }
    .index-news-title a{
        margin-top: 0;
    }
    .index-news-title{
        justify-content: center;
    }
    #page05 .mobNews{
        padding: 1.6rem 0 0 0 !important;
    }
    .pd-ys .flex-start div>p{
        font-size: 1.5rem;
    }
    .pd-ys .flex-start div>font{
        font-size: 1.3rem;
        line-height: 1.5;
    }
    .pd-ys .flex-start>div>div{
        margin-top: 2rem;
    }
    .pd-ys .flex-start>div>div>div:nth-child(1){
        margin-top: 0;
    }
    .index-news-title .bannermob{
        display: block;
    }
    #detailImg .swiper-slide {
        width: 60%;
    }
    .gs-list li:nth-of-type(4) p{
        line-height: 1.4;
    }
    .gs-list li{
        min-height: 128px;
    }
    .ly-choose .contain>div{
        min-height: 18.5vh;
    }
    #ly0>font, #ly1>font, #ly2>font{
        max-height: 21vh;
    }
    .pd-nav a{
        line-height: 1.4;
    }
    .gray-bg a p{
        width: 90%;
    }
.content img{
width:100% !important;height:auto !important;
}
.content video{
    width:100% !important;height:auto !important;
}
.content p{
    text-align: justify;
    
}
#fwalPage .fwal-next,#fwalPage .fwal-prev{
        width: 15%;
    height: 60%;
    margin-top: -62px;
    opacity: 0;
}
.servicesTxt{
display:none;
}
.gray-bg .pd-img-item:nth-child(2){
    margin-right: -1.2rem;
}
.fwal-next{
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);
    right: 0;
}
.fwal-prev{
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);
    left: 0;

}
.cs-detail>div{
    display: block;
    padding: 8px 0 0;
}
.cs-detail>div>p{
    padding: 0;
}
.cs-detail>div>p:nth-child(2) {
    width: 100%;
    padding: 8px 0;
}
}