.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:#326ca3}
/* 滚动条外层轨道 */
body::-webkit-scrollbar-track{background-color:#faf6f3}

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



.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:#326ca3;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:#326ca3}
.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:#326ca3;margin-right:0}
.pagernav a:last-child{color:#326ca3;}

.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:#326ca3}

.wappagenav{display:none;position:relative}
.wappagenav .wappagenavname{display:block;color:#fff;background-color:#326ca3;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 .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:#326ca3}
.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}


@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:none}
    .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 img{max-width:100%;}
.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 .text strong{font-size:1.2em; padding:0px 4px; color:#326ca3;}
.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:40px 0 32px;background-image:none}
    .about1left{width:100%}
    .a1logo{width:100%; text-align: center;}
    .a1logo img{max-width:80%;}
    .about1left .cntitle{font-size:18px;margin:10px 0 5px;text-align: center;}
    .about1left .entitle{font-size:12px;text-align: center;}
    .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;text-align: center;}
    .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}
}


.dff{margin-top:0px;}




.newslist2022 {min-height: 400px; margin-top:64px; margin-bottom:64px;}
.newslist2022 h3{ margin:0; font-size:18px;}
.newslist2022 h3 a{font-size: 18px;}
.newslist2022 p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;}
.newslist2022 ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;}
.newslist2022 ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;}
.newslist2022 ol .Ispic img{ display:none;}
.newslist2022 ol div{ padding:5% 10% 3% 5%;}
.newslist2022 ol h3 a{ color:#326ca3;}
.newslist2022 ol h3 a:hover{ color:#0490d9; }
.newslist2022 ol time{ display:block; padding:3% 0;}
.newslist2022 ol p{ margin:0 0 3% 0; height:78px;}
.newslist2022 ol span{ display:inline-block; width:130px; line-height:40px; text-align:center;  background:#326ca3; font-size:12px; transition: 0.3s ease; }
.newslist2022 ol span:hover{ width: 160px; background:#0490d9; }
.newslist2022 ol span a{  color:#fff; }

.newslist2022 li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fff;}
.newslist2022 li div{border-left:1px solid #eee; padding:2% 3%;}
.newslist2022 li time{ position:absolute; left:0; top:0; width:160px; height:100%;}
.newslist2022 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;}
.newslist2022 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;}
.newslist2022 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;}

.newslist2022 li:hover{ background-color:#326ca3; cursor:pointer;}
.newslist2022 li:hover *{  color:#fff; }

@media(max-width:1000px){
    .newslist2022 li{padding-left:100px;padding-right:30px;}
    .newslist2022 li:after{width:30px; background-size:35% auto;}
    .newslist2022 li time{width:100px;}
    .newslist2022 li time span{font-size:14px;}
    .newslist2022 li time i{font-size:40px;line-height:30px;}
}
@media(max-width:768px){
    .newslist2022{margin:24px 0px 32px;}
    .newslist2022 h3{ font-size:16px;}
}
@media(max-width:640px){
    .newslist2022 ol{ padding-left:0;}
    .newslist2022 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;}
    .newslist2022 ol div{ padding:3%;}
}
@media(max-width:480px){
    .newslist2022 li{padding-left:80px;padding-right:0;}
    .newslist2022 li:after{ display:none;}
    .newslist2022 li time{width:80px;}
    .newslist2022 li time span{font-size:12px;}
    .newslist2022 li time i{font-size:30px;}
    .newslist2022 h3{ font-size:14px;}
    .newslist2022 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
    .newslist2022 ol p{ height:60px;}
}

.news_info{
    margin:64px 0px;
}
.news_info .title{ text-align:center; padding-bottom:0px; background:none;}
.news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;}
.news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:20px;}
.news_info .title p span{ margin:0 36px; color:#999;  font-size:12px;}
.news_info .info{ text-align:justify; text-justify:inter-ideograph; padding-top:20px; line-height:2em;}
.news_info .info img{ margin:15px auto; display: block; max-width: 100%;}
.news_info .info p{ font-size:14px; color:#666; line-height:30px; margin:12px 0; text-indent:2em;}

.news_info .btn{ text-align: center; width:100%}
.news_info .goback{ background:#326ca3; padding:8px 18px; color:#fff; border-radius:6px; display: inline-block; margin: 20px 0;}
.news_info .goback:hover{background:#326ca3; }

.news_info .info_back{ padding:2% 0 20px 0;}
.news_info .info_back dl{ margin: 10px 0;}
.news_info .info_back a{ color:#999; font-size:14px;}
.news_info .info_back a:hover{color:#326ca3;}


.ny_news_ye p{line-height:32px;}
.ny_news_ye p a{color:#666;}
.ny_news_ye p:hover a{color:#326ca3;}




.honorbox{
    margin:64px 0px;
}

.honor_list{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding-top: 20px;
/*  justify-content: space-between;*/
}
.honor_list dd{
    width: calc((100% - 48px) / 4);
    background: #fff;
    margin: 0 16px 16px 0;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    border: 1px solid #ececec;
        display: flex;
    align-items: flex-end;
        box-sizing: border-box;
}
.honor_list dd:nth-child(4n){margin-right: 0px;}
.honor_list dd a{
    display: block;
    padding: 20px 20px 0;
}

.honor_list_pic{
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

.honor_list_pic img{
    width: 100%;
}
.honor_list_con{
    padding: 13px 0;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
    border-top: 1px solid #ececec;
}

.honor_list_con .tt{
    width:100%;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
}
.honor_list_con .icon{
    width: 30px;
    height: 30px;
    font-size: 22px;
    color: #666;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
}
.honor_list dd:hover{
    box-shadow: 0 0 14px rgba(50,50,50,.1);
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.honor_list dd:hover .honor_list_pic img{
    transform:scale(1.03,1.03);
    -webkit-transform:scale(1.03,1.03);
}



.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}

.procate .side-title{margin-top:60px;background:#326ca3;background-size:auto 100%;color:#fff;padding:16px 0 16px 24px;border-radius: 12px 0 0 0;font-size:18px;}
.procate .side-title span{display:block;text-transform: uppercase;font-size: 16px;color: #fff; display:none;}
.procate .side{ padding-bottom:50px; background:#fff; border-radius:0 0 50px 0; -webkit-border-radius:0 0 50px 0; -moz-border-radius:0 0 50px 0; -ms-border-radius:0 0 50px 0;}
.procate .side li{border-bottom: 1px solid #efefef;line-height:24px;font-size: 16px;background: #fff;}
.procate .side li a{display:block;padding: 14px 30px 14px 20px;position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.procate .side li a::before,
.procate .side li a::after{ position:absolute; content:''; top:50%;}
.procate .side li a::before{width:15px;height:15px;border-radius:50%;background:#ececec;right: 15px;margin-top:-7.5px;}
.procate .side li a::after{margin-top: -4px;border:5px solid transparent;border-top-width:4px;border-bottom-width:4px;border-left-color:#fff;right: 14px;}
.procate .side li a:hover,
.procate .side li.aon a{ color:#326ca3;}
.procate .side li:hover a::before,
.procate .side li.aon a::before{ background:#326ca3;}
.procate #side .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;}
.procate #side .owl-stage-outer{ position:relative; overflow:hidden;}
.procate #side .owl-stage{position:relative;touch-action: manipulation;}
@media(max-width:1024px){
.w22{ padding-bottom:0;}
.procate .side-title{ margin-top:2%;}
.procate .side{ display:none;}
.procate #side{ background:#fff; border-top:1px solid #fff; padding:0 20px; position:relative;}
.procate #side li{ float:left; padding-right:4%;}
.procate #side li a{ color:#666; line-height:24px; display:block; padding:12px 10px; border-bottom:1px solid #fff; text-align:center;}
.procate #side li.aon a{color:#326ca3; border-bottom:1px solid #326ca3;}
.procate #side .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#000; color:#fff; cursor:pointer; padding:0;}
.procate #side .owl-nav button.owl-prev{ left:0;}
.procate #side .owl-nav button.owl-next{ right:0;}
.procate #side .disabled{ display:none;}
}
@media(max-width:640px){
.procate .side-title{padding:10px 0 10px 20px;font-size:20px;}
.procate .side-title span{ font-size:12px;}
}







.dot {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.prolist{ padding-top:60px; min-height: 400px; }


.prolist li .sc{ overflow: hidden; }
.prolist li .sc figure{margin:0px;}
.prolist li .sc .Ispic{width:100%;padding-bottom:100%;border-radius: 0px 0;transition: 0.3s ease;  background-repeat: no-repeat;
    background-position: center;    background-size: contain;}
.prolist li .sc .Ispic:hover{ transform: scale(1.1); }

.prolist li{
    width: 32%;
    float: left;
    margin:0 2% 2% 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px 2px #eee;
    }
.prolist li .word{ padding:6%}
.prolist li:nth-child(3n){ margin-right:0;}
.prolist li img{width: 100%; display:block;}
.prolist li .dot{color: #353535; font-size: 16px;  margin-top: 10px;}
.prolist li:hover .dot{color: #326ca3;}
.prolist li p{display: block; color: #727272; text-align: left; height: 48px; overflow: hidden; font-size: 12px; line-height: 24px;}
.prolist li .more{width: 122px; height: 30px; margin-top:15px; line-height: 30px; color: #fff; font-size:12px; text-align: center; background:#326ca3;display: inline-block;border-radius: 50px; transition: 0.3s; }
.prolist li .more:hover{width: 160px; }
@media (max-width: 768px){
.prolist li{width: 49%;}
.prolist li:nth-child(4n){ margin-right:2%;}
.prolist li:nth-child(2n){ margin-right:0;}
}
@media(max-width:640px){
.prolist li{ float:none; margin-right:0 !important; width:auto; margin-bottom: 20px; }
}



.proinfo{ padding:4% 0;}
.proinfo .info_pro{background-color: white;padding: 16px 0px;}
.proinfo .info_pro h3{
    font-size:18px;
    font-weight: bold;
    color:#326ca3;
}

.proinfo .pro_spec_tit {
    margin-top: 40px;
    font-size: 16px;
    border-bottom: 2px solid #ccc;
}
.proinfo .spec_title{
margin-top:30px;
color:#010101;
text-align:center;
font-size:18px;
font-weight:bold;
margin-bottom:30px;
}

.proinfo .spec_title hr{width:110px; height:8px; background:#326ca3; margin:20px auto 0px; border:0px;}

.proinfo .spec_image{
margin-top:30px;
}
.proinfo .spec_image img{
margin:0 auto;
display:block;
max-width:90%;
}
.proinfo .pro_spec_tit a.cur, .pro_spec_tit a:hover {
    background: #326ca3;
    color: #fff;
}
.proinfo .pro_spec_tit a {
    display: inline-block;
    width: 150px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #666;
    margin-left: 0px;
    /* float: left; */
    border-right: 1px solid #e5e5e5;
    margin-bottom: -2px;
}

.proinfo .info_back{  margin: 20px 0; }
.proinfo .info_back dd{ line-height: 32px;  }
.proinfo .list_img{ float:left; width:55.6%; position:relative;}
.proinfo .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;}
.proinfo .big_img li,
.proinfo .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%; background-color: #fff; }
.proinfo .big_img li figure{ background-size:contain;}
.proinfo .list{ padding:42px 0 170px 82.9%;}
.proinfo .list .bd{ position:relative;}
.proinfo .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/proinfo-btn_prev.png) no-repeat center center/auto 50%;  cursor:pointer;}
.proinfo .list a.prev{ top:0;}
.proinfo .list a.next{ bottom:0; background-image:url(../images/proinfo-btn_next.png);}
.proinfo .list a.prevStop,
.proinfo .list a.nextStop{ cursor:default;}
.proinfo .list li{ height:124px;  position:relative;}
.proinfo .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:9px; background-size:contain; background-color: #fff;  border:1px solid #f2f2f2;}
.proinfo .list li.on figure{ border:2px solid #326ca3;}

.proinfo .right_info{ float:right; width:39.2%; height: 500px; overflow-y:scroll; position: relative; padding: 15px; margin: 20px 0;  }
.proinfo .right_info h1{ font-size: 36px; color: #326ca3; position: relative; padding-bottom: 20px; margin-bottom: 40px;}
.proinfo .right_info h1::after{ position: absolute; display: inline-block; content: ''; width: 80px; height: 1px; background:#326ca3; bottom: 0; left: 0; }
.proinfo .right_info .intro{ margin:0; line-height:30px; padding-bottom: 5%; }
.proinfo .back{ float: right; display:inline-block; padding:10px 5%; color:#000;background: #ddd; transition:0.4s;}
.proinfo .back:hover{ background-color:#326ca3; color:#fff;}

/* 滚动条背景 */
.proinfo ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #f1f1f1;}
/* 滚动条宽 */
.proinfo ::-webkit-scrollbar{width: 2px; }
/* 滚动条滑动条颜色 */
.proinfo ::-webkit-scrollbar-thumb{  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #999;  }

.proinfo .tab{ padding:3% 0;}
.proinfo .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;}
.proinfo .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#eee; margin-right:4px; cursor:pointer;}
.proinfo .tab .h1_tab span.on{ background-color:#326ca3; color:#fff;}
.proinfo .tab .info{ padding-top:3%;padding-left: 5%;}
.proinfo .tab .info figure{ padding-bottom:2%;}
.proinfo .tab .info h1{ font-size:15px; color:#326ca3;    margin: 0;
    margin-bottom: 10px;}
.proinfo .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/proinfo-icon_download.png) no-repeat right center; padding:10px 0;}
.proinfo .ul_download li a{ padding:0 38px; background:url(../images/proinfo-icon.png) no-repeat left center;}

.img-box{width:96%; max-width: 480px; margin:25px auto 0px;}
.img-box img{max-width: 100%;}
.gallery-thumbs{margin-top:10px;}
.img-box>.gallery-top{margin-bottom: 10px;}
.gallery-top .swiper-slide{ border:1px solid #ccc;box-sizing: border-box;}
.gallery-thumbs .swiper-slide{ border:1px solid #ccc;box-sizing: border-box;}
.gallery-thumbs .swiper-slide.swiper-slide-active{ border:1px solid #326ca3;box-sizing: border-box;}

.info_pro{font-size:14px; line-height:32px;}
.info_pro strong{font-weight:bold; font-size:14px;}
.info_pro table{width:100%; max-width:960px; margin:0 auto; background: #ccc; border:0px solid #ccc;border-collapse: collapse;}
.info_pro table td{background: #fff; border:1px solid #ccc; padding-left: 0px; line-height:32px; text-align: center; max-width:300px;}
.info_pro img{max-width:100%;}

@media(max-width:768px){
.proinfo .list_img { float:none; width:auto;}
.proinfo .right_info{ float:none; width:auto; height:auto; overflow-y:hidden;}

.proinfo .back {float:none; clear:both;}
}
@media(max-width:640px){
.proinfo .list li{ height:100px;}
.proinfo .right_info h1{font-size:20px; }
.proinfo .right_info h3{ font-size:16px;}
 }
@media(max-width:480px){
.proinfo .list{ padding-top:30px; padding-bottom:30px;}
.proinfo .list a{ height:28px;}
.proinfo .list li{ height:80px;}
.proinfo .tab .h1_tab{ font-size:14px;}
.proinfo .tab .h1_tab span{ padding:0 3%;}
 }



.pagination {margin-top: 30px;    display: flex;
    flex-wrap: nowrap;
    justify-content: center;}
.page {
    width:100%;
  display:contents;
  font: 16px/28px '微软雅黑', sans-serif;
  *display:inline;
  :1;
  *zoom:1;}
.page a,.page strong{
  background:#FFF;
  border:1px solid #CCC;
  color:#333;
  float:left;
  font: 16px/24px  '微软雅黑', sans-serif;
  margin-right:5px;
  min-width:15px;
  padding:4px 8px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;}
.page strong{background:#326ca3; color:#fff; }
.page a:hover,.page .active a {
  border:1px solid #326ca3;
  color:#326ca3;
  text-decoration:none;}




.contactbox{width:100%; height:240px;}
.contactcate{height:100%; box-sizing: border-box; padding:10px 48px 0px; display:flex; justify-content: space-between;
    align-content: center;
    align-items: center;
}

.contactcon{
    width: calc(100% - 280px);
    display:flex; 
    justify-content: space-between;
    align-content: center;
}
.contactitem{
    font-size: 22px;
    color:#2d2d2d;
}
.contactitem .ctit{
    display:flex; justify-content: flex-start;;
    align-content: center;
    align-items: center;
    margin-bottom: 24px;
}
.contactitem .ctit span{}
.contactitem .ctit i{display: inline-block;
width:42px; height:42px; border:2px solid #326ca3; border-radius: 50%; box-sizing: border-box; margin-right:12px;}
.contactitem .ctit i.c2{
    background:url(../images/contact-phone.png) no-repeat;
    background-size:24px;
    background-position:6px;
}
.contactitem .ctit i.c1{
    background:url(../images/contactbox_email.png) no-repeat;
    background-size:24px;
    background-position:6px;
}
.contactitem .ctit i.c3{
    background:url(../images/contact-fax.png) no-repeat;
    background-size:24px;
    background-position:6px;
}
.contactitem .nr{
    font-size: 22px;
    color:#2d2d2d;
}

.contactewm img{max-width:160px;}

.map{max-width: 1450px; margin:0px auto 96px; min-height:600px}

@media(max-width:1200px){
    .contactcate{padding:10px 12px 0px}
    .contactcon{width:calc(100% - 200px)}
    .contactitem{font-size:16px;}
    .contactitem .nr{font-size: 14px}
    .map{margin:182px auto 44px;}
}

@media(max-width:768px){
    .contactbox{position: inherit; bottom:-0px;}
    .contactcon{width:100%; display:block;}
    .contactitem .ctit{margin-bottom:4px;}
    .contactitem .ctit i{width:28px; height:28px; background-size: 16px;
    background-position: 3px;}
    .contactitem .ctit i.c1 {
        background: url(../images/c2.png) no-repeat;
        background-size: 16px;
        background-position: 4px;
    }
    .contactitem .ctit i.c2 {
        background: url(../images/c1.png) no-repeat;
        background-size: 16px;
        background-position: 4px;
    }
    .contactitem .ctit i.c3 {
        background: url(../images/c3.png) no-repeat;
        background-size: 16px;
        background-position: 4px;
    }
    .contactitem .nr{font-size: 16px; margin-bottom:4px;}

    .contactewm img{max-width:100px;}

    .map{margin-top:32px;}
    .jioninbox #formsearch #keyword{font-size: 14px; padding-left:14px;}
    .jioninbox #formsearch #keyword::placeholder {
        color: #a1a1a1;
        font-size: 14px;
    }
}



.apply{width:90%; margin:0 auto; max-width: 640px}
.apply dt{font-size: 16px;color: #606366; padding: 5px 0px; line-height: 30px;}
.apply .input4 {width: 100%; border: #e5e5e5 solid 1px; color: #804235; display: block;
padding: 15px 10px;
background: none;
-webkit-box-sizing: border-box;
font-size: 16px;
letter-spacing: 3px;
outline: none;
background-color: #fff;
color:#804235;
    border-radius: 10px;}

.apply .applybtn{width:80%;max-width: 500px;
height: 50px;
line-height: 50px;
font-size: 24px;
background: #326ca3;
letter-spacing: 10px;
margin: 20px auto;
color:#fff;    border-radius: 10px;}
.apply .aoolya{}

::-webkit-input-placeholder {
  color: #ccc;
  font-size: 14px;
  opacity: 0.9;
  letter-spacing:0px;
}
:-moz-placeholder {/* Firefox 18- */
  color: red;
 font-size: 14px;
  opacity: 0.9;
  letter-spacing:0px;
}
::-moz-placeholder{/* Firefox 19+ */
 color: red;
  font-size: 14px;
  opacity: 0.9;
  letter-spacing:0px;
}
:-ms-input-placeholder {
  color: red;
font-size: 14px;
  opacity: 0.9;
  letter-spacing:0px;
}