@charset "utf-8";
/* CSS Document */
.line-title {width:100%;height: auto;overflow: hidden;text-align: center;line-height: 1.2;}
.line-title h2{font-size:50px;line-height:58px;font-weight:bold;color:#171c61;padding-bottom:50px;position:relative;}
.line-title h2:after{position:absolute;bottom: 0px;left:50%;transform:translateX(-50%);content:"";width:124px;height: 50px;background: url(../images/linet_plg.png) no-repeat center bottom;}
.line-title p{margin-bottom:60px;font-weight:300;font-size:18px;color:#888;/*text-transform: uppercase;*/}

@media only screen and (max-width:499px){
.line-title h2{font-size:30px;}
.line-title p{font-size:14px;}
}



/*PRODUCTS*/
.home_product{padding-top:80px;padding-bottom:90px;overflow:hidden;background: url(../images/index_bg1.png)no-repeat center center;}
.hproBox{overflow:hidden}
.hproBox li{width: 49.3%;margin-right: 1.4%;float: left;margin-bottom: 20px;background: #f5f5f5;height: 368px;}
.hproBox li:nth-child(2n) {margin-right: 0%;}
.hproBox li a{display: block;height: 100%;padding:30px;overflow: hidden;position: relative;}
.hproBox li .hpcon{float: left;width: 50%;padding:30px 20px 0 0;}
.hproBox li .hpcon h4{color: #00549e;font-size:28px;line-height:35px;padding-bottom:35px;font-weight:normal;}
.hproBox li .hpcon p{color: #666666;font-size: 15px;line-height: 24px;margin-bottom:12px;}
.hproBox li .hpcon .more{display: block;color: #01559e;padding-right: 13px;position: absolute;bottom: 40px;}
.hproBox li .hpcon .more i{padding-left: 10px;}
.hproBox li .himg{float: left;width: 50%;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);padding-right: 30px;}
.hproBox li:hover{background:#00549e;transition: 0.5s;}
.hproBox li:hover .hpcon h4{color:#FFF;transition: 0.5s;}
.hproBox li:hover .hpcon p{color:#FFF;opacity:0.6;transition: 0.5s;}
.hproBox li:hover .hpcon .more{color:#4cbb8d;transition: 0.5s;}

@media only screen and (max-width:800px){
.hproBox li{width:100%;margin-right:0;}
}
@media only screen and (max-width:768px){
.hproBox li .hpcon{padding:20px 20px 0 0;}
}
@media only screen and (max-width:499px){
.hproBox li{height:100%;}
.hproBox li .hpcon{width:100%;padding:0 0 0 0;}
.hproBox li .hpcon h4{font-size:20px;padding-bottom:20px;}
.hproBox li .himg{width:100%;padding-right:0;position:unset;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
}






/*公司简介*/
.home_about{width:100%;height:auto;overflow: hidden;}
.aboutsub {width:100%;height:auto; padding-top:160px;padding-bottom:180px;overflow:hidden;background:url(../images/aboutrj.jpg)no-repeat top center;background-size: cover;background-attachment:fixed;background-position:center;}
.aboutsub p{color:#FFF;font-size:28px;line-height:1.5;margin-bottom:12px;letter-spacing:1px;}
.aboutsub p em{font-size:35px;font-weight: bold;}

.aboutcon{padding-top:120px;padding-bottom:120px;overflow:hidden;background:#fbfbfb url(../images/index_bg2.jpg)no-repeat center center;}
.abouttexts{width:calc(40% - 5px);overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10%;}
.abouttexts .toptitle {font-size:50px;color: #171c61;margin-bottom:30px;line-height:1.5;}
.abouttexts p{font-size:15px;line-height:32px;color: #666;}
.abouttexts .more{display: inline-block;margin-top: 60px;}
.abouttexts .more a{display: block;color: #fff;border: 1px solid #05bd60;padding: 12px 40px;background: #05bd60;}
.abouttexts .more span{font-size: 16px;}
.abouttexts .more i{font-size:20px;margin-left:15px;font-weight:bold;}
.abouttexts .more a:hover{color: #05bd60;background: #FFF;}

.abouttimg {width:50%;display: inline-block;vertical-align: middle;overflow:hidden;}
.iablist {width:100%;height: auto; position: relative;}
.iablist .iabbd li{}
.iablist .iabbd li img{width:100%;height: auto;display: block;}
.iablist .iabhd{position: absolute;width:100%;height:30px; bottom:0;left:0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.iablist .iabhd li{float: left;width: 10px;height: 10px;background: #fff;border-radius: 50%;margin-left: 10px;}
.iablist .iabhd .on{background: #167146;}

@media only screen and (max-width:768px){
.abouttexts{width:100%;margin-bottom: 30px;}
.abouttimg{width:100%;}
}
@media only screen and (max-width:499px){

}



/*NEWS*/
.home_new{padding-top:70px;padding-bottom:70px;overflow:hidden;}
.hnewsBox{width:100%;height: auto;overflow: hidden;}
.news-cen{overflow: hidden;}
.news-cen li{width:33.33%;padding:0 5px;margin-bottom:10px;overflow: hidden;float: left;}
.news-cen li a{display:block;padding:30px;background-color: #f1f2f2;overflow: hidden;}
.news-cen li .time {width: 70px;height: 130px;float: left;background-image: url(../images/news_icon.png);background-position: center bottom;background-repeat: no-repeat;text-align: right;font-size: 14px;font-family: Arial, Helvetica, sans-serif;}
.news-cen li .time .day{font-size:26px;padding:6px 0;}
.news-cen li .time .year{font-size:18px;}
.news-cen li .title{width:calc(100% - 70px);float:left;height:130px;padding-left:25px;}
.news-cen li .title .tit{height:35px;line-height:35px; margin-bottom:10px; font-size:18px;font-weight:normal;}
.news-cen li .title .cont{font-size:14px;height:50px;line-height: 25px; font-weight:normal;color:#8c8c8c;}

@media only screen and (max-width:1024px){
.news-cen li{width:50%;}
}
@media only screen and (max-width:767px){
.news-cen li{width:100%;}
}





/*SERVICE*/
.home_service{padding-top:80px;padding-bottom:80px;overflow:hidden;background: url(../images/index_fuwubg.jpg)no-repeat center center;background-size: cover;}
.home_service .line-title h2{color:#FFF;}
.home_service .line-title p{color:#FFF;opacity:0.8;}
.youshi{overflow: hidden;}
.youshi li{width:25%;float:left;padding:0 20px;margin:30px 0;overflow:hidden;}
.youshi li em{display: block;margin-bottom:30px;}
.youshi li em img{display: block;margin: auto;}
.youshi li b{display: block;color:#FFF;font-size: 26px;padding-bottom: 30px;text-align: center;position:relative;}
.youshi li b:before{left: 45%;position:absolute;top: 40px;content:"";width: 10%;height:2px;background: #55be80;z-index:55;}
.youshi li p{display:block;color:#FFF;font-size:15px;line-height:26px;text-align:center;opacity:0.8;}

@media only screen and (max-width:1024px){
.youshi li{padding:0 10px;}
.youshi li b{font-size: 22px;}
}
@media only screen and (max-width:640px){
.youshi li{width:50%;}
.youshi li p{height:78px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
}
@media only screen and (max-width:499px){

}


/*YANJIU*/
.home_yanjiu{width:100%;height: auto;overflow: hidden;}
.pc-study{padding-top:80px;padding-bottom:60px;overflow: hidden;}
.pc-study-bt {width:50%;float:left;color:#1d2088;font-size:26px;padding-right:30px;padding-left:30px;text-align:center;font-weight: bold;}
.pc-study-nr {width:50%;float: left;padding: 0px 0px 10px 80px;border-left: 1px solid #cecccc;font-size:15px;line-height: 30px;}
.yj-study{width:100%;margin: auto;overflow: hidden;}
.yj-study li{width:50%;float: left;overflow: hidden;display: block;position: relative;}
.yj-study li .pic{overflow: hidden;}
.yj-study li .pic img{display: block;width: 100%;}
.yj-study li .text{width:50%;height:auto;position: absolute;top:50%;transform: translateY(-50%);left:25%;z-index: 10;}
.yj-study li .text h2{color: #FFF;font-weight: normal;text-align: center;}
.yj-study li .text h2 i{font-size:70px;display: block;}
.yj-study li .text h2 em{font-size:26px;line-height:35px;margin-top:10px; display: block;}
.yj-study li:hover .text{transition:all 0.8s;opacity:0;}
.yj-study li .hover_s {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;transition:all 0.5s;opacity:0;}
.yj-study li:hover .hover_s{display:block;opacity:1;background-color:rgb(68,186,153, 0.8);}
.yj-study li .hover_s h2{width:80%;margin:0 auto;color: #FFF;font-weight: normal;text-align: center;padding-top:10%;}
.yj-study li .hover_s h2 i{font-size:60px;display: block;}
.yj-study li .hover_s h2 em{font-size:24px;line-height:35px;margin-top:10px; display: block;}
.yj-study li .hover_s p{width:80%;max-width:500px; margin:0 auto;padding-top: 20px;font-size:16px;color:#FFF;}

@media only screen and (max-width:1024px){
.yj-study li{width:100%;float:none;}
}
@media only screen and (max-width:768px){
.pc-study-bt{width:100%;float:none;margin-bottom: 30px;}
.pc-study-nr{width:100%;float:none;border-left:none;padding:0px 30px 10px 30px;}

.yj-study li .text h2 i{font-size:60px;}
.yj-study li .text h2 em{font-size:22px;}
}
@media only screen and (max-width:499px){
.yj-study li .text h2 i{font-size:50px;}
.yj-study li .hover_s h2{padding-top:5%;}
.yj-study li .hover_s h2 i{font-size:40px;}
.yj-study li .hover_s h2 em{font-size:20px;margin-top:5px;line-height:30px;}
.yj-study li .hover_s p{width:90%;padding-top:5px;font-size:15px;line-height:20px;}
}





/**************************************************************************************************************
************************************************************内页************************************************
***************************************************************************************************************/
.inner-banner {position: relative;overflow: hidden;}
.inner-banner .banimg img{width: 100%;-webkit-animation: haha2 5s linear both;animation: haoban 5s linear both;}
.inner-banner .bantext {width: 100%;position: absolute;left:0;top: 50%;transform: translateY(-50%);color: #FFFFFF;}
.inner-banner .bantext .en{text-transform:uppercase;font-size:18px;line-height: 28px;display:inline-block;position:relative;font-family:"Arial";}
.inner-banner .bantext .en:before {position: absolute;top: 50%;transform: translateY(-50%);right:-50px;content: "";background: #6ec45b;width:33px;height:4px;}
.inner-banner .bantext h3{display:block;font-size:38px;line-height:50px;color:#FFF;font-weight:normal;}
@-webkit-keyframes haoban {
  0% {transform: scale(1.05)}
  20% {transform: scale(1.04)}
  40% {transform: scale(1.03)}
  60% {transform: scale(1.02)}
  80% {transform: scale(1.01)}
  100% {transform: scale(1)}
}

@media only screen and (max-width:1024px){
.inner-banner{margin-top:60px;}
}
@media only screen and (max-width:768px){
.inner-banner .bantext .en{font-size:15px;line-height:22px;}
.inner-banner .bantext h3{font-size:26px;line-height:38px}
}
@media only screen and (max-width:499px){
.inner-banner .bantext .en{font-size:14px;line-height:18px;}
.inner-banner .bantext h3{font-size:22px;line-height:24px}
}



/*二级栏目*/
.sub_muen {width: 100%;height: auto;overflow: hidden;background: #171c61;padding-top:6px;overflow-x: auto;}
.sub_muen ul li {float:left;display:block;height:auto;padding:15px 26px;margin-right:16px;}
.sub_muen ul li a {display:block;font-size:18px;line-height:28px; color:#FFFFFF;padding-left:13px; position:relative;}
.sub_muen ul li.cur a:before, .sub_muen ul li:hover a:before{background: url(../images/banner_sanhong.png)center center/cover;content: "";position: absolute;left:0;top:50%;transform:translateY(-50%);width:7px;height:12px;}
.sub_muen ul li.cur, .sub_muen ul li:hover{background:#FFF;border-radius:8px 8px 0 0;}
.sub_muen ul li.cur a, .sub_muen ul li:hover a {color:#171c61;}


@media only screen and (max-width:1024px){
.sub_muen{display: none}
}


/*内页标题*/
.nyconame{padding-top:90px;overflow: hidden;}
.nyconame .main{position: relative;}
.breav-nav {position: absolute;right: 0;top:60%;transform: translateY(-50%);}
.location{font-size:16px;color:#999999;padding-left:22px;background: url(../images/home.png) left 5px no-repeat;}
.location a {color:#999999;}
.location span{font-family:"宋体";font-weight:bold;display:inline-block;margin:0 5px;}
.ny-title {}
.ny-title .cn {font-size:50px;line-height:69px;font-weight:normal;color:#171c61;}
.ny-title .en {font-size:18px;line-height:25px;text-transform:uppercase;color:#00549e;font-family:"Arial";}
.company {line-height: 1.8; overflow: hidden;}

@media only screen and (max-width:1024px){
.nyconame{padding-top:50px;}
.location{font-size:14px;}
.ny-title .cn {font-size:28px;line-height:40px;}
.ny-title .en {font-size:14px;line-height:23px;}
}
@media only screen and (max-width:860px){
.nyconame{padding-top:30px;}
.breav-nav{width: 100%;position: initial;margin-top: 28px;}
.ny-title .cn {font-size:28px;line-height:40px;}
.ny-title .en {font-size:14px;line-height:23px;}
}



/*IMGlist*/
.imglist{overflow: hidden}
.imglist dl {width:24%;margin: 0 0.5%;float: left;margin-bottom: 26px;}
.imglist dl dt {padding:8px;border: 1px solid #e5e5e5;background: #fff;height:auto;overflow: hidden;}
.imglist dl dt a{display:block;height:auto;overflow: hidden;}
.imglist dl dt img {display: block;margin: auto;transition: all 0.3s linear;}
.imglist dl:hover dt img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);transition: all 0.8s;}
.imglist dl dd { height: 50px; font-size: 16px; line-height: 50px; text-align: center; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background: #f0f0f0;}
@media (max-width:1024px){
.imglist dl{width:32.33%;}
}
@media (max-width:768px){
.imglist dl{width:49%;}
}
@media (max-width:499px){
.imglist dl{width:99%;}
}


/*PROLIST*/
.prolist{width:100%;height: auto;overflow: hidden;}
.prolist li{width:33.33%;float:left;display: block;padding: 10px;}
.prolist li a{display: block; border:1px solid #efefef;}
.prolist li .nimg{display: block;width: 100%;overflow: hidden;position: relative;text-align: center;}
.prolist li .nimg:before {position: absolute;content: '';left: 0;top: 0;width: 100%;height: 0px;background: rgba(0, 0, 0, 0.68);transition: all 0.5s;z-index: 1;}
.prolist li a .nimg .img_icon{display: none;}
.prolist li a:hover .nimg:before{height: 100%;}
.prolist li a:hover .nimg .img_icon{display: block;position: absolute;top: 45%;left: 45%;z-index:2;}
.prolist li .true-text {padding: 25px;}
.prolist li .true-text .tit-box {padding-bottom: 15px;border-bottom: 1px solid #efefef;}
.prolist li .true-text .tit-box .tit{font-size:20px;line-height:25px;color: #333;margin-bottom:10px;}
.prolist li .true-text .tit-box .series-tit{font-size:13px;line-height:18px;color:#bdbdbd;font-weight: 300;}
.prolist li .true-text .area-box {margin-top: 15px;overflow: hidden;}
.prolist li .true-text .area-box .area {float: left;font-size:16px;line-height:28px;color:#28b1c3;font-weight:bold;}
.prolist li .true-text .area-box .more {font-size:14px;line-height:28px;color: #666;float: right;}
.prolist li a:hover .true-text{background:#edf3f6;transition: all .5s;}
.prolist li a:hover .true-text .tit-box .tit{color:#00549e;transition: all .5s;}
.prolist li a:hover .true-text .area-box .more{color:#00549e;transition: all .5s;}
@media (max-width:860px){
.prolist li{width:50%;}
}
@media (max-width:499px){
.prolist li{width:100%;}
}


/*NEWLIST*/
.newlist{overflow: hidden;}
.newlist li{display: block;padding: 38px 0;border-bottom: 1px solid #eaeaea;overflow: hidden;}
.newlist li .img-cover{width: 30%;float: left;max-height:300px;overflow: hidden;}
.newlist li .img-cover img{width: 100%;display: block;}
.newlist li .conwz{width: 66%;float: right;}
.newlist li .conwz .text{color: #333;font-size: 18px;line-height: 45px;margin-bottom: 5px;}
.newlist li .conwz .time{font-size: 14px;margin-top: 10px;margin-bottom: 16px;color: #797979;}
.newlist li .conwz .desc{color: #666;line-height:30px;margin-top:10px;height:90px;overflow: hidden;font-weight:300;}
.newlist li:hover .conwz .text{color:#00549e;}

@media only screen and (max-width:560px) {
.newlist li .img-cover{width:100%;float: none;}
.newlist li .conwz{width:100%;float: none;margin-top:10px;}
}


/*JOIN*/
.joblist{}
.joblist li a{width:100%;height:80px;display:block; font-size:0;background:#f0f3f5; overflow:hidden; margin-bottom:10px;}
.joblist li a h1{width:170px; height:80px; display:inline-block; line-height:80px;background:#dfe5e9;font-size:22px; font-family:"Arial"; color:#145eaf; text-align:center; vertical-align:middle}
.joblist li a h2{width:calc(100% - 252px);padding:0 20px;display:inline-block;font-size: 20px;line-height:28px;vertical-align:middle;box-sizing:border-box;font-weight: normal;}
.joblist li a h3{width:80px;height:80px;display:inline-block;border-left:2px solid #fff;color:#0B7E90;vertical-align:middle;font-size: 60px;text-align: center;line-height: 70px;}
.joblist li a:hover{background:#99bce1; color:#fff}
.joblist li a:hover h1{ background:#5b98d4; color:#fff}
.joblist li a:hover h3{color: #FFF;}

@media only screen and (max-width:500px) {
.joblist li a h1{width: 100px;font-size: 13px;}
.joblist li a h2{width: calc(100% - 182px);font-size: 16px;}
}


/*详情页*/
.breav-mbx{margin-bottom:26px;}
.nrcompany{background: #ffffff;width:100%;padding:44px 36px 80px;overflow: hidden;}
.nrcompany h1 {font-weight: normal;font-size: 30px;color: #333333;margin-bottom: 28px;line-height: 1.6;}
.nrcompany .met-editor {font-size: 16px;color: #cccccc;padding-bottom: 22px;display: block;border-bottom: 1px solid #e6e6e6;}
/*.nrcompany .xwzy {font-size:15px;color:#8c8c8c;line-height:26px;margin-top:30px;background:#f5f5f5;padding:20px 28px;text-align:justify;letter-spacing:1.5px;}*/
.nrcompany .nrxqzy {font-size:15px;padding:50px 0;margin-bottom:60px;line-height:30px;text-align: justify;color: #666;}
.nrcompany .nrxqzy img{height: auto!important;max-width: 100%!important;}
.nrcompany .share {height: auto;margin-top:60px;margin-bottom: 50px;overflow: hidden;}
.nrcompany .share .more-btn{border: 1px solid #e0e0e0;color: #666;background:#FFF;display: flex;align-items: center;justify-content: center;width: 160px;height: 56px;}
.nrcompany .share .more-btn:hover{background-color: #f08619;color: #fff;border:0;transition:all .2s linear;}
.nrcompany .share i{font-size: 17px;margin-left: 15px;transition: margin 300ms;}

@media only screen and (max-width:768px) {
.nrcompany{width:100%;padding:30px 30px;}
.nrcompany h1{font-size:20px;margin-bottom:16px;}
.nrcompany .met-editor{font-size:14px;}
}



/*分页样式*/
.pglist{padding: 40px 0 40px 0;width: 100%;text-align: center;clear: both;}
.pglist a, .pglist span{color:#828282;padding:6px 20px;margin:3px 0px;background:#fff;border:1px solid #edebeb;font-size:15px; border-radius:3px;}
.pglist *{display:inline-block;vertical-align: middle;line-height: 36px;padding-bottom:1px;}
.pglist a:hover, .pglist .current{display: inline-block;color: #fff;background:#00a7ff;border-color: #00a7ff;}
.pageinfo{display:none;}

/*reLink*/
.reLink{padding-top:40px;overflow: hidden;font-size: 15px;border-top:1px solid #EEE;}
.prevLink, .nextLink{padding-top:8px;margin-bottom:8px;overflow: hidden;}
.reLink a{color: #676767;text-decoration: none;}
.reLink a:hover{color:#00a7ff;text-decoration:underline;}



/*CONTACT*/
.contentBox {padding:30px 3%;background:#f4f4f4;overflow: hidden;}
.contentBox .left{width: 56%;float: left;padding-bottom: 20px;padding-top: 40px;padding-left: 20px;}
.contentBox .left h3{color:#333333;font-size:26px;padding-left:22px;line-height:30px;position:relative;margin-bottom:20px;}
.contentBox .left h3::before {content:" ";width:4px;height:22px;background:#6cc45d;position:absolute;top:4px;left:0;}
.contentBox .left p{padding-left: 22px;color: #666666;font-size: 16px;padding-bottom: 8px;line-height: 30px;}
.contentBox .left p i{width:30px;text-align: center; padding-right: 10px;color:#00549e;font-size:20px;}
.contentBox .right{float: right;width: 42%;}
.MapBox{width:100%;height: auto;overflow: hidden;}
@media only screen and (max-width:600px) {
.contentBox .left{width:100%;padding-left:0;padding-top:10px;}
.contentBox .left p{padding-left:0;padding-bottom:3px;}
.contentBox .right{width:100%;}
}


/********/
.nyabout-nr{width:50%;height:440px;overflow-y: auto;float: left;}
.nyabout-img{width:46%;height: auto; float: right;}
.nablist {width:100%;height: auto; position: relative;}
.nablist .nabbd li{}
.nablist .nabbd li img{width:100%;height: auto;display: block;}
.nablist .nabhd{position: absolute;width:100%;height:30px; bottom:0;left:0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.nablist .nabhd li{float: left;width: 10px;height: 10px;background: #fff;border-radius: 50%;margin-left: 10px;}
.nablist .nabhd .on{background: #167146;}
/*滚动条样式*/
.point::-webkit-scrollbar {width: 4px;}
.point::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: rgba(23, 28, 97,0.8);}
.point::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}

@media only screen and (max-width:767px){
.nyabout-nr{width:100%; float: none;}
.nyabout-img{width:100%; float:none;margin-top: 30px;}
}