@charset "utf-8";
@media (max-width:768px){
header{height:auto;}
.header{position: relative;height:62px;}
.header .logo{width:60%;height:60px;float:left;line-height:60px;}
.header .logo img{max-height:40px;vertical-align:middle;}
.header .header-nav{transition: all 0.5s ease 0s;position: fixed;width: 100%;right: -100%;margin-left: 0px;z-index: 999;background: rgba(0,0,0,0.8);top: 0px;height: 100%;margin-top:60px;padding-top:20px;border-top:2px solid #c79d5b;}
.header .header-nav li{float:none;width:70%;border:0;text-align:left;margin-left:15%;height:auto;line-height:0;}
.header .header-nav li a{color:#fff;font-size:16px;line-height:40px;}
.header .header-nav li:hover,.header .header-nav li.active{background:none !important;border: none;}

.header .header-nav li:hover>a,.header .header-nav li.active>a{color:#c79d5b;background:none;}
.header .header-nav li dl{display:none;position:relative;top:0;left:0px;width:100%;text-align:left;border-top:0px solid #c79d5b;padding:0px 0px;background:none;}
.header .header-nav li dl dd{line-height:35px;height:35px;padding:0px 35px;}
.header .header-nav li dl dd a{color:#fefefe;font-size:14px;line-height:34px;}
.header .header-nav li dl dd:hover a{color:none;}
.header .navbar-toggle{float: right;margin-left:18px;z-index:1000;width:35px;height:24px;float:right;background-color:transparent;border:0;display:block;margin-top:18px;cursor:pointer;}
.header .navbar-toggle span{margin-top:10px}
.header .navbar-toggle span,.header .navbar-toggle span:before,.header .navbar-toggle span:after{position:absolute;display:block;width:24px;height:2px;cursor:pointer;content:'';background-color:#000;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.header .navbar-toggle span:before{top:-7px}
.header .navbar-toggle span:after{bottom:-7px}
.header .navbar-toggle.drawer-open span,.header .navbar-toggle.drawer-open span::before,.header .navbar-toggle.drawer-open span::after{background:#000;}
.header .navbar-toggle.drawer-open span{background: rgba(0, 0, 0, 0);}
.header .navbar-toggle.drawer-open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);left:0px;top:0px;}
.header .navbar-toggle.drawer-open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);left:0px;top:0px;}
.header .header_border{background: #c79d5b;height:2px;}


.m_banner .swiper-slide .container{top:0px;height:100%;left:0%;margin-left:0px;}
.m_banner .swiper-slide{position:relative;height:200px;}
.m_banner .swiper-slide .container .text{margin-left:20px;}
.m_banner .swiper-slide .container .text h3{font-size:14px;}
.m_banner .swiper-slide .container .text h4{font-size:16px;line-height:24px;margin-top:10px;}
.m_banner .swiper-slide .container .text p{margin-top:5px;}
.m_banner .swiper-slide .container .text p a{margin-top:5px;width:100px;height:30px;line-height:30px;background-size:100% 100%;font-size:14px;}
.m_banner .swiper-container-horizontal > .swiper-pagination-bullets, .m_banner .swiper-pagination-custom, .m_banner .swiper-pagination-fraction{bottom:10px;}
.m_banner .swiper-pagination-bullet{width:20px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
.m_banner .swiper-button-next, .m_banner .swiper-button-prev{display:none;}

.m_business_area{padding:25px 0px;}
.m_title{font-size:20px;}
.m_business_area_con{margin-top:25px;}
.m_business_area_con ul li{width:50%;padding:20px 0px 25px;}
.m_business_area_con ul li:nth-child(2),.m_business_area_con ul li:nth-child(3),.m_business_area_con ul li:nth-child(6){background:#eaecf3;}
.m_business_area_con ul li:nth-child(1),.m_business_area_con ul li:nth-child(4),.m_business_area_con ul li:nth-child(5){background:#fff;}
.m_business_area_con ul li h3 img{max-height:40px;}
.m_business_area_con ul li p{margin-top:15px;}
.m_business_area_con ul li p b{font-size:18px;}
.m_business_area_con ul li p span{width:30px;height:2px;margin-left:-15px;}
.m_solution{padding:20px 0px 20px;}
.m_solution_con{margin-top:15px;}
.m_solution_con ul li{width:49%;padding:10px 0px;}
.m_solution_con ul li a{display:inline-block;width:100%;padding:15px 10px 20px;box-shadow:0px 0px 5px #ebebef;transition:0.3s;}
.m_solution_con ul li a:hover{padding:25px 10px 30px;}
.m_solution_con ul li:hover a{transform: scale(1);background:#fff;}
.m_solution_con ul li h3{height:35px;}
.m_solution_con ul li h4{font-size:16px;margin-top:15px;}
.m_solution_con ul li h4 span{font-size:16px;}
.m_solution_con ul li p{font-size:14px;margin-top:10px;line-height:22px;height:85px;}

.m_business_cooperation{padding:20px 0px 15px;}
.m_business_cooperation .message{margin-top: 25px;}
.m_business_cooperation .message form{width:100%;margin-left:0%;}
.m_business_cooperation .message form p b{font-size:14px;height:40px;line-height:40px;}
.m_business_cooperation .message form p i{width:100%;}
.m_business_cooperation .message form p{margin-bottom:10px;height:40px;}
.m_business_cooperation .message form p input{height:40px;line-height:40px;font-size:14px;}

.m_article{padding:20px 0px 25px;}
.m_article_con{margin-top:25px;}
.m_article_con .item{margin-left:0%;margin-top:-15px;}
.m_article_con .item .item01{width:100%;margin-left:0%;margin-top:15px;}
.m_article_con .item .item01 .img{width:45%;}
.m_article_con .item .item01 .text{width:50%;padding-top:0px;}
.m_article_con .item .item01 .text a{font-size:16px;padding-bottom:7px;}
.m_article_con .item .item01 .text a i{width:30px;height:2px;}
.m_article_con .item .item01 .text span{font-size:12px;margin-top:5px;}
.m_article_con .item .item01 .text p{font-size:12px;margin-top:5px;line-height:20px;height:40px;}

.m_cooperative_partner{padding:25px 0px 25px;}
.m_cooperative_partner_con{margin-top:20px;padding-bottom:25px;}
.m_cooperative_partner_con .swiper-slide ul li{width:49%;height:50px;margin-top:3px;padding:2px;}
.m_cooperative_partner_con .swiper-slide ul li a{width:100%;padding:7px 10px;height:100%;}
.m_cooperative_partner_con .swiper-slide ul li img{height:100%;max-width:100%;}
.m_cooperative_partner_con .swiper-slide ul li span{right:10px;width:10px;height:15px;background-size:100% 100%;}


.foot_up{padding:20px 0px;}
.foot_up .foot_up_left{width:100%;padding-right:0%;border-right:0px;padding-bottom:10px;}
.foot_up .foot_up_left h3{height:35px;}
.foot_up .foot_up_left h3 img {height:35px;}
.foot_up .foot_up_left p{margin-top:5px;font-size:14px;line-height:22px;}
.foot_up .foot_up_right{width:100%;padding-top:10px;border-top: 1px dashed #8a8b8f;}
.foot_up .foot_up_right .f_nav{width:55%;}
.foot_up .foot_up_right .f_nav ul li{min-width:auto;margin-right:0%;width:50%;margin-top:5px;text-align:left;}
.foot_up .foot_up_right .f_nav ul li h3{font-size:14px;}
.foot_up .foot_up_right .f_nav ul li h3 a{border-bottom:0px solid #fff;padding-bottom:5px;text-align:left;}
.foot_up .foot_up_right .f_nav ul li p{display:none;}
.foot_up .foot_up_right .f_ewm{width:45%;}
.foot_up .foot_up_right .f_ewm ul{margin-left:-2%;}
.foot_up .foot_up_right .f_ewm ul li{width:45%;margin-left:5%;}
.foot_up .foot_up_right .f_ewm ul li p{font-size:12px;}
.foot_down{height:auto;line-height:20px;font-size:12px;padding:10px 0px;}

.banner{height:140px;}
.banner .container{top:0px;left:5%;margin-left:0px;}
.banner .container .text h3{font-size:14px;}
.banner .container .text h4{font-size:16px;margin-top:10px;}
.banner .container .text p{margin-top:10px;font-size:12px;}
.about_desc{padding: 25px 0px 20px;}
.about_desc_con{margin-top:15px;font-size:14px;line-height:24px;}
.about_culture{padding:25px 0px;}
.about_culture_con{margin-top:25px;}
.about_culture_con ul:nth-child(1){width: 100%;}
.about_culture_con ul:nth-child(2){width: 100%;}
.about_culture_con ul li{width:100%;}
.about_culture_con ul:nth-child(2) li:nth-child(2n){margin-left: 0%;}
.about_culture_con ul:nth-child(2) li:nth-child(1),.about_culture_con ul:nth-child(2) li:nth-child(2),.about_culture_con ul:nth-child(2) li:nth-child(3), .about_culture_con ul:nth-child(2) li:nth-child(4){margin-top:5px;}
.about_culture_con ul li img{height:100px;}
.about_culture_con ul li .text h3{font-size:18px;padding-bottom:10px;}
.about_culture_con ul li .text p{font-size:14px;margin-top:10px;}
.about_family{padding:25px 0px 25px;}
.about_family_con{margin-top:25px;}
.about_family_con .family_l {width:100%;border-right:0px;}
.about_family_con .family_l p{float: left;width:33.33%;padding:0px 5px;font-size:12px;text-align:center;height:30px;line-height:30px;}
.about_family_con .family_l span{width:30px;height:2px;right:50%;margin-right:-15px;bottom:0px;top:auto;}
.about_family_con .family_r{width:100%;margin-top:15px;}
.about_family_con .family_r .item{padding:0px 0px;}
.about_family_con .family_r .item h4{text-align:center;width:100%;margin-top:10px;}
.about_family_con .family_r .item h4 i{display:inline-block;width:30%;}
.about_family_con .family_r .item h4 span{margin-left:0px;font-size:16px;display:inline-block;width:100%;margin-top:10px;}
.about_family_con .family_r .item p{margin-top:10px;font-size:14px;line-height:24px;}
.about_contact{padding: 25px 0px 25px;}
.about_contact_con{margin-top: 20px;}
.about_contact_con .map{height:200px;}
.about_contact_con .contact{margin-top:20px;}
.about_contact_con .contact p{width:100%;padding:0px 15px 0px 50px;height:65px;font-size:14px;}
.about_contact_con .contact p:nth-child(1){background: url('../images/join--iocn3.png')no-repeat 12px center;background-size:30px auto;}
.about_contact_con .contact p:nth-child(2){background: url('../images/join--iocn4.png')no-repeat 12px center;background-size:30px auto;margin-left:0%;margin-top:5px;}
.about_contact_con .contact p:nth-child(3){background: url('../images/join--iocn5.png')no-repeat 12px center;background-size:30px auto;margin-top:5px;}
.about_contact_con .contact p:hover{transform: scale(1);}


.business_area{padding:25px 0px 25px;}
.business_area_con{margin-top:20px;}
.business_area_con .item{margin-top:-10px;}
.business_area_con .item01{width:100%;margin-top:10px;}
.business_area_con .item01 .text{width:100%;padding:0px 5px 5px;position:relative;}
.business_area_con .item01 .text h3{padding:5px 0px 0px;height:30px;}
.business_area_con .item01 .text > a{padding:5px 0px 0px;}
.business_area_con .item01 .text > a span{font-size:14px;}
.business_area_con .item01:hover .text > a span{font-size:14px;}
.business_area_con .item01 .text h3 span{font-size:14px;top:10px;left: 0px;}
.business_area_con .item01 .text h3 b{font-size:0px;}
.business_area_con .item01:hover .text h3 span{font-size:14px;}
.business_area_con .item01:hover .text h3 b{font-size:0px;}
.business_area_con .item01 .text p{padding:5px 0px 5px;font-size:12px;line-height:18px;height:45px;-webkit-line-clamp:2;}
.business_area_con .item01 .text h4{padding:0px 0px;height:30px;line-height:30px;}
.business_area_con .item01 .text h4 a{font-size:12px;}

.business_area_detaol{margin-top:15px;font-size:14px;line-height:24px;}

.business_pro_con .item01{padding:10px 0px;}
.business_pro_con .item01 .img{width:100%;}
.business_pro_con .item01 .text{width:100%;padding:15px 0px;}
.business_pro_con .item01 .text h3{font-size:18px;}
.business_pro_con .item01 .text h3 span {width: 160px;height: 40px;line-height: 40px;}
.business_pro_con .item01 .text p{margin-top:15px;font-size:14px;line-height:24px;height:auto;}
.business_pro_con .item01 .text h4{margin-top:15px;}
.business_pro_con .item01 .text h4 a{font-size:14px;}

.business_pro_detail{padding:25px 0px 25px;}
.business_pro_detail_con{margin-top:15px;font-size:14px;line-height:24px;}
.advantages{padding:25px 0px;}
.advantages .container{width:80%;}
.advantages_con{margin-top:20px;}
.advantages_con .swiper-slide {padding: 0px 0px;height:auto;}
.advantages_con .swiper-slide p{background: #c69d5b url('../images/imgtb.png')no-repeat center 10px;font-size:14px;line-height:24px;height:auto;padding:40px 10px 10px 10px;background-size:20px auto;-webkit-line-clamp:20;}
.advantages_con .swiper-slide:hover p{font-size:14px;line-height:24px;height:auto;padding:40px 10px 10px 10px;background-size:20px auto;-webkit-line-clamp:20;}
.advantages_con .swiper-button-prev, .advantages_con .swiper-container-rtl .swiper-button-next{left:5px;}
.advantages_con .swiper-button-next, .advantages_con .swiper-container-rtl .swiper-button-prev{right:5px;}
.flow_chart{padding:25px 0px 25px;}
.flow_chart .flow_chart_img{margin-top:20px;}
.flow_chart .flow_chart_more{margin-top:20px;}


.news{padding:25px 0px;}
.news .news_con .item01{padding:10px 0px;}
.news .news_con .item01 .img{width:100%;}
.news .news_con .item01 .text{width:100%;padding-top:10px;}
.news .news_con .item01 .text h3{font-size:16px;}
.news .news_con .item01 .text h4{font-size:14px;margin-top:5px;}
.news .news_con .item01 .text p{font-size:14px;margin-top:10px;line-height:24px;height:67px;}
.news .news_con .item01 .text h5{font-size:14px;margin-top:15px;}


.details{padding:25px 0px;}
.details_l{width:100%;padding:0px;}
.details_l .tit h3{font-size:18px;}
.details_l .tit p{margin-top:10px;font-size:14px;line-height:22px;}
.details_l .tit p span:nth-child(1){margin-right:20px;}
.details_l .con{margin-top:5px;font-size:14px;line-height:24px;}
.details_l .prev_next{margin-top:10px;}
.details_l .prev_next .text{width:100%;}
.details_l .prev_next .text p a{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.details_l .prev_next .goback{width:100%;}
.details_r{width:100%;margin-top:10px;}

.business_coop{padding:25px 0px;}
.business_coop_con{width:100%;margin-top:20px;}
.business_coop_con > img{width:100%;border-radius:5px;}
.business_coop_con .message{height:auto;position:relative;right:0px;top:-0%;padding:10px 10px 10px;width:100%;border-radius:5px;}
.business_coop_con .message h3{font-size:18px;}
.business_coop_con .message h3 span{padding-bottom:5px;}
.business_coop_con .message form{width:100%;margin-top:20px;}
.business_coop_con .message p{margin-bottom:20px;height:45px;line-height:45px;border-radius:4px;padding:0px 10px;}
.business_coop_con .message p span{font-size:14px;}
.business_coop_con .message p input{font-size:14px;height:45px;}
.business_coop_con .message h4{margin-top:10px;line-height:25px;display:inline-block;}
.business_coop_con .message p i{top:45px;left:10px;}

.join {padding: 25px 0px 20px;}
.join_con{margin-top:20px;}
.join_con .item{margin-top:-10px;}
.join_con .item01{margin-top:10px;}
.join_con .item01 .up{width:100%;height:60px;}
.join_con .item01 .up p{height:60px;}
.join_con .item01 .up p:nth-child(2),.join_con .item01 .up p:nth-child(3){display:none;}
.join_con .item01 .up p:nth-child(1){width:65%;}
.join_con .item01 .up p:nth-child(4){width:35%;}
.join_con .item01 .up p a{display:inline-block;width:80%;}
.join_con .item01 .up p:nth-child(1) span{font-size:16px;line-height:22px;}
.join_con .item01 .down{margin-top:10px;width:100%;padding:15px 10px;font-size:14px;}
.join_con .item01 .down .down_l{width:100%;line-height:24px;}
.join_con .item01 .down .down_r{width:100%;line-height:24px;}
.join_desc{margin-top:15px;height:auto;}
.join_desc span{background: url('../images/join_desc.png')no-repeat left top;line-height:22px;height:auto;font-size:14px;text-align:left;background-size:20px auto;}


.float_fix{display:none;}
/* 分页 */
.paging{text-align: center;color:#999;margin-top:20px;}
.paging ul{display:inline-block;font-size:0px;}
.paging li{display:inline-block;font-size:14px;margin:0px 2px;}
.paging li a{display: inline-block;border: 1px solid #999;padding: 4px 8px;border-radius: 1px;color: #999;}
.paging li span{display: inline-block;border: 1px solid #999;padding: 4px 8px;border-radius: 1px;color: #999;}
.paging li a:hover{border: 1px solid #e0b267;color: #fff;background:#e0b267;}
.paging li.active span{border: 1px solid #e0b267;color: #fff;background:#e0b267;}

}