*{margin: 0;padding: 0;}
html, body{position: relative;height: 100%;font-size: 14px;}
i,em{font-style: normal;}
li{list-style: none;}
html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
/*-----------------------------------------------------------------------------------------------------------------------*/
.swiper-slide-1{position: relative; background:url(../images/index/home1.jpg) no-repeat;background-size: 100% 100%;}
.swiper-slide-1 .tit1{ width:100%; position:absolute; bottom:5rem;}
.swiper-slide-1 .tit1 img{ display:block; width:100%;}
.swiper-slide-active .tit1,.swiper-slide-active .tit3,.swiper-slide-active .tit5{
	opacity: 1;
	-webkit-animation-name:bounceInLeft;
	animation-name: bounceInLeft;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;}

.swiper-slide-2{position: relative; background:url(../images/index/home2.jpg) no-repeat;background-size: 100% 100%;}
.swiper-slide-2 .tit2{ width:100%; position:absolute; top:7.5rem;}
.swiper-slide-2 .tit2 img{ display:block; width:100%;}
.swiper-slide-active .tit2,.swiper-slide-active .tit4{
	opacity: 1;
	-webkit-animation-name:bounceInRight;
	animation-name: bounceInRight;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;}
	
.swiper-slide-3{ position:relative; background:url(../images/index/home3.jpg) no-repeat;background-size: 100% 100%;}
.swiper-slide-3 .tit3{ width:100%; position:absolute; bottom:5rem;}
.swiper-slide-3 .tit3 img{ display:block; width:100%;}
/*开屏秀结束*/

.case h5 em b {
    display: block;
    height: auto;
    float: left;
    width: 62%;
    display: block;
    white-space: normal;
    line-height:4rem;
    font-size: 1.4rem;
    padding-top: 0.6rem;
    font-weight: normal;
}
.case h5 em b.cr {
    display: block;
    height: auto;
    float: left;
    width: 62%;
    display: block;
    white-space: normal;
    line-height: 2rem;
    font-size: 1.4rem;
    padding-top: 0.6rem;
    font-weight: normal;
}

/*首页样式开始*/
.home_banner img{ display:block; width:100%;}

.tit{ text-align:center; font-weight:bold; font-size:2.1rem; color:#2a2a2a;} 
.tit em{ display:block; font-size:1.2rem; color:#666; font-weight:normal;}

.fen{ margin:2.2rem 0;}
.fen p{ width:90.625%; margin:1.4rem auto 0; overflow:hidden; border:1px solid #ccc; border-bottom:0; box-sizing:border-box;}
.fen p a{ display:block; width:50%; padding-left:5%; padding-top:6%; padding-right:10%; height:5.2rem; float:left;  font-size:0.9rem; font-weight:bold; color:#164891; border-right:1px solid #ccc;border-bottom:1px solid #ccc; box-sizing:border-box; background:url(../images/index/pro_jt.png) no-repeat 90% center; background-size:1.35rem 1.35rem;}
.fen p a:nth-child(3){ line-height:1.5rem; height:5.2rem; padding:1rem 13% 0 5%;}
.fen p a:nth-child(2n){ border-right:0;}
.pro,.case{ position:relative; width:90.625%; margin:0 auto; padding-bottom:3rem; overflow:hidden;}
.pro h5,.case h5{ display:block; width:100%;}
.pro h5 img,.case h5 img{display:block; width:100%;}
.pro h5 em{ display:block; height:3rem; overflow:hidden; background:#6e6e6e; color:#fff; font-size:1rem; line-height:3rem; padding-left:4%;text-overflow:ellipsis;white-space:nowrap;}

.g-par{ background:#eaeaea; padding:2.5rem 0;}
.g-par h2{ text-align:center; font-size:2rem; font-weight:bold; color:#1248a1;}
.g-par h2 em{ display:block; color:#333;}
.g-par p img{ display:block; width:100%;}
.g-par p{ width:90.625%; margin:1rem auto 0;}

.g-case{ margin:2.5rem 0;}
.g-case p{ text-align:center; font-size:1.2rem; color:#333; margin-bottom:1.3rem;}
.g-case p a{width:33.33%; float:left; margin:1.6rem 0 0 0; border-right:1px solid #efefef; box-sizing:border-box; color:#333;}
.g-case p a:nth-child(3n){ border:0;}
.g-case p em{ display:block; width:29.1%; margin:0 auto;}
.g-case p em img{ display:block; width:100%;}
.case h5 em{display:block; height:5rem; overflow:hidden; background:#164891; color:#fff; font-size:1.2rem; line-height:5rem; padding:0 2% 0 4%;text-overflow:ellipsis;white-space:nowrap;}
.case h5 em i{display:block; width:20%; float:right; background:url(../images/index/case_arr.png) no-repeat right center; background-size:0.65rem 0.9rem;font-size: 2rem;}

.ys{ width:90.625%; margin:1.2rem auto 0; overflow:hidden; position:relative; padding-bottom:3rem;}
.ys dt img{ display:block; width:100%;}
.ys dd h3{ font-size:1.85rem; font-weight:bold; color:#063b8f; margin:1rem 0;}
.ys dd h3 em{ display:block; font-size:1.1rem; font-weight:normal;}
.ys dd p{ font-size:1rem; line-height:1.8rem; color:#666;}

.g-new{ padding:2.5rem 0; background:#eee; margin:2.5rem 0 0;}
.g-new dl{ width:90.625%; margin:0 auto; border-bottom:1px solid #d5d5d5; padding:1rem 0;}
.g-new dt{ width:24%; height:2.2rem; border-radius:1.3rem; background:#063b8f; color:#fff; float:left; margin-top:0.5rem; font-size:1.1rem; text-align:center; line-height:2.2rem;}
.g-new dd{ width:72.4%; float:right;}
.g-new dd em{ display:block; font-size:1rem; font-weight:bold; color:#666;}
.g-new dd h3{ font-size:1rem; color:#333; line-height:2.4rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-new dl:nth-child(2) dt{ background:#333;}
.g-new dl:nth-child(3){ border:0;}
.g-new dl:nth-child(3) dt{ background:#dfdfdf; color:#333;}
.g-new h5{ text-align:center; font-size:1.1rem; color:#164891; text-decoration:underline; margin-top:0.8rem;}


/*首页样式结束*/



html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}

.fen p a:nth-child(1),.fen p a:nth-child(2) {
    padding-top: 4.6%;
}

.fen p a:nth-child(3), .fen p a:nth-child(4) {
    line-height: 1.5rem;
    height: 5.2rem;
    padding: 6% 3% 0 5%;
}