/* title */
.home_title{width: 100%;text-align: center;line-height: 1;padding-bottom: 45px;}
.home_title p{font-size: 36px;font-weight: 600;color: #395180;}
.home_title p a{color: #395180;}
.home_title p a:hover{color: #d99e4c;}
.home_title em{display: block;width: 60px;height: 3px;background: #d99e4c;margin: 18px auto;}
.home_title span{font-size: 15px;color: #808080;display: block;letter-spacing: 1px;padding: 0 2%;}

@media only screen and (max-width:1250px){
.home_title{padding-bottom: 40px;}
}
@media only screen and (max-width:1024px){
.home_title{padding-bottom: 35px;}
.home_title p{font-size: 30px;}
.home_title em{height: 2px;width: 50px;margin: 14px auto;}
}
@media only screen and (max-width:768px){
.home_title{padding-bottom: 30px;}
}
@media only screen and (max-width:480px){
.home_title{padding-bottom: 25px;}
.home_title p{font-size: 24px;}
.home_title em{width: 40px;margin: 13px auto 11px;}
.home_title span{font-size: 14px;line-height: 20px;letter-spacing: normal;}
}
@media only screen and (max-width:425px){
.home_title em{width: 30px;margin: 10px auto 9px;}
}


/* product */
.productbox{padding: 55px 0;}
.productbox .clabox ul li a{display: block;width: 100%;line-height: 30px;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.productbox .probox ul{margin: 0 -5px;}
.productbox .probox ul li{width: 33.33%;padding: 5px;float: left;text-align: center;}
.productbox .probox ul li.li_10{display: none;}
.productbox .probox ul li a{display: block;width: 100%;overflow: hidden;}
.productbox .probox ul li p{width: 100%;background: #f5f5f5;overflow: hidden;}
.productbox .probox ul li p em{padding-bottom: 70%;}
.productbox .probox ul li p em img{height: 100%;max-width: none;}
.productbox .probox ul li h3{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;font-size: 15px;padding: 5px;}

@media only screen and (min-width:1025px){
.productbox{padding: 50px 0 35px;}
.productbox .clabox{width: 20%;max-width: 240px;float: left;padding-bottom: 20px;}
.productbox .clabox .tit{width: 100%;height: 90px;background: #344973;color: #fff;text-align: center;line-height: 1;}
.productbox .clabox .tit p{font-size: 20px;font-weight: 600;padding: 26px 0 10px;}
.productbox .clabox .tit span{text-transform: uppercase;color: rgba(255,255,255,.7);display: block;}
.productbox .clabox ul li{width: 100%;}
.productbox .clabox ul li > h2 a{font-size: 15px;font-weight: 600;padding: 8px 10%;background: #f0f0f0;border-top: 1px solid #fff;}
.productbox .clabox ul li:hover > h2 a{background: #395180;color: #fff;}

.productbox .clabox .tel{width: 100%;background: #344973;padding: 25px 5px;text-align: center;color: #fff;border-top: 1px solid #fff;}
.productbox .clabox .tel span{display: block;font-size: 16px;font-weight: 600;line-height: 20px;}
.productbox .clabox .tel em{font-size: 26px;font-weight: 600;display: block;line-height: 30px;padding: 5px 0;font-style: normal;white-space: nowrap;}
.productbox .clabox .tel a{display: block;width: 110px;line-height: 34px;font-size: 15px;font-weight: 600;background: #d99e4c;color: #fff;margin: 3px auto;}
.productbox .clabox .tel a:hover{width: 120px;}

.productbox .probox{width: 78%;float: right;}
.productbox .probox ul li{padding: 0 5px 5px;}
.productbox .probox ul li p em{padding-bottom: 205px;}
.productbox .probox ul li h3{font-size: 14px;}
}
@media only screen and (min-width:1251px){
.productbox{padding: 60px 0 45px;}
.productbox .clabox{width: 19%;}
.productbox .clabox .tit{height: 105px;}
.productbox .clabox .tit p{font-size: 24px;padding: 28px 0 12px;}
.productbox .clabox ul li > h2 a{padding: 10px 10%;}
.productbox .clabox .tel{padding: 37px 5px;}
.productbox .clabox .tel span{font-size: 18px;}
.productbox .clabox .tel em{font-size: 30px;padding: 10px 0;}
.productbox .clabox .tel a{width: 130px;line-height: 40px;}
.productbox .clabox .tel a:hover{width: 150px;}
.productbox .probox{width: 79%;}
.productbox .probox ul{margin: 0 -10px;}
.productbox .probox ul li{padding: 0 10px 10px;}
.productbox .probox ul li p em{padding-bottom: 235px;}
}
@media only screen and (min-width:1441px){
.productbox .clabox ul li > h2 a{padding: 12px 12%;}
.productbox .probox{width: 80%;max-width: 1140px;}
.productbox .probox ul{margin: 0 -15px;}
.productbox .probox ul li{padding: 0 15px 10px;}
.productbox .probox ul li p em{padding-bottom: 240px;}
.productbox .probox ul li h3{padding: 10px 5px;}
}

@media only screen and (max-width:1024px){
.productbox{padding: 50px 0 35px;}
.productbox .clabox{width: 100%;padding-bottom: 30px;}
.productbox .clabox .tit,
.productbox .clabox .tel{display: none;}
.productbox .clabox ul{margin: 0 -1px;}
.productbox .clabox ul li{width: 20%;float: left;padding: 0 1px 2px;text-align: center;}
.productbox .clabox ul li > h2 a{padding: 8px 5px;background: #344973;color: #fff;font-size: 15px;font-weight: 600;}
.productbox .clabox ul li:hover > h2 a{background: #d99e4c;}
}
@media only screen and (max-width:768px){
.productbox{padding: 45px 0 30px;}
.productbox .clabox ul li{width: 33.33%;}
.productbox .probox ul li{width: 50%;}
.productbox .probox ul li.li_10{display: block;}
}
@media only screen and (max-width:480px){
.productbox{padding: 40px 0 25px;}
.productbox .clabox ul li{width: 50%;}
.productbox .probox ul{margin: 0 -2px;}
.productbox .probox ul li{padding: 0 2px 5px;}
.productbox .probox ul li h3{font-size: 14px;}
}
@media only screen and (max-width:425px){
.productbox{padding: 35px 0 20px;}
.productbox .clabox{padding-bottom: 25px;}
.productbox .clabox ul li > h2 a{padding: 7px 5px;}
}

/* advantage */
.advantagebox{background: #344973;padding: 70px 0;}
.advantagebox .home_title p{color: #fff;}
.advantagebox .home_title span{color: rgba(255,255,255,.8);}

.advantagebox .text{width: 100%;position: relative;color: #fff;}
.advantagebox .text .pic{width: 50%;max-width: 640px;position: relative;overflow: hidden;height: 0;padding-bottom: 360px;}
.advantagebox .text .pic 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%);z-index: 1;}
.advantagebox .text .pic span{position: absolute;width: 100%;height: 100%;z-index: 5;}
.advantagebox .text .txt{width: 48%;max-width: 640px;overflow: hidden;position: absolute;padding-left: 35px;}
.advantagebox .text .txt em{width: 20px;height: 24px;background: url(../images/icon2.png) center no-repeat;position: absolute;left: 0;top: 0;background-size: 100% auto;}
.advantagebox .text .txt span{font-size: 24px;line-height: 25px;font-weight: 600;width: 100%;padding-bottom: 15px;display: block;}
.advantagebox .text .txt p{width: 100%;font-size: 15px;line-height: 2;max-height: 6em;}

.advantagebox .text .pic1{float: right;}
.advantagebox .text .txt1{left: 0;top: 10%;}
.advantagebox .text .txt2{left: 0;top: 55%;}
.advantagebox .text .txt3{right: 0;top: 17%;}
.advantagebox .text .txt4{right: 0;top: 64%;}

@media only screen and (max-width:1440px){
.advantagebox{padding: 65px 0;}
}
@media only screen and (max-width:1250px){
.advantagebox{padding: 60px 0;}
.advantagebox .text .pic{padding-bottom: 320px;}
.advantagebox .text .txt1{top: 8%;}
.advantagebox .text .txt2{top: 51%;}
.advantagebox .text .txt3{top: 14%;}
}
@media only screen and (max-width:1024px){
.advantagebox{padding: 55px 0;}
.advantagebox .text .pic{padding-bottom: 330px;}
.advantagebox .text .pic img{width: auto;min-width: 100%;height: 100%;min-height: auto;}
.advantagebox .text .txt{padding-left: 30px;}
.advantagebox .text .txt span{font-size: 20px;padding-bottom: 10px;}
.advantagebox .text .txt p{font-size: 14px;max-height: 8em;}
.advantagebox .text .txt1{top: 7%;}
.advantagebox .text .txt2{top: 50%;}
.advantagebox .text .txt3{top: 15%;}
.advantagebox .text .txt4{top: 62%;}
}
@media only screen and (max-width:768px){
.advantagebox{padding: 50px 0;}
.advantagebox .text .pic{width: 100%;max-width: 100%;padding-bottom: 60%;}
.advantagebox .text .pic img{width: 100%;min-width: auto;height: auto;min-height: 100%;}
.advantagebox .text .txt{width: 100%;max-width: 100%;position: relative;left: auto;top: auto;right: auto;bottom: auto;padding: 30px 0 0 30px;margin-bottom: -5px;}
.advantagebox .text .txt em{top: 30px;}
.advantagebox .text .txt p{font-size: 15px;max-height: none;}
.advantagebox .text .txt.txt2{padding-bottom: 30px;}
}
@media only screen and (max-width:480px){
.advantagebox{padding: 45px 0;}
}
@media only screen and (max-width:425px){
.advantagebox{padding: 40px 0;}
.advantagebox .text .pic{padding-bottom: 65%;}
.advantagebox .text .txt{padding: 25px 0 0 25px;}
.advantagebox .text .txt em{top: 25px;width: 17px;}
.advantagebox .text .txt span{font-size: 18px;}
.advantagebox .text .txt p{font-size: 14px;line-height: 1.8;}
}

/* company */
.companybox{padding: 60px 0;}
.companybox .w1440{padding-bottom: 10px;}

.companybox .pic{width: 50%;max-width: 690px;position: relative;float: right;}
.companybox .pic em{padding-bottom: 460px;z-index: 1;}
.companybox .pic em img{max-width: none;min-width: 100%;height: 100%;max-height: none;}
.companybox .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 5;}

.companybox .txt{width: 48%;max-width: 680px;float: left;padding: 15px 0;}
.companybox .txt .titl{width: 100%;padding-bottom: 25px;line-height: 1;}
.companybox .txt .titl p{font-size: 30px;font-weight: 600;}
.companybox .txt .titl span{display: block;font-size: 15px;text-transform: uppercase;color: #999;padding: 13px 0 20px;}
.companybox .txt .titl em{display: block;width: 60px;height: 2px;background: #d99e4c;}

.companybox .txt .text{width: 100%;font-size: 15px;line-height: 1.9;height: 245px;text-indent: 2em;color: #666;}
.companybox .txt .text P{padding: 5px 0;}

.companybox .txt .more{width: 100%;padding-top: 30px;}
.companybox .txt .more a{float: left;width: 180px;text-align: center;font-size: 15px;font-weight: 600;color: #fff;background: #395180;line-height: 30px;padding: 10px;}
.companybox .txt .more a:hover{background: #d99e4c;}

@media only screen and (max-width:1440px){
.companybox{padding: 55px 0;}
}
@media only screen and (max-width:1250px){
.companybox{padding: 50px 0;}
.companybox .pic em{padding-bottom: 400px;}
.companybox .txt{padding: 10px 0;}
.companybox .txt .titl{padding-bottom: 15px;}
.companybox .txt .titl p{font-size: 24px;}
.companybox .txt .titl span{font-size: 14px;padding: 5px 0 10px;}
.companybox .txt .text{font-size: 14px;line-height: 24px;height: 250px;}
.companybox .txt .text P{padding: 5px 0 0;}
.companybox .txt .more{padding-top: 20px;}
.companybox .txt .more a{float: left;width: 140px;padding: 5px;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 45px 0;}
.companybox .w1440{padding: 0;}
.companybox .pic{width: 100%;max-width: 100%;}
.companybox .pic em{padding-bottom: 450px;}
.companybox .pic em img{width: 100%;min-width: auto;height: auto;min-height: 100%;}
.companybox .txt{width: 100%;max-width: 100%;padding: 35px 0 5px;}
.companybox .txt .titl{padding-bottom: 20px;}
.companybox .txt .titl p{font-size: 30px;}
.companybox .txt .titl span{font-size: 15px;padding: 13px 0 20px;}
.companybox .txt .text{font-size: 15px;line-height: 2;height: auto;}
.companybox .txt .text P{padding: 5px 0;}
.companybox .txt .more{padding-top: 25px;}
.companybox .txt .more a{width: 180px;padding: 10px;}
}
@media only screen and (max-width:768px){
.companybox .pic em{padding-bottom: 60%;}
.companybox .txt .titl{padding-bottom: 15px;}
.companybox .txt .titl p{font-size: 24px;}
.companybox .txt .titl span{font-size: 14px;padding: 10px 0 15px;}
.companybox .txt .text{line-height: 1.8;}
.companybox .txt .more{padding-top: 20px;}
.companybox .txt .more a{width: 150px;padding: 8px;}
}
@media only screen and (max-width:480px){
.companybox{padding: 40px 0;}
.companybox .txt{padding: 30px 0 0;}
.companybox .txt .more a{width: 140px;padding: 5px;}
}
@media only screen and (max-width:425px){
.companybox .pic em{padding-bottom: 65%;}
.companybox .txt{padding-top: 25px;}
.companybox .txt .titl p{font-size: 20px;}
.companybox .txt .titl span{font-size: 12px;padding: 7px 0 9px;letter-spacing: -.5px;}
.companybox .txt .text P{padding: 0 0 5px;font-size: 14px;}
.companybox .txt .more{padding-top: 15px;}
}

/* field */
.fieldbox{padding: 65px 0 50px;background: #f5f5f5;}
.fieldbox ul{margin: 0 -25px;}
.fieldbox ul li{width: 33.33%;float: left;padding: 0 25px 30px;text-align: center;}
.fieldbox ul li a,
.fieldbox ul li p{display: block;width: 100%;overflow: hidden;position: relative;background: #000;}
.fieldbox ul li em{padding-bottom: 75%;opacity: .8;}
.fieldbox ul li em img{max-width: none;height: 101%;max-height: none;}
.fieldbox ul li h3{width: 100%;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.6);line-height: 30px;color: #fff;font-size: 20px;padding: 10px 5px;opacity: 1;}

.fieldbox ul li:hover em{opacity: 1;}
.fieldbox ul li:hover h3{bottom: -50px;opacity: 0;}

@media only screen and (max-width:1440px){
.fieldbox{padding: 60px 0 40px;}
.fieldbox ul{margin: 0 -15px;}
.fieldbox ul li{padding: 0 15px 30px;}
}
@media only screen and (max-width:1250px){
.fieldbox{padding: 55px 0 45px;}
.fieldbox ul{margin: 0 -10px;}
.fieldbox ul li{padding: 0 10px 20px;}
.fieldbox ul li h3{font-size: 16px;padding: 5px;}
}
@media only screen and (max-width:1024px){
.fieldbox{padding: 50px 0 45px;}
.fieldbox ul{margin: 0 -5px;}
.fieldbox ul li{padding: 0 5px 10px;}
}
@media only screen and (max-width:768px){
.fieldbox{padding: 45px 0 40px;}
.fieldbox ul li{width: 50%;}
}
@media only screen and (max-width:480px){
.fieldbox{padding: 40px 0;}
.fieldbox ul{margin: 0 -2px;}
.fieldbox ul li{padding: 0 2px 4px;}
.fieldbox ul li h3{font-size: 15px;padding: 0 5px;}
}
@media only screen and (max-width:425px){
.fieldbox ul{margin: 0 -1px;}
.fieldbox ul li{padding: 0 1px 2px;}
.fieldbox ul li h3{font-size: 14px;line-height: 25px;}
}

/* news */
.newsbox{padding: 60px 0;}
.newsbox ul{margin: 0 -5px;flex-wrap: wrap;}
.newsbox ul li{width: 50%;float: left;padding: 0 5px 10px;flex-shrink: 0;}
.newsbox ul li .txt{width: 100%;overflow: hidden;background: #f5f5f5;padding: 3.5% 5%;color: #666;font-size: 15px;position: relative;}
.newsbox ul li .txt em{position: absolute;left: 0;top: 50%;margin-top: -15px;line-height: 30px;display: none;font-size: 13px;}
.newsbox ul li .txt em svg{height: 28px;}
.newsbox ul li .txt .titl{width: 100%;font-size: 16px;font-weight: 600;line-height: 30px;}
.newsbox ul li .txt .titl a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox ul li .txt .text{width: 100%;line-height: 25px;margin: 5px 0 10px;}
.newsbox ul li .txt .text br{display: none;}
.newsbox ul li .txt .time{width: 100%;overflow: hidden;color: #808080;line-height: 20px;}
.newsbox ul li .txt .time span{float: left;padding-right: 10px;}
.newsbox ul li .txt .time span svg{height: 18px;}

.newsbox ul li:hover .txt{color: #fff;background: #395180;}
.newsbox ul li:hover .titl a,
.newsbox ul li:hover .time{color: #fff;}

@media only screen and (max-width:1250px){
.newsbox{padding: 55px 0;}
.newsbox ul li .txt{padding: 2.5% 3%;font-size: 14px;}
.newsbox ul li .txt .text{line-height: 20px;}
}
@media only screen and (max-width:1024px){
.newsbox{padding: 50px 0 45px;}
.newsbox ul{margin: 0;}
.newsbox ul li{width: 100%;padding: 0 0 10px;}
.newsbox ul li .txt .text{line-height: 25px;font-size: 15px;}
.newsbox ul li .txt .time span svg{height: 20px;}
}
@media only screen and (max-width:768px){
.newsbox{padding: 45px 0;}
.newsbox ul li{padding-bottom: 5px;}
.newsbox ul li .txt .text{line-height: 20px;font-size: 14px;}
}
@media only screen and (max-width:480px){
.newsbox{padding: 40px 0;}
.newsbox ul li .txt .titl{font-size: 15px;}
.newsbox ul li .txt .text{margin: 0 0 5px;}
}
@media only screen and (max-width:425px){
.newsbox{padding: 35px 0;}
.newsbox ul li .txt{padding: 0;background: none;border-bottom: 1px dotted #ddd;padding: 7px 75px 7px 20px;}
.newsbox ul li .txt em{display: block;}
.newsbox ul li .txt .titl{font-size: 14px;}
.newsbox ul li .txt .text,
.newsbox ul li .txt .time span{display: none;}
.newsbox ul li .txt .time{position: absolute;right: 0;top: 50%;margin-top: -10px;width: auto;}

.newsbox ul li:hover .txt{color: #395180;background: none;}
.newsbox ul li:hover .titl a{color: #395180;}
.newsbox ul li:hover .time{color: #333;}
}

/* links */
.linkbox{line-height: 24px;padding-bottom: 15px;margin-top: -15px;}
.linkbox ul{width: 100%;overflow: hidden;padding-left: 85px;position: relative;min-height: 24px;}
.linkbox ul p{position: absolute;left: 0;top: 0;font-size: 15px;font-weight: 600;}
.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;}
}