@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1920px){
	.advan .vanc{ width: 100%;}
	.aboutr .abm{ width: 100%;}
	.case_haer .hh{ width: 100%;}
	.contact .tact{ width: 100%;}
	.ess_page .pipe{ width: 100%;}
}

@media screen and (min-width:1690px) and (max-width: 1800px){
	.w1700{ width: 1600px;}
	.work ul li{ width: 399.25px;}
}

@media screen and (min-width:1440px) and (max-width: 1690px){
	.w1700{ width: 1300px;}
	.work ul li{ width: 324.25px;}
	.about_m .content .mm .cc3{ height: 340.3px;}
	.vision .content h1{ padding-top: 100px;}
	.join .join_left{ width: 260px;}
	.join .join_right{ width: 850px;}
	.platy .cont .nn h1{ font-size: 20px;}
	.client .cl_right ul li a img{  transform: scale(0.8);}
	.client .cl_right ul li a{ width: 220px; height: 80px;}
	.client .cl_right{ width: 664px;}
	.client .cl_left{ width: 550px;}
	.essay_cont .ess_right p{ word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden;}
	.show .w_list ul li{ width: 250px;}
	.show .w_list .ww{ width: 202px;}
	.show h1{ padding-top: 15%;}
	.moren h2{ padding-top: 22%;}
	.show .v_list ul li{ width: 130px; height: 130px;}
	.show .v_list ul li a{ height: 100px;}
	.about .about_left .cont img{ margin-top: 30px;}
	.bann_boot .boot p{ font-size: 14px;}
	.news_right{ width: 63%;}
	.news_right ul li p{ word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden;}
	.show p{ font-size: 17px;}
	.moren5 .cc h1{ padding-top: 15%;} 
	.platy .cont{ padding: 70px 50px;}
	.platy .cont .kk b .er1{ position: absolute; right: -100px; top: 0; width: 80px; height: 80px;}
	.about .about_left p{ word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden;}
	.foot .footr ul li:nth-child(3) p{ font-size: 13px;}
	.foot .footr ul li a{ font-size: 13px;}
	.foot .footr ul li:nth-child(4){ width: 8%;}
	.foot .footr ul li:nth-child(3){ width: 42%;}
	.indexCon1 ul li .wen h2{font-size: 18px;}
	.case_haer .cont h1{ padding-top: 10%;}
	.sideCont .content .minr{ margin-left: -650px;}
	.sideCont .sideRight i{ margin-top: 10%;}
	.header .planList a{ font-size: 12px;}
	.header .planList h1{ font-size: 16px;}
}

@media screen and (min-width:1280px) and (max-width: 1439px){
	.w1700{ width: 1220px;}
	.aboutr .add ul .dd1{ width: 366px;}
	.aboutr .add{ width: 1100px; position: absolute; top: 0; left: 50%; margin-left: -550px;padding-top: 60px;}
	.aboutr .add ul .dd3{ width: 366px;}
	.about_m .tit p{ width: 950px;}
	.about_m .content .mm .cc3{ height: 319px;}
	.about_m .content .mm .cc3 h1{ font-size: 24px; padding-top: 40px;}
	.about_m .content .mm .cc3 b{ margin: 25px 0 40px 0;}
	.vision .content h1{ padding-top: 70px;}
	.about_m .content .frg{ padding: 40px 5%;}
	.about_m .content .frg p{ font-size: 14px;}
	.platy .yy{ display: none;}
	.platy .cont .nn h1{ font-size: 21px;}
	.join .join_left{ width: 210px;}
	.join .join_right{ width: 65%;}
	.join .join_right .bd p{ font-size: 16px;}
	.client .cl_left{ width: 500px;}
	.client .cl_right{ width: 500px;}
	.client .cl_right ul li a{ width: 165px; height: 90px;}
	.client .cl_right ul li a img{ transform: scale(0.6);}
	.client .cl_right ul li:hover a img{  transform: scale(0.75);}
	.case_haer .cont h1{ padding-top: 7%;}
	.essay_cont .ess_right p{  word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden;}
	.about .about_left h1{ width: 28%; margin-left: 72%;}
	.bann_boot .boot h1{ font-size: 30px;} 
	.bann_boot .boot p{ font-size: 12px; line-height: 24px;}
	.about .about_left h2{ font-size: 24px; margin: 20px 0 15px 0;}
	.about .about_left p{ font-size: 14px; line-height: 24px; word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden;}
	.about .about_left h3{ font-size: 16px; margin: 30px 0 15px 0;}
	.about .about_left .cont img{ margin-top: 40px;}
	.work ul li{ width: 304.25px;}
	.work ul li h1{ font-size: 20px;}
	.indexCon1 ul li .wen h2{font-size: 16px;}
	.indexCon1 ul li .wen p{font-size: 12px;}
	.indexCon1 ul li .wen span{ margin-top: 7%;}
	.case .title h1{ font-size: 24px;}
	.case .title ul{ margin-top: 10px;}
	.case .title ul li{ width: 110px;}
	.advan .adv_cont ul li a img{ transform: scale(0.8);}
	.news .titl h1{ font-size: 24px;}
	.news_right{ width: 57%;top: 185px;}
	.news_right ul li p{ word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden; font-size: 13px; line-height: 22px;}
	.news_right ul li:first-child{ margin-bottom: 20px;}
	.news_right ul li:nth-child(2){ margin-bottom: 20px;}
	.news_right ul .nn2 p{ width: 100%; line-height: 28px;}
	.news_right ul .nn2 p i{ line-height: 28px;}
	.work ul li .pager b{ word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 4; overflow : hidden;}
	.case_page .page_foor .left p{ font-size: 14px; word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden;}
	.cas_cont .content img{ width: 80%;}
	.ess_cont .es_left p{ font-size: 15px;}
	.foot .footr ul li a{ height: 30px; overflow: hidden;}
	.moren h2{ font-size: 100px; padding-top: 18%;}
	.moren p{ font-size: 55px;}
	.show .w_list ul li{ width: 220px;}
	.show .w_list h3{ font-size: 20px; font-weight: 600; color: #d0d7ef; line-height: 36px; margin: 29px 0;}
	/*.show .w_list .ww{ width: 182px; height: 130px; padding: 20px;}*/
	.show .w_list .ww{ width: 182px; min-height: 130px; padding: 20px;}
	.show .v_list ul li{ width: 120px; height: 120px; margin-right: 20px;}
	.show .v_list ul li a{ height: 80px;}
	.show .v_list ul li a img{ transform: scale(0.8);}
	.show h1{ font-size: 60px; padding-top: 13%;}
	.show h2{ font-size: 40px;    margin: 17px 0 24px 0;}
	.show p{ font-size: 16px;}
	.moren5 .cc .ff ul li h3{ font-size: 18px;}
	.moren5 .cc h1{ padding-top: 12%;} 
	.header .planList a{ font-size: 12px;}
	.header .planList h1{ font-size: 16px;}
	.header .planList ul .inList ul li h2{ font-size: 14px;}
	.header .planList ul .inList ul li:first-child{ width: 42%;}
	.header .planList ul .inList ul li:nth-child(3){ width: 28%;}
	.sideCont .content .minr{ margin-left: -610px; top: 8%;}
	.sideCont .sideRight i{ margin-top: 11%;}
	.header .planList a{ font-size: 12px;}
	.header .planList h1{ font-size: 14px;}
	.ess_page .pipe{ width: 100%;}
	.show .w_list{margin-top: 7%;}
	.show .w_list .ww i{font-size: 14px;}
	.show h2 i{font-size: 54px;}
	.moren5 .cc p{font-size: 14px;margin-top: 40px;line-height: 26px;}
	.moren5 .cc p{font-size: 14px;margin-top: 50px;line-height: 28px;}
	.moren5 .cc .ff ul li{height: 210px;}
	.moren5 .cc .ff ul li .pxr{ height: 85%;}
	.header{height: 86px;}
	.header .logo img{margin: 19.5px 0;width: 170px;}
	.header .logo b{margin: 23px 10px 23px 15px;}
	.header .logo p{margin-top: 23px;}
	.header .nav ul li{margin-top: 33px; width: 70px;}
	.header .list b{margin: 35px 0;}
	.header .list a{margin: 23px 0;}
	.header .search_r{  margin-top: 28px;}
	.header .search_r a{ margin: 0;}
	.header .plan{padding: 0 8px 0 10px;margin-top: 23px;margin-left: 30px;}
	.header .nav ul li a b{ font-size: 14px;}
	.contact , .aboutr , .case_haer{ margin-top: 86px;}
	.header .planList{ top: 86px;}
	.contact_list ul li{ width: 35%;}
	.ess_page , .sideCont{ margin-top: 86px;}
	.news_right ul li h1{ font-size: 16px;}
	.news_right ul{padding: 50px 50px 50px 138px;}
	.news{ padding-bottom: 75px;}
	.banneR .bd ul li .tit p{margin: 16% 0 2% 0; line-height: 71px; font-size: 44px;}
	.join .join_right{ margin: 25px 0;}
	.join .join_left{ height: 550px;}
	.join .join_left h1{ padding-top: 95px;}
	.aboutr .abm{ width: 125%;}
	.contact .content .rr{margin: 15px 0 30px 0;}
	.contact .content ul li{ height: 150px;margin: 12px 2% 12px 0;}
	.contact .content h1{ padding-top: 65px;}
	.contact .content ul li:nth-child(3n){ margin: 12px 0;}
	.contact .content ul li b{ height: 45px;}
	.contact .tact{ width: 104%;}
	.contact_list{ padding: 35px 0;}
	.case_haer .hh{ width: 100%;}
	.case_haer .cont img{ margin-top: 3%;}
	.about_m .tit{ padding: 30px 0 60px 0;}
	.ess_page .content h1{ font-size: 34px; padding-top: 76px;}
	.ess_page .content p{font-size: 15px; line-height: 30px; margin-top: 20px;}
	.case_page .page_foor .center b{ height: 170px;}
	.case_page .page_foor .left h1 , .case_page .page_foor .right h1{ font-size: 20px;}
	.case_page .page_foor .left b , .case_page .page_foor .right b{width: 35px;height: 3px;margin: 12px 0 22px 0;}
	.sidepage img{ width: 100%;}
	.sideCont .sideRight h1{ font-size: 30px;}
	.sideCont .sideRight h2{ font-size: 16px;}
	.sideCont .sideRight p{ font-size: 14px; line-height: 23px; width: 90%;}
	.sideCont .sideRight .dd ul li span{ font-size: 24px;}
	.sideCont .sideLeft img{ width: 562px; height: 525px;}

}

@media screen and (min-width:1020px) and (max-width: 1279px){
	.w1700{ width: 1000px;}
	.aboutr .add ul .dd1{ width: 332px;}
	.aboutr .add{ width: 998px; position: absolute; top: 0; left: 50%; margin-left: -499px;}
	.aboutr .add ul .dd3{ width: 332px;}
	.about_m .tit p{ width: 950px;}
	.about_m .content .mm .cc3{ height: 261.8px;}
	.about_m .content .mm .cc3 h1{ font-size: 24px; padding-top: 40px;}
	.about_m .content .mm .cc3 b{ margin: 25px 0 40px 0;}
	.vision .content h1{ padding-top: 70px;}
	.about_m .content .frg{ padding: 20px 5%;}
	.about_m .content .frg p{ font-size: 14px;}
	.platy .yy{ display: none;}
	.platy .cont .nn h1{ font-size: 18px;}
	.join .join_left{ width: 210px; padding: 0 30px;}
	.join .join_right{ width: 680px;}
	.join .join_right .bd p{ font-size: 16px;}
	.client .cl_left{ width: 450px;}
	.client .cl_right{ width: 500px;}
	.client .cl_right ul li a{ width: 165px; height: 90px;}
	.client .cl_right ul li a img{ transform: scale(0.7);}
	.case_haer .cont h1{ padding-top: 12%;}
	.essay_cont .ess_right p{  word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden;}
	.about .about_left h1{ width: 28%; margin-left: 72%;}
	.bann_boot .boot h1{ font-size: 30px;} 
	.bann_boot .boot p{ font-size: 12px; line-height: 24px; margin-right: 30px;}
	.about .about_left h2{ font-size: 24px; margin: 20px 0 15px 0;}
	.about .about_left p{ font-size: 14px; line-height: 24px; word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden;}
	.about .about_left h3{ font-size: 16px; margin: 30px 0 15px 0;}
	.about .about_left .cont img{ margin-top: 40px;}
	.work ul li{ width: 249.25px;}
	.work ul li h1{ font-size: 20px;}
	.indexCon1 ul li .wen h2{font-size: 16px;}
	.indexCon1 ul li .wen p{font-size: 12px;}
	.indexCon1 ul li .wen span{ margin-top: 7%;}
	.case .title h1{ font-size: 24px;}
	.case .title ul{ margin-top: 10px;}
	.case .title ul li{ width: 110px;}
	.advan .adv_cont ul li a img{ transform: scale(0.8);}
	.news .titl h1{ font-size: 24px;}
	.news_right{ width: 57%;}
	.news_right ul li p{ word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden;}
	.news_right ul li:first-child{ margin-bottom: 32px;}
	.news_right ul li:nth-child(2){ margin-bottom: 32px;}
	.news_right ul .nn2 p{ width: 100%;}
	.banneR .bd ul li .tit p{ width: 900px; font-size: 40px; line-height: 80px;}
	.work ul li .pager b{ word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 4; overflow : hidden;}
	.case_page .page_foor .left p{ font-size: 14px; word-bread : break-all; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp: 2; overflow : hidden;}
	.cas_cont .content img{ width: 80%;}
	.ess_cont .es_left p{ font-size: 15px;}
	.foot .footr ul li a{ height: 30px; overflow: hidden;}
	.moren h2{ font-size: 100px; padding-top: 30%;}
	.moren p{ font-size: 55px;}
	.show .w_list ul li{ width: 190px;}
	.show .w_list h3{ font-size: 20px; font-weight: 600; color: #d0d7ef; line-height: 36px; margin: 29px 0;}
	.show .w_list .ww{ width: 152px; height: 130px; padding: 20px;}
	.show .v_list ul li{ width: 98px; height: 98px; margin-right: 20px;}
	.show .v_list ul li a{ height: 70px;}
	.show .v_list ul li a img{ transform: scale(0.7);}
	.show h1{ font-size: 80px; padding-top: 20%;}
	.show h2{ font-size: 40px;}
	.show p{ font-size: 17px;}
	.moren5 .cc .ff ul li h3{ font-size: 18px;}
	.moren5 .cc h1{ padding-top: 15%;} 
	.essay_cont .ess_right h1{ font-size: 17px;}
	#case_cur .tit_mm ul li{ width: 140px; margin-right: 20px;}
	.ess_page .content h1{ font-size: 30px;}
	.contact .content ul li .erwei{ position: absolute; top: 10%; margin-top: 0; right: 8%;}
	.contact_list ul li{ width: 32%;}
	.indexCon1 ul li{width: 32%; margin-top: 2.5%; margin-right: 2%;}
	.indexCon1 ul li:nth-child(4n){ margin-right: 2%;}
	.indexCon1 ul li:nth-child(3n){ margin-right: 0;}
	.platy .cont .kk p{  font-size: 24px; margin-right: 80px;}
	.news_banner{ width: 550px; height: 420px; overflow: hidden;}
}

@media screen and (min-width:960px) and (max-width: 1020px){
	
}