﻿@Media screen and (max-width: 1400px){
.index_case .case_ul li .li_con .li_cover .li_title{font-size: 22px;}
.index_case .case_ul li:nth-child(n+3) .li_con .li_cover .li_title{margin:25% auto auto auto;}
.index_gallery .con .gallery_ul li .li_con .li_title{font-size: 22px;line-height: 22px;}

.index_about .title_con{font-size: 38px;line-height: 38px;}
.index_about .title_con .en_title{font-size: 45px;line-height: 45px;}
.index_about .data_ul li .data_con .data{font-size: 55px;}

.about_part_2 .about_con_2 .title{font-size: 30px;line-height: 30px;}
.about_part_2 .about_con_2 .title .btit{font-size: 42px;line-height: 42px;}

.about_environment .right_con .line{margin-top: 30px;}
.about_environment .right_con .cn_title{margin-top: 40px;}
.about_environment .right_con .control_con{margin-top: 60px;}
.about_environment .right_con .des{margin-top: 40px;}

.about_advantage .advantage_con .en_title{font-size: 36px;line-height: 40px;}
.about_advantage .advantage_con .cn_title{font-size: 32px;line-height: 32px;margin-top: 30px;}
.about_advantage .advantage_con .advantage_ul{margin-top: 40px;}

.worksystem_ul li .li_con .li_des_con .li_title{font-size: 30px;line-height: 30px;}

.list_news .box .text{padding-top: 15px;}
.list_news .box .text .title{font-size: 20px;}
.list_news .box .text .bot .time strong{font-size: 30px}
.list_news .box .text .line{margin-top: 25px;}

.contact .tel_con li .li_con span{font-size: 35px;line-height: 35px;}
.contact .map{width:750px;height:750px;bottom:-150px;}
.contact .tel_con li .li_con span{font-size: 28px;}
.contact .tel_con li{padding-left: 40px;}
.contact .other_con{padding-left: 40px;}
.contact .other_con li .li_text{font-size: 16px;}

.case_con li .li_title{margin-top: 20px;}
.case_con li .li_title a{font-size: 20px;line-height: 20px;}
.case_con li .li_area{margin-top: 15px;font-size: 16px;line-height: 16px;}
.gallery .gallery_ul li .li_title a{font-size: 20px;line-height: 20px}
}

@Media screen and (max-width: 1200px){

.jch_head .con .nav_con .nav_ul li{margin-right: 20px;}
.jch_head .con .nav_con .language{margin-right: 30px;}

.index_case .case_ul li .li_con .li_cover .li_title{font-size: 18px;line-height: 25px;}
.index_gallery .con .gallery_ul li .li_con .li_title{font-size: 20px;line-height: 20px;}

.index_about .title_con{font-size: 30px;line-height: 30px;}
.index_about .title_con .en_title{font-size: 36px;line-height: 36px;}
.index_about .data_ul li .data_con .data{font-size: 42px;}
.index_about .data_ul li{font-size: 20px;line-height: 20px;padding:0px 30px;}
.index_about .data_ul li .data_con{font-size: 22px;}
.index_about .index_about_con .slogan{font-size: 18px;line-height: 18px;}
.index_about .index_about_honor .honor_ul li{padding:32px 10px 20px 10px;}

.index_news .con .right_news_con .first_news_con{margin-bottom: 20px;padding-bottom: 20px;}
.index_news .con .right_news_con .first_news_con .first_right_con .first_title{font-size: 18px;height:18px;line-height: 18px;margin-top: 0px;}
.index_news .con .right_news_con .first_news_con .first_right_con .first_des{margin-top: 5px;}
.index_news .con .right_news_con .other_news_con{width:47%;}

.main_bottom .con .ewm{margin-left: 2%}
.main_bottom .con .center_con{margin-left: 2%}

.about_part_2 .about_con_2 .title{font-size: 28px;line-height: 28px;}
.about_part_2 .about_con_2 .title .btit{font-size: 35px;line-height:35px;}

.about_environment .right_con .title{font-size: 30px;line-height: 35px;}
.about_environment .right_con .line{margin-top: 20px;}
.about_environment .right_con .cn_title{margin-top: 40px;line-height: 30px;font-size: 30px;}
.about_environment .right_con .control_con{margin-top: 40px;}

.about_advantage .advantage_con .advantage_ul li .des{min-height: 112px;}
.about_advantage .advantage_con{width:68%;}

.advantage .advantage_ul li .li_con{padding:40px 30px 10px 30px;}
.advantage .advantage_ul li .li_con .li_title{font-size: 26px;line-height: 26px;}
.advantage .advantage_ul li .li_con .li_line{margin-top: 35px;}
.advantage .advantage_ul li .li_con .li_des{margin-top: 25px;line-height: 32px;font-size: 15px;}

.worksystem_ul li .li_con .li_des_con{padding:25px 28px 10px 28px;}
.worksystem_ul li .li_con .li_des_con .li_title{font-size: 22px;line-height: 22px;}
.worksystem_ul li .li_con .li_des_con .li_des{font-size: 15px;}

.contact .map{width:600px;height:600px;bottom:-70px;right:-70px;}

.case_con li .li_title a{font-size: 18px;line-height: 18px;}
}

@Media screen and (max-width: 1000px){
.jch_head{height:60px;}
.jch_head .con .logo{margin-top: 1px;height:58px;width:65px;}
.jch_head .con .nav_con{margin-top: 7px}
.jch_head .con .nav_con .nav_ul{display: none;}
.jch_head .con .nav_con .sou_con{margin-top: 10px;}
.jch_head .con .nav_con .language{margin-top: 10px;}
.about .about_pic{width:45%;}
.nav_more{display: block; position: relative;width: 45px;height: 40px;float: right;cursor: pointer;opacity: 0.9;margin-bottom: 0.1rem;margin-left: 30px;}
.nav_more span{display: block;position: absolute;height: 4px;top: 22px;left: 8px;right: 0px;background-color: #3F2A28}
.nav_more span:before,.nav_more span:after{content:"";display: block;position: absolute;width: 100%;height: 4px;background: #3F2A28;}
.nav_more span:before{top: -10px;}
.nav_more span:after{bottom: -10px;}
.m_main_nav{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999;display:none;}
.m_main_nav ul{width:100%;height:100%;position:absolute;left:0px;top:0px;width:0%;text-align: left;background: rgba(66,44,41,0.9);}
.m_main_nav ul li{font-size:16px;line-height: 50px;overflow:hidden;width:100%;padding-left: 10px;box-sizing: border-box;}
.m_main_nav ul li.li_title{font-size: 18px;color:#ffffff;border-bottom:1px solid #ffffff;overflow: visible;}
.m_main_nav ul li .first_nav{height:50px;border-bottom:1px solid #ffffff;}
.m_main_nav ul li .first_nav .f_nav_title{width:calc(100% - 40px);float:left;height: 50px;overflow: hidden;}
.m_main_nav ul li .first_nav .arrow{width:40px;height:50px;float:right;transition: 0.3s;text-align: center;}
.m_main_nav ul li .first_nav .arrow i{transition: 0.3s;display: block;}
.m_main_nav ul li .first_nav .arrow.up{transform: rotate(180deg);}
.m_main_nav ul li .sec_nav{padding:0px 15px;box-sizing: border-box;transition: 0.4s;display: none;}
.m_main_nav ul li .sec_nav .sec_nav_list{height:45px;border-bottom: 1px dashed #ffffff;line-height: 45px;font-size: 14px;width:100%;display: block;}
.m_main_nav ul li a{color:white;}
.m_main_nav ul li .clo{width:50px;height:50px;display: block;float:right;margin-right: -50px;background: rgba(66,44,41,0.6);text-align: center;}
.m_main_nav ul li .clo i{color:#ffffff;font-size: 28px;}

.main_bottom .con .left_link{display: none;}
.contact .tel_con li .li_con span{font-size: 22px;}
.contact .tel_con li{padding-left: 20px;}
.contact .other_con{padding-left: 20px;}
.contact .map{width:500px;height:500px;bottom:-70px;right:-70px;}

}

@Media screen and (max-width: 768px){
.index_title .title_h2{font-size: 20px;line-height: 20px;}
.index_case{margin:40px auto auto auto;text-align: left}
.index_cate li{font-size: 16px;margin-left: 1%;width:31.5%;height:40px;text-align: center;background:rgba(82,63,61,0.9);color:#ffffff;line-height: 40px;margin-bottom: 6px;}
.index_cate li:nth-child(2n){display: none;}
.index_cate li a{display: block;color:#ffffff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.index_cate li:nth-child(6n+1){margin-left: auto;}
.index_case .case_ul li:first-child{width:100%;float:none;margin-bottom: 10px}
.index_case .case_ul li .li_con .li_cover{bottom:0px;}
.index_case .case_ul li:nth-child(2){width:100%;margin-bottom: 10px;}
.index_case .case_ul li:nth-child(n+3){width:49%;}

.index_gallery .con .gallery_ul li.li_1{width:100%;}
.index_gallery .con .gallery_ul li.li_2{width:49.25%;float:left;}
.index_gallery .con .gallery_ul li.li_2 .li_pic{padding-top:76.64%;}
.index_gallery .con .gallery_ul li.li_3{width:49.25%;float:right;}
.index_gallery .con .gallery_ul li.li_3 .li_pic{padding-top:76.64%;}
.index_gallery .con .gallery_ul li.li_4{width:49.25%;margin-right: auto;}
.index_gallery .con .gallery_ul li.li_5{float:right;}

.index_about{margin-top: 50px;}
.index_about .title_con{float:none;}
.index_about .data_ul{float:none;margin-top: 40px;}
.index_about .index_about_con{width:100%;float:none;}
.index_about .index_about_honor{width:100%;float:none;}
.index_about .index_about_honor .honor_ul li{padding:32px 40px 20px 40px;}

.index_news .con .left_pic{display: none;}
.index_news .con .right_news_con{width:100%;}
.index_news .con .right_news_con .other_news_con{width:100%;}

.about .about_pic{width:100%;margin-top: 30px;float:none;}
.about_part_2 .about_pic2{width:100%;}
.about_part_2 .about_con_2{width:100%;margin-top: 30px;}
.about_part_2 .about_con_2 .title{font-size: 22px;line-height: 22px;}
.about_part_2 .about_con_2 .title .btit{font-size: 30px;}

.about_environment .left_pic{width:100%;padding-top: 49%;margin-top: 10px;}
.about_environment .right_con{width:100%;}

.about_advantage .advantage_con{width:100%;}
.about_advantage .advantage_con .advantage_ul li{width:49%;margin-right: auto;margin-bottom: 10px;}
.about_advantage .advantage_con .advantage_ul li:nth-child(2n){float:right;}


.main_bottom .con .bot_su_line{display: none;}
.main_bottom .con .center_con{width:100%;margin-left: 0px;float:none;}
.main_bottom .con .ewm{margin-left: 0px;float:none;margin-top: 15px;}

.m_cate_con{background-color:#523F3D;margin-top: 30px;}
.m_cate_con .cate_title_con{padding:0 3%;height:42px;border-bottom:1px solid #ffffff;color:#999999;font-weight: bold;font-size: 16px;line-height: 42px;display: block;}
.m_cate_con .cate_title_con .show_cate_btn{display: block;float:right;}
.m_cate_con .cate_title_con .show_cate_btn i{color:#ffffff;}
.inner_cate{margin:auto auto auto auto;height:0px;overflow: hidden;transition:height 2s ease-in;text-align: left;}
.inner_cate li{display:block;margin-left: auto;font-size: 15px;padding-left: 10%;margin-bottom: 0px;border-bottom:1px solid #666666;height:40px;line-height: 40px;padding-bottom: 0px;margin-bottom: 0px}
.inner_cate li:hover{border-bottom:1px solid #666666;}
.inner_cate li:last-child{border:0px;}
.inner_cate li a{color:#eeeeee;}
.inner_cate li.on{border-bottom:1px solid #666666;}
.inner_cate li.on a{color:#999999;}
.inner_cate li:nth-child(2n){display: none;}
.inner_cate.show{height:auto;}

.advantage .advantage_ul li .li_pic{width:50%;}
.advantage .advantage_ul li .li_con{width:50%;}

.worksystem_ul li{width:100%;}

.list_news .box .text{width:66%;}
.list_news .box .text .title{font-size: 16px;}
.list_news .box .text .des{-webkit-line-clamp:2;line-height: 1.5;font-size: 14px;margin-top: 2px;}
.list_news .box .text .line{margin-top: 5px;}
.list_news .box .text .bot{margin-top: 5px;}
.list_news .box .text .bot .time{font-size: 14px;}
.list_news .box .text .bot .time strong{font-size: 18px;}
.list_news .box .text .bot .more{margin-top: 0px;font-size: 14px;}
.list_news .box .text .line{border-bottom: 1px solid #cccccc}
.list_news .box:hover .text .line{border-bottom: 1px solid #333;}

.contact{height:auto;}
.contact .tel_con{width:100%;}
.contact .tel_con li .li_con{margin-top: 20px;}
.contact .tel_con li .li_con span{font-size: 20px;margin-bottom: 10px;}
.contact .other_con{width:100%;box-sizing: border-box;margin-top: 40px;}
.contact .map{position:static;width:100%;height:500px;bottom:0px;right:0px;border-radius: 0px}

.case_con li .li_title a{font-size: 16px;line-height: 16px;}
.case_con li .li_area{font-size: 14px;line-height: 14px;}

.gallery .gallery_ul{margin-top: 30px;}
.gallery .gallery_ul li{width:49%;margin-right: auto;}
.gallery .gallery_ul li:nth-child(2n){float:right;}

.dede_pages{text-align: center;margin:40px auto auto auto;}
.dede_pages a{width:30px;height:25px;line-height: 25px;font-size: 14px;margin-bottom: 10px;}
.dede_pages .current{width:30px;height:25px;line-height: 25px;font-size: 14px;color:white;background-color: #422C29;display: inline-block;margin-bottom: 0px;margin-left:5px;border:1px solid #422C29;}
.dede_pages .num{width:30px;height:25px;line-height: 25px;padding-top:0px;font-size: 14px;color:#333333;background-color: white;display: inline-block;float:none;margin-bottom: 0px;margin-left:15px;}
.dede_pages .num:hover{background-color: #422C29;color:white; }
.dede_pages .next{width:50px;height:25px;line-height: 25px;font-size: 14px;margin-top: auto;padding-top:0px;color:white;background-color: #422C29;display: inline-block;float:none;text-align: center;margin-bottom: 0px;margin-left:15px;}
.dede_pages .prev{width:50px;height:25px;line-height: 25px;font-size: 14px;padding-top:0px;color:white;background-color: #422C29;display: inline-block;float:none;text-align: center;margin-bottom: 0px;}

.m_foot{width:100%;position:fixed;height:40px;background-color:#56A343;display: block;bottom:0;left:0;padding:2px 0;z-index: 998;}
.m_foot li{width:33.33%;float:left;position: relative;}
.m_foot li .img{display: block;width:25px;height:25px;margin:auto;}
.m_foot li .ewm{width:80px;height:80px;position: absolute;top:-80px;left:7px;display: none;}
.m_foot li span{display: block;text-align: center;font-size:13px;color:#ffffff;line-height: 14px;}

}

@Media screen and (max-width: 480px){
.index_case .case_ul li .li_con .li_cover .li_title{font-size: 16px;}
.index_case .case_ul li:nth-child(n+3) .li_con .li_cover .li_title{margin:15% auto auto auto }
.index_case .case_ul li .li_con .li_cover .li_more{width:120px;height:38px;line-height: 38px;font-size: 14px;}
.index_about{margin-top: 40px;}
.index_about .title_con{font-size: 18px;line-height: 18px;}
.index_about .title_con .en_title{font-size: 20px;line-height: 20px;}
.index_about .data_ul li .data_con .data{font-size: 32px;}
.index_about .data_ul li{font-size: 16px;line-height: 16px;padding:0px 15px;}
.index_about .data_ul li .data_con{font-size: 18px;}
.index_about .index_about_con{margin-top: 30px;}
.index_about .index_about_con .about_text p{line-height: 30px;font-size: 14px;}
.index_about .index_about_con .slogan{font-size: 14px;line-height: 18px;}
.index_about .index_about_honor{width:80%;margin:15px auto auto auto;}
.index_about .index_about_honor .honor_ul li{padding:32px 40px 20px 40px;}

.client{margin:40px auto auto auto;}
.client .title_con{font-size: 20px;line-height: 20px;}

.index_gallery{padding:40px 0px 20px 0px;margin-top: 40px;}
.index_gallery .con .gallery_ul li{margin-bottom: 20px}
.index_gallery .con .gallery_ul li .li_con .li_title{font-size: 18px;line-height: 18px;}
.index_gallery .con .gallery_ul li .li_con{height:60px;margin-top: 15px;}
.index_gallery .con .gallery_ul li .li_con .li_line{margin-top: 10px;}
.index_gallery .con .gallery_ul li .li_con .li_des{margin-top: 12px;}
.index_gallery .con .gallery_ul li .li_con .li_more{width:40px;height:40px;opacity:1;line-height: 40px;}
.index_gallery .con .gallery_ul li .li_con .li_more i{font-size: 25px;}
.index_gallery .con .gallery_ul li .li_con .li_des{font-size: 15px;}

.index_news .con .right_news_con{padding:20px 10px;}
.index_news .con .right_news_con .first_news_con .first_right_con .first_title{font-size: 15px;height:16px;line-height: 16px;}
.index_news .con .right_news_con .first_news_con .first_right_con .first_des{height:36px;line-height: 18px;font-size: 12px;}
.index_news .con .right_news_con .first_news_con .first_right_con .first_date{font-size: 12px;margin-top: 3px;}
.index_news .con .right_news_con .other_news_con{margin:10px auto;}

.index_news{padding:40px 0px;}

.inner_con{margin:30px auto 40px auto;}

.main_bottom{padding:30px 0px 15px 0px;}
.main_bottom .con .center_con .info_list{line-height: 28px;}
.copyright{padding:10px 0px;}
.copyright .con{font-size: 12px;}

.about_line_1{margin-top: 30px;}
.about_part_2{margin-top: 30px;}
.about_part_2 .about_con_2 .title{font-size: 18px;line-height: 18px}
.about_part_2 .about_con_2 .title .btit{font-size: 22px;line-height: 22px;}
.about_part_2 .about_con_2 .about_text p{line-height: 30px;font-size: 14px;}

.about_environment{margin-top: 30px;padding:15px;}
.about_environment .right_con .title{font-size: 20px;line-height: 20px;}
.about_environment .right_con .cn_title{font-size: 20px;line-height: 20px;margin-top: 20px;}
.about_environment .right_con .control_con{margin-top: 30px;}
.about_environment .right_con .des{margin-top: 25px;}


.about_advantage .advantage_con .en_title{font-size: 22px;line-height: 25px;}
.about_advantage .advantage_con .cn_title{font-size: 20px;line-height: 20px;margin-top: 20px;}
.about_advantage .advantage_con .advantage_ul li{padding:20px 0px 10px 0px;}
.about_advantage .advantage_con .advantage_ul li .title{font-size: 18px;line-height: 18px;}

.advantage{margin:30px auto auto auto;}
.advantage .advantage_ul{margin:30px auto auto auto;}
.advantage .advantage_ul li{height:220px;margin-bottom: 20px;}
.advantage .advantage_ul li .li_pic{width:30%;}
.advantage .advantage_ul li .li_con{width:70%;padding:10px 15px 10px 15px;}
.advantage .advantage_ul li .li_con .li_title{font-size: 16px;line-height: 16px;}
.advantage .advantage_ul li .li_con .li_line{margin-top: 10px;}
.advantage .advantage_ul li .li_con .li_des{margin-top: 10px;line-height: 25px;font-size: 13px;}

.worksystem_ul{margin:30px auto auto auto;}
.worksystem_ul li .li_con .li_des_con{padding:10px 20px 1px 20px;height:150px;bottom:-90px;background:rgba(255,255,255,0.9);}
.worksystem_ul li .li_con .li_des_con .li_title{font-size: 18px;line-height: 18px;}
.worksystem_ul li .li_con .li_des_con .li_des{line-height: 26px;font-size: 14px;}

.list_news .box{margin-bottom: 25px;}
.list_news .box .text{padding-top: 0px}
.list_news .box .text .title{font-size: 15px;}

.news_detail{max-width:96%;padding:30px 10px;box-sizing: border-box;margin:15px auto 30px auto;}

.float_box{display: none;}
.max_width2{padding:0px 5px;box-sizing: border-box;}
.case_con{margin:30px auto auto auto;}
.case_con li{padding:0px 5px;margin-bottom: 25px;}
.case_con li:nth-child(n+3){width:50%;}

.gallery{margin:30px auto auto auto;}
.gallery .gallery_ul li{margin-bottom: 20px;}
.gallery .gallery_ul li .li_title a{font-size: 16px;line-height: 16px}
.gallery .gallery_ul li .li_title{margin-top: 15px;}

.honor .honor_ul{width:85%;margin:auto;}
.honor .honor_ul li{background-color: #F5F5F5;width:90%;}
.honor .honor_ul li .pic{width:100%;padding-top: 139%;overflow: hidden;position: relative;}
.honor .honor_ul li .pic img{width:100%;min-height: 100%;position: absolute;left:0;top:0;z-index: 0}
.honor .honor_ul li .honor_title{font-size: 14px;line-height: 16px;color:#363636;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin-top: 12px;text-align: center;padding-bottom: 10px;}
.honor .prev_honor{top:100px;}
.honor .prev_honor i{font-size: 20px;}
.honor .next_honor{top:100px;}
.honor .next_honor i{font-size: 20px;}

.myfooter {
	height: 4em;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 999;
	bottom: 0;
	background: #422C29;
	display: block;
}

.myfooter li {
	width: 33.3%;
	float: left;
	position: relative;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	line-height: 1em;
	height: 5.33em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,0.2);
}

.myfooter li:last-child:before {
	height: 0;
}

.myfooter li em {
	width: 28.125%;
	display: block;
	margin: 0 auto 0.2em auto;
	padding: 0.3em 0 0.10em 0;
}

.myfooter li em img {
	width: 28px;
	height: auto;
}
.myfooter li .ewm{width:50px;height:50px;margin-top: 3px}
.myfooter li a {
	color: #fff;
}

}

