@charset "utf-8";
/* ================================== */
/* ===== list-prod;  list-inds ======*/
/* ================================== */
.main{background: #EFEEEA;	border-bottom:10px solid #efeeea;}
.mainImg{	height: 285px;	width: 1200px;	border-top:5px solid #EFEEEA;	border-bottom:10px solid #EFEEEA;}

@media all and (max-width:1024px){
    .ltBox{display: none;}
    .mainImg{width: 100%; height: auto; min-height: 150px;}
}

.mod-crumbs{padding:0 0 20px 0;}
.mod-crumbs .placeImg{float:left; display: inline-block; height: 20px; width: 20px; background: url(../img/555.png) no-repeat; background-size: 15px 20px; padding-right: 5px;}
@media all and (max-width:1024px){
    .mod-crumbs{padding:0 10px 10px 10px;}
}


/* lfbox */
.ltBox{	float: left;	width: 310px;	height: auto; padding-right: 20px;}
.ltBox .titl{height: 40px; line-height: 40px; background: var(--main-color); padding-left: 20px; color:#fff;}
.ltBox .superul{padding:0 10px 10px 10px; background:#fff; }
.ltBox .superul .supli:hover .subul{display: block;}
.ltBox .superul .supli:hover .superli h3{color:var(--main-color);}
.ltBox .superul .current .superli h3{color:var(--main-color);}
.ltBox .superul .superli{position: relative; padding:10px 0 10px 30px; background-color: #fff;  border-bottom:1px dotted var(--main-color); }
.ltBox .superul .superli i{position: absolute; display:none; width: 30px; height: 30px; left: 0px; top:7px; background: url(../img/navli_bg.png)  no-repeat 10px center; /**background-size: 8px 14px;**/}
.ltBox .superul .superli.cur i{transform: rotate(90deg); -webkit-transform: rotate(90deg); left: -3px; top:11px;}
.ltBox .superul .subul{display: block;}
.ltBox .superul .subul .subli{ padding:5px 0 5px 50px;}
.ltBox .superul .subul .subli:hover a{ color:var(--main-color);}
.ltBox .gsImg{	width: 310px;	height: 120px;     box-shadow: #999 2px 2px 2px;  margin-top: 15px;  border-radius: 5px}
.ltBox .ltContact{border: 1px dotted var(--main-color); border-radius: 10px; padding: 10px; margin-top: 10px; background: #fff;}
.ltBox .ltContact h2{	padding-bottom:5px;	color:var(--main-color);}
.ltBox .ltContact  li{	font-size:14px;}
.ltBox .ltContact  strong{	font-size:16px;	font-weight:bold;	color: var(--main-color);}
.ltBox .ltContact   span{	font-weight:bold;}

@media all and (max-width:1024px){
    .ltBox{display: none !important; }
}

/* listprod-rtBox */
.rtBox{	width: 870px;	height: auto;	float: left;	overflow: auto;}
.rtBox .proItem{overflow:auto;}
.rtBox .proItem .proContent{height:160px;	width:830px;	background: #fffeee;	float:left;	padding:20px 20px;	border-bottom: 1px solid var(--main-color);}
.rtBox .proItem .proContent .listImg{	float:left;	height: 160px;	width: 300px;}
.rtBox .proItem .proContent .listText{	float:left;	height: 160px;	width: 500px;	padding-left:25px;}
.rtBox .proItem .proContent .listText p{	padding-top:10px;	line-height: 25px;}

.rtBox .proItem:hover .proContent{background-color: var(--main-color);}
.rtBox .proItem:hover .listText h1{color:#fff;}
.rtBox .proItem:hover .listText p{color:#fff;}
.rtBox .proItem:hover .listImg{border:1px solid #fff; }

@media all and (max-width:1024px){
    .rtBox{width:100% !important; overflow: hidden !important;}
    .rtBox .proItem{overflow:hidden;}
    .rtBox .proItem .proContent{width: 100%; height: auto;}
    .rtBox .proItem .proContent .imgbox{width: 40%; float: left;} 
    .rtBox .proItem .proContent .listImg{width:100%;height: auto; min-height: 100px;}
    .rtBox .proItem .proContent .listText{width: calc(60% - 45px); padding:0 20px 0 25px; height: auto;}
    .rtBox .proItem .proContent .listText h1{font-size: 18px;}
    .rtBox .proItem .proContent .listText p{display: none;}
}



/* ================================== */
/* ============ list-tech ============*/
/* ================================== */

.rtBox{	width: 870px;	min-height: 750px;	float: left;	overflow: auto;	background: #fffeee;}
.rtBox .news_list .news_item{	height:146px;	width:830px;	border-bottom: 1px solid var(--main-color);	float:left;	padding:15px 20px;}
.rtBox .news_list .news_item:hover{	background:var(--main-color);	color:#fff;	box-shadow: 2px 2px 2px #ccc;}
.rtBox .news_list .news_item .news_text{	padding-top:10px;}
.rtBox .news_list .news_item .newsImg{	height:100px;	width:150px;	float:left;	border-radius:10px;	border:1px solid #ccc;}
.rtBox .news_list .news_item .news_content{	width: 570px;	float:left;	padding-left:20px;}
.rtBox .dede_pages{	padding-left: 20px;}
.rtBox .dede_pages .pagelist li{	float:left;	padding:10px 10px 10px 0;}
.rtBox .dede_pages .pagelist .pageinfo strong{padding:0 5px;}
@media all and (max-width:1024px){
    .rtBox .news_list .news_item{width: 100%; box-sizing: border-box; padding:15px 15px; height: auto;}
    .rtBox .news_list .news_item .newsImgbox{width: 40%;}
    .rtBox .news_list .news_item .newsImgbox .newsImg{width: 100%; height: auto; min-height: 100px; max-height: 150px;}
    .rtBox .news_list .news_item .news_content{width: calc(60% - 25px);}
}

/* ================================== */
/* ============ indx-abt ============*/
/* ================================== */
.rtBox .pro_list{	padding:20px 20px;}
.rtBox .pro_list h1{	color:var(--main-color);	padding-bottom:10px;	margin-bottom:10px;	border-bottom:1px solid #999999;}
.rtBox .pro_list p{	font-size:14px;	padding-bottom:10px;}

.rtBox .map{padding: 0 20px 20px;	border-top:1px solid var(--main-color);}
.rtBox .map .gooleMap{width: 830px;	height: 300px;	border: 1px solid #999999;	margin-top:25px;}
@media all and (max-width:1024px){
    .rtBox .map{padding:0 0 20px 0 !important;}
    .rtBox .map .gooleMap{width: 100% !important;}
}

/* ================================== */
/* ============ indx-ctact ============*/
/* ================================== */
.rtBox{	width: 870px;	min-height: 760px;	background: #fffeee;	float: left;	overflow: auto;}
.rtBox .pro_list{	padding:20px 20px;}
.rtBox .pro_list h1{	color:var(--main-color);	padding-bottom:20px;	margin-bottom:25px;	border-bottom:1px solid var(--main-color);}
.rtBox .employee{padding-bottom:30px;}
.rtBox .employee p{padding-bottom:0;}
.rtBox .employee .employeeImg{	border-radius: 10px;	float: left;}
.rtBox .employee .employeeInfo{	width:600px;	float: left;	padding-left: 20px;}
.rtBox .employee .employeeInfo .name{	font-size: 25px;	font-weight: bold;	height: 35px;	line-height: 35px;	color:#333333;}
.rtBox .employee .employeeInfo .post{	font-size: 16px;	font-weight: bold;	color: #777777;	height: 30px;	line-height: 30px;}
.rtBox .employee .employeeInfo .telEmail{	font-size: 16px;	height: 25px;	line-height: 25px;}
.rtBox .employee .employeeInfo .telEmail img{	height: 15px;	padding-right: 10px;	padding-top: 5px;}
.rtBox .employee .employeeInfo .intr{	padding-top:10px;}

.rtBox .pro_list .map{	border-top:1px solid  var(--main-color);}
.rtBox .pro_list .map .gooleMap{	width: 760px;	height: 300px;	border: 1px solid #999999;	margin-top:25px;}
@media all and (max-width:1024px){
    .rtBox .employee{text-align: center;}
    .rtBox .employee .employeeInfo{width: 100%; padding-left: 0;}
    .rtBox .employee .employeeImg{float: none;}
    .rtBox .employee .employeeInfo .intr{text-align: left;}
    
}


/* ================================== */
/* ============ artic-prod  ============*/
/* ================================== */
.mod02-rtBox-artprod{	width: 870px;	min-height: 800px;	background: #fffeee;	float: left;	overflow: auto;}
.mod02-rtBox-artprod h1{	padding:20px 20px 0;	color:var(--main-color);	text-align: center;}
.mod02-rtBox-artprod .pro_list{	padding:20px 20px;}
.mod02-rtBox-artprod .pro_list .pro_item{	overflow:auto;	padding: 15px 0 10px;	border-top:1px solid var(--main-color);}
.mod02-rtBox-artprod .pro_list .pro_item .pro_img{	position:relative;	float:left; width: 320px;}
.mod02-rtBox-artprod .pro_list .pro_item .pro_img img{	border-radius:20px;	width:320px;	height:205px;}
.mod02-rtBox-artprod .pro_list .pro_item .pro_img span{	position:absolute;	top: 145px;	left: 0;	text-align: center;	background: rgba(255,255,255,0.8);	display: block;	padding:6px 0 7px;	border-top-right-radius: 10px;	border-bottom-right-radius: 10px;	min-width: 163px;}
.mod02-rtBox-artprod .pro_list .pro_item .pro_text{	float:left;	overflow:hidden;	text-align:left;	padding-left:20px;	width:490px;	color:#555;}
.mod02-rtBox-artprod .pro_list .pro_item .pro_text h2{	color:#000;	padding-bottom:8px;}
.mod02-rtBox-artprod .pro_list .pro_item .pro_text p{	padding-bottom:5px;	font-size: 16px;}
.mod02-rtBox-artprod .pro_list .pro_item .pro_text .textStrong{	font-weight: bold;	color:var(--main-color);}

.mod01-form{ border-top: 10px solid #efeeea; background: #fffeee;}
.mod01-form .formtitl{font-size: 20px; height: 50px; line-height: 50px; padding-left: 20px;     background: var(--main-color);    margin-bottom: 20px;    color: #fff;}
.mod01-form .form{width: 650px; margin:0 auto;}
.mod01-form .form table td{font-size:16px;  font-weight: bold;}
.mod01-form .form .star{color:red; vertical-align: middle; padding-right: 2px;}
.mod01-form .form .intxt{width: 500px; height: 25px; margin-bottom: 10px;}
.mod01-form .form .txtarea{width: 500px; height: 80px; margin-bottom: 10px;}
.mod01-form .form .validate{width: 150px; height: 30px; margin-bottom: 15px;}
.mod01-form .form table .tips{font-size: 14px; font-weight: normal;}
.mod01-form .form .coolbg{    padding: 10px 30px;    border-radius: 5px;    margin: 0 10px 20px 0;    font-size: 16px;    font-weight: bold;    background: var(--main-color); color: #fff;}

@media all and (max-width:1024px){
    .mod02-rtBox-artprod{width: 100%; overflow: hidden;}
    .mod02-rtBox-artprod .pro_list .pro_item{overflow: hidden;}
    .mod02-rtBox-artprod .pro_list .pro_item .pro_img{width: 100%; text-align: center;}
    .mod02-rtBox-artprod .pro_list .pro_item .pro_img img{width: 100%;max-width: 400px; height: auto;}
    .mod02-rtBox-artprod .pro_list .pro_item .pro_text{width: 100%; box-sizing: border-box; padding:15px 0 0 0;}

    .mod01-form .form{width: 100%;}
    .mod01-form .form .intxt{width: 80%;}
    .mod01-form .form .txtarea{width: 80%;}
}


/* ================================== */
/* ============ artic-inds============*/
/* ================================== */
.rtBox-arcind{float: left; width: 870px;}
.rtBox-arcind .text{	margin:0 20px 20px 20px;	line-height: 30px;	font-size: 15px;	padding-bottom: 20px;	border-bottom:1px solid var(--main-color);}
.rtBox-arcind .title{	padding-left: 20px;	padding-bottom: 20px;}
.rtBox-arcind .app .imgList{	padding-left: 40px;	overflow: auto;}

.rtBox-arcind .cell{	float: left;	height: 240px;	width: 220px;	margin-right: 50px;	margin-bottom: 30px;}
.rtBox-arcind .cell .subCell{	height: 200px;	width: 220px;	border: 1px solid var(--main-color);	overflow: hidden;}
.rtBox-arcind .cell .subCell:hover{	box-shadow: 2px 2px 2px #999999;}
.rtBox-arcind .cell .appImg{	height: 200px;	width: 220px;	transition: all 0.5s ease-in-out;	-ms-transition: all 0.5s ease-in-out;	-moz-transition: all 0.5s ease-in-out;	-webkit-transition: all 0.5s ease-in-out; }
.rtBox-arcind .cell .appImg:hover{	transform: scale(1.1,1.1);	-ms-transform: scale(1.1,1.1);	-webkit-transform: scale(1.1,1.1);	-moz-transform: scale(1.1,1.1);}
.rtBox-arcind .cell .appTitle{	text-align: center;	height: 20px;	line-height: 20px;	font-size:14px; margin-top: 5px;}

@media all and (max-width:1024px){
    .rtBox-arcind{width: 100%;}
    .rtBox-arcind .app .imgList{padding:0 20px ;}
    .rtBox-arcind .cell{height: auto;width: calc(50% - 25px); margin:0; padding:0 50px 40px 0;}
    .rtBox-arcind .cell:nth-child(even){padding-right: 0;}
    .rtBox-arcind .cell .subCell{width: 100%; height: auto; border:none;}
    .rtBox-arcind .cell .appImg{width: 100%;height: auto;}
}

/* ================================== */
/* ============ artic-tech============*/
/* ================================== */
.rtBox-arctech{	width: 870px;	min-height: 450px;	float: left;	overflow: auto;	background:#fffeee;}
.rtBox-arctech .ltMain{	padding:20px 20px 10px 20px;}
.rtBox-arctech .ltMain .article_head {	text-align: center;	border-bottom:1px solid var(--main-color);}
.rtBox-arctech .ltMain .article_head .sub_info{	font-size:16px; padding:10px 0;}
.rtBox-arctech .ltMain .article_head .sub_info .timeAut{display: inline-block;}
.rtBrtBox-arctechox .ltMain .article_head .sub_info .jiathis_style{display: inline-block;}
.rtBox-arctech .ltMain .article_head .sub_info .jiathis_style .jiathis_txt{line-height: 16px !important; font-size: 16px !important;}

.rtBox-arctech .ltMain img{	max-width:100% !important;	height: auto !important;	padding-top:10px;	display: inline;}
.rtBox-arctech .ltMain .article_content p{	padding-top:10px;}
.rtBox-arctech .ltMain .article_content>div{	padding-top:10px;	font-size:14px;}
.rtBox-arctech .ltMain .article_content a{	font-style:italic;	font-weight: bold;}
.rtBox-arctech .ltMain .article_catalog{	margin-top:20px;	border-top:1px solid  var(--main-color);	padding-top:15px;}
.rtBox-arctech .download{	font-size:20px;	color: brown;}
.rtBox-arctech .download img{	margin-bottom: -4px;}

@media all and (max-width:1024px){
    .rtBox-arctech{	width: 100%} 
    .rtBox-arctech .ltMain .article_head h1{font-size: 16px;}
}