body {font-size: 16px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#0064BC;}
*{ margin:0; padding:0;}
a {text-decoration:none;color: #444B51;}
a:hover {text-decoration: none; color:#2061A0; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer{width:100%;background:url(bg.jpg) no-repeat top; }
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}
.tt{ display: block; }
.container{ width:1200px; margin:0 auto;}

.banner{ width:100%; height:500px; }
.banner .banner1{ padding: 30px 0 0 60px; }

.icon_1{ text-align: center; width: 100%; margin-bottom: 40px;}

.mores{ width: 200px; height: 44px; line-height: 44px; margin: 0 auto; }
.mores a{background: #11A3A0;width: 200px; height: 44px; text-align: center; color: #fff; display: block; border-radius: 22px;}

.nav_1{ width: 1200px;height:670px; margin:0 auto 60px auto; border-radius: 20px;}
.nav_1 dl{ width: 1200px;height: 670px; position:relative;border-radius: 20px; overflow: hidden;}
.nav_1 dl img{width: 1200px;height: 670px; z-index:1; position:absolute; top:0; border-radius: 20px;}
.nav_1 dl dt{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);width:1160px; padding:20px 20px 35px 20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; text-align: center; }




.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ width:45px; height:3px;filter: alpha(opacity=100); opacity: 1.0;background:#fff;border-radius: 0;}
.focusBox1 .swiper-pagination-bullet-active{background:rgba(255, 255, 255, 0.5);}
.focusBox1 .swiper-pagination-bullets{ }



.nav_2{width: 1200px;margin:0 auto 60px auto; }


.items{ width: 280px; height: 370px; float: left; border-radius:15px; overflow: hidden; background: #fff; margin: 0 20px 40px 0;}
.nav_2 .items:nth-child(4n){ margin: 0 0 40px 0; }

.items .t_tl{ width: 240px; height: 24px; padding: 15px 20px; color: #fff; background:#2141F4 ; display: block; line-height: 24px; }
.items .t_tl i{ background: url(items_1.png) no-repeat 0 center; font-style: normal; padding-left: 30px; }
.items .t_tl span{ float: right; border: 1px solid #97A7FF; height: 22px; line-height: 22px; width: 40px; text-align: center; color: #97A7FF; border-radius: 3px; }
.items img{ width: 100%; height: 160px;  margin-bottom: 5px; }
.items .tl{ font-size: 18px;padding: 0 15px; line-height: 20px; max-height: 40px; overflow: hidden;  }
.items .ttt{ font-size: 12px; color: #999;  margin-bottom: 10px; padding: 0 15px;  }
.items .r_btn{ width: 160px; height: 44px; line-height: 44px; color: #fff; margin: auto;}
.items .r_btn a{ background: #FE413B; display: block; color: #fff; text-align: center; border-radius: 22px; box-shadow: #FE413B 0 4px 5px; }

.nav_3{ width: 1200px;margin:0 auto; padding-bottom: 60px; border-radius: 20px;}
.nav_3 dl{ width: 590px;height: 330px; position:relative;border-radius: 20px; overflow: hidden;float: left; margin-bottom: 30px;}
.nav_3 dl:nth-child(2n){ float: right; }

.nav_3 dl img{width: 590px;height: 330px; z-index:1; position:absolute; top:0; border-radius: 20px;}
.nav_3 dl dt{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);width:550px; padding:20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; }
.nav_3 dl i{ background: url(plbg.png) no-repeat center; width: 33px; height: 21px; display: block; position: absolute; z-index: 1; top: 20px; left: 20px; }

.nav_4{ width: 1140px; padding: 30px 30px 10px 30px; margin: 0 auto 60px auto; border-radius: 20px; background: #fff; }
.nav_4 dl{ float: left; width: 510px; height: 100px; padding: 20px; background: #F5F5F5; overflow: hidden; margin-bottom: 25px;}
.nav_4 dl:nth-child(2n){ float: right; }
.nav_4 dl img{ width: 180px; height: 100px; float: left; }
.nav_4 dl dt{ width: 310px; height: 70px; float: right; }
.nav_4 dl i{ width: 310px; float: right; color: #999; font-size: 14px; font-style: normal; }


.bottombg{ width:100%; height:auto; text-align: center;}
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}

.fieimg{position: fixed;right: 100px;bottom: 150px;z-index:10;}
.fieimg img{display: block;width: 64px;}

@media only screen and (max-width: 540px){
body { background-image:none; font-size:1em; line-height:1.4em; }
.fieimg{position: fixed;right: 10px;bottom: 150px;}
.fieimg img{display: block;width: 34px;}  
.allcontainer{ max-width: 540px; margin: 0 auto;background-image:none; }
.container{ width:100%; padding:0;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ width:100%; height:auto; background:none; position: relative;}
.banner1{ position: absolute; left: 20%; top: 28%; width: 30%;  }

.icon_1{width:70%; margin:0 auto 3% auto;}

.nav_1{ width:90%; margin: 0 auto 5% auto;height: 220px; }

.nav_1 dl{width: 100%;height: 220px;}
.nav_1 dl img{width:100%;height: 220px; }
.nav_1 dl dt{width:90%; padding:3% 5% 25px 5%; font-size:1rem; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{}
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{ }



.nav_2{width: 90%;margin:0 auto 5% auto; }


.items{ width: 48%; height: 290px; border-radius:10px; ; margin: 0 2% 5% 2%;}
.nav_2 .items:nth-child(2n){ margin: 0; }

.items .t_tl{ width:90%; height: 1.5rem; padding:5%; font-size: 0.8rem; color: #fff; line-height: 1.4rem; }
.items .t_tl i{  }
.items .t_tl span{;height: 1.5rem; line-height:1.5rem; }
.items img{ height: 120px;  margin-bottom: 2%; }
.items .tl{ font-size: 0.95rem;padding: 0 3%; width: 94%;margin-bottom: 1%;  }
.items .ttt{ font-size: 0.8rem; margin-bottom: 3%;padding: 0 3%; width: 94%;  }
.items .r_btn{ width: 100px; height: 30px; line-height: 30px;}
.items .r_btn a{font-size: 0.9rem; }

.nav_3{ width: 90%;padding-bottom: 6%;}
.nav_3 dl{ width: 100%;height: 220px; margin-bottom: 5%;}
.nav_3 dl:nth-child(2n){ float: left; }

.nav_3 dl img{width: 100%;height: 220px; }
.nav_3 dl dt{width:90%; padding:5%;font-size:0.95rem; }
.nav_3 dl i{}

.nav_4{ width: 80%; padding: 5%; margin: 0 auto 6% auto; }
.nav_4 dl{width:90%; height: 100px; padding: 5% 5% 0 5%;  margin-bottom: 5%;}
.nav_4 dl:nth-child(2n){ float: left; }
.nav_4 dl img{ width: 50%; height: 90px; }
.nav_4 dl dt{ width:45%; height: 70px; overflow: hidden; }
.nav_4 dl i{ width: 45%; }


.bottombg{ height: auto; background-size: 100%; }


.bottom_sbj{ width:100%; display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}