﻿
.left_list{width: 99%;margin-right: 1%;}
.left_list .product-title{line-height: 80px;height:80px;border-left: 4px solid #0139A0;border-right: 1px solid #E7E7E7;padding: 0 20px;font-size: 18px;    border-bottom: 1px solid #E7E7E7;}
.left_list h2{text-align: center;background: url(../image/cpztc.jpg) no-repeat;letter-spacing: 2px}
.left_list h2 em{color:#61a4e2;font-size: 26px;}
.product-title img{margin-right: 10px;}

.swiper-pagination-bullet-active {
    opacity: 1;
    background:#fff;
}
/* 当前位置 */
.location{ overflow: hidden; background: #F3F3F3; padding: 20px 0;}
.location .here{color: #666; margin-top: 20px; font-size: 15px;}
.location .here a{ color: #666;height: 40px;line-height: 40px;}
.location .here a:hover{ color: #0139A0;}

.subnav{overflow: hidden; margin: 20px 0;}
.subnav ul{}
.subnav ul li{ float: left; margin-right: 15px; border: 1px solid #E7E7E7;}
.subnav ul li:hover{border: 1px solid #0139A0;}
.subnav ul li a{display: block;  height: 44px;line-height: 44px; padding: 0 40px; font-size: 16px;}
.subnav ul li a:hover{color: #FFF; background: #0139A0;}
.subnav ul li.active a{color: #FFF; background: #0139A0;}

/* 关于我们 */
.about{font-size: 15px; margin: 15px 0; text-align: justify; line-height: 32px; color: #666;}

.honor {}
.honor ul {}
.honor ul li{float: left; margin-bottom: 30px; }
.honor ul li dd{background: #FFF; text-align: center;border: 1px solid #E7E7E7;}
.honor ul li dd h4{ color: #666;font-size: 15px; line-height: 24px; border-top: 1px solid #e7e7e7; padding: 15px 0; }
.honor ul li dd img{ width: 100%;}


/* 联系我们 */
.contact{}
.contact h2{font-size: 32px; border-bottom: 1px solid #E7E7E7; margin-bottom: 20px; padding-bottom: 20px;}
.contact ul{}
.contact ul li{ float: left; width: 50%; font-size: 18px; margin-bottom: 20px;}
.contact ul li i{ margin-right: 10px; font-size: 22px;}
/*电子地图*/
.map{ margin: 30px 0; border: 2px solid #ebebeb; padding: 20px;}
.map .title{ font-size: 22px; line-height: 34px;}


/*人才招聘*/
.joblist{}
.joblist ul{}
.joblist ul li{ width: calc((100% - 2%) / 2); margin-right: 2%; float: left; border:1px solid #dddddd; margin-top: 20px; padding: 20px;}
.joblist ul li:nth-child(2n){ margin-right: 0%; }
.joblist ul li h4{ font-size: 22px; line-height: 40px; }
.joblist ul li p { font-size: 14px; line-height: 30px; }
.joblist ul li p span{ color: #222;font-weight: bold; }
.joblist ul li p b{ margin: 0 20px; color: #c4c4c4; }
.joblist ul li a{ display: block; height: 40px; line-height: 40px; float: right; background: #0139A0; color: #fff; margin-top: 20px; width: 120px; text-align: center; }

.jobinfo{margin: 60px 0 30px 0;}
.jobinfo .hd{background: #f3f3f3;padding: 20px 30px;}
.jobinfo .hd dl{ margin-top: 10px; }
.jobinfo .hd dl span{ color: #777777; }
.jobinfo .jobcontent{ margin-top: 30px; padding: 0 30px;}
.jobinfo .jobcontent h4{ color: #0139A0; font-size: 22px; margin-bottom: 10px;}
.jobinfo .jobcontent dd{ line-height: 25px; color: #555555; }
.jobinfo .jobemail{background: #f3f3f3; margin-top: 50px; line-height: 25px; padding: 20px;}
.jobinfo .jobemail span{ color: #0139A0; }

/* 新闻资讯列表页 */
.newslist{}
.newslist ul{}
.newslist ul li{overflow: hidden; border-bottom: 1px dashed #E7E7E7; height: 40px; line-height: 40px;}
.newslist ul li h2{float: left; font-size: 13px; }
.newslist ul li h2 a{color: #666;}
.newslist ul li h2 a:hover{color: #0139A0;}
.newslist ul li time{float: right;color: #999; }
.newslist ul li time i{float: left;}



/* 新闻资讯列表页带缩略图 */
.newslistimg{}
.newslistimg ul{}
.newslistimg ul li{overflow: hidden; border: 1px solid #E7E7E7; margin-bottom: 20px; padding: 30px;}
.newslistimg ul li .text{ width: 100%; }
.newslistimg ul li .text h2{font-size: 18px; }
.newslistimg ul li .text h2:hover{color: #C52323; }
.newslistimg ul li .text time{display: block; margin: 10px 0; color: #999; }
.newslistimg ul li .text p{ text-align: justify; line-height: 24px; color: #666;}

/* 新闻资讯详情页 */
.newsinfo{margin: 30px 0;}
.ninfo { width: 100%;} 
.ninfo dd{ padding: 20px 0; text-align: center;} 
.ninfo dd h2{ font-size: 28px; margin-bottom: 20px;} 
.ninfo dd time{display: block; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7; font-size: 16px; padding: 15px 0;} 
.ninfo .info{ line-height: 24px; font-size: 15px;} 

/* 新闻详情页右边推荐 */
.newsTJ{ width: 26%; margin-left: 4%;}
.newsTJ h3{display: block; font-size: 22px; color: #C52323; border-bottom: 1px solid #E7E7E7; height: 40px;line-height: 40px; margin-bottom: 15px;}
.newsTJ dd{ margin-bottom: 15px;}
.newsTJ ul{}
.newsTJ ul li{ height: 26px; line-height: 26px;}
.newsTJ ul li a{ color: #666;}
.newsTJ ul li a:hover{ color: #C52323;}


/* 产品列表 */
.product { margin-bottom: 60px;}
.product ul {}
.product ul li{float: left; margin-bottom: 30px;}
.product ul li dd{background: #FFF;  box-shadow: 0 0 5px #ccc; text-align: center;}
.product ul li dd h2{ color: #666;font-size: 15px; line-height: 24px; border-top: 1px solid #e7e7e7; padding: 15px 0; }
.product ul li dd img{ width: 100%;}


/* 产品详情 */
.productshow{ margin: 30px 0;}
.productinfo-l{ width: 50%;}
.productinfo-r{ width: 46%; margin-left: 4%;}
.productinfo-r h2{ font-size: 22px; border-bottom: 1px solid #E7E7E7; margin-bottom: 10px; padding-bottom: 10px; line-height: 32px;}
.productinfo-r p{color: #666;line-height: 26px; padding: 5px 0;}
.productinfo-r p b{color: #c52323;}

.productinfo{overflow: hidden; clear: both; margin: 30px 0;line-height: 32px;}
.productinfo h3{font-size: 24px; font-weight: bold; color: #0139A0; border-bottom: 1px solid #E7E7E7; margin-bottom: 10px; padding-bottom: 10px; line-height: 32px;}
.productinfo .tit1{width: 110px;
height: 48px;line-height: 48px;text-align: center;color:#fff;font-size: 16px;
background: #0139A0;}
.productinfo .tit{border-bottom: 1px solid #EBEBEB;margin: 40px 0;}
/* 产品详情页右边推荐 */
.product_tj{ width: 46%; margin-left: 4%;}


.ccc{overflow-x: scroll;}
@media (min-width:1024px) and (max-width:1199px) {

}


@media (min-width:768px) and (max-width:1023px) {
	
	.location .here{margin-top: 0;}
	.main_left{display: none; margin-left: 0;}
	.main_right{ width: 100%;}
	.honor ul li{ width: 50%;}
	.product ul li{ width: 50%;}
	.joblist ul li{width: 100%;}
	
	


}


@media screen and (max-width:767px) {
	.location .here{margin-top: 0;}
	.nav{margin-bottom: 0;}
	.main_left{display: none;margin-left: 0;}
	.main_right{width: 100%; padding: 15px;}
	.subnav ul li{ margin-bottom: 20px;}
	.subnav ul li:nth-of-type(2n+0){ margin-right: 0;}
	.subnav ul li a{padding: 0 32px;}
	.honor ul li{ width: 50%;}
	.product{margin: 0;}
	.product ul li{width: 50%; margin-bottom: 20px;}
	.newslist ul li time{display: none;}

	.ninfo{ width: 100%;}
	.ninfo dd h2{font-size: 22px;}
	.ninfo dd time{font-size: 13px;}
	
	.contact h2{font-size: 26px;}
	.contact ul li{ width: 100%;}
	.map{padding: 10px;}
	.more {width: 100%}
	.productinfo table td{word-break: keep-all;}

}

