/* CSS Document */

@media only screen and (max-width: 961px) {
html{
	font-size:625% !important;
}
body {padding-top: 60px; font-size:14px; line-height:1.75;}
.pcstyle{ display:none !important;}
.wapstyle{ display:block !important;}
.fl,.fr{ float:none;}
.page_container{width:94%; margin:0px auto;}

/*头部*/
.header{height: 60px; box-shadow: 0 5px 10px rgba(0,0,0,.05);}
.header_box{ padding-left:2%;}
.header_box .logo{ width:auto; height:40px; margin-top:10px;}
.header_box .logo img{ height:40px; width:auto; display:block;}
.header_box .header_r{ float:right;}
.header_box .header_r .nav{ display:none;}
.idx_lan{ width:60px; height:60px; padding:10px 5px; float:left;}
.idx_lan .lan{ background-size:30px 24px;}
.idx_lan .lan span{ font-size:10px; margin-top:30px;}

/* 网站地图 */
.hamburger{ width:60px; height:60px; padding:18px 10px; float:left;}
.hamburger span{ height:2px; background:#fff; margin-bottom:8px;}
.hamburger .span1{ width:40px;}
.hamburger .span2{ width:30px;}
.hamburger .span3{ width:20px;}
.legal_webmap{ width: 100%; right: -100%;}
.legal_webmap .right_close{width:26px; height:18px; top:20px; right:15px; background-size:26px 18px;}


.webmap_box .bg{width:100%; right:-100%;}
.wab_mapnav{ width:100%; padding:60px 24px;}
.wab_mapnav li{margin-bottom:30px;}
.wab_mapnav li .tit a.m1{font-size:22px; }
.wab_mapnav li .tit a.m1 .ctxt{ margin-right:4px;}
.wab_mapnav li .a_nav{ font-size:14px;}
.wab_mapnav li .a_nav a.m2{ margin-bottom:6px;}
.wab_mapnav li .a_nav i{ font-size:14px; margin:0 4px;}

/* banner */
.banner{max-height:100%;}
.banner .swiper-banner-prev,.banner .swiper-banner-next{ margin-top: -35px; width:36px; height:70px; -webkit-background-size: auto 36px; background-size: auto 36px; background-color:rgba(0,0,0,0);}
.banner .swiper-pagination{ height:28px; bottom:12px;}
.swiper-pagination-bullet{ font-size:14px; color:#fff; padding-right:22px;}
.swiper-pagination-bullet:after{ left:22px; top:50%;}
.banner .swiper-pagination-bullet-active{ line-height:28px; padding-right:20px;}
.banner .swiper-pagination-bullet-active:after{ width:20px;}

/*首页关于我们*/
.idx_about { padding:40px 0;}
.idx_wrap{width:100%; padding:0 4%;}
.idx_about_tit{}
.idx_about_tit h3{ font-size:20px; font-weight:normal;}
.idx_about .about_txt{ margin-top:30px;}
.idx_about .about_txt p{ font-size:14px; line-height:1.75; font-weight:normal;}

/*首页业务展示*/
.index_pro { height:280px;}
.index_pro .pro_content{ display: flex; justify-content: space-between; align-items: center;}
.index_pro .pro_content ul{width:100%; padding:0 4%; display:block; overflow-x: auto; white-space: nowrap;}
.index_pro .pro_content li{width:166px; height:280px;display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.index_pro .pro_content li .pro_tit{ position:absolute; top:42%; left:0; right:0; z-index:99;}
.index_pro .pro_content li .pro_tit .etxt { font-size:12px;}
.index_pro .pro_content li .pro_tit .ctxt { font-size:18px; margin-top:5px;}
.index_pro .pro_content li .goxx{width:40px; height:40px; bottom:50px; margin-left:-20px; opacity:1; filter: alpha(opacity=100);}
.index_pro .pro_content li:hover .goxx{ margin-left:-20px;}

/*首页案例展示*/
.idx_case .case_content{ height:auto;}
.index_tit{padding:40px 0 20px;}
.index_tit .ctxt{ color:#000; font-size:22px; line-height:1;}
.index_tit .etxt{ color:#666; font-size:14px; line-height:1; font-weight:100; margin-top:5px;}
.idx_case .caseitem  .case_tit a{ font-size:16px; left:10px; bottom:10px;}
.idx_case .swiper-case-prev,.idx_case .swiper-case-next{ margin-top: -18px; width:36px; height:36px; -webkit-background-size: auto 36px; background-size: auto 36px;}
.idx_case .swiper-case-prev{left: 22px;}
.idx_case .swiper-case-next{right: 22px;}

/*首页新闻中心*/
.idx_news { padding-bottom:40px;}
.idx_news .news_content{ display: block;}
.news_content .news_left{width:100%;}
.news_left .firstbox{ height:auto;}
.news_left .libox_b{ margin-top:30px;}
.news_left .libox_b li{width:100%; height:30px; line-height:30px; margin-bottom:20px;}
.news_left .libox_b li:last-child{ margin-bottom:0;}
.news_left .libox_b li a{ font-size:14px; line-height:30px; max-width: 74%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_left .libox_b li span.data{width:20%; font-size:12px; font-weight:600;}
.news_content .news_right{ display:none;}

/*底部*/
.footer{ padding:20px 0px 10px; background-size:auto 100%; background-position:bottom center; overflow:hidden; z-index:9;}
.footerbox{ height:auto; display: flex; justify-content: center; flex-wrap: wrap;}
.footerbox .foot_wx{ width:50px; height:50px;}
.footerbox .foot_logo{ display:none;}
.footerbox .foot_line {width:1px; height:50px; margin:0px 8px 0px 15px;}
.footerbox .foot_tx {width:70%; margin-left:0px; padding:0px 0px;}
.footerbox .foot_tx .txtel{ font-size:18px;}
.footerbox .foot_tx .txadd{ font-size:12px; margin-top:0px; line-height:1.3;}
.copyright{ width:100%; font-size:12px; line-height:24px; margin-top:15px; padding-top:8px; border-top:1px solid #91969d; text-align:center;}

.foot-home{ background-image:url(../images/home_bottom.jpg);}
.foot-about{ background-image:url(../images/about_bottom.jpg);}
.foot-anxq{ background-image:url(../images/case_bottom.jpg);}
.foot-white{ color:#333; background:#fff;}
.foot-white a{ color:#333 !important;}
.foot-white .copyright{color:#999;}

/*返回顶部*/
.gotop {width:.36rem; height:.36rem; background-image: url(../images/top.png); background-repeat: no-repeat; background-size:.36rem .36rem; background-position:center center; position: fixed; right: .44rem; bottom: 2rem; cursor:pointer; pointer;transition: .3s; opacity:0; filter: alpha(opacity=0);}
.gotop.fade-leave{transform: translateY(-30px);-ms-transform: translateY(-30px);opacity: 0; filter: alpha(opacity=0);}
.gotop.fade-enter{opacity: 1; filter: alpha(opacity=100); transform: translateY(30px);-ms-transform: translateY(30px);}

/*内页样式*/
.page_container{width:94%; margin:0px auto;}
.ny_m_banner {width:100%; height:auto;}
.ny_m_banner img {width:100%; height:auto;}
.banner_color{ height:160px;}

/*关于我们*/
.about_bk{ padding:20px 0;}
.page_title .nav-x{ float:none; text-align:center;}
.page_title .nav-x .col-2{ margin-right:10px;}
.page_title .nav-x .col-2:last-child{ margin-right:0px;}
.page_title .nav-x .col-2 a{ font-size:14px;}

.about_box{ margin-top:30px;}
.about_box .about_left{ width:100%; height:200px; overflow:hidden;}
.about_box .about_left img{ width:100%; height:auto;}
.about_box .about_right{ width:100%; height: auto; padding-top:30px; padding-bottom:35px;}
.about_box .about_right h3{ font-size: 22px; font-weight:normal; color:#333;}
.about_box .about_right .about_txt{ margin-top:15px;}
.about_box .about_right .about_txt p{ font-size: 14px; line-height:24px; margin-bottom:20px;}
.about_box .about_right:after{content:""; width:50px; height:1px; bottom:30px;}

/*企业文化*/
.culture_cont img{ position:absolute; top:0; visibility: visible;}
.culture_cont .parallax-slider-item1{width:100%; height:auto;}
.parallax-slider-item1 .img-holder{ display:none;}
.parallax-slider-item1 .text-container{width: 100%; height: auto; border-left:none; overflow:hidden;}
.parallax-slider-item1 .text-container .text-main-body{position: relative; display: block; padding:40px 20px; margin-top:300px; background-color: #a0a0a0;}
.parallax-slider-item1 .text-main-body p{ color: #fff; line-height:1;}
.parallax-slider-item1 .text-main-body p.title{ font-size: 16px;}
.parallax-slider-item1 .text-main-body p.content{ font-size: 20px; letter-spacing:0px; margin-top: 12px; margin-bottom: 30px;}
.culture_cont .parallax-slider-item2{width:100%; height:auto; margin-top:0px;}
.parallax-slider-item2 .img-holder{ display:none;}
.parallax-slider-item2 .text-container{width: 100%; height: auto; border-right:none; position: relative; overflow:hidden;}
.parallax-slider-item2 .text-container .text-main-body{position: relative; display: block; padding: 40px 20px; margin-top:300px; background-color: #fcb3aa;}
.parallax-slider-item2 .text-main-body p{ color: #fff; line-height:1;}
.parallax-slider-item2 .text-main-body p.title{font-size: 16px; margin-bottom:20px;}
.parallax-slider-item2 .text-main-body p.content{font-size: 20px; letter-spacing:2px; margin-bottom: 15px;}

/*资质荣誉*/
.honor_bk{ padding:30px 0;}
.honor_cont h3{ font-size:22px; font-weight:normal; color:#333;}
.honor_box{ margin-top:20px; display: block;}
.honor_box .honor_right{ width:100%; max-width:100%; padding:0;}
.honor_right .honorslide{height:auto; display: block; overflow:hidden;}
.honor_img{width:100%; height:auto;}
.honorslide .honor_tit{ display:none;}
.honor_box .honor_left{ width:100%; height:auto; margin-top:20px;}
.honor_left .honor_text{ width:100%; height:300px; overflow-y:auto;}
.honor_left .honor_text p{font-size: 14px; line-height:1.75; margin-bottom: 10px;}

/*精英团队*/
.team_bk{ padding:40px 4%; background-image:none;}
.team_cont{ padding-left:0;}
.team_cont h3{ font-size:22px; font-weight:normal; color:#333;}
.team_box{ margin-top:30px;}
.team_box .teamslide{width:200px !important; height:auto; margin-right:10px !important;}
.teamslide .team_tu{width:100%; height:auto;}
.teamslide .team_txt{ margin-top:15px;}
.teamslide .team_txt h4{ font-size:14px;}
.teamslide .team_txt p{ font-size:12px; margin-top:8px;}
.teamslide .team_txt i{ width:44px; height:14px; margin-top:-7px;}

/*合作伙伴*/
.partner_bk{ padding:40px 0;}
.partner_cont h3{ font-size:22px; font-weight:normal; color:#333;}
.partner_box{ margin-top:30px;}
.partner_box ul{ display:flex; justify-content: space-between; flex-wrap: wrap;}
.partner_box ul li{width:23%; height:auto; background:#fff; margin-bottom:10px; cursor:pointer; overflow:hidden; transition-duration: .5s;-webkit-transition-duration: .5s;}
.partner_box ul li img{width:100%; height:100%;}
.partner_box ul li:hover{box-shadow: #e8e8e8 0 0 .1rem .03rem; -webkit-box-shadow: #e8e8e8 0 0 .1rem .03rem; -moz-box-shadow: #e8e8e8 0 0 .1rem .03rem;}

/*业务展示*/
.business_bk{width:94%; height:auto; margin:90px auto 0; background-size:auto 100%;}
.business_bk .til_box {width: auto; height: auto; padding-left:0;}
.business_bk .til_box .h3 {font-size: 24px;}
.business_bk .til_box .h5 {font-size: 16px; margin-top:10px;}
.yewulist { width:100%; height: auto; margin-top:30px; margin-bottom: 180px; position: relative;}
.yewulist .yewuslide {width: 100%; height:auto; margin-top:0; margin-bottom:20px;}
.yewulist .yewuitem img {width:100%; height: auto;}
.yewulist .yewuitem:hover img{width:100%; height:auto;}
.yewulist .yewuitem .hover-title-box { background:#fff; padding:10px 10px; position: relative; right: 0; bottom:0;}
.yewulist .yewuitem .hover-title-box{ bottom:0;}
.yewulist .yewuitem .hover-title-box .cn {font-size: 20px; color: #333;}
.yewulist .yewuitem .hover-title-box .en { font-size: 16px; color: #666; margin-top: 2px; opacity: 1; filter: alpha(opacity=100);}
.yewulist .yewuitem:hover .hover-title-box .cn{ font-weight:500; border-bottom:2px solid rgba(255,255,255,1);}


/*业务详情*/
.sercive_bk{ width:94%; margin:0px auto; background-image:none;}
.service_cont{ position:relative;}
.service_left{ width:100%; height:auto; position: relative; padding:30px 0;}
.service_left .lanmutitle{}
.service_left .lanmutitle h1{ font-size: 24px;}
.service_left .lanmutitle h4{ font-size: 16px;}
.service_left .fuwu_des{ width: 100%; margin-top:15px;}
.service_left .fuwu_des p{ font-size: 14px; line-height: 24px;}
.service_left .lanmunav{ margin-top:20px;}
.service_left .lanmunav ul{ height:auto; display:block;}
.service_left .lanmunav li{ padding-left:16px; margin-bottom:10px; float:left; margin-right:15px; position:relative;}
.service_left .lanmunav li:nth-child(6){ margin-bottom:10px;}
.service_left .lanmunav li:last-child{ margin-right:0;}
.service_left .lanmunav li a{ font-size: 14px;}
.service_left .lanmunav li a.on,.service_left .lanmunav li a:hover{color:#000;}
.service_left .lanmunav li:before{ width:6px; height:6px; margin-top:-3px;}
.service_right{width:100%; height:100%; margin-bottom:40px; position:relative; padding:0px;}
.fuwuswiper{width:100%; height:auto; padding-left:0px; margin:0;}
.fuwu-slider{width: 100%; height:auto;}
.item_body{ position:relative;}
.img_body{width: 100%; height:auto; overflow:hidden;}
.img_body img{width:100%; height:auto;}
.fuwu_titile{ position:absolute; left:10px; bottom:10px;}
.fuwu_titile p{ font-size: 14px;}


.fuwuswiper .arrow_slider{ position:absolute; right:4%; left:4%; bottom:50%;}
.fuwuswiper .swiper-fuwu-prev,.fuwuswiper .swiper-fuwu-next{ width:30px; height:30px; opacity:.7; filter: alpha(opacity=70);}
.fuwuswiper .swiper-fuwu-prev{ float:left; background-image:url(../images/left_detail.png)}
.fuwuswiper .swiper-fuwu-next{ float:right; margin-left:0;}

/*案例展示*/
.case_bk{ width:100%; padding-bottom:40px; margin-top:-130px;}
.casebox{ margin-top:30px;}
.caselist .case_item{ width:100%; margin-right:0; margin-bottom:20px;}
.caselist .case_item:nth-child(8n+1){ width:100%; height:auto;}
.caselist .case_item:nth-child(8n+2){ width:100%; height:auto;}

.caselist .case_item .img_tu{ width:100%; height:auto;}
.caselist .case_item .img_tu img{ width:100%; height:auto;}
.caselist .case_item .info_text{ padding:15px; background:#fff; line-height: 1; position:relative;}
.caselist .case_item .info_text h4{ font-size: 16px;}
.caselist .case_item .info_text p{ font-size: 14px; margin-top:10px;}
.caselist .case_item .info_text i{ font-size: 14px; color: #999; font-weight:300; position:absolute; right:15px; bottom:15px;}

/*新闻列表*/
.news_bk{ padding-bottom:40px; margin-top: -130px;}
.newsbox{ margin-top:30px;}
.newslist .item-slider{ width:100%; margin-right:0; margin-bottom:20px;}
.item_body > .info_text{ height:auto; padding:10px;}
.item_body > .info_text > .title{ font-size:16px; margin-top:0;}
.item_body > .info_text > .intro{ font-size:14px; margin-top:8px;}
.item_body > .info_text .part_line{ margin-top:.2rem; width: .27rem; height: .01rem; display: block; background-color: #cdcdcd; font-size: 0;}
.item_body > .info_text > .date{ font-size:12px; margin-top:10px;}

.loadbtn{width:100%; height:auto;}
.loadbtn a{ width:200px; height:60px; line-height:60px; margin:30px auto 0;}
.loadbtn a .loadimg{width:45px; height:6px;}

/*人才招聘*/
.recruit_bk{ padding-bottom:40px; margin-top:-130px;}
.recruitbox{ margin-top:30px;}
.lilian{width:100%; padding-top:0; position:relative; display: block;}
.lilian-img{ position:relative;}
.lilianbox{width:100%; padding:40px 20px;}
.recruit_cont .item_tit h3{font-size: 22px; letter-spacing:1px;}
.lilianbox .lilian_text{ margin-top:30px;}
.lilianbox .lilian_text p{font-size: 14px; line-height: 1.75; margin-bottom:20px;}
.zhaopin{ padding:40px 20px;}
.zhaopin_list{ margin-top:30px;}
.zhaopin_list .zptit{ height:50px; font-size: 16px; line-height:50px; border-bottom:1px solid #eee;}
.zhaopin_list .zptit em{width:12px; height:12px; margin-top:19px;}
.zhaopin_list .infocont{width:100%; padding:15px 20px 15px 15px;}
.zhaopin_list .infocont .expand{ max-height:120px;}
.zhaopin_list .infocont .expand p{font-size:12px;}
.zhaopin .jsemail{ margin-top:40px;}
.zhaopin .jsemail {font-size: 14px; line-height:1.75;}

/*联系我们*/
.contact_bk{ padding-bottom:40px; margin-top:30px; }
.contactbox{ display: block;}
.lxleft{width:100%; padding:40px 20px;}
.lxleft .item_tit{}
.lxleft .item_tit h3{ font-size:22px;}
.lxleft .contact_txt{ margin-top:20px;}
.lxleft .contact_txt p{font-size: 14px; line-height: 1.75;}
.lxright{width:100%; height:auto;}
.lxright .mapbox{width:100%; height:100%; overflow:hidden;}

/*文章内页*/
.page_content{ padding-bottom:40px; margin-top:0;}
.art_content{ margin-top:30px;}
.page_content.page_case_content{ margin-top:20px;}
.art_details{ padding:30px 10px;}
.art_date{ font-size: 14px;}
.art_title{ margin-top:15px;}
.art_title h1{ font-size: 24px;}
.art_text{ width:100%; margin-top:15px;}
.art_text p{ font-size: 14px; line-height: 1.75;}
.art_text img{ margin:8px auto !important; height: auto !important;}
.piece { height: auto; margin-top:40px;}
.piece .artprev .goprev,.piece .artnext .gonext { height:44px;}
.piece img{width:44px; height:44px;}
.piece .artprev img{ margin-right:10px;}
.piece .artnext img{ margin-left:10px;}
.piece .artprev span,.piece .artnext span{ padding:0 5px; font-size:14px; line-height:30px; border-bottom:1px solid #333;}
.piece ul li span {font-size: 14px; line-height: 30px; color: #999999;}
.piece ul li a {font-size: 14px; line-height: 30px; color: #999999; width: 90%; display: inline-block;}
.piece ul li:hover a {color: #2080f7;}

.artrelevant{ margin-top:40px;}
.artrelevant .reletit{ text-align:center;}
.artrelevant .reletit h4{ font-size: 22px;}
.artrelevant .reletit p { font-size: 16px; margin-top:5px;}
.rele_list{ width:100%; margin-top:30px; display: flex; justify-content: space-between; flex-wrap:wrap; align-items:baseline;}
.rele_list .rele_item{ width:100%; margin-bottom:20px;}

.rele_list .rele_item .img_tu{ width:100%;}
.rele_list .rele_item .info_text{ padding:10px;}
.rele_list .rele_item .info_text h4{ font-size: 16px;}
.rele_list .rele_item .info_text p{ font-size: 14px; margin-top:8px;}
.rele_list .rele_item .info_text i{ font-size: 14px; right:10px; bottom:10px;}

/*分页样式*/
.newspage{width:100%; margin:80px 0px;}
.fenye{ width:98%; text-align:center; font-size:14px;}
.fenye li{ height:36px; margin:0px 6px; border-radius:6px; display:inline-block;}
.fenye li a{ font-size:18px; color:#333; line-height:36px;}
.fenye li.active{ background:#2080f7;}
.fenye li.active a{ color:#fff;}
.fenye li a{padding:0px 12px; font-size:18px; line-height:36px; display:block;}

}