/* qhl_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}
body{ font-size:14px; font-family:microsoft yahei; color:#444; text-decoration:none; line-height:180%; background-color:#fff; overflow-x:hidden;}
ul,li{list-style:none;}
.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {  /* 触发 hasLayout */   zoom: 1;  }

img{border:0px;}
.fl{float:left;}
.fr{float:right;}

a{color:#444; text-decoration:none;}
a:hover{ color:#a01113;}

.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

.red{ color:#a01113;}
.blue{ color:#133076;}
.orange{ color:#ec8000;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}

.fes{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.wrapper{ width:1200px; margin:0 auto;}

/*index*/
.topbg{ position: relative; }
.top{/*position: absolute*/; width: 100%; z-index: 5; z-index: 28; background-color:#fff; }
.top .logo{ margin-top:5px;}
/*.top .logo img{ max-height:40px; }*/
.top .line{ font-size: 12px; border-bottom:1px solid rgba(41,131,199,0.5); line-height: 37px;  color:#fff; background-color:#0068b7; background:url(../images/togbg.jpg) no-repeat center center; background-size:100% 100%;  }
.top .line .fr img{ vertical-align:middle; margin-left:10px; height:18px; }
.top .line02{ padding: 10px 0;border-bottom:1px solid #ddd; position: relative; border-top:3px solid #a01113; }
.top .logo02{ display:none;}
.nav{ padding: 18px 0 0; }
.nav .nLi{ float: left;margin: 0 22px; line-height:30px; font-size: 16px; position: relative; }
.nav .nLi h3{ text-align: center; }
.nav .nLi h3>a{ font-weight: bold; font-size: 18px; text-align: center;  }
.nav .nLi h3>a span{ font-size: 12px; opacity: .5; text-transform: uppercase; display:block; line-height: 16px; }
.nav a{ }
.nav .nLi em{ font-weight:bold; padding-left:5px; display: none;}


.nav .sub{ position:absolute; display:none; background-color:#fff;  padding:15px 0 0; z-index: 999; left: -30px;}
.nav .sub li{ line-height:36px; padding:0 40px; font-size:13px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid rgba(150,150,150,0.15); text-align: center;}
.nav .sub li:last-child{ border-bottom:none;}
.nav .sub li:hover{background-color:#eee;}
.nav .sub li a{ /* color:#fff; */}

/*.nav .nLi:last-child .sub{ left: auto; right:0; }*/

.nav .nLi:hover .sub{ display:block;}

.top .line02on{ background-color:#fff; border-bottom:1px solid #ddd; position: fixed; width: 100%; z-index: 30; }
.top .line02on .logo{ display:none; }
.top .line02on .logo02{ display:block; }
.top .line02on .nav{ padding-top:10px;}
.top .line02on .nav a{ color:#666;}

.top .menu{height:100%;width:100px;background:url(../images/menu02.png) no-repeat center center;position:absolute;right:10px;top:0px; /* border-left:1px solid rgba(255,255,255, .2); border-right:1px solid rgba(255,255,255, .2); */}


.banner .swiper-container{ position:relative;}
.banner .banner{background-position: center; background-size: cover; position: relative;  }
.banner .banner .bg{height: 650px; background-position: center; background-size: cover;  transition: all 5s linear; transform: scale(1);}
.banner .banner .bg img{ width:100%; display:block; }
.banner .banner.swiper-slide-active .bg{ transform: scale(1); }
.banner .pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.banner .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #1550b6; opacity:0.8;  margin: 0 5px; cursor: pointer; }
.banner .swiper-active-switch { opacity:1;}
.banner .arrow{position:absolute; width:17px; height:30px; margin-top:-15px; top:50%; padding:30px 5px 30px 5px;}
.banner .swiper-pagination-bullet-active{ background-color: #fff; }




.hometit{margin-bottom:35px; margin-top: 10px;}
.hometit .tit{font-size:42px; color:#000; display:block;}
.hometit .tit span,.hometit .tit div{ line-height:48px; vertical-align:middle; color: #a01113;}
.hometit .tit .en{font-size:42px; color:#666; font-family:Impact; text-transform:uppercase;}


.hometit .tit .more{display:inline-block; font-size:16px; color:#fff; margin-top:20px; position:relative; padding-right:20px;}
.hometit .tit .more span{display:inline-block;}
.hometit .tit .more span.icon{width:9px; height:9px; transition:all 0.5s ease; font-size:0; position:absolute; right:0; top:50%; margin-top:-4px;}
.hometit .tit:hover .more{color:#a01113}

.homeproject{ padding:75px 0;}
.homeproject .conn li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; }
.homeproject .conn .img{ overflow: hidden; }
.homeproject .conn .img img{ transition: .5s;  display: block; width: 100%; }
.homeproject .conn li:nth-child(3n){ margin-right: 0; }
.homeproject .conn .txt{ margin: 15px 0 0; padding-left: 60px; background:url(../images/icon01.png) no-repeat left center; background-size:48px auto; }
.homeproject .conn .tit{ color:#222; font-size: 18px; font-weight: bold; }
.homeproject .conn li:hover .img img{ transform: scale(1.1); }
.homeproject .conn li:hover .tit{ color: #a01113; }

.homeabout{background:url(../images/aboutbg.jpg) no-repeat top center; background-size: cover; padding:75px 0 0; background-attachment:fixed;}
.homeabout .wrapper{display: flex; flex-wrap: wrap; }
.homeabout .box{ background-color: #fff; display: block; width: 33.3%; box-sizing: border-box; padding: 50px 40px 20px; height: 220px;  }
.homeabout .box .tit02{ font-size: 24px; }
.homeabout .box .info{ margin-top: 20px; color:#666; }
.homeabout .box01{ background:transparent; padding:10px 20px 20px; }
.homeabout .box02{ background-color:#a01113; color:#fff; background:url(../images/about03.jpg) no-repeat center center; background-size: cover;}
.homeabout .box02 .tit02{ color:#fff;}
.homeabout .box02 .info{ color:rgba(255,255,255,.8); }
.homeabout .box03{ background:url(../images/about01.jpg) no-repeat center center; background-size: cover; }
.homeabout .box05{ background:url(../images/about02.jpg) no-repeat center center; background-size: cover; }
.homeabout .box04{ background:url(../images/about05.jpg) no-repeat center center; background-size: cover; }
.homeabout .box06{ background-color:#a3abb8; color:#fff; background:url(../images/about04.jpg) no-repeat center center; background-size: cover; }
.homeabout .box06 .info{ color:#fff; font-size: 30px; font-family: impact; }
.homeabout .box06 img{ height: 30px; vertical-align: middle; }
.homeabout .box06 .info{ margin-top: 30px; }
.homeabout .hometit .tit .more span{ color:#fff; }
.homeabout .hometit .tit span,.homeabout .hometit .tit div{ color:#fff; }
.homeabout .hometit .tit .en{ color: rgba(255,255,255,.5); }


.homecompany { padding:75px 0; }
.homecompany .boxfl{ width: 33%; }
.homecompany .boxfr{ margin-left: 40%; overflow: hidden; }
.homecompany .p{ margin-top: 20px; font-size: 16px; color:#222; font-weight: bold; margin-bottom: 10px; }
.homecompany .more{ margin-top: 50px; display: block; width: 150px; text-align: center; background: #a01113;	background-image: linear-gradient(to right, #a01113 , #ca383a); color:#fff; padding: 10px 0; }

.homecompany .bd{ width: 78%;float: left; }
.homecompany .img img{ width: 100%; display: block; }
.homecompany .hd{ width: 22%; float: right; box-sizing: border-box; padding-left:20px; }
.homecompany .tit02 p{ background-color: #eee; border-top: 1px solid #fff; padding: 59px 10px; text-align: center; }
/*.homecompany .tit02:last-child p{ border-bottom: 1px solid #eee;  }*/
.homecompany .tit02.on p{ background-image: linear-gradient(to right, #a01113 , #ca383a); color:#fff; }


.homenews{ padding: 80px 0; background-color:#f6f6f6; }
.homenews .line01{ padding-bottom: 40px; }
/*.homenews .line01 .tit{ font-size: 22px; font-weight: bold; color: #009c4d; }*/
.homenews .line01 .list a{ color:#fff; padding: 8px 46px; display: inline-block; background-color:#666; margin-left:12px; font-size:16px; }
.homenews .img{ position: relative; float: left;  width: 396px; }
.homenews .img img{ display: block; width: 396px; height: 256px; }
.homenews .img .txt{ /*position: absolute;*/ bottom: 0; width:100%; background:rgba(0,0,0,.6); padding:16px 15px; box-sizing: border-box;}
.homenews .img a{ color: #fff; }
.homenews ul{ padding-left: 470px; }
.homenews li{ overflow: hidden; border-bottom: 1px dotted #ddd; padding-bottom: 16px; margin-bottom: 16px; }
.homenews .date{ font-size: 12px; }
.homenews .info{ font-size: 16px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.homenews .time{ float: left; color: #fff; background: #a01113;background-image: linear-gradient(to right, #a01113 , #ca383a); padding: 5px 10px;}
.homenews .time p{ font-size: 50px; line-height: 100%; }
.homenews .txt02{ padding-left: 88px; }
.homenews .tit02{ font-size: 16px; color: #373737; font-weight: bold; padding-bottom: 8px; }
.homenews .info02{ line-height: 160%; }


.foot{ background-color: #141414; color: #fff; }
.foot a{ color: #fff; }

.foot .line{ padding: 28px 0; }
.foot .txt{ padding-left: 178px; margin-top: -10px; }
.foot .boxfr{ text-align: center; padding-bottom: 20px; }


.foot02{ padding:45px 0 35px; background:url(../images/footbg.jpg) repeat-y center center;  color:#fff;}
.foot02 .tit{ font-size:18px; margin-bottom:15px;}
.foot02 .txt{ color:#999; line-height:35px;}
.foot02 .txt img{ height:25px; vertical-align:middle;}
.foot02 .box01{ width:25%; float:left; margin-right:4%;}
/*.foot02 .box01 .tit{ font-size:26px;}*/
.foot02 .box02{ float:left; width:15%;}
.foot02 .list a{ color:#999; display:block; line-height:28px;}
.foot02 .boxfr{ width:25%; box-sizing:border-box; padding:0 0 0 60px;}
.foot02 .txt02{ color:#999; padding-bottom:20px; }
.foot02 .txt02 img{ }




/*class*/
.protable{word-wrap:break-word;word-break:break-all;}
.protable{ border-collapse:collapse; width:100%;}
.protable td{ border:1px solid #ccc; padding:2px; line-height:20px; text-align:center;}
.protable tr:nth-child(n){ background-color:#eaf6ff;}
.protable tr:nth-child(2n){ background-color:#fff;}

.projectab{ width:100%; max-width:650px; margin:0 auto;}
.projectab td{ padding:0 3px; line-height:20px;}


/* decorate */

/*map*/
#dituContent{width:100%;height:550px; margin-top:30px;}
#dituContent img{ max-width:none;}
.iw_poi_title {color:#e71e24;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


/* content */
.bannerx{ background:url(../images/bannerx.jpg) no-repeat center center; height:200px; color: #fff; }
.bannerx a{ color: #fff; }
.bannerx .wrapper{ padding-left: 30px; }
.bannerx .tit01{ padding-top:70px; font-size: 40px; line-height: 40px; padding-bottom:8px; }
.bannerx .tit02{ opacity: .8; }

.navpro{ border-bottom: 1px solid #eaeaea; }
.navpro .wrapper02{ padding: 0 30px; box-sizing: border-box; position: relative; }
.navpro .dddd{ overflow: hidden; }
.navpro .swiper-button-prev{ left:0px; background-size: auto 20px; }
.navpro .swiper-button-next{right:0px; background-size: auto 20px;}

.navpro .wrapper{  border-left:1px solid #eaeaea;}
.navpro .navproli{ display: block; float:left; border-right:1px solid #eaeaea; font-size: 16px;width: auto; }
.navpro .navproli a{ display:block;  padding: 18px 35px; }
.navpro .navproli:hover,.navpro .navproli.on{ background-color: #a01113; }
.navpro .navproli:hover a,.navpro .navproli.on a{  color:#fff;}



.navpro .navproli{ position:relative;}
.navpro .sub{ display:none; position:absolute; left:0; width: 100%; top:60px; z-index:99;}
.navpro .sub a{ display:block; text-align:center; font-size: 16px; padding: 18px 10px; color:#fff; background-color: #a01113;}
.navpro .sub a:hover{ }
.navpro .navproli .sub a{ }
.navpro .navproli:hover .sub{ display:block;}



.navprosub{ padding-top:30px; color:#999;}
.navprosub a{ color:#999; display:inline-block; padding:0 10px;}
.navprosub a:hover,.navprosub a.on{ color:#b00003; font-weight:bold;}



.main{ color: #666; padding:50px 0; text-align: justify; line-height:200%; }

.main02 img{ max-width:100%;}


.main .abouth3{ display:block; font-size:22px; padding:8px 0; padding-left:10px; max-width:95%; box-sizing:border-box; color:#fff; margin-bottom:10px; background: #a01113; background-image: linear-gradient(to right, #a01113 , #fff); margin-bottom:20px;}
.main .aboutstrong{ color:#222; font-size:16px; line-height:200%;}
.main .aboutvbg{ background:url(../images/aboutbg01.jpg) no-repeat center center; background-size:cover; padding:30px 0 25px;}
.main .aboutp{ color:#fff; font-size:18px; padding:5px 0; max-width:250px; border-bottom-right-radius:50px;border-top-right-radius:50px; clear:both; background-color:#a01113; margin-bottom:10px; padding-left:20px;}
.main .aboutvbg video{ border:4px solid #fff; border-left:none;}

.main .aboutvbg02{ background:url(../images/aboutbg02.jpg) no-repeat center center; background-size:cover; padding:30px 0 25px;}
.main .aboutvbg02 video{ max-width:720px; width:100%; border:4px solid #fff; border-left:none; }

.main .aboutred{ color:#b00003; font-size:16px;}

.main .team{ padding:33px 0;}
.main .team li{ width:18.4%; margin-right:2%; float:left; text-align:center;}
.main .team li:nth-child(5n){ margin-right:0;}
.main .team li a{ z-index:2; position:relative;  color:#fff; width:200px;  height:200px; margin:0 auto;  background-color:#a2aab7; display:block; border-radius:50%;}
.main .team li a::before{ z-index:-2; transform: scale(1); opacity:0; position: absolute; left:0%; bottom:0;width: 200px; height: 200px; border-radius: 50%;content: '';  background-color: rgba(241, 34, 30, .9);  transition:.5s;}
.main .team li:hover a::before{ transform: scale(1.2); opacity: 1; z-index:-2; }
.main .team .tit{ font-size:30px; border-bottom:1px solid #fff; padding-top: 52px; padding-bottom: 15px;}
.main .team .position{ padding-top:15px;}

.main .news li{ overflow: hidden; padding: 30px 0; border-bottom:1px solid #eee; }
.main .news .img{ border:1px solid #eee; max-width: 220px; width: 100%; float: left; }
.main .news .img img{ width: 100%; display: block; }
.main .news .txt{ padding-left: 250px; }
.main .news .tit{ font-size: 22px; color:#333; }
.main .news .info{ margin: 20px 0 10px; height: 48px; overflow: hidden; }
.main .news .time{ color:#999; }
.main .news .time img{ vertical-align: middle; }
.main .news li:nth-child(1){ padding-top: 0; }

.main .cullist{ margin-top:28px;  display: flex;  align-items: stretch; flex-wrap: wrap; }
.main .cullist li{ width:48%; margin-right:4%;  margin-bottom:30px;}
.main .cullist li:nth-child(2n){ margin-right:0;}

.main .cullist .tit{ color: #b00003; font-size:16px; font-weight:bold; margin-bottom:5px; padding-left:40px;background: url(../images/wh-icon.png) no-repeat; background-size:25px auto;}
.main .cullist li:nth-child(2) .tit{ background-position:left -38px;}
.main .cullist li:nth-child(3) .tit{ background-position:left -78px;}
.main .cullist li:nth-child(4) .tit{ background-position:left -120px;}

.main .contactdiv{ line-height:220%;}

.main .his{ margin-left:4px;}
.main .his .tit{ font-size:16px; font-weight:bold; color:#b00003;}
.main .his .txt{ margin-left:320px; position:relative; border-left:1px solid #ddd; padding-left:20px; padding-bottom:50px; margin-left:0; }
.main .his .txt:before{content: '';display: block;width: 14px;height: 14px;border-radius: 10px;position: absolute;top: 4px;left: -8px;background-color: #ddd;}
.main .his .info{  margin-top:15px;}

.main .ytcomp{ display: flex;  align-items: stretch; flex-wrap: wrap;}
.main .ytcomp li{ background-color:#eee;  width:23.5%; margin-right:2%; margin-bottom:20px; box-sizing:border-box;  border:1px solid #eee; transition:.5s;}
.main .ytcomp li:nth-child(4n){ margin-right:0;}
.main .ytcomp .img{ background-color:#fff; padding:10px 20px;}
.main .ytcomp .img img{ display:block; width:100%;}
.main .ytcomp .tit{ padding:0 10px; padding:5px 0; text-align:center; font-weight:bold; background-color:#b00003; color:#fff; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .ytcomp .info{ padding:15px; line-height:160%; color:#666;  }
.main .ytcomp li:hover{ background-color:#a2aab7; box-shadow: 0 2px 15px #ccc; }
.main .ytcomp li:hover .info{  color:#fff;}
.main .renwufr{ margin-left:20px;}

.main .addservice{ display: flex;  align-items: stretch; flex-wrap: wrap; }
.main .addservice li{ width:33.3%; text-align:center; box-sizing:border-box; padding:50px 10px;  }
.main .addservice li:nth-child(2n+1){ background-color:#eee;}
.main .addservice .img img{ display:block; max-width:100px; width:100%; margin:0 auto;}

.main .zhili .bigtit{ text-align:center; font-size:16px; margin-bottom:30px;}
.main .zhili .bigtit strong{ font-size:26px; color:#222;}
.main .zhili .tit{ font-weight:bold; text-align:center; font-size:16px; }
.main .zhili .txt{ margin-top:30px;}


.main .leftside{ width: 205px; float: left; }
.main .leftside h3{   padding:10px 0; margin-bottom: 10px;  font-size: 18px; line-height: 100%; border-bottom:1px solid #ccc; }
.main .leftside li{ border-left:2px solid #666; font-size: 14px; padding: 5px 20px; margin-bottom: 2px; }
.main .leftside li a{ display: block; }
.main .leftside li:hover,
.main .leftside .active{ border-left:2px solid #a01113; }
.main .leftside li:hover a,
.main .leftside .active a{ color:#a01113; }

.main .contentcc{ padding-left: 220px; }

.main .download li{ width:48%; box-sizing:border-box; float:left;  padding:10px 10px 10px 20px;   border-bottom: 1px dotted #B8B8B8; background: url(../images/id-list-arrow.png) 5px 17px no-repeat; margin-bottom:10px; }
.main .download li:nth-child(2n){ float:right;}
.main .download li span{ float:right;  padding-left:30px; background: url(../images/id-list-down.png) 0 0 no-repeat;}
.main .download li a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main .download li:hover{background: url(../images/id-list-arrow.png) 5px -23px no-repeat #F6F6F6; font-weight:bold; }
.main .download li:hover span{background: url(../images/id-list-down.png)  4px -40px no-repeat;color: #B00003;}
.main .download li:hover a{ color: #B00003;}

.mainteamcc{ padding:30px;}
.mainteamcc .tit{ font-size:30px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ededed;}


/*page*/
.main .concon{ padding:0px 0; line-height:28px; font-size:14px; color:#666;}
.main .contit{ line-height: 160%; text-align:center; font-size: 22px; color:#333; padding-bottom: 10px; }
.main .condate{ color:#999; text-align:center; }
.main .condate img{ vertical-align: middle; }
.main .concc{ padding: 20px 0;   margin-top: 20px;  min-height:300px;}
.main .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:10px 0;}
.main .conpage a{  color:#999;}
.main .conpage a:hover{color:#ff0000;}
.main .conbtn{ border:2px solid #999; padding:5px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}
.main .conbtn:hover{ background-color:#999; color:#fff;}

/* 分页*/
.pagination-wrapper {
	margin: 20px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
}
.pagination li{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    font-size: 12px;
    border: 1px solid #dddddd;
    color: #555555;
    text-decoration: none;
}
.pagination li:hover {
	background: #f5f5f5;
	color: #0099ff;
}
.pagination li.thisclass {
	background: #a01113;
	color: #fff;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover {
	background: transparent;
	border-color: #a01113;
	color: #fff;
	cursor: default;
}
.pageinfo{
	font-size: 16px;
}


.backToTop {
display: none;
width: 18px;
line-height: 1.2;
padding: 5px 0;
background-color: #000;
color: #fff;
font-size: 12px;
text-align: center;
position: fixed;
_position: absolute;
right: 10px;
bottom: 100px;
_bottom: "auto";
cursor: pointer;
opacity: .6;
filter: Alpha(opacity=60);
}

.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden; margin:20px auto;display: table;}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{ background:#a01113; color:#fff;}
.ab_pages ul a:hover{ background:#a01113; color:#fff;}
.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}


/* 隐藏显示*/
.hidden01{ display:none;}
.show01{ display:block;}

@media (max-width:1200px){
	img{ max-width:100%; height:auto;}
	.wrapper{ width:100%; padding:0 20px; box-sizing:border-box;}
	
	/*index*/




	/*content*/
	

	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:960px){
	/*index*/
	.banner .swiper-slide{ background-size: cover; }
	
	.sale-con{ display: none; }


	/* .top{ position: absolute; }	 */
	.top .logo{ float:none; margin-right:42%; margin-top:0;}
	.top .nav{ padding: 0; }
	.nav{ position:absolute; left:0px; background-color:#000; width:100%;display:none; z-index:30; padding: 0;}
	.nav .wrapper{ padding: 0; }
	.nav .nLi{ float:none; text-align:center; line-height:60px; border-top:1px solid rgba(255,255,255, .06); box-sizing: border-box; width: 100%; margin: 0;}
	.nav .nLi h3>a{ border:none; display: block; font-size:15px; border-radius:0px; color:#fff; border-bottom:1px solid #222;}
	.nav .nLi em{ position:absolute; right:0px; height:54px; top:5px; width:90px; z-index:2; background-repeat:no-repeat; background-image:url(../images/arrownav.png); background-position:center center; display: block; background-size: auto 35%;}
	.nav .sub{ position:relative; width:100%; box-sizing:border-box;  padding:0; border:none; background-color: #eee;}
	.nav .sub li{ border:none; border-top:1px dashed rgba(255,255,255,.06);}
	.nav .nLi:hover .sub{ display:none;}
	.nav .nLi .active em{/*  background-image:url(../images/arrownavon.png); */}
	.nav .nLi h3>a span{ display: none; }
	
	.top .menuon{ background-image: url(../images/close02.png); }
	.navon{ display:block;}	
	
	.top .line02on{ position:absolute;}
	
	.banner .banner .bg{ height: auto; }
	

	/*conent*/
	.bannerx{}
	
	.main .team li{ width:32%; }
	.main .team li:nth-child(5n){ margin-right:2%;}
	.main .team li:nth-child(3n){ margin-right:0;}
	
	.main .ytcomp li{ width:32%}
	.main .ytcomp li:nth-child(4n){ margin-right:2%;}
	.main .ytcomp li:nth-child(3n){ margin-right:0;}
	
	/*手机产品列表*/
	.cateList{ width: 100%;box-sizing: border-box; border:1px solid #ebebeb;}
	.cateList h3{padding: 10px 20px;;padding-left: 10%; border-bottom:1px solid #ebebeb; background:url(../images/iconn.png)  #eee no-repeat right center;}
	.cateList .box{ display: none; padding: 20px 0; }
	.cateList .box a{ padding: 3px 0;background-color: #fff; display: block; padding-left: 10%; width: 50%; float: left; box-sizing: border-box; padding-right: 10px; }
	.cateList .box a.on{ color: #a01113; font-weight: bold; }
	
	.main .contentcc{ padding: 20px 0px; }

	
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){
	/*index*/
	.top{ position:relative;}
	
	.banner.show04{}

	.top .logo img{ max-height: 40px; }
	
	.top .line .wrapper{ padding: 0 15px; }
	.top .menu{ width: 64px; background-size:auto 50%; }
	.top .line02{ padding:10px 0 0;}
	.top .line02on .logo img{ height:35px;}
	
	.banner .banner .bg{ overflow:hidden;}
	.banner .banner .bg img{ width:150%; margin-left:-25%; max-width:none;}

	.hometit{ margin-bottom: 15px; }
	.hometit .tit{ font-size: 25px; }
	.hometit .tit .en{ font-size: 22px; }
	.hometit .tit span, .hometit .tit div{ line-height: 32px; }

	.homeproject{ padding: 35px 0; }
	.homeproject .conn li{ width: 100%; margin-right: 0; }
	.homeproject .conn li:nth-child(2n){ float: right; }
	.homeproject .conn .txt{ padding-left: 0; background:none !important; }
	.homeproject .conn .tit{ font-size: 16px; } 
	.homeproject .conn .info{ height: 50px; overflow: hidden; }

	.homeabout .box{ width: 50%; padding:30px 15px; }

	.homecompany{ padding: 35px 0; }
	.homecompany .boxfl{ width: 100%; float: none; }
	.homecompany .boxfr{ margin-left: 0; margin-top: 20px; }
	.homecompany .bd{ float: none; width: 100%; }
	.homecompany .hd{ float: none; width: 100%; padding-left: 0;}
	.homecompany .hd ul{ display:flex; align-items:stretch;}
	.homecompany .hd li{ width: 50%; border-right:1px solid #fff; box-sizing: border-box; }
	.homecompany .hd li p{ height: 100%; }
	.homecompany .tit02 p{ padding: 20px 14px;  }
	.homecompany .more{ margin-top: 25px; }

	.homenews{ padding: 40px 0; }
	.homenews .line01{ padding-bottom: 0px; }
	.homenews .list{ display: none; }
	.homenews .img{ float: none; width:100%; }
	.homenews .img img{ width: 100%; }
	.homenews ul{ padding-left: 0; margin-top:30px; }
	.homenews .info02{ height: 44px; overflow: hidden; }
	.homenews .time{ display: none; }
	.homenews .txt02{ padding-left: 0; }

	.foot02 .box01{ width: 100%; }

	
	/*content*/
	.bannerx{ height:auto; padding-bottom:20px;}
	.bannerx .tit01{ padding-top:30px; padding-bottom:0; font-size:25px;}
	
	.navpro { overflow:hidden; padding-top:10px; padding-bottom:20px; border-bottom:1px dashed #eee; }
	.navpro .wrapper{  display: flex; border-left:none;  align-items: stretch; flex-wrap: wrap;}
	.navpro .navproli{ background-color:#eee; font-size:14px;  box-sizing:border-box; text-align:center; margin-top:10px; width:32%; margin-right:2%;}
	.navpro .navproli a{  padding:10px 0; }
	.navpro .navproli:nth-child(3n){ margin-right:0;}	
	
	.main{ padding:30px 0;}
	
	.main .aboutvbg{ background:none;}
	.main .aboutvbg02{ background:none;}
	
	.main .abouth3{ max-width:100%;}
	
	.main .team{ padding:0;}
	.main .team li{ width:95%;margin:0 auto !important; float:none; text-align:left; }
	.main .team li a::before{ display:none;}
	.main .team li a{ width:100%; height:auto; border-radius:0; margin-bottom:20px; background:url(../images/about04.jpg) no-repeat right center; background-size:cover;}
	.main .team .tit{ padding-top:22px; font-size:20px; border-bottom:1px solid #fff;   padding-left:20px; }
	.main .team .position{ padding-bottom:15px; padding-left:20px;}
	
	.main .contit{ font-size:18px;}
	
	.contactdiv img{ float:none; max-width:60%;}
	
	.main .news .img{ max-width: 160px; }
	.main .news .txt{ padding-left: 176px; }
	.main .news .info{ display: none; }
	.main .news .tit{ line-height: 160%; padding-bottom: 5px; font-size: 18px; }
	
	.main .cullist li{ width:100%; margin-right:0;}
	
	
	.main .ytcomp li{ width:100%}
	.main .ytcomp li:nth-child(4n){ margin-right:0;}
	.main .ytcomp .img{ padding:0 20%;}
	
	.main .renwufr{ margin-left:0; float:none; display:block; width:100%; margin-bottom:20px;}
	.main .yunzuofr{ float:none; max-width:80%; display:block; margin:0 auto; margin-bottom:20px;}
	
	.main .addservice li{ padding:30px 10px;}
	.main .addservice .img img{ max-width:70px;}
	
	.main .zhili .bigtit strong{ font-size:22px;}
	
	.main .download li{ float:none; width:100%; }
	.main .download li:nth-child(2n){ float:none;}
	.main .download span{ display:none;}
	.main .download li{ background: url(../images/id-list-arrow02.png) 5px 17px no-repeat;}
	.main .download li a{ white-space:normal;}
	
	.mainteamcc{ padding:20px 10px;}
	.mainteamcc .tit{ font-size:26px;}
	
	
	/* page */


	
	
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}
	
}
.fuwu{
 overflow:hidden;	
}
.fuwu h2{
 padding:20px 0;
 color:#a01113;	
}
.fuwu dt{
 float:left;
 width:70%;	
 font-size:16px;
 text-align:left;
}
.fuwu dd{
 float:left;
 width:30%;	
}
.gongsi h2{
 padding:20px 0;
 color:#a01113;	
}
.gongsi td{
 padding:5px;	
}
.zhiliang h2{
 padding:20px 0;
 color:#a01113;	
}



@media (max-width:960px){
	.fuwu dt{

 width:100%;	
}
.fuwu dd{

 width:100%;	
}
.zhiliang td{
 width:50%;
 float:left;
}
}

.maps{display:none}
.maps.current{display:block}

