@charset "UTF-8";

@font-face {
    font-family: 'din';
    src:  url('../font/din.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font-size: 14px; line-height: 1.4;  margin: 0 auto; color: #333333; letter-spacing:0.5px; background-color: #ffffff; font-family:'Microsoft YaHei',Arial, sans-serif;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol { list-style: none;}
* {box-sizing: border-box;margin: 0;padding: 0;outline: none;}
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; outline: 0; vertical-align: middle;}

input, select, textarea, button, option{vertical-align: middle;resize: none; -webkit-appearance: none !important; appearance: none;outline: none;border: none; background: transparent; font-family:'Microsoft YaHei',Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none;border-radius: 0; }

::-moz-selection { background: #0956a7; color: #ffffff; text-shadow: none; }
::selection { background: #0956a7; color: #ffffff; text-shadow: none; }
select{ outline: none;}

select::-ms-expand { display: none; }

::-webkit-scrollbar{width: 6px;height: 6px;}
::-webkit-scrollbar-thumb{ border-radius: 50px; background:#0956a7;}
::-webkit-scrollbar-track{border-radius: 10px !important;background: #EDEDED !important;}
::-webkit-scrollbar-thumb:hover{ background: #0956a7;}

a{ text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }
a:link, a:visited { text-decoration: none !important; }
a:active, a:hover { text-decoration: none; }
.clear{ clear:both;}
.clearfix:before, .clearfix:after{ display: table; content: ""; line-height: 0px; }
.clearfix:after{clear: both;}

.fl{ float: left;}
.fr{ float: right;}
.container{ width: 1400px !important; height: 100%; margin: 0 auto;}

/*======================等比填充======================*/
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%; object-fit: cover;}
.rect-488 {padding-bottom: 48.8%;}
.rect-67 {padding-bottom: 67%;}

.trans5{-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom img,.imgY180 img {-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom {overflow: hidden;-webkit-transform: rotate(0);transform: rotate(0);}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.imgY180:hover img {cursor: pointer; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}


.catename{ position: relative;}
.catename .name{ font-size: 38px; color: #333333;}
.catename .subtitle{margin-top: 5px; font-size: 22px; color: #333333;}

.viewmore{position: relative; display: inline-block; border: 2px #0956a7 solid;}
.viewmore::after{ position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ''; background:#0956a7;z-index: 0;  transition:0.5s all;}
.viewmore:hover::after{ width: 100%;}
.viewmore a{ display: block; position: relative; font-size: 15px; color: #0956a7; padding: 12px 35px;z-index: 1; }
.viewmore a span{ margin-left: 10px; font-size: 14px; color: #0956a7; transition:0.5s all;}
.viewmore:hover a{ color: #ffffff;}
.viewmore:hover a span{ margin-left: 15px; color: #ffffff;}

/* 通用视频弹窗*/
.video{display: none; position: fixed; left: 0;top: 0;z-index: 9999;width: 100%;height: 100vh;background: rgba(0, 0, 0, .9); z-index: 999;}
.video .videoList{position: relative;padding: 30px;background: #ffffff;width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video .close{position: absolute;right: 10px;top: 10px;border-radius: 100%; font-size: 17px; color: #333333; cursor:   pointer;}
.video .close:hover{ color: #0956a7;}

/*头部*/
.header{height:100px; z-index: 99;width: 100%; position:fixed; top: 0; background: #ffffff; transition:0.5s all; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.header .container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
.header .logo{ height:100%; display:flex; align-items:center; transition:0.5s all;}
.header .logo img{ height:65px; display:block; transition:0.5s all;}
.header .nav{ display: flex; height:100%; transition:0.5s all;}
.header .nav>ul{display:flex; height:100%;}
.header .nav .drop{display: inline-block; padding: 0 35px; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
.header .nav .drop:last-child{ padding-right: 0;}
.header .nav .drop>a{position: relative; height:100%; display:flex; justify-content:center;align-items:center; font-size: 17px; color: #333333; font-weight: bold;}
.header .nav .drop>a::before{position: absolute; content: ''; width: 0; height: 3px; right: 0; bottom:0; background: #0956a7;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.header .nav .drop:hover>a,.header .nav .drop.active>a{color: #0956a7;font-weight: bold;}
.header .nav .drop:hover>a::before{width: 100%; left: 0;}
.reserve{ width: 100%; height: 100px;}
.sp_nav,.sjj_nav{ display: none;}

/* banner */
.banner {width:100%;position: relative; z-index:0; background:#ffffff; overflow:hidden;}
.banner .swiper-slide .pic { width: 100%; height: auto; position:relative; z-index:1;}
.banner .swiper-slide .pic img{width:100%;height:100%;transition: all 3s; transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); display:block;}
.banner .swiper-slide-active .pic img{ transform: scale(1,1); -webkit-transform: scale(1,1); transition-delay:0.3s;}
.banner .pagination{position: absolute; width: 100%;bottom: 25px;}
.banner .pagination .container{position: relative;}
.banner .pagination .swiper-pagination{bottom: 0 !important; }
.banner .pagination .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 5px; border: 2px #ffffff solid;  border-radius: 50%; background:none !important; opacity: 1;transition: all .5s ease 0s;}
.banner .pagination .swiper-pagination .swiper-pagination-bullet-active{ background: #ffffff !important;}

.inabout{ position: relative; padding: 70px 0 0; background: #f7f7f7;}
.inabout .abouttop{ display: flex; justify-content: space-between; align-items: center;}
.inabout .abouticon{ display: flex;}
.inabout .abouticon .item{ margin: 0 35px;}
.inabout .abouticon .item:last-child{ margin-right: 0;}
.inabout .abouticon .item .icon{ width: 60px; height: 60px; border-radius: 50%; border: 1px #0956a7 solid; display: flex; align-items: center; justify-content: center;}
.inabout .abouticon .item .icon img{ height: 35px;}
.inabout .abouticon .item p{margin-top: 10px; font-size: 16px; color: #333333; text-align: center;}
.inabout .aboutbox{ position: relative; margin-top: 40px;}
.inabout .aboutbox .aboutimg{position: absolute;width: 52%; height: 100%;}
.inabout .aboutbox .aboutimg .img{position: absolute;width: 140%;height: 100%;top: 0;right: 0;}
.inabout .aboutbox .aboutimg .img img{ width: 100%; height: 100%; object-fit: cover;}
.inabout .aboutbox .right{float: right;width: 48%;position: relative;}
.inabout .aboutbox .right .word{ padding: 40px; background: #ffffff;}
.inabout .aboutbox .right .word .title{ font-size: 26px; color: #333333;}
.inabout .aboutbox .right .word .content{ margin-top: 20px; font-size: 15px; color: #333333; line-height: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4;  -webkit-box-orient: vertical;}
.inabout .aboutbox .right .word .viewmore{margin-top: 60px;}
.inabout .aboutbox .right .culture{ width: calc(100% + 80px); padding: 40px; background: url(../img/culturebg.jpg) center no-repeat; background-size: cover; transform: translateX(-80px);}
.inabout .aboutbox .right .culture .swiper-slide{opacity: 0 !important;}
.inabout .aboutbox .right .culture .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.inabout .aboutbox .right .culture .swiper-slide .tit{margin-bottom: 25px; font-size: 22px; color: #ffffff; font-weight: bold;}
.inabout .aboutbox .right .culture .swiper-slide .desc{ font-size: 18px; color: #ffffff; line-height: 2;}
.inabout .aboutbox .right .culture .swiper-slide .cont{ width: 96%; font-size: 15px; color: #ffffff; line-height: 2;}
.inabout .aboutbox .right .culture .pagination{position: absolute; width: 10px; height: auto; left: auto !important; right: 0 !important; bottom: auto !important; top: 50%; transform: translateY(-50%); z-index: 99; }
.inabout .aboutbox .right .culture .pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 5px 0; border: 2px #ffffff solid;  border-radius: 50%; background:none !important; opacity: 1;transition: all .5s ease 0s;}
.inabout .aboutbox .right .culture .pagination .swiper-pagination-bullet-active{ background: #ffffff !important;}

.inproduct{ position: relative; padding: 70px 0; background: #ffffff;}
.inproduct .productbox{ position: relative; margin-top: 40px; display: grid;  grid-gap: 30px; grid-template-columns: repeat(1,1fr);}
.inproduct .productbox .listtop{display: grid;  grid-gap: 30px; grid-template-columns: repeat(4,1fr);}
.inproduct .productbox .listtop .item .title{margin-top: 20px; padding: 0 5px; font-size: 18px; color: #333333; font-weight: bold;}
.inproduct .productbox .listtop .item:hover .title{ color: #0956a7;}
.inproduct .productbox .listbottom{display: grid;  grid-gap: 30px; grid-template-columns: repeat(3,1fr);}
.inproduct .productbox .listbottom .item .title{margin-top: 20px; padding: 0 5px; font-size: 18px; color: #333333; font-weight: bold;}
.inproduct .productbox .listbottom .item:hover .title{ color: #0956a7;}

.innews{position: relative; padding: 70px 0; background: #f7f7f7;}
.innews .newstop{ display: flex; justify-content: space-between; align-items: flex-end;}
.innews .newsbox {position: relative; margin-top: 40px; display: flex; grid-gap: 30px }
.innews .newsbox .listleft{position: relative;  flex: 2;display: grid;  grid-gap: 30px; grid-template-columns: repeat(2,1fr); }
.innews .newsbox .listleft .item{ box-shadow: 0 0 10px rgba(0,0,0,0.04);background: #ffffff;}
.innews .newsbox .listleft .item .infor{padding: 30px 15px; }
.innews .newsbox .listleft .item .time{ font-size: 15px; color: #0956a7; font-family: 'din'; font-weight: bold;}
.innews .newsbox .listleft .item .title{ margin-top: 15px; font-size: 18px; color: #333333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1;  -webkit-box-orient: vertical;}
.innews .newsbox .listleft .item .desc{ margin-top: 10px; font-size: 15px; color: #333333; line-height: 26px; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.innews .newsbox .listleft .item:hover .title{ color: #0956a7;}
.innews .newsbox .listright {position: relative; display: grid;  grid-gap: 30px; grid-template-columns: repeat(1,1fr); flex: 1; }
.innews .newsbox .listright .item{position: relative; display: flex; align-items: center; height: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.04); background: #ffffff;}
.innews .newsbox .listright .item .infor{padding: 30px 15px;}
.innews .newsbox .listright .item .time{ font-size: 15px; color: #0956a7; font-family: 'din'; font-weight: bold;}
.innews .newsbox .listright .item .title{ margin-top: 15px; font-size: 18px; color: #333333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1;  -webkit-box-orient: vertical;}
.innews .newsbox .listright .item .desc{ margin-top: 10px; font-size: 15px; color: #333333; line-height: 26px; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.innews .newsbox .listright .item:hover .title{ color: #0956a7;}

.footer{position: relative;  background: url(../img/footerbg.jpg) center no-repeat; background-size: cover;}
.footer .footertop{padding: 50px 0;display: flex; justify-content: space-between;}
.footer .footertop .left .flogo{ height: 80px;}
.footer .footertop .left{ width: 450px;}
.footer .footertop .left .text{position: relative; margin-top: 25px;}
.footer .footertop .left .text p{margin-bottom: 10px; font-size: 15px; color: #ffffff;}
.footer .footertop .left .text p span{margin-right: 5px; font-size: 15px; color: #ffffff;}
.footer .footertop .left .text p a{ font-size: 24px; color: #ffffff; font-weight: bold; font-family: 'din';}
.footer .footertop .left .text p:last-child{ margin-bottom: 0;}
.footer .footertop .left .code{margin-top: 25px; display: flex; align-items: center;}
.footer .footertop .left .code div{ text-align: center;  margin-right: 80px;}
.footer .footertop .left .code div:last-child{ margin-right: 0;}
.footer .footertop .left .code p{ margin-top: 5px;  font-size: 15px; color:#ffffff; line-height: 24px;}
.footer .footertop .footnav{ width:calc(100% - 500px); display: flex;}
.footer .footertop .footnav .item:first-child{ width: 65%; margin-right: 100px;}
.footer .footertop .footnav .item:last-child{ width: 35%;}
.footer .footertop .footnav .item .name{ font-size: 17px; color: #ffffff; font-weight: bold;}
.footer .footertop .footnav .item dl{display: flex; justify-content: space-between; margin-top: 20px;}
.footer .footertop .footnav .item dl dd{width:50%;}
.footer .footertop .footnav .item dl dd a{display: block; font-size: 14px; color: #ffffff; line-height: 36px;}
.footer .footertop .footnav .item dl dd a:hover{ color: rgba(255, 255, 255, 0.7);}
.footer .copyright{ position: relative; padding: 25px 0;  font-size: 15px; color: #ffffff;border-top: 1px rgba(255, 255, 255, 0.2) solid;}
.footer .copyright a{font-size: 15px; color: #ffffff;}
.footer .copyright a:hover{color: rgba(255, 255, 255, 0.7);}

.pbanner{ width:100%; position:relative; color: #ffffff; overflow:hidden;}
.pbanner .bannerimg {position: relative;}
.pbanner .bannerimg img{width:100%; display:block; opacity:1; -webkit-animation: picMove 3s ease; animation: picMove 3s ease;}
@-webkit-keyframes picMove {
    0%{
        -webkit-transform:scale(1.05);transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1)
    }
}
@keyframes picMove {
	0%{
        -webkit-transform:scale(1.05);transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1)
    }
}

.pagenav{ position: relative; background: #ffffff;}
.pagenav .menunav{ display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;}
.pagenav .menunav .item{position: relative; line-height: 80px; padding: 0 30px; flex: 1;}
.pagenav .menunav .item::after{ position: absolute; content: ''; width: 1px; height: 100%; top: 0; right: 0;background: #e6e6e6;}
.pagenav .menunav .item:last-child:after{display: none;}
.pagenav .menunav .item a{width: 100%; text-align: center; color: #333333; font-size: 17px; display: block; font-weight: bold;  text-transform: uppercase;}
.pagenav .menunav .item.active a,.pagenav .menunav .item:hover a { color: #0956a7; -webkit-transition-delay: .1s; transition-delay: .1s; }
.pagenav .menunav .item:last-child{border-right: none;}

.pageabout{ position: relative; background:url(../img/pageaboutbg.jpg) center no-repeat; background-size: cover;}
.pageabout::after{ position: absolute; content: ''; width: 50%; height: 100%; right: 0; top: 70px; background: #ffffff;}
.pageaboutbox{ display: flex; justify-content: flex-end; position: relative; z-index: 22;}
.pageabout .about-content{width: 56%; margin-top: 70px; padding:50px 0 50px 50px;background: #ffffff; border-radius: 8px 0 0 0;}
.pageabout .about-content h3 {font-size: 36px;margin: 0;margin-bottom: 20px;color: #333333; }
.pageabout .about-content h3 b{color: #0956a7;}
.pageabout .about-content .content{font-size: 16px; color: #333333; line-height: 2;}
.pageaboicon{ position: relative;}
.pageaboicon::before{position: absolute; content: ''; width: 50%; height: 100%; left: 0; top: 0; background: #ecf4fd;}
.pageaboicon .abouticon{ position: relative; padding: 30px 0; z-index: 2;width: 100%; background: #ecf4fd; border-radius: 0 8px 8px 0; display: grid;    grid-template-columns: repeat(4,1fr); grid-gap: 30px;}
.pageaboicon .abouticon .item .icon{ width: 60px; height: 60px; margin: 0 auto;border-radius: 50%; border: 1px #0956a7 solid; display: flex; align-items: center; justify-content: center;}
.pageaboicon .abouticon .item .icon img{ height: 35px;}
.pageaboicon .abouticon .item p{margin-top: 10px; font-size: 16px; color: #333333; text-align: center;}
.pagestrength{ position: relative; padding: 70px 0; background:#ffffff;}
.pagestrength .pagename{font-size: 36px; color: #333333; font-weight: bold; text-align: center;}
.pagestrength .pagename b{color: #0956a7;}
.pagestrength .strengthbox{margin-top: 20px; display: grid; grid-template-columns: repeat(2,1fr); grid-gap:0 40px;}
.pagestrength .strengthbox .item{display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 2px solid #eeeeee;}
.pagestrength .strengthbox .item .div1{ width: calc(100% - 120px);}
.pagestrength .strengthbox .item .div1 .m1{ font-size: 20px; color: #0956a7;font-weight: bold;}
.pagestrength .strengthbox .item .div1 .m2{margin-top: 10px; font-size: 15px; color: #666666; line-height: 1.6;}
.pagestrength .strengthbox .item .div2{display: flex;    align-items: center; justify-content: center; width: 80px;height: 80px;border-radius: 50%;background: rgba(9, 89, 167, .08);}
.pagestrength .strengthbox .item .div2 img{max-height: 40px;}
.pageadvantage{position: relative; padding: 70px 0; background: url(../img/advantagebg.jpg) center no-repeat; background-size: cover;}
.pageadvantage .pagename{font-size: 36px; color: #333333; font-weight: bold; text-align: center;}
.pageadvantage .pagename b{color: #0956a7;}
.pageadvantage .advantagebox{margin-top: 40px; display: grid; grid-template-columns: repeat(2,1fr); grid-gap:30px 40px;}
.pageadvantage .advantagebox .item .div1{position: relative; display: flex;  padding: 0 10px; background: linear-gradient(90deg, #0956a7 0, rgba(0,0,0,0) 100%); border-radius: 5px;}
.pageadvantage .advantagebox .item .div1 .num{ position: absolute; left: 10px; bottom: 0; font-size: 50px; color: #ffffff; font-family: 'din'; font-weight: bold; font-style: italic; line-height: 50px;text-shadow: 2px 2px 0 #0956a7, -2px -2px 0 #0956a7, 2px -2px 0 #0956a7, -2px 2px 0 #0956a7; }
.pageadvantage .advantagebox .item .div1 .title{padding: 6px 0; padding-left: 40px; font-size: 20px; color: #ffffff;font-weight: bold;}
.pageadvantage .advantagebox .item .div2{margin-top: 10px; font-size: 15px; color: #333333; line-height: 1.6;}
.pageculture{ position: relative;padding: 70px 0; background: #f4f8fb;}
.pageculture .culturelist{display: grid; grid-template-columns: repeat(2,1fr); grid-gap:40px;}
.pageculture .culturelist .item{position: relative; padding: 25px; border-radius: 8px; background: #ffffff;box-shadow: 0px 2px 19px 10px rgba(134, 146, 165, 0.07); }
.pageculture .culturelist .item::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 8px; border: 2px solid #0956a7; opacity: 0; transition: all .5s ease; }
.pageculture .culturelist .item:hover::after{ opacity: 1;}
.pageculture .culturelist .item .iconfont{margin-bottom: 15px; font-size: 58px; color: #0956a7;}
.pageculture .culturelist .item .tit{margin-bottom: 10px; font-size: 22px; color: #0956a7; font-weight: bold;}
.pageculture .culturelist .item .desc{ font-size: 18px; color: #333333; line-height: 2;}
.pageculture .culturelist .item .cont{ width: 100%; font-size: 15px; color: #333333; line-height: 2;}
.pagehonor{position: relative; padding: 70px 0;  background: #f7f8fa;}
.pagehonor .honorlist{position:relative; display: grid; grid-gap:20px; grid-template-columns: repeat(4,1fr);}
.pagehonor .honorlist .item{ position: relative; cursor: pointer;border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,.1);}
.pagehonor .honorlist .item .img { overflow: hidden; background:  #ffffff; }
.pagehonor .honorlist .item .img .rect-67 { display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));position: relative;}
.pagehonor .honorlist .item .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pagehonor .honorlist .item .title { font-size: 16px; color: #333333;  line-height: 60px;text-align: center; background: #ffffff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.pagehonor .honorlist .item:hover .title {color: #0956a7;}
.pageoffice{position: relative; padding: 70px 0;  background: #f7f8fa;}
.pageoffice .officelist{position:relative; display: grid; grid-gap:20px; grid-template-columns: repeat(4,1fr);}
.pageoffice .officelist .item{ position: relative; cursor: pointer;border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,.1);}
.pageoffice .officelist .item .img { overflow: hidden; background:  #ffffff; }
.pageoffice .officelist .item .img .rect-67 { display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));position: relative;}
.pageoffice .officelist .item .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pageoffice .officelist .item .title { font-size: 16px; color: #333333;  line-height: 60px;text-align: center; background: #ffffff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.pageoffice .officelist .item:hover .title {color: #0956a7;}
.pageapplication{position: relative; padding: 70px 0;  background: #f7f8fa;}
.pageapplication .applicationlist{position: relative; display: grid;  grid-template-columns: repeat(2,1fr); grid-gap:30px;}
.pageapplication .applicationlist .item{position: relative; border-radius: 8px; background: #ffffff; overflow: hidden;display: flex;}
.pageapplication .applicationlist .item:hover{box-shadow: 0vw 0vw 1.3025vw rgba(0, 0, 0, .1);}
.pageapplication .applicationlist .item::after{    content: "";display: inline-block;width: 0%;height: 3px;bottom: 0;left: 0;background: #0956a7;position: absolute;z-index: 10;opacity: 0;transition: all 0.5s ease 0s;}
.pageapplication .applicationlist .item:hover::after{opacity: 1; width: 100%;}
.pageapplication .applicationlist .item .color{width: 65%;height: 100%;position: relative;padding: 20px;z-index: 1;object-fit: contain; overflow: hidden;}
.pageapplication .applicationlist .item .color .icon img{ height: 40px;}
.pageapplication .applicationlist .item .color .text{margin-top: 20px; font-size: 15px; ; color: #666666; line-height: 1.6;}
.pageapplication .applicationlist .item .color .num{position: absolute; font-size: 100px; color: #0956a7; opacity: .1; line-height: 100px; bottom: -30px; right: 40px; font-weight: bold; font-family: 'din';}
.pageapplication .applicationlist .item .color .line{margin: 15px 0; width: 30px; height: 2px; background: #0956a7;}
.pageapplication .applicationlist .item .color .headline{ font-size: 18px; color: #333333; font-weight: bold;}
.pageapplication .applicationlist .item .img{width: 35%;height: 100%; overflow: hidden;}
.pageapplication .applicationlist .item .img img{ width: 100%; height: 100%; object-fit: cover;}

.pageproduct{position: relative; padding: 70px 0; background: #ffffff;}
.pageproduct .productbox{ position: relative;}
.pageproduct .productbox .menu{float: left; width: 300px; background: #f4f8fb; box-sizing: border-box;}
.pageproduct .productbox .menu.fixednav{position: sticky; right: 0; top: 110px !important; }
.pageproduct .productbox .menu-title{position: relative;  background: linear-gradient(360deg, #0e70d7 0, #0956a7 100%); padding: 20px 0 20px 30px; height: 85px; display: flex;align-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.pageproduct .productbox .menu-title label{ position: relative; padding-left: 10px; font-size: 26px; color: #ffffff; font-weight: bold;}
.pageproduct .productbox .menu-title label::after{position: absolute;content: '';top: 50%;left: 0;width: 4px;height: 20px; transform: translateY(-50%); background:#0e9d9e;}
.pageproduct .productbox .nunav{padding: 20px 0; overflow: hidden;}
.pageproduct .productbox .nunav>.item {line-height:50px; font-size:16px; }
.pageproduct .productbox .nunav>.item>a { position:relative; display:block; color:#000000; padding-left:30px; border-right:3px solid #ffffff; }
.pageproduct .productbox .nunav>.item>a:before { position:absolute; left:30px; top:50%; margin-top:-1px; display:block; content:""; width:0; height:2px; background:#ffffff; transition: all 0.2s ease 0s; }
.pageproduct .productbox .nunav>.item:hover>a,.pageproduct .productbox .nunav>.item.active>a{ padding-left:50px; color:#0956a7; border-color:#0956a7; background:#ffffff; font-weight: bold; }
.pageproduct .productbox .nunav>.item:hover>a:before,.pageproduct .productbox .nunav>.item.active>a:before{ width:7px; background:#0956a7; }
.pageproduct .productlist{position: relative; float: right; width: calc(100% - 300px - 30px);}
.pageproduct .productlist .productinfor{margin-top:20px; display: grid;  grid-gap: 30px; grid-template-columns: repeat(3,1fr);}
.pageproduct .productlist .item{background: #ffffff;transition:0.5s all;}
.pageproduct .productlist .item .cont{position: relative; padding:18px 10px;background:#f5f5f5; }
.pageproduct .productlist .item .cont .title{ font-size: 17px; color: #333333;font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1;  -webkit-box-orient: vertical;}
.pageproduct .productlist .item:hover{ box-shadow: 0 10px 15px rgba(9,86,167,0.1);}
.pageproduct .productlist .item:hover .cont .title{ color: #0956a7; }
.pageproduct .productlist .productdetail{ position: relative;}
.pageproduct .productlist .detail_content{margin-top:30px; display: flex; justify-content: space-between;align-items: self-start;}
.pageproduct .productlist .detail_content .leftimg{ width: 50%; padding: 10px; background: #f5f5f5;}
.pageproduct .productlist .detail_content .leftimg .producttab{ position: relative; width: 100%; margin-top: 10px;}
.pageproduct .productlist .detail_content .leftimg .tabthumb{ position: relative; width:calc(100% - 60px); margin: 0 auto;}
.pageproduct .productlist .detail_content .leftimg .tabthumb .swiper-slide{position: relative; width: calc((100% - 15px*3)/4);margin-right: 15px; border: solid 2px rgb(255, 255, 255, 0); overflow: hidden;  box-sizing: border-box; background:#ffffff; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.pageproduct .productlist .detail_content .leftimg .tabthumb .swiper-slide:last-child{ margin-right: 0;}
.pageproduct .productlist .detail_content .leftimg .tabthumb .swiper-slide.swiper-slide-thumb-active{border: solid 2px #0956a7;}
.pageproduct .productlist .detail_content .leftimg .tabthumb .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.pageproduct .productlist .detail_content .leftimg .producttab .next,.pageproduct .productlist .detail_content .leftimg .producttab .prev{ position: absolute; top: 50%; font-size: 16px; color: #333333; cursor: pointer; display: block;}
.pageproduct .productlist .detail_content .leftimg .producttab .next{right: 0; transform: translateY(-50%);}
.pageproduct .productlist .detail_content .leftimg .producttab .prev{ left: 0; transform: rotateY(-180deg)  translateY(-50%);}
.pageproduct .productlist .detail_content .leftimg .producttab .prev:hover,.pageproduct .productlist .detail_content .leftimg .producttab .next:hover{color: #0956a7;}
.pageproduct .productlist .detail_content .leftimg .thumbcont{width: 100%; }
.pageproduct .productlist .detail_content .leftimg .thumbcont .swiper-slide{position: relative; width: 100%; background:#ffffff; overflow: hidden; box-sizing: border-box; opacity: 0 !important;display: flex; justify-content: center; align-items: center;}
.pageproduct .productlist .detail_content .leftimg .thumbcont .swiper-slide img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pageproduct .productlist .detail_content .leftimg .thumbcont .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.pageproduct .productlist .detail_content .detail_title{ width: 48%;}
.pageproduct .productlist .detail_content .detail_title .title{position: relative; font-size: 20px; color: #0956a7; font-weight: bold; padding-bottom: 20px; border-bottom: 2px #e7e7e7 solid;}
.pageproduct .productlist .detail_content .detail_title .charact{margin-top: 20px; font-size: 15px; line-height: 28px; color: #333333;}
.pageproduct .productlist .detail_content .detail_title .charact .lei{ display: block; font-size: 18px; font-weight: bold;}
.pageproduct .productlist .content{position: relative; margin-top: 30px;}
.pageproduct .productlist .content .charactlist{position:relative;}
.pageproduct .productlist .content .charactlist .charact{margin-top: 10px; font-size: 15px; line-height: 28px; color: #333333;}
.pageproduct .productlist .content .charactlist .charact:first-child{ margin-top: 0;padding-top:20px; border-top: 1px #cccccc dashed;}
.pageproduct .productlist .content .charactlist .charact:last-child{padding-bottom:20px;border-bottom: 1px #cccccc dashed;}
.pageproduct .productlist .content .charactlist .charact .lei{ display: block; font-size: 17px; font-weight: bold; color: #0956a7;}
.pageproduct .productlist .content .name{margin-top: 20px; font-size: 17px; font-weight: bold; color: #0956a7;}
.pageproduct .productlist .content .contentbox{ margin-top: 20px; line-height:2;}
.pageproduct .productlist .content .contentbox p a{font-size: 15px !important; }
.pageproduct .productlist .content .contentbox img{max-width:100%; margin:5px 0;}
.pageproduct .productlist .content .contentbox table{border-collapse:collapse;width:100% !important;}
.pageproduct .productlist .content .contentbox table,.pageproduct .productlist .content .contentbox tr{ font-size: 15px; color: #333333; background: #e8f4fb;}
.pageproduct .productlist .content .contentbox table,.pageproduct .productlist .content .contentbox th,.pageproduct .productlist .content .contentbox td{ padding: 10px 5px; border: 1px solid rgba(0, 0, 0, .1); text-align: center; font-size: 15px; line-height: 28px;vertical-align: middle;}
.pageproduct .productlist .productdetail .img_content{ margin-top:30px; position:relative;}
.pageproduct .productlist .productdetail .img_content .picimg{position: relative; width: 100%;padding:20px; background: #f5f5f5;}
.pageproduct .productlist .productdetail .img_content .picimg .picauto{ width:100%; position:relative;}
.pageproduct .productlist .productdetail .img_content .picswiper{ position: relative; width:calc(100% - 60px); margin: 0 auto;}
.pageproduct .productlist .productdetail .img_content .picswiper .swiper-slide{position: relative; width: calc((100% - 10px*2)/3);margin-right: 10px;  overflow: hidden;  box-sizing: border-box; background:#ffffff; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.pageproduct .productlist .productdetail .img_content .picswiper .swiper-slide:last-child{ margin-right: 0;}
.pageproduct .productlist .productdetail .img_content .picswiper .swiper-slide.swiper-slide-thumb-active{border: solid 2px #0956a7;}
.pageproduct .productlist .productdetail .img_content .picswiper .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.pageproduct .productlist .productdetail .img_content .picimg .picnext,.pageproduct .productlist .productdetail .img_content .picimg .picprev{ position: absolute; top: 50%; font-size: 16px; color: #333333; cursor: pointer; display: block;}
.pageproduct .productlist .productdetail .img_content .picimg .picnext{right: 0; transform: translateY(-50%);}
.pageproduct .productlist .productdetail .img_content .picimg .picprev{ left: 0; transform: rotateY(-180deg)  translateY(-50%);}
.pageproduct .productlist .productdetail .img_content .picimg .picprev:hover,.pageproduct .productlist .productdetail .img_content .picimg .picnext:hover{color: #0956a7;}
.pageproduct .productlist .productdetail .img_content .detail_title{ width: 100%;}
.pageproduct .productlist .productdetail .img_content .detail_title .title{position: relative; font-size: 20px; color: #0956a7; margin-top:15px; font-weight: bold; padding-bottom: 10px; border-bottom: 2px #e7e7e7 solid;}
.pageproduct .productlist .productdetail .img_content .detail_title .charact{margin-top: 20px; font-size: 15px; line-height: 28px; color: #333333;}
.pageproduct .productlist .productdetail .img_content .detail_title .charact .lei{ display: block; font-size: 18px; font-weight: bold;}

.publictitle{width: 100%;padding-bottom:15px; position: relative; border-bottom: 1px solid #dddddd; display: flex; justify-content: space-between; align-items: center;}
.publictitle .place{ font-size: 22px; font-weight: bold; color: #0956a7; position: relative;}
.publictitle .place::after{content: '';position: absolute;width: 100%;height: 3px;background: linear-gradient(to right, #0956a7, #044487);display: block; bottom: -15px;}
.curnav {color: #333333;}
.curnav .home {display: inline-block; width: 17px; height: 15px; margin-right: 5px; margin-bottom: -1px;  background: url(../img/home.png) center no-repeat; background-size: auto 15px;}
.curnav a {color: #333333;margin: 0 5px;font-size: 16px;}
.curnav a:hover {color: #0956a7;}

.pagenews{ position: relative; padding: 70px 0; background: #f4f8fb;}
.pagenews .newslist{display: grid;  grid-gap: 30px; grid-template-columns: repeat(3,1fr); }
.pagenews .newslist .item{background: #ffffff;transition:0.5s all;}
.pagenews .newslist .item .cont{position: relative; padding:30px 20px; }
.pagenews .newslist .item .cont .title{ font-size: 18px; color: #333333;font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1;  -webkit-box-orient: vertical;}
.pagenews .newslist .item .cont .desc{margin: 20px 0; font-size: 16px; color: #666666; line-height: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.pagenews .newslist .item .cont .between{display: flex;justify-content: space-between; align-items: center;}
.pagenews .newslist .item .cont .between .time{ font-size: 16px; color: #999999;}
.pagenews .newslist .item .cont .between .iconfont{ width: 35px; height: 35px; font-size: 16px; color: #0956a7; border:1px #0956a7 solid; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition:0.5s all;}
.pagenews .newslist .item:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,0.04);}
.pagenews .newslist .item:hover .cont .title{ color: #0956a7; }
.pagenews .newslist .item:hover .cont .between .iconfont{transform: rotate(-45deg);}
.news_detail{ position: relative;}
.news_detail .detailleft{ width: 70%; padding: 30px; background: #ffffff;}
.news_detail .detailleft .item_top{width: 100%;padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.news_detail .detailleft .item_top .pageT{margin-bottom: 10px; font-size: 22px;line-height: 1.5;color: #333333; font-weight: bold;}
.news_detail .detailleft .item_top .pageD{font-size: 14px;color: #666666;}
.news_detail .detailleft .item_top .pageD .line{margin: 0 5px; font-size: 14px; font-weight: lighter; color: #999999;}
.news_detail .detailleft .item_content{padding: 30px 0; font-size:16px; color:#333333; line-height:2;}
.news_detail .detailleft .item_content p a{font-size: 16px !important; }
.news_detail .detailleft .item_content img{max-width:100%; margin:5px 0;}
.news_detail .detailleft .item_content table{border-collapse:collapse;width:100% !important;}
.news_detail .detailleft .item_content table,.news_detail .detailleft .item_content tr{ font-size: 16px; color: #444444; }
.news_detail .detailleft .item_content table,.news_detail .detailleft .item_content th,.news_detail .detailleft .item_content td{ border: 1px solid #333333; text-align: center; font-size: 16px;}
.news_detail .detailright{ width: 28%;}
.news_detail .detailright.fixedright{position: sticky; right: 0; top: 100px !important; }
.news_detail .detailright .prevpage{background: #ffffff;padding: 8%;margin-bottom: 14px;color: #666666;display: block;}
.news_detail .detailright .prevpage .arr_title{font-size: 18px; color: #292929; margin-bottom: 10px; font-weight: bold;}
.news_detail .detailright .prevpage .arr_news_title { font-size: 15px; color: #666666; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.news_detail .detailright .prevpage .arr_news_title:hover{ color: #0956a7;}
.news_detail .detailright .nextpage{background: #ffffff;padding: 8%;margin-bottom: 14px;color: #666666;display: block;}
.news_detail .detailright .nextpage .arr_title{font-size: 18px; color: #292929; margin-bottom: 10px; font-weight: bold;}
.news_detail .detailright .nextpage .arr_news_title { font-size: 15px; color: #666666; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.news_detail .detailright .nextpage .arr_news_title:hover{ color: #0956a7;}
.news_detail .detailright .backList{width:100%; height: 48px; font-size: 14px; color: #ffffff; background: #0956a7; display: flex; align-items: center; justify-content: center;}
.news_detail .detailright .backList .ml-cio{margin-left: 10px; height: 12px;}
.news_detail .detailright .backList:hover{background:#0956a7;}

.pagecontact{ position: relative; padding: 70px 0; background: #f7f8fa;}
.pagecontact .contactbox{display: flex; justify-content: space-between; border-radius: 8px; background: #ffffff; overflow: hidden;}
.pagecontact .contactbox .textbox{ display: flex; justify-content: space-between; align-items: center; width: 45%; padding:60px 40px;}
.pagecontact .contactbox .textbox .txt .tit{width: 100%;font-size: 22px;color: #0956a7; font-weight: bold;}
.pagecontact .contactbox .textbox .txt span{display: block; margin-top: 20px; font-size: 16px; color: #666666;}
.pagecontact .contactbox .textbox .txt p{margin-top: 5px; font-size: 16px; color: #333333;}
.pagecontact .contactbox .textbox .txt .tel{ margin-top: 5px;}
.pagecontact .contactbox .textbox .txt .tel a{font-size: 22px; font-family: 'din'; color: #0956a7; font-weight: bold;}
.pagecontact .contactbox .textbox .txt>a{display: inline-block; margin-top: 40px; font-size: 15px; color: #333333;}
.pagecontact .contactbox .textbox .txt>a::after{content: ''; width: 16px; height: 16px; background: url(../img/icon-1.png) center no-repeat; background-size: contain; margin: -2px 0 0 10px;display: inline-block; vertical-align: middle;}
.pagecontact .contactbox .textbox .ewmbox{width: 160px;padding: 10px 10px;background-color: #e9edf2;}
.pagecontact .contactbox .textbox .ewmbox img{ width: 100%;}
.pagecontact .contactbox .textbox .ewmbox span{color: #283a51;text-align: center;margin-top: 10px;display: block;}
.pagecontact .contactbox .contactmap{position: relative; width: 55%;}

.pagecontact{position: relative; padding: 70px 0; background: #f4f8fb;}

.page_btm{width: 100%;margin-top:20px; padding-top: 20px;border-top:1px #cccccc dashed;display: flex;align-items: center; justify-content: space-between;}
.page_btm .paging_nav{width: calc(100% - 180px);margin: 0;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-direction: column;align-content: flex-start;}
.page_btm .paging_nav .prevpage{float: left;width: 100%;}
.page_btm .paging_nav .prevpage a{line-height: 2;color: #555555;font-size: 15px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.page_btm .paging_nav .prevpage:hover a{color: #0956a7;}
.page_btm .paging_nav .nextpage {float: left;width: 100%;}
.page_btm .paging_nav .nextpage a {line-height: 2;color: #555555;font-size: 15px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.page_btm .paging_nav .nextpage:hover a{color: #0956a7;}
.page_btm .return_list{width: 150px;}
.page_btm .return_list .backList{width:100%; height: 45px; font-size: 15px; color: #ffffff; border-radius: 25px; background: #0956a7; display: flex; align-items: center; justify-content: center;}
.page_btm .return_list .backList .ml-cio{margin-left: 10px; height: 12px;}
.page_btm .return_list .backList:hover{background:#04468b;}
.pages {margin: 30px auto 0;text-align: center;font-size: 14px;}
.pages li{display: inline-block;height: 36px;margin: 0 1px; border: 1px #f5f5f5 solid; line-height: 36px;background: #ffffff;}
.pages li a{text-align: center;color: #333333;padding: 0 15px;}
.pages .active{background: #0956a7;text-decoration: none}
.pages .active a{color: #ffffff;}
.pages li:hover{background: #0956a7;text-decoration: none}
.pages li:hover a{color: #ffffff;}
.pages span {display: inline-block;height: 26px;line-height: 26px;border: 1px solid #cccccc; color: #333333; text-align: center;padding: 0 13px;}
.pages1{width: 100%;padding: 2% 0;background: #ffffff;border-top: 1px #e5e5e5 solid;margin-top: 20px;}
.pages1 .pages1_l{float: left;width: 100%;}
.pages1 .pages1_l a{line-height: 2;color: #333333;font-size: 16px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.pages1 .pages1_l:hover a{color: #0956a7;}
.pages1 .pages1_r{float: left;width: 100%;}
.pages1 .pages1_r a{line-height: 2;color: #333333;font-size: 16px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.pages1 .pages1_r:hover a{color: #0956a7;}

@media screen and (max-width: 1440px){
    .container {padding: 0 3%; width: 100% !important;}
    .header .nav .drop{ padding: 0 22px;}
}

@media screen and (max-width: 1280px) {
    .catename .name{font-size:28px;}
    .catename .subtitle{ font-size:18px;}

    .footer .footertop .left{ width:340px;}
    .footer .footertop .footnav{width:calc(100% - 360px);}
}


@media screen and (max-width: 1024px){
    .header,.reserve{height:70px;}
    .header .nav{ display: none;}
    .header .logo img,.header.scroll .logo img{ height: 45px;}
    .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:22px; display: block;}
    .sp_nav span{display:block;background:#0f5ead;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display: block;}
    .sjj_nav .bg{ width: 100%; height: 4px;background: #0f5ead;}
    .sjj_nav .hotline{ background-color: #0f5ead; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .nav_show{top:70px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:70%;}
    .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #eeeeee solid;text-align:center;color:#999999;}
    .sjj_nav>ul>li i{position:absolute;top:10px;right:0px;border-left:1px rgb(0,0,0,.1) solid;height:30px;padding:0px 7px 0 7px; line-height:40px;}
    .sjj_nav>ul>li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav>ul>li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav>ul>li{border-top:1px #eeeeee solid; position:relative;line-height:50px;font-size:16px}
    .sjj_nav>ul>li:last-child{border-bottom:1px #eeeeee solid;}
    .sjj_nav>ul>li ul{display:none}
    .sjj_nav>ul>li>a{color:#666; display: block;padding-left:20px;}
    .sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.open>a{ color:#ffffff; background-color:#0f5ead;}
    .sjj_nav>ul>li ul li{position:relative;line-height:40px;}
    .sjj_nav>ul>li ul li a{padding-left:30px; color:#333333; font-size:14px; display:block;text-align:left;}
    .sjj_nav>ul>li ul li a:hover{color:#0f5ead;}
    .sjj_nav>ul>li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav>ul>li .sjj_nav_i_se svg{fill:#ffffff}
    .sjj_nav>ul>li ul li>ul{margin-left:10px}
    .banner .pagination{bottom: 5px;}
    .banner .pagination .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px;}
    .catename .name{font-size: 24px;}
    .catename .subtitle{ font-size:16px;}
    .viewmore a{padding: 10px 20px;}

    .inabout{padding:50px 0 0;}
    .inabout .abouticon .item{ margin:0 20px;}
    .inabout .aboutbox .right .word{ padding:25px;}
    .inabout .aboutbox .right .word .title{ font-size:22px;}
    .inabout .aboutbox .right .word .viewmore{ margin-top:35px;}
    .inabout .aboutbox .right .culture{padding:25px;}
    .inabout .aboutbox .right .culture .swiper-slide .tit{ font-size:20px;}

    .inproduct{padding:50px 0;}
    .inproduct .productbox{ grid-gap: 10px;}
    .inproduct .productbox .listtop{grid-gap: 10px; grid-template-columns: repeat(3, 1fr);}
    .inproduct .productbox .listtop .item .title{ font-size:16px; margin-top:15px;}
    .inproduct .productbox .listbottom{grid-gap: 10px; }
    .inproduct .productbox .listbottom .item .title{ font-size:16px; margin-top:15px;}

    .innews{padding:50px 0;}
    .innews .newsbox{ margin-top:30px; grid-gap: 10px;}
    .innews .newsbox .listleft,.innews .newsbox .listright{ grid-gap: 10px;}
    .innews .newsbox .listleft .item .infor{ padding:20px 10px;}
    .innews .newsbox .listleft .item .title{ margin-top:10px; font-size:16px;}
    .innews .newsbox .listright .item .infor{ padding:20px 10px;}
    .innews .newsbox .listright .item .title{ margin-top:10px; font-size:16px;}

    .footer .footertop{ padding:50px 0;}
    .footer .footertop .left{width:38%;}
    .footer .footertop .left .flogo{ height:45px;}
    .footer .footertop .left .text p a{ font-size:22px;}
    .footer .footertop .footnav{width: calc(100% - 42%);}
    .footer .footertop .footnav .item:first-child{margin-right:10px;}
    .footer .footertop .footnav .item .name{font-size:16px;}
    .footer .footertop .footnav .item dl dd a{ line-height:32px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}

    .pagenav .menunav .item{line-height:60px;}

    .pageaboutbox{justify-content: center;}
    .pageabout .about-content{ margin-top:50px; width:100%;padding:20px; border-radius: 8px 8px 0 0;}
    .pageabout::after{ display:none;}
    .pageabout .about-content h3{ font-size:24px; margin-bottom:15px;}
    .pageabout .about-content .content{ font-size:15px;}
    .pageaboicon .abouticon{ padding:20px 0; border-radius: 0 0 8px 0;}
    .pageaboicon .abouticon .item .icon img{ height:30px;}

    .pagestrength{padding:50px 0;}
    .pagestrength .pagename{ font-size:24px;}
    .pagestrength .strengthbox .item .div1{ height:100%;width: calc(100% - 80px);}
    .pagestrength .strengthbox .item .div1 .m1{ font-size:18px;}
    .pagestrength .strengthbox .item .div2{ width:60px; height:60px;}
    .pagestrength .strengthbox .item .div2 img{max-height: 30px;}

    .pageadvantage{ padding:50px 0;}
    .pageadvantage .pagename{ font-size:24px;}
    .pageadvantage .advantagebox .item .div1 .title{ font-size:18px;}

    .pageculture{ padding:50px 0;}
    .pageculture .culturelist{grid-gap: 20px;}
    .pageculture .culturelist .item .iconfont{ font-size:38px;}
    .pageculture .culturelist .item .desc{ font-size:17px;}
    .pageculture .culturelist .item .tit{ font-size:18px;}


    .pagehonor{padding:50px 0;}
    .pagehonor .honorlist{grid-template-columns: repeat(3, 1fr);}
    .pagehonor .honorlist .item .title{line-height:55px;}

    .pageoffice{padding:50px 0;}
    .pageoffice .officelist{grid-template-columns: repeat(3, 1fr);}
    .pageoffice .officelist .item .title{line-height:55px;}

    .pageproduct{ padding:50px 0;}
    .pageproduct .productbox .menu{ width:100%;}
    .pageproduct .productbox .menu.fixednav{position:relative; top:0 !important;}
    .pageproduct .productbox .menu-title{padding: 10px 0 10px 20px; height: 60px;}
    .pageproduct .productbox .menu-title label{ font-size:20px;}
    .pageproduct .productbox .menu-title label::after{width:3px; height:18px;}
    .pageproduct .productbox .nunav{ padding:10px;}
    .pageproduct .productbox .nunav{display: grid;grid-gap: 10px;grid-template-columns: repeat(2, 1fr);}
    .pageproduct .productbox .nunav>.item{line-height:45px;}
    .pageproduct .productbox .nunav>.item>a{border-right:none; padding-left: 15px; background:#ffffff;}
    .pageproduct .productbox .nunav>.item>a:before{left:15px;}
    .pageproduct .productbox .nunav>.item:hover>a, .pageproduct .productbox .nunav>.item.active>a{padding-left: 25px;}
    .pageproduct .productlist{width:100%; margin-top:20px;}

    .publictitle{ padding-bottom:10px;}
    .publictitle .place{ font-size:17px;}
    .publictitle .place::after{bottom: -10px; height:2px;}

    .curnav a{font-size:15px; margin:0 3px;}
    .pageproduct .productlist .productinfor{grid-gap: 15px;}
    .pageproduct .productlist .item .cont{padding: 12px 8px}
    .pageproduct .productlist .item .cont .title{ font-size:16px;}
    .pageproduct .productlist .detail_content{ margin-top:20px;}
    .pageproduct .productlist .detail_content .leftimg{padding:5px;}
    .pageproduct .productlist .detail_content .leftimg .tabthumb .swiper-slide{width: calc((100% - 10px * 3) / 4); margin-right: 10px;}
    .pageproduct .productlist .detail_content .detail_title .title{ font-size:18px; padding-bottom: 5px;}
    .pageproduct .productlist .detail_content .detail_title .charact{margin-top: 10px; line-height:26px;}
    .pageproduct .productlist .content{ margin-top:15px;}
    .pageproduct .productlist .content .charactlist .charact:first-child{ padding-top:15px;}
    .pageproduct .productlist .content .charactlist .charact:last-child{ padding-bottom:15px;}
    .pageproduct .productlist .content .name{ margin-top:15px;}
    .pageproduct .productlist .content .contentbox{ margin-top:15px;}

    .pageproduct .productlist .productdetail .img_content{ margin-top:20px;}
    .pageproduct .productlist .productdetail .img_content .picimg{ padding:10px;}
    .pageproduct .productlist .productdetail .img_content .picswiper .swiper-slide{width: calc((100% - 8px* 1) / 2); margin-right:8px;}

    .page_btm{ margin-top:15px;padding-top: 15px;}
    .page_btm .paging_nav .prevpage a,.page_btm .paging_nav .prevpage a,.page_btm .paging_nav .nextpage a{ line-height:1.6}
    .page_btm .return_list{ width:130px;}
    .page_btm .return_list .backList{ height:40px;}

    .pagenews{ padding:50px 0;}
    .pagenews .newslist{grid-gap: 15px;}
    .pagenews .newslist .item .cont{ padding:10px;}
    .pagenews .newslist .item .cont .title{ font-size:16px;}
    .pagenews .newslist .item .cont .desc{ margin:10px 0; font-size:15px; line-height:1.6;}
    .pagenews .newslist .item .cont .between .time{ font-size:15px;}
    .pagenews .newslist .item .cont .between .iconfont{ font-size:13px; width:26px; height:26px;}
    .news_detail .detailleft{ padding:15px;}
    .news_detail .detailleft .item_top .pageT{margin-bottom: 5px; font-size: 18px; line-height:1;}
    .news_detail .detailleft .item_top{ padding-bottom:10px;}
    .news_detail .detailleft .item_content{padding: 15px 0; font-size:15px;}
    .news_detail .detailright .prevpage,.news_detail .detailright .nextpage{ padding:10px; margin-bottom:10px;}
    .news_detail .detailright .prevpage .arr_title,.news_detail .detailright .nextpage .arr_title{ font-size:16px; margin-bottom:5px;}
    .news_detail .detailright .backList{ height:40px;}

    .pageapplication{ padding:50px 0;}
    .pageapplication .applicationlist{grid-gap: 15px;border-radius:5px;}
    .pageapplication .applicationlist .item .color .icon img{ height:25px;}
    .pageapplication .applicationlist .item .color .line{ margin:10px 0;}
    .pageapplication .applicationlist .item .color .headline{ font-size:16px;}
    .pageapplication .applicationlist .item .color .text{ margin-top:5px; font-size:14px;}

    .pagecontact{ padding:50px 0}
    .pagecontact .contactbox .textbox{ padding:15px; width:48%;}
    .pagecontact .contactbox .textbox .txt .tit{font-size:18px;}
    .pagecontact .contactbox .textbox .txt span{ margin-top:15px;}
    .pagecontact .contactbox .textbox .txt a{margin-top:20px;}
    .pagecontact .contactbox .contactmap{ width:52%;}

}

@media screen and (max-width: 768px){
    .catename .name{font-size: 22px;}
    .catename .subtitle{ font-size:15px;}
    .viewmore a{padding: 8px 10px; font-size:14px;}

    .inabout{padding:40px 0 0;}
    .inabout .abouttop{ flex-direction:column; align-items: normal;}
    .inabout .abouticon{margin-top:20px; display:grid; grid-gap: 10px; grid-template-columns: repeat(4, 1fr);}
    .inabout .abouticon .item{ margin:0;}
    .inabout .abouticon .item .icon{ width:40px; height:40px;margin: 0 auto;}
    .inabout .abouticon .item .icon img{ height:20px;}
    .inabout .abouticon .item p{ margin-top:5px; font-size:15px;}
    .inabout .aboutbox{ margin-top:20px;}
    .inabout .aboutbox .aboutimg{ position:relative; width:100%;}
    .inabout .aboutbox .aboutimg .img{position:relative;width:100%;}
    .inabout .aboutbox .right{ width:100%;}
    .inabout .aboutbox .right .word{ padding:10px;}
    .inabout .aboutbox .right .word .title{ font-size:18px;}
    .inabout .aboutbox .right .word .content{ margin-top:10px; font-size:14px; line-height:1.6}
    .inabout .aboutbox .right .word .viewmore{ margin-top:20px;}
    .inabout .aboutbox .right .culture{padding:10px; width:100%; transform: translateX(0);}
    .inabout .aboutbox .right .culture .swiper-slide .tit{font-size:18px; margin-bottom:5px;}
    .inabout .aboutbox .right .culture .swiper-slide .desc{ font-size:16px;}
    .inabout .aboutbox .right .culture .swiper-slide .cont{ font-size:14px;}

    .inproduct{padding:40px 0;}
    .inproduct .productbox{ margin-top: 20px}
    .inproduct .productbox .listtop{grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .inproduct .productbox .listtop .item .title{ font-size:15px; margin-top:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
    .inproduct .productbox .listbottom{grid-gap: 10px; grid-template-columns: repeat(1, 1fr);}
    .inproduct .productbox .listbottom .item .title{ font-size:15px; margin-top:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}

    .innews{padding:40px 0;}
    .innews .newsbox{ margin-top:20px; grid-gap: 10px; flex-direction:column;}
    .innews .newsbox .listleft,.innews .newsbox .listright{ grid-gap: 10px;}
    .innews .newsbox .listleft .item .infor{ padding:10px;}
    .innews .newsbox .listleft .item .time{ font-size:14px;}
    .innews .newsbox .listleft .item .title{ margin-top:5px; font-size:16px;}
    .innews .newsbox .listleft .item .desc{margin-top:5px; font-size:14px; line-height:24px; height:48px;}
    .innews .newsbox .listright .item .infor{ padding:10px;}
    .innews .newsbox .listright .item .time{ font-size:14px;}
    .innews .newsbox .listright .item .title{ margin-top:5px; font-size:16px;}
    .innews .newsbox .listright .item .desc{margin-top:5px; font-size:14px; line-height:24px; height:48px;}

    .footer .footertop{ padding:30px 0;}
    .footer .footertop .left{width:100%;}
    .footer .footertop .left .flogo{ height:40px;}
    .footer .footertop .left .text{ margin-top:15px;}
    .footer .footertop .left .text p{ margin-bottom:5px; font-size:14px;}
    .footer .footertop .left .text p a{ font-size:18px;}
    .footer .footertop .left .code{ margin-top:20px;}
    .footer .footertop .left .code p{ font-size:14px;}
    .footer .footertop .footnav{ display:none;}
    .footer .copyright{ padding:15px 0; font-size:14px;}
    .footer .copyright .fr{float:none;}

    .pagenav{ padding:10px 0;}
    .pagenav .menunav {position: relative; display: block;}
    .pagenav .menunav .item {position: relative;display: block;background: #f4f8fb;line-height: 45px;width: 49%;margin-right: 2%;margin-bottom: 2%;float: left; padding: 0 10px;}
    .pagenav .menunav .item::after{display: none;}
    .pagenav .menunav .item:nth-child(2n) {margin-right: 0;}
    .pagenav .menunav .item:nth-last-of-type(-n+2) {margin-bottom: 0;}
    .pagenav .menunav .item a {color: #333333;font-size: 15px;font-weight: bold;display: block;text-align: center;text-transform: uppercase;}
    .pagenav .menunav .item.active a,.pagenav .menunav .item:hover a {color: #0f5ead;-webkit-transition-delay: .1s;transition-delay: .1s;}
    .pagenav .menunav .item:last-child {border-right: none;}

    .pbanner .bannerimg{transform: translateX(-25%);}
    .pbanner .bannerimg img{ width:150%;}

    .pageaboutbox{justify-content: center;}
    .pageabout .about-content{ margin-top:40px; width:100%;padding:10px; border-radius: 5px 5px 0 0;}
    .pageabout::after{ display:none;}
    .pageabout .about-content h3{ font-size:22px; margin-bottom:5px;}
    .pageabout .about-content .content{ font-size:15px; line-height:1.6}
    .pageaboicon::before{ width:100%;}
    .pageaboicon .abouticon{ padding:20px 0; border-radius: 0;}
    .pageaboicon .abouticon .item .icon{ width:40px; height:40px;margin: 0 auto;}
    .pageaboicon .abouticon .item .icon img{ height:30px;}
    .pageaboicon .abouticon .item p{ margin-top:5px; font-size:15px;}

    .pagestrength{padding:40px 0;}
    .pagestrength .pagename{ font-size:22px;}
    .pagestrength .strengthbox{margin-top:10px; grid-template-columns: repeat(1, 1fr);grid-gap: 0;}
    .pagestrength .strengthbox .item{ padding:10px 0;}
    .pagestrength .strengthbox .item .div1{ height:100%;width: calc(100% - 60px);}
    .pagestrength .strengthbox .item .div1 .m1{ font-size:16px;}
    .pagestrength .strengthbox .item .div1 .m2{ margin-top:5px; font-size:14px;}
    .pagestrength .strengthbox .item .div2{ width:40px; height:40px;}
    .pagestrength .strengthbox .item .div2 img{max-height: 20px;}

    .pageadvantage{ padding:40px 0;}
    .pageadvantage .pagename{ font-size:22px;}
    .pageadvantage .advantagebox{grid-template-columns: repeat(1, 1fr);grid-gap: 10px; margin-top:20px;}
    .pageadvantage .advantagebox .item .div1 .title{ font-size:16px; padding-left: 30px;}
    .pageadvantage .advantagebox .item .div1 .num{left:5px; font-size:45px;}
    .pageadvantage .advantagebox .item .div2{ font-size:14px; margin-bottom:10px;}

    .pageculture{ padding:40px 0;}
    .pageculture .culturelist{grid-gap: 10px;grid-template-columns: repeat(1, 1fr);}
    .pageculture .culturelist .item{ padding:15px; border-radius:5px;}
    .pageculture .culturelist .item .iconfont{ font-size:25px; margin-bottom:5px;}
    .pageculture .culturelist .item .cont{ font-size:14px; line-height:1.6}
    .pageculture .culturelist .item .desc{ font-size:16px;}
    .pageculture .culturelist .item .tit{ font-size:17px;}


    .pagehonor{padding:40px 0;}
    .pagehonor .honorlist{grid-template-columns: repeat(2, 1fr); grid-gap: 10px}
    .pagehonor .honorlist .item .title{line-height:45px; font-size:15px;}

    .pageoffice{padding:40px 0;}
    .pageoffice .officelist{grid-template-columns: repeat(2, 1fr); grid-gap: 10px}
    .pageoffice .officelist .item .title{line-height:45px; font-size:15px;}

    .pageproduct{ padding:40px 0;}
    .pageproduct .productbox .menu{ width:100%;}
    .pageproduct .productbox .menu.fixednav{position:relative; top:0 !important;}
    .pageproduct .productbox .menu-title{padding: 10px 0 10px 15px; height: 45px;}
    .pageproduct .productbox .menu-title label{ font-size:17px;}
    .pageproduct .productbox .menu-title label::after{width:3px; height:16px;}
    .pageproduct .productbox .nunav{ padding:5px;}
    .pageproduct .productbox .nunav{display: grid;grid-gap: 5px;grid-template-columns: repeat(2, 1fr);}
    .pageproduct .productbox .nunav>.item{line-height:45px;}
    .pageproduct .productbox .nunav>.item>a{border-right:none; padding:0 10px; font-size:15px; background:#ffffff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
    .pageproduct .productbox .nunav>.item>a:before{left:10px;}
    .pageproduct .productbox .nunav>.item:hover>a, .pageproduct .productbox .nunav>.item.active>a{padding-left: 20px;}
    .pageproduct .productlist{width:100%; margin-top:20px;}

    .publictitle{ padding-bottom:5px;}
    .publictitle .place{ display:none;}
    .publictitle .place::after{bottom: -10px; height:2px;}
    .curnav a{font-size:14px; margin:0 2px;}
    .pageproduct .productlist .productinfor{grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .pageproduct .productlist .item .cont{padding: 10px 5px}
    .pageproduct .productlist .item .cont .title{ font-size:15px;}
    .pageproduct .productlist .detail_content{ margin-top:10px;flex-direction: column;}
    .pageproduct .productlist .detail_content .leftimg{padding:5px; width:100%;}
    .pageproduct .productlist .detail_content .leftimg .tabthumb .swiper-slide{width: calc((100% - 10px * 3) / 4); margin-right: 10px;}
    .pageproduct .productlist .detail_content .detail_title{ width:100%; margin-top:10px;}
    .pageproduct .productlist .detail_content .detail_title .title{ font-size:17px; padding-bottom: 5px;}
    .pageproduct .productlist .detail_content .detail_title .charact{margin-top: 10px; font-size:14px; line-height:1.6;}
    .pageproduct .productlist .content{ margin-top:15px;}
    .pageproduct .productlist .content .charactlist .charact{ font-size:14px;}
    .pageproduct .productlist .content .charactlist .charact:first-child{ padding-top:10px;}
    .pageproduct .productlist .content .charactlist .charact:last-child{ padding-bottom:10px;}
    .pageproduct .productlist .content .name{ margin-top:15px;}
    .pageproduct .productlist .content .contentbox{ margin-top:15px;}

    .page_btm{ margin-top:15px;padding-top: 15px;}
    .page_btm .paging_nav{ width:calc(100% - 120px)}
    .page_btm .paging_nav .prevpage a,.page_btm .paging_nav .nextpage a{ line-height:1.6; font-size:14px;}
    .page_btm .return_list{ width:100px;}
    .page_btm .return_list .backList{ height:40px; font-size:14px;}
    .page_btm .return_list .backList .ml-cio{ margin-left:5px;}

    .pagenews{ padding:40px 0;}
    .pagenews .newslist{grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .pagenews .newslist .item .cont{ padding:5px;}
    .pagenews .newslist .item .cont .title{ font-size:16px;}
    .pagenews .newslist .item .cont .desc{ margin:5px 0; font-size:14px; line-height:1.6;}
    .pagenews .newslist .item .cont .between{ margin-top:5px;}
    .pagenews .newslist .item .cont .between .time{ font-size:14px;}
    .pagenews .newslist .item .cont .between .iconfont{ font-size:12px; width:22px; height:22px;}
    .news_detail .detailleft{ padding:10px; width:100%;}
    .news_detail .detailleft .item_top .pageT{margin-bottom: 5px; font-size: 17px; line-height:1.6;}
    .news_detail .detailleft .item_top{ padding-bottom:10px;}
    .news_detail .detailleft .item_content{padding: 15px 0; font-size:15px; line-height:1.6}
    .news_detail .detailright{ width:100%; margin-top:10px;}
    .news_detail .detailright .prevpage,.news_detail .detailright .nextpage{ padding:10px; margin-bottom:5px;}
    .news_detail .detailright .prevpage .arr_title,.news_detail .detailright .nextpage .arr_title{ font-size:15px; margin-bottom:5px;}
    .news_detail .detailright .prevpage .arr_news_title,.news_detail .detailright .nextpage .arr_news_title{ font-size:14px;}
    .news_detail .detailright .backList{ height:40px;}

    .pageapplication{ padding:40px 0;}
    .pageapplication .applicationlist{grid-gap: 10px;border-radius:5px;grid-template-columns: repeat(1, 1fr);}
    .pageapplication .applicationlist .item .color{padding:10px; width:58%;}
    .pageapplication .applicationlist .item .color .icon img{ height:20px;}
    .pageapplication .applicationlist .item .color .line{ margin:10px 0;}
    .pageapplication .applicationlist .item .color .headline{ font-size:16px;}
    .pageapplication .applicationlist .item .color .text{ margin-top:5px; font-size:14px;}
    .pageapplication .applicationlist .item .color .num{ font-size:45px; bottom: -45px}
    .pageapplication .applicationlist .item .img{ width:42%;}

    .pagecontact{ padding:40px 0}
    .pagecontact .contactbox{ flex-direction:column;}
    .pagecontact .contactbox .textbox{ padding:10px; width:100%;}
    .pagecontact .contactbox .textbox .txt .tit{font-size:17px;}
    .pagecontact .contactbox .textbox .txt span{margin-top:10px; font-size:15px;}
    .pagecontact .contactbox .textbox .txt p{font-size:15px;}
    .pagecontact .contactbox .textbox .txt a{margin-top:20px;}
    .pagecontact .contactbox .contactmap{ width:100%; height:220px;}
}