@charset "gb2312";

/* CSS Document */

.m-banner{ display:none; margin-top:60px;}

.m-banner .slick-slide img{ width:100%; height:auto}

.m-banner .slick-slide a{ display:block;}

.m-banner .slick-dots{ bottom:2%}

.m-service{padding: 50px 0;display:none}

.m-service-list li{ float:left; width:48%; margin-right:2%;margin-bottom:2%; border:1px solid #e8e8e8; text-align:center; padding:20px 15px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.m-service-list li .icon{ height:55px; margin-bottom:15px}.m-service-list li .icon img{ display:inline-block}

.m-service-list li h3{ font-size:18px; font-weight:bold; color:#333; margin-bottom:15px;}

.m-service-list li h3 .line{ width:15px; height:2px; background:#bf3532; display:block;margin:10px auto 0;}

.m-service-list li .secd p{line-height: 26px; position:relative;}

.m-service-list li .secd i{ width:4px; height:4px; background:#666; display:block; float:left; margin-top:10px; margin-right:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}

.m-service-list li .secd p a{color: #8c8c8c;font-size: 14px; display:inline-block}

.m-service-list li .secd p:hover a{ color:#bf3532}

.m-case-list{ display:none; margin-left:5%; margin-right:5%; position:relative}

.m-case-list .slick-slide img{ width:100%; height:auto}

.m-case-list .slick-slide{background:#fff}

.m-case-list .slick-slide .pic{ position:relative; overflow:hidden}

.m-case-list .slick-slide .cover{ position:absolute; top:0; left:0; width:100%; height:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border:0; opacity:0}

.m-case-list .slick-slide .tit{ color:#000; font-size:18px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:35px; border-bottom:1px solid #ebebeb}

.m-case-list .slick-slide .bc{ font-size:14px; color:#999; padding-top:5px}

.m-case-list .slick-slide .more{ float:right;}

.m-case-list .slick-slide .text{ padding:15px}

.m-case-list .slick-slide,.m-case-list .slick-slide img,.m-case-list .slick-slide .text,.m-case-list .slick-slide .tit,.m-case-list .slick-slide .bc{ -webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}

.m-case-list .slick-slide .cover{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}

.m-case-list .slick-slide:hover{background: #bf3532;}

.m-case-list .slick-slide:hover .cover{ border:5px solid #bf3532; opacity:1}



.m-case-list .slick-slide:hover .tit{ border-bottom:1px solid #f5f5f5}

.m-case-list .slick-slide:hover .tit,.i-case-list .slick-slide:hover .bc{ color:#fff}

.m-case-list .slick-dots{ bottom:-40px}

.m-case-list .slick-dots li.slick-active button{background: #bf3532;}



.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background: #bf3532; color:#fff; display:none; z-index:99}

.m-foot li{ float:left; width:25%; text-align:center;}

.m-foot li a{ color:#fff; font-size:14px; display:block;}

.m-foot li.li1 a{ background:url(../images/images/flmes.png) no-repeat center 5px; padding-top:25px}

.m-foot li.li2 a{ background:url(../images/images/fltel.png) no-repeat center 5px; padding-top:25px}

.m-foot li.li3 a{ background:url(../images/images/flmail.png) no-repeat center 3px; padding-top:25px}

.m-foot li.li4 a{ background:url(../images/images/flewm.png) no-repeat center 3px; padding-top:25px}

.m_contact{ display:none;background: #292929; color:#999; font-size:14px; line-height:25px; padding-bottom:30px; padding-top:10px; border-top:1px solid #333;}

.m_contact a{ color:#999}

.m_fnav{}

.m_fnav li{ float:left; margin-right:15px; padding-right:15px; position:relative}

.m_fnav li:after{ content:""; width:1px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; right:0; background:#555}

.tanchuang{ display:none}

.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25)}

.tanchuang .text{ position:fixed;left:50%; margin-left:-170px;top:20%; width:300px; padding:20px; height:auto; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center}

.tanchuang .text .closed{width:30px; height:30px; background:url(../images/images/close_1.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}

.tanchuang .text{ font-size:20px; font-weight:bold}

.tanchuang .text .p1{ color:#bf3532}

.tanchuang .text .tel{ background:#bf3532; color:#fff;padding:15px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}

.tanchuang .text .tel a{ color:#fff}

.tanchuang .text .btn{ background:url(../images/images/b-03.png) no-repeat left center; background-size:30px auto; display:inline-block; padding-left:35px; color:#333; text-decoration:underline}

.tanchuang .text .p2{ color:#bf3532; font-size:18px; margin-top:15px}

@media screen and (max-width:1920px){

	.nbanner-case{ height:425px}.nbanner-case>img{ height:100%; width:auto; min-width:100%}

	.tx-nbanner .img, .wy-nbanner .img{ right:10%}

	.al-nbanner .img{ right:0}

}

@media screen and (max-width:1600px){

	.wrap,.wrap_1{ width:90%}

}

@media screen and (max-width:1440px){

	.strength li{padding: 2% 0;}

	.strength_box{ padding-left:30%; padding-right:15px}

	.strength ul{ display:block}

	.strength li{ width:25%}

	.strength li .p1{ font-size:20px; line-height:20px}

	.strength li .p2{ font-size:14px}

	.strength .li1{ background:url(../images/images/icon_s1.png) no-repeat 8% 40%;background-size:auto 45px}

	.strength .li2{ background:url(../images/images/icon_s2.png) no-repeat 8% 40%;background-size:auto 45px}

	.strength .li3{ background:url(../images/images/icon_s3.png) no-repeat 8% 40%;background-size:auto 45px}

	.strength .li4{ background:url(../images/images/icon_s4.png) no-repeat 8% 40%;background-size:auto 45px}

	.i-news,.i-case{ padding:50px 0}

	.titbox .en,.titbox_1 .en{ font-size:36px;line-height: 35px;}

	.i-case-list ul{ width:102%}

	.i-case-list li{ width:31.33%; margin-right:2%}

	.f_contact .li3{ margin-left:0; margin-top:25px}

	.f_contact .pic img{width: 120px;}

	.f_nav li{ margin-left:30px}



	.topnav li{ margin-left:3px; margin-right:3px; line-height:30px}

	.modelType li{ width:18%}

	.tuoguan .pic{ width:350px; height:350px; margin-left:-175px}

	div.span-1:last-of-type{margin-right: 0;}

}

@media screen and (max-width:1366px){

	

}

@media screen and (max-width:1200px){

	.menu li{ margin-right:0}

	.i-case-cl,.i-news-cl{margin-bottom:30px}

	.i-case-cl li,.i-news-cl li{ margin:0 2px 10px}

	.titbox .en,.titbox_1 .en{ font-size:30px;line-height: 30px;}

	.titbox h3,.titbox_1 h3{ font-size:22px}

	div.span-1{width: 30.5%;}

	

}

@media screen and (max-width:1024px){

	.banner{ display:none}

	.m-banner{ display:block}

	.menu{ display:none}

	.header{ height:60px}

	.logo{ padding-top:0}

	.header .tel{ line-height:60px}

	.menu-btn .line1{ margin-top:20px}

	.strength .li1,.strength .li2,.strength .li3,.strength .li4{background-size:auto 35px}

	.strength li .p1{ font-size:18px; line-height:18px}

	.strength li .p2{ font-size:14px}


	.i-about{ padding-top:60px}

	.i-about .pic{ display:none}

	.i-about .left{ width:100%}

	.nbanner .text{font-size: 30px;}

	.i-about .titbox .line{ display:none}

	.nbanner-2{ height:220px}

	.nbanner-2>img{ height:100%; width:auto; min-width:100%}

	.nbanner .text .line{ width:15px}

	.nbanner .text .p1{ font-size:16px}

	.nbanner .text .weblink{ margin-top:30px}

	.nbanner-case .text{ top:30%}

	.n_serlist li .pic{ width:100%}

	.n_serlist li .text{ width:90%}

	.c-related{ display:none}

	.newslist-r{ display:none}

	.i-news-list li .text .tit{ font-size:16px}

	.i-news-list li .text .intro{ font-size:12px; min-height:20px}

	.i-news-list li .time{ margin-top:10px; font-size:13px}

	.news_con{ width:100%; padding:0; background:none}

	.news_con .time,.back{ font-size:14px}

	.teamlist li{ width:48%}

	.teamlist-t li:nth-child(3){ display:none}

	.hrlist li .hd .hr_con{ width:74%; padding:3%; margin-left:0; left:10%;}

	.nbanner_1{ height:350px}

	.nbanner_1 .text .tit1{ font-size:35px}

	.nbanner_1 .text .tit2{ font-size:20px}

	.advantage_1 li .icon img{ height:80px; width:auto}

	.advantage li .text h4{ padding-top:0}

	.topnav_web li a{ padding-left:40px; padding-right:40px}

	.Response_1 .reason .tit1,.Response_1 .reason .tit2{ font-size:20px;}

	.modelList li,.ppt-2 li,.video li{ width:48%}

	.modelList-t li:nth-child(3){ display:none}

	.design li{ padding:3%}

	.tuoguan{ padding-top:0; min-height:inherit}

	.tuoguan .pic{ display:none}

	.tuoguan .jingjia li{ width:100%}

	.tuoguan .jingjia p{ margin-top:15px; font-size:18px}

	.renzheng_2 li{ width:44%}

	.tx-nbanner .img, .wy-nbanner .img,.al-nbanner .img{height:90%;top:3%}

	.tx-nbanner .img img, .wy-nbanner .img img,.al-nbanner .img img{ height:100%; width:auto}

	.email li{ width:44%}

	.email_3 li{ height:90px}

	.xnzj li .price{ font-size:16px}

	.xnzj li .price span{ font-size:28px}

	.ssl-4{ overflow:auto}

	.slick-seo .textbox{ width:80%; padding:4%; font-size:20px}

	.slick-seo .textbox .banner-bin-o{ float:none}

	.slick-seo .textbox .banner-bin-p{ float:none; display:block; height:auto; border-left: 3px solid #00c0ff;border-right: 3px solid #00c0ff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin-top:20px}

	.slick-seo .textbox .banner-bin-p p{ width:auto; text-align: center; display:block}

	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(1){ font-size:30px}

	.slick-seo .textbox .banner-bin-o .p2 span{ font-size:100px; line-height:100px; letter-spacing:0}

	.slick-seo .textbox .banner-bin-o .p1{ font-size:28px}

	.slick-seo .textbox .banner-bin-o .p1 span:nth-child(3){ font-size:40px; padding-bottom:10px; margin-bottom:10px}

	.slick-seo .textbox .banner-bin-o .p4{ padding-top:20px}

	.slick-seo .banner-bin-h{ font-size:50px}

	.slick-seo .banner-bin-i{ margin-left:5%; margin-right:5%}

	

	.site-title{font-size: 30px;}

	.item2{width: auto;}

	.wsale{background-size: 100% 100%;height: auto;}

	.wsale p{font-size: 15px;margin-left: 195px;}

	.wsale p.p1{padding-top: 10px;padding-bottom: 10px;}

	div.span-1{width: 30.1%}

	div.span-1:last-of-type{margin-right: 0;}

	img{max-width: 100%;}

	.advantage-cont li{width: 29%;}

	.nebox .swiper-button-prev{margin-left: 0;}

	.nebox .swiper-button-next{margin-right: 0;}

	

	#map{ height:300px}

	.f_contact{ width:100%}

	.f_nav{ display:none}

	.footer .top{ padding:30px 0}

	.footer .mid{ padding:15px 0}

	

}

@media screen and (max-width:768px){

	body{ font-size:14px}

	.logo img{ height:50px; padding-top:8px}

	.m-menu .closed,.video-close{ width:25px; height:25px; background-size:100%}

	.m-menu li a{ font-size:26px}

	.float_kf{ display:none}

	.m-foot{ display:block}

	.strength .li4{ display:none}

	.strength li{ width:33.33%}

	.i-case{ padding-bottom:80px}

	.i-case-list{ display:none}

	.m-case-list{ display:block}

	.m-service{ display:block}

	.i-service{ display:none}

	.titbox .en{ margin-bottom:0}

	.i-about{ padding-bottom:60px}

	

	.i-about .intro{ line-height:28px; margin-top:20px; font-size:15px}

	.i-about .intro p{ padding-bottom:6px}

	.i-about .intro .more{ margin-top:30px}

	.i-news-list li{ width:99%; margin-bottom:2%}

	.i-case-cl li,.i-news-cl li{ font-size:14px;}

	.i-case-cl li a,.i-news-cl li a{padding: 5px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

	.topnav li{ font-size:16px; margin:0 2px 10px}

	.topnav li a{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding: 5px 15px;}

	.caselist{ display:block}

	.i-case-list li{ width:98%; margin-bottom:20px}

	.nbanner_2,.nbanner-case{ height:350px}

	.nbanner_1{ height:220px}

	.nbanner .text{ font-size:25px}

	.nbanner .text .tit1{ font-size:25px; padding-bottom:5px}

	.nbanner .text .tit2{ font-size:16px}

	.nbanner .text .p1{font-size:14px;}

	.nbanner .text1{ top:18%}

	.nbanner .num_list{ width:auto; margin-top:10%}

	.nbanner .num_list li{ text-align:center; padding-left:2.5%; padding-right:2.5%}

	.nbanner .num_list li .num{ font-size:40px}

	.main{ line-height:28px}

	.main,.main_a,.main_2{padding: 30px 0;}

	.main_a .db, .main .db, .main_2 .db{ margin-bottom:20px; font-size:23px}

	.caselist,.pages{ margin-top:30px}

	.item-top .left{ width:90%; padding:5%}

	.item-top .right{ width:90%; padding:5%}

	.item-d{ padding:0}

	.i-news-list li a{ padding:10px}

	.main_a .xb, .main .xb, .main_2 .xb{ margin-bottom:20px}

	.about_con .left{ width:100%; margin-top:0}

	.about_con .left .more{ display:none}

	.about_con .left h4{ font-size:26px; line-height:30px; margin-top:0}

	.about_con .text{ width:100%}

	.horlist{ padding-bottom:30px}

	.horlist .slick-dots{ bottom:0}

	.horlist .slick-dots li.slick-active button{ background:#bf3532}

	.horlist .slick-slide .pic{ height:350px}

	.horlist .slick-slide img{ max-height:90%}

	.teamlist li{ width:98%}

	.hrlist li{ width:100%}

	.hrlist li .icon{ display:none}

	.hrlist li .tit{ text-align:left; padding-top:0}

	.hrlist li .intro{ padding-top:3%; height:auto}

	.hrlist li .more{ margin-top:3%; -webkit-transform:scale(0.85);-moz-transform:scale(0.85);transform:scale(0.85);}

	.news_con .ntit,.about_con .ntit{ font-size:18px}

	

	.topnav_3{ margin-top:0}

	.topnav_3 ul{ display:block}

	.topnav_3 li{ margin:0; width:33.33%; border-right:1px solid #e8e8e8; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

	.topnav_3 li:last-child{ border-right:none}

	.topnav_3 li a{ padding-left:0; padding-right:0; font-size:16px}

	.topnav_web li{ width:25%}

	.advantage_1 li,.advantage li{ width:48%}

	.advantage_1 h4,.advantage li .text h4,.ser_container .ser_tit a{ font-size:18px;}

	.process li .num{ -webkit-transform:scale(0.6);-moz-transform:scale(0.6);transform:scale(0.6)}

	.Response .intro,.Response li{ font-size:16px}

	.Response ul{ margin-top:30px; margin-bottom:0}

	.Response li .icon{ width:100px; height:100px; background-size:auto 70% !important}

	.Response_1 .reason .tit1,.Response_1 .reason .tit2{ background-position:center top; background-size:auto 70px;line-height:normal; padding-top:80px; padding-left:0; display:block}

	.Response_1 .reason .smile,.Response_1 .reason .sad{ display:block;margin:0 auto}

	.Response_1 .reason span{ display:block; padding-left:0; text-align:center; line-height:22px}

	.modelType li{ width:31.33%}

	.modelList li,.ppt-2 li{ width:98%;margin-bottom: 20px;}

	.modelList-t li:nth-child(3){ display:block}

	.design li{ padding:0}

	.design li .pic{ width:100%;border:1px solid #e8e8e8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box}

	.design li .text{ width:94%; padding:3% 3% 5%; }

	.design li .tit{ font-size:18px; font-weight:bold; margin-bottom:10px}

	.design li .tit .line{ margin-top:5px}

	.ppt li{ width:47%}

	.ppt li h4{ font-size:20px; padding-bottom:5px}

	.ppt li img{ max-width:60%}

	.wxcase li{ width:47%; margin-bottom:20px}

	.tuoguan .jingjia p{ font-size:16px}

	.tuoguan_2 li{ width:46%; margin-bottom:20px}

	.tuoguan_2 li .yst{ width:80px; height:80px; line-height:80px; font-size:20px}

	.seo-intro{ font-size:16px; line-height:30px}

	.seo-intro-1 li .icon{ width:80px; height:80px;}

	.seo-intro-1 li{ width:33.33%; margin-bottom:2%}

	.slick-seo .textbox{ height:300px; margin:60px auto}

	.slick-seo .textbox .banner-bin-o .p2 span{ font-size:80px; line-height:80px}

	.slick-seo .textbox .banner-bin-o .p1{ font-size:23px}

	.slick-seo .textbox .banner-bin-o .p1 span:nth-child(2){ font-size:23px}

	.slick-seo .textbox .banner-bin-o .p1 span:nth-child(3){ font-size:26px}

	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(1){ font-size:28px}

	.slick-seo .textbox .banner-bin-p p{ font-size:26px}

	.slick-seo .banner-bin-h{ font-size:40px}

	.slick-seo .banner-bin-i .p1{ font-size:23px}

	.slick-seo .banner-bin-i .p2{height:auto}

	.slick-seo .banner-bin-j span:first-child{ font-size:22px}

	.slick-seo .banner-bin-j p{ font-size:14px}

	.slick-seo .textbox .banner-bin-o .p4 span:nth-child(2n-1){ width:15px; height:15px; font-size:22px; margin-left:20px}

	.slick-seo .textbox .banner-bin-o .p4 span{ line-height:16px; font-size:18px}

	

	.renzheng li{ width:48%; margin-bottom:20px}	

	.renzheng_2 li{ width:94%; padding-top:15px; padding-bottom:10px}

	.renzheng_2 li .icon{ width:90px; height:90px}

	.renzheng_2 li .text h4{ margin-bottom:8px; padding-top:3px}

	.renzheng_3{ padding:0}

	.renzheng_3 li .icon{ width:80px; height:80px}

	.renzheng_3 li .vline{ height:15px}

	.renzheng_3 li .num{ margin-top:15px}

	.renzheng_3 li h4{ font-size:15px; padding-top:20px}

	.email li{ width:94%}

	.email_3 li{ width:33.33%; height:60px}

	.emailTX li{ width:100%}

	.emailTX .li1:after, .emailTX .li3:after{ display:none}

	.emailTX li h4{ font-size:18px}	

	.emailTX li .pic img{ max-width:80%; height:auto}

	.emailAL_2 li h4{ font-size:18px}

	.emailAL_2 li .intro{ padding-top:5px}

	.emailAL_2 li img,.emailAL_2 li img{ width:65px}

	.emailAL_3 ul{ border:none; width:102%}

	.emailAL_3 li{ width:44%;background: #fff; margin-right:2%; margin-bottom:2%; padding:2%; min-height:120px; height:auto}

	.emailAL_3 li:nth-child(2n){background: #fff; box-shadow:none}

	.emailAL_3_1 li{ background:#f5f5f5}

	.emailAL_3_1 li:nth-child(2n){ background:#f5f5f5}

	.emailAL_4 li .item-con>div{ width:100%; min-height: inherit; padding:10px}

	.emailAL_4 li .item-con .now{ margin-top:5px; background:#bf3532; color:#fff}

	.emailAL_4 li .item-con .now p{ padding-left:0;}

	.emailAL_4 li .pic{ padding-bottom:15px}

	.emailAL_4 li .pic p{ font-size:18px}

	.emailAL_4 li .text{ padding-top:20px}

	.table1 td strong{ display:block; padding-left:0}

	.table1 th{ font-size:16px}

	.xnzj li .zjtit{ font-size:18px}

	.xnzj li .price{ font-size:14px}

	.xnzj li .price span{ font-size:22px}

	.zixun{ padding:3px}

	.ssl{ font-size:16px}

	.ssl-2 li{ width:47%}

	.ssl-2 li h3{ font-size:18px}

	.ssl-3 li{ height:220px}

	.ssl-3 li .p2{ font-size:18px}

	.ssl-3 li .p3{ font-size:13px; margin-top:0; line-height:22px}

	.ssl-price-content .ssl-price-hd{ overflow:auto}

	.seo-3 .seo-3-tab li .icn{ width:80px; height:80px; margin-bottom:10px}

	.seo-3 .seo-3-tab li h4{ font-size:16px}

	.seo-3 .seo-3-tab li h5{ font-size:12px; line-height:20px}

	

	

	.footer .top{ padding-top:40px; padding-bottom:25px}

	.f_nav{ display:none}

	.footer .mid{ display:none}

	.f_contact{ width:100%}

	.f_contact li:first-child, .f_contact li:nth-child(2){ display:none}

	.f_contact li:nth-child(3){ width:100%;padding-left:0}

	.f_contact .li3{ margin-top:0}

	.footer .bot{ display:none}

	.m_contact{ display:block}

	.footer{ padding-bottom:50px}

	.contact_con li{ width:100%;padding:0; border-right:none; border-bottom:1px dotted #d8d8d8; min-height:inherit; text-align:left; margin-top:20px; padding-bottom:15px; font-size:16px}

	.contact_con li.li1{ margin-top:0}

	.contact_con li .pic{ float:left; width:90px; height:90px; margin-right:20px; margin-bottom:0}

	.contact_con li .tit:after{ margin-left:112px}

	#map{ height:220px}

	.traffic_con li,.video li{ width:98%; margin-bottom:20px;}

	.traffic_con li .pic{ width:120px; height:120px}

	.traffic_con .text{ min-height:inherit}

	

	.mains{padding: 0;}

	.site-title{font-size: 25px;height: 60px;}

	.item2 .title{font-size: 17px;}

	.item2 .description{font-size: 15px;}

	.description{padding: 0;}

	.wsale p{margin-left: 155px;}

	div.span-1{width: 31.33%;margin-right: 2%;}

	div.span-1:last-of-type{margin-right: 0;}

	.span-1 .block-1{height: auto;}

	.w{padding: 33px 0 0;}

	.core ul li{width: 31.33%;margin-bottom: 2%;}

	.main2 {padding: 10px 0;}

	.advantage-cont li{width: 46.4%;height: 234px;}

	#lopop li{height: 85px;;}

	.advantage-cont li span{width: 35%;}

	.advantage-cont li h2{width: 53%;font-size: 19px;float: right;}

	.njkj8 ul li{width: 50%;}

	.ghj{height: 200px;}

	.block-1 .btit span{font-size: 25px;}

	.btitle{font-size: 25px;}

	.vsbox h1{padding-bottom: 30px;}

	.vsbox{padding: 40px 0 40px 0;}

	.site-orange{line-height: 34px}



}

@media screen and (max-width:640px){

	.header .tel{ display:none}

	.strength li .p2{ font-size:12px}

	.titbox .en, .titbox_1 .en{ font-size:22px}

	.nbanner-2,.nbanner_1{height: 120px; }

	.nbanner-2 .text{ font-size:20px;}

	.nbanner-2 .text .line{ margin-top:5px}

	.nbanner_1 .text .tit1{ font-size:20px}

	.nbanner_1 .text .tit2{ display:none}

	.contact_con li .pic{ -webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9)}

	.contact_con li .tit{ font-size:18px; padding-top:10px}

	.traffic_con li .pic{ width:100px; height:100px}

	.Response li{ width:50%; margin-bottom:2%}

	.m-service-list li{ padding:10px}

	.m-service-list li .icon{ height:40px}

	.m-service-list li .icon img{ height:40px; width:auto}

	.i-case{ padding-top:30px; padding-bottom:50px}

	.m-service,.i-news,.i-about{ padding:30px 0}

	.i-about .intro .more{ -webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9); margin-top:15px}

	.renzheng li{ margin-top:40px;padding-top: 50px;}

	.renzheng li h4,.renzheng_2 li .text h4{ font-size:16px}

	.renzheng li .ico{ width:80px; height:80px; margin-left:-40px;top:-40px;}

	.renzheng_3 li .icon{ width:50px; height:50px}

	.renzheng_3 li h4{ font-size:13px}

	.seo-3 .seo-3-tab li .icn{ width:60px; height:60px;}

	.seo-3 .seo-3-tab li h4{ font-size:14px}

	.slick-seo .banner-bin-i .p2 span{ font-size:16px; padding:0 10px}

	.slick-seo .banner-bin-i .p1{ font-size:20px; height:20px}

	.slick-seo .banner-bin-i:before,.slick-seo .banner-bin-i:after{ height:28px}

	.slick-seo .textbox .banner-bin-o .p2{ margin-right:0}

	.slick-seo .textbox .banner-bin-o .p2 span{ font-size:60px; line-height:60px; padding-right:0}

	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(1){ font-size:22px}

	.slick-seo .textbox .banner-bin-o .p4 span{ font-size:16px}

	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(2){ font-size:16px}

	.slick-seo .textbox .banner-bin-p p{ font-size:22px}

	.slick-seo .textbox .banner-bin-o .p1 span:nth-child(2){ font-size:20px}

	.slick-seo .textbox .banner-bin-o .p1 span:nth-child(3){ font-size:22px}

	.slick-seo .textbox .banner-bin-o .p4 span:nth-child(2n-1){ margin-left:5px; margin-right:3px}

	.slick-seo .banner-bin-h{ font-size:28px; line-height:28px; margin-bottom:20px;}

	.slick-seo .textbox{ height:260px}

	.service-area-wrap, .classic-case-mod-wrap, .famous-mod-wrap, .news-mod, .news_mod_wrap{padding: 20px 0 60px 0;}

	.site-mod05-wrap .site-orange{width: 98%;font-size: 17px;}

	.koplp{width: 50%;}

	.item2{padding: 20px 10px;}

	.wsale p.p2{margin-top: 0;}

	.wsale p span{font-size: 15px;}

	.wsale p{font-size: 14px;margin-left: 85px;}

	.description{line-height: 28px;font-size: 15px;}

	

	div.span-1{width: 100%;margin-right: 0;margin-bottom: 22px;}

	.btitle{font-size: 23px;}

	.core ul li{width: 48%;}

	.core ul li a i{margin: 20px auto;}

	.core ul li a{height: 370px;}

	.advantage-cont li{width: 45.5%;padding: 15px 0;}

	.advantage-cont li h2{font-size: 18px;margin-top: 15px;}

	.fcolorb{width: 51px;height: 42px;background-size: 100% 100%}

	.fcoloro{width: 67px;height: 47px;background-size: 100% 100%}

	.fcolorg{width: 57px;height: 49px;background-size: 100% 100%}

	.fcolorpp{width: 68px;height: 46px;background-size: 100% 100%}

	.fcolordb{width: 70px;height: 52px;background-size: 100% 100%}

	.fcolorp{width: 55px;height: 51px;background-size: 100% 100%}

	.advantage-cont li h3{font-size: 14px;}

	.advantage-cont li{min-height: 300px;}

	#lopop li h2{margin-top: 0;font-size: 17px;}

	.ghj{height: 270px;}

	.nebox .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 10px;}

	.nebox .swiper-pagination-bullet{background-size: 100% 100%;width: 12px;height: 12px;}

	.bg1{padding: 15px 0;padding-bottom: 40px!important}

	.table-responsive .table td{font-size: 14px!important;}

	.btn-custom{display: inline-block; width: 100%;padding: 10px 0px;}

	.color-white{margin-top: 18px !important;font-size: 18px!important;height: auto;}

	.mt-40{margin-top: 20px!important;}

	.hover-white{font-size: 17px;padding-top: 1.2%;padding-bottom: 1.2%;}

	.h2{margin-top: 15px;}

	.block-1 .btit i{width: 74px;height: 70px;}

	.block-1 .btit{height: 100px;}

	.block-1 .btit span{padding: 45px 0 0;}

	.block-1 .btit i{margin: -30px auto 0;}

	.vsbox h1{font-size: 25px;}

	.site-title{font-size: 23px;}

}

@media screen and (max-width:480px){

	.horlist .slick-slide .pic{ height:200px}

	.seo-3 .seo-3-tab li .icn{ width:50px; height:50px;}

	.slick-seo .banner-bin-i .p2 span{ font-size:14px}

	.slick-seo .banner-bin-j span:first-child{ font-size:18px}

	.slick-seo .textbox{ padding:3%; width:84%}

	.slick-seo .banner-bin-h{ font-size:26px;}

	.slick-seo .banner-bin-i{ margin:0 auto}

	.slick-seo .banner-bin-j{ margin-top:20px}

	.slick-seo .banner-bin-j p{ padding:0 8px; font-size:13px}

	.slick-seo .textbox .banner-bin-o .p2{ width:36%; text-align:left}

	.slick-seo .textbox .banner-bin-o .p1{ width:60%}

	.slick-seo .textbox .banner-bin-o .p2 span{ font-size:45px; line-height:45px; margin-top:0; white-space:normal}

	

	.slick-seo .textbox .banner-bin-o .p4 span{ font-size:12px}

	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(1){ font-size:18px}

	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(2){ font-size:12px}

	

	.site-mod0201-wrap .site-title{font-size: 21px;margin-bottom: 40px;}

	.nebox .swiper-button-prev{display: none;}

	.nebox .swiper-button-next{display: none;}

	.btitle{line-height: 40px;}

	.site-title{line-height: 36px;height: auto;font-size: 22px;}

	.site-mod02-wrap, .site-mod05-wrap, .site-mod07-wrap{padding-bottom: 0px;margin-bottom: 0px;}

	.fcoloro{width: 56px;height: 47px;background-size: 100% 100%}

	.fcolorpp{width: 58px;height: 44px;background-size: 100% 100%}

	.fcolordb{width: 58px;height: 44px;background-size: 100% 100%}

	.advantage-cont li{height: 365px;}

	#lopop li{height: auto;}

	

}