﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) {
	
	.case_nav{transform: translate(-50%,0%);width: 60%; top: 84%;}

	.swiper-slide .title{bottom:43%;left: 27%;}
	.swiper-slide .title h2{font-size: 40px;line-height: 60px;}
	.swiper-slide .title p{font-size: 22px;margin-top: 10px;}
	.swiper-slide .title_pic{left: 22%;width: 280px;}

	.swiper-slide .title__er h2{font-size: 40px;line-height: 60px;}
	.swiper-slide .title__er p{font-size: 22px;margin-top: 10px;}
	.swiper-slide .title_pic_er{left: 24%;bottom:40%;width: 380px;}

	.swiper-slide .title_san{left: 20%;bottom:44%;}
	.swiper-slide .title_san h2{font-size: 40px;}
	.swiper-slide .title_pic_san{left: 17%;bottom:33%;width: 280px;}

	.fangan_banner .title_san{left: 22%;bottom:32%;}
	.fangan_banner .title_san h2{font-size: 40px;}
	.fangan_banner .title_pic_san{left: 17%;bottom:13%;width: 280px;}
	
	.swiper-slide .title_si{bottom:38%;left: 27%;}
	.swiper-slide .title_si h2{font-size: 30px;line-height: 40px;}
	.swiper-slide .title_si h2 .txt{font-size: 30px;}
	.swiper-slide .title_si h2 span{font-size: 30px;}
	.swiper-slide .title_si p{font-size: 14px;margin-top: 5px;}
	.swiper-slide .title_pic_si{left: 22%;width: 280px;}

	.swiper-slide .title_wu{bottom:41%;left: 27%;}
	.swiper-slide .title_wu h2{font-size: 30px;line-height: 40px;}
	.swiper-slide .title_wu h2 .txt{font-size: 30px;}
	.swiper-slide .title_wu h2 span{font-size: 30px;}
	.swiper-slide .title_wu p{font-size: 14px;margin-top: 5px;}
	.swiper-slide .title_pic_wu{left: 22%;width: 280px;bottom:38%;}

	.weizhi {max-width: 980px;}

	.about_dyip{max-width: 980px;}

	.about_derp .box{max-width: 980px;}

	.about_dsanp{max-width: 980px;}

	.rongyu{max-width: 980px;}

	.wenhua_con{max-width: 980px;}

	.contact{max-width: 980px;}

	.zhaopin_dyip{max-width: 980px;}
	.zhaopin_dyip h2{position:absolute;left:-130px;font-size:20px;top:50px;}

	.cpxqer li .con_er{max-width: 980px;}
	
	.about_derp_de .box{max-width: 980px;}
	
	.about_dsanp_dsan{max-width: 980px;}
    

	.fangan_dyip .title .title_b h2{float: none;margin-bottom: 20px;display: inline-block;}
	.fangan_dyip .title .title_b p{margin-left: 0px;float: none;}
	.fangan_dyip li p{font-size: 18px;}
}

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

	.case_nav{transform: translate(-50%,0%);width: 70%; top: 84%;}
	
	.swiper-slide .title{bottom:40%;}
	.swiper-slide .title h2{font-size: 30px;line-height: 40px;}
	.swiper-slide .title h2 .txt{font-size: 30px;}
	.swiper-slide .title_pic{left: 22%;width: 220px;}

	.swiper-slide .title__er{bottom: 48%;}
	.swiper-slide .title__er h2{font-size: 30px;line-height: 50px;letter-spacing: 5px;}
	.swiper-slide .title__er p{font-size: 18px;}

	.swiper-slide .title_san{left: 20%;bottom:44%;}
	.swiper-slide .title_san h2{font-size: 30px;}
	.swiper-slide .title_san p{font-size: 18px;}
	.swiper-slide .title_pic_san{left: 17%;bottom:36%;width: 200px;}

	.fangan_banner .title_san{left: 20%;bottom:30%;}
	.fangan_banner .title_san h2{font-size: 30px;letter-spacing: 5px;}
	.fangan_banner .title_san p{font-size: 18px;}
	.fangan_banner .title_pic_san{left: 17%;bottom:16%;width: 200px;}


	.index_news .news_l{width: 47%;margin-bottom: 50px;}
	.index_news .news_c{width: 47%;margin-left: 6%;margin-bottom: 50px;}
	.index_news .news_r{width: 100%;float: none;}

	.breadcrumb {height: 50px;line-height: 50px;}
	.weizhi span {margin-top: 20px;margin-right: 15px;}
	.daohan {width: 100%;/*height: 125px;*/}
	.c-daohan ul {padding-top: 25px;}
	.c-daohan li {}
	.c-daohan li a {height: 100px;}
	.c-daohan li a div{ height:100px;}
	.c-daohan li a:hover div:before{height:50px;}

	.weizhi {max-width: 720px;}
	.c-daohan {max-width: 720px;}

	.about_dyip{max-width: 720px;}
	.about_dyip .txt h2{font-size: 70px;line-height:90px;}
	.about_dyip .txt h2:after{height: 25px;bottom:5px;}
	.about_dyip .txt h3{font-size: 70px;line-height:90px;}
	.about_dyip .txt h4{font-size: 70px;line-height:90px;}

	.about_derp .box{max-width: 720px;}

	.about_dsanp{max-width: 720px;}

	.rongyu{max-width: 720px;}

	.wenhua_con{max-width: 720px;}

	.case_con .case_con_l{width: 100%;float: none;}
	.case_con .case_con_l .box{padding:30px 10px;}
	.case_con .case_con_l .box .fhui{margin-top: 20px;}
	
	 .case_con .case_con_l .box .txt video{max-width:100%; height:auto;}
	 
	.case_con .case_con_r{width: 100%;float: none;margin-top: 30px;}
	.case_con .case_con_r .box{padding:20px 10px;}

	.fangan_derp .left{width: 100%;float: none;}
	.fangan_derp .right{width: 100%;float: none;}

	.contact{max-width: 720px;}
	.contact .contact_dyip .txt{padding-right: 10%;}
	.contact .contact_dyip .txt h2{font-size: 50px;}
	.contact .contact_dyip .txt h3{font-size: 40px;}
	.contact .contact_dyip .txt h3:after{height: 20px;}
	.contact .contact_dyip .txt h4{font-size: 30px;margin-top: 20px;font-weight:bold;}

	.zhaopin_dyip .txt_yi{font-size: 50px;}
	.zhaopin_dyip .txt_er{font-size: 40px;margin-top: 20px;margin-bottom: 20px;}

	.zhaopin_dyip{max-width: 720px;}

	.cpxqer li .con_er{max-width: 720px;}

	.case_con .news_con_r{width: 100%;float: none;margin-top: 20px;}

	.accordion .link{font-size: 40px;display: block;line-height: 40px;}
	.accordion .link p{display: block;}
	.accordion .link span{font-size: 18px;}
	.accordion li > .link::after {height: 26px !important;}
	
	.about_derp_de .box{max-width: 720px;}
	.about_derp_de .box img{width:98%;}
	
	.about_dsanp_dsan{max-width: 720px;}
    .about_dsanp_dsan .txt{margin-top: 40px;padding-right: 10%;}
    .about_dsanp_dsan .txt h2{font-size: 50px;}
    .about_dsanp_dsan .txt h3{font-size: 40px;}
    .about_dsanp_dsan .txt h4{font-size: 30px;margin-top: 20px;font-weight:bold;}
    .about_dsanp_dsan .txt p{margin-top: 20px;line-height: 24px;font-size: 12px;}
    
    .case_list li{width: 32.333%;}

	.foot{padding:50px 6%;}
	.foot .foot_l{float: none;}
	.foot .foot_r{float: none; margin-top: 20px;}
	.foot .foot_r .foot_nav a{margin:0 10px;}
	.foot .foot_r .txt{padding-left: 0px;}
	
	.video-wrap video {position: relative;z-index: 1;width: auto; height: 100%;}
}

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






  .video-wrap{display: none;width:0px; height:0px; overflow:hidden;}
.video-wrap video{display: none;}
  .CASEimg{display: block;}








	h1{left: 20px;top: 20px;z-index: 1000;width: 140px;}

	.swiper-container .m{display: block;}
	.swiper-container .pc{display: none;}
	.swiper-slide .title{left: 22%; bottom: 48%;}
	.swiper-slide .title h2{font-size: 20px;line-height: 30px;letter-spacing: 0px;}
	.swiper-slide .title h2 span{font-size: 20px;}
	.swiper-slide .title h2 .txt{font-size: 20px;}
	.swiper-slide .title p{font-size: 14px;margin-top: -0px}
	.swiper-slide .title_pic{left: 12%;width: 170px;bottom: 40%;}

	.swiper-slide .title__er{left: 24%; bottom: 44%;}
	.swiper-slide .title__er h2{font-size: 20px;line-height: 36px;letter-spacing: 0px;}
	.swiper-slide .title__er h2 span{font-size: 20px;}
	.swiper-slide .title__er p{font-size: 14px;margin-top: 0px;letter-spacing: 0px;}
	.swiper-slide .title__er p span{letter-spacing: 0px;}
	.swiper-slide .title_pic_er{left: 6%;bottom:39%;width: 180px;}

	.swiper-slide .title_san{left: 20%; bottom: 56%;}
	.swiper-slide .title_san h2{font-size: 20px;line-height: 40px;letter-spacing: 0px;}
	.swiper-slide .title_san h2 span{font-size: 20px;}
	.swiper-slide .title_san p{font-size: 14px;margin-top: 0px}
	.swiper-slide .title_pic_san{left: 12%;bottom:44%;width: 180px;}
	
	.swiper-slide .title_si{bottom:48%;left: 27%;}
	.swiper-slide .title_si h2{font-size: 20px;line-height: 24px;letter-spacing: 0px;}
	.swiper-slide .title_si h2 .txt{font-size: 20px;}
	.swiper-slide .title_si h2 span{font-size: 20px;}
	.swiper-slide .title_si p{font-size: 12px;margin-top: 5px;letter-spacing: 0px;}
	.swiper-slide .title_pic_si{left: 12%;width: 180px;bottom: 34%;}

	.swiper-slide .title_wu{bottom:49%;left: 25%;}
	.swiper-slide .title_wu h2{font-size: 20px;line-height: 30px;letter-spacing: 0px;}
	.swiper-slide .title_wu h2 .txt{font-size: 20px;}
	.swiper-slide .title_wu h2 span{font-size: 20px;}
	.swiper-slide .title_wu p{font-size: 14px;margin-top: 0px;}
	.swiper-slide .title_pic_wu{left: 12%;width: 150px;bottom: 47%;}

	.fangan_banner .title_san{left: 20%; bottom: 42%;}
	.fangan_banner .title_san h2{font-size: 20px;line-height: 40px;letter-spacing: 0px;}
	.fangan_banner .title_san h2 span{font-size: 20px;}
	.fangan_banner .title_san p{font-size: 14px;margin-top: 0px}
	.fangan_banner .title_pic_san{left: 10%;bottom:26%;width: 180px;}

	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{right: 20px !important;}
	.swiper-pagination-current{font-size: 30px;}

	.case_nav{transform: translate(-50%,0%);width: 70%; top: 76%;}
	.case_nav li{padding:0 0px;border-right: none;width: 33.333%;text-align: center;line-height: 30px;}

	.indx-business{background: #FFF;padding:100px 10%;}

	.accordion .link {width: auto;cursor: pointer;display: inline-block;color: #6d6d6d;border-bottom: 2px solid #a7a7a7;position: relative;
	    -webkit-transition: all 0.6s ease;
	    -o-transition: all 0.6s ease;
	    transition: all 0.6s ease;
	    padding: 0px 0px 2px 0px;
	    margin-bottom: 20px;
	    z-index: 1;
	    font-size: 24px;
	    line-height: 24px;
	    font-family: "Circular-Book","微软雅黑","Microsoft YaHei";
	    font-weight: bold;
	}
	.accordion li > .link::after {
	    display: block;
	    content: '';
	    position: absolute;
	    bottom: 0;
	    width: 0;
	    height: 55px;
	    background:#264aff;
	    opacity:1;
	    transition:width 1.5s;
	    -webkit-transition:width 1.5s;
	    -ms-transition:width 1.5s; z-index:-1;
	}
	.accordion li .link:hover::after {
	    width:0;
	    height: 55px;
	    background:#264aff;
	    opacity:1;
	    transition:width 1.5s;
	    -webkit-transition:width 1.5s;
	    -ms-transition:width 1.5s;z-index:-1
	}
	.accordion .link:hover{ 
		color: #6e6833;
		position: relative;
		-webkit-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease; 
	}
	.accordion .link span {
	    display: inline-block;
	    font-size: 15px;
	    color: #6d6d6d;
	    -webkit-transition: all 0.4s ease;
	    -o-transition: all 0.4s ease;
	    transition: all 0.4s ease;
	    margin-left: 0px;
	    font-family: "Circular-Book","微软雅黑","Microsoft YaHei";
	    position: relative;
	}
	.accordion li.open .link {
	    position: relative;
	    margin-bottom: 20px;
	    color: #303030;
	    border-bottom: 0px solid #6d6d6d;
	    -webkit-transition: all 0.6s ease;
	    -o-transition: all 0.6s ease;
	    transition: all 0.6s ease;
	    display: inline-block;
	}
	.submenu {
	    display: none;
	    font-size: 12px;
	    padding: 15px 0 10px;
	    line-height: 20px;
	    margin-bottom: 20px;
	    font-family: "Circular-Book","微软雅黑","Microsoft YaHei";
	    margin-top: -30px;
	    border-bottom: 2px solid #264aff;
	}
	.accordion li i.fa-plus {
	    left: auto;
	    font-size: 26px;
	    font-family: "Circular-Book","微软雅黑","Microsoft YaHei";
	    font-weight: bold;
	}
	.accordion li.open .link:after {
	    display: block;
	    content: '';
	    position: absolute;
	    bottom: 0;
	    width: 0%;
	    height: 55px;
	    background:#264aff;
	    opacity:1;
	    transition:height 0.5s;
	    -webkit-transition:height 0.5s;
	    -ms-transition:height 0.5s; z-index:-1;
	  -webkit-transition: all 0.6s ease;
	  -o-transition: all 0.6s ease;
	  transition: all 0.6s ease;
	}
	.indx-business .more{font-size: 16px;}

	.index_case{padding:0px 6% 50px 6%;}
	.index_case .bt{font-size: 18px;width: 260px;}
	.index_case .box .index_case_c{float: left;width: 100%;}
	.index_case .box .index_case_l{float: left;width: 50%;}
	.index_case .box .index_case_r{float: right;width: 50%;}

	
	.index_dmt{padding:50px 6%;}
	.index_dmt .bt{font-size: 18px;width: 260px;}
	.dmt{margin-top: 30px;}

	.index_news{padding:50px 6% 50px 6%;}
	.index_news .news_l{width: 100%;margin-bottom: 50px;float: none;}
	.index_news .news_c{width: 100%;margin-left: 0%;float: none;margin-bottom: 50px;}

	.index_client{padding:50px 6% 100px 6%;}
	.index_client .bt{font-size: 18px;width: 260px;}
	.index_client li{float: left;width: 50%;}

	.index_lx{padding:0 10px;}
	.index_lx .box{margin:50px auto;height: 160px;}
	.index_lx .title{background: #ffeb3b;padding:5px 20px;font-size: 18px;}
	.index_lx p{color: #ffeb3b;font-size: 16px;margin-top: 10px;}

	.c-daohan {padding:0 6%;}
	.weizhi {padding:0 6%;}
	.daohan {width: 100%;/*height: 100px;*/}
	.c-daohan ul {padding-top: 25px;}
	.c-daohan li {width: 33%; float: left; line-height:18px;}
	.c-daohan li.er {letter-spacing: 1px;}
	.c-daohan li a {width: 85px;height: 100px;}
	.c-daohan li a div{width: 100%; height:80px;font-size: 14px;}
	.c-daohan li a:hover div:before{height:50px;}

	.about_dyip{padding:50px 6%;}
	.about_dyip .txt h2{font-size: 28px;line-height:36px;}
	.about_dyip .txt h2:after{height: 15px;bottom: 2px;}
	.about_dyip .txt h3{font-size: 28px;line-height:36px;}
	.about_dyip .txt h4{font-size: 16px;line-height:30px;padding-bottom:10px;}
	.about_dyip .txt p{margin-top: 0px;font-size:12px;line-height:30px;}

	.about_derp .box{padding:0px 6%;}
	.about_derp .box li .li_l{float: none;width: 100%;}
	.about_derp .box li dl{float: none;width: 100%;line-height: 24px;margin-top:30px;padding-top:0px;}
	.about_derp .box li dd{float:left;width:33.333%;text-align:left;}
    .about_derp .box li dd .shu{font-size:20px;position:relative;}
    .about_derp .box li dd p{padding-top:0px;}
    
	
	.about_derp_de .box{padding:0px 6%;}
	.about_derp_de .box img{width:98%;}
	
	.about_dsanp_dsan{padding:50px 6%;}
    .about_dsanp_dsan .txt{margin-top: 40px;padding-right: 10%;}
    .about_dsanp_dsan .txt h2{font-size: 30px;}
    .about_dsanp_dsan .txt h3{font-size: 20px;}
    .about_dsanp_dsan .txt h4{font-size: 25px;margin-top: 20px;font-weight:bold;}

	.about_dsanp{padding:50px 6%; width: 100%; box-sizing: border-box;}
	.about_dsanp .txt{font-size: 18px;margin-top: 30px;line-height: 30px;}
	.about_dsanp .about_fa{padding: 0%;}
	.about_dsanp .about_fa dt{padding:0%;}
	.about_dsanp dt{font-size: 16px;margin-bottom: 30px;}
	.about_dsanp dd{font-size: 14px;line-height: 24px;}

	.rongyu{padding:50px 6%;}
	.rongyu .rongyu_l{float: none;}
	.rongyu .rongyu_r{float: none;}

	.wenhua{padding:50px 6%;}
	.wenhua ul{margin-left: 0%;}
	.wenhua li{width: 100%;float: none;margin-left: 0%;}
	.wenhua li .title h2{font-size: 18px;padding:15px 0;}
	.wenhua li .title h2:after{bottom: 10px;height: 15px;}
	.wenhua li .title .title_b{line-height: 40px;}

	.wenhua_con{padding:100px 6% 50px 6%;}
	.wenhua_con .title{font-size: 24px;}

	.case_con{padding:100px 6% 50px 6%;}
	.case_con .case_con_l .box .fhui{font-size: 18px;}

	.accordion_case .submenu{margin-left: 0%;}
	.accordion_case .submenu .list{float: none;width: 100%;margin-left: 0%;margin-bottom: 15px;}

	.fanan{padding:50px 0%;}
	.fanan li .pic{height: 240px;}

	.fanan_con{padding:50px 6%;}
	.fangan_banner .pc{display: none;}
	.fangan_banner .m{display: block;}

	.fangan_derp{padding-top: 50px;}
	
	.fangan_dsanp ul{margin-left: 0%;margin-top: 20px;}
	.fangan_dsanp li{float: none;width: 100%;margin-left: 0%;margin-bottom: 15px;}
	.fangan_dyip .swiper-slide p{font-size: 18px;}

	.fangan_dyip .title .txt{font-size: 18px;}
	.fangan_dyip .title .title_b{margin-top: 20px;}
	.fangan_dyip .title .title_b h2{font-size: 24px;}
	.fangan_dyip .title .title_b p{max-width: 100%;}

	.fangan_derp .right .yi h2{font-size: 18px;}

	.fangan_dsanp h2{font-size: 24px;}

	.fanan_con .fhui{font-size: 18px;}

	.news{padding:50px 6%;}
	.news li{margin-bottom: 20px;}
	.news li .pic{width: 100%;float: none;}
	.news li .li_r{margin-left: 0px;border-top: 0px;padding-top: 10px;}
	.news li .li_r .rq{width: 100%;color: #999;float: none;text-align: left;}
	.news li .li_r .li_r_r{padding-left: 0px;}
	.news li .li_r .li_r_r h2{margin-bottom: 10px;}

	.contact{padding:50px 6%;}
	.contact .contact_dyip .txt{padding-right: 10%;}
	.contact .contact_dyip .txt h2{font-size: 30px;}
	.contact .contact_dyip .txt h3{font-size: 20px;}
	.contact .contact_dyip .txt h3:after{height: 10px;}
	.contact .contact_dyip .txt h4{font-size: 25px;margin-top: 20px;font-weight:bold;}
	.contact .contact_dyip .txt p{font-size:12px;}
	
	.contact .contact_lx .foot_l{float: none;line-height: 24px;width: 100%;margin-bottom:20px;}

	.zhaopin_dyip .txt_yi{font-size: 40px;}
	.zhaopin_dyip .txt_er{font-size: 30px;}
	
	.zhaopin_dyip h2{position:inherit;left:0px;font-size:20px;top:0px;transform:rotate(0deg);margin-top:30px;}

	.zhaopin{padding:50px 0;}
	.zhaopin_dyip{padding:0px 6%;}
	.cpxqer{margin-top: 50px;}
	.cpxqer li .border{ padding:0px 6%;}
	.cpxqer li .icon i{display: none;}
	.cpxqer li .icon p{line-height: 50px;font-size: 18px;}
	.cpxqer li .li_r{line-height: 50px;font-size: 12px;}
	.cpxqer li .li_r i{width: 16px;line-height: 16px;border-radius: 5px;font-size: 16px;margin-left: 20px;}

	.cpxqer li .con_er{max-width: 720px;padding:50px 6%;}
	.cpxqer li .con_er .list .li{width: 90px;margin-bottom: 10px;}

	.dmt_list{padding:50px 6%;}
	.dmt_list .box .index_case_l{width: 50%;}
	.dmt_list .box .index_case_c{float: none;width: 100%;}
	.dmt_list .box .index_case_r{width: 50%;}
	
	.dmt_list .box .yi_case_t li:nth-of-type(1){width: 100%;float: none;}
	.dmt_list .box .yi_case_t li:nth-of-type(2){width: 61.666%;}
	.dmt_list .box .yi_case_t li:nth-of-type(3){width: 38.333%;}

	.dmt_list .box .yi_case_b .b_l{float: none;width: 100%;}
	.dmt_list .box .yi_case_b .b_r{float: none;width: 100%;}

	.dmt_list .box .yi_case_b .b_r .r_t li:nth-of-type(1){width: 100%;}
	.dmt_list .box .yi_case_b .b_r .r_t li:nth-of-type(2){width: 50%;}
	.dmt_list .box .yi_case_b .b_r .r_t li:nth-of-type(3){width: 50%;}

	.dmt_list .box li .li_box .title_yi{display: none;}

	.dmt_list .box .er_case_l{width: 50%;}
	.dmt_list .box .er_case_c{width: 50%;}
	.dmt_list .box .er_case_r{float: none;width: 100%;}

	.dmt_list .box .san_case_l{width: 50%;}
	.dmt_list .box .san_case_c{width: 50%;}
	.dmt_list .box .san_case_r{float: none;width: 100%;}

	.dmt_list .box .si_case_l{float: none;width: 100%;}
	.dmt_list .box .si_case_r{float: none;width: 100%;}
	.dmt_list .box .si_case_r li{width: 50%;}

	.case_con .case_con_l .box h2{font-size: 18px;margin-bottom: 0px;}
	
	.case_list ul{margin-left: 0%;}
	.case_list li{float: none;width: 100%;margin-left: 0%;margin-bottom: 20px;}
	
	.case_list {padding:50px 6%;}


	.foot .box .foot_l{float: none;width: 100%;margin-bottom: 30px;}
	.foot .box .foot_l h2{font-size:16px;font-weight:bold;margin-bottom:20px;}
	.foot .box .foot_l p{font-size: 12px;}
	.foot .box .foot_b{margin-top: 0px;}
	.foot .box .foot_b .foot_nav{display: block;margin-left:0px;}
	.foot .box .foot_b .foot_nav li{margin-bottom: 10px;padding-right:10px;margin-right:10px;}
	.foot a.btn-top {right:10%;bottom:20px;z-index:1;width:24px;font-size:12px;}
	
	.contact .contact_lx .foot_l h2{font-size:16px;font-weight:bold;margin-bottom:20px;}

	.dibupc{ display: none}
	.dibum{ display: block}
	.kongbai {display: block;position: relative;height: 1px;width: 100%;}
	
	.floating_ck{display:none;}
}