/* CSS Document */
/* layout */
.container {padding: 0 1rem;}

.widpre16{width:16.666666%; float: left;}
.widpre20{width:20%; float: left;}
.widpre25{width:25%; float: left;}
.widpre30{width:30%;float: left;}
.widpre33{width:33.333333%;float: left;}
.widpre50{width:50%;float: left;}
.widpre60{width:60%;float: left;}
.widpre66{width:66.666666%;float: left;}
.widpre75{width:75%;float: left;}
.widpre80{width:80%;float: left;}

.rowmar{ margin-left: -1rem; margin-right: -1rem; clear: both; overflow: hidden;}
.padlr10{padding: 0 1rem;}

.colone,.coltwo,.colthree,.colfour,.colfive,.colsix,.cola,.colb,.colc{ width:100%;min-height:1px;padding-left: 1rem;padding-right: 1rem;float: left;}

.br_hide,.br_show{font-size: 0;}
.br_hide,#navbtn,#navtel{ display: none;}
.br_show{ display: block;}


@media (min-width:768px) {
	
}

@media (min-width:1020px) {
	.container {width: 100%;}
	.colone{ width:66.666666%;}
	.coltwo{ width:50%;}
	.colthree{ width:33.333333%;}
	.colfour{ width:50%;}
	.colfive{ width:50%;}	
	.colsix{ width:50%;}	
}
@media (min-width:1280px) {
	.container {width: 1200px;padding: 0;}
	.colone{ width:66.666666%;}
	.coltwo{ width:50%;}
	.colthree{ width:33.333333%;}
	.colfour{ width:25%;}
	.colfive{ width:20%;}
	.colsix{ width:16.666666%;}
	
	.cola{ width:60%;}
	.colb{ width:40%;}
	.colc{ width:30%;}
}

@media (min-width:1360px) {
	.container {width: 1260px;padding: 0;}
	.colone{ width:66.666666%;}
	.coltwo{ width:50%;}
	.colthree{ width:33.333333%;}
	.colfour{ width:25%;}
	.colfive{ width:20%;}
	.colsix{ width:16.666666%;}

}
@media (min-width:1500px) {
	.container {width: 1360px;padding: 0;}
	.colone{ width:66.666666%;}
	.coltwo{ width:50%;}
	.colthree{ width:33.333333%;}
	.colfour{ width:25%;}
	.colfive{ width:20%;}
	.colsix{ width:16.666666%;}

}
/* max-width */
@media screen and (max-width: 1500px){	
	.slide_image li .slide_box{ padding-top: 8rem;}
	.slide_image li .slide_box h2{font-size: 4.3rem; margin-top: 5rem; margin-bottom: 2rem;}
	.slide_image li .slide_box h3{font-size: 2.6rem;}
 	
}

@media screen and (max-width: 1360px){
	.slide_image li .slide_box{ padding-top: 6rem;}
	.menu > ul > li > a{padding:0px 20px;}
}

@media screen and (max-width: 1280px){
	.menu > ul > li > a{padding:0px 16px;}
	
	.slide_image li .slide_box{ padding-top: 5.5rem;}
	.slide_image li .slide_box h2{font-size: 3.6rem; margin-top: 2.5rem; margin-bottom: 1rem;}
	.slide_image li .slide_box h3{font-size: 2.4rem;}
	
	.ban_pic h2{font-size:3.8rem;padding:70px 0 10px;}
	.ban_pic h3{font-size: 2.0rem;padding:0 0 90px;}
	/*hawkeye*/
	.hawkeye_a .section_con ul li .item{padding:20px 20px; border-radius: 10px;}
	.hawkeye_a .section_con ul li.hawkeye_ab {top: 13rem;}
	.hawkeye_a .section_con ul li.hawkeye_ac {top: 26rem;}
	.hawkeye_a .section_con ul li.hawkeye_ae {top: 13rem; }
	
	/*phone*/
	.phone_a .section_con ul li p{font-size: 1.6rem;}
	
	/*contact*/
	.contact .contact_con ul li .item .item_ico .ico_con i{ font-size: 5rem;  }
	.contact .contact_con ul li .item .item_con .con_text p{font-size:1.5rem; }
	
}


@media screen and (max-width: 1020px){
	.header {height:60px;}
	.kong_div{height:60px;}	
	.header .logo {height:60px; line-height: 60px; text-align: center;}
	.header .logo img{ max-height: 40px;}
	
	.header .container{padding: 0; }
	.header .menu{ display: none; position: relative;padding:0; right: 0; top:0;z-index: 999; height: auto;}
	.menu > ul > li{float: none;margin: 0;background-color:#1c6ac9; text-align:center; width: 100%;line-height:39px;height:auto; font-size: 16px;}
	.menu > ul > li > a{display:block;width:100%;padding:0; color: #FFF;line-height:39px;height:39px;border-bottom: 1px solid rgba(255,255,255,0.3);}
	.menu > ul > li > a:hover{color: #FF0; }
	.menu > ul > li > ul{position:relative;z-index:999;top:0px;right: 0; left:0;background:rgba(255,255,255,1);margin-left:0; display: none;border-top:none;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); height: auto; width: 100%}	
	.menu > ul > li:before {width: 0px; }
	
	.menu > ul > li > ul > li > a:hover{background:#f2f2f2; color: #EC6900;}

	#navbtn{position: absolute;top:50%;right:1rem;display:block;overflow:hidden; cursor: pointer; margin-top: -9px;}
	#navbtn .navbar{position: relative;}
	#navbtn .navbar span{width: 26px; height: 2px; content:"";border-radius: 1px; display: block; background-color: #1c6ac9;margin: 6px 0;}
	#navbtn .navbar:before,#navbtn .navbar:after{display: block;width: 26px; height: 2px;margin: 0;background: #1c6ac9;border-radius: 1px;content:"";-webkit-transition: -webkit-transform .2s ease-in-out;-o-transition: -o-transform .2s ease-in-out;transition: transform .2s ease-in-out;-webkit-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
	
	#navbtn.collapsed .navbar span{opacity: 0}
	#navbtn.collapsed .navbar:before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: 8%;-ms-transform-origin: 8%;-o-transform-origin: 8%;transform-origin: 8%;}
	#navbtn.collapsed .navbar:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin: 8%;	-ms-transform-origin: 8%;-o-transform-origin: 8%;transform-origin: 8%;}
	#navbtn i{font-size: 32px; color: #1c6ac9;}
	
	#navtel{position: absolute;top:50%;left:1rem;display:block;overflow:hidden; cursor: pointer;width: 32px; height: 32px;line-height: 32px;border:1px solid #1c6ac9; margin-top: -16px; text-align: center; border-radius: 50%;}
	#navtel i{font-size: 20px; color: #1c6ac9;}

	.menu b{display: none}
	
	.menu > ul > li:before {position: absolute; content: "";bottom:0;left:50%; width: 0; height: 1px; background-color: #fff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.menu > ul > li:hover:before {width: 100%;left:0; }
	
	.slide_image li .slide_box{ padding-top: 3rem;}
	.slide_image li .slide_box h2{font-size: 2.6rem; margin-top: 2rem; margin-bottom: 0.5rem;}
	.slide_image li .slide_box h3{font-size: 2.0rem;}
	.slide_image li .slide_box .slide_phone h2{font-size: 4rem;  }
	.slide_image li .slide_box .slide_web h2{font-size: 5rem;  }
    
	/*hawkeye*/
	
	.hawkeye_a .section_con {padding: 10px 0;}
	.hawkeye_a .section_con img{display: none;}
	.hawkeye_a .section_con ul li {width: 100%;position:static;  top: 0; left:0; margin-bottom: 2rem; }
	.hawkeye_a .section_con ul li .item{padding:20px 20px; border-radius: 0;min-height: 11rem;}
	
	/*phone*/
	.phonepic .slide_phone h2{padding:80px 0 10px;}
	.phonepic .slide_phone h3{padding:0 0 80px;}
}


@media screen and (max-width: 768px){
	html{font-size:55%;}
	
	.footer .br_hide {display: block;}
	
 	.section_tit{margin-bottom:1rem;}
	.section_tit h2{font-size: 3.2rem;margin-bottom: 1rem; }
	.section_tit p{font-size: 1.4rem; }
	
	/* menu */
	.menu > ul > li:nth-child(3) > a{ cursor:pointer;pointer-events: none;}
	.menu > ul > li:nth-child(4) > a{ cursor:pointer;pointer-events: none;}
	.menu > ul > li:nth-child(6) > a{ cursor:pointer;pointer-events: none;}
	.menu > ul > li:nth-child(7) > a{ cursor:pointer;pointer-events: none;}
	
	/* index home */
	.slide_image li .slide_box{ padding-top: 3rem;}
	.slide_image li .slide_box h2{font-size: 1.6rem; margin-top: 3rem; margin-bottom: 0.5rem;}
	.slide_image li .slide_box h3{font-size: 1.2rem;}
	.slide_image li .slide_box .slide_phone h2{font-size: 2rem;  margin-top: 0.5rem; }
	.slide_image li .slide_box .slide_web h2{font-size: 3rem; margin-top: 0rem; }
	
	.slide_image li .slide_box .slide_left{width: 38%;padding-top: 0.5rem}
	.slide_image li .slide_box .slide_right{width: 62%; }
	.slide_image li .slide_box .slide_right h2{margin-top: 1.5rem;}
	.slide_image li .slide_box .slide_btn{display: none;}
	
	.slide_icon .btn_prev,.slide_icon .btn_next {margin-top:-20px;left:10px;width:20px;height:38px; border-radius: 3px;}
	.slide_icon i{font-size: 20px;height:38px; }

	.slide_icon .btn_next {left: auto; right:10px;}
	.slide_num {bottom:10px;}
    .slide_num ul li{width:6px;height:6px;}
	.slide_num ul li.active {width:12px;}
	
	.sectiona{padding: 30px 0 10px; background-color: #f8f8f8;}
	.sectiona .section_con ul li .item{margin:0 0 20px 0;padding:10px 0 20px; border-radius: 10px;}
	
	.sectionb{padding: 30px 0;}
	.sectionb .section_con .sectionb_ren{width: 100%}
	.sectionb .section_con .sectionb_ren img{display: none;}
	.sectionb .section_con ul li{margin-bottom: 0;position: relative; width: 100%; float:none; padding: 15px 0}
	.sectionb .section_con ul li .item .item_ico{ width: 35%;}
	.sectionb .section_con ul li .item .item_ico i{font-size:5rem; }
	.sectionb .section_con ul li .item .item_con{ width: 60%; }
	.sectionb .section_con ul li .item .item_con h3{;font-size: 1.8rem;margin-bottom: 0.5rem;}

	.sectionb .section_con ul li.item_01{ top:inherit;left:inherit; }
	.sectionb .section_con ul li.item_02{ top:inherit; left:inherit; margin-top:0;}
	.sectionb .section_con ul li.item_03{ bottom:inherit;left:inherit; }
	.sectionb .section_con ul li.item_04{ top:inherit; left:inherit; }
	.sectionb .section_con ul li.item_05{ top:inherit; left: inherit; margin-top: 0;}
	.sectionb .section_con ul li.item_06{ bottom:inherit; left:inherit; }
	.sectionb .section_con ul li:nth-child(2n){ background-color:rgba(255,255,255,0.10);}

	.sectionc{padding: 30px 0 10px;}
	.sectionc .section_con ul li .item .item_ico .ico_con i{ font-size: 5rem; }
	.sectiond{padding: 30px 0;}
	.sectiond .colfour{width:50%;}
	
	.sectione{padding: 30px 0;}
	.sectione .section_con .section_tab_box .tab_tit ul li{margin: 0 2px;padding: 0 13px;font-size: 1.4rem; }
	.sectione .section_con .section_tab_box .tab_con{padding-top: 0; }
	
	.case_list .colfour{width:50%;}
	
	.home_news ul li .item .date{ left: 0px; top: 0; width: 60px;line-height: 30px;}
	.home_news ul li .item .date span{height: 35px;line-height: 38px; font-size: 3rem;}
	.home_news ul li .item .date span b {display: block;height: 35px;}
	.home_news ul li .item .date span em { left: 0; top: 35px;}
	.home_news ul li:hover .item span em{ top: 0; height: 35px;  }

	.home_news ul li .item .text {margin-left: 70px;}
	.home_news ul li .item .text h3{ font-size: 1.6rem; margin-top: 5px}
	.home_news ul li .item .text p{line-height: 25px;height: 25px;-webkit-line-clamp:1;}
	
	.sectione .section_con .section_tab_box .tab_con .index_news{padding:10px 20px 0; margin-bottom: 10px;}
	.sectione .section_con .section_tab_box .tab_con .index_news .pic_index{margin-top: 10px;}
	.sectione .section_con .section_tab_box .tab_con .index_news .item .date{display: none;}
	.sectione .section_con .section_tab_box .tab_con .index_news .item .text {margin-left: 0;}

	.ban_pic h2{font-size:2.4rem;padding:30px 0 10px;}
	.ban_pic h3{font-size: 1.8rem;padding:0 0 30px;}
	/*hawkeye*/
	
	.hawkeye_a{padding: 30px 0 10px;}
	.hawkeye_a .section_tit h2{font-size: 1.8rem}

	.hawkeye_b{padding: 30px 0 10px;}
	.hawkeye_b .section_con ul li .item .item_ico .ico_con i{ font-size: 5.5rem; }
	
	.hawkeye_c{padding: 30px 0 10px;}
	.hawkeye_c .section_con ul li .item{margin:0 0 20px 0; padding:10px 0 20px;}

	.hawkeye_d{padding: 30px 0 10px;}
	.hawkeye_e{padding: 30px 0 10px;}
	.hawkeye_e .section_con ul li .item{margin:0; padding:10px 0; }
	.hawkeye_e .section_con ul li .item .item_ico{float: left; width: 35%;}
	.hawkeye_e .section_con ul li .item .item_ico .ico_con{margin: 10px auto; }
	.hawkeye_e .section_con ul li .item .item_ico .ico_con i{ font-size: 5.5rem; }
	.hawkeye_e .section_con ul li .item .item_con{float: left;  width: 60%;}
	.hawkeye_e .section_con ul li .item .item_con .con_text{text-align: left;}
	
	/*phone*/
	.phonepic .slide_phone h2{padding:35px 0 10px;}
	.phonepic .slide_phone h3{padding:0 0 35px;}
	
	.phone_a{padding: 30px 0 10px;}
	
	.phone_b{padding: 30px 0 10px;}
	.phone_b .section_con ul li .item .item_ico .ico_con i{ font-size: 5.5rem; }
	
	.phone_c{padding: 30px 0 10px;}
	.phone_c .section_con ul li .item{margin:0 0 20px 0; padding:10px 0 20px;}
	
	.phone_d{padding: 10px 0;}
	
	/*website*/
	.website_a,.website_b,.website_c,.website_d,.website_e{padding: 30px 0 10px;}
	.website_b .section_con ul li .item{margin:0 0 20px 0; padding:10px 0 20px;}
	
	
	/*all_tab*/
	.all_tab .tab_tit{margin:1rem 0 0;}
	.all_tab .tab_tit ul li{ height: 38px; line-height: 36px; margin:0 0.5rem 1rem;font-size: 1.6rem; }
	.all_tab .tab_tit ul li a{padding: 0 15px; }


	.all_area{ padding:10px 0;}
	.all_area .area_tit{margin-bottom:1rem; }
	.all_area .area_tit h2{ font-size:2.8rem; }
	/*news*/
	.news{padding:0 0 10px;}
	.news ul li .item {min-height: 65px; }
	.news ul li .item .date{ left: 0px; top: 0; width: 60px;line-height: 30px;}
	.news ul li .item .date span{height: 35px;line-height: 38px; font-size: 3rem;}
	.news ul li .item .date span b {display: block;height: 35px;}
	.news ul li .item .date span em { left: 0; top: 35px;}
	.news ul li:hover .item span em{ top: 0; height: 35px;  }

	.news ul li .item .text {margin-left: 70px;}
	.news ul li .item .text h3{ font-size: 1.6rem; margin-top: 5px}
	.news ul li .item .text p{line-height: 25px;height: 25px;-webkit-line-clamp:1;}
	
	.news .news_top{padding:10px; margin-bottom: 10px;}
	.news .news_top ul li{position: relative; margin-bottom: 15px; background-color: #fff; padding: 0;}
	.news .news_top ul li .item .text .pic_index{margin-top: 5px;}
	.news .news_top .item .date{display: none;}
	.news .news_top .item .text {margin-left: 0;}
	
	.news .news_list ul li{position: relative; margin-bottom: 20px; background-color: #f8f8f8; padding: 0;}
	
	/* pagemenu */
	.pagemenu a{display: none;}
	.pagemenu a.current {display: inline-block;}
	.pagemenu a:first-child {display: inline-block;}
	.pagemenu a:last-child {display: inline-block;}
	
	/* news_view */
	.news_view h1{ font-size:2rem; padding:10px 0; }
	.news_view .view_bar span{padding:0 10px;}
	.view_next{padding: 10px 0;}
	.view_next ul li a span{display: none;}
	
	/*about*/
	.about .about_con .about_kf{position:static; width: 100%; text-align: center;}
	.about .about_link ul li{display: inline; padding: 0;}
	.about .about_link ul li img{max-width: 25%;margin:5px;}
	.about .about_tit {padding:1rem 0 0; text-align: center;}

	/*history*/
	.history{margin: 3rem 0;}
	.history b{left:10px; top:0; width:0px; height: 102%; }
	.history b i{font-size: 38px; margin-left: -18px; margin-top: -49px;}

	.history .list_left{ margin-right:0}
	.history .list_right{ margin-left:0}

	.history ul li{ padding-top: 20px;}
	.history .icontalk {padding-left:35px; }
	.history .icontalk i{top:50%;margin-top:-8px;left:4px;}
	.history .icontalk .arrow {position:absolute;top:50%;margin-top:-8px;left:27px;border-bottom:8px solid rgba(255,255,255,0.00); border-top:8px solid rgba(255,255,255,0.00); border-left:none; border-right:8px solid #f8f8f8;}
	.history .icontalk .text {padding:2rem; background:#f8f8f8;width:100%; color: #333}
	.history .icontalk .text h3{font-size: 1.8rem; }
	.history .icontalk .text p{color: #666;}

	.history .iconright { padding-left:35px; padding-right:0; }
	.history .iconright .arrow {left:27px;right:0;border-right:none;border-right:8px solid #f8f8f8;}
	.history .iconright i {left:3px;right:auto;}
	.history .iconright .text {float:none;}
	
	/*culture*/
	.culture .culture_box .culture_con{ margin-top: 0;}
	.culture .culture_box .culture_con p{ margin-bottom: 1rem; }
	
	/*jobs*/
	.jobs .jobs_con .jobs_left{width:100%; float: none;}
	.jobs .jobs_con .jobs_right{width:100%; float: none;}
	
	.jobs .jobs_tit {padding:0 0 1rem; text-align: center;}

	/*contact*/
	.contact .contact_hottel .item{width: 100%;padding: 2rem 0 1rem;  }
	.contact .contact_hottel .item h1{font-size: 5rem; font-weight: bold; color: #0091f5;}
	.contact .contact_hottel .item h2{font-size: 2.4rem; }

	.contact_map{height: 30rem;}
	
	/*abouts_all*/
	.abouts_all{padding: 30px 0;}
	.abouts_all .section_con{padding:0;}
	.abouts_all .section_con ul li p:first-child{ margin-top: 0;}
	.abouts_all .section_con .about_pc h3{ margin-bottom: 1.5rem;}
	
	.quickpop .quickpopcon{min-width:inherit; width: 300px;}
	.pop_jobs_box .pop_jobs_text{line-height: 200%;}
	
	/*footer*/
	.footer .other_link span{display: none;}
	
	/*app_a*/
	.app_a{padding: 30px 0;}
	.applink{padding: 30px 0 0;}
	.applink h1{font-size: 3.9rem; text-align: center;}
	.applink .applink_box .app_code{width: 43%; text-align: center;}
	.applink .applink_box .app_os{padding-left: 1.6rem;width: 55%; }
	
	.app_b{padding: 30px 0 10px;}
	.app_b img{margin-bottom: 2rem;}

	.app_b .section_con {padding-top: 10px;}
	.app_b .section_con ul li{margin-bottom: 10px;}
	
	/*card*/
	.card_a{padding: 30px 0 10px; }
	.card_a .section_con {padding-top: 0;}
	.card_a .section_con .card_a_ren{display: none;}
	.card_a .section_con ul li{margin-bottom: 0;position: relative; width: 100%;padding: 0.5rem 0}
	.card_a .section_con ul li .item .item_ico i{font-size:5rem; }
	.card_a .section_con ul li .item .item_con h3{;font-size: 1.8rem;margin-bottom: 0.5rem;}
	
	.card_b{padding: 30px 0 10px;}
	.card_b .section_con{ padding: 10px 0}
	.card_b .section_con ul li .item{margin-bottom: 1rem;}
	.card_b .section_con ul li .item .item_ico{float: left; width: 32%; }
	.card_b .section_con ul li .item .item_ico .ico_con{width:7rem; height:7rem; line-height:7rem; border-radius: 50%;}
	.card_b .section_con ul li .item .item_ico .ico_con i{ font-size: 5rem;}
	.card_b .section_con ul li .item .item_con{ float: left; text-align: left;width: 68%;  }
	.card_b .section_con ul li .item .item_con .con_text h3{line-height: 260%;}
	
	.card_c{padding: 30px 0 0; }	
	.card_c .section_con {padding-top: 1rem;}
	.card_c .section_con .card_c_ren{width: 100%}
	.card_c .section_con .card_c_ren img{display: none;}
	.card_c .section_con ul li{margin-bottom: 0;position: relative; width: 100%; float:none; padding: 0 0 1rem}
	.card_c .section_con ul li .item{background-color: #fff;padding: 1rem 0}
	.card_c .section_con ul li .item .item_ico i{font-size:5rem; }
	.card_c .section_con ul li .item .item_con h3{;font-size: 1.8rem;margin-bottom: 0.5rem;}
	
	.card_c .section_con ul li.item_01{ top:inherit;left:inherit; }
	.card_c .section_con ul li.item_02{ top:inherit; left:inherit; margin-top:0;}
	.card_c .section_con ul li.item_03{ bottom:inherit;left:inherit;margin-top:0; }
	.card_c .section_con ul li.item_04{ top:inherit; left:inherit; }
	.card_c .section_con ul li.item_05{ top:inherit; left: inherit;}
	.card_c .section_con ul li.item_06{ bottom:inherit; left:inherit;  margin-top: 0;}
	.card_c .section_con ul li.item_07{ bottom:inherit; left:inherit; margin-top:0;}
	.card_c .section_con ul li.item_08{ bottom:inherit; left:inherit; }
	
	.card_c .section_con ul li.item_01 .item_ico,
	.card_c .section_con ul li.item_02 .item_ico,
	.card_c .section_con ul li.item_03 .item_ico,
	.card_c .section_con ul li.item_04 .item_ico{float: left;}

	.card_c .section_con ul li.item_01 .item_con,
	.card_c .section_con ul li.item_02 .item_con,
	.card_c .section_con ul li.item_03 .item_con,
	.card_c .section_con ul li.item_04 .item_con{float: left;text-align: left;}
	
	.card_d{padding: 30px 0 10px; }
	.card_d .section_con ul li {margin-bottom: 1rem;}
	
	.message{padding: 2rem;}
	.message ul li {position: relative;}
	.message ul li input,.message ul li textarea{ padding:8px 10px; margin-top: 5px; width:100%;}
	.message ul li img{position: absolute; right: 0.1rem; bottom: 1.1rem; height: 26px;}
	
	
	/* ad_b */
	.midea_b .midea_b_text {margin-bottom: 1rem;}
	.midea_b .midea_b_switch .b_switch_tab ul li{ margin: 0 5px;}
	.midea_b .midea_b_switch .b_switch_tab ul li a{padding: 1rem 2rem; }

	.midea_b .midea_b_switch .b_switch_con {padding: 1rem 0 0;}
	.midea_b .public_b .colsix{width: 33.333333%;}
	.midea_b .public_b ul li .item{margin-bottom: 1rem;}
	
}