﻿.layui-container{width:1230px;}
/*top*/
.top{height:38px;line-height:38px;color:#666;border-top:4px solid #13459e;}
.top .top-right{background:url(../images/top.png) no-repeat;width:344px;height:38px;text-align:center;color:#fff;}
.top .top-right a{padding:0 8px;transition:all .3s;color:#fff;}
.top .top-right a:hover{color:#7cfdff;}
/*****logobox*****/
.logobox{position:relative;padding:35px 0;}
.media,.media .media{margin-top:0;}
.logo{width:290px;float:left;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{height:42px;float:right;width:880px;margin-top:10px;}
#nav ul>li{float:left;width:10.00%;text-align:center;position:relative;line-height:42px;}
#nav ul>li:last-child{background:none;}
#nav ul>li>a{display:block;font-size:17px;line-height:42px;}
#nav ul>li.active>a{color:#fff;background:#13459e;}
#nav ul .submenu{position:absolute;left:-20px;right:-20px;top:42px;z-index:99;background:#13459e;display:none;}
#nav ul .submenu li{line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#fff;display:block;}
#nav ul .submenu li a:hover{text-decoration:underline;}

/*banner*/
.swiper-container{width:100%;height:680px;}
.swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center;}

/*search*/
.search-box{line-height:80px;height:80px;box-shadow:5px 0 15px #ddd;}
.search-box .link span{font-size:16px;color:#13459e;}
.search-box .link a{padding:0 10px;color:#666;}
.search-box .link a:hover{color:#13459e;}
.search{margin-top:20px;background:#f2f2f2;border-radius:30px;width:300px;}
.search .sousu{width:200px;line-height:36px;background:none;padding-left:10px;color:#666;border:none;}
.search .sou-zi{background:url(../images/search-btn.png) no-repeat;border:none;cursor:pointer;width:74px;height:36px;}

/*大标题*/
.index-title .t1{font-size:36px;color:#13459e;font-weight:bold;line-height:1.5;text-transform:uppercase;}
.index-title .t2{font-size:24px;font-weight:bold;line-height:1.2;}


/*aboutus*/
.about-left{width:629px;float:left;}
.about-right{width:545px;float:right;}
.about-left strong{display:block;font-size:24px;margin-top:25px;}
.about-left .about-txt p{color:#666;text-indent:2em;}
.about-left .about-txt p a{color:#13459e;}
.about-left .about-list{background:url(../images/abt.jpg) bottom center no-repeat;overflow:hidden;}
.about-left .about-list li{width:20%;float:left;}
.about-left .about-list li i{display:block;width:50px;height:50px;margin:auto;}
.about-left .about-list li i.i1{background:url(../images/c-ico1.png) no-repeat;}
.about-left .about-list li i.i2{background:url(../images/c-ico2.png) no-repeat;}
.about-left .about-list li i.i3{background:url(../images/c-ico3.png) no-repeat;}
.about-left .about-list li i.i4{background:url(../images/c-ico4.png) no-repeat;}
.about-left .about-list li i.i5{background:url(../images/c-ico5.png) no-repeat;}
.about-left .about-list li a{display:block;background:#f4f4f4;margin:6px;padding:15px 0;text-align:center;color:#666;}
.about-left .about-list li span{width:25px;height:2px;background:#666;display:block;margin:auto;}
.about-left .about-list li a:hover{background:#13459e;color:#fff;}
.about-left .about-list li a:hover span{background:#fff;}
.about-left .about-list li a:hover i.i1{background:url(../images/c-Hoverico1.png) no-repeat;}
.about-left .about-list li a:hover i.i2{background:url(../images/c-Hoverico2.png) no-repeat;}
.about-left .about-list li a:hover i.i3{background:url(../images/c-Hoverico3.png) no-repeat;}
.about-left .about-list li a:hover i.i4{background:url(../images/c-Hoverico4.png) no-repeat;}
.about-left .about-list li a:hover i.i5{background:url(../images/c-Hoverico5.png) no-repeat;}


/*product*/
.pro-menu a{border:1px solid #cecece;color:#666;line-height:34px;display:inline-block;margin:0 8px;padding:0 15px;}
.pro-menu a:hover{background:#13459e;color:#fff;border:1px solid #13459e;}
.product li{margin-top:30px;}
.product li a{display:block;text-align:center;position:relative;overflow:hidden;}
.product li a .imgBox img{width:100%;height:315px;}
.product li a h3{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;z-index:10;line-height:36px;}
.product li a:hover h3{background:rgba(19,69,158,.7);}

a.pro-more{background:#13459e;width:200px;height:45px;display:block;margin:60px auto 0;line-height:45px;color:#fff;text-align:center;font-size:16px;}
a.pro-more:hover{background:#2156b5;}


/*quality*/
.quality{background:url(../images/ban.jpg) top center no-repeat;height:454px;padding-top:70px;position:relative;}
.quality .index-title .t1,.quality .index-title .t2{color:#fff;}
.quality-cont .qua-img1{position:absolute;top:300px;left:150px;z-index:10;}
.quality-cont .qua-img2{position:absolute;top:150px;left:300px;z-index:10;}
.quality-cont .qua-img3{position:absolute;top:150px;right:300px;z-index:10;}
.quality-cont .qua-img4{position:absolute;top:300px;right:150px;z-index:10;}

.quality-txt{margin-top:260px;color:#fff;font-size:18px;font-weight:bold;line-height:1.5;}
.quality-txt strong{display:block;font-size:24px;}


/*case*/
.case{background:#fafafa;padding:80px 0;overflow:hidden;}
.case-left{width:590px;float:left;}
.case-right{width:590px;float:right;}
.case-cont a{display:block;position:relative;overflow:hidden;}
.case-cont a h3{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;z-index:10;line-height:36px;text-align:center;}
.case-left .case-box1 a img{width:100%;height:290px;}
.case-left .case-box2-item{width:290px;}
.case-left .case-box2-item a img{width:100%;height:290px;}
.case-right .case-box1 a img{width:100%;height:590px;}
.case-cont a:hover h3{background:rgba(19,69,158,.7);}


/*news*/
.news li{margin-top:30px;}
.news li a{display:block;box-shadow:5px 4px 15px #eee;}
.news li a .newsBox{padding:15px 15px 0;}
.news li a .news-img img{width:100%;height:260px;}
.news li a h3{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news li a h3 span{background:url(../images/news-t.png) no-repeat;width:83px;height:28px;line-height:28px;text-align:center;color:#fff;font-size:14px;display:inline-block;margin-right:5px;}
.news li a p{color:#666;margin:5px 0;line-height:26px;}
.news li a .news-more{border-top:1px solid #f1f1f1;line-height:38px;color:#888;}
.news li a .news-more span{float:right;}


/*branch*/
.branch{background:#f9f9f9;padding:80px 0;overflow:hidden;}
.branch-title .t1{font-size:24px;font-weight:bold;line-height:1.5;}
.branch-title .t2{background:url(../images/line.png) center no-repeat;font-size:12px;color:#888;text-transform:uppercase;}
.branch li{margin-top:30px;float:left;width:20%;}
.branch li a{background:#fff;display:block;margin:0 6px;line-height:80px;font-size:18px;color:#777;font-weight:bold;text-align:center;}
.branch li a:hover{background:#13459e;color:#fff;}

/*friendlink*/
.friendlink{padding:20px 0;line-height:40px;}
.friendlink span{color:#13459e;font-size:16px;}
.friendlink a{padding:0 10px;}

.foot{background:#13459e;color:#fff;overflow:hidden;}
.foot a{color:#fff;}
.foot-cont{padding:30px 0;overflow:hidden;}
.foot-cont a{font-size:12px;}
.foot dl{float:left;margin-right:60px;}
.copyright{font-size:12px;border-top:1px solid #315699;padding:15px 0;}
.foot a:hover{color:#7cfdff;}


.listWrap .pro-cate-cont{margin-top:20px;}
.listWrap .pro-cate a{display:block;position:relative;overflow:hidden;}
.listWrap .pro-cate a .picImg{width:100%;height:315px;}
.listWrap .pro-cate a .pro-sub{position:absolute;left:0;right:0;background:rgba(19,69,158,.8);height:315px;top:275px;}
.listWrap .pro-cate a .pro-sub h3{height:40px;background:#13459e;padding:0 15px;color:#fff;font-size:18px;font-weight:bold;}
.listWrap .pro-cate a .pro-sub h3 img{margin-left:10px;}
.listWrap .pro-cate a .pro-sub ul{padding:15px;}
.listWrap .pro-cate a .pro-sub li{color:#fff;font-size:16px;}
/*.listWrap .pro-cate a .pro-sub li:hover{text-decoration:underline;}*/
