.page_ban{width: 100%;background: url(../images/page_ban.jpg);min-height: 23vw;padding-top: 12vw;box-sizing: border-box;background-size: cover;box-shadow: 0 45px 5vw 0px rgba(0,0,0,0.03);}
.page_ban p{text-align: center;color: #653833;font-size: 2vw;}
.page_ban p em{display: none;}

.ResTitle_a1{margin-left: 7vw;display: inline-block; color: #274e85;font-size: 2.3vw;font-weight: bold;padding: 1.5vw 13.4vw 1.5vw 1.5vw;border-top-right-radius: 3vw;border-bottom-right-radius: 3vw;
    background: #b8ebff;
background: linear-gradient(to right,#fff, #b8ebff);
background: -ms-linear-gradient(to right,#fff, #b8ebff);
background: -webkit-linear-gradient(to right,#fff, #b8ebff);}
.ResTitle_a1 em{display: none;}
.ResTitle_a1 .VideoDisplay_a1_back{float: right;display: inline-block;margin-top: 0;font-size: 16px;height: auto;line-height: 1.5;
    border-left: 5px solid #274e85;padding: 5px 0 5px 10px;margin-top: 10px;}

.content{width: 86%;margin: 80px auto 6vw auto;color: #274e85;font-size: 16px;line-height: 1.8;}
.content img{max-width: 100%;}
.layui-layer{box-shadow: none !important;}
.title{text-align: left;margin-bottom: 2.6vw;position: relative;}
.title b{font-weight: 800;font-size: 6vw;color: #0066f1;opacity: 0.1;font-family: Arial;line-height: 1.2;}
.title em{width: 100%;font-size: 2vw;color: #274e85;display: block;font-weight: bold;position: absolute;top: 4vw;}
.title span{font-size: 1.5vw;color: #0f2748;text-transform: capitalize;font-weight: bold;}
.title h5{font-weight: bold;font-size: 1.5vw;color: #0f2748;}

.box-about .fr{width: 38.9%;margin-right: 4.6%;box-shadow: 1px 6px 1vw 1px rgba(0,89,111,0.1);border-radius: 8px;overflow: hidden;}
.box-about .fr img{display: block;width: 100%;}
.box-about .fl{width: 52.8%;margin-right: 0;color: #13253f;}
.box-about .fl p{display: inline-block;margin-bottom: 2vw;line-height: 1.8;text-indent: 2em;font-size: 1vw;color: #274e85;}
.box-video{background: url(../images/vbg.jpg) bottom left no-repeat;background-size: 100% 6.5vw;padding-bottom: 3vw;margin: 2.6vw auto 5.2vw auto;}
.box-video a{width: 39vw;display: block;height: 21vw;background: url(../images/poster2.png) no-repeat;background-size: cover;margin: 0 auto;border-radius: 7px;overflow: hidden;}

.PosList_a1{box-sizing: border-box;color: #999999;width: 100%;padding: 0 7vw;text-align: left;font-size: 12px;color: #888888;font-size: 16px;
text-transform: uppercase;margin: 2.6vw auto 3.5vw auto;}
.PosList_a1 b{font-weight: normal;}

.NavList_a1{text-align: left;background: #fff;box-sizing: border-box;padding: 1.2vw 7%;box-shadow: 0 45px 5vw 0px rgba(0,0,0,0.03);}
.NavList_a1 li{display: block;float: left;margin-right: 1.1vw;}
.NavList_a1 li a{line-height: 1.5;font-size: 16px;color: #274e85;display: block;padding: 0.5vw 1.5vw;position: relative;    z-index: 3;}
.NavList_a1 li .on,.ClassList_b3 li.on a{color: #fff; background: #0b66c6;background: linear-gradient(300deg,#0b66c6 54%, #049ac2);background: -ms-linear-gradient(300deg,#0b66c6 54%, #049ac2);
background: -webkit-linear-gradient(300deg,#0b66c6 54%, #049ac2);}

.ClassList_b3 {background: #f5f8fa;padding: 1vw 1vw 0 1vw;margin: 2.2vw auto;}
.ClassList_b3 li{margin-bottom: 1vw;float: left;width: 18.2%;background: #fff;margin-right: 2.25%; text-align: center;}
.ClassList_b3 li a{color: #274e85;display: block;padding: 0.5vw 0;}
.ClassList_b3 li:nth-child(5n){margin-right: 0;}

.culture ul{display: block;}
.culture li {display: block;float: left;width: 47.5%;margin-right: 5%;margin-bottom: 2.6vw;text-align: left;color: #274e85;}
.culture li:nth-child(2n){margin-right: 0;}
.culture li h3{font-size: 32px;display: block;margin-bottom: 0.8vw;}
.culture li p{font-size: 18px;}

.NewsDetail_a1{width: 76.5%;margin: 5.2vw auto;padding: 6vw 12.5%;box-sizing: border-box;box-shadow: 0 0px 1.5vw 2px rgba(0,0,0,0.2);}
.NewsDetail_a1 #nt{margin-bottom: 1.2vw; border-left: 8px solid #13529c;padding-left: 1.3vw; font-size: 1.4vw;color: #13529c;font-weight: bold; line-height:1.6;letter-spacing:1px;}
.NewsDetail_a1 #nf{border-bottom: 1px solid #666666;padding-bottom: 1.3vw; margin-bottom:20px; height:21px; line-height:21px;}
.NewsDetail_a1 #nf em{padding-top:2px; margin-right:2px; display: inline-block; }
.NewsDetail_a1 #nf span{display: inline-block; font-size:16px;color: #929292; width:21px;height: 21px; margin-right:4px; text-align:center; cursor:pointer;}
.NewsDetail_a1 #nf span.nf_on{ background:#666666;color: #fff;}
.NewsDetail_a1 #nb{display: inline-block; line-height: 21px;margin-right: 3.2vw;}
.NewsDetail_a1 p img{max-width: 100%;margin: 5px auto;}
.NewsDetail_a1 .nf1 img,.NewsDetail_a1 .nf2 img,.NewsDetail_a1 .nf3 img{margin:10px auto;max-width: 100%;}
.NewsDetail_a1 .nf1{line-height:1.8; font-size:16px; letter-spacing:1px;min-height: 400px;color: #000000;}
.NewsDetail_a1 .nf2{line-height:1.8; font-size:18px; letter-spacing:1px;min-height: 400px;color: #000000;}
.NewsDetail_a1 .nf3{line-height:1.8; font-size:20px; letter-spacing:2px;min-height: 400px;color: #000000;}
.NewsDetail_a1 #newtb{margin-top: 3.7vw;color: #000000;}
.NewsDetail_a1 #newtb span{ display:block; width:50%; float:left;}
.NewsDetail_a1 #newtb em{ display:block; width:50%; float:left;}
.NewsDetail_a1 #newtb em a{color: #444;}
.NewsDetail_a1 #newskw{ font-size:14px; font-weight:bold; margin:10px 0; line-height:30px; word-spacing:1em;display: none;}
#newtb em,.NewsDetail_a1 #newtb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.product-detail {color: #274e85;line-height: 1.8;}
.product-detail .t {margin-bottom: 2vw;}
.product-detail .t .fl{width: 33%;border: 1px solid #dfe6ea;box-sizing: border-box;}
.product-detail .t .fl img{display: block;width: 100%;border: 1.5vw solid #f5f8fa;box-sizing: border-box;}
.product-detail .t .fr{min-height: 25vw; width: 64.5%;margin-top: 1.5vw;background: #f5f8fa;font-size: 18px;line-height: 1.8;}
.product-detail .fr .clearfix{padding: 1.2vw 1.5vw;box-sizing: border-box;}
.product-detail table{border-collapse: collapse;width: 100%;margin-bottom: 1.5vw;}
.product-detail th, .product-detail td{border: 1px solid #d7dfe3;padding: 13px 1.5vw;background: #f5f8fa;}
.product-detail .fr .tit,.product-detail .tit th{font-weight: normal;text-align: left; text-indent: 34px;background: url(../images/icon.png) #c2ebfe no-repeat;background-position: 1.5vw center; color: #274e85;font-size: 22px;line-height: 66px;height: 66px;padding: 0 1.5vw;box-sizing: border-box;}
.ptab3{text-align: center;}

.contact .message{color: #245192;}
.contact .message li{display: block;float: left;width: 21.5%;margin-right: 3.7%;margin-bottom: 2.2vw;}
.contact .message li:nth-child(4n),.contact .message li:last-child{margin-right: 0;}
.contact .message li:nth-child(5),.contact .message li:nth-child(6){width: 47.7%;}
.contact .w50{width: 49.5%;}
.contact .w50 img{display: block;width: 100%;}
.contact h4{font-size: 19px;}
.contact p{font-size: 16px;}
.contact li.w50 p{display: block;min-height: 3em;line-height: 1.5;}
.contact li>img{margin-top: 0.5vw;}
.page{text-align: center;padding-top: 40px;line-height: 1.5;}
.page a,.page span{display: inline-block;padding: 3px 10px;border: 1px solid #999999;margin: 5px;color: #999999;line-height: 1.5;}
.page .on, .page .cur{border-color: #274e85;color: #fff;background: #274e85;}
.pageinfo{display: none;}
.content .page{display: block;}
.content #load_more_button{display: none;width: 48vw;margin: 3vw auto 0 auto;padding: 3vw 0;
    text-align: center;color: #fff;background: #0b66c6;background: linear-gradient(300deg,#0b66c6 54%, #049ac2);background: -ms-linear-gradient(300deg,#0b66c6 54%, #049ac2);
background: -webkit-linear-gradient(300deg,#0b66c6 54%, #049ac2);}

.VideoDisplay_a1{width:100%; margin:0 auto;}
.VideoDisplay_a1 h2{ display:block; line-height:1.2; padding-bottom: 1.5vw;font-size: 22px; text-align:center;}
/*.VideoDisplay_a1_C{ height:700px;}*/
.VideoDisplay_a1_C iframe{max-width: 100% !important;height: 33vw;width: 87.5%;}
.VideoDisplay_a1_C embed{max-width: 100% !important;height: 33vw;width: 87.5%;}

.VideoDisplay_a1_back{text-align:center; height:40px; margin-top:30px;}
.VideoDisplay_a1_back a{ width:200px;}
.VideoDisplay_a1_C{text-align: center;}

.VideoDisplay_a1_back a.more{color: #f0cb48;display:inline-block;font-weight: lighter; border: 1px solid #f0cb48; position:relative; transition: 0.6s; padding: 7px; padding-left:25px; padding-right: 25px;font-size:16px;z-index:1;font-family:"微软雅黑";}
.VideoDisplay_a1_back a.more::before{content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background:#f0cb48;z-index: -1;}
.VideoDisplay_a1_back a.more.on{background:#f0cb48;color:#fff;}

@media screen and (min-width: 1024px) {
    .VideoDisplay_a1_back a.more:hover{color:#4e1a1a;}
    .VideoDisplay_a1_back a.more:hover::before{width:100%;}
}

@media screen and (max-width: 1450px) {
    .content{width: 80%;}
}
@media screen and (max-width: 1250px) {
    .box-about .fl p{font-size: 14px;}
    .NewsDetail_a1 #nt{font-size: 18px;}

    .contact .message li,.contact .message li:nth-child(5), .contact .message li:nth-child(6){width: 47.5%;margin-right: 5%;}
    .contact .message li:nth-child(2n){margin-right: 0;}
    .contact .w50 {width: 47.5%;}
}
@media screen and (max-width: 1024px)  and (orientation: portrait){
    .content{width: 90%;height: auto;margin-top: 30px;min-height: 580px;}
    .ResTitle_a1,.title em{font-size: 3vw;}
    .title{margin-bottom: 5vw;}
    .NewsDetail_a1{width: 80%;padding: 6vw;}
}
@media screen and (max-width: 768px){
    .NewsDetail_a1 #nt{padding-top: 0;}

    .about .fl{width: 100%;}
    .about .fr{width: 100%;}

    .honorlist li img{height: 18vw;}
}
@media screen and (max-width: 640px){
    .content{min-height: 200px;width: 93%;margin: 8vw auto 12vw auto;font-size: 3.8vw;}
    .content #load_more_button{padding: 2vw 0;width: 50%;line-height: 1.5;font-size: 4.2vw;display: block;}
    .content .page{display: none !important;}

    .PosList_a1{padding: 15px 3%;font-size: 3.8vw;}
    .page_ban {height: 56.8vw;padding-top: 25.6vw;background: none;}
    .page_ban p{font-size: 6vw;}
    
    .NewsDetail_a1 #newtb span{width: 100%;}
    .NewsDetail_a1 .nf1{font-size: 3.8vw;}
    .NewsDetail_a1 .nf2{font-size: 4.0vw;}
    .NewsDetail_a1 .nf3{font-size: 4.2vw;}
    .NewsDetail_a1 #nt{font-size: 4.5vw;border-left-width: 4px;}
    .NewsDetail_a1 #nf{padding-bottom: 5vw;margin-top: 5vw;}
    .NewsDetail_a1 #nf span{font-size: 3.8vw;}
    .NewsDetail_a1{padding: 0;width: 93%;margin: 6vw auto;box-shadow: none;}
    .NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{margin: 2vw auto;}
    .NavList_a1{width: 100%;padding: 0;}
    .NavList_a1 ul{width: 93%;margin: 3vw auto;}
    .NavList_a1 li{margin: 0;width: auto;}
    .NavList_a1 li a,.ClassList_b3 li a{text-align: center;font-size: 3.8vw;line-height: 1.6;padding: 1.5vw 3vw;}
    .NavList_a1 li .on{font-weight: normal;}

    .ClassList_b3{padding: 0;background: none;margin: 4vw auto;}

    .ResTitle_a1{font-size: 6.3vw;padding: 5.5vw 4.8vw;width: 68.75%;margin-left: 1.4%;box-sizing: border-box;border-top-right-radius: 11vw;border-bottom-right-radius: 11vw;}
    .title b{font-size: 16vw;}
    .title em{font-size: 5.3vw;top: 8vw;}
    .title h5{font-size: 3.8vw;}

    .honorlist li{width: 50%;}
    .honorlist li img{display: inline-block;height: 31vw;margin-bottom: 0;}

    .culture h3{font-size: 5vw;}
    .culture li{float: none;width: 100%;margin: 0 0 6vw 0;}
    .culture li h3{font-size: 4.2vw;margin-bottom: 1vw;line-height: 1.5;}
    .culture li p{font-size: 3.8vw;}

    .ResTitle_a1 .VideoDisplay_a1_back{font-size: 3.8vw;margin-top: 2vw;border-left: 3px solid #274e85;padding: 1vw 0 1vw 3vw;line-height: 1.0; }

    .box-about .fl p{font-size: 3.8vw;}
    .about .fr{float: none;margin: 0 ;margin-bottom: 3vw;}
    .box-video{margin-top: 0 !important;}

    .contact .message li,.contact .message li:nth-child(5), .contact .message li:nth-child(6){width: 100%;margin-right: 0;float: none;margin-bottom: 2vw;}
    .contact h4{font-size: 3.8vw;display: inline-block;}
    .contact p{font-size: 3.8vw;display: inline-block;}
    .contact .w50{width: 100%;float: none;margin-bottom: 3vw;}
    .contact li.w50 p{min-height: 1em;}
    .contact .w50 img{display: block;width: 100%;}

    .product-detail .t .fl{float: none;width: 100%;}
    .product-detail .t .fr{font-size: 3.8vw;}
    .product-detail .fr .tit, .product-detail .tit th{font-size: 4.2vw;height: auto;line-height: 1.5;padding: 2vw 3vw;
        background-position: 3vw center;background-size: auto 3vw;padding-left: 7vw;text-indent: 0;}
    .product-detail .t .fr{border-left: none;width: 100%;height: auto;}
    .product-detail .fr .clearfix{padding: 3.2vw 3vw;}

}