html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{font-family: "Microsoft YaHei"; margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.left{float: left;}
.right{float:right;}
.clear{clear:both;}
/*#grid li{ position: relative; }
#grid li h3{ background: rgba(0,0,0,.8); position: absolute; top:100%; height: 100%; width: 100%; }
*/
/*******Css sprite*******/
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#7dadd5;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#7dadd5;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
.wrap{margin:0 auto; overflow: hidden;}
.logo{font-size:28px;}
.logo img{vertical-align:middle;}
.tel{padding:3px 0 4px 28px;height:24px;background-position:0 -176px;clear:right;}
.tel span{color:#ff0000;vertical-align:-3px;font-size:24px;}
.main{overflow:visible;}
.main .inner{ overflow: visible; }
.widget{overflow:hidden;margin-bottom:20px;width:230px;line-height:34px;}
.widget dd a{padding-left:19px;background-position:0 -59px;color:#444;}
.widget a:hover{color:#0075c5;}
.widget .clicked{background-position:0px -78px;}
.widget .clicked a{background-position:0px -86px;color:#fff;}
.widget ol{margin-left:10px;}
.widget dd{padding-left:8px;height:30px;}
.widget ul{padding-left:28px;}
.widget p{margin-left:6px;font-size:12px;line-height:20px;}
.short_title{margin-bottom:15px;height:34px;border-radius:2px 2px 0 0;background-position:0 -44px;width:100%;overflow:hidden;zoom:1;}
.short_title span{margin-left:12px;padding-left:13px;background-position:0 -33px;color:#f1a3a6;}
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current{padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
.j-main{
width: 1200px;
height: 565px;
background: url(../Image/img_54.jpg) no-repeat center;
}
.j-main h3{
text-align: center;
font-size: 18px;
line-height: 40px;
color: #555;
padding:40px 240px;
}
.j-main ul{
overflow: hidden;
padding:0 50px;
}
.j-main li{
overflow: hidden;
float: left;
}
.j-main li+li{
float: right;
}
.j-main li a{
display: block;
width: 500px;
height: 326px;
}
.j-main li:nth-child(1) a{
background: url(../Image/rc01.jpg) no-repeat;
}
.j-main li:nth-child(1) a:hover{
background: url(../Image/rc03.jpg) no-repeat;
}
.j-main li:nth-child(2) a{
background: url(../Image/rc02.jpg) no-repeat;
}
.j-main li:nth-child(2) a:hover{
background: url(../Image/rc04.jpg) no-repeat;
}
/* jobs 重写*/
.jobs-info{
border:1px solid #ccc;
border-collapse: collapse;
width: 100%;
}
.jobs-tit{
text-align: center;
height: 42px;
line-height: 42px;
background: #7cacd4;
font-size: 18px;
color: #fff;
}
.jobs-tit a{
font-size: 22px;
color: #fd8800;
font-weight: bold;
}
.jobs-info th{
background: #333333;
text-align: center;
font-size: 14px;
color: #ffffff;
font-weight: bold;
}
.jobs-info td{
font-size: 14px;
color: #666666;
line-height: 24px;
}
.jobs-info td h3{
font-size: 14px;
font-weight: bold;
color: #666666;
}
.jobs-info th,
.jobs-info td{
border:1px solid #ccc;
text-align: center;
padding:10px;
}
.jobs-info .jobs-txt p{
text-align: left;
font-size: 14px;
color: #666666;
}
/*产品页样式*/
.pro-type{width: 100%; margin: 15px 0 20px;}
.pro-type ul{text-align: center;}
.pro-type ul li{width: 180px;display: inline-flex;margin: 0 40px;}
.pro-type a{width: 180px;text-align: center;height: 45px;line-height: 45px; font-size: 18px; color: #fff; background: #226aad;margin: 15px 0 0;border-radius: 30px;}
.pro-type a:hover{background: #4da7db;color: #000;}
.pro-in{width: 100%;box-sizing: border-box;}
.n_pro{padding:20px 0;background: #fff;overflow: hidden;}
a{
transition: all 0.3s;
}
.n_pro li{
width: 237px;
height: 180px;
background: #f7f7f7;
padding: 20px;
float: left;
margin:0 10px 20px;
}
.n_pro li a{
display: block;
}
.n_pro li a:hover{
transform: translateY(10px);
}
.n_pro li .art_title{
width: 100%;
height: 55px;
}
.n_pro li h3{
width: 100%;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #242424;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.n_pro li p{
width: 100%;
height: 86px;
overflow: hidden;
line-height: 27px;
font-size: 14px;
color: #7e7e7e;
text-align: justify;
margin: 10px 0;
}
.n_pro li .new-img{
width: 237px;
height: 147px;
overflow: hidden;
}
.n_pro li .new-img img{
width: 237px;
height: 147px;
object-fit: cover;
}
/*产品内页*/
.pro-h{color:#888787;font-size: 14px;font-family: "Microsoft YaHei";padding-bottom: 24px;border-bottom: 1px dotted #868686;text-align:center;line-height:28px;margin-bottom: 20px;}
.pro-h img{width: 600px;height: 400px;object-fit: contain;}
.pro-xq{width: 100%;float: left;overflow: hidden;background: #f0f1f2;margin: 15px 0;}
.pro-xq span{padding: 10px 5%;display: block;font-size: 20px;color: #fff;background: #226aad;float: left;}
/***************global*****************/
.pro li{float:left;overflow:hidden;margin: 0 7px 20px;width:276px;text-align:center;white-space:nowrap;*margin:0 10px 20px 18px;}
.pro span{padding-left:15px;background-position:0 -114px;}
.pro img{padding:3px;width: 267px; height: 190px;;border:1px solid #dcdcdc;}
.pro a{*color:#444;}
.pro a:hover{color:#0075c5;}
.pro img:hover{border:1px solid #0075c5;}
.video-btn{
position: fixed;
top:50%;
left: 50%;
margin-top: -275px;
margin-left:-475px;
display: none;
z-index: 99999;
}
.video-shut{
position: fixed;
top:10%;
right: 5%;
width: 32px;
height: 32px;
cursor: pointer;
background: url(../Image/ico-close.png) no-repeat;
background-repeat: no-repeat;
}
#shadow{
position: fixed;
opacity: 0.9;
filter:alpha(opacity=90);
bottom:0;
left: 0;
right: 0;
top: 0;
background:black;
z-index: 100;
display: none;
}
/*************index&goods**************/
.n_indu{
padding:20px 0;
background: #fff;
overflow: hidden;
}
a{
transition: all 0.3s;
}
.n_indu li{
width: 237px;
height: 316px;
background: #f7f7f7;
padding: 20px;
float: left;
margin:0 10px 20px;
}
.n_indu li a{
display: block;
}
.n_indu li a:hover{
transform: translateY(10px);
}
.n_indu li .art_title{
width: 100%;
height: 160px;
}
.n_indu li h3{
width: 100%;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #242424;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.n_indu li p{
width: 100%;
height: 86px;
overflow: hidden;
line-height: 27px;
font-size: 14px;
color: #7e7e7e;
text-align: justify;
margin: 10px 0;
}
.n_indu li .new-img{
width: 237px;
height: 147px;
overflow: hidden;
}
.n_indu li .new-img img{
width: 237px;
height: 147px;
object-fit: cover;
}
/****************news*****************/
.news_title{font-size: 27px;color:#5f5f5f;text-align:center;margin:25px 0;}
.meta{color:#888787;font-size: 14px;font-family: "Microsoft YaHei";padding-bottom: 24px;border-bottom: 1px dotted #868686;text-align:center;line-height:28px;margin-bottom: 20px;}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#0075c5;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;font-size: 27px;color:#5f5f5f;text-align:center;margin:25px 0;}
.info_title{margin:30px 0 0 27px;height:30px;background:#f0f0f0;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#414141;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
/*上一页_下一页*/
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
/* common styles */
.inner{width: 1200px;margin: 0 auto;overflow: hidden; }
/* header styles */
.bg{ background: url(../Image/h-bg.jpg) no-repeat center; overflow: hidden; }
.h-tool{ border-bottom: 1px solid rgba(45,131,184,.3); height: 49px; line-height: 49px; }
.h-tool p{ font-size: 14px; color: #fbfbfb; padding-left: 36px; background: url(../Image/ico-home.png) no-repeat 6px center; }
.h-tool li{ display: inline-block; float: left; padding:0 15px; border-right:1px solid #5096c8; font-size: 14px; color: #fbfbfb; }
.h-tool h3{ padding-left: 24px; background: url(../Image/ico-tel.png) no-repeat left center; }
.h-tool a:hover{ color: #f8d707; }
/* 导航栏 */
.h-top{ padding:17px 0; }
.h-nav a{ display: inline-block; padding: 18px 10px; font-size: 16px; color: #fff; position: relative; }
.h-nav a:after {transition: 0.3s all;content:'';display: block;height: 0;left: 50%;position: absolute; width: 0%;bottom: 0;border-bottom: 1px solid #fff;}
.h-nav a:hover:after {width: 100%;left: 0;}
.h-nav a:hover{color: #fff; text-shadow: 1px 1px 2px #FFF;}
/* 首页样式 */
/* 焦点图 */
.apple-banner {
width: 100%;
overflow: hidden;
}
.apple-banner .swiper-container {
margin-top: -40px;
width: 100%;
}
.swiper-button-prev,.swiper-button-next{
width: 15%;
height: 100%;
top:0;
background:none;
}
.swiper-button-prev{
left:0;}
.swiper-button-next{
right:0;}
.swiper-button-prev span,.swiper-button-next span{
display:block;
width: 64px;
height: 64px;
position: absolute;
left: 20px;
top: 50%;
margin-top:-32px;
border-radius: 100%;
background: rgba(180,180,180,0.25) url(../Image/arrows.png) no-repeat center 17px;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.swiper-button-next span{
background: rgba(180,180,180,0.25) url(../Image/arrows.png) no-repeat center -71px;
left:auto;
right:20px;
}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
opacity: .6;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: none; }
/*分页器*/
.apple-banner .swiper-pagination{
top:auto;
bottom:50px;
background:none;
}
.apple-banner .swiper-pagination-bullet {
display: inline-block;
width: 50px;
height: 30px;
margin: 0 3px;
cursor: pointer;
background: none;
border-radius:0;
opacity: 1;
}
.apple-banner .swiper-pagination-bullet span {
width: 50px;
height: 2px;
display: block;
background: rgba(128,128,128,0.2);
}
.apple-banner .swiper-pagination-bullet-active span{
background:gray;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
background: rgba(128,128,128,0.2);
}
.apple-banner .swiper-pagination-bullet i{
background: gray;
height: 2px;
transform:scaleX(0);
transform-origin: 0;
display: block;
}
.apple-banner .autoplay .firsrCurrent i{
transition:transform 2.9s linear;
transform:scaleX(1);
}
.apple-banner .autoplay .current i{
transition:transform 4s linear;
transform:scaleX(1);
}
.apple-banner .autoplay .replace span{
background:gray;
}
/* 关于我们 */
.m-about{ overflow: hidden; }
.tit{ padding:38px 0 58px; overflow: hidden; text-align: center; }
.tit h3{ font-size: 35px; line-height: 1; margin-bottom: 24px; background: linear-gradient(to right, #4c82ba, #5d9bcc); -webkit-background-clip: text; color: transparent; }
.tit p{ font-size: 16px; color: #666666; line-height: 1; }
.tit p:after{ content: ""; display: block; width: 74px; background: #4b83ba; height: 2px; border:none; margin: 20px auto 0; }
.m-about .bd{ position: relative; overflow: hidden; height: 346px; }
.m-about .bd .left > a{ position: relative; display: block; width: 100%; height: 100%;}
.m-about .bd .left a > i{ display: inline-block; width: 48px; height: 48px; background: url(../Image/ico-video.png) no-repeat center; position: absolute; left: 50%; margin-left: -24px; top:105px; transition: all .3s; }
.m-about .bd .left a > h3{ font-size: 18px; color: #333333; position: absolute; left: 50%; margin-left: -36px; top:168px; transition: all .3s; }
.m-about .bd .left:hover a > i{
top:95px;
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */
}
.m-about .bd .left:hover a > h3{ top:178px; }
.m-about .bd .right{ width: 627px; position: absolute; right:0; top:0; }
.m-about .bd .right h3{ height: 42px; line-height: 42px; margin-left: 100px; background: url(../Image/a_logo.png) no-repeat left center; padding-left: 82px; font-size: 20px; color: #4598bc; font-weight: bold; margin-bottom: 10px; }
.m-about .bd .right > div{ height: 294px; background: url(../Image/a_right.png) no-repeat left top; padding:46px 78px 0 36px; }
.m-about .bd .right > div p{ font-size: 16px; color: #ffffff; line-height: 32px; }
.m-about .bd .right > div a{ display: inline-block; margin-top: 20px; width: 97px; height: 32px; border:1px solid #fff; border-radius: 5px; text-align: center; line-height: 32px; font-size: 14px; color: #fff; }
.m-about .bd .right > div a:hover,.m-about .bd .right > div a+a{ background: #4c83bb; border-color: #4c83bb; }
/* 经营范围 */
.m-cope{ overflow: hidden; }
.m-cope .bd li{ float: left; text-align: center; width: 240px; height: 240px; padding-top: 20px; overflow: hidden; }
/*.m-cope .bd li:nth-child(7){ margin-left:200px; }*/
.m-cope .bd li img{ transition: all .3s; }
.m-cope .bd li h3{ line-height: 54px; font-size: 18px; color: #333333; }
.m-cope .bd li h3:after{ content: ""; display: block; transition: all .3s; width: 60px; height: 2px; background: #d9dbdc; border:none; margin:0 auto; }
.m-cope .bd li:hover h3{ font-weight: bold; color: #4c83bb; }
.m-cope .bd li:hover h3:after{ width: 114px; background: #4b83ba; }
.m-cope .bd li:hover img{ margin-top: -10px; }
/* 发展历程 */
#history{ padding-bottom: 30px; }
.m-history{ height: 605px; background: url(../Image/history-bg.jpg) no-repeat center; margin-top: 64px; }
.m-history .tit{ padding:30px 0 0; }
.m-history .tit h3, .m-history .tit p{ color: #fff; }
.m-history .tit p:after{ background: #fff; }
.m-history .bd{ position: relative; width: 1350px; margin:0 auto; }
.m-history .bd .swiper-button-next{ display: inline-block; width: 32px; height: 61px; background: url(../Image/next_btn.png) no-repeat center; position: absolute; right:0; top:50%; margin-top: -30px; }
.m-history .bd .swiper-button-prev{ display: inline-block; width: 32px; height: 61px; background: url(../Image/prev_btn.png) no-repeat center; position: absolute; left:0; top:50%; margin-top: -30px; }
.m-history .bd .swiper-slide{ position: relative; }
.m-history .bd .swiper-slide h3{ background: #4b82ba; padding:15px 0; text-align: center; font-size: 24px; color: #ffffff; border-radius: 10px 10px 0 0; }
.m-history .bd .swiper-slide div{ background: #cee9fc; padding:10px 20px; border-radius: 0 0 30px 0; }
.m-history .bd .swiper-slide div p{ font-size: 15px; color: #333333; line-height: 36px; padding-left: 30px; background: url(../Image/ico-l.jpg) no-repeat left 18px; }
.m-history .bd:after{ content: ""; display: inline-block; height: 1px; background: #fff; border:none; position: absolute; top:50%; width: 1200px; left:50%; margin-left: -600px; }
.m-history .bd .swiper-slide:nth-child(odd){
margin-top: 200px;
}
.m-history .bd .swiper-slide:nth-child(odd):before{
content: "";
display: inline-block;
width: 22px;
height: 22px;
background: #fff;
border-radius: 50%;
position: absolute;
left: 50%;
top:-46px;
margin-left: -11px;
}
.m-history .bd .swiper-slide:nth-child(even):before{
content: "";
display: inline-block;
width: 22px;
height: 22px;
background: #fff;
border-radius: 50%;
position: absolute;
left: 50%;
top:-50px;
margin-left: -11px;
}
.m-history .bd .swiper-slide:hover h3{ background: #7ec9ee; }
.m-history .bd .swiper-slide:nth-child(odd):hover h3:after{ border-bottom-color: #7ec9ee; }
.m-history .bd .swiper-slide:nth-child(even):hover h3:after{ border-top-color: #7ec9ee; }
.m-history .bd .swiper-slide:hover:before{ background: #7ec9ee; }
.m-history .bd .swiper-slide:nth-child(even){
margin-top: 70px;
}
.m-history .bd .swiper-slide:nth-child(odd) h3:after{
content: " ";
position: absolute;
height: 0;
width: 0;
border: solid transparent;
pointer-events: none;
border-width: 15px;
border-bottom-color: #4b82ba;
top: -30px;
left: 50%;
margin-left: -15px;
}
.m-history .bd .swiper-slide:nth-child(even) h3:after{
content: " ";
position: absolute;
height: 0;
width: 0;
border: solid transparent;
pointer-events: none;
border-width: 15px;
border-top-color: #4b82ba;
bottom: -30px;
left: 50%;
margin-left: -15px;
}
.m-history .bd .swiper-slide:nth-child(even){
position: relative;
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
}
.m-history .bd .swiper-slide:nth-child(even) h3{
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
border-radius: 0 0 10px 10px;
}
.m-history .bd .swiper-slide:nth-child(even) > div{
border-radius: 0 0 0 30px;
}
.m-history .bd .swiper-slide:nth-child(even) > div p{
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
}
.m-history .bd .swiper-slide:nth-child(1){ top: 30px; }
.m-history .bd .swiper-slide:nth-child(2){ bottom: 30px; }
.m-history .bd .swiper-slide:nth-child(3){ top: 30px; }
.m-history .bd .swiper-slide:nth-child(4){ bottom: 30px; }
.m-history .bd .swiper-slide:nth-child(5){top: 30px; }
.m-history .bd .swiper-slide:nth-child(6){ bottom: 66px; }
.m-history .bd .swiper-slide:nth-child(7){ top: 30px; }
.m-history .bd .swiper-slide:nth-child(8){ bottom: 66px; }
.m-history .bd .swiper-slide:nth-child(9){ top: 30px; }
.m-history .bd .swiper-slide:nth-child(10){ bottom: 66px; }
/* 新闻动态 */
.m-news{ overflow: hidden; }
.m-news .left{ width: 592px; }
.m-news .left .img{ width: 592px; height: 275px; position: relative; }
.m-news .left .img img{ width: 592px; height: 275px; object-fit: cover; }
.m-news .left .img span{ position: absolute; text-align: center; top:0; left:0; display: inline-block; background: #4c83bb; padding:13px; font-size: 16px; color: #ffffff; }
.m-news .left .img span strong{ display: block; font-size: 36px; color: #ffffff; font-weight: bold; line-height: 1; margin-bottom: 12px; }
.m-news .left h3{ line-height: 50px; font-size: 18px; color: #333333; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-news .left p{ font-size: 16px; color: #999999; line-height: 28px; margin-bottom: 10px; }
.m-news .left a > span{ display: inline-block; width: 122px; height: 35px; line-height: 35px; background: #4c83bb url(../Image/more.jpg) no-repeat left center; text-align: left; box-sizing: border-box; padding-left: 24px; font-size: 16px; color: #fff; transition: all .3s; }
.m-news .left a > span i{ display: inline-block; width: 15px; height: 9px; background: url(../Image/ico-r.png) no-repeat center; margin-left: 36px; }
.m-news .left a:hover > span{ background: #4c83bb url(../Image/more.jpg) no-repeat 60px center; transition: all .3s; }
/*.m-news .tit{ margin:32px 0 24px; }*/
.m-news .right{ width: 588px; overflow: hidden; }
.m-news li{ border:1px solid #dddddd; overflow: hidden; }
.m-news li:nth-child(even){ margin:20px 0; }
.m-news li span{ display: inline-block; padding:26px 13px; margin-right: 12px; font-size: 18px; color: #999999; text-align: center; float: left; }
.m-news li span strong{ display: block; font-size: 40px; color: #555555; }
.m-news li a > div{ padding:10px 36px 10px 0; }
.m-news li h3{ margin-bottom: 12px; line-height: 42px; border-bottom: 1px solid #cccccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #555555; }
.m-news li p{ font-size: 14px; color: #999999; line-height: 26px; }
.m-news li:hover{ border-color: #dddddd; background: #4c83bb; }
.m-news li:hover h3{ color: #fff; border-color: #96b6d7; }
.m-news li:hover p,.m-news li:hover span,.m-news li:hover span strong{ color: #fff; }
#picList {
width: 100%;
padding: 0;
}
#picList li {
transition: all 0.3s;
height: 160px;
padding: 10px;
margin: 20px 0;
border: #ddd 2px solid;
background: #fff;
}
#picList li:hover {
box-shadow: 0 0 3px #000;
border: 2px #fff solid;
}
#picList .picList_date {
float: left;
width: 94px;
height: 160px;
background: url(../Image/news_date.jpg) no-repeat;
position: relative;
top: -20px;
color: #fff;
text-align: center;
}
#picList .picList_date h2 {
font-size: 16px;
color: #aaa;
margin-top: -10px;
}
#picList .picList_date h1 {
font-size: 40px;
color: #444;
line-height: 60px;
}
#picList .picList_img {
float: left;
width: 220px;
height: 160px;
margin: 0 20px;
}
.picList_date h3{ line-height: 36px; }
#picList .Pic_list_txt {
width: 810px;
float: right;
position: relative;
height: 160px;
overflow: hidden;
}
#picList .Pic_list_txt .t1 {
font-size: 18px;
font-weight: bold;
line-height: 30px;
height: 30px;
overflow: hidden;
width: 100%;
color: #188bca;
}
#picList .Pic_list_txt .t2 {
overflow: hidden;
padding: 8px 0;
height: 90px;
font-size: 14px;
line-height: 25px;
color: #666;
}
#picList .Pic_list_txt .t3 {
font-size: 10px;
line-height: 30px;
}
#picList .Pic_list_txt .t3 a{color: #333333;}
#picList .Pic_list_txt .t3 a:hover{color: #f99800;}
#picList .Pic_list_txt .time {
text-align: right;
line-height: 20px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif !important;
}
/* 资质荣誉 */
.m-honor{ height: 534px; background: url(../Image/honor-bg.jpg) no-repeat center; margin-top: 62px; }
.m-honor .bd{ position: relative; width: 1350px; margin:0 auto; }
.m-honor .swiper-container{ width: 1200px; margin:0 auto; }
.m-honor .tit h3, .m-honor .tit p{ color: #fff; }
.m-honor .tit p:after{ background: #fff; }
.m-honor .swiper-button-next{ display: inline-block; width: 32px; height: 61px; background: url(../Image/next_btn.png) no-repeat center; position: absolute; right:0; top:50%; margin-top: -30px; }
.m-honor .swiper-button-prev{ display: inline-block; width: 32px; height: 61px; background: url(../Image/prev_btn.png) no-repeat center; position: absolute; left:0; top:50%; margin-top: -30px; }
.m-honor .swiper-slide{ border-radius: 10px; overflow: hidden; }
.m-honor .swiper-slide img{ width: 100%; height: 200px; object-fit: cover; }
.m-honor .swiper-slide h3{ line-height: 68px; background: #fff; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-top: -4px; border-top:1px solid #ccc; }
.m-honor .swiper-slide a{ display: block; overflow: hidden; }
.m-honor .swiper-slide a:hover h3{ background: #4b82ba; color: #fff; }
/* footer styles */
.footer{ overflow: hidden; clear: both;}
.f-top{ padding:40px 0; background: #f4f9fc; overflow: hidden; }
.f-top img{ margin-right: 34px; float: left; }
.f-top ul{ width: 932px; overflow: hidden; float: left; }
.f-top li{ width: 216px; padding-right: 22px; float: left; box-sizing: border-box; background: url(../Image/f-tel.jpg) no-repeat left center; padding-left: 52px; }
.f-top li:nth-child(1){ background: url(../Image/f-add.jpg) no-repeat left top; width: 280px; }
.f-copy{ padding:30px 0; background: #3b3c41; overflow: hidden; }
.f-ewm{ height: 242px; width: 249px; padding-left: 18px; box-sizing: border-box; float: left; border-right:1px solid #444549; }
.f-ewm p{ font-size: 14px; color: #9599a2; line-height: 32px; }
.f-ewm img{ width: 135px; }
.f-link{height: 242px; padding:0 80px; box-sizing: border-box; width: 249px; border-right:1px solid #444549; float: left; }
.f-link a{ display: block; font-size: 14px; color: #9599a2; line-height: 32px; }
.f-tit{ line-height: 22px; font-size: 16px; color: #fbfbfb; margin-bottom: 32px; }
.f-nav{height: 242px; width: 332px; box-sizing: border-box; border-right:1px solid #444549; float: left; padding:0 85px 0 95px;}
.f-nav a{ color: #9599a2; font-size: 14px; line-height: 32px; display: inline-block; }
.f-nav a:nth-child(even){ margin-left: 34px; }
.f-contact{ width: 370px; float: right; box-sizing: border-box; padding:0 30px 0 72px; }
.f-contact a,.f-contact p{ font-size: 14px; color: #9599a2; display: inline-block; line-height: 36px; display: block; }
.footer a:hover{ color: #fff; }
/* 侧边栏 */
.s-type{ width: 279px; overflow: hidden; }
.s-message h3{ height: 129px; background: url(../Image/message-h3.jpg) no-repeat center; margin-bottom: 30px; }
.s-message label{ display: block; height: 32px; margin-top: 24px; font-size: 14px; color: #333333; }
.s-message label input{ width: 186px; height: 32px; border:1px solid #bebbbb; border-radius: 25px; margin-left: 16px; outline: none; }
.s-message #submit{ display: block; outline: none; width: 100%; cursor: pointer; height: 34px; background: #026f39; border-radius: 25px; font-size: 16px; color: #ffffff; margin-top: 24px; border:none; }
.s-message #submit:hover{ background: #f37700; }
.s-style{ overflow: hidden; }
.s-case h3, .s-style h3{ font-size: 22px; color: #333333; font-weight: bold; line-height: 1; margin: 20px 0; }
.s-style a{ display: inline-block; width: 130px; border-radius: 25px; margin-bottom: 10px; height: 32px; border:1px solid #e3e3e3; text-align: center; line-height: 32px; font-size: 14px; color: #333333; float: left; }
.s-style a:nth-child(odd){ margin-left: 10px; }
.s-style a:hover{ background: #026f39; color: #fff; }
/* article styles */
.wrap{ background: #fff; }
.location{ overflow: hidden; position: relative; margin-top: -36px; z-index: 33; }
.location h3{ display: inline-block; float: left; padding:32px 40px 32px 15px;
background: -webkit-linear-gradient(left, #64c6f3, #175ba2); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #64c6f3, #175ba2); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #64c6f3, #175ba2); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #64c6f3, #175ba2); /* 标准的语法(必须放在最后) */
font-size: 24px;
color: #fff;
font-weight: bold;
float: left;
width: 236px;
}
.location h3:before{
content: "";
display: block;
width: 82px;
height: 2px;
border: none;
background: #fff;
margin: 0 0 15px 5px;
}
.location h3 small{
font-size: 12px;
text-transform: uppercase;
margin-left: 5px;
font-weight: normal;
}
.location p{
margin-left: 20px;
line-height: 48px;
text-align: left;
font-size: 16px;
color: #464646;
border-bottom: 1px solid #ccc;
margin-left: 20px;
width: 889px;
float: left;
margin-top: 63px;
padding-left: 10px;
box-sizing:border-box;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
.article{width:100%; background: #ffffff; box-sizing: border-box; }
.article .focus{ padding:25px; background: #f4f4f4; margin-bottom: 20px; }
img{max-width: 100%;}
.article p{color: #666666;font-size:14px;line-height:30px;}
#allmap p{line-height:10px;margin:10px;}
.title{height: 34px;line-height: 34px;background: #f3f3f3;margin: -15px -15px 15px -15px;}
.title strong{color: #fff; background: #0067cc; font-weight: normal; font-size: 16px; padding:7px 24px; border-left:3px solid #cc0101;}
.title strong small{font-size: 13px;padding-left: 10px;text-transform: uppercase;}
.title span{margin-right: 15px; color: #808080; font-size: 14px;}
.title a{font-size: 14px;color: #808080;}
.title .right a:hover{color:#0067cc;}
/* go top */
/* 新威尼斯v0008简介内页 */
.company h3{ font-size: 36px; color: #333333; line-height: 1; margin:20px auto; text-align: center; }
.company h3 + p{ font-size: 16px; color: #999999; text-align: center; line-height: 1; margin-bottom: 20px; }
.c-2{ overflow: hidden; height: 357px; margin-bottom: 20px; }
.c-2 .left{
width: 600px;
height: 357px;
background: url(../Image/c-left.jpg) no-repeat center;
padding:20px;
box-sizing: border-box;
}
.c-2 .right{
width: 600px;
height: 357px;
background: url(../Image/c-right.jpg) no-repeat center;
padding:20px;
box-sizing: border-box;
}
.c-2 h3{ font-size: 24px; color: #333333; line-height: 62px; }
.c-2 p{ font-size: 14px; color: #333333; line-height: 30px; text-indent: 2em; }