figcaption{padding: 0;margin: 0;}
figure{padding: 0;margin: 0;}
header{width:100%;background: url("../images/top-bg.png") repeat-x;font-size: 1.4rem;}
header .head{margin:auto;width:100%;max-width:1125px;height: 90px;display: flex;justify-content: space-between;align-items: center;}
header .head .nav{display: flex;justify-content: flex-end;width:100%;align-items: center;}
header .head .nav ul{display: flex;justify-content: space-between;width:570px;}
header .head .nav ul li a{text-align: center;display: block;}
header .head .nav .lang{width:100px;text-align: center;}
header .head .nav2{display: none;}
header .head .nav2 .menu{height:0px;}
/*-----head end-----*/

.pro{width:100%;}
.pro .title{margin:30px auto;width:100%;max-width:1125px;display: flex;justify-content: space-between;align-items: center;font-size: 1.4rem;}
.pro .title span{font-size:2.8rem;color: #152545;font-weight: 600;width:115px;}
.pro .title menu{width:80%;display: flex;justify-content: space-around;margin: 0;padding:0;flex-wrap: wrap;}
.pro .title menu a{line-height: 2.6rem;border-bottom: 2px solid white;color: #000;letter-spacing: 0;margin: 0 10px;}
.pro .title menu a:hover{border-bottom-color: #43c3ea;color: #43c3ea;}
.pro figure{width:100%;max-width: 1125px;display: flex;justify-content: space-between;flex-wrap: wrap;margin: auto;}
.pro figure .p-list{width:30%;}
.pro figure .p-list p{text-align: center;font-size:1.6rem;font-weight: 600;}
.pro figure .p-list .pic{padding-bottom:56%;background-size: 100% 100%!important;background-position: center!important;background-repeat: no-repeat;position: relative;margin: 10px 0 30px 0;}
.pro figure .p-list .pic span{display: none;}
.pro figure .p-list .pic:hover span{display: flex;position: absolute;width:100%;height:100%;justify-content: center;align-items: center;background: rgba(80,196,233,0.8);}
/*-----pro end-----*/

.about{width: 100%;height:380px;background: #e2ecee;font-size: 1.8rem;margin-top: 30px;}
.about figcaption{font-size: 3rem;font-weight: 600;text-align: center;margin:auto;padding: 100px 0 50px 0;}
.about figure{width:100%;max-width:1125px;margin: auto;}
.about figure p{width:80%;line-height: 2.4rem;display: block;margin: auto;}
/*-----about end-----*/

.in-co{width:100%;padding:50px 0 75px 0;}
.in-co figure{padding: 0;margin: 0;}
.box{width:100%;max-width:1125px;margin: auto;display: flex;justify-content: space-between;padding-bottom: 75px;flex-wrap: nowrap;}
.box .inquiry{width:60%;}
.box figcaption{width:100%;font-size: 2.5rem;font-weight: 600;color: #152545;}
.box .inquiry figure{width:100%;}
.box .inquiry figure table{width:100%;}
.box .inquiry figure table tr{width:100%;height:5rem;}
.box .inquiry figure table tr td{width:50%;}
.box .inquiry figure table tr td input{width:95%;font-size: 1.4rem;line-height: 3rem;}
.box .inquiry figure .l{text-align: left}
.box .inquiry figure .r{text-align: right;}
.box .inquiry figure .theme{width:99.5%;}
.box .inquiry figure .content{width:99.9%;resize: none;font-size: 1.4rem;}
.box .inquiry figure .btn a{display: block;float: right;line-height: 3rem;background: #182847;color: white;font-size: 1.8rem;border-radius: 5px;text-align: center;width:90px;margin-top: 10px;}
.box .contact{width:35%;font-size: 1.4rem;}
.box .contact h2{font-size:1.4rem;margin:30px 0 15px 0;}
.box .contact p{line-height: 2.2rem;}
/*-----in-co end-----*/

.news{width:100%;background: #e2ecee;padding-bottom: 65px;font-size: 1.4rem;}
.news .link{display: block;position: relative;width:100%;max-width: 1125px;margin: auto;}
.news .link a{display: flex;position: absolute;right:0;margin-top: 50px;align-items: center;}
.news .link a span{line-height: 2rem;border-bottom:2px solid black;margin-right: 3px;}
.news .link a i{border-width: 5px;border-style: solid;border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,1);width:0;height:0;font-size: 0;}
.news figcaption{width:100%;text-align: center;font-size: 3rem;font-weight: 600;padding: 50px 0 80px 0;}
.news figure{width:100%;max-width: 1125px;margin: auto;display: flex;justify-content: space-between;}
.news figure .n-list:hover{background: white;}
.news figure .n-list{width:30%;padding-bottom:15px;}
.news figure .n-list p{display: block;width:90%;margin: auto;font-size: 1.4rem;color:#50c4e9;margin-top: 15px;}
.news figure .n-list p:nth-child(2){display: flex;align-items: center;}
.news figure .n-list p:nth-child(2) span{margin: 0 10px 0 5px;}
.news figure .n-list .pic{width:100%;padding-bottom: 67%;display: block;background-size: 100% 100%!important;background-position: center!important;position: relative;margin: 0;}
.news figure .n-list .pic span{display: none;}
.news figure .n-list .pic:hover span{display: flex;position: absolute;width:100%;height:100%;justify-content: center;align-items: center;background: rgba(80,196,233,0.8);}
/*-----news end-----*/

footer{text-align: center;background: #b2b2b2;font-size: 1.4rem;line-height: 2.5rem;}
/*-----footer end-----*/
/*-----index-style end-----*/
.n-banner{width:100%;overflow: hidden;text-align: center;}
.n-banner img{width:100%;}

.title{width:100%;font-size:2.5rem;letter-spacing: 8px;line-height: 0.8em;width:100%;max-width:1125px;margin: auto;margin-top: 50px;}
.title span{font-size: 1.4rem;color:#43c3ea;letter-spacing: 0;line-height: 1em;}
.title p{font-size:1.6rem;letter-spacing: 0;display: flex;align-items: center;line-height: 1em;margin-top: 2.5rem;}
.title p i{border-style: solid;border-width: 5px;border-color: rgba(0,0,0,0);border-left-color: #084B65;font-size: 0;margin-left: 5px;}
.title p span{font-size:1.6rem;letter-spacing: 0;}
.product{width:100%;max-width:1125px;display: flex;justify-content: space-between;flex-wrap: nowrap;margin: auto;margin-bottom: 50px;padding-top: 50px;}
.product figure{width:100%;height:auto;}
.product figure .p-list{width:32%;margin-bottom:50px;float:left;margin-right:10px;}
.product figure .p-list .pic{width: 100%;}
.product figure .p-list .pic img{width:100%;}
.product figure .p-list p{text-align: center;line-height: 3.5rem;}
.product figure .p-list p a{color:#666;font-size: 1.4rem;}
.product figure .p-list p a:hover{color:#43c3ea;font-size: 1.4rem;}
.product aside{width:250px;overflow: hidden;}
.product aside .categories{width:100%;}
.product aside .categories ul li ol li a{display: block;font-size: 1.4rem;font-weight:400;width:100%;text-indent: 3rem;line-height: 3rem;}
.product aside .categories ul li ol li a:hover{color: black;background-color: #0182b5;}
.product aside .add{font-size: 1.4rem;line-height: 2rem;}
.product aside .add h2{font-size: 1.4rem;padding: 3rem 0 2rem 0;}




.clear{clear:left;}

footer p{display: block;position: relative;width:100%;margin: auto;max-width: 1125px;}
footer p span{display: block;position: absolute;right: 0;margin-top: -2.5rem;}
/*-----product-style end-----*/
/*-----initial-style end-----*/


@media screen and (min-width:1000px) {
    .product figure{
        display: flex;
        flex-wrap: wrap;
    }
}