
.wrap{width:85.94vw;max-width:100%;margin:0 auto}
.wrap2{width:76.04vw;max-width:100%;margin:0 auto}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1620px){ 
    .wrap{width:89.94vw} 
    .wrap2{width:82.04vw}
}
@media (max-width:1440px){ 
    .wrap{width:92.94vw}
    .wrap2{width:86.04vw}
}
@media (max-width:1280px){ 
    .wrap2{width:90.04vw}
    .wrap, .w1200{width:96.94vw} 
}
@media (max-width:1024px){ .wrap2, .w1200, .wrap{width:100%;padding:0 15px} }
.clear {
    zoom:1}

.clear:after {
    content: "";
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    overflow: hidden
}
/* 滚动条 */
body::-webkit-scrollbar{width:8px}
/* 滚动条滑块 */
body::-webkit-scrollbar-thumb{background-color:#1b5698}
/* 滚动条外层轨道 */
body::-webkit-scrollbar-track{background-color:#faf6f3}

body.cur, html.cur{width:100%;height:100%;overflow:hidden}


.w-foot1{
    width: 41%;
}

.foot-nav-a{
    color: #ffffff;
    font: 600 20px/38px "Microsoft yahei";
}
.w-foot2{
    width: 340px;
}
.w-layout-contact{
    margin-top: 1.43em;
}
.w-layout-contact h5{
    color: #999999;
    font-size: 15px;
    line-height: 2;
    margin-bottom: 6px;
}
.w-layout-contact p{
    color: #999999;
    font-size: 15px;
    line-height: 2;   
}
.w-lcontact-p h3{
    width: 50px;
    color: #999999;
    font-size: 15px;
    line-height: 2;   
}
.w-lcontact-p p{
    width: calc(100% - 50px);
}
.w-ewm{
    width: 300px;
    justify-content: end;
}
.w-ewm li{
    width: 136px;
}
.w-ewm li .img{
    padding: 8px;
    background-color: rgba(255, 255, 255, .1);
}
.w-ewm li .img img{
    max-width: 100%;
}
.w-ewm li h3{
    text-align: center;
    color: #999999;
    margin-top: 10px;
    font: 400 14px/28px "Microsoft yahei";
}
.w-link-con{
    margin-top: 3vh;
}
.w-link-con span{
    color: #999999;
    font: 400 14px/28px "Microsoft yahei";
}
.w-link-con a{
    color: #999999;
    font: 400 14px/28px "Microsoft yahei";   
}
.w-link-con a:hover{
    color: #999999;
    font: 400 14px/28px "Microsoft yahei";      
}
.w-service-r .img .round {
    position: absolute;
    width: 12px;
    height: 12px;
    margin-right: -6px;
    margin-bottom: -6px;
    left: 69.2%;
    top: 55.8%;
}






.pcnav{width:100%;box-shadow:0px 0px 22px 0px rgba(0,0,0,0.1);position:relative;z-index:3}
.propcnav .wrap2{width:100%;padding-left:11.78vw}
.pcnavbox{text-align:left}
.pcnavelist{margin-right:2.083vw;position:relative}
.pcnavelist:nth-last-of-type(1){margin-right:0}
.pcnavelist .name,
.pcnavelist>a{display:block;height:70px;line-height:70px;color:#666}
.pcnavelist:after{content:"";width:0px;height:3px;background-color:#1b5698;position:absolute;overflow:hidden;bottom:0;left:50%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.pcnavelist.cur .name, .pcnavelist:hover .name, .pcnavelist.cur>a, .pcnavelist:hover>a{color:#1b5698}
.pcnavelist.cur:after, .pcnavelist:hover:after{width:100%;margin-left:-50%}
.pagernav{height:70px}
.pagernav .icon{line-height:70px;margin-right:10px}
.pagernav .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.pagernav .text{line-height:70px;margin-right:10px;color:#585858;font-weight:bold}
.pagernav .text.cur{color:#1b5698;margin-right:0}
.pagernav a:last-child{color:#1b5698;}

.pcnavlistchild{width:140px;padding:0 10px;position:absolute;top:100px;left:50%;margin-left:-70px;background-color:#fff;box-shadow:0px 4px 22px 0px rgba(0,0,0,0.06);z-index:-1;opacity:0;visibility:hidden}
.pcnavelist:hover .pcnavlistchild{top:70px;z-index:9;opacity:1;visibility:visible}
.pcnavchilditem{padding:10px 0;display:block;line-height:26px;border-bottom:1px solid #f2f2f2}
.pcnavchilditem:nth-last-of-type(1){border-bottom:none}
.pcnavchilditem:hover{color:#1b5698}

.wappagenav{display:none;position:relative}
.wappagenav .wappagenavname{display:block;color:#fff;background-color:#1b5698;font-size:16px;line-height:48px;position:relative}
.wappagenav .wappagenavname:after{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:50%;right:21.5px;margin-top:-7px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname:before{content:"";width:14px;height:2px;background-color:#fff;position:absolute;top:50%;right:15px;margin-top:-1px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname.cur:after,
.wappagenav .wappagenavname.cur:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wappagenav .wappagenavitems{width:100%;max-height:300px;overflow-y:auto;padding:0;display:none;background-color:#fff;z-index:10;position:absolute;top:48px;left:0;box-shadow:0px 6px 28px rgba(0,0,0,0.08)}
.wappagenav .wappaganavlist{width:100%;float:none;border-bottom:1px solid #ddd;padding:0 15px;z-index:99;background-color:#fff}
.wappagenav .wappaganavlist .onename{line-height:26px;padding:7px 0;color:#333;font-size:15px;font-weight:bold;display:block}
.wappagenav .wappaganavlist:nth-last-of-type(1){border-bottom:none}
.wappagenav .wappaganavlist .name{position:relative}
.wappagenav .wappaganavlist .name:after{content:"";width:2px;height:14px;background-color:#ddd;position:absolute;top:13px;right:6px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappaganavlist .name:before{content:"";width:14px;height:2px;background-color:#ddd;position:absolute;top:19px;right:0}
.wappagenav .wappaganavlist.cur .name:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
.wappagenav .wappaganavlist .name a{max-width:75%;line-height:26px;padding:7px 0;color:#333;font-size:15px;font-weight:bold;border-top:none;display:inline-block}
.wappagenav .wappaganavlist .child{border-top:1px solid #ddd;overflow-y:auto;max-height:140px;display:none}
.wappagenav .wappaganavlist .child .list{display:block;font-size:12px;padding:5px 10px;color:#999;line-height:24px;border-bottom:1px solid #f0f0f0}
.wappagenav .wappaganavlist .child .list:nth-last-of-type(1){border-bottom:0}

.pageban{position:relative;overflow:hidden}
.pageban .textbox{position:absolute;top:50%;margin-top:-65px;left:50%;margin-left:-38.02vw}
.pageban .textbox.textbox2{margin-top:-38px}
.pageban .textbox .title{font-size:48px;font-weight:bold;text-align:center;color:#fff;transition:1.4s ease-in-out 0s;-webkit-transition:1.4s ease-in-out 0s;-moz-transition:1.4s ease-in-out 0s}
.pageban .textbox .text{font-size:30px;margin-top:8px;text-align:center;color:#fff;transition:1.4s ease-in-out 0.3s;-webkit-transition:1.4s ease-in-out 0.3s;-moz-transition:1.4s ease-in-out 0.3s;text-transform: uppercase;}
/* .pageban .textbox .title,
.pageban .textbox .text,
.pageban .title2,
.pageban .tel,
.pageban .play{transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);opacity:0} */
/* .pageban .textbox.cur .title,
.pageban .textbox.cur .text,
.pageban .textbox.cur .title2,
.pageban .textbox.cur .tel,
.pageban .textbox.cur .play{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);opacity:1} */
.pageban .wapimg{display:none}
.pageban .title2{color:#332c2b;font-size:60px;text-align:center;line-height:76px;font-weight:bold;transition:1.4s ease-in-out 0.6s;-webkit-transition:1.4s ease-in-out 0.6s;-moz-transition:1.4s ease-in-out 0.6s}
.pageban .title2 span{color:#1b5698}
.pageban .tel{width:460px;margin:16px auto 0;color:#fff;font-size:36px;font-weight:bold;line-height:48px;padding-left:45px;background-image:url(../images/sugbantel.png);background-repeat:no-repeat;background-position:left top 8px;transition:1.4s ease-in-out 0.6s;-webkit-transition:1.4s ease-in-out 0.6s;-moz-transition:1.4s ease-in-out 0.6s}
.pageban .play{width:65px;margin:10px auto 0;cursor:pointer;transition:1.4s ease-in-out 0.3s;-webkit-transition:1.4s ease-in-out 0.3s;-moz-transition:1.4s ease-in-out 0.3s}
.pageban video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden}
.pageban.cur video{z-index:8;opacity:1;visibility:visible;object-fit:fill;object-position:center center}
.pageban.cur .img,
.pageban.cur .textbox{z-index:-1;opacity:0;visibility:hidden}

.pager{text-align:center}
.pager .list.pagexx{width:48px;background-repeat:no-repeat;background-position:center center;font-family:宋体, 'SimSun';font-weight:bold}
/* .pager .pagexx.next{background-image:url(../images/pagerrightc.png)} */
/* .pager .pagexx.next:hover{background-image:url(../images/pagerright_cur.png)} */
.pager .list, .pager .pageritems, .pager .text, .pager .pagernum,.pager a{display:inline-block;margin:0 8px;vertical-align:middle;}
.pager .list,.pager a{padding:0 20px;height:48px;line-height:48px;color:#999;background-color:#fff;border-radius:0;font-family:Arial;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s;}
.pager .text{background-color:transparent}
.pager .pagernum input{width:36px;height:36px;display:inline-block;border:1px solid #dcdcdc;margin-right:-4px;color:#666;text-align:center}
.pager .list.cur, .pager .list.btn, .pager .list:hover,.pager a:hover,.pager a.page-num-current{background-color:#1b5698;color:#fff}
.pager .pagexx.last:hover, .pager .pagexx.next:hover{background-color:#1b5698}
.pager .list input{width:100%;height:100%;padding:0px 5px;background-color:transparent;color:rgba(77,77,77,0.5);text-align:center}
.pager .list input:hover{color:#fff}
.wappager{width:100%;height:48px;background-color:#1695d4;line-height:48px;color:#fff;text-align:center;;display:none}

/* .pagebox{background-color:#f6f6f6;padding-left:9.375vw;padding-bottom:100px} */
.pagewrap{padding-right:9.375vw;background-color:#fff;padding-top:80px;padding-bottom:100px;padding-left:100px}
.pagew1200{width:1200px}

.pagetitlebox .cntitle{color:#000;font-size:32px;font-weight:bold;line-height:1;text-align:center}
.pagetitlebox .entitle{color:#aeaeae;font-size:18px;font-weight:bold;text-align:center;font-family:Arial;margin-top:10px}

@media (max-width:1800px){
    .pcnavelist{margin-right:1.683vw}
}

@media (max-width:1620px){
    .pageban .textbox{margin-left:-41.02vw}
    .propcnav .wrap2{padding-left:9.78vw}
}

@media (max-width:1440px){
    .pageban .textbox{margin-left:-43.02vw;margin-top:-55px}
    .pcnavelist{margin-right:1.1vw}
    .pageban .textbox .title{font-size:38px}
    .pageban .textbox .text{font-size:24px}
    .pageban .textbox.textbox2{margin-top:-25px}
    .pageban .title2{font-size:38px;line-height:50px}
    .pageban .tel{width:338px;font-size:26px}
    .pagetitlebox .cntitle{font-size:28px}
    .pagetitlebox .entitle{font-size:16px}
    .propcnav .wrap2{padding-left:7.78vw}
}
@media (max-width: 1366px) {
    .pcnavelist{margin-right:1.2vw}
    .propcnav .wrap2{padding-left:5.78vw}
}
@media (max-width:1280px){
    .pageban .textbox{margin-left:-44.02vw;margin-top:-43px}
    .pageban .textbox .title{font-size:32px}
    .pageban .textbox .text{font-size:20px}
}

@media (max-width:1024px){
    .pcpagenavbox, .pager, .pcpagenav, .pcnav, .pageimg{display:none}
    .wappagenav, .wappager, .pageban .wapimg{display:block}
    .pageban .wapimg img{width:100%}
    .pageban .textbox{left:0;margin-left:0;margin-top:-12px}
    .pageban .textbox .cntitle{font-size:16px;transition:2s ease-in-out 0s;-webkit-transition:2s ease-in-out 0s;-moz-transition: 2s ease-in-out 0s}
    .pageban .textbox .entitle{font-size:12px;margin-top:0;transition:2s ease-in-out 0.3s;-webkit-transition:2s ease-in-out 0.3s;-moz-transition: 2s ease-in-out 0.3s}
    .pageban .img, .pageban{height:auto;background-image:none}
    .pageban{margin-top:0}
    .pageban .img{position:static}
    .pageban .img img{max-width:100%}
    .pageban .showimg img{opacity:1;visibility:visible}
    .pagewrap{padding:50px 15px}
    .pageban .textbox{padding:8px 15px}
    .pageban .textbox{width:100%;left:0;margin-left:0;padding:0 15px;margin-top:-30px}
    .pageban .textbox .title{font-size:18px;line-height:24px}
    .pageban .textbox .text{font-size:12px;margin-top:3px}
    .pageban .tel{width:190px;font-size:14px;margin:6px auto 0;background-size:16px 16px;padding-left:22px;line-height:19px;background-position:left top}
    .page{padding:0 15px;background-color:#fff}
    .pagew1200{width:100%}
    .pagecon{padding:25px 0}
    .pagebox{padding:45px 0;border-top:none}
    .pagetitlebox .cntitle{font-size:22px}
    .pagetitlebox .entitle{font-size:14px;margin-top:5px}
    .pageban .textbox.textbox2{margin-top:-15px}
    .pageban .title2{font-size:20px;line-height:30px}
    
}

@media (max-width:370px){
    .pageban .textbox{margin-top:-27px}
    /* .pageban .textbox .title{font-size:20px} */
    .pageban .textbox .text{font-size:12px}
}


.about1{padding:120px 0 100px;position:relative;background-image:url(../images/about1bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.about1 .leftimg{width:35.7812vw;position:absolute;left:0;bottom:165px}
.about1left{width:440px}
.about1left .cntitle{font-size:30px;line-height:1.333;margin:22px 0 10px}
.about1left .entitle{color:#989aa9;font-family:Arial;line-height:1.143;text-transform: uppercase;}
.about1right{width:calc(100% - 440px - 6.77vw);margin-left:6.77vw}
.about1right img{max-width:100%}
.about1right .title{color:#000;font-size:30px;font-weight:bold;line-height:1}
.about1right .text{margin:25px 0 40px}
.about1right .text p{color:#3e3f41;font-size:14px;line-height:2.4em; text-indent: 2em;}
.about1right .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.about2{height:655px;position:relative;background-image:url(../images/about2bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.about2 .wrap2 .title{width:100%;color:#3f5a89;font-size:36px;line-height:2.278;font-weight:bold;position:absolute;top:50%;left:0;margin-top:-123px;text-align:center}
.about3{padding:100px 0;background-color:#eff0f5}
.about3list{width:calc((100% - 9px) / 4);position:relative;margin-right:3px;background-color:#000}
.about3list:nth-of-type(4){margin-right:0}
.about3list .img img{width:100%;height:100%;opacity:0.8}
.about3list .textbox{position:absolute;top:38px;right:58px}
.about3list .textbox .title{color:#fff;font-size:36px;font-weight:bold;width:44px;writing-mode:vertical-lr;writing-mode:tb-lr}
.about3list .textbox .text{color:#fff;font-size:30px;width:38px;margin-right:3px;writing-mode:vertical-lr;writing-mode:tb-lr}
.about3list:hover .img img{opacity:1}
@media (max-width:1440px){
    .about3list .textbox .title{font-size:28px}
    .about3list .textbox .text{font-size:24px}
    .about3list .textbox{top:25px;right:30px}
    .about2 .wrap2 .title{font-size:28px;margin-top:-94px}
    .about2{height:520px}
    .about1right .text p{font-size:16px}
    .about1left .cntitle{font-size:24px}
    .about1right .title{font-size:24px}
    .about1left{width:340px}
    .about1right{width:calc(100% - 340px - 4vw);margin-left:4vw}
    .about1 .leftimg{width:30vw}
}

@media (max-width:1024px){
    .about1{padding:60px 0 50px;background-image:none}
    .about1left{width:100%}
    .a1logo{width:60%}
    .about1left .cntitle{font-size:18px;margin:10px 0 5px}
    .about1left .entitle{font-size:12px}
    .about1right{width:100%;margin-left:0;margin-top:30px}
    .about1right .text p{font-size:14px}
    .about1 .leftimg{display:none}
    .about1right .title{font-size:20px;line-height:1.4}
    .about1right .text{margin:10px 0 30px}
    .about1right img{max-width:100%}
    .about2{height:300px}
    .about2 .wrap2 .title{font-size:20px;line-height:1.8;margin-top:-54px}
    .about3{padding:50px 0}
    .about3box{height:300px;padding:20px;background-image:url(../images/about3bgwap.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
    .about3list{width:100%;margin-right:0;background-color:transparent}
    .about3list .img{display:none}
    .about3list .textbox{position:static}
    .about3list .textbox .title{font-size:20px;width:100%;writing-mode:initial}
    .about3list .textbox .text{width:100%;font-size:14px;writing-mode:initial;margin-top:3px}
    .about3list{margin-bottom:18px}
}

@media (max-width:370px){
    .about2 .wrap2 .title{font-size:16px;margin-top:-56px}
    .about3list .textbox .title{font-size:18px}
}



/* 列表 */
.n_case{ padding:60px 0;    background-color: #eff0f5;
    background-image: url(../images/about1bg.jpg);background-repeat: no-repeat;
    background-position: center top;}
.n_case .fl02 ul{font-size:0;margin: 0 -1.5625rem; margin-bottom:2rem}
.n_case .fl02 ul li{display:inline-block;padding: 0 1.5625rem;width:33.333333%;margin-bottom: 1.5rem;text-align: center;}

.n_case.n_honor .fl02 ul li{
	width: 25%;
}
.n_case .fl02 ul li .img, .n_case .fl02 ul li .img img{ position:relative; width:100%; overflow:hidden;}
.box_table_cell img{ position:relative; width:100%; overflow:hidden; max-width:32px;}

.n_case .fl02 ul li .img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:0.6s;display: none;}
.n_case .fl02 ul li a{ display:block}
.n_case .fl02 ul li .img .top{position:absolute;text-align:center;top: 0;left: 0;right: 0;bottom: 0;transition:0.96s;transform: translateY(100%);} 
.n_case .fl02 ul li .img .top svg{display:inline-block;width: 1.5rem;height: 1.5rem;fill:#fff;vertical-align: middle;margin: -3px 0.375rem 0 0;transition:0.6s;}
.n_case .fl02 ul li h5{font-size: 16px;line-height:2;color: #404346;padding: 6px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold}
.slow img {
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.box_table {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
}
.box_table_cell {
    display: table-cell;
    vertical-align: middle;
}
@media (min-width: 768px){
	.n_case .fl02 ul li a:hover .img .top{ transform:translateY(0); background: rgba(0, 0, 0, 0.45);}
	.n_case .fl02 ul li a:hover h5{ color:#1b5698}
	.n_case .fl02 ul li a:hover .img img{ transform:scale(1.05)}

}

@media (max-width: 992px){
	.n_case{
		padding: 40px 0;
	}
	.n_case .fl02 ul li{ width:50%;}
	.n_case .fl02 ul li h5{
		font-size: 14px;
	}
}

@media (max-width: 768px){
	.n_case .fl02 ul{margin:0 -7px;margin-bottom: 0;}
	.n_case .fl02 ul li{padding:0 7px;margin-bottom: 0.5rem;}
    .n_case.n_honor .fl02 ul li{width:50%;}
}





.boxflex {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-box-flex: wrap;
    -ms-flex-wrap: wrap
}
.prod1{padding:110px 0;background-color:#eff0f5;margin-top:100px}
.prod1 .pcnav{margin-bottom:110px;box-shadow:none}
.prod1box{padding:0 7.708vw 0 6.77vw;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.prod1left{width:600px;padding:70px 75px 84px 60px;background-color:#fff;box-shadow:0px 0px 11px 0px rgba(0,0,0,0.05)}
.prod1left .type{color:#1b5698;font-size:44px;line-height:56px;font-weight:bold;font-family:Arial}
.prod1left .title{color:#000;font-size:24px}
.prod1left .text{color:#666;margin-top:20px;padding-bottom:62px;border-bottom:1px solid #eee;line-height:1.714;text-align:justify}
.prod1slide{margin-top:50px;padding:0 56px;position:relative}
.prod1slide .img{border:1px solid #e7e7e7;cursor:pointer}
.prod1slide .swiper-slide.cur .img{border-color:#1b5698}
.prod1slide .swiper-slide.cur .img img{max-width: 100%}
.prod1slide .swiper-button-next, .prod1slide .swiper-button-prev{width:19px;height:34px;background-size:100% 100%;opacity:1;margin-top:-17px}
.prod1slide .swiper-button-next{background-image:url(../images/prod1right.png);right:0}
.prod1slide .swiper-button-next:hover{background-image:url(../images/prod1right_cur.png)}
.prod1slide .swiper-button-prev{background-image:url(../images/prod1left.png);left:0}
.prod1slide .swiper-button-prev:hover{background-image:url(../images/prod1left_cur.png)}
.prod1right{width:calc(100% - 600px);padding-left:3.229vw}
.prod1right .list{display:none}
.prod1right .list.cur{display:block}
.prod1right.wap{display:none}
.prod2list{padding:96px 0 100px;border-bottom:1px solid #eff0f5;background-repeat:no-repeat;background-position:center center}
/* .prod2list:nth-of-type(1){background-image:url(../images/prodbg1.jpg)} */
/* .prod2list:nth-of-type(2){background-image:url(../images/prodbg2.jpg)} */
.prod2list .textbox{width:calc(100% - 630px);padding-right:5.208vw}
.prod2list:nth-of-type(2) .textbox{padding-right:0;padding-left:5.208vw}
.prod2list .title{color:#000;font-size:30px;font-weight:bold}
.prod2list .text{margin-top:26px}
.prod2list .text p.icon{background-image: url(../images/prod2icon.png)!important;background-repeat:no-repeat !important;background-position:left top 12px !important;padding-left:22px !important;line-height:2.25 !important}
.prod2list .img{margin-top:4px}
.prod2list .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prod3{padding:96px 0 120px;background-color:#fff}
.prod3 .title{color:#000;font-size:30px;font-weight:bold;padding-left:100px}
.prod3 .wrap2 .title {padding-left: 0;}
.prod3 .content{margin-top:35px}
.prod3 .content p{line-height:32px; font-size:14px;}
.prod3 .content table{width:100%; max-width:100%; margin:0 auto; background: #ccc; border:0px solid #ccc;border-collapse: collapse; margin-top:12px;}
.prod3 .content table td{background: #fff; border:1px solid #ccc; padding-left: 0px; line-height:32px; text-align: center;}
.prod3 .content strong{font-size:24px; text-align: center; padding-top:0px; padding-bottom:0px; color:#1b5698; height:56px; line-height:56px;}
.prod3 .content img{max-width:100%;}

.propcnavbox{top:-70px;background-color:#fff}
.propcnavbox.cur{width:100%;position:fixed;top:0;left:0;transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition:1s ease-in-out 0s}


@media (max-width:1800px){
    .pro1left .box{padding:20px 20px 60px}
    .pro1item .swiper-slide{padding:30px 55px 30px}
    .pro1item .textbox{margin-top:15px}
	.product2slide .desc{max-width:400px}
}

@media (max-width:1620px){
    .pro1item .pro1logo{width:71px;left:-71px}
    .pro1item .swiper-slide{padding:25px 50px 30px}
    .pro1item .textbox{margin-top:15px}
    .product2slide .desc{max-width:380px}
}

@media (max-width:1440px){
    .pro1left .box{padding:20px 20px 40px}
    .pro1item .pro1logo{width:64px;left:-64px}
    .pro1item .swiper-slide{padding:35px 40px 20px}
    .pro1item .textbox{margin-top:10px}
    .pro1item .textbox .type{font-size:20px;height:26px}
    .pro1item .textbox .title{margin-top:4px}
    .product2slide .desc{font-size:16px}
    .product2slide .type{font-size:32px;height:92px;line-height:46px}
    .prod1box{padding:0 4vw 0 3.5vw}
    .prod1left{width:450px;padding:45px 50px 60px 40px}
    .prod1right{width:calc(100% - 450px);padding-left:2vw}
    .prod2list .img{width:530px}
    .prod2list .textbox{width:calc(100% - 530px);padding-right:3vw}
    .prod2list:nth-of-type(2) .textbox{padding-right:0;padding-left:3vw}
    .prod1left .text{padding-bottom:40px}
    .prod1slide{margin-top:35px}
    .prod2list .title, .prod3 .title{font-size:24px}
    .prod1left .type{font-size:34px;line-height:48px}
    .prod1left .title{font-size:18px}
    .prod3 .title{padding-left:50px}
    .product2slide .desc{max-width:320px;height:106px}
}

@media (max-width:1024px){
    .product1{padding:30px 0}
    .product1botbox{margin-top:30px}
    .pro1left{width:100%;margin-right:0;margin-bottom:30px}
    .pro1left .box{padding:10px 10px 25px}
    .pro1left .box .textbox{margin-top:15px}
    .pro1left .box .type, .pro1item .textbox .type{font-size:18px;height:22px}
    .pro1left .box .title{margin-top:3px}
    .pro1right{width:100%}
    .pro1item .swiper-slide{padding:20px 10px}
    .pro1item .iconitem img {width: 30px;}
    .pro1left .swiper-button-next, .pro1left .swiper-button-prev{width:34px;height:34px;margin-top:-54px}
    .pro1left .swiper-button-next{right:25px}
    .pro1left .swiper-button-prev{left:25px}
    .product2{padding:50px 0}
    .product2slide .type{font-size:24px;position:static;margin-top:20px;height:34px}
    .product2slide .desc{font-size:14px;line-height:1.6;text-align:left;position:static;height:90px;margin-top:10px}
    .product2slide .swiper-button-next, .product2slide .swiper-button-prev{width:38px;height:38px;margin-top:-33px;top:45%}
    .prod1{margin-top:0;padding:50px 0}
    .prod1right{width:100%;padding-left:0}
    .prod1box{padding:0}
    .prod1left{width:100%;padding:25px 20px;margin-top:25px}
    .prod1left .type{font-size:28px;line-height:38px}
    .prod1left .title{font-size:16px}
    .prod1left .text{margin-top:15px;padding-bottom:25px;line-height:1.6}
    .prod1slide{margin-top:25px;padding:0 25px}
    .prod1slide .swiper-button-next, .prod1slide .swiper-button-prev{width:14px;height:25px;margin-top:-12px}
    .prod1box{overflow:hidden}
    .prod2list, .prod3{padding:50px 0}
    .prod2list .img{width:100%;margin-top:0}
    .prod2list .textbox{width:100%;padding-right:0;margin-top:25px}
    .prod2list .title, .prod3 .title{font-size:20px}
    .prod2list .text{margin-top:10px}
    .prod2list:nth-of-type(2) .textbox{padding-left:0}
    .prod3 .title{padding-left:0}
    .prod3 .content{margin-top:20px}
    /* .product2title{margin-top:65px} */
    .prod1right{display:block;}
    .prod1right img{max-width:100%}
    .prod1right.wap{display:block}
    .product2slide .swiper-container{padding-bottom:30px}
    .pro1item{padding:10px 0}
}



.news{padding:104px 0 100px;background-color:#eff0f5;background-image:url(../images/about1bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.newsitems{margin:38px 0 60px}
.newsitems .img{
	width: 300px;
	height: 170px;
    text-align: center;
    background: #fff;
    overflow: hidden;
}
.newsitems .img img{
	object-fit: cover;
    max-height:100%;
    max-width:100%;
}
.newsitem{margin-bottom:25px;display:block}
.newsitem:nth-last-of-type(1){margin-bottom:0}
.newsitem .rightbox{width:calc(100% - 305px);margin-left:5px;position:relative;padding:36px 35px 37px;background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.newsresult{margin-top:100px}
.newsresult .newsitem .rightbox{width:100%;margin-left:0}
/* .newsitem:hover .rightbox{background-image:url(../images/col2bg2.jpg)} */
/* .newsitem .rightbox:before{content:"";width:100%;height:100%;background-color:#1b5698;position:absolute;top:0;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} */
/* .newsitem:hover .rightbox:before{width:100%} */
.newsitem:hover .rightbox{background-color:#1b5698}
.newsitem .textbox,
.newsitem .datebox{position:relative;z-index:3}
.newsitem .textbox{width:calc(100% - 210px);margin-right:84px}
.newsitem .datebox{padding-left:36px;border-left:1px solid #ececf0}
.newsitem .datebox .day{font-size:72px;line-height:1;font-family:Arial}
.newsitem .datebox .date{text-align:center;font-size:20px;font-family:Arial;margin-top:2px}
.newsitem .textbox .title{font-size:22px;line-height:30px;;height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsitem .textbox .text{color:#666;margin-top:16px;line-height:1.714;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsitem:hover .datebox .day,
.newsitem:hover .datebox .date,
.newsitem:hover .textbox .title,
.newsitem:hover .textbox .text{color:#fff}
.newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsd{padding:80px 0;background-color:#eff0f5;background-repeat:no-repeat;background-position:center center;background-size:100% auto}
.newsd img{max-width: 100%}
.newsdbox{background-color:#fff;padding:60px 100px;box-shadow:0px 0px 22px 0px rgba(0,0,0,0.05)}
.newsdtop{padding-bottom:25px;border-bottom:1px solid #e8e8e8}
.newsdtop .title{font-size:30px;text-align:center;font-weight:bold}
.newsdtop .other{color:#999;text-align:center;margin-top:12px}
.newsdbox .content{padding:24px 0 56px}
.newsdbox .content p{line-height:32px;}
.newsdpager{padding:28px 0;border-top:1px solid #e8e8e8}
.newsdpager .text,
.newsdpager .name{color:#7c7c7c}
.newsdpager .text{width:calc(100% - 62px);height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsdpager a.text:hover{color:#1b5698}




@media (max-width:1024px){

    .news{padding:50px 0;background-image:none}
    .newsresult{margin-top:0}
    .newstop .pagetitlebox .cntitle{text-align:left}
    .newstopsel{width:138px}
    .newstopseltop .name{width:calc(100% - 23px);margin-right:10px}
    .newstopseltop .name, .newstopseltop .icon{height:40px;line-height:40px}
    .newstopseltop{height:42px;padding:0 10px}
    .newsitem{margin-bottom:20px}
    .newsitems{margin:30px 0}
    .newsdbox{padding:25px}
    .newsdtop .title{font-size:20px}
    .newsdtop .other{margin-top:6px}
    .newsdbox .content{padding:30px 0}
    .newsdpager{padding:10px 0}
}

@media (max-width:768px){
	.newsitem .img, .newsitem .img{
		height: auto;
	}
	.newsitem .img, .newsitem .img img{width:100%}
	.newsitem .rightbox{width:100%;margin-left:0px;padding:20px}
	.newsitem .datebox .day{font-size:38px;text-align:center}
	.newsitem .datebox .date{font-size:14px}
	.newsitem .datebox{padding-left:15px}
	.newsitem .textbox{width:calc(100% - 95px);margin-right:15px}
	.newsitem .textbox .title{font-size:18px;height:23px;line-height:23px}
	.newsitem .textbox .text{margin-top:8px;line-height:1.6}
}



.contact{padding:112px 0 66px;background-image:url(../images/conbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.conmapbox{margin:46px 0;position:relative}
/* .conmapbox:after{content:"";width:calc(100% + 36px);height:calc(100% + 36px);position:absolute;top:-16px;left:-18px;background-image:url(../images/conmapbg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} */
.conmapbox .conmap{width:100%;height:31.061vw;overflow:hidden;border:1px solid #1a73ce}
.conmapbox .conmapimg{width:100%;height:100%}
.conbot{text-align:center}
.conbotewmbox{display:inline-block;vertical-align:middle}
.conbotewmlist:nth-of-type(1){margin-right:14px}
.conbotewmlist .img{box-shadow:0px 0px 40px 0px rgba(0,0,0,0.08)}
.conbotewmlist .img img{
    max-width: 130px;
}
.conbotewmlist .title{color:#151515;text-align:center;margin-top:16px;font-weight:bold}
.conitems{margin-left:56px;display:inline-block;vertical-align:middle}
.conitem{margin-bottom:15px}
.conitem img{max-width:30px;}
.conitem .text{font-size:16px;font-weight:bold;line-height:30px;margin-left:15px}


@media (max-width:1024px){
    .contact{padding:50px 0 35px;background-image:none}
    .conmapbox:after{display:none}
    .conmapbox{margin:25px 0}
    .conmapbox .conmap{height:350px}
    .conbotewmlist .title{margin-top:8px}
    .conitems{display:block;margin-top:25px;margin-left:0}
    .conitem .icon{width:22px;height:22px}
    .conitem .text{width:calc(100% - 32px);text-align:left;font-size:14px;line-height:22px;margin-left:10px}
    .conitem{margin-bottom:10px}
}

.page_list{text-align: center; margin: 20px 0px;}
.page {
    display:inline-block;
    font: 16px/28px 'Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜', sans-serif;
    *display:inline;
    :1;
    *zoom:1;}
.page span,.page strong {
    float:left;}
.page a,
.page span,
.page strong {
    background:#FFF;
    border:1px solid #CCC;
    color:#333;
    float:left;
    font: 16px/24px  '微软雅黑', sans-serif;
    margin-right:5px;
    min-width:24px;
    padding:4px 12px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    _width:15px; border-radius:4px}
    .page strong{background:#103586; color:#fff; }
.page a:hover {
    border:1px solid #103586;
    color:#103586;
    text-decoration:none;}
.page span {
    background:#103586;
    border:1px solid #103586;
    color:#fff;}
.page span.ellipsis {
    float:left;
    font: 16px/24px '微软雅黑', sans-serif;
    line-height:22x;
    margin-right:5px;}
.page .page_txt {
    line-height:20px;
    float:right;
    width:auto;}
.page a.page-curpage {
    background:#103586;
    border:1px solid #103586;
    color:#FFF;
    font-weight:bold;}
.page input {
    font: 14px Verdana;
    padding:0 0 0 1px;
    width:40px;
    height:14px;}