html,body{margin:0;padding:0;}
ul,li,ol{margin:0;padding:0;list-style:none;}
img{border:0;}
a{text-decoration:none;color:#000;}
.cb{clear:both;}
.dn{display:none!important;}
.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.m{clear:both;width:90%;margin:0 auto;}


.header{height:100px;background:#fff;position:relative;}
.header.float{position:fixed;z-index:1000;left:0;right:0;top:0;}

.header .logo{float:left;margin:20px 0;}
.header .logo img{float:left;height:60px;}

.header .menuicon{display:none;position:absolute;right:15%;height:40px;width:40px;top:50%;margin-top:-20px;background:url(../images/menuicon.png) center center no-repeat;}
.header .menu{margin-left:22%;}
.header .menu ul{}
.header .menu li{display:inline-block;}
.header .menu li a{display:block;color:#063d65;line-height:97px;padding:0 15px;border-bottom:3px solid #fff;font-size:16px;}
.header .menu li a:hover,.header .menu li.cur a{background:#063d65;border-bottom-color:#dfbf9c;color:#dfbf9c;}
.header .menu li .node{display:none;line-height:80px;position:absolute;z-index:10000;right:0;top:100%;background:#083c5d;overflow:hidden;font-size:0;}
.header .menu li .node a{display:inline-block;margin:0 10px;color:#dfbf9c;line-height:80px;border:0;}

.header .language{position:absolute;right:5%;top:50%;margin-top:-15px;}
.header .language a{display:inline-block;margin:0 5px;height:30px;width:30px;border-radius:100%;background:#eee;text-align:center;line-height:30px;font-size:14px;color:#063d65;}
.header .language a.cur{background:#dfbf9c;}


.banner img{width:100%;}
.banner .owl-dots{position:absolute;z-index:100;left:0;right:0;bottom:30px;text-align:center;}
.banner .owl-dots a{display:inline-block;width:10px;height:10px;border-radius:5px;margin:0 5px;background:#b6b8af;}
.banner .owl-dots a.active{width:30px;background:#f0eee8;}


.titlebox{padding:80px 0;}
.titlebox div{font-size:70px;color:#f7f7f7;font-family:'黑体';font-weight:bold;text-transform:uppercase;}
.titlebox div span{display:block;color:#063d65;font-size:40px;margin-top:-30px;}


.servicebox ul{overflow:hidden;}
.servicebox li{float:left;width:20%;height:520px;position:relative;transition:all 0.5s;}
.servicebox li img{width:100%;height:100%;object-fit:cover;}
.servicebox li .text{position:absolute;right:0;left:0;top:0;bottom:0;background:rgba(0,0,0,0.4);color:#fff;}
.servicebox li .text div:first-child{position:absolute;left:0;right:0;top:50%;height:60px;line-height:30px;margin-top:-30px;text-align:center;}
.servicebox li .text div:last-child{display:none;position:absolute;left:10%;top:30%;}
.servicebox li .text div:last-child span{display:inline-block;padding:10px 20px;background:#063d65;color:#fff;font-size:16px;}

.servicebox ul:hover li{width:15%;}
.servicebox ul li:hover{width:40%;}
.servicebox ul li:hover .text{background:none;}
.servicebox ul li:hover .text div:first-child{left:10%;top:10%;right:auto;}
.servicebox ul li:hover .text div:first-child h3{display:inline-block;border-left:3px solid #dfbf9c;padding-left:20px;}
.servicebox ul li:hover .text div:last-child{display:block;}



.aboutbox{margin:100px 0 80px 0;overflow:hidden;}

.aboutbox .img{float:left;width:45%;}
.aboutbox .img img{width:100%;height:500px;object-fit:cover;}

.aboutbox .link{float:left;width:15%;text-align:center;}

.aboutbox .link div img:nth-child(2){display:none;}
.aboutbox .link div span{display:none;position:absolute;right:65%;top:50%;height:20px;line-height:20px;margin-top:-10px;font-size:14px;}

.aboutbox .link div{margin:12% 0;position:relative;}

.aboutbox .link div a:hover img{display:none;}
.aboutbox .link div a:hover img:nth-child(2){display:inline-block;}

.aboutbox .link div a:hover span{display:inline-block;}

.aboutbox .content{padding-right:5%;overflow:hidden;}
.aboutbox .content .titlebox{padding:10px 0 60px 0;}

.aboutbox .content .cont{line-height:25px;font-size:14px;overflow:hidden;}


.aboutbox .content .more div{height:2px;margin-bottom:15px;border-bottom:2px solid #024190;}
.aboutbox .content .more div span{display:inline-block;height:6px;background:#024190;width:50px;vertical-align:top;}
.aboutbox .content .more a{color:#024190;}



.productbox{padding-bottom:40px;background:#f7f7f7;overflow:hidden;}
.productbox .titlebox{padding:60px 0;}
.productbox .titlebox div{color:#fff;}
.productbox li{position:relative;float:left;width:60%;margin:0 2% 2% 0;height:300px;overflow:hidden}
.productbox li:nth-child(2){margin-right:0;width:38%;}
.productbox li:nth-child(3){width:38%;}
.productbox li:nth-child(4){margin-right:0;}
.productbox li img{width:100%;height:300px;object-fit:cover;}
.productbox li .text{position:absolute;left:0;right:0;bottom:0;top:50%;background:url(../images/typetitlebg.png) repeat-x;color:#fff;font-size:20px;}
.productbox li .tit{padding:20px 35px;font-weight:bold;}
.productbox li .more{display:inline-block;padding:10px 20px;background:#063d65;margin-left:35px;}



.newsbox{overflow:hidden;padding-bottom:30px;}
.newsbox .a{overflow:hidden;}
.newsbox .l{float:left;width:50%;margin-right:3%;font-size:0;}
.newsbox .l img{width:100%;height:385px;object-fit:cover;}
.newsbox .l h3{text-align:center;font-size:14px;height:35px;line-height:35px;background:#dfbf9c;margin:0;padding:0;}

.newsbox .r{overflow:hidden;}
.newsbox .r li{overflow:hidden;border:1px solid #e9e9e9;margin-bottom:2.5%;}
.newsbox .r li .time{float:left;padding:20px;border-right:1px solid #e9e9e9;text-align:center;font-weight:bold;}
.newsbox .r li .time div:first-child{font-size:50px;}
.newsbox .r li h3{margin:20px 0 10px 0;padding:0 20px;font-size:18px;overflow:hidden;line-height:30px;white-space:nowrap;text-overflow:ellipsis;}
.newsbox .r li .cont{padding:0 20px;font-size:14px;line-height:30px;height:60px;overflow:hidden;}
.newsbox .r li:hover{border-color:#063d65;background:#063d65;color:#dfbf9c;}
.newsbox .r li:hover a{color:#dfbf9c;}


.linkbox{border-top:1px solid #e9e9e9;padding:20px 0;}


.formbox{margin-top:50px;}
.formbox div{float:left;width:49%;margin:0 2% 2% 0;}
.formbox div:nth-child(2n){margin-right:0;}
.formbox div:nth-child(5){width:100%;margin-right:0;}
.formbox div:nth-child(6){width:100%;margin-right:0;}
.formbox div input{height:40px;width:98%;padding:0 1%;border:1px solid #ccc;}
.formbox div textarea{width:98%;padding:1%;border:1px solid #ccc;height:100px;}

.formbox div:nth-child(6) input{width:30%;vertical-align:middle;}
.formbox div:nth-child(6) input:last-child{float:right;background:#063d65;color:#dfbf9c;}
.formbox div:nth-child(6) img{height:38px;vertical-align:middle;}


.footer{padding:60px 0;background:#063d65;overflow:hidden}

.footer .a{float:left;width:40%;}
.footer .a .a2{color:#fff;margin-top:20px;line-height:30px;font-size:14px;}

.footer .a .a2 span{display:inline-block;width:30px;}


.footer .b{float:left;width:25%;margin-right:10%;color:#fff;}
.footer .b1{line-height:40px;font-weight:bold;font-size:18px;border-bottom:1px solid #60839d;}
.footer .b1 span{margin-left:10px;font-size:16px;font-weight:normal;color:#60839d;}
.footer .b2{font-size:0;margin-top:10px;}
.footer .b2 a{color:#fff;display:inline-block;width:33.33%;font-size:14px;line-height:40px;}


.footer .c{overflow:hidden;color:#fff;}
.footer .c1{line-height:40px;font-weight:bold;font-size:18px;border-bottom:1px solid #60839d;}
.footer .c1 span{margin-left:10px;font-size:16px;font-weight:normal;color:#60839d;}

.footer .c2 div{display:inline-block;width:45%;}
.footer .c2 div img{width:80%;margin-top:10%;}
.footer .c2 div span{display:block;width:80%;text-align:center;}


.footcopyright{padding:15px 0;text-align:center;color:#000;background:#dfbf9c;line-height:20px;}
.footcopyright a{color:#000;}

.in{padding:60px 0;overflow:hidden;}
.in .m{box-shadow:0 0 10px 0 #eee;}

.in .title{position:relative;padding:30px;box-shadow:0 10px 10px 0 #eee;}

.in .nav{width:70%;}
.in .nav li{display:inline-block;}
.in .nav li a{display:block;border-bottom:2px solid #fff;color:#000;margin-bottom:10px;margin-right:20px;font-size:16px;font-weight:bold;line-height:30px;text-transform:uppercase;}
.in .nav li a:hover,.in .nav li.cur a{border-bottom-color:#dfbf9c;color:#dfbf9c;}

.in .location{position:absolute;right:20px;top:50%;line-height:30px;margin-top:-15px;font-size:14px;text-transform:uppercase;}
.in .location a{font-size:14px;text-transform:uppercase;}


.in .content{padding:30px;}
.in .content .c img{max-width:100%;}

.in .list{overflow:hidden;}
.in .list li{float:left;width:23.5%;margin:0 2% 2% 0;overflow:hidden;}
.in .list li:nth-child(4n){margin-right:0;}

.in .list li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.in .list li img{height:300px;width:100%;object-fit:cover;transition:all 0.5s;}
.in .list li h3{margin:0;padding:5px;line-height:30px;font-size:16px;text-align:center;font-weight:normal;}

.in .list li a{display:block;}
.in .list li:hover img{width:120%;margin-left:-10%;}
.in .list li:hover a{color:#dfbf9c;}


.in .list2 li{clear:both;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #dfbf9c;overflow:hidden;}
.in .list2 li a{display:block;}
.in .list2 li .img{float:left;width:20%;margin-right:3%;}
.in .list2 li .img img{display:none;height:200px;width:100%;object-fit:cover;}

.in .list2 li div{font-size:60px;text-align:center;font-weight:bold;background:#eee;padding:20px;padding-bottom:0;color:#dfbf9c;}
.in .list2 li div:last-child{font-size:30px;padding-bottom:20px;color:#024190;}
.in .list2 li h4{font-weight:normal;}

.in .list2 li a:hover h3{color:#dfbf9c;}

.in .page{padding:20px 0;text-align:center;}


.in .page a{display:inline-block;margin:0 5px;padding:0 10px;height:30px;line-height:30px;border:1px solid #024190;color:#024190;}
.in .page a:hover,.in .page a.cur{border-color:#024190;background:#024190;color:#dfbf9c;}

.in .detail{position:relative;}
.in .detail h1{margin:0;padding:0;font-size:20px;text-align:center;}

.in .detail .i{padding:20px 0;text-align:center;}
.in .detail .i div{display:inline-block;margin-right:2%;}
.in .detail .p{text-align:center;}
.in .detail .p img{max-width:80%;}

.in .detail .tt{border-bottom:1px solid #024190;}
.in .detail .tt span{display:inline-block;padding:0 20px;height:35px;line-height:35px;background:#024190;color:#dfbf9c;}

.in .detail .c{padding:10px 0;line-height:25px;font-size:16px;color:#333;}
.in .detail .c a{color:#333;}
.in .detail .c img{max-width:100%;}

.in .detail .n{margin:10px 0;line-height:30px;font-size:16px;}
.in .detail .n a{color:#dfbf9c;}


.inhonour .list li img{height:425px;}


@media screen and (max-width:1250px) {
    .header .menu{margin-left:16%;}
    .footer .c2 div span{font-size:14px;}
}

@media screen and (max-width:1150px) {
    .header .menu{display:none;background:#fff;}
    .header .menuicon{display:inline-block;right:5%;}
    .header .language{right:15%;}
    .footer .c2 div span{font-size:12px;}
}

@media screen and (max-width:1150px) {
    .header .menu{position:absolute;z-index:100;left:0;right:0;top:100%;background:#fff;margin:0;text-align:center;border-top:1px solid #eee;}
    .titlebox{padding:40px 0;}
    .titlebox div{font-size:50px;}
    .titlebox div span{font-size:30px;}
    .aboutbox .content .titlebox{padding-bottom:30px;}
    .aboutbox .img img{height:400px;}
    .productbox .titlebox{padding:30px 0;}
}

@media screen and (max-width:850px) {
    .header{height:60px;}
    .header.float{position:relative;}
    .header .logo{margin:10px 0;}
    .header .logo img{height:40px;}
    .header .language{right:25%;}
    .header .menu li{display:block;}
    .header .menu li a{line-height:35px;}

    .titlebox{padding:20px 0;}
    .titlebox div{font-size:30px;}
    .titlebox div span{font-size:22px;margin-top:-10px;}
    .servicebox li{width:50%;height:180px;}
    .servicebox li:last-child{width:100%!important;}
    .servicebox li .text div h3{font-size:14px;}
    .servicebox ul:hover li{width:50%;}
    .servicebox ul li:hover{width:50%;}
    .servicebox ul li:last-child:hover{width:100%;}

    .aboutbox{margin:30px 5%;}
    .aboutbox .img{display:none;}
    .aboutbox .link{display:none;}
    .aboutbox .content .cont{height:auto;}

    .productbox .titlebox{padding:20px 0;}

    .productbox li{width:100%;margin:0;height:180px;}
    .productbox li img{height:180px;}
    .productbox li .text{font-size:16px;}
    .productbox li .tit{padding:10px 35px;}
    .productbox li .more{font-size:12px;}

    .productbox li:nth-child(2),.productbox li:nth-child(3),.productbox li:nth-child(4){width:100%;}

    .newsbox .l{display:none;}
    .newsbox .r li .time{padding:10px;}
    .newsbox .r li .time div:first-child{font-size:30px;}
    .newsbox .r li h3{margin:5px 0;font-size:16px;line-height:25px;}
    .newsbox .r li .cont{line-height:20px;height:40px;font-size:13px;}

    .footer .a,.footer .b,.footer .c{float:none;width:100%;}
    .footer .b,.footer .c{margin-top:20px;}

    .footer .a .a2 span{display:block;}

    .in{padding:30px 0;}
    
    .in .nav{width:100%;overflow:hidden;}
    .in .nav li{float:left;font-size:0;}
    .in .nav li a{font-size:16px;}

    .in .location{display:none;}

    .in .title{padding:15px;}
    .in .content{padding:20px 15px;}
    
    .in video{width:100%;height:200px;}

    .in .list li{width:49%;}
    .in .list li:nth-child(2n){margin-right:0;}
    .in .list li img{height:150px;}

    .in .list2 li .img{width:36%;}
    .in .list2 li div{font-size:40px;padding:10px 10px 0 10px;}
    .in .list2 li div:last-child{font-size:14px;}
    .in .list2 li h3{font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .in .list2 li h4{font-size:13px;line-height:20px;height:40px;overflow:hidden;}

    .in .page a{font-size:12px;padding:0 5px;height:25px;line-height:25px;}


    .in .detail .n{font-size:14px;line-height:20px;}
    .in .detail .n div{margin-bottom:10px;}

    .inhonour .list li img{height:205px;}

}