@charset "gb2312";
/* CSS Document */
/**/
.menubtn{ float:right; width:60px; height:60px; cursor: pointer; text-align: center; padding:19px 0 19px 22px; display:none}
.menubtn .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menubtn .point:hover span{width: 28px;}
.menubtn span{  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #ba292e;  }
.menubtn .line1, .menubtn .line3{width: 28px;}
.menubtn .line1 {top:0;}
.menubtn .line3 {top:auto;bottom:0}
.menubtn .point.active .line2{  background: transparent;  }
.menubtn .point.active .line1{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top:10px;}
.menubtn .point.active .line3{  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top:10px;}

.m_menu{ position:fixed; left:0; top:60px;width: 100%;padding:0 15px 20px 15px;  display: none;  z-index:99; background:#fff;   }
.m_menu ul{overflow-y:auto; height:calc(100vh - 80px); }
.m_menu li{ border-bottom:1px solid #e5e5e5}
.m_menu li a{  color: #333;  font-size:15px;line-height:45px; display:block}

.m_footer{width:100%;position:fixed; left:0; bottom:0; height:50px; background:#191919; z-index:98; display:none}
.m_footer li{ width:33.333333%; float:left; text-align:center;border-right:1px solid rgba(255,255,255,.2);}
.m_footer li:last-child{ border-right:0}
.m_footer li a{ display:block; text-align:center; color:#fff; font-size:12px; padding:7px 0 4px 0; }
.m_footer li .ico{ width:100%; display:block;height:20px;}
.m_footer .li1 .ico{ background:url(../images/f_icon01.png) no-repeat center;background-size:20px 20px;}
.m_footer .li2 .ico{ background:url(../images/f_icon02.png) no-repeat center;background-size:20px 20px;}
.m_footer .li3 .ico{ background:url(../images/f_icon03.png) no-repeat center;background-size:20px 20px;}

@media screen and (max-width: 1366px){
.partner li {width: 11%;margin: 0 0.75%;}
.partner li.lc1 {margin-top: -1.3%;}
.partner li:nth-child(9) {margin-left: 7%;}
.news_right .list1 h3{ font-size:18px; margin-bottom:2%;}
.news_right .list1 .intro{ line-height:22px; height:44px}
.news_right .list1 .time .day{ font-size:40px; line-height:50px}
.news_right .list2 .time .day{ font-size:40px}
.ny_case_show_right{ width:30%}
}
@media screen and (max-width:1199px){
.footer_top{ padding:30px 9%}
.contactUs{ width:100%; position:relative; text-align:center; left:0}
.foot_center{ padding:0;position:relative;border-top: 1px solid #4e4e4e;border-bottom: 1px solid #4e4e4e; padding:20px 0; margin:20px 0}
.foot_sm{ width:100%;position:relative; right:0; display:flex; display:-webkit-flex; justify-content:center;}
.preview .swiper-slide{ width:140px}
.preview .swiper-slide a{ white-space:nowrap; overflow:hidden; padding:0 10px}
.why_cont ul{ width:100%}
.top_nav, .case_ny_show, .nyfuwu{width:90%}
.ny_case_show_right{ width:25%}
}
@media  screen and (max-width:1024px){
.top_menu{ display:none}
.menubtn{ display:block}
.top_logo a{ height:60px}
.top_logo img{ height:40px}
.main{ padding:50px 0}
.title{ font-size:30px; margin-bottom:30px; padding-bottom:20px}
.main_caselist .preview{ margin-bottom:30px}
.main_caselist .item .txtcon{ padding:5%}
.main_caselist .item .txtcon h3{ font-size:20px}
.main_caselist .item .txtcon .intro{ line-height:20px; height:40px}
.main_caselist .more img{ width:28px; height:28px;}
.main_caselist .item{ padding:7px}
.main_caselist .view{ padding:0 7px}
.why_cont{ padding-top:30px}
.partner{ margin-top:30px}
.main_ys .more{ margin-top:30px}
.news_right .list1 .intro{ height:22px}
.news_right .list1 .time .day{ font-size:30px; line-height:40px}
.news_right .list2 .time .day{ font-size:30px}
.main_ser .mxfDiv li{ width:50%}
.main_ser .mxfDiv li.liNow, .main_ser .mxfDiv li.liNow2{ width:50%}
.main_ser .mxfDiv li, .main_ser .mxfDiv li .hideBox, .main_ser .mxfDiv li .box{ height:300px;}
.main_ser .mxfDiv li dd{ height:50px}
.main_ser .mxfDiv li dd a{ padding-left:10px; height:50px; line-height:50px; font-size:14px}
.main_ser .mxfDiv li .name{ padding:60px 10px 2%;}
.main_ser .mxfDiv li .msg{ padding-bottom:20px; padding-left:10px; padding-right:10px}
.main_ser .mxfDiv li .ico img{ width:60px; height:auto}
.main_ser .mxfDiv li .wen{ line-height:50px; height:50px}
.footer_bot{ padding:15px}
.footer_top{ padding:30px 15px}
.top_nav, .case_ny_show, .nyfuwu{width:100%; padding-left:15px; padding-right:15px;}
.nbanner{ height:260px}
.home_fuwu{ margin-top:20px}
.home_fuwu_show li .fuwu_pic img{ width:90px; height:90px; display:block; margin:0 auto}
.dabiaoti{ padding-top:30px; padding-bottom:0}
.about_nr img{ max-width:100%}
.about_hr_left{ width:70%}
.ny_case_show_left{ width:70%}
.ny_case_show_left img{ max-width:100%}
.form .row input{ width:40%}
.form .row .yzm{ width:200px}
}
@media screen and (max-width:768px){
.ind-banner, .ind-banner .swiper-slide{ height:400px}
.headbg{position: fixed;background: #000;background:#fff;}
.ind-banner, .nbanner{ margin-top:60px}
.nbanner .txt{ top:50%; transform:translateY(-50%)}
.m_footer{ display:block}
.float_r{ display:none}
.ind-banner .swiper-pagination{ display:none}
.main{ padding:30px 0}
.title{ font-size:24px; margin-bottom:20px; padding-bottom:15px}
.partner li {width: 15.16%;}
.partner li:nth-child(7), .partner li:nth-child(8), .partner li:nth-child(9), .partner li:nth-child(10), .partner li:nth-child(11), .partner li:nth-child(12), .partner li:nth-child(13), .partner li:nth-child(14), .partner li:nth-child(15) {margin-top: -1%;}
.partner li:nth-child(7){ margin-left: 9.08%;}
.partner li:nth-child(12) {margin-left: 16.66%;}
.partner li:nth-child(9){ margin-left:0.75%}
.main_caselist .item .txtcon h3{ font-size:18px}
.main_caselist .item .txtcon .intro{ height:20px}
.main_caselist .more{ display:none}
.main_newslist .news_left{ width:48%; margin-right:2%}
.main_newslist .news_right{width:50%;}
.news_right .list1{ width:100%}
.news_right .list2{ display:none}
.why_cont{ padding:20px 0 0}
.why_cont li{ width:33.33%; margin-bottom:15px; padding:0}
.main_ys .more{ margin-top:10px}
.main_ys .more a{ width:120px; height:32px; line-height:32px}
.sm1_num {-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-ms-moz-transform: scale(0.6);-o--moz-transform: scale(0.6); transform: scale(0.6);}
.main_caselist .preview .swiper-wrapper{ justify-content:flex-start; margin:0 15px}
.main_caselist .preview:before{ display:none}
.main_caselist .preview{ margin-bottom:20px}
.footer{ padding-bottom:50px}
.nbanner{ height:220px}
.about_hr_left{ width:100%}
.about_hr_right{ width:100%;}
.top_nav_list ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:-2%}
.top_nav_list li{ width:18%; margin-right:2%; margin-bottom:2%}
.about_nr_ke_list li{ width:19%; height:100px}
.ny_case_show_left, .ny_case_show_right{ width:100%}
.ny_case_show_right{ margin-top:30px}
.nyfuwu_left, .nyfuwu_right, .nyfuwu_left02, .nyfuwu_right02{ width:100%;}
.sy_case_list2 li{ width:31.33%}
.c_left{ width:100%}
.c_right{ width:100%}
.c_right iframe{ width:100% !important}
#mapCard_style{ width:100% !important}
.form .row input, .form .row textarea{ width:55%}
}
@media screen and (max-width:640px){
.ind-banner, .ind-banner .swiper-slide{ height:280px}
.nbanner{ height:150px}
.nbanner .txt .cn{ font-size:26px; line-height:26px}
.nbanner .txt .en{ font-size:14px; line-height:20px}
.main_caselist .item{ width:50%}
.news_right .list1, .news_right .list2{ width:100%}
.partner li{ width:19%; margin:0 .5%}
.partner li:nth-child(6){ margin-left:10.2%}
.partner li:nth-child(7) { margin-left:0.5%;}
.partner li:nth-child(6),.partner li:nth-child(7),.partner li:nth-child(8),.partner li:nth-child(9),.partner li:nth-child(10),.partner li:nth-child(11),.partner li:nth-child(12),.partner li:nth-child(13),.partner li:nth-child(14),.partner li:nth-child(15){ margin-top:-3%}
.partner li:nth-child(15){ display:none}
.partner li:nth-child(12){ margin-left:0.5%}
.main_ser .mxfDiv li, .main_ser .mxfDiv li.liNow, .main_ser .mxfDiv li.liNow2{ width:100%}
.main_ser .mxfDiv li, .main_ser .mxfDiv li .hideBox, .main_ser .mxfDiv li .box{ height:240px;}
.main_ser .mxfDiv li dd{ height:40px}
.main_ser .mxfDiv li dd a{height:40px; line-height:40px; font-size:12px}
.main_ser .mxfDiv li .name{ padding-top:30px; font-size:18px}
.main_ser .mxfDiv li .msg{ font-size:14px}
.main_ser .mxfDiv li .ico img{ width:50px}
.main_ser .mxfDiv li .wen{ font-size:12px}
.main_caselist .item .txtcon h3{ font-size:16px; line-height:28px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_caselist .item .txtcon .intro{ font-size:12px}
.main_newslist .news_left{ width:100%; margin-right:0; height:240px; overflow:hidden; margin-bottom:2%}
.main_newslist .news_right{ position:relative; width:100%}
.main_newslist .news_left .text h3{ font-size:16px;padding:15px 50px 15px 15px;background: url(../images/arrow.png) no-repeat 96% 20px; background-size:15px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.news_right .list1 li a{ padding:4%}
.news_right .list1 h3{ font-size:16px}
.news_right .list1{ position:relative}
.news_right .list1 .time{background: url(../images/arrow.png) no-repeat right 20px; background-size:15px auto; font-size:12px}
.news_right .list1 .time .day{ font-size:26px; line-height:22px}
foot_nav{ font-size:12px}
.bq{ font-size:12px; line-height:20px}
.dabiaoti img{ width:280px; height:auto}
.home_fuwu_show li{ width:33.33%; margin-bottom:2%}
.home_fuwu_show ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
.about_nr_ke_list li{ width:24%; height:80px}
.dabiaoti{ display:none}
.sy_case_list .item{ width:48% !important}
.ny_news_list .black12{ font-size:12px; line-height:22px; height:44px}
.ny_news_list .blue16{ line-height:22px}
.ny_news_nr_top{ line-height:22px}
.sy_case_list2 li{ width:48%}
.fukuan li .pic{ float:none}
.fukuan li .txt{ padding-left:0}
.about_nr{ margin-top:20px}
.form .row{ margin-top:10px; position:relative}.form .row1{ margin-top:0}
.form .row label{ float:none; display:block}
.form .row input, .form .row textarea{ width:98%; line-height:30px}
.form .row .yellow{ position:absolute; right:0;bottom:6px}
.form .row textarea{ height:100px}
.form .last{ margin-left:0; text-align:center; margin-top:20px}
}
@media screen and (max-width:425px){
.ind-banner, .ind-banner .swiper-slide{ height:240px}
.bann2 a{ bottom:15px !important}
.top_nav_list li{ width:31.33%}
.about_nr_ke_list li{ height:60px}
.sy_case_list ul{ margin-right:0}
.sy_case_list .item{ width:100% !important; margin-right:0;}
.weixin_img{ width:100px; padding:5px}
.weixin_img img{ width:100%; height:auto; display:block}
.weixin_tx{ float:none; padding-left:120px; margin-top:0; margin-left:0; font-size:12px; line-height:20px}
}