/*reset*/
html,body{width:100%;min-height: 100%;}
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,div,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;}
body{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);font-family: '微软雅黑', 'sans-serif'}
a{text-decoration:none;outline:0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
.clear{ clear:both; line-height:0px; height:0; overflow:hidden;}
blockquote::before,blockquote::after,q::before,q::after{content:none}
ins{text-decoration:none}del{text-decoration:line-through}
button,input,select,textarea{font-family:inherit;font-size:100%;vertical-align:middle;outline: none}
textarea{resize:none;overflow:auto;vertical-align:top}
[hidden]{display:none}
a,a:hover, a:visited, a:link, a:active {color: inherit}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clearfix{zoom:1}

img {border:0;max-width: 100%;height: auto;width: auto\9; /* ie8 */ vertical-align:middle;}
i{font-style: normal;}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}
.fix{*zoom:1;}
.fix:after{display:block; content:"."; height:0; clear:both;visibility:hidden;}
.mytable{display: table;}
.mycell{display: table-cell;vertical-align: middle;}
.cover{background: no-repeat top;background-size: cover}
.contain{background: no-repeat center;background-size: contain}
.bg{background: no-repeat center;}
.fl{float: left;}
.fr{float: right;}
.wcont{padding: 0 5vw;box-sizing: border-box}
.inline{display: inline-block;vertical-align: middle;}
/*---------------------------首页---------------------------*/

.x-top{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #ffffff;transition: .5s;}
.x-top.act{top: -100px;}
.x-top:hover{top: 0;}
.x-top-t1{}
.x-top-t1 .wcont{display: flex;align-items: center;justify-content: space-between;height: 100px;}
.x-top-t1-l{}
.x-top-log2{margin-left: 5px;}
.x-top-t1-l form{border-bottom: 2px solid #000000;padding: 5px 0;margin-left: 80px;}
.x-top-t1-l form input{border: none;padding: 0;font-size: 14px;color: #000000;width: 115px;transition: .5s;}
.x-top-t1-l form input.on{width: 160px;}
.x-top-t1-l form button{padding: 0;margin: 0;background: none;border: none;}
.x-top-t1-r iframe{display: block;}

.x-top-btn{display: none;}

.x-top-t2{background: #d7e8ff;}
.x-top-t2 ul{display: flex;align-items: center;justify-content: space-between;height: 60px;position: relative;}
.x-top-t2 ul li{font-size: 18px;text-align: center;width: 12.5%;position: relative;color: #000000;line-height: 60px;}
/* .x-top-t2 ul li:first-child:before{content: "";display: block;width: 1px;height: 10px;background: #000000;left: 0;top:50%;position: absolute;margin-top: -5px;} */
.x-top-t2 ul li:after{content: "";display: block;width: 1px;height: 10px;background: #000000;right: -1px;top:50%;position: absolute;margin-top: -5px;}
.x-top-t2 ul li:last-child:after{ display: none;}
.x-top-t2 ul li.on{color: #83c157;font-weight: bold;}
.x-top-t2 ul li a{position: relative; display: block;}
.x-top-t2 ul li.on a:after{content: url("../images/x_icon2.png");position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);line-height: 1;}

.x-top-t2 ul li dl{position: absolute;min-width: 100%;left: -1px;top:60px;background: #eaf3ff;z-index: 3;text-align: center;color: #333333;border-left:1px solid #d1dde9;border-right:1px solid #d1dde9;display: none;line-height: 40px;}
.x-top-t2 ul li dd{position: relative;transition: .3s;border-bottom:1px solid #dee8f1}
.x-top-t2 ul li dd a{padding:10px 0;}
.x-top-t2 ul li dd dd a{padding:10px 20px;}
.x-top-t2 ul li dd dl{left: 100%;top:-1px;text-align: left;background: #fff;;border-top:1px solid #cfcfcf;border-right:1px solid #cfcfcf;}
.x-top-t2 ul li dd dl dd{border-color: #d1dde9;}
.x-top-t2 ul li dd dl dd:last-child{border-color: #d1dde9;}
.x-top-t2 ul li:hover{background: #42a7ff;border-color: #d1dde9}
.x-top-t2 ul li:hover:after{display: none;}
.x-top-t2 ul li:hover>dl{display: block}
.x-top-t2 ul li:hover a{color: #fff;}
.x-top-t2 ul li:hover dl a{color: #333333;}
.x-top-t2 ul li dd:hover{background: #fff;}
.x-top-t2 ul li dd:hover a{color: #333333}
.x-top-t2 ul li dd:hover dl{display: block}

.x-top-t2 ul li dd a:after{ display: none;}


/*导航*/
.sjj_nav{display: none;}


.x-banner {height: 100vh;position: relative;overflow: hidden;}
.swiper-banner {height: 100vh;overflow: hidden;}
.swiper-banner .swiper-slide {overflow: hidden;position: relative;}
.banner-pic {height: 100%;background: no-repeat center;background-size: cover;transition: 7s;transition-delay: 0s}
.swiper-banner .ani-slide .banner-pic {transform: scale(1.1);transition-delay: 0s}
.banner-infos {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;}
.banner-infos h1{font-size: 2.5rem;color: #0c6dc5;opacity: 0;transform: translateY(100px);transition: 2s;}
.banner-infos h2{font-size: 2.5rem;color: #0c6dc5;opacity: 0;transform: translateY(150px);transition: 2s;}
.banner-infos:after{content: "";display: block;width: 30px;height: 2px;background: #ffffff;margin-top: 2.5rem;transition: 2s;transform: translateY(200px);opacity: 0;}
.swiper-banner .ani-slide .banner-infos h1 {transform: translateY(0);opacity: 1}
.swiper-banner .ani-slide .banner-infos h2 {transform: translateY(0);opacity: 1}
.swiper-banner .ani-slide .banner-infos:after{transform: translateY(0);opacity: 1}




/*头部*/
.phone-nav{display: none;}
.sjj_nav{display: none;}
.head {position: fixed;top: 0;left: 0;width: 100%;z-index: 99;padding: 30px 0;transition: .5s;}

.head-l {float: left;width: 20%;position: relative;}
.head-l img{display: block;width: 220px;transition: .5s;}
.logo-ac{opacity: 0;position: absolute;top: 0;left: 0;z-index: 2;}

.head-c{float: left;width: 60%;padding-top: 20px;transition: .5s;}
.head-c ul {text-align: center;}
.head-c li {padding: 15px 30px;display: inline-block;position: relative;transition: .5s;font-size: 20px;color: #fff;border-radius: 5px}
.head-c li a{position: relative;z-index: 3;}
.head-c li.on {color: #146eff;background: #ffffff;font-weight: bold;}
.head-c li:hover {color: #146eff;background: #ffffff;}
.head-c li dl{position: absolute;top:0;left: 0;width: 100%;background: #ffffff;border-radius:5px;padding: 56px 20px 5px;box-sizing: border-box;display: none;}
.head-c li dl dd{padding: 15px 0;border-top:1px solid #406db5;font-size: 16px;color: #333333;transition: .5s;font-weight: normal;}
.head-c li dl dd:hover{color: #146eff}
.head-c li:hover dl{display: block;}

.head-r{float: left;width: 20%;text-align: right;padding-top: 35px;transition: .5s;}
.head-r a{color: #fff;font-size: 25px;transition: .5s;}
.head-r a i{font-size: 25px;}


.head.on{background: #ffffff;padding: 20px 0;}
.head.on .head-l img{width: 148px;}
.head.on .logo-ac{opacity: 1;}

.head.on .head-c{padding-top:0;}
.head.on .head-c li{color: #333333;}
.head.on .head-c li.on {color: #fff;background: #34498a;}
.head.on .head-c li:hover {color: #fff;background: #34498a;}
.head.on .head-c li dl{background: #34498a;}
.head.on .head-c li dl dd{color: #ffffff;}
.head.on .head-r{padding-top: 16px;}
.head.on .head-r a{color: #34498a;}


.banner {height: 100vh;position: relative;}
.swiper-banner {height: 100vh;overflow: hidden;}
.swiper-banner .swiper-slide {overflow: hidden;position: relative;}
.banner-pic {height: 100%;background: no-repeat center;background-size: cover;transition: 7s;transition-delay: 0s}
.swiper-banner .ani-slide .banner-pic {transform: scale(1.1);transition-delay: 0s}

.banner-ctrl{position: absolute;width: 55px;height: 55px;line-height: 55px;text-align: center;border: 2px solid #fff;background:rgba(255,255,255,.5);top: 50%;left: 60px;margin-top: -27px;z-index: 12;border-radius: 50%;cursor: pointer;}
.banner-ctrl i{font-size: 30px;color: #fff;}
.banner-nex{left: auto;right: 60px;}

.banner-bottom {position: absolute;bottom: 40px;width: 100%;left: 0;z-index: 8;}

.banner-slink{float: left;}
.banner-slink li{display: inline-block;margin-right: 25px;}
.banner-slink li a{font-size: 20px;color: #ffffff;transition: .5s}

.banner-ds{float: right;}
.banner-ds i{font-size: 24px;font-weight: bold;color: #fff;}
.banner-ds .banner-ac{font-size: 40px;}
/*新闻*/
.x-news{padding: 5vw 0;background: url("../images/x_ls6.jpg");overflow: hidden;}
.x-news-t1{display: flex;align-items: center;justify-content: space-between;}
.x-htit{position: relative;font-size: 3rem;color: #ffffff;font-weight: bold;padding-left: 1.8rem;line-height: 1;}
.x-htit:before{content: "";display: block;width: 12px;height: 60%;position: absolute;top: 20%;background: #83c157;left: 0;}

.x-news-t2{display: flex;margin-top: 2.5rem;}

.x-news-l{width: 50%;position: relative;background: #ffffff;}

.x-news-na{position: absolute;left: 0;bottom: 0;width: 160px;background: url("../images/x_ls5.jpg") no-repeat center;background-size: cover;height: 230px;z-index: 9;}
.x-news-na h1{position: absolute;bottom: 20px;left: 0;width: 100%;font-size: 1.5rem;color: #ffffff;text-align: center;}
.swiper-news{}
.swiper-news a{display: block;}
.x-news-pic{width: 100%;overflow: hidden;}
.x-news-img{width: 100%;height: 410px;transition: .5s;}
.x-news-info{height: 230px;padding-left: 160px;}
.x-news-info-cont{padding: 30px;}
.x-news-info h1{font-size: 1.25rem;color: #000000;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .5s;}
.x-news-info h2{font-size: .9rem;color: #666666;font-weight: normal;line-height: 1.5rem;height: 3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;margin: 15px 0;}

.x-news-fot{display: flex;align-items: center;justify-content: space-between;}
.x-news-date{text-align: right;}
.x-news-date p{font-size: .875rem;color: #000000;font-family: 'ac'}
.x-news-date h3{font-size: 2.5rem;color: #000000;font-family: 'ac';transition: .5s;}
.x-news-more{font-size: .875rem;color: #ffffff;padding: 5px 10px;background: #83c157;}

.swiper-news .swiper-slide:hover .x-news-img{transform: scale(1.05)}
.swiper-news .swiper-slide:hover .x-news-info h1{color: #42a7ff}
.swiper-news .swiper-slide:hover .x-news-date h3{color: #42a7ff}

.news-pag{position: absolute;bottom: 230px;left: 0;background: #42a7ff;width: 160px;height: 45px;display: flex;align-items: center;justify-content: center;z-index: 9;}
.news-pag span{background: #efefef;width: 8px;height: 8px;border-radius: 50%;opacity: 1;margin: 0 3px;}
.news-pag .swiper-pagination-bullet-active{background: #83c157;}

.x-news-r{width: 50%;background: #ecf2ff;padding: 2.5rem;box-sizing: border-box}

.x-news-slide{height: 100%;background: #ffffff;}

.x-news-tab{}
.x-news-tab ul{height: 50px;box-sizing: border-box;background:#83c058;display: flex;align-items: center;justify-content: space-between;}
.x-news-tab li{text-align: center;font-size: 1.1rem;color: #ffffff;width: 34%;line-height: 50px;position: relative;transition: .3s;}
.x-news-tab li a{display: block;}
.x-news-tab li:before{content: "";display: block;width: 100%;height: 5px;position: absolute;top: 0;left: 0;background: #42a7ff;}
.x-news-tab li:after{content: "";display: block;width: 1px;height: 40px;position: absolute;top: 5px;right: -1px;background: #fff;}
.x-news-tab li:last-child:after{display: none;}
.x-news-tab li.on{background: #ffffff;color: #000000;}
.x-news-tab li.on:after{display: none;}

.x-news-font{padding: 20px;box-sizing: border-box}
.x-news-font li{border-bottom: 1px solid #ececec;padding: 30px 0;}
.x-news-font li a{display: flex;justify-content: space-between;align-items: center;}
.x-news-m{width:90%;}
.x-news-m h1{font-size: 1.1rem;color: #333333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .5s;}
.x-news-m p{font-size: .875rem;color: #666666;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.x-news-n{}
.x-news-n p{font-size: .875rem;color: #c3c3c3;font-family: 'ac'}
.x-news-n h1{font-size: 1.875rem;color: #c3c3c3;font-family: 'ac';transition: .5s;}
.x-news-font li a:hover .x-news-m h1{color: #42a7ff}
.x-news-font li a:hover .x-news-n h1{color: #42a7ff}

/*业绩展示*/

.x-qyfc{padding: 5vw 0;background: url("../images/x_ls7.jpg") no-repeat center;background-size: cover;overflow: hidden;}
.x-qyfc-t1{display: flex;align-items: center;justify-content: space-between;}
.x-qyfc-t1 .more{ padding: .25em 1.5em; border: 3px solid #83c157; font-size: 1.125rem; line-height: 2; text-transform: uppercase; color: #3274cf; transition: all .5s;}


.x-qyfc-t2{display: flex;justify-content: space-between;margin-top: 4vw;}
.x-qyfc-l{width: 180px;}
.x-qyfc-l1{font-size: 1.25rem;color: #ffffff;background: #3274cf;padding: 15px 0;text-align: center;font-weight: bold;}
.x-qyfc-l1 img{margin-top: -2px;margin-right: 5px;}
.x-qyfc-l2{}
.x-qyfc-l2 ul{background: #ffffff;padding: 0 20px;}
.x-qyfc-l2 li{font-size: 1.1rem;color: #666666;padding: 20px 15px;border-bottom: 1px solid #d2d2d2;}
.x-qyfc-l2 li:last-child{border: none;}
.x-qyfc-l2 li.on{color: #000000;font-weight: bold;}
.x-qyfc-l2 li a{position: relative;}
.x-qyfc-l2 li a:after{position: absolute;content: "";left: -8px;height: 4px;width: 4px;background: #339bf3;top: 50%;margin-left: -2px;margin-top: -2px;}
.x-qyfc-l3{background: #e2ebff;padding: 15px;margin-bottom: 1px;font-size: 1.25rem;color: #333333;font-weight: bold;}
.x-qyfc-l3 img{margin-right: 3px;margin-top: -2px;}

.x-qyfc-r{width: 100%;}
.swiper-yjzs{}
.swiper-yjzs a{display: block;}
.x-qyfc-pic{overflow: hidden;width: 100%;}
.x-qyfc-img{width: 100%;padding-bottom: 62%;transition: .5s;}
.x-qyfc-info{background: #e2ebff;display: flex;justify-content: space-between;align-items: center;padding: 10px 15px;}
.x-qyfc-info p{width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.1rem;color: #000000;transition: .5s;}

.swiper-yjzs .swiper-slide:hover .x-qyfc-img{transform: scale(1.05)}
.swiper-yjzs .swiper-slide:hover .x-qyfc-info p{color: #339bf3;}

.x-qyfc-ctrl{text-align: right;margin-top: 5vw;}
.x-qyfc-ctrl div{display: inline-block;vertical-align: middle;margin-left: 10px;outline: none;cursor: pointer}

/*企业简介*/
.x-qyjj{display: flex;justify-content: space-between;overflow: hidden;}
.x-qyjj-l{width: 50%;background: url("../images/x_ls10.jpg") no-repeat center;background-size: cover;text-align: center;}
.x-qyjj-l-cont{display: inline-block;text-align: left;padding-top: 140px;}
.x-qyjj-l h1{font-size: 3rem;color: #ffffff;margin-bottom: 20px;}
.x-qyjj-l h2{font-size: 2.25rem;color: #42a7ff;text-transform: uppercase}
.x-qyjj-l h2 span{display: block;line-height: 1;}
.x-qyjj-l p{width: 35px;height: 2px;background: #ffffff;margin: 40px 0;}
.x-qyjj-l img{display: block;}

.x-qyjj-r{width: 50%;background: url("../images/x_ls11.jpg") no-repeat center;background-size: cover;display: flex;align-items: center;padding: 7vw 0;}

.x-qyjj-boxs{padding: 0 5vw;}

.x-qyjj-m1{font-size: 2.25rem;color: #000000;font-weight: bold;}
.x-qyjj-m1 i{position: relative;display: inline-block;padding-bottom: 20px;}
.x-qyjj-m1 i:after{content: "";display: block;position: absolute;bottom: -5px;width: 100%;height: 2px;background: #83c157;}
.x-qyjj-m2{font-size: .9rem;color: #000000;line-height: 2.25rem;padding: 25px 0;text-align: justify;}
.x-qyjj-m3{}
.x-qyjj-m3 a{font-size: .9rem;color: #fff;display: inline-block;padding: 5px 10px;background: #83c157;}
.x-qyjj-m4{background: #ffffff;margin-top: 3vw;}
.x-qyjj-m4 ul{display: flex;justify-content: space-between;text-align: center;border:1px solid #cbd4de;border-right: none;}
.x-qyjj-m4 li{border-right:1px solid #cbd4de;width: 25%;padding: 25px 0;}
.x-qyjj-m4 li p{font-size: .9rem;color: #666666;}
.x-qyjj-m4 li h1{font-size: 1.1rem;color: #000000;margin-top: 5px;}

.x-qyjj-m5{display: flex;align-items: center;justify-content: space-between;text-align: center;margin-top: 6vw;}
.x-qyjj-m5 h2{font-size: 1.5rem;color: #000000;padding-top: 10px;}


/* footer */
footer{ width: 100%; height: auto;}
footer .foot{ display: grid; grid-template-columns: 2fr 5fr; grid-gap: 3vw; width: 100%; padding: 3.75vw 5vw; background: url('../images/bg-foot.jpg') center center no-repeat; background-size: cover;}
footer .foot .logo{ grid-row: 1 / 3; color:#fff;}
footer .foot .logo .ico{  width: 100%; height: 60px; -webkit-mask: url('../images/flogo.png') left center no-repeat; background: #fff;}
footer .foot .logo .cn{ font-size: 1.875rem; font-weight: 700; }
footer .foot .logo .en{ font-size: .75rem; text-transform: uppercase; letter-spacing: .04em;}
footer .foot .nav-bottom{ display: flex; justify-content: flex-end; align-items: center;}
footer .foot .nav-bottom a{ position: relative; font-size: 1rem; line-height: 1.5; color: #fff}
footer .foot .nav-bottom a:last-child{ padding-left: 2em;}
footer .foot .nav-bottom a:not(:last-child){ padding: 0 2em}
footer .foot .nav-bottom a:not(:last-child):after{ content: ''; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; width: 1px; height: 50%; margin: auto; background: #83c157;}
footer .foot .contact{ display: flex; justify-content: flex-end; align-items: center; color: #83c157; font-size: 0.875rem;}
footer .foot .contact .itm{ display: flex; align-items: center; margin-left: 5em;}
footer .foot .contact .itm i{ font-size: 1.125rem; line-height: 1; color: var(--secondary); margin-right: 0.5em;}
footer .copyright{ display: flex; justify-content: space-between; width: 100%; padding: 1em 7.5vw; font-size: 0.875rem; line-height: 1.5; color: #fff; background: #526892;}


/*-------------------------党群工作-------------------------*/
.nycont{width: 1440px;margin: 0 auto;}
.x-nydqgz{padding-top: 100px;}
.x-nydqgz-box1{background: url("../images/x_ls17.jpg") no-repeat center;background-size: cover;height: 35.5vw;display: flex;align-items: center;}
.x-nydqgz-box1 h1{font-size: 2.5rem;color: #ffffff;}
.x-nydqgz-box1 h1:after{content: "";display: block;width: 2.5rem;height: 2px;background: #ffffff;margin-top: 20px;}

.x-nydqgz-box2{padding: 4vw 0;background:url("../images/x_ls18.jpg");}
.x-nydqgz-m{display: flex;justify-content: space-between;}

.x-nydqgz-z{width: 45%;background: url("../images/x_ls19.jpg") no-repeat center bottom;background-size: cover;border-radius: 5px}
.x-nydqgz-x{width: 53%;background: #ffffff;border: 1px solid #ededed;border-radius: 5px;padding: 1.5vw 2vw;box-sizing: border-box;overflow: hidden;}
.x-nydqgz-s{padding: 3.6vw 4vw;}
.x-nydqgz-s h1{font-size: 1.875rem;color: #fff;}
.x-nydqgz-s h1 img{margin-top: -2px;margin-right: 5px;}
.x-nydqgz-s p{font-size: 1.1rem;color: #ffffff;margin-top: 20px;margin-bottom:30px;}
.x-nydqgz-s a{display: inline-block;font-size: .9rem;color: #fff;border: 1px solid #fff;padding: 3px 10px;}

.x-nydqgz-top{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #e8e8e8}
.x-nydqgz-top a{display: block;position: relative;padding-right: 160px;}
.x-nydqgz-top-l{}
.x-nydqgz-top-l h1{font-size: 1.5rem;color: #000000;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .5s;}
.x-nydqgz-top-l p{font-size: .9rem;color: #888888;line-height: 1.5rem;text-align: justify;height: 4.5rem;margin-top: 10px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.x-nydqgz-top a:hover .x-nydqgz-top-l h1{color: #439cff;}

.x-nydqgz-top-r{border: 3px solid #83c157;text-align: right;padding: 10px;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.x-nydqgz-top-r p{font-size: .75rem;color: #ff0000;}
.x-nydqgz-top-r h1{font-size: 1.5rem;color: #ff0000;}


.x-nydqgz-n{background: #ffffff;border-radius: 5px;border: 1px solid #ededed;margin-top: 20px;display: flex;justify-content: space-between;padding:2vw;box-sizing: border-box}
.x-nydqgz-f{width: 47%;overflow: hidden;}
.x-nydqgz-f-t1{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #dcdcdc;padding-bottom: 15px;margin-bottom: 15px;}
.x-nydqgz-k1{font-size: 1.5rem; color: #000000;font-weight: bold;}
.x-nydqgz-k1 img{margin-top: -2px;}
.x-nydqgz-k2{font-size: .9rem;color: #888888;}
.x-nydqgz-f-t2{}
.x-nydqgz-f-t2 li{padding: 10px 0;}
.x-nydqgz-f-t2 li a{display: block;}
.x-nydqgz-f-t2 li h1{position: relative;padding-right: 130px;font-size: 1rem;color: #000000;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2rem;transition: .5s;}
.x-nydqgz-f-t2 li h1 span{position: absolute;right: 0;top: 0;font-size: .75rem;color: #aeaeae;}
.x-nydqgz-f-t2 li p{font-size: .9rem;color: #888888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 5px;}

.x-nydqgz-f-t2 li a:hover h1{color: #439cff;}

/*-------------------------人力资源-------------------------*/
.x-rlzy{}
.x-rlzy-ban{height: 100vh;display: flex;align-items: center;justify-content: center;}
.x-rlzy-ban-box{text-align: center;padding-top: 5vw;}
.x-rlzy-ban-box h1{font-size: 3.5rem;color: #262626;font-family: 'Roboto';font-weight: normal;text-transform: uppercase}
.x-rlzy-ban-box h2{font-size: 2rem;color: #262626;font-weight: normal;padding-top:2vw;padding-bottom: 3vw;}
.x-rlzy-ban-box ul{display: flex;align-items: center;justify-content: center;}
.x-rlzy-ban-box ul li{padding: 20px 25px;border-bottom: 2px solid #262626;font-size: 2.25rem;color: #262626;margin: 0 5vw;transition: .5s;}
.x-rlzy-ban-box ul li:hover{color: #3179ff;border-color: #3179ff}

.x-rlzy-box1{padding: 5vw 0;overflow: hidden;}
.x-rlzy-box1 .wcont{display: flex;justify-content: space-between;}
.x-rlzy-tit{font-size: 2.5rem;color: #262626;font-weight: normal;}
.x-rlzy-box1-r{}
.x-rlzy-box1-r ul{display: flex;}
.x-rlzy-box1-r ul li{margin-right: 4vw;}
.x-rlzy-box1-r ul li h1{font-size: 3rem;color: #262626;font-family: "Roboto"}
.x-rlzy-box1-r ul li h1 i{font-size: 1rem;}
.x-rlzy-box1-r ul li p{font-size: 1.5rem;color: #3652a0;}

.x-rlzy-box2{padding: 4vw 0;background: url("../images/x_ls21.jpg") no-repeat center;background-size: cover;overflow: hidden;}
.x-rlzy-box2-fs{width: 50%;}
.x-rlzy-box2-fs ul{border-top: 1px solid #beb8b5;margin-top: 4vw;}
.x-rlzy-box2-fs ul li{padding: 2vw 0;text-align: justify;border-bottom: 1px solid #beb8b5;}
.x-rlzy-box2-fs ul li h2{font-size: 1.5rem;color: #262626;font-weight: normal;}
.x-rlzy-box2-fs ul li p{font-size: 1rem;color: #262626;margin-top: 10px;}

.x-rlzy-box3{background: #ffffff;padding: 3vw 0;overflow: hidden;}
.x-rlzy-box3-t1{text-align: center;}

.x-rlzy-box3 ul{padding-top: 4vw;}
.x-rlzy-box3 li{border-bottom: 1px solid #eeeeee;transition: .5s;}
.x-rlzy-box3 li a{display: flex;align-items: center;justify-content: space-between;padding: 20px 10px;box-sizing: border-box}
.x-rlzy-box3 li:hover{box-shadow: 0 0 10px rgba(0,0,0,.15) ;}
.x-rlzy-box3 li h1{font-size: 1.5rem;color: #262626;font-weight: normal;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.x-rlzy-box3 li p{font-size: 1.5rem;color: #3652a0;font-family: "Roboto";font-weight: bold;}
.x-rlzy-box3 li p img{margin-top: -2px;margin-left: 10px;}

.x-rlzy-box3-tmor{text-align: center;padding-top: 3vw;}
.x-rlzy-box3-tmor a{display: flex;align-items: center;justify-content: space-around;padding: 15px 0;border: 2px solid #eeeeee;width: 350px;margin: 0 auto;font-size: 1.25rem;color: #262626;font-weight: bold;font-family: "Roboto";transition: .5s;}

.x-rlzy-box3-tmor a i{width: 100px;height: 2px;background: #262626;}
.x-rlzy-box3-tmor a:hover{transform: translateY(-3px)}


.x-rlzy-box4{padding: 4vw 0;position: relative;background:#3274cf}
.x-rlzy-box4:after{content: "";position: absolute;left: 0;width: 50%;height: 100%;background: url("../images/x_ls22.jpg") no-repeat center;background-size: cover;top: 0;}
.x-rlzy-box4-m{width: 60%;margin-left: 40%;padding: 3vw;box-sizing: border-box;background: #ffffff;position: relative;z-index: 3;overflow: hidden;}
.x-zp{border-top: 1px solid #7f7f7f;margin-top: 20px;}
.x-zp .zw{width: 85%;}
.x-zp li{border-bottom: 1px solid #7f7f7f;}
.x-zp .zp-info-t{height: 60px;color:#fff;cursor: pointer;display: flex;justify-content: space-between;align-items: center;}
.x-zp .zp-info-t .zw{font-size: 1.2rem;color: #262626;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.x-zp .zp-info-t .ck img{transition: .3s;display: block;}

.x-zp .zp-info-b{padding:20px 0;position: relative;display: none;}
.x-zp .zp-info-b .zp-info-l{padding-right: 180px;}
.x-zp .zp-info-b .zp-info-l p{font-size: .9rem;color:#262626;line-height: 1.6}
.x-zp .zp-info-b .ypbtn{position: absolute;right:0;top:20px;width: 120px;line-height: 40px;color: #fff;text-align: center;background:#3274cf;transition: .3s;border-radius: 4px}
.x-zp .zp-info-b .ypbtn:hover{background: #1943cf}
.x-zp .sho .zp-info-b{display: none;}
.x-zp .sho:first-child .zp-info-b{display: block;}
.x-zp .act .zp-info-t .ck img{transform:rotate(180deg)}

/*弹窗*/
.addressad{position: fixed;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.6);z-index: 9998; display: none;}
.address-cont{display: table-cell;vertical-align: middle;text-align: center}
.address-box{width: 500px;display: inline-block}
.address-box-title {position: relative;font-size: 16px;color: #3f312a;padding: 0 15px;line-height: 40px;background: #ddd;width: 100%;box-sizing: border-box;text-align: left;}
.address-box-close{position: absolute;right:15px;}
.address-box-info{padding: 40px;width: 100%;background: #fff;text-align: left;box-sizing: border-box}
.address-box-info li{margin-bottom: 5px;}
.address-box-info li p{line-height: 38px;width:100px;position: relative;float: left}
.address-box-info li .address-sex{width:300px;float: right;text-align: left;line-height: 36px;}
.address-box-info li input{width:300px;font-size: 14px;background: #fff;text-decoration: none;padding: 0 8px;height: 36px;line-height: 36px;border: 1px solid #dedede;box-sizing: border-box;color: #3f312a;border-radius: 3px;float: right}
.address-box-info li label{display: inline-block;width: 100px;}
.address-box-info li label span{display: inline-block;width:20px;height: 20px;background: #eee;border-radius: 50%;vertical-align: middle;margin-right: 10px;padding:5px;box-sizing:border-box;position: relative;}
.address-box-info li label span i{width: 10px;height: 10px;border-radius: 50%;position: absolute;left:5px;top:5px;}
.address-box-info li label input{display: none !important;}
.address-box-info li label input:checked + span i{background: #000;}
.address-box-info li select{width:300px;font-size: 14px;background: #fff;text-decoration: none;padding: 0 8px;height: 36px;line-height: 36px;border: 1px solid #dedede;box-sizing: border-box;color: #3f312a;border-radius: 3px;float: right}

.address-box-info li .pick-area{float: right;width: 300px;}
/*.address-box-info li:nth-child(-n+4) p:after{content: "";display: block;width:6px;height: 6px;background: url("../images/necessary.png") no-repeat;position: absolute;left:15px;top:50%;margin-top: -3px;}*/
.address-box-info div{text-align: center}
.address-box-info .addresssave{background: #3274cf;color: #fff;font-size: 16px;line-height: 40px;width:150px;display: inline-block;border: none;border-radius: 3px;margin-top: 20px;cursor: pointer;transition: .3s;}
.address-box-info .addresssave:hover{background: #1943cf;}

/*-----------------关于--------------------*/

@font-face {
    font-family: 'Roboto';
    src: url('font/Roboto-Bold.eot');
    src: url('font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('font/Roboto-Bold.woff2') format('woff2'),
    url('font/Roboto-Bold.woff') format('woff'),
    url('font/Roboto-Bold.ttf') format('truetype'),
    url('font/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.guanyu .header{ width: 100%; height: 100vh; background-position: top center; background-size: cover; text-align: center; position: relative; }
.guanyu .header .t1{ font-size: 56px; color: #fff; font-family: 'Roboto'; padding-top: 300px; }
.guanyu .header .t2{ font-size: 32px; color: #fff; padding-top: 50px; }
.guanyu .header ul{ width: 80%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 6%; }
.guanyu .header ul li{ width: 13%; margin-right: 1.2%; box-sizing: border-box; float: left; transition: .3s; }
.guanyu .header ul li:last-child{margin: 0;}
.guanyu .header ul li a{display: block; text-align: center; padding: 15px 0; border-bottom: 2px solid #fff; font-size: 24px; color: #fff; opacity: .8;}
.guanyu .header ul li a:hover{ opacity: 1; }
.guanyu .titleOne{ background-color: #fff; padding: 90px 0; text-align: center;overflow: hidden; }
.guanyu .titleOne .t1{ font-size: 40px; font-family: 'Roboto'; }
.guanyu .titleOne .t2{ font-size: 24px; padding-top: 20px; }

.guanyu .intro{ padding: 100px 3.75%; background: #4269d6; overflow: hidden;}
.guanyu .intro .introTit{ margin-bottom: 50px; color: #fff; overflow: hidden; }
.guanyu .intro .introTit .title{ float: left; font-size: 40px; }
.guanyu .intro .introTit .number{ float: right; }
.guanyu .intro .introTit .number li{ float: left; padding: 0 40px; border-right: #8398d3 2px solid; text-align: center;  }
.guanyu .intro .introTit .number li:last-child{ border: none; }
.guanyu .intro .introTit .number li .data{ font-family: 'Roboto'; font-size: 64px; }
.guanyu .intro .introTit .number li .data span{ font-size: 16px; vertical-align: top; padding-left: 15px; }
.guanyu .intro .introTit .number li .text{ font-size: 24px;}

.guanyu .intro .introCon{ padding: 60px; overflow: hidden; font-size: 16px; line-height: 200%; background: #fff; text-indent: 36px; }
.guanyu .intro .introCon .more{ text-align: center; padding-top: 30px; text-indent: 0; }
.guanyu .intro .introCon .more a{ display: inline-block; font-family: 'Roboto'; font-size: 20px; padding: 10px 30px; border: 2px solid #eeeeee;  transition: .3s; }
.guanyu .intro .introCon .more a span{ font-weight: bold; }
.guanyu .intro .introCon .more a span:before{ content: ''; display: inline-block; width: 100px; height: 2px; background: #262626; vertical-align: middle; margin: 0 10px; }
.guanyu .intro .introCon .more a:hover{ background: #4269d6; border-color: #4269d6; color: #fff; }
.guanyu .intro .introCon .more a:hover span:before{ background: #fff; }

.guanyu .chair{ padding: 0 3.75%; background: url(../images/chair_bg.jpg) no-repeat; background-attachment: fixed; overflow: hidden; }
.guanyu .chair .chairCon{ border: 2px solid #fff; padding: 70px; margin: 70px 0; overflow: hidden; }
.guanyu .chair .chairCon .chairMan{ width: 50%; float: left; text-align: center; }
.guanyu .chair .chairCon .chariTxt{ width: 50%; float: right; color: #fff; }
.guanyu .chair .chairCon .chariTxt .t1{ font-family: 'Roboto'; font-size: 40px; text-align: center; padding-top: 50px; }
.guanyu .chair .chairCon .chariTxt .t2{ font-size: 24px; font-weight: bold; text-align: center; padding-top: 10px; }
.guanyu .chair .chairCon .chariTxt .con{ font-size: 16px; line-height: 200%; text-indent: 36px; padding-top: 30px;text-align: justify; }

.guanyu .org{ padding: 70px 3.75%; overflow: hidden; text-align: center; background: #4269d6; }

.guanyu .contact{ padding: 70px 3.75%; background: url(../images/contact_bg.jpg) top center no-repeat; overflow: hidden; }
.guanyu .contact .contactTit{ padding: 50px 0 120px; text-align: center; }
.guanyu .contact .contactTit .t1{ font-family: 'Roboto'; font-size: 40px; }
.guanyu .contact .contactTit .t2{ font-size: 24px; padding-top: 20px; }
.guanyu .contact .contactCon .text,
.guanyu .contact .contactCon .map{ width: 50%; float: left; }
.guanyu .contact .contactCon .text .companyName{ font-size: 40px; }
.guanyu .contact .contactCon .text ul{ padding-top: 100px; }
.guanyu .contact .contactCon .text ul li{ width: 50%; float: left; margin-bottom: 50px; }
.guanyu .contact .contactCon .text ul li .icon,
.guanyu .contact .contactCon .text ul li .info{ display: inline-block; vertical-align: middle;}
.guanyu .contact .contactCon .text ul li .icon{ width: 80px; height: 80px; line-height: 70px; text-align: center; border: 2px solid #666666; border-radius: 8px; box-sizing: border-box; }
.guanyu .contact .contactCon .text ul li .info{ padding-left: 15px; }
.guanyu .contact .contactCon .text ul li .info p{ font-size: 16px; color: #666666; }
.guanyu .contact .contactCon .text ul li .info h2{ font-size: 24px; color: #4269d6; padding-top: 10px; font-family: 'Roboto'; }
.guanyu .contact .contactCon .map{ height: 360px; border-radius: 8px; }

/*-------------------------------------业绩--------------------------*/

.yeji .header{ width: 100%; height: 100vh; background-position: top center; background-size: cover; text-align: center; }
.yeji .header .t1{ font-size: 56px; color: #fff; font-family: 'Roboto'; padding-top: 200px; }
.yeji .header .t2{ font-size: 32px; color: #fff; padding-top: 50px; }
.yeji .header ul{ width: 70%; margin: 100px auto 0; }
.yeji .header ul li{ width: 30%; margin-right: 3.3%; box-sizing: border-box; border: 10px solid #fff; background-color: #fff; float: left; transition: .3s; }
.yeji .header ul li:last-child{margin: 0;}
.yeji .header ul li .img{ height: 0; padding-bottom: 55%; overflow: hidden; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transition: .3s; }
.yeji .header ul li .txt{ font-size: 24px; padding: 16px 0 8px; }
.yeji .header ul li:hover{ background-color: #ffa061; border-color: #ffa061; }
.yeji .header ul li:hover .img{ background-size: 110% 110%; }
.yeji .header ul li:hover .txt{ color: #fff; }
.yeji .title{ background-color: #fff; padding: 90px 0; text-align: center; }
.yeji .title .t1{ font-size: 40px; font-family: 'Roboto'; }
.yeji .title .t2{ font-size: 24px; padding-top: 20px; }

.yeji .project{ background: url(../images/yj_project_bg.jpg) top left no-repeat; background-attachment: fixed; overflow: hidden; }
.yeji .project .text{ margin: 120px 3.75%; overflow: hidden; }
.yeji .project .text li{ float: left; }
.yeji .project .text .tit{ width: 25%; font-size: 40px; }
.yeji .project .text .txt{ width: 75%; }
.yeji .project .text .txt p{ font-size: 24px; line-height: 200%; padding-bottom: 20px; }
.yeji .project .text .txt img{ display: inline-block; margin-right: 40px; }
.yeji .project .classBtn{ margin: 120px 3.75%; overflow: hidden; }
.yeji .project .classBtn li{ float: left; width: 23%; margin-right: 2%; transition: .3s; }
.yeji .project .classBtn li:last-child{ margin: 0px; }
.yeji .project .classBtn li a{ display: block; height: 0; padding-bottom: 90%; position: relative; background: rgba(13, 67, 194, .8); text-align: center; transition: .3s; }
.yeji .project .classBtn li a .classTit{ width: 100%; transition: .3s; position: absolute; top: 50%; transform: translateY(-50%); }
.yeji .project .classBtn li a .classTit p{ font-size: 24px; color: #fff; padding-top: 20px; }
.yeji .project .classBtn li span{ display: inline-block; font-size: 16px; color: #fff; padding: 5px 15px; border: 2px solid #fff; box-sizing: border-box; border-radius: 20px; margin-top: 30px; transition: .3s; position: absolute; top: 80%; left: 50%; transform: translate(-50%,-50%); opacity: 0; }
.yeji .project .classBtn li a:hover{ background: rgba(224, 36, 36, .8); }
.yeji .project .classBtn li a:hover .classTit{ top: 40%; }
.yeji .project .classBtn li a:hover span{ top: 60%; opacity: 1; }

.yeji .project_btn{ margin: 80px 3.75%; overflow: hidden; }
.yeji .project_btn li{float: left; width: 48%; margin-right: 2%; }
.yeji .project_btn li a{ display: block; overflow: hidden; position: relative; }
.yeji .project_btn li a img{ width: 100%; transition: .3s; }
.yeji .project_btn li a .tit{ position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); font-size: 40px; color: #fff; z-index: 2; transition: .3s; }
.yeji .project_btn li a .more{ position: absolute; left: 50%; top: 70%; transform: translate(-50%,-50%); font-size: 24px; color: #fff; padding: 10px 20px; border: 2px solid #fff; font-family: 'Roboto'; z-index: 2; transition: .3s; }
.yeji .project_btn li a .more span{ font-size: 20px; font-weight: bold;}
.yeji .project_btn li a .more span::before{ content: ''; display: inline-block; width: 100px; height: 2px; background: #fff; margin: 0 10px; }
.yeji .project_btn li a:hover img{ transform: scale(1.1); }
.yeji .project_btn li a:hover .tit{ top: 45%; }
.yeji .project_btn li a:hover .more{ top: 65%; }

/*-------------------------新闻列表--------------------------*/
.x-nybbb{background:url("../images/x_ls6.jpg");padding-top: 160px;}
.x-nybbb-t1{padding: 4vw 0;}
.x-nybbb-t1 h1{font-size: 1.5rem;color: #ffffff;}
.x-nybbb-t1 ul{display: flex;align-items: center;flex-wrap: wrap;padding-top: 10px;}
.x-nybbb-t1 ul li{margin: 10px 0;margin-right: 10px;background: #4d92f1;font-size: 1.1rem;color: #ffffff;padding: 10px;}
.x-nybbb-t1 ul li.on{color: #4d92f1;background: #ffffff;}
.x-nybbb-t2{border-top:1px solid #4d92f1;padding: 14px 0;font-size: .9rem;color: #ffffff;overflow: hidden;}
.x-nybbb-t2 img{margin-top: -3px;}

.x-newslist{overflow: hidden;}
.x-newslist li{border-bottom: 1px solid #ececec;padding: 30px 0;}
.x-newslist li a{display: flex;justify-content: space-between;align-items: center;}

.x-newslist li a:hover .x-news-m h1{color: #42a7ff}
.x-newslist li a:hover .x-news-n h1{color: #42a7ff}

.fenye{padding: 20px 0;text-align: center;}
.fenye a,.fenye span{display: inline-block;padding: 2px 2px;min-width: 20px;margin: 2px;border: 1px solid #42a7ff;font-size: 14px;color: #42a7ff}
.fenye span{background: #42a7ff;color: #fff}



/*-------------------------图片列表--------------------------*/
.x-tupian{padding: 4vw 0;}
.plContainer{ width: 100%;display: grid; grid-template-columns: repeat(3,1fr); grid-gap:2vw 5vw;}
.plContainer .plItem{ width: 100%; overflow: hidden; }
.plContainer .plItem .thumb{ position: relative; box-sizing: border-box; width: 100%; padding: 2.5vw; border: 1px solid #e5e5e5; overflow: hidden; }
.plContainer .plItem .thumb .img{ position: relative; width: 100%; height: 0; padding-bottom: calc(100% / 6 * 4); background-position: center center; background-repeat: no-repeat; background-size: cover;transition: .5s;}
.plContainer .plItem .tit{ display: flex; justify-content: center; align-items: center; width: 100%; padding: 1rem 0;}
.plContainer .plItem .tit span{ width: 100%; text-align: center; font-size: 1rem; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.plContainer .plItem:hover .thumb .img{transform: scale(1.05)}




/*-------------------------企业新闻--------------------------*/
.width100{width:100%; margin:0 auto;}
.width1360{width:1360px;margin: 0 auto; position: relative;}
.marauto{margin:0 auto;}
.pore{position:relative;}
.poabso{ position:absolute;}
.ico{margin-right:10px;}
.shrink{-webkit-transform:scale(0.8);display:block}

.fleft{ float:left;}
.fright{ float:right;}
.textcenter{ text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}

/*内页banner*/
.sec_banner{height: 450px; box-sizing: border-box;color:#fff;margin-top: 100px;}
.sec_banner h1{ font-size: 36px; padding-top:10%;}
.sec_banner h3{ font-size: 18px; margin-top: 10px; font-weight: normal; text-transform: uppercase;}

.secnewstitle{margin-top:80px;margin-bottom: 50px;}
.secnewstitle h1{ font-size: 30px;}

.qy_news{ overflow: hidden;display:table;}
.qy_news li{ display: inline-block;position: relative;background: #f5f5f5;; width: 31%; margin:0 3.5% 40px 0;}
.qy_news li:nth-child(4){margin-right: 0;}
.qy_news li .qynewspic{ width: 100%; height: 265px;}
.qy_news li .qynewspic img{transform: scale(1, 1);transition: all 1.2s; width: 100%;height: 265px;}
.qy_news li:hover .qynewspic img{transform: scale(1.1, 1.1);transition: all 1.2s;}
.qy_news li .qynewscon{ width:100%;height:185px; box-sizing: border-box;padding:30px 40px;}
.qy_news li .qynewscon h1{ font-size:24px;color:#444;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.qy_news li  .newsuptime{ position: absolute;left:40px; bottom:30px;color:#999;}
.qy_news li  .newsuptime dt{ padding-right: 20px; font-size: 16px; display: inline-block;}
.qy_news li  .newsuptime dt i{font-size: 14px;}

.qy_news li:nth-child(1){ width:100%;height: 370px;}
.qy_news li:nth-child(1) .qynewspic{ width: 50%;height: 370px; float: left;}
.qy_news li:nth-child(1) .qynewspic img{ width:100%;height: 370px;}

.qy_news li:nth-child(1) .qynewscon{ width: 50%;height: 370px; box-sizing: border-box;padding:50px 80px;}
.qy_news li:nth-child(1) .qynewscon h2{font-size:18px; color:#74003c;margin-bottom:35px; font-weight: normal;}
.qy_news li:nth-child(1) .qynewscon h1{ font-size:24px;color:#444;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; }
.qy_news li:nth-child(1) .qynewscon p{ font-size:18px; color:#999;line-height: 1.6;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;margin-top: 15px;}
.qy_news li .qynewscon{ position: relative; float: right;}
.qy_news li:nth-child(1)  .newsuptime{ position: absolute;left:85px; bottom:50px;color:#999;}
.qy_news li:nth-child(1)  .newsuptime dt{ padding-right: 50px; font-size: 16px; display: inline-block;}
.qy_news li:nth-child(1)  .newsuptime dt i{font-size: 14px;}


/*中标公示*/
.sec_zbgsbg{background: url(../images/zbgs_bg.jpg) top center no-repeat; overflow: hidden; background-size: cover;padding-top:80px;}
.zbsg_box{width: 1050px; overflow: hidden;margin: 0 auto;}
.zbsg_imgbox{ position: relative;z-index: 3; float: left;}
.zbsg_conbox{position: absolute;right: 0;top: 115px; z-index:2;border-radius:10px; background: rgba(255,255,255,.9);height: 575px; width: 750px;box-sizing: border-box;padding:35px 35px 35px 130px;float: left;}
.zbgstitle{font-size:30px; font-weight: 800;}
.zbgstitle a{color:#204d98;}
.zbgstitle:before{ content: ""; display: inline-block; height:5px; width:20px; background: #204d98;margin-bottom: 5px;margin-right: 20px;}
.zbsg_ul{margin-top: 35px;height:370px; overflow-y: auto;}
.zbsg_ul::-webkit-scrollbar {/*滚动条整体样式*/width:5px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px;}
.zbsg_ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 6px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #83c157;}
.zbsg_ul::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.2);border-radius: 10px;background: #ccc;}

.zbsg_ul li{ border-bottom: 1px solid #dedede;padding-bottom:10px;margin-bottom:20px;}
.zbsg_ul li h2{font-size:22px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; line-height: 2.4;}
.zbsg_ul li  .zbgsuptime{color:#999;}
.zbsg_ul li  .zbgsuptime dt{ padding-right: 20px; font-size: 16px; display: inline-block;}
.zbsg_ul li  .zbgsuptime dt i{font-size: 14px;}



/*通知公告*/
.sec_notice{ overflow: hidden; text-align: center; display: table;margin-bottom: 115px;}
.sec_notice li{display:inline-grid; width: 33.33%; border:1px solid #dedede; box-sizing: border-box;padding:35px 40px; transition: all .5s; overflow: hidden;text-align: left;height: 285px; position: relative; z-index: 2;margin: 0;}
.sec_notice li .underbox{height:285px; width: 100%; position: absolute;z-index: 1; opacity: 0;left:0; top: 0; transition: all .5s;}
.sec_notice li .underbox img{height: 285px; width: 100%;}
.sec_notice li:hover .underbox{ opacity: 1;}
.sec_notice li .no_date{font-size:16px; color: #999; z-index: 2;position: relative;}
.sec_notice li .no_date h2{font-size:36px;}
.sec_notice li h1{font-size: 20px;color:#333;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;z-index: 2;line-height: 1.6;position: relative;margin-top:25px;}
.sec_notice li .no_linkmore{font-size: 14px; z-index: 2;position: absolute;left:40px; bottom: 40px;color:#999;}
.sec_notice li .no_linkmore:before{ content: ""; display: inline-block; height: 1px; width:30px; background: #999;margin-bottom: 5px;}
.sec_notice li:hover .no_date{color:#fff;}
.sec_notice li:hover .no_linkmore{color:#fff;}
.sec_notice li:hover .no_linkmore:before{ background: #fff;}
.sec_notice li:hover h1{ color:#fff;}

/*政策法规*/
.secnewstitle2{margin-top:80px;margin-bottom: 50px;}
.secnewstitle2 h1 a{ font-size: 30px;color:#fff;}

.sec_zcbg{background: url(../images/sec_zcbg.jpg) top center no-repeat; background-attachment: fixed; overflow: hidden; background-size: cover;}
.sec_zclist{ overflow: hidden;margin-bottom: 80px;}
.sec_zclist li{ height:240px;padding:50px 30px; width:49%;box-sizing: border-box; background: #fff;margin-bottom: 32px;transition: all .5s;}
.sec_zclist li:nth-child(even){ float: right;}
.sec_zclist li:nth-child(odd){ float: left;}
.sec_zclist li h1{font-size:20px;margin-bottom: 15px;}
.sec_zclist li .desc{font-size:18px; line-height: 1.6;color:#999;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
.sec_zclist li:hover{box-shadow: 0 0 15px rgba(0,0,0,.3); background: #3274cf;}
.sec_zclist li:hover h1{color:#fff;}
.sec_zclist li:hover .desc{color:rgba(255,255,255,.5)}


/*详情页面*/
.detailsbg{height: 240px; background: url(../images/detailsbg.jpg) top center repeat-x; background-size: cover;position: relative;}
.detailsbg .de_titlebox{ width: 80%; margin:0 auto; color:#fff;}
.detailsbg .de_titlebox h2{padding-top:85px;font-size:24px;}
.detailsbg .de_secnav{ height: 56px;border-top: 1px solid #4d92f1; line-height: 56px; position:absolute;left:0; bottom:0; width: 100%;}
.detailsbg .de_secnav .sevnavlist{ width: 80%;font-size:14px; text-align: left;margin: 0 auto;color: #fff;}
.detailsbg .de_secnav .sevnavlist i{padding-right: 20px;}
.detailsbg .de_secnav .sevnavlist a{color:#fff;}

/*.details_title{height: 125px; line-height: 125px; text-align: center; border-bottom: 1px solid #ececec;font-size:24px; color:#333; font-weight:800;}*/
.details_title{height: 80px; display: flex;align-items: center;justify-content: center;flex-wrap: wrap;text-align: center; border-bottom: 1px solid #ececec;font-size:24px; color:#333; font-weight:800;}
.details_uptimebox{height: 100px; line-height: 100px; text-align: center; font-size:14px; color:#666;}
.details_uptimebox span{color:#3376d1;}
.details_contentbox{ overflow: hidden;line-height:2.6;margin-top:2%;}
.details_contentbox img{ width: auto; height: auto; display: block; margin: 15px auto; max-width: 100%;}

.nprvenews{height:42px; background:#3274cf;font-size:14px;line-height: 42px; box-sizing: border-box; padding:0 20px;overflow: hidden; display: inline-block; width: 48%;color:#fff;margin-top: 50px;margin-bottom: 30px;}
.nprvenews a{color:#fff;}

/*详情页面2*/

.nyxq2{display: flex;justify-content: space-between;padding: 30px 0;}
.nyxq2-l{width: 70%;}
.nyxq2-r{width: 26%;}
.nyxq2-xgxx{background: #fafafa;padding: 0 10px;box-sizing: border-box;border-radius: 5px}
.nyxq2-xgxx-t1{border-bottom: 1px solid #ececec;height: 80px;font-size: 1.5rem;color: #3375d0;padding: 0 20px;box-sizing: border-box;display: flex;align-items: center;}
.nyxq2-xgxx ul{}
.nyxq2-xgxx li{padding: 30px 10px;box-sizing: border-box;border-bottom: 1px solid #ececec}
.nyxq2-xgxx li:last-child{border: none;}
.nyxq2-xgxx li a{display: block;}
.nyxq2-xgxx li h1{font-size: 1.1rem;color: #333333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .5s;}
.nyxq2-xgxx li p{font-size: .9rem;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: .5rem 0;}
.nyxq2-xgxx li .nyxq2-dd{display: inline-block;text-align: right;}
.nyxq2-xgxx li .nyxq2-dd span{font-size: .9rem;color: #c3c3c3;font-family: "ac"}
.nyxq2-xgxx li .nyxq2-dd h2{font-size: 1.875rem;color: #c3c3c3;font-family: 'ac';}
.nyxq2-xgxx li a:hover h1{color: #3375d0;}

.nyxq2-gggg{margin-top: 20px;border-radius: 5px;overflow: hidden;}
.nyxq2-gggg-t1{}
.nyxq2-gggg-t1 img{display: block;width: 100%;}
.nyxq2-gggg-t2{background: #fafafa;padding: 1rem;box-sizing: border-box;}

.nyxq2-gggg-t2 h1{font-size: 1.1rem;color: #000000;;font-weight: normal;margin-bottom: 5px;}
.nyxq2-gggg-t2 ul{}
.nyxq2-gggg-t2 li{font-size: .9rem;color: #000000;padding: 5px 0;}
.nyxq2-gggg-t2 li img{margin-top: -2px;margin-right: 5px;}
.nyxq2-gggg-t2 li i{color: #666666;}


/* number */
.number{ display: grid; grid-template-columns: repeat(3,1fr); width: 100%; height: auto; padding: 0 7.5vw; background: #1669bd url('../images/bg-number.png') right center no-repeat; background-size: 7.5vw 100%;}
.number .itm{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 4.5rem 0; background:linear-gradient(to right,#1669bd,#068dd9); color: #fff; line-height: 1;}
.number .itm .ico{ margin-right: 2rem;}
.number .itm .ico i{ font-size: 5rem;}
.number .itm .num{ display: flex; flex-flow: column nowrap;}
.number .itm .num .counter{ font-size: 4rem;}
.number .itm .num .cap{ font-size: 1.125rem;}
*,
*::before,
*::after{ box-sizing: border-box; margin: 0; padding: 0;}
/*关于*/
.nywcont{width: 1320px;margin: 0 auto;}
.nycontainer{padding-bottom: 50px;}
.nybanner{height: 600px;}

.mbs{background: #ffffff;padding: 30px 0;border-bottom: 1px solid #eeeeee}
.mbx{float: left;font-size: 16px;color: #666666}
.mbx i{font-size: 22px;color: #333333;margin-right: 15px;}

.subs{float: right;}
.subs ul{}
.subs li{float: left;font-size: 18px;color: #666666;font-weight: bold;position: relative;margin:0 15px;transition: .5s;}

.subs li.on{color: #333333;}
.subs li.on:after{content: "";display: block;position: absolute;width: 100%;height: 2px;left: 0;bottom: -31px;background: #34498a;}
.subs li:hover{color: #333333;}

.abtit{text-align: center;}
.abtit h1{font-size: 30px;color: #333333;}
.abtit p{font-size: 14px;color: #999999;font-weight: 100;text-transform: uppercase;padding-top: 15px;}


.ab1{padding: 50px 0;}
.ab1-in{font-size: 16px;color: #333333;line-height: 1.8;padding-top: 40px;}

.ab1-ul{text-align: center;padding: 50px 0;}
.ab1-ul li{width: 25%;float: left;}
.ab1-ul li h1{font-size: 36px;color: #34498a}
.ab1-ul li p{font-size: 14px;color: #666666;padding-top: 6px;}

.ab1-more{text-align: center;}
.ab1-more a{font-size: 16px;color: #666666;font-weight: bold;padding: 5px 10px;border-radius: 20px;border: 1px solid #cccccc;transition: .5s;}
.ab1-more a:hover{color: #34498a}


.ab2{padding: 70px 0;}
.ab2 .abtit h1{color: #fff}
.ab2 ul{padding-top: 60px;}
.ab2 li{padding: 15px 0;}
.ab2 li h2{font-size: 28px;color: #7ae62d;margin-bottom: 5px;}
.ab2 li h1{font-size: 36px;color: #fff;font-weight: 100;}

.ab3{padding: 60px 0 0 0;}
.ab3-info{background: url("../images/zzbg.png") no-repeat right center;font-size: 16px;color: #333333;line-height: 30px;padding: 40px 0;}
.ab3-info ul{}
.ab3-info li{font-size: 16px;color: #333333;padding: 10px 0;}
.ab3-info li h1{font-size: 16px;color: #333333}
.ab3-more{display: inline-block; margin-top:30px; padding:8px 30px; color: #999; border-radius: 50px; font-size: 18px; border: 1px solid #ddd;transition: .5s;}
.ab3-more:hover{border-color: #007aff; color: #007aff;}

.ab4{background: #f6f6f6;padding: 60px 0;}
.ab4-info{font-size: 16px;color: #333333;line-height: 30px;padding: 40px 0;text-align: justify;}

.ab5{padding: 70px 0;}

.ab5-bot{padding: 40px 0;}
.ab5-bot .swiper-ab{}
.abctrl{position: absolute;left: 0;top: 50%;width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 50%;background: rgba(16,110,255,.75);z-index: 12;margin-top: -60px;cursor: pointer}
.abctrl i{font-size: 22px;color: #fff}
.abnex{left: auto;right: 0;}

.ab5-bot .swiper-slide a{display: block;}
.ab5-im{height: 210px;overflow: hidden;}
.ab5-pi{transition: .5s;height: 100%;}
.ab5-bot .swiper-slide p{text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #333333;padding: 20px 0;}
.ab5-bot .swiper-slide:hover .ab5-pi{transform: scale(1.05)}

.ab-pag{text-align: center;position: relative;}
.ab-pag span{background: none;width: 8px;height: 8px;border: 1px solid #b3b3b3;opacity: 1;margin: 0 2px;transition: .5s;}
.ab-pag .swiper-pagination-bullet-active{background: #106efe;border-color: #106efe}

/*新闻列表*/
.tyny{padding: 50px 0;}
.news{}
.news li{border: 1px solid #eeeeee;margin-bottom: 30px;}
.news li a{display: block;padding: 40px;box-sizing: border-box;}
.news-im{float: left;width: 300px;height: 200px;overflow: hidden;}
.news-pi{height: 100%;transition: .5s;}
.news-info{overflow: hidden;padding-left: 40px;box-sizing: border-box}
.news-info h1{font-size: 24px;color: #333333;transition: .5s;}
.news-info h2{font-size: 16px;color: #666666;font-weight: normal;line-height: 32px;height: 64px;overflow: hidden;text-overflow: ellipsis;margin-top: 25px;margin-bottom: 35px;}
.news-info p{font-size: 16px;color: #666666;}
.news li:hover .news-pi{transform: scale(1.05)}
.news li:hover .news-info h1{color: #106efe}

.fenye{padding: 20px 0;}
.fenye a,.fenye span{display: inline-block;width: 38px;height: 38px;line-height: 38px;text-align: center;margin-right: 2px;margin-bottom: 3px;font-size: 14px;font-weight: bold;color: #999999;border: 1px solid #dddddd;transition: .5s;}

.fenye span{background: #106efe;border-color: #106efe;color: #ffffff;}
.fenye a:hover{background: #106efe;border-color: #106efe;color: #ffffff;}

/*产品*/

.pros{}
.pros li{float: left;width: 32%;margin-right: 2%;margin-bottom: 30px;}
.pros li:nth-child(3n){margin-right: 0;}
.pros li a{display: block;}
.pros-im{overflow: hidden;height: 300px;padding: 40px;box-sizing: border-box;border: 1px solid #eeeeee}
.pros-pi{transition: .5s;height: 100%; background: no-repeat top; background-size: cover;}
.pros li h1{font-size: 18px;color: #666666;padding-top: 20px;padding-bottom: 10px; text-align:center;transition: .5s;}
.pros li p{font-size: 14px;color: #106efe}
.pros li:hover h1{color: #106efe}
.pros li:hover .pros-pi{transform: scale(1.05)}


/*联系*/
.contact{}
#maps{height: 400px;}
.contact-t2{padding-top:40px;}
.contact-t2 li{float: left;width: 50%;padding: 20px 0;}
.contact-t2 li p{font-size: 20px;color: #666666;padding-bottom: 20px;}
.contact-t2 li h1{font-size: 30px;font-weight: 100;color: #333333;}
.contact-t2 li h2{font-size: 20px;font-weight: 100;color: #333333;}

/*详情*/
.detail{}
.detail-tit{background: #f5f5f5;padding: 15px 30px;box-sizing: border-box}
.detail-tit h1{font-size: 30px; text-align:center;color: #333333;padding-bottom: 10px;}
.detail-tit p{font-size: 16px;text-align:center;color: #666666;}
.detail-info{font-size: 16px;color: #333333;line-height: 36px;padding: 30px 0;}

/*产品详情*/
.prode{padding-top: 100px;}
.prode-t1{background: #106efe;}
.prode-t1 .mbs{background: none;border-color: #408bfe}
.prode-t1 .mbx{color: #fff}
.prode-t1 .mbx i{color: #fff}

.prode-lb{padding: 40px 0;}
.prode-lb-l{float: left;width: 50%;position: relative;padding: 0 100px;box-sizing: border-box}
.pr-ctrl{position: absolute;top:30%;left: 0;width: 60px;height: 60px;border-radius: 50%;line-height: 60px;color: #fff;background: #0442b2;text-align: center;z-index: 12;cursor: pointer;}
.pr-ctrl i{font-size: 20px;}
.pr-nex{left: auto;right: 0;}
.swiper-pr{}
.prode-im{height: 420px;padding: 20px;box-sizing: border-box;position: relative;}
.prode-pi{height: 100%;transition: .5s;}
.prode-real{opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.swiper-pr .swiper-slide:hover .prode-pi{transform: scale(1.05)}
.swiper-pr .pr-pag{}
.swiper-pr .pr-pag span{opacity: 1;background: #0852ee;}
.swiper-pr .pr-pag .swiper-pagination-bullet-active{background: #00339d;}


.prode-lb-r{float: right;width: 50%;padding-left: 55px;box-sizing: border-box}
.prode-lb-r li{padding: 15px 0;}
.prode-lb-r li span{display: block;font-size: 18px;color: #99ccff;padding-bottom: 15px;}
.prode-lb-r li h1{font-size: 36px;color: #fff;font-weight: 100;}
.prode-lb-r li p{font-size: 18px;color: #fff;line-height: 1.6;}

.prode-t2{padding: 40px 0;font-size: 20px;color: #333333;line-height: 40px;min-height: 400px;text-align: justify;}



/*-----------------------4个单页------------------------*/

/*丹娄片*/
.danye{margin-top: 100px;}
.dlp-t1{background: #106efe;padding: 30px 0;}

.dlp-f1{background: url("../images/dlbg10.jpg") no-repeat center bottom;}
.dlp-m1{text-align: center;}
.dlp-m1 h1{font-size: 90px;color: #fff}
.dlp-m1 h2{font-size: 100px;color: #00fffc}
.dlp-m1 h3{font-size: 60px;color: #caf4ff}

.dlp-m2{position: relative;text-align: center;}

.dlp-n1{text-align: center;position: relative;z-index: 3;padding: 20px 0;margin-top: 20px;}
.dlp-n1 img{margin: 0 140px;}
@keyframes dlrun1 {
    0%{transform: scale(1)}
    50%{transform: scale(0.8)}
    100%{transform: scale(1)}
}
.dlp-n1 .dlpim2{animation: dlrun1 infinite linear 2s }
.dlp-n1 .dlpim3{margin-right: 170px;animation: dlrun1 infinite linear 1.5s }
@keyframes dlrun2 {
    0%{transform: rotate(0)}
    100%{transform: rotate(360deg)}
}
.dlpim1{position: relative;z-index: 4;}
.dlpim4{position: absolute;top: 0;left: 50%;margin-left: -270px;animation: dlrun2 infinite linear 18s}

.dlp-m3{text-align: center;padding-top: 30px;}
.dlp-m3 ul{display: inline-block;text-align: left;}
.dlp-m3 ul li{font-size: 26px;font-weight: bold;color: #fff;position: relative;margin-bottom: 15px;}
.dlp-m3 ul li:before{content: "";width: 20px;height: 20px;background: #ffffff;border-radius: 50%;position: absolute;left: -30px;top: 50%;margin-top: -10px;}

.dlp-t2{border-top: 10px solid #fff;background: #106efe;padding: 30px 0;}

.dlp-item{margin-bottom: 30px;}
.dlp-item img{display: block;}

/*杞药*/
.qiyao{padding: 50px 0;background: #4d88ff;overflow: hidden;}
.qiyao-item{margin-bottom: 30px;}
.qiyao-item img{display: block;}

/*养阴*/
.yyin{padding-top: 50px;background: #1e6e64;overflow: hidden;}
.yyin-item img{display: block;}


/*胸腺肽肠溶片*/
.xx{background: url("../images/xxbgs.jpg") no-repeat center top #2c23a3;background-size: 100% auto;overflow: hidden;padding-bottom: 30px;}
.xxt1{padding: 140px 0 30px;text-align: center;}
.xx-item img{display: block;}