@charset "utf-8";

/**************************banner**************************/
.pc-1{
	background:url(../images/1.jpg);
	}
.pc-2{
	background:url(../images/2.jpg);
	}
.pc-3{
	background:url(../images/3.jpg);
	}
.pc-4{
	background:url(../images/4.jpg);
	}
.pc-5{
	background:url(../images/5.jpg);
	}
.pc-6{
	background:url(../images/6.jpg);
	}
.pc-7{
	background:url(../images/7.jpg);
	}
.banner{
	height:0;
	padding-bottom: 15%;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#444;
	background-size:100%;
	}
@media (max-width:1200px) {
.banner{
	padding-bottom: 20%;
	background-size:cover;
	}
	}
@media (max-width:980px) {
.banner{
	padding-bottom: 30%;
	background-size:cover;
	margin-top:60px;
	}
	}

.text p{
	font-size:15px;
	color:#666;
	line-height:26px;
	padding-bottom:6px;
	}

	
@media (max-width:768px) {

.text p{font-size:14px; line-height:24px;}
.text img{ width:100%;}	}	
.text table{
	font-size: 12px;
	margin-top:20px;
	color: #434343;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	width:100%;
}
.text thead tr th {
    line-height: 36px;
    text-align: left;
    background: #fff;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
    color: #333;
	}
.text tbody{ width:100%;}	
.text table tr  {
    line-height: 36px;
    text-align: left;
    background: #fff;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
    color: #333;
	}	
.text tbody tr th {
    line-height: 34px;
    padding: 0 20px;
    border-top: 1px solid #dedede;
    font-size: 12px;
    color: #333;
    background: #eee;
	}

.text tr {
	line-height: 36px;
	
}
.text td {
	text-align: left;
	border: 1px solid #dbdbdb;
	line-height:36px;
	border-bottom:none;
	border-right:none;
	padding-left:8px;
}



.con{
	margin:0 auto;
	max-width:1200px;
	min-height:200px;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:50px;
	}
.ny_text_title{ font-size:24px; color:#333333; font-weight:bolder; margin-top:10px; text-align:center; margin-bottom:20px;}

@media (max-width:1660px) {
.con{margin-top:20px; padding:0 2%;}

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

.con{margin-top:20px; padding:0 4%;}
.ny_text_title{ font-size:20px;}
	}	


/*联系*/
.conbg2{
	width:100%;
	padding:2% 0;
	background:#fff;
	overflow:hidden;
	
	}
.contact2{

	max-width:1440px;
	margin:0 auto;
	overflow:hidden;
	
	}
.contact2 ul{ margin-left:-6%;
	}
.contact2 ul li{
	width:42%;
	overflow:hidden;
	float:left;
	margin-left:6%;
	color:#333;
	border-radius:8px;
	border:1px solid #ddd;
	padding:2% 0;
	}
.contact2 ul li p{
	font-size:16px;
	line-height:25px;
	text-align:center;
	}
.contact2 ul li h1{ font-size:24px; text-align:center;color:#333; }
.contact2 ul li h2{ font-size:18px; text-align:center;color:#333; padding:2% 0;}		
.contact2 ul li hr{
	border:none;
	height:1px;
	background:#bcbaba;
	margin:15px 0px;
	}
@media (max-width:1200px) {

.contact2 ul li p{ font-size:14px;}	
}
@media (max-width:800px) {
.conbg2{ margin-top:0%; padding-bottom:0;}
.contact2 ul li{width:100%;float:none;border:none;border-bottom: 1px solid #ddd; padding-bottom:5%;border-radius:0; margin-left:2%;}
.contact2 ul li+li{margin-top:20px;}

.contact2 ul li h1{ font-size:20px; text-align:center; }
.contact2 ul li h2{ font-size:16px; text-align:center; padding:4% 0;}
.contact2 ul li p{ font-size:12px;}	

#map{ margin-top:20px;}
}	



/*新闻列表*/
.news .news_xun{ display:inline-block; width:100%; border-bottom:1px solid #dcdcdc; padding:25px 0px; background:url(../images/bn43.png) no-repeat 100% 50%;transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; overflow: hidden;}
.news .news_xun .news_xun_img{ width:18%; overflow:hidden; height: 125px;}
.news .news_xun .news_xun_img img{ width: 100%; height: 100%;}
.news .news_xun .news_xun_wen img{ width:100%}
.news .news_xun .news_xun_wen{ width:70%; padding-left:28px; padding-top:0px}
.news .news_xun .news_xun_wen dd{ padding-bottom:15px}	
.news .news_xun .news_xun_wen dd p:nth-child(1){ font-size:16px; color:#333333}
.news .news_xun .news_xun_wen dd p:nth-child(2){ font-size:13px; color:#999999; background:url(../images/bn44.png) no-repeat 0% 50%; padding-left:20px; margin-top:10px}
.news .news_xun .news_xun_wen dt{ font-size:13px; color:#666666; line-height:24px}
.news .news_xun:hover{ background:url(../images/bn43_nei.png) no-repeat 100% 50%;transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s;}
.news .news_xun:hover .news_xun_wen dd p:nth-child(1){ font-size:16px; color:#003CCA}
.news .news_xun:last-child{ border-bottom:0px}
.news .news_xun:first-child{ padding-top:0px}

@media screen and (max-width:667px){

.news .news_xun .news_xun_wen dt,.news .news_xun .news_xun_wen dd p:nth-child(1){overflow: hidden;
text-overflow:ellipsis;white-space: nowrap; font-size:14px}
.news .news_xun .news_xun_wen dd p:nth-child(2),.news .news_xun .news_xun_wen dt{ font-size:12px}
.news .news_xun .news_xun_img{ width:35%; height:100px;}
.news .news_xun .news_xun_img img{ width:100%}
.news .news_xun .news_xun_wen{ width:50%; padding-left:12px; padding-top:10px}
}
		

/*新闻详情*/
.news_details_nei{ padding-bottom:0px !important}
.news_details_nei_title{ text-align:center; border-bottom:1px solid #dcdcdc; padding-bottom:20px}
.news_details_nei_title .nei_title_top{ font-size:24px; color:#333333; font-weight:bolder; margin-top:10px}
.news_details_nei_title .nei_title_bottom{font-size:13px; color:#999999; margin-top:10px}
.news_details_nei_title .nei_title_bottom span{ margin:0px 20px}
.news_details_nei_title .nei_title_bottom span:nth-child(1){ background:url(../images/bn45.png) no-repeat 0% 50%;}
.news_details_nei_title .nei_title_bottom span:nth-child(2){ background:url(../images/bn46.png) no-repeat 0% 50%; padding-left:20px}
.news_details_nei_wen{ text-align:center;}
.news_details_nei_wen p{ font-size:14px; color:#333333; text-indent:2em; line-height:24px; padding-bottom:6px; text-align:left}
.news_details_nei_wen p div{ text-align:center}
.news_details_nei_wen .nei_wen_top{ border-bottom:1px solid #dcdcdc; padding-top:25px; padding-bottom:20px; }
.news_details_nei_wen .nei_wen_top p{}

.nei_wen_top table{
	font-size: 12px;
	margin-top:20px;
	color: #434343;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	width:100%;
}
.nei_wen_top thead tr th {
    line-height: 36px;
    text-align: left;
    background: #fff;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
    color: #333;
	}
.nei_wen_top tbody{ width:100%;}	
.nei_wen_top table tr  {
    line-height: 36px;
    text-align: left;
    background: #fff;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
    color: #333;
	}	
.nei_wen_top tbody tr th {
    line-height: 34px;
    padding: 0 20px;
    border-top: 1px solid #dedede;
    font-size: 12px;
    color: #333;
    background: #eee;
	}

.nei_wen_top tr {
	line-height: 36px;
	
}
.nei_wen_top td {
	text-align: left;
	border: 1px solid #dbdbdb;
	line-height:36px;
	border-bottom:none;
	border-right:none;
	padding-left:8px;
}
.news_details_nei_wen .nei_wen_bottom{ padding-top:25px;}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_left{ text-align:left;}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_left div{ padding:5px 0px}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_left div a:hover{ color:#02006A}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_right{width:152px; margin-right:5px;}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_right a{ display:inline-block; width:100%; height:34px; border:1px solid #02006A; border-radius:5px; line-height:34px}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_right a span{ padding-right:5px}

@media screen and (max-width:667px){

.news_details_nei_title .nei_title_bottom span{    margin: 0px 10px;}
.news_details_nei_title .nei_title_top{ font-size:18px}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_right{ width:100%; margin-top:20px}
.news_details_nei_wen .nei_wen_top img{ width:100%}
}


/*合作客户*/
.customer ul{}
.customer li{ border: 1px solid #ddd; float:left; margin:10px 10px; width:18%; text-align:center;}
.customer li img{ }
.customer li a{display:block;  cursor:default; }
.customer li a:hover img{cursor:default;transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */}
.customer *{ -moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out; } 

@media screen and (max-width:1180px){
.customer li{ width:22%;}
}
@media screen and (max-width:960px){
.customer li{ width:30%;}
}
@media screen and (max-width:760px){
.customer li{ width:30%;}
}

@media screen and (max-width:735px){
.customer li{ width:30%; margin:10px 5px; }
.customer li img{ width:140px;}
}
@media screen and (max-width:600px){

.customer li{ width:42%; margin:10px 5px;}
}
@media screen and (max-width:375px){

.customer li{ width:42%; margin:10px 10px;}
}
@media screen and (max-width:320px){

.customer li img{ width:120px;}
}

/*证书*/
.tpimg{
	width:100%;
	}
.tpimg ul{
	}
.tpimg ul li{
	width:23%;
	text-align:center;
	font-size:14px;
	color:#333;
	line-height:30px;
	float:left;
	margin:1%
	}
.tpimg ul li .photo{
	width:100%;
	background:#fff;
	cursor:pointer;
	overflow:hidden;
	border:1px solid #ddd;
	}
.tpimg ul li .photo img{
	max-width:100%;
	min-width:100%;

	display:block;
	}
.tpimg ul li:hover{
	color:#02006A;
	}
.tpimg ul li:hover .photo{
	 border:1px solid #fff;box-shadow:rgba(0, 60, 202 ,0.5) 0px 0px 15px;transition: all 0.3s ease 0s;
	}
@media (max-width:768px) {
.tpimg ul li{
	width:46%;
	margin:2%
	}
	}




/**************************产品**************************/
.product{
	overflow:hidden;
	}
.product ul{
	overflow:hidden;
	}
.product ul li{
	width:31%;
	float:left;
	overflow:hidden;
	margin:1%;
	}
.product ul li .protp{
	width:100%;
	height:0;
	padding-bottom: 75%;
	overflow:hidden;
	position:relative;
	}
.product ul li .protp a::before {
	content: '';
    width: 700px;
    height: 700px;
    position: absolute;
    top: -50%;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset;
    z-index: 0;
    left: -40%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
	}
.product ul li .protp a::after {
	content: '';
	background: url(http://runtenghg.n.zyqxt.com/uploadfile/image/20171130/20171130163700_1111416998.png) no-repeat center;
	background-size: auto auto;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: 0px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  }
.product ul li:hover .protp a::before{
	box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset;
	-webkit-box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	}
.product ul li:hover .protp a::after{
	background-size:50px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	}
.product ul li .protp img{
	width:100%;
	}
.product ul li .prowz{
	}
.product ul li .prowz a{
	/*color:#7e7d7d;
	font-size:14px;
	line-height:25px;*/
	display:block;
	height:42px;
	border-bottom:1px solid #ececec;
	background: #fafafa;
	text-align:center;
	font-size:15px;
	line-height:42px;
	color:#565656;
	transition:all .3s ease-in-out;
	}
.product ul li:hover .prowz a{
	background-color:#003CCA;
	background-position:right -154px;
	color:#fff;
	}
@media (max-width:1000px) {
.product ul li{
	width:48%;
	}
.product ul li .protp a::before {
    top: -35%;
    left: -25%;
	}
	}
@media (max-width:800px) {
.product ul li .protp a::before {
    top: -56%;
    left: -46%;
	}
	}
@media (max-width:600px) {
.product ul li .protp a::before {
    top: -92%;
    left: -80%;
	}
	}


/**************************产品详情**************************/
.prodetails{
	width:100%;
	margin:0 auto;
	}
.bigxq{
	overflow:hidden;
	font-size:14px;
	color:#333;
	line-height:30px;
	}
.bigxq h2{
	font-size:20px;
	color:#333;
	margin-top:50px;
	}
.bigxq hr{
	border:none;
	height:1px;
	background:#dbdbdb;
	margin:20px 0px;
	}
.smallxq h2{
	font-size:18px;
	color:#333;
	margin-bottom:15px;
	text-align:center;
	}
	

	
@media (min-width:1000px) {
.smallxq{
	display:none;
	}
	}
@media (max-width:1000px) {
.smallxq{
	display:block;
	}
#preview{
	display:none;
	}
.bigxq h2{
	display:none;
	}
.bigxq hr{ display:none;}	
	}

@media (max-width:1000px) {
.prodetails{width:100%;}
	}

.product_b{ padding:20px 0 0 0; }
.product_b .slideTxtBox{ max-width:1180px; margin:0 auto;}
.product_b .slideTxtBox .hd{ }
.product_b .slideTxtBox .hd ul{border-bottom:1px solid #ddd; }
.product_b .slideTxtBox .hd ul li{ float:left; cursor:pointer; line-height:50px; background:#e6e6e6; width:50%; text-align:center; font-size:16px;}
.product_b .slideTxtBox .hd ul li.on{ background:#003CCA; color:#FFF;}
.product_b .slideTxtBox .bd{ margin-top:20px;}


@media screen and (max-width: 980px){
.product_b .slideTxtBox .hd ul li{font-size:14px;}

}

@media screen and (max-width: 320px){
 .product_b .slideTxtBox .hd ul li{ white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;}
}


.bottom{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	margin-top:20px;
	}
.bottom p{
	font-size:14px;
	color:#333;
	}
.bottom img{
	max-width:100%;
	}
.bottom .bobt{
	border-bottom:1px solid #003CCA;
	}
.bottom .bobt span.bo{
	display:inline-block;
	font-size:16px;
	color:#fff;
	background:#003CCA;
	padding:10px 30px;
	}
	
.bottom table{
	font-size: 12px;
	margin-top:20px;
	color: #434343;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	width:100%;
}
.bottom thead tr th {
    line-height: 36px;
    text-align: left;
    background: #fff;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
    color: #333;
	}
.bottom tbody{ width:100%;}	
.bottom table tr  {
    line-height: 36px;
    text-align: left;
    background: #fff;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
    color: #333;
	}	
.bottom tbody tr th {
    line-height: 34px;
    padding: 0 20px;
    border-top: 1px solid #dedede;
    font-size: 12px;
    color: #333;
    background: #eee;
	}

.bottom tr {
	line-height: 36px;
	
}
.bottom td {
	text-align: left;
	border: 1px solid #dbdbdb;
	line-height:36px;
	border-bottom:none;
	border-right:none;
	padding-left:8px;
}
@media (max-width:1200px) {
.prright{ width:40%;}	
}
	
@media (max-width:1100px) {
.bottom{
	width:96%;
	overflow:hidden;
	margin:0 auto;
	}
.prright{ width:36%;}
	}
@media (max-width:1000px) {
.product{ padding-top:0;}
.smpro h2{ font-size:18px; padding-top:0;}
.prleft, .prright{
	display:none;
	}
.bottom{
	width:98%;
	overflow:hidden;
	margin:0 auto;
	margin-top:20px;
	}
.bottom .bobt span.bo{
	display:inline-block;
	font-size:14px;
	color:#fff;
	padding:10px 30px;
	}
.smpro{
	display:block;
	}
.smpro .text{ margin-top:10px;}	
	}
	
	
.mopop{  font-size: 16px; color: #fff; margin-left:630px; margin-top:20px;display: block; height:44px; line-height: 44px;  background: #999;  width: 160px;  border-radius: 3px; text-align: center;}
.mopop:hover{ background: #003CCA; color: #fff; cursor:pointer;}
@media (max-width:1000px) {
.mopop{  margin-left:0px; margin-top:10px;}
}


/*下载*/
.ziliao{ margin-bottom:0px}
.ziliao .ziliao_xun{ line-height:44px; border-bottom:1px dotted #dcdcdc; font-size:15px; color:#666666; display:inline-block; width:99%; background:url(../images/bn42.png) no-repeat 0% 50%; padding-left:12px; transition: ease-in 0.1s;}
.ziliao .ziliao_xun .ziliao_xun_left{ background:url(../images/bg36.jpg) no-repeat 100% 50%; transition: ease-in 0.1s;}
.ziliao .ziliao_xun .ziliao_xun_right{ background:url(../images/bn41.png) no-repeat 0% 40%; padding-left:22px; transition: ease-in 0.1s;}
.ziliao .ziliao_xun:hover{ background:url(../images/bn42_dian.png) no-repeat 0% 50%; color:#003CCA; transition: ease-in 0.1s;}
.ziliao .ziliao_xun:hover .ziliao_xun_left{ background:url(../images/bg36_dian.jpg) no-repeat 100% 50%; transition: ease-in 0.1s;}
.ziliao .ziliao_xun:hover .ziliao_xun_right{ background:url(../images/bn41_dian.png) no-repeat 0% 40%; transition: ease-in 0.1s;}

@media screen and (max-width: 667px){
.ziliao .ziliao_xun{ line-height:40px; border-bottom:1px dotted #dcdcdc; font-size:13px; color:#666666; display:inline-block; width:96%; background:url(../images/bn42.png) no-repeat 0% 50%; padding-left:12px; transition: ease-in 0.1s;}
.ziliao .ziliao_xun .ziliao_xun_left {
    width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
}

@media screen and (max-width: 320px){
.ziliao .ziliao_xun .ziliao_xun_left {
    width: 60%;
}
}


/*job*/
.faq-box {
	position: relative;
	margin-bottom: 20px;
}
.faq-box .faq-top {
	height: 50px;
	padding-left: 19px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	background-color: #f5f5f5;
	background-image: url(../images/icon-dd4.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	cursor: pointer;
}
.faq-top span {
	display: block;
	width: 90%;
	padding-left: 12px;
	background: url(../images/sj.png) no-repeat left center;
	float: left;
}
.faq-box .faq-block {
	padding-top: 12px;
	background: url(../images/icon-dd5.png) no-repeat 19px top;
	margin-top: 20px;
	display: none;
}
.faq-block .faq-con {
	padding: 25px;
	color: #666666;
	line-height: 30px;
	background-color: #f5f5f5;
	position: relative;
	font-size:14px;
}
.faq-box .faq-top.cur {
	background-color: #003CCA;
	color: #fff;
	background-image: url(../images/icon-dd4-2.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}


/*deedback*/
.zxly{ max-width:1180px; margin:1.5% auto;}
.zxly h2{ font-size:24px; border-bottom:1px solid #DDD; padding-bottom:2%;}
.zxly ul{}
.zxly li{ width:49%; margin-bottom:1%;}
.zxly li.left{ float:left;}
.zxly li.right{ float:right;}
.zxly li .input_txt{ width:96%; height:40px; border:1px solid #DDD; outline:medium; padding:0 2%; font-family:"微软雅黑";}
.zxly li.textarea{ width:100%; margin:0;}
.zxly li.textarea textarea{ width:98%; height:100px; border:1px solid #DDD; outline:medium; padding:1%; font-family:"微软雅黑";}
.zxly .more{ margin-top:20px;}
.zxly .input_btn{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#003CCA; outline:medium;}
.zxly .input_btn2{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:#999; outline:medium;}


@media screen and (max-width: 720px) {

	.zxly li{ width:100%; margin-bottom:2%;}
	.zxly li.textarea textarea{ width:96%; padding:2%;}

}