/* banner */
.bannerpic{padding-bottom: 650px;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom: 45%;}
}

/* title */
.home_title{line-height: 1;text-align: center;background: url(../images/icon5.png) center bottom no-repeat;padding-bottom: 10px;margin-bottom: 50px;}
.home_title p{font-size: 40px;font-weight: 600;color: #15338c;}
.home_title p a{color: #15338c;}
.home_title p a:hover{color: #008c46;}
.home_title span{width: 360px;line-height: 20px;color: #808080;display: block;padding: 15px 100px;text-transform: uppercase;position: relative;margin: 0 auto;}
.home_title span::after,
.home_title span::before{content: "";width: 100px;height: 1px;background: #ddd;position: absolute;top: 50%;right: 0;margin-top: -1px;}
.home_title span::before{left: 0;}

@media only screen and (max-width:1250px){
.home_title{margin-bottom: 45px;}
.home_title p{font-size: 36px;}
}
@media only screen and (max-width:1024px){
.home_title{margin-bottom: 40px;}
.home_title p{font-size: 30px;}
.home_title span{width: 300px;padding: 10px 80px;font-size: 12px;}
.home_title span::after,
.home_title span::before{width: 80px;}
}
@media only screen and (max-width:768px){
.home_title{padding-bottom: 6px;background-size: 16px;margin-bottom: 30px;}
}
@media only screen and (max-width:480px){
.home_title{margin-bottom: 25px;}
.home_title p{font-size: 25px;}
.home_title span{width: 240px;padding: 5px 50px;}
.home_title span::after,
.home_title span::before{width: 50px;}
}

/* product */
.productbox{padding: 80px 0;background: #f5f5f5;}
.productbox .clalist{padding-bottom: 50px;text-align: center;}
.productbox .clalist ul{margin: 0 -5px;justify-content: center;}
.productbox .clalist ul li{width: 16.667%;max-width: 180px;float: left;flex-shrink: 0;padding: 0 5px 10px;}
.productbox .clalist ul li a{font-size: 18px;color: #fff;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;padding: 10px 5px;border-radius: 5px;background: #15338c url(../images/bg_icon1.png) center no-repeat;background-size: 100% 100%;}
.productbox .clalist ul li:hover a{background-image: url(../images/bg_icon2.png);}

.productbox .prolist ul{margin: 0 -10px;flex-wrap: wrap;}
.productbox .prolist ul li{width: 25%;float: left;flex-shrink: 0;text-align: center;padding: 0 10px 20px;}
.productbox .prolist ul li a{display: block;width: 100%;height: 100%;overflow: hidden;border-radius: 10px;padding: 15px;background: #fff;}
.productbox .prolist ul li p{width: 100%;overflow: hidden;}
.productbox .prolist ul li em img{max-width: 90%;max-height: 90%;}
.productbox .prolist ul li span{display: block;width: 100%;height: 60px;position: relative;}
.productbox .prolist ul li h3{width: 100%;font-size: 15px;line-height: 20px;max-height: 40px;overflow: hidden;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}

.productbox .prolist ul li:hover a{box-shadow: 0 5px 15px rgba(0,0,0,.05);}

@media only screen and (max-width:1440px){
.productbox{padding: 65px 0;}
.productbox .clalist{padding-bottom: 45px;}
}
@media only screen and (max-width:1250px){
.productbox{padding: 55px 0;}
.productbox .clalist{padding-bottom: 40px;}
.productbox .prolist ul{margin: 0 -5px;}
.productbox .prolist ul li{padding: 0 5px 10px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 50px 0;}
.productbox .clalist{padding-bottom: 35px;}
.productbox .clalist ul{flex-wrap: wrap;justify-content: left;}
.productbox .clalist ul li{width: 25%;max-width: none;}
.productbox .prolist ul li a{border-radius: 5px;padding: 10px;}
.productbox .prolist ul li span{height: 50px;}
.productbox .prolist ul li h3{font-size: 14px;}
}
@media only screen and (max-width:768px){
.productbox{padding: 45px 0;}
.productbox .clalist ul{margin: 0 -1px;}
.productbox .clalist ul li{width: 33.333%;padding: 0 1px 2px;}
.productbox .prolist ul li{width: 50%;}
.productbox .prolist ul li a{border-radius: 10px;padding: 15px;}
.productbox .prolist ul li span{height: 60px;}
.productbox .prolist ul li h3{font-size: 15px;}
}
@media only screen and (max-width:480px){
.productbox{padding: 40px 0;}
.productbox .clalist ul li{width: 50%;}
.productbox .prolist ul li a{border-radius: 5px;padding: 10px;}
.productbox .prolist ul li span{height: 50px;}
.productbox .prolist ul li h3{font-size: 14px;}
}
@media only screen and (max-width:425px){
.productbox{padding-top: 35px;}
.productbox .clalist{padding-bottom: 30px;}
.productbox .clalist ul li a{font-size: 15px;font-weight: 600;line-height: 25px;}
.productbox .prolist ul{margin: 0 -2px;}
.productbox .prolist ul li{padding: 0 2px 5px;}
.productbox .prolist ul li span{height: 35px;}
.productbox .prolist ul li h3{line-height: 18px;max-height: 35px;}
}

/* field */
.fieldbox{padding: 80px 0;}
.fieldbox .list{border-radius: 15px;margin-bottom: 20px;}
.fieldbox ul{margin: -5px;flex-wrap: wrap;}
.fieldbox ul li{width: 50%;float: left;flex-shrink: 0;padding: 5px;}
.fieldbox ul li div{width: 100%;height: 100%;position: relative;overflow: hidden;}
.fieldbox ul li p{width: 100%;height: 0;padding-bottom: 350px;overflow: hidden;position: relative;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.fieldbox ul li p img{width: 100%;min-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.fieldbox ul li a{width: 100%;padding: 10px 3%;position: absolute;left: 0;bottom: 0;background: url(../images/icon6.png) center no-repeat;background-size: 100% 100%;}
.fieldbox ul li h3{font-size: 18px;color: #fff;line-height: 30px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fieldbox ul li:hover p{transform: scale(1.05,1.05);}
.fieldbox ul li:hover a{background-image: url(../images/icon7.png);}

@media only screen and (max-width:1440px){
.fieldbox{padding: 65px 0;}
}
@media only screen and (max-width:1250px){
.fieldbox{padding: 55px 0;}
.fieldbox .list{margin-bottom: 10px;}
.fieldbox ul li p{padding-bottom: 320px;}
}
@media only screen and (max-width:1024px){
.fieldbox{padding: 50px 0;}
.fieldbox .list{border-radius: 10px;}
.fieldbox ul li p{padding-bottom: 65%;}
.fieldbox ul li a{padding: 5px 3%;}
}
@media only screen and (max-width:768px){
.fieldbox{padding: 45px 0;}
.fieldbox ul{margin: -2px;}
.fieldbox ul li{padding: 2px;}
.fieldbox ul li a{padding: 5px 5%;}
.fieldbox ul li h3{font-size: 15px;font-weight: 600;}
}
@media only screen and (max-width:480px){
.fieldbox{padding: 40px 0;}
}
@media only screen and (max-width:425px){
.fieldbox{padding: 35px 0;}
.fieldbox .list{margin-bottom: 5px;}
.fieldbox ul li{width: 100%;}
}

/* advantage */
.advantagebox{background: #15338c url(../images/bg1.jpg) center no-repeat;background-attachment: fixed;}
.advantagebox .list{padding-left: 360px;color: #fff;}
.advantagebox .titl{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.advantagebox .titl p{font-size: 40px;font-weight: 600;line-height: 50px;position: relative;float: left;}
.advantagebox .titl p::after{content: "";width: 100%;height: 10px;background: #008c46;position: absolute;left: 0;bottom: 0;z-index: -1;}
.advantagebox .titl span{width: 90%;font-size: 18px;line-height: 30px;padding: 12px 0;float: left;}
.advantagebox .titl em{width: 100%;padding-top: 25px;font-style: normal;float: left;}
.advantagebox .titl a{font-size: 15px;font-weight: 600;line-height: 30px;color: #fff;padding: 3px 25px;border-radius: 20px;float: left;background: url(../images/bg_icon2.png) center no-repeat;background-size: 100% 100%;}
.advantagebox .titl a:hover{padding: 3px 30px;}

.advantagebox ul{border-right: 1px solid rgba(255,255,255,.25);}
.advantagebox ul li{width: 25%;float: left;flex-shrink: 0;text-align: center;border-left: 1px solid rgba(255,255,255,.25);}
.advantagebox ul li p{width: 100%;height: 100%;overflow: hidden;padding: 50px 5%;background: url(../images/bg_icon1.png) center no-repeat;background-size: 100% 100%;}
.advantagebox ul li em{display: block;padding: 30px;}
.advantagebox ul li em img{height: 60px;}
.advantagebox ul li strong{font-size: 24px;line-height: 1;padding: 13px 0;display: block;}
.advantagebox ul li span{display: block;font-size: 16px;padding: 5px 0;line-height: 20px;height: 50px;}

.advantagebox ul li:hover p{background-image: url(../images/bg_icon2.png);}

@media only screen and (max-width:1440px){
.advantagebox .list{padding-left: 350px;}
.advantagebox ul li p{padding: 40px 5%;}
}
@media only screen and (max-width:1250px){
.advantagebox .list{padding-left: 290px;}
.advantagebox .titl p{font-size: 36px;line-height: 40px;}
.advantagebox .titl span{font-size: 16px;line-height: 25px;padding: 10px 0;}
.advantagebox ul li em{padding: 20px;}
.advantagebox ul li strong{font-size: 20px;padding: 10px 0;}
.advantagebox ul li span{font-size: 15px;height: 45px;}
}
@media only screen and (max-width:1024px){
.advantagebox .list{padding: 55px 0;}
.advantagebox .titl{position: relative;top:0;-webkit-transform: none;-moz-transform: none;transform: none;text-align: center;padding-bottom: 10px;margin-bottom: 35px;background: url(../images/icon5.png) center bottom no-repeat;overflow: hidden;}
.advantagebox .titl p{width: 100%;line-height: 1;}
.advantagebox .titl span{width: 100%;line-height: 1;padding: 15px 0;}
.advantagebox .titl p::after{content: none;}
.advantagebox .titl em{display: none;}
.advantagebox ul{border: none;margin: 0 -5px;}
.advantagebox ul li{border: none;padding: 5px;}
.advantagebox ul li p{padding: 25px 10%;background-color: rgba(255,255,255,.25);border-radius: 5px;}
.advantagebox ul li em{padding-top: 10px;}
.advantagebox ul li span{height: auto;}
}
@media only screen and (max-width:768px){
.advantagebox .list{padding: 50px 0;}
.advantagebox .titl{margin-bottom: 30px;background-size: 16px;}
.advantagebox .titl p{font-size: 30px;}
.advantagebox .titl span{font-size: 15px;padding: 13px 0 10px;}
.advantagebox ul li p{padding: 15px 8%;}
.advantagebox ul li em{padding: 10px 10px 15px;}
.advantagebox ul li em img{height: 50px;}
}
@media only screen and (max-width:640px){
.advantagebox ul{flex-wrap: wrap;}
.advantagebox ul li{width: 50%;}
.advantagebox ul li p{padding: 12% 8% 10%;}
.advantagebox ul li em img{height: 60px;}
}
@media only screen and (max-width:480px){
.advantagebox .list{padding: 45px 0;}
.advantagebox .titl{margin-bottom: 25px;}
.advantagebox .titl p{font-size: 25px;}
}
@media only screen and (max-width:425px){
.advantagebox .list{padding: 40px 0;}
.advantagebox ul{margin: 0 -2px;}
.advantagebox ul li{padding: 2px;}
.advantagebox ul li em{padding: 10px;}
.advantagebox ul li em img{height: 50px;}
.advantagebox ul li strong{padding: 5px 0;font-size: 18px;line-height: 20px;}
}

/* company */
.companybox{padding: 80px 0;background: #f5f5f5 url(../images/bg2.jpg) center no-repeat;}
.companybox .page_main_box{padding-bottom: 20px;}

.companybox .pic{width: 35%;max-width: 480px;float: right;}
.companybox .pic p{width: 100%;overflow: hidden;position: relative;border-radius: 10px;}
.companybox .pic p em{padding-bottom: 360px;z-index: -1;}
.companybox .pic p em img{max-width: none;max-height: none;height: 100%;min-width: 100%;}

.companybox .txt{width: 63%;max-width: 880px;float: left;}
.companybox .txt .titl p{font-size: 30px;font-weight: 600;color: #008c46;line-height: 50px;}
.companybox .txt .titl span{display: block;width: 60px;height: 5px;border-bottom: 2px solid #008c46;}
.companybox .txt .text{margin: 30px 0;height: 190px;font-size: 16px;line-height: 2;}
.companybox .txt .more a{display: block;width: 150px;line-height: 25px;padding: 10px;border-radius: 25px;background: #15338c;font-size: 15px;color: #fff;text-align: center;font-weight: 600;}
.companybox .txt .more a:hover{background-color: #008c46;}

@media only screen and (max-width:1440px){
.companybox{padding: 65px 0;}
}
@media only screen and (max-width:1250px){
.companybox{padding: 55px 0;background-size: 100% auto;}
.companybox .page_main_box{padding-bottom: 10px;}
.companybox .pic p em{padding-bottom: 315px;}
.companybox .txt .titl p{line-height: 45px;}
.companybox .txt .text{margin: 20px 0;height: 180px;font-size: 15px;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 50px 0;}
.companybox .pic{width: 40%;}
.companybox .pic p em{padding-bottom: 300px;}
.companybox .txt{width: 58%;}
.companybox .txt .titl p{line-height: 1;font-size: 25px;}
.companybox .txt .titl span{height: 10px;width: 50px;}
.companybox .txt .text{margin: 15px 0 10px;height: 200px;font-size: 14px;line-height: 25px;}
.companybox .txt .more a{width: 130px;line-height: 20px;font-size: 14px;}
}
@media only screen and (max-width:768px){
.companybox{padding: 45px 0;}
.companybox .page_main_box{padding-bottom: 0;}
.companybox .pic{width: 100%;max-width: 100%;}
.companybox .pic p em{padding-bottom: 65%;}
.companybox .txt{width: 100%;max-width: 100%;padding-top: 25px;}
.companybox .txt .titl p{line-height: 30px;}
.companybox .txt .text{margin-bottom: 0;height: auto;font-size: 15px;line-height: 2;}
.companybox .txt .more{display: none;}
}
@media only screen and (max-width:480px){
.companybox{padding: 40px 0 35px;}
.companybox .txt .text{line-height: 25px;}
}
@media only screen and (max-width:425px){
.companybox{padding: 35px 0 30px;}
.companybox .txt .titl p{line-height: 25px;font-size: 20px;}
.companybox .txt .titl span{width: 40px;}
}

/* album */
.albumbox{padding: 60px 0;}
.albumbox .list{padding: 40px 0 55px;}
.albumbox ul li{width: 25px;float: left;flex-shrink: 0;text-align: center;}
.albumbox ul li div{width: 100%;height: 100%;overflow: hidden;position: relative;border-radius: 10px;}
.albumbox ul li em{padding-bottom: 230px;}
.albumbox ul li em img{max-width: none;max-height: none;height: 100%;min-width: 100%;}
.albumbox ul li a{width: 50px;height: 50px;background: rgba(0,140,70,.9);border-radius: 25px;font-size: 30px;color: #fff;line-height: 1;padding: 10px;opacity: 0;position: absolute;left: 50%;top: 50%;margin: -25px;-webkit-transform: scale(0,0);-moz-transform: scale(0,0);transform: scale(0,0);}
.albumbox ul li:hover a{opacity: 1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transform: scale(1,1);}
.albumbox ul li:hover a:hover{background: #fa0;}

@media only screen and (max-width:1440px){
.albumbox{padding: 45px 0;}
}
@media only screen and (max-width:1250px){
.albumbox{padding: 35px 0;}
.albumbox .list{padding: 30px 0 50px;}
.albumbox ul li em{padding-bottom: 200px;}
}
@media only screen and (max-width:1024px){
.albumbox .list{padding: 25px 0 45px;}
.albumbox ul li em{padding-bottom: 70%;}
}
@media only screen and (max-width:768px){
.albumbox{padding: 30px 0;}
.albumbox .list{padding: 20px 0 45px;}
}
@media only screen and (max-width:480px){
.albumbox{padding: 25px 0;}
.albumbox .list{padding: 15px 0 40px;}
}
@media only screen and (max-width:425px){
.albumbox{padding: 20px 0;}
.albumbox .list{padding: 10px 0 35px;}
}

/* news */
.zixunbox{padding: 80px 0;background: #15338c url(../images/bg3.jpg) center no-repeat;background-size: 100% 100%;}
.zixunbox .title{width: 100%;font-size: 25px;line-height: 1;overflow: hidden;color: #fff;text-align: center;}
.zixunbox .title p{padding-bottom: 10px;font-weight: 600;float: left;position: relative;}
.zixunbox .title p a{color: #fff;}
.zixunbox .title p::after{content: "";width: 0;height: 1px;background: #008c46;position: absolute;right: 0;bottom: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.zixunbox .title p.active a{color: #00a653;}
.zixunbox .title p.active::after{width: 100%;left: 0;}
.zixunbox .title span{float: left;padding: 0 15px;}

.newsbox{width: 63%;max-width: 900px;float: left;}
.newsbox .title{margin-bottom: 35px;}
.newsbox .list{width: 200%;position: relative;left: 0;}
.newsbox .list ul{width: 50%;float: left;flex-shrink: 0;}
.newsbox .list ul li{width: 100%;float: left;flex-shrink: 0;margin-bottom: 10px;position: relative;}
.newsbox .list ul li.li_1{display: none;}
.newsbox .list ul li .txt{width: 100%;padding: 15px;font-size: 15px;color: #808080;position: relative;background: #fafafa url(../images/bg_icon1.png) center no-repeat;background-size: 101% 100%;}
.newsbox .list ul li .txt .icon{width: 20px;height: 20px;background: url(../images/icon8.png) center no-repeat;position: absolute;left: 15px;top: 50%;margin-top: -10px;}
.newsbox .list ul li .txt .titl{padding: 0 85px 0 30px;}
.newsbox .list ul li .txt .titl a{display: block;height: 30px;line-height: 31px;font-weight: 600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox .list ul li .txt .time{line-height: 20px;position: absolute;right: 15px;top: 50%;margin-top: -10px;}

.newsbox .list ul .li_0 .pic{width: 180px;height: 130px;background: #fff;border-radius: 5px;position: absolute;left: 15px;top: 15px;z-index: 5;}
.newsbox .list ul .li_0 .pic a{display: block;width: 100%;height: 100%;position: relative;}
.newsbox .list ul .li_0 .pic img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.newsbox .list ul .li_0 .txt{color: rgba(255,255,255,.75);padding: 20px 20px 20px 220px;background-image: url(../images/bg_icon2.png);}
.newsbox .list ul .li_0 .txt .titl{padding: 0;}
.newsbox .list ul .li_0 .txt .text{height: 50px;margin: 5px 0 15px;line-height: 25px;font-size: 14px;overflow: hidden;}
.newsbox .list ul .li_0 .txt .time1{padding-left: 25px;line-height: 20px;background: url(../images/icon10.png) left center no-repeat;background-size: 15px 15px;}

.newsbox .list ul li:hover .txt{color: #fff;background-image: url(../images/bg_icon2.png);}
.newsbox .list ul .li_0:hover .txt{padding-left: 215px;}
.newsbox .list ul li:hover .txt .icon{background-image: url(../images/icon9.png);}
.newsbox .list ul li.li_0 .txt .titl a,
.newsbox .list ul li:hover .txt .titl a{color: #fff;}

.faqbox{width: 35%;max-width: 480px;float: right;}
.faqbox .title{margin-bottom: 15px;}
.faqbox .list ul li{width: 100%;margin-bottom: 10px;overflow: hidden;padding: 19px 0;border-bottom: 1px dashed rgba(255,255,255,.5);}
.faqbox .list ul li .titl{width: 100%;padding-left: 30px;background: url(../images/icon11.png) left center no-repeat;}
.faqbox .list ul li .titl a{display: block;font-size: 15px;font-weight: 600;color: #00a653;line-height: 31px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.faqbox .list ul li .text{width: 100%;padding-left: 30px;line-height: 25px;color: rgba(255,255,255,.75);height: 50px;overflow: hidden;background: url(../images/icon12.png) left top no-repeat;margin-top: 6px;}

.faqbox .list ul li:hover .titl a,
.faqbox .list ul li:hover .text{color: #fff;}

@media only screen and (max-width:1440px){
.zixunbox{padding: 70px 0;}
}
@media only screen and (max-width:1250px){
.zixunbox{padding: 60px 0;}
.newsbox .title{margin-bottom: 30px;}
.newsbox .list ul li .txt .titl a{height: 25px;line-height: 25px;}
.newsbox .list ul .li_0 .pic{height: 120px;}
.newsbox .list ul .li_0 .txt{padding: 15px 15px 15px 220px;}
.newsbox .list ul .li_0 .txt .text{margin-bottom: 10px;line-height: 21px;height: 60px;}
.faqbox .list ul li{padding: 14px 0;}
}
@media only screen and (max-width:1024px){
.zixunbox{padding: 0;background: none;}
.zixunbox .page_main_box{width: 100%;}
.zixunbox .title{padding: 5px 0 35px;margin: 0;font-size: 30px;}
.zixunbox .title p{display: inline-block;float: none;position: relative;}
.zixunbox .title p::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.zixunbox .title p.active::before{width: 0;}
.zixunbox .title span{display: inline-block;float: none;padding: 0 10px;}
.newsbox{width: 100%;max-width: 100%;padding: 50px 2%;background: #15338c url(../images/bg3.jpg) center no-repeat;background-size: 100% 100%;}
.newsbox .list ul .li_0 .txt{padding: 20px 15px 20px 220px;}
.newsbox .list ul .li_0 .txt .text{line-height: 25px;height: 50px;}
.faqbox{width: 100%;max-width: 100%;padding: 50px 2%;}
.faqbox .title{padding: 0 0 20px;}
.faqbox .title p.active{padding-bottom: 15px;}
.faqbox .title p.active a{color: #15338c;margin-bottom: 5px;}
.faqbox .title p.active::after{width: 50%;left: 25%;background: #999;}
.faqbox .title p a:hover{color: #008c46;}
.faqbox .list ul li{border-color: #ccc;padding: 10px 0;}
.faqbox .list ul li .titl a{color: #333;}
.faqbox .list ul li .text{height: auto;color: #808080;background-image: url(../images/icon13.png);margin: 4px 0;line-height: 21px;}
.faqbox .list ul li:hover .titl a{color: #008c46;}
.faqbox .list ul li:hover .text{color: #333;}
}
@media only screen and (max-width:768px){
.newsbox,
.faqbox{padding: 45px 2%;}
.zixunbox .title{padding-bottom: 30px;}
.newsbox .list ul li .txt{padding: 13px 10px;}
.newsbox .list ul li .txt .icon{left: 10px;}
.newsbox .list ul li .txt .titl{padding: 0 80px 0 25px;}
.newsbox .list ul li .txt .titl a{height: 24px;}
.newsbox .list ul li .txt .time{font-size: 14px;right: 10px;}
.newsbox .list ul .li_0 .pic{width: 120px;height: 90px;left: 10px;top: 10px;}
.newsbox .list ul .li_0 .txt{padding: 10px 10px 10px 145px;}
.newsbox .list ul .li_0 .txt .text{height: 60px;margin-bottom: 0;line-height: 20px;}
.newsbox .list ul .li_0 .txt .time1{display: none;}
.newsbox .list ul .li_0:hover .txt{padding-left: 140px;}
.faqbox .title{padding-bottom: 15px;}
}
@media only screen and (max-width:480px){
.zixunbox .title{font-size: 25px;}
.newsbox,
.faqbox{padding: 40px 2%;}
.newsbox .list ul li .txt{padding: 10px;}
.newsbox .list ul li .txt .titl{padding-right: 0;}
.newsbox .list ul li .txt .time{display: none;}
.newsbox .list ul .li_0 .pic{width: calc(100% - 20px);height: auto;}
.newsbox .list ul .li_0 .pic a{height: 0;padding-bottom: 65%;}
.newsbox .list ul .li_0 .txt{padding: 68% 15px 10px;}
.newsbox .list ul .li_0 .txt .text{height: auto;line-height: 25px;}
.newsbox .list ul .li_0:hover .txt{padding-left: 15px;}
}
@media only screen and (max-width:425px){
.zixunbox .title span{padding: 0 5px;}
.newsbox,
.faqbox{padding: 35px 2%;}
.newsbox .title{font-size: 24px;}
.newsbox .list ul li{margin-bottom: 5px;}
.newsbox .list ul li .txt .titl{padding-left: 20px;}
.newsbox .list ul li .txt .icon{left: 5px;}
.newsbox .list ul .li_0 .txt{padding: 68% 10px 10px;}
.faqbox .list ul li{padding: 5px 0;margin-bottom: 5px;}
.faqbox .list ul li .titl,
.faqbox .list ul li .text{padding-left: 25px;}
}

/* contact */
.contactbox{padding: 80px 0;background: #f5f5f5 url(../images/bg4.jpg) center no-repeat;background-attachment: fixed;}
.contactbox .page_main_box{padding-bottom: 30px;}

.contactbox .txtbox{width: 35%;float: left;padding: 5px 0;}
.contactbox .txtbox .titl{padding-bottom: 20px;font-size: 20px;font-weight: 600;line-height: 1;color: #008c46;float: left;}
.contactbox .txtbox .titl p{white-space: nowrap;padding: 14px 0;}
.contactbox .txtbox .titl em{width: 2em;height: 2px;background: #008c46;display: block;}
.contactbox .txtbox:hover .titl em{width: 100%;}

.contactbox .txtbox .text{width: 100%;overflow: hidden;}
.contactbox .txtbox .text p{font-size: 15px;padding: 5px 0;line-height: 25px;}

#order{width: 63%;max-width: 900px;float: right;background: rgba(0,0,0,.05);}
#order ul{width: 100%;padding: 4%;overflow: hidden;}
#order ul li{width: 100%;position: relative;margin-bottom: 15px;padding: 0 15px;float: left;}
#order ul li .red{position: absolute;left: 15px;top: 50%;margin-top: -10px;line-height: 25px;color: #e00;}
#order ul li img{position: absolute;right: 15px;top: 50%;margin-top: -12px;padding: 3px;background: #fff;cursor: pointer;}
#order ul li .txt{display: block;width: 100%;height: 45px;overflow: hidden;padding: 13px 10px;border-bottom: 1px solid rgba(0,0,0,.2);background: none;line-height: 18px;white-space: nowrap;}
#order ul li.li_2{width: 50%;}
#order ul li.li_3{padding-top: 25px;}
#order ul li.li_3 .tj{display: block;width: 100%;color: #fff;font-size: 16px;line-height: 50px;cursor: pointer;border-radius: 5px;background: #15338c url(../images/bg_icon1.png) center no-repeat;background-size: 100% 100%;}
#order ul li.li_3 .tj:hover{background-color: #008c46;background-image: url(../images/bg_icon2.png);}

@media only screen and (max-width:1440px){
.contactbox{padding: 65px 0;}
.contactbox .page_main_box{padding-bottom: 20px;}
}
@media only screen and (max-width:1250px){
.contactbox{padding: 55px 0;}
#order ul li.li_3{padding-top: 20px;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 50px 0;}
.contactbox .txtbox{width: 43%;}
#order{width: 55%;}
#order ul{padding-bottom: 6%;}
#order ul li{margin-bottom: 5px;padding: 0 10px;}
#order ul li .red{left: 10px;}
#order ul li img{right: 10px;}
#order ul li.li_2{width: 100%;}
#order ul li.li_3 .tj{line-height: 45px;}
}
@media only screen and (max-width:768px){
.contactbox{padding: 45px 0;}
.contactbox .page_main_box{padding-bottom: 10px;}
.contactbox .txtbox{width: 100%;padding: 0 3% 5%;}
.contactbox .txtbox .text p{line-height: 20px;}
#order{width: 100%;max-width: 100%;}
#order ul li.li_2{width: 50%;}
}
@media only screen and (max-width:480px){
.contactbox{padding: 40px 0;}
#order ul li{margin-bottom: 10px;}
#order ul li .txt{padding: 10px;height: 39px;}
#order ul li.li_2{width: 100%;}
#order ul li.li_3{padding-top: 15px;}
}
@media only screen and (max-width:425px){
.contactbox{padding: 35px 0;}
.contactbox .txtbox .text p{font-size: 14px;}
#order ul{padding: 4% 2% 8%;}
#order ul li{margin-bottom: 5px;}
#order ul li.li_3 .tj{line-height: 40px;}
#order ul li.li_3 .tj{font-size: 15px;}
}

/* links */
.linkbox{line-height: 25px;padding: 15px 0;}
.linkbox ul p{position: absolute;left: 0;top: 0;font-weight: 600;}
.linkbox ul{padding-left: 75px;position: relative;min-height: 25px;}
.linkbox ul li{display: inline;padding: 0 5px;}
.linkbox ul li a{white-space: nowrap;}

@media only screen and (max-width:1024px){
.linkbox{display: none;}
}