@charset "utf-8";
/* CSS Document */
body{font-family:"微软雅黑";}
*{margin:0; padding:0; border:0; font-family:"微软雅黑"; box-sizing: border-box; }
ul,li{list-style:none; margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0; border:0;}
a,a:hover{ text-decoration:none;}

.logo{padding:20px 0px;}
.dianhua{ float:right; width:320px; background:url(../images/dianhua.png) right no-repeat;}
.dianhua p{font-size: 16px; color: rgb(51, 51, 51); margin-top:25px;}
.dianhua span{color: #27497b; font-size: 32px;}
.nav{ background-image:url(../images/nav.png);}
.nav ul li { float:left; padding:0px 35px;}
.nav ul li a{ color:#fff; line-height:55px; padding:14px 0;}
.nav ul li a.dq{ border-bottom:3px solid #fff;}
.nav ul li a:hover{ border-bottom:3px solid #fff;}

/*----------------------------------------banner-------------------------------------*/
.carousel {width: 100%;overflow: hidden;position: relative;}
.carousel .swiper-wrapper .swiper-slide {width: 100%;}
.carousel .swiper-wrapper .swiper-slide a {display: block;}
.carousel .swiper-wrapper .swiper-slide img {width: 100%;display: block;}
.carousel .swiper-pagination.carousel_fy {bottom: 30px;display: flex;align-items: center;justify-content: center;}
.carousel .swiper-pagination.carousel_fy span {display: block;width: 8px;height: 8px;background:#fff;margin: 0 3px;border-radius: 5px;opacity: 1;transition: all 0.3s;}
.carousel .swiper-pagination.carousel_fy span.swiper-pagination-bullet-active {width:15px;background: #fff;transition: all 0.3s;}

.bt{ text-align:center; margin-bottom:30px;}
.bt span{font-size:32px; color:#333; padding:0 15px; font-weight:bold;}
.btl{ background:url(../images/titl01.png); display: inline-block; width: 230px; height: 3px;}
.btr{ background:url(../images/titr01.png); display: inline-block; width: 230px; height: 3px;}
.product{ padding-top:30px;}
.left{ background-color:#27497b; width:300px; padding:12px; border-radius:5px; float:left;}
.left h2{ color:#fff; text-align:center;}
.left p{ font-size:16px;}
.left ul { background-color:#fff; margin-top:10px;}
.left ul li{ border-bottom:1px dashed #ccc; padding:10px;  background:url(../images/projt.png) right no-repeat; background-position:240px; }
.left ul li a{ color:#333;}
.left ul li:hover{  background-color:#27497b;}
.left ul li:hover a{ color:#fff;}
.right{ width:920px; float:right;}
.right ul li{ width:32.33%; float:left; margin:10px 0.5%; background-color:#eee;}
.right ul li img{ width:100%;}
.right ul li p{ text-align:center; padding:20px 0px; overflow:hidden; white-space: nowrap;}
.right ul li p a{ color:#333;}
.right ul li:hover{  background-color:#27497b;}
.right ul li:hover a{ color:#fff;}

.about{ background-color:#f5f5f5; margin-top:20px; padding:30px 0px 40px;}
.about img{ float:left; width:360px;}
.abright{ background-color:#fff; float:right; width:880px; padding:20px;}
.abright h2{ margin-bottom:10px;}
.abright p{ line-height:25px; margin-bottom:5px;}
.abright p a{ text-align:center; color:#fff; background-color:#27497b; border:1px solid #27497b; padding:10px; border-radius:5px; margin-top:20px; display:block; width:120px;}
.abright p a:hover{ background-color:#fff; border:1px dashed #27497b; color:#27497b;}

.gongcheng{ padding:30px 0px 20px;}
.gongcheng ul li{ width:24%; float:left; margin:10px 0.5%; background-color:#eee;}
.gongcheng ul li img{ width:100%;}
.gongcheng ul li p{ text-align:center; padding:20px 0px;}
.gongcheng ul li p a{ color:#333;}
.gongcheng ul li:hover{  background-color:#27497b;}
.gongcheng ul li:hover a{ color:#fff;}

.news{ background-color:#f5f5f5; margin-top:20px; padding:30px 0px;}
.news ul li { width:99%; margin:0px 0.5% 10px; float:left; background-color:#fff;}
.news ul li { display: block; padding:30px 20px;}
.news ul li .time { width: 56px;display: flex; align-items: center; justify-content: center; flex-direction: column; float: left;}
.news ul li .time .dat {font-size:50px; color: #333; line-height: 24px; font-weight:bold;}
.news ul li .time .year { font-size:14px; color: #333; margin-top: 12px;}
.news ul li .News_list_nr { float: right; width: 86.86%; padding-left: 30px; position: relative; margin-top: 1.5px; border-left:1px solid #ccc;}
.news ul li .News_list_nr h6 { font-size: 18px; color: #333; overflow: hidden;  font-weight:bold;}
.news ul li .News_list_nr h6 a{color: #333; }
.news ul li .News_list_nr p { font-size: 14px; color: #888; line-height: 22px; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news ul li:hover{ background-color:#27497b; color:#fff;}
.news ul li:hover .time .dat { color: #fff; }
.news ul li:hover .time .year { color: #fff;}
.news ul li:hover .News_list_nr h6 a{color: #fff; }
.news ul li:hover .News_list_nr p { color: #ccc;}
.nel,.ner{ width:50%; float:left;}
.news h4{ background-color:#fff; padding:10px; width:99%; margin:0px 0.5% 10px;}

.cpzs{ padding-top:30px;}
.cpzs li{ width:297px; float:left; margin:10px; background-color:#eee;}
.cpzs li img{ width:100%;}
.cpzs li p{ text-align:center; padding:20px 0px; color:#333;}
.cpzs li p a{ color:#333;}
.cpzs li:hover{  background-color:#27497b;}
.cpzs li:hover a p{ color:#fff;}

.foot{ background-color:#27497b; margin-top:30px; padding-bottom:5px;}
.dbnav{ border-bottom:1px dashed #aaa; margin-bottom:10px;}
.dbnav ul li { float:left; padding:0px 35px;}
.dbnav ul li a{ color:#ccc; line-height:50px;}
.dbnav ul li a:hover{ color:#fff;}
.banquan{ text-align:center;}
.banquan p{ color:#ccc; font-size:14px; line-height:25px;}
.banquan a{ color:#fff;}
.youqing{background-color:#27497b; padding-bottom:5px;}
.youqing p{ color:#ccc; font-size:14px;}
.youqing a{ color:#aaa; margin:0px 5px;}
.youqing a:hover{ color:#eee;}

.rbt{ background-color:#f5f5f5; border-bottom:1px solid #ccc; height:63px; margin-bottom:10px;}
.rbt h2{ border-bottom:3px solid #27497b; width:150px; text-align:center; padding:15px 0; margin-top:1px;}
.rbt span{ float:right; margin-top:-40px; font-size:14px; color:#666; margin-right:10px;}
.rbt span a{ color:#666;}
.rbt span a:hover{ color:#333;}
.page{ text-align:center; padding:20px 0px; color:#666; font-size:14px;}
.page a{ color:#666;}

.new{ width:920px; float:right;}
.new ul li { width:100%; margin:0px 0px 10px; float:left; background-color:#f5f5f5;}
.new ul li { display: block; padding:30px 20px;}
.new ul li .time { width: 56px;display: flex; align-items: center; justify-content: center; flex-direction: column; float: left;}
.new ul li .time .dat {font-size:50px; color: #333; line-height: 24px; font-weight:bold;}
.new ul li .time .year { font-size:14px; color: #333; margin-top: 12px;}
.new ul li .News_list_nr { float: right; width: 86.86%; padding-left: 30px; position: relative; margin-top: 1.5px; border-left:1px solid #ccc;}
.new ul li .News_list_nr h6 { font-size: 18px; color: #333; overflow: hidden;  font-weight:bold;}
.new ul li .News_list_nr h6 a{color: #333; }
.new ul li .News_list_nr p { font-size: 14px; color: #888; line-height: 22px; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.new ul li a:hover{ background-color:#f7f7f7;}
.new ul li a:hover .News_list_nr h6 {  color: #014199; transition: all 0.3s;}

.gongsi{ width:920px; float:right;}
.gongsi h3{ padding:20px;}
.gongsi p{ line-height:25px; text-indent:2em; margin-bottom:5px; padding:0 20px; color:#333;}
.gongsi img { display:block; margin:0 auto;}

.xiaoshou{ width:920px; float:right;}
.xiaoshou h3{ color:#F00; padding:20px;}
.xiaoshou img{ margin:20px auto; display:block;}

.lianxi{ width:920px; float:right;}
.lianxi h3{ color:#F00; font-size:38px; font-weight:500; margin:25px 40px;}
.lianxi p{ font-size:24px; color:#333; margin:15px 40px;}
.lianxi p a{ color:#333;}
.lianxi p a:hover{ color:#27497b;}

.neirong{ width:920px; float:right;}
.neirong h3{ text-align:center; padding:20px 0px; font-size:24px;}
.neirong .fabu{padding:5px 0px 15px; border-bottom:1px dashed #ccc; margin-bottom:20px;}
.neirong .fabu li{ float:left; width:33.33%; text-align:center; font-size:14px; color:#999;}
.nr img{ display:block; margin:20px auto;}
.nr p{ line-height:25px; margin-bottom:5px; text-indent:2em;}

.fanye ul li{ margin-bottom:5px;}
.fanye ul li a{ color:#555;}
.fanye ul li a:hover{ color:#333;}
.cptj{ margin-top:20px; border-top:1px solid #eee;}
.cptui{ margin-bottom:20px;}
.cptui h4{ margin:10px;}
.cptui ul li{ width:24%; float:left; margin:10px 0.5%; background-color:#eee;}
.cptui ul li img{ width:100%;}
.cptui ul li p{ text-align:center; padding:20px 0px; overflow:hidden; white-space: nowrap;}
.cptui ul li p a{ color:#333;}
.cptui ul li:hover{  background-color:#27497b;}
.cptui ul li:hover p a{ color:#fff;}
.xwtj{ margin:20px 0px; border-top:1px solid #eee;}
.xwtui{ width:50%; float:left; border-right:1px dashed #eee; padding:15px;}
.xwtui h4{ margin:10px;}
.xwtui ul li{ margin-bottom:5px; color:#333;}
.xwtui ul li a{ font-size:14px; color:#333; margin-left:5px;}
.xwtui ul li span{ float:right; font-size:14px; color:#999;}
.xwtui ul li a:hover{ color:#333;}

table{ width:100%;}
@media (min-width: 1240px){
.dnyc{ display:none;}
.c1440{ width:1240px; margin:0 auto;}
.nav{ height:55px; background-color:#27497b;}
}
@media (max-width: 1239px){
.dianhua,.dbnav{ display:none;}
.top img{ height:80px;}
.nav ul li{ width:33.33%; padding:0px; text-align:center;}
.c1440{ width:98%; margin:0 auto;}
.left,.right,.about img,.abright,.new,.gongsi,.xiaoshou,.lianxi,.neirong{ width:100%;}
.left ul li{ width:50%; float:left; background:none;}
.right ul li{ width:49%;}
.gongcheng ul li{ width:49%;}
.nel,.ner{ width:100%; float:left;}
.news ul li{width:100%; margin: 0px 0 10px;}
.banquan{ text-align:left; padding:10px;}
.gongsi img,.xiaoshou img,.neirong img{ width:100%;}
.rbt{ margin-bottom:40px; height:56px;}
.rbt h2{ margin-bottom:10px; font-size:18px;}
.rbt span{float:none; margin-top:0px; font-size: 14px; color: #666;}
.cptui ul li{ width:49%;}
.xwtui{ width:100%; border-right:none; border-bottom:1px dashed #eee;}
}
@media (max-width: 768px){
.btl,.btr{display:none;}
.left{padding:12px 1px;}
.left ul li{padding: 10px 0px 10px 10px;}
.left ul li a{ font-size:14px;}
.right ul li p a{ font-size:14px;}
.news ul li{padding:30px 0px;}
.news ul li .News_list_nr{width:83%; padding-left:10px;}
.news ul li .time .dat{ font-size:40px;}
.new ul li{padding:30px 0px;}
.new ul li .News_list_nr{width:83%; padding-left:10px;}
.news ul li .time .dat{ font-size:40px;}
.nav ul li a{padding:6px 0; line-height:40px;}
.product{padding-top:10px;}
.left h2{ font-size:16px;}
.left h2 p{display:none;}

.lianxi h3{font-size:28px; margin: 25px 0px 25px 5px;}
.lianxi p{font-size:20px; margin:15px 0px 15px 5px;}
.fab{display:none;}
.neirong .fabu li{ width:50%;}
}