*{ margin:0px; padding:0px;}
html{min-width: 1200px;font-size:15px;}
body{ font-size:16px;color:#333;font-family: "微软雅黑";}
ul{list-style:none;}
li{list-style: none;}
a{ text-decoration:none;color:#333;font-size:14px;}
img{border:none;}
.container{width: 1200px; margin: 0 auto;}
.clearfix{zoom:1;}
.clearfix:after{display:block;clear:both;content:"";
}
.fl{float: left;}
.fr{float: right;}
/*共同标题*/
.co-tit{
width: 100%;
height: 150px;
text-align: center;
}
.co-tit .name{
text-align: center;
font-size: 34px;
font-weight: bold;
}
.co-tit .name span{
color:#111;
}
.co-tit .xian{
display: inline-block;
width: 500px;
height: 1px;
background:#9A9A9A;
}
.co-tit .desc{
line-height: 54px;
font-size: 16px;
color: #666;
}
/*共同标题*/
/*logo*/
.logo{
width: 100%;
}
.logo .logo-con{
width: 100%;
overflow: hidden;
}
.logo .logo-con .logo-img{
width: 240px;
height: 130px;
}
.logo .logo-con .logo-img img{
width: 100%;
height: 100%;
}
.logo .logo-con .logo-box{
width: 550px;
height: 80px;
margin-top:25px;
border-left: 1px solid #e1e1e1;
box-sizing:border-box;
margin-left: 10px;
}
.logo .logo-con .logo-box .box-name{
font-size: 24px;
color: #333;
font-weight: bold;
margin-top:5px;
margin-left:45px;
}
.logo .logo-con .logo-box .box-desc{
color: #333;
font-size: 18px;
margin-left:45px;
margin-top:10px;
}
.logo .logo-con .logo-desc .desc-top{
font-size: 19px;
font-weight: bold;
color: #333;
margin-top:10px;
}
.logo .logo-con .logo-desc .desc-bot{
font-size: 14px;
color: #666666;
margin-top:10px;
}
.logo .logo-con .logo-dh{
width: 270px;
height: 80px;
margin-top:25px;
}
.logo .logo-con .logo-dh .sj{
width: 59px;
height: 53px;
text-align: center;
margin-top: 14px;
}
.logo .logo-con .logo-dh .sj-sz{
width: 190px;
height: 100%;
}
.logo .logo-con .logo-dh .sj-sz .zx{
color: #333333;
font-size: 16px;
margin-top:15px;
}
.logo .logo-con .logo-dh .sj-sz .qg{
font-size: 26px;
line-height: 32px;
color: #333;
font-weight:700;
}
/*logo*/
/*导航*/
.menu{
width: 100%;
border-top:1px solid #E1E1E1;
}
.menu .menu-ul{
display: flex;
overflow: inherit;
}
.menu-ul .menu-list{
float: left;
flex:1;
text-align:center;
position:relative;
}
.menu-ul .menu-list:before{
display: inline-block;
content:'';
width: 1px;
height: 20px;
background-color:#E1E1E1;
position:absolute;
top:50%;
margin-top:-10px;
right:0;
}
.menu-ul .menu-list:last-child:before{
display: inline-block;
content:'';
width: 1px;
height: 20px;
background-color:#fff;
position:absolute;
top:50%;
margin-top:-10px;
right:0;
}
.menu-ul .menu-list a{
display: block;
width: 100%;
height:50px;
font-size:16px;
color:#333;
line-height:50px;
transition:all 0.3s;
}
.menu-ul .menu-list a:hover{
border-bottom:3px solid #005AAA;
box-sizing:border-box;
}
/*导航*/
/*banner*/
.cart{
width: 100%;
}
.cart .cart-container{
width: 100%;
}
.cart .swiper-container .swiper-slide{
width: 100%;
height: 600px;
}
.cart .swiper-container .cart-img1{
background:url('../images/11.jpg') center top no-repeat;
background-size:cover;
}
.cart .swiper-container .cart-img2{
background:url('../images/2.jpg') center top no-repeat;
background-size:cover;
}
.cart .swiper-container .cart-img3{
background:url('../images/33.jpg') center top no-repeat;
background-size:cover;
}
.cart .swiper-container .cart-img4{
background:url('../images/44.jpg') center top no-repeat;
background-size:cover;
}
.cart .swiper-container .cart-img5{
background:url('../images/5.jpg') center top no-repeat;
background-size:cover;
}
/*banner*/
/*product*/
.product{
width: 100%;
overflow:hidden;
padding:50px 0 50px 0;
background-color:#fff;
margin-bottom:5px;
position:relative;
}
.product .pro-btn-ul{
width: 100%;
height: 50px;
border-bottom:1px solid rgb(216,216,216);
box-sizing:border-bottom;
margin-bottom:40px;
}
.product .pro-btn-ul .pro-btn-li{
float: left;
width: 200px;
height: 50px;
text-align: center;
line-height:50px;
cursor: pointer;
font-size:17px;
}
.product .pro-btn-ul .active{
color:#005AAA;
border-bottom:3px solid #005AAA;
}
.product .pro-big-ul{
}
.product .pro-big-ul .pro-big-li{
display: none;
}
.product .pro-con{
width: 100%;
z-index:2;
position:relative;
}
.product .pro-con .pro-big-img{
width: 500px;
height: 640px;
background-color:rgb(232,235,242);
transition:all 0.5s;
position:relative;
}
.product .pro-con .pro-big-img a{
width: 100%;
height: 100%;
}
.product .pro-con .pro-big-img .img{
width: 500px;
height: 550px;
overflow:hidden;
}
.product .pro-con .pro-big-img .img img{
width: 500px;
height: 550px;
transition:all 0.5s;
}
.product .pro-con .pro-big-img:hover{
box-shadow: 0 5px 30px rgba(0,0,0,0.3);
}
.product .pro-con .pro-big-img:hover img{
transform: scale(1.05,1.05);
}
.product .pro-con .pro-big-img .content{
text-align: center;
}
.product .pro-con .pro-big-img .content .name{
color:#333;
margin-top:15px;
font-size:20px;
font-weight:700;
}
.product .pro-con .pro-big-img .content .desc{
color: #555555;
font-size:16px;
margin-top:10px;
}
.product .pro-con .pro-big-img .xian{
position:absolute;
bottom:0;
left:0;
width: 100%;
height: 6px;
background-color:#005AAA;
opacity: 0;
transition:all 0.5s;
}
.product .pro-con .pro-big-img:hover .xian{
opacity: 1;
}
.product .pro-con .pro-con-ul{
width: 700px;
}
.product .pro-con .pro-con-ul .pro-con-li{
float: left;
width: 350px;
height: 320px;
position:relative;
}
.product .pro-con .pro-con-ul .pro-con-li a{
display: inline-block;
width: 100%;
height: 100%;
}
.product .pro-con .pro-con-ul .pro-con-li .img{
width: 350px;
height: 240px;
overflow:hidden;
}
.product .pro-con .pro-con-ul .pro-con-li .img img {
width: 100%;
height: 100%;
transition: all 0.5s;
}
.product .pro-con .pro-con-ul .pro-con-li:hover{
box-shadow: 0 5px 30px rgba(0,0,0,0.3);
position:relative;
z-index:99;
}
.product .pro-con .pro-con-ul .pro-con-li:hover img{
transform: scale(1.04,1.04);
}
.product .pro-con .pro-con-ul .pro-con-li .content{
text-align: center;
}
.product .pro-con .pro-con-ul .pro-con-li .content .name{
color:#333;
margin-top:5px;
font-size:20px;
font-weight:700;
}
.product .pro-con .pro-con-ul .pro-con-li .content .desc{
color: #555555;
font-size:16px;
margin-top:5px;
}
.product .pro-con .pro-con-ul .pro-con-li .xian{
position:absolute;
bottom:0;
left:0;
width: 100%;
height: 6px;
background-color:#005AAA;
opacity: 0;
transition:all 0.5s;
}
.product .pro-con .pro-con-ul .pro-con-li:hover .xian{
opacity: 1;
}
.product .product-bb{
width: 100%;
height: 50%;
position:absolute;
left:0;
bottom:0;
background-color:rgb(246,247,249);
z-index:1;
}
/*首页 产品展示 新增样式*/
.product .pro-con .pro-con-ul .pro-con-li {
background-color: #fff;
}
.product .pro-con .pro-con-ul .pro-con-li .img {
position: relative;
z-index: 100;
}
.product .pro-con .pro-con-ul .pro-con-li .content {
display: block;
position: relative;
z-index: 300;
}
.product .pro-con .pro-con-ul .pro-con-li .coverLay {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 200;
opacity: 0.15;
}
.product .pro-con .pro-con-ul .pro-con-li:first-child .coverLay {
opacity: 0;
}
.product .pro-con .pro-con-ul .pro-con-li:last-child .coverLay {
opacity: 0;
}
/*product*/
/*我们的服务*/
.service{
width: 100%;
overflow:hidden;
padding:50px 0 0px 0;
background-color:#efefef;
margin-bottom:5px;
}
.ser-ul .ser-li{
width: 600px;
height: 140px;
float:left;
margin-bottom:50px;
text-align:center;
}
.ser-ul .ser-li .ser-li-box{
display: inline-block;
}
.ser-ul .ser-li .img{
width: 100px;
height: 100px;
margin-top:20px;
}
.ser-ul .ser-li .img img{
width: 100%;
height: 100%;
}
.ser-ul .desc{
margin-left:50px;
}
.ser-ul .desc .ser-name{
font-size:22px;
margin-top:15px;
}
.ser-ul .desc .ser-desc{
font-size:17px;
margin-top:10px;
}
.ser-ul .desc .ser-btn{
width: 180px;
height: 37px;
display: inline-block;
border:1px solid #005AAA;
background:#fff;
line-height:37px;
box-sizing:border-box;
text-align:center;
font-size:17px;
color:#005AAA;
margin-top:15px;
}
.ser-ul .desc .ser-btn:hover{
background:rgba(0,90,170,0.1);
}
/*我们的服务*/
/*热门推荐*/
.hot{
width: 100%;
overflow:hidden;
padding:50px 0 50px 0;
background-color:#efefef;
margin-bottom:5px;
}
.hot .hot-li{
float:left;
width: 285px;
background:#fff;
margin-right: 20px;
}
.hot .hot-li:last-child{
margin-right:0px;
}
.hot .hot-li .img{
width: 100%;
height: 309px;
}
.hot .hot-li .img img{
width: 100%;
height: 100%;
}
.hot .hot-li .con{
width: 100%;
height: 313px;
padding:20px;
box-sizing:border-box;
}
.hot .hot-li .con .name{
color:#333;
font-size:20px;
}
.hot .hot-li .con .desc{
width: 100%;
max-height: 170px;
margin-top:15px;
margin-bottom:13px;
line-height:25px;
font-size:15px;
text-align:justify;
color:#555;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.hot .hot-li .con .eng{
font-size:16px;
color:#005AAA;
}
.hot .hot-li .con .zixun{
display: inline-block;
width: 90px;
height: 20px;
font-size:16px;
color:#005AAA;
margin-top:8px;
}
.hot .hot-li .con a:hover{
border-bottom:1px solid #005aaa;
}
/*热门推荐*/
/*关于我们*/
.about{
width: 100%;
overflow:hidden;
padding:60px 0 40px 0;
background-color:#efefef;
}
.about .ab-con{
width: 100%;
height: 350px;
position:relative;
}
.about .ab-con .ab-img{
width: 608px;
height: 350px;
border:1px solid #efefef;
box-sizing: border-box;
}
.about .ab-con .ab-img img{
width: 100%;
height: 100%;
}
.about .ab-con .ab-desc{
width: 560px;
height:350px;
}
.about .ab-con .ab-desc .name{
font-size: 24px;
color: #333;
line-height: 24px;
margin:25px 32px 15px 32px;
}
.about .ab-con .ab-desc .name img{
display:inline-block;
width: 135px;
height: 14px;
}
.about .ab-con .ab-desc .ab-wz{
font-size: 14px;
color: #333;
line-height: 24px;
text-indent: 2rem;
}
.about .ab-con a{
display: block;
width: 82px;
height: 31px;
background: #005AAA;
text-align: center;
font-size: 14px;
color: #fff;
line-height: 31px;
position: absolute;
right: 0px;
bottom: 0px;
}
.about .ab-ul{
width: 100%;
height: 100px;
margin-top:40px;
display: flex;
overflow: inherit;
border:1px solid #fff;
}
.about .ab-ul li{
flex:1;
text-align: center;
line-height:100px;
}
/*关于我们*/
/*新闻咨询*/
.news{
width: 100%;
padding:40px 0 50px 0;
overflow:hidden;
background-color:#fff;
}
.common-tit{
width: 100%;
height: 120px;
text-align: center;
overflow:hidden;
}
.common-tit .cp{
min-width: 150px;
display: inline-block;
font-size: 36px;
font-weight:700;
position:relative;
}
.common-tit .cp:after{
display: inline-block;
content:'';
width: 50px;
height: 1px;
position:absolute;
top:50%;
right:-70px;
background-color:#E1E1E1;
}
.common-tit .cp:before{
display: inline-block;
content:'';
width: 50px;
height: 1px;
position:absolute;
top:50%;
left:-70px;
background-color:#E1E1E1;
}
.common-tit .desc{
margin-top:5px;
font-size: 24px;
color: #333333;
}
.news .news-ul{
width: 100%;
display: flex;
justify-content: space-between;
}
.news .news-ul .news-li{
width: 352px;
}
.news .news-ul .news-li .news-time{
width: 100%;
font-size: 25px;
color: #d6d6d6;
}
.news .news-ul .news-li .news-tit{
width: 100%;
height: 60px;
font-size: 16px;
line-height: 30px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #333;
font-size: 17px;
margin-top:20px;
margin-bottom:20px;
font-weight:700;
}
.news .news-ul .news-li .xian{
width: 15%;
height: 1px;
background: #20396f;
}
.news .news-ul .news-li .news-desc{
width: 100%;
height: 56px;
margin: 18px 0;
line-height: 28px;
text-indent:2rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 14px;
}
.news .news-ul .news-li .nimg{
width: 100%;
height: 260px;
}
.news .news-ul .news-li .nimg img{
width: 100%;
height: 100%;
}
.news .news-ul .news-li .par{
width: 100%;
margin-top:10px;
}
.news .news-ul .news-li .par img{
width: 28px;
height: 29px;
}
.news .news-ul .news-li:hover .news-tit{
color:#0450A3;
}
.news .news-ul .news-li:hover .news-desc{
color:#0450A3;
}
/*新闻咨询*/
/*底部图标*/
.fo-icon{
width: 100%;
padding:0px 0 50px 0;
}
.fo-icon .fo-ul .fo-li{
float: left;
width: 20%;
height: 150px;
}
.fo-icon .fo-ul .fo-li a{
display: inline-block;
width: 100%;
height: 150px;
text-align:center;
transition:all 0.5s;
}
.fo-icon .fo-ul .fo-li a .tb{
margin: 20px 0 0 0;
}
.fo-icon .fo-ul .fo-li a i{
font-size:45px;
}
.fo-icon .fo-ul .fo-li a .name{
font-size: 18px;
line-height: 22px;
color: #333;
margin: 10px 0 0 0;
}
.fo-icon .fo-ul .fo-li a .desc{
font-size: 12px;
line-height: 24px;
color: #888888;
margin: 10px 0 0 0;
}
.fo-icon .fo-ul .fo-li a:hover{
background: rgba(0,0,0,0.8);
color:#fff;
}
.fo-icon .fo-ul .fo-li a:hover .name{
color:#fff;
}
.fo-icon .fo-ul .fo-li a:hover .desc{
color:#fff;
}
/*底部图标*/
/*footer*/
.footer{
width: 100%;
background-color:#2C2C2C;
}
.footer .footer-top{
width: 100%;
height: 300px;
border-bottom:3px solid #3F3E3E;
box-sizing: border-box;
padding:50px 0;
}
.footer .footer-top .footer-le{
width: 400px;
height: 200px;
}
.footer .footer-top .fo-tit{
padding-bottom:20px;
}
.footer .footer-top .fo-tit .name{
font-size: 17px;
font-weight: bold;
color: #fff;
position: relative;
}
.footer .footer-top .fo-tit .desc{
display: inline-block;
width: 33px;
height: 2px;
background: #c54e25;
}
.footer .footer-top .footer-le .lx{
line-height: 25px;
color:#fff;
}
.footer .footer-top .footer-ce{
width: 200px;
height: 200px;
margin-left:100px;
}
.footer .footer-top .footer-ce .fo-ul li{
float: left;
}
.footer .footer-top .footer-ce .fo-ul li a{
display: inline-block;
width: 100px;
color: #fff;
font-size:16px;
margin-bottom:27px;
}
.footer .footer-top .footer-ri{
width: 130px;
height: 200px;
text-align: center;
}
.footer .footer-top .footer-ri img{
width: 130px;
height: 130px;
}
.footer .footer-top .footer-ri p{
margin-top:20px;
color:#fff;
}
.footer .footer-bottom{
width: 100%;
}
.footer .footer-bottom p{
font-size:14px;
color:#fff;
}
.footer .footer-bottom .copy{
text-align: center;
}
.footer .footer-bottom .copy a{
color:#fff;
}
/*footer*/
/*侧边栏*/
.frist{
width: 190px;
height: 60px;
box-sizing:border-box;
position:relative;
position: fixed;
right:-120px;
z-index: 999;
bottom:310px;
background:#111;
transition:all 0.5s;
border-bottom:1px solid #fff;
box-sizing:border-box;
}
.frist:hover{
right:0;
background-color:#111;
}
.frist-content{
display: inline-block;
width: 100%;
height: 100%;
padding:5px 10px 10px 15px;
}
.frist-content i{
font-size:40px;
color:#fff;
line-height:50px;
vertical-align: middle;
padding-right:20px;
}
.frist-content span{
font-size:15px;
color:#fff;
line-height:50px;
}
.two{
width: 170px;
height: 60px;
border-bottom:1px solid #fff;
box-sizing:border-box;
position:relative;
position: fixed;
right:-100px;
bottom:250px;
background:#111;
transition:all 0.5s;
z-index: 999;
}
.two:hover{
right:0;
background-color:#111
}
.two-content{
display: inline-block;
width: 100%;
height: 100%;
padding:5px 10px 10px 15px;
}
.two-content i{
font-size:40px;
color:#fff;
line-height:50px;
vertical-align: middle;
padding-right:20px;
}
.two-content span{
font-size:15px;
color:#fff;
line-height:50px;
}
.four{
width: 170px;
height: 60px;
border-bottom:1px solid #fff;
box-sizing:border-box;
position:relative;
position: fixed;
right:-100px;
bottom:190px;
background:#111;
transition:all 0.5s;
z-index: 999;
}
.four:hover{
right:0;
background-color:#111
}
.four-content{
display: inline-block;
width: 100%;
height: 100%;
padding:5px 10px 10px 15px;
position:relative;
}
.four:hover .fourbox{
display:block;
}
.four-content .fourbox{
width: 120px;
height: 120px;
position:absolute;
bottom:-5px;
left:-130px;
display:none;
}
.four-content .fourbox img{
width: 120px;
height: 120px;
}
.four-content i{
font-size:40px;
color:#fff;
line-height:50px;
vertical-align: middle;
padding-right:20px;
}
.four-content span{
font-size:15px;
color:#fff;
line-height:50px;
}
.five{
width: 70px;
height: 60px;
text-align: center;
position:relative;
position: fixed;
right:0px;
bottom:130px;
background:#111;
transition:all 0.5s;
z-index: 999;
}
.five:hover{
background-color:#111
}
.five-content{
width: 70px;
height: 50px;
position:absolute;
bottom:2.5px;
}
.five-content i{
font-size:20px;
color:#fff;
}
.five-content a{
font-size:12px;
color:#fff;
}
/*侧边栏*/
/*空白页*/
.kby{
width: 100%;
padding:0px 0 50px 0;
}
.kby .big-img{
width: 100%;
height: 400px;
margin-bottom:50px;
}
.kby .big-img img{
width: 100%;
height: 100%;
}
.kby .kby-left{
width: 260px;
}
.kby .kby-left .kby-top{
width: 100%;
height: 90px;
background:#333;
text-align: center;
color:#fff;
overflow: hidden;
}
.kby .kby-left .kby-top .name{
font-size:28px;
margin-top:18px;
}
.kby .kby-left .kby-top .desc{
font-size:16px;
margin-top:1px;
}
.kby .kby-left .kby-ul{
width: 100%;
border:3px solid #333;
box-sizing:border-box;
padding:0 5px;
background:#fff;
margin-bottom:50px;
}
.kby .kby-left .kby-ul li{
width: 100%;
height: 50px;
line-height:50px;
text-align:center;
background:#efefef;
margin-top:5px;
}
.kby .kby-left .kby-ul li:last-child{
margin-bottom:5px;
}
.kby .kby-left .kby-ul li a{
font-size:16px;
display: inline-block;
width: 100%;
height: 100%;
}
.kby .kby-left .kby-ul li a:hover{
font-weight:700;
color:#005AAA;
}
.kby .kby-left .kby-lx{
}
.kby .kby-left .kby-lx .kby-lx-top{
width: 100%;
height: 90px;
background:#333;
text-align: center;
color:#fff;
overflow: hidden;
}
.kby .kby-left .kby-lx .kby-lx-top .name{
font-size:28px;
margin-top:18px;
}
.kby .kby-left .kby-lx .kby-lx-top .desc{
font-size:16px;
margin-top:1px;
}
.kby .kby-left .kby-lx .lx-con{
width: 100%;
border:3px solid #333;
box-sizing:border-box;
padding:0 10px;
background:#fff;
}
.kby .kby-left .kby-lx .lx-con p{
margin-top:10px;
font-size:15px;
}
.kby .kby-left .kby-lx .lx-con p:last-child{
margin-bottom:10px;
}
.kby .kby-right{
width: 900px;
}
.kby .kby-right .ri-tit{
width: 100%;
height: 50px;
border-bottom: 1px dashed #333;
}
.kby .kby-right .ri-tit .wm{
line-height: 50px;
font-size: 28px;
color: rgb(42, 42, 42);
}
.kby .kby-right .ri-tit .wz{
line-height:50px;
color: #000;
font-size: 14px;
}
.kby .kby-right .ri-tit .wz img{
width: 30px;
height: 30px;
float: left;
margin-top:10px;
margin-right:5px;
}
.kby .kby-right .ri-tit .wz a{
color: #000;
font-size: 14px;
}
.kby .kby-right .ri-con{
width: 100%;
margin-top:30px;
font-size: 16px;
color: rgb(42, 42, 42);
line-height: 30px;
}
/*空白页*/