@charset "utf-8";
html{font: 14px 'Microsoft Yahei';}
*{
margin: 0;
padding: 0;
border:medium none;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
a,img{border: 0;}
img{display: block;}
a{color: #333;text-decoration: none;}
a{transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
a:hover{text-decoration: none;}
li {list-style-type: none;}
.wrapper{width: 1200px;margin:0px auto;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.clear:after{display: block;content: " ";clear: both;}
h1,h2,h3,h4,h5{font-size: 100%;font-weight: normal;}
.over-flow{
overflow: auto;
zoom: 1; //处理兼容性问题
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom:1;
}
.swiper-slide img{
width:100%;
}
.top{
width:1200px;
height:140px;
margin:0 auto;
position: relative;
}
.top-left{
position: absolute;
top:50%;
left:0px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.top-left1{
position: absolute;
top:50%;
left:200px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-left:1px solid #ccc;
padding-left:25px;
}
.top-left1 .p1{font-size:17px; line-height:40px;}
.top-left1 .p2{font-size:25px; line-height:40px; font-weight:bold; color:#414141;}
.top-right{
position: absolute;
right:5px;
top:50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.right-tel,.right-text{
float: left;
}
.right-tel img{
margin-right:15px;
}
.right-text p:first-child{
font: 16px 'Microsoft YaHei';
color:#383838;
}
.right-text p:last-child{
font: 30px 'Microsoft YaHei';
color:#333;
font-weight: 700;
}
.img-wrap{
float: left;
margin-top: 5px;
margin-right: 10px;
}
.right-text{
float: left;
}
.top .list{
position: absolute;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right:0;
}
.top .list ul li{
float: left;
position: relative;
}
.top .list ul li:first-child:after{
display: block;
content:"";
width:1px;
height: 47px;
background: #d4d4d4;
position: absolute;
left:-16px;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.top .list ul li a{
display: block;
font-size: 14px;
color:#8c8c8c;
}
.top .list ul li a img{
margin:0 auto;
}
.top .list ul li:first-child{
margin-right: 15px;
}
/*nav*/
.nav{
width:100%;
height:60px;
background:#303333;
background-size: 100% 100%;
}
.nav>.wrapper>ul>li{
float: left;
width:145px;
height:60px;
line-height: 60px;
position: relative;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
position: relative;
}
.nav>.wrapper>ul>li>a{
display: block;
color:#fff;
font-family: "Microsoft YaHei";
font-size: 16px;
text-align: center;
}
.nav>.wrapper>ul>li:hover{
background-color:#029848;
}
.nav>.wrapper>ul>li>.erji{
position: absolute;
top:60px;
left:0;
z-index: 10000;
display: none;
}
.nav>.wrapper>ul>li:hover .erji{
display: block;
}
.nav>.wrapper>ul>li>.erji>li{
background: #303333;
position: relative;
width:145px;
height:60px;
line-height: 60px;
text-align: center;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.nav>.wrapper>ul>li>.erji>li>a{
display: block;
color:#fff;
font-family: "Microsoft YaHei";
font-size: 16px;
text-align: center;
}
.nav>.wrapper>ul>li>.erji>li>.sanji{
position: absolute;
left:171px;
top:0;
display: none;
}
.nav>.wrapper>ul>li>.erji>li>.sanji>li{
background: #303333;
position: relative;
width:150px;
height:60px;
line-height: 60px;
text-align: center;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.nav>.wrapper>ul>li>.erji>li>.sanji>li:hover{
background-color:#029848;
}
.nav>.wrapper>ul>li>.erji>li>.sanji>li>a{
display: block;
color:#fff;
font-family: "Microsoft YaHei";
font-size: 16px;
text-align: center;
}
.nav>.wrapper>ul>li>.erji>li:hover{
background-color:#029848;
}
.nav>.wrapper>ul>li>.erji>li:hover .sanji{
display: block!important;
}
/*关键词*/
.guanjianci{
background: url("../images/guanjianbg.png") no-repeat center left;
position: relative;
z-index: 2;
top:-22px;
}
.guanjianci ul{
float: left;
}
.guanjianci .sousuo{
float: right;
}
.guanjianci ul li{
float: left;
line-height: 80px;
}
.guanjianci ul li a{
display: block;
font-size: 16px;
color:#fff;
padding-left:10px;
}
.guanjianci ul li:first-child a{
font-size: 18px;
color:#fff;
font-weight: 700;
}
.search {
width: 225px;
height: 36px;
text-indent: 10px;
border-bottom:1px solid #fff;
outline: none;
margin-top: 10px;
background: none;
color:#fff;
}
.sousuotijiao {
width: 80px;
height: 80px;
background: url("../images/sebg.png") no-repeat center;
color: #fff;
letter-spacing: 2px;
margin-left: -5px;
cursor: pointer;
outline: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
color:#fff;
font-size:16px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#fff;
font-size:16px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#fff;
font-size:16px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#fff;
font-size:16px;
}
/* 本例子css */
.slideBox{overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:5px;transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:8px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%;opacity: 0.4; }
.slideBox .hd ul li.on{ background:rgb(222,156,83); color:#fff; opacity: 0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width: 100%; display:block;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }
.prev{
position: absolute;
right:0;
top:50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height:55px;
cursor: pointer;
}
.next img,.prev img{
height:55px;
}
/* 分类轮播 */
/* .picScroll-left{ width:1200px; overflow:hidden; position:relative; margin:0 auto; margin-bottom:47px;}
.picScroll-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
cursor:pointer; background:url("images/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px; }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px 0; width:1245px; margin:0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-left:16px; float:left; display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:280px; height:250px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999; }
.picScroll-left .bd ul li .title{ line-height:24px; }
.next{
position: absolute;
left:0;
top:50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.prev{
position: absolute;
right:0;
top:50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height:55px;
cursor: pointer;
}
.next img,.prev img{
height:55px;
}
.picList .title p{
font:14px 'Microsoft YaHei';
color:#666;
padding:15px 0px;
}
.picScroll-left .bd ul li{
position: relative;
width: 280px;
}
.picScroll-left .bd ul li:last-child{
margin-right: 0px;
} */
.fenleititle{
font-size: 20px;
font-weight: bold;
color:#333;
display: inline-block;
line-height: 40px;
width: 180px;
border-bottom:2px solid #084f15;
}
/*供应商*/
.gongying{
padding:26px 0 65px 0;
}
.titlefir{
font-size: 44px;
color:#404040;
font-weight: 700;
text-align: center;
}
.title-img{
margin:20px auto;
}
.titlesec {
font-size: 30px;
color:#404040;
font-weight: 200;
text-align: center;
margin-bottom: 48px;
}
.gongying .g-left{
float: left;
width:800px;
height: 530px;
position: relative;
}
.gongying .g-left .samll-title{
float: left;
font-size: 16px;
color:#414141;
font-weight: 700;
margin-top: 30px;
}
.gongying .g-left .gong-a{
display: block;
line-height: 40px;
width:138px;
text-align: center;
float: right;
background: #ff7e22;
font-size: 16px;
color:#fff;
border-radius: 20px;
margin-top: 17px;
}
.gongying .g-left img{
width:768px;
height: 430px;
}
.gongying .g-right{
float: left;
width:400px;
/*border:1px solid #d2d2d2;*/
border-left: none;
border-bottom:0px;
}
.gongying .g-right .g-r-top{
width:100%;
height: 300px;
padding-left:15px;
}
.gongying .g-right .g-r-top:nth-child(1){
/*border-bottom: 1px solid #d2d2d2;*/
}
.gongying .g-right .g-r-top img{
width:370px;
height: 208px;
}
.gongying .g-right .g-r-top p{
font-size: 16px;
color:#414141;
font-weight: 700;
text-align: center;
margin-top: 9px;
}
/*chanping*/
.chanping{
padding-bottom:60px;
background-size: 100% 100%;
}
.chanping .probg{
height: 218px;
background: url("../images/probg.png") no-repeat center;
}
.chanping .probg .wrapper{
position: relative;
}
.chanping .probg .lv{
height: 218px;
width:258px;
position: absolute;
top:0;
left:0;
background: #029848;
padding:0 40px;
}
.chanping .probg .lv p:nth-child(1){
font-size: 30px;
color:#fff;
font-weight: 700;
margin-top: 73px;
}
.chanping .probg .lv p:nth-child(2){
font-size: 30px;
color:#6ed9a0;
font-weight: 200;
}
.prcenter{
font-size: 36px;
color:#2c2c2c;
text-align: center;
}
.chanping-left{
width: 258px;
border:3px solid #029848;
border-top: none;
float: left;
padding:14px 10px;
}
.chanping-left .ulBox>ul>li{
transition: all 300ms ease-in-out;
-webkit-transform: all 1000ms ease-in-out;
position: relative;
}
.chanping-left .ulBox>ul>li>a{
display: block;
font-size: 18px;
color:#535353;
font-weight: 700;
line-height: 55px;
padding-left: 20px;
border-bottom: 1px solid #dfdfdf;
}
.chanping-left .ulBox>ul>li:nth-child(2)>a{
/**/
}
.chanping-left .ulBox>ul>li>i{
position: absolute;
width:10px;
height: 17px;
background: url("../images/pro-jian.png") no-repeat center;
left:0;
top:47%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.chanping-left .ulBox>ul>li>ul>li>a{
display: block;
font-size: 14px;
color:#535353;
line-height: 45px;
padding-left: 20px;
}
/* .chanping-left .ulBox>ul>li>ul>li:first-child a{
border-bottom: 1px solid #dfdfdf;
} */
.chanping-left .ulBox .pro-more{
display: block;
line-height: 40px;
width:138px;
text-align: center;
margin:0 auto;
background: #ff7e22;
font-size: 16px;
color:#fff;
border-radius: 20px;
margin-top: 17px;
}
.chanping-right{
float: right;
width:917px;
text-align: center;
}
.chanprightBox{
position: relative;
}
.cpanliBox{
padding-top: 21px;
}
.cpanliBox ul li:first-child{
width:448px;
height: 338px;
margin-right: 21px;
}
.cpanliBox ul li:nth-child(2){
width:448px;
height: 338px;
}
.cpanliBox ul li{
transition: all 300ms ease-in-out;
-webkit-transform: all 1000ms ease-in-out;
width:296px;
height: 275px;
float: left;
position: relative;
background: #fff;
}
.cpanliBox ul li:nth-child(3),.cpanliBox ul li:nth-child(4){
margin-right: 14.5px;
margin-top: 23px;
}
.cpanliBox ul li:last-child{
margin-right: 0;
margin-top: 23px;
}
.cpanliBox ul li a{
display: block;
width:100%;
height: 100%;
}
.cpanliBox ul li .pic{
width:100%;
height: 100%;
position: relative;
overflow: hidden;
transition: all 300ms ease-in-out;
-webkit-transform: all 300ms ease-in-out;
}
.cpanliBox ul li .pic img{
width: 100%;
height: 100%;
transition: all 300ms ease-in-out;
-webkit-transform: all 300ms ease-in-out;
}
.cpanliBox ul li .biaoti{
position: absolute;
width:100%;
height: 58px;
left:0;
bottom:0;
background: #000;
opacity: 0.5;
}
.cpanliBox ul li p{
position: absolute;
width:100%;
height: 58px;
line-height: 58px;
left:0;
bottom:0;
font-size: 16px;
color:#fff;
}
.cpanliBox ul li .biaoti p{
line-height: 40px;
font-size: 14px;
color:#666;
background: #dcdcdc;
transition: all 300ms ease-in-out;
-webkit-transform: all 1000ms ease-in-out;
}
.cpanliBox ul li:hover .pic img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
/*优势*/
.youshi{
padding:60px 0;
background: url("../images/youshibg.png") no-repeat center;
}
.youshi .img-wrap{
width:600px;
float: left;
margin:0;
}
.youshi .text-wrap{
float: left;
width:600px;
height: 573px;
background: #fff;
padding:65px 60px;
}
.youshi .text-wrap .text-inner{
height: 224px;
}
.youshi .text-wrap .text-inner:nth-child(1){
border-bottom: 1px solid #d7d7d7;
}
.youshi .text-wrap p:first-child{
font-size: 54px;
color:#dddddd;
font-weight: 700;
}
.youshi .text-wrap p:nth-child(2){
font-size: 24px;
color:#454545;
font-weight: 700;
margin:20px 0;
}
.youshi .text-wrap p:nth-child(3){
font-size: 14px;
color:#8e8e8e;
line-height: 25px;
}
/*广告*/
.guang{
background: url("../images/gbg.png") no-repeat center;
height: 294px;
}
.guang img{
float: left;
margin-top: 59px;
}
.guang .text-c{
float: left;
margin-top: 82px;
margin-left: 20px;
}
.guang .text-c p:nth-child(1){
font-size: 30px;
color:#fff;
font-weight: 200;
}
.guang .text-c p:nth-child(2){
font-size: 20px;
color:#fff;
font-weight: 700;
margin:20px 0;
}
.guang .text-c p:nth-child(3){
font-size: 16px;
color:#fff;
font-weight: 200;
}
.guang .text-r{
float: right;
text-align: right;
margin-top: 75px;
}
.guang .text-r p:nth-child(1){
font-size: 16px;
color:#fff;
}
.guang .text-r p:nth-child(2){
font-size: 30px;
color:#fff;
font-weight: 700;
margin:17px 0;
}
.guang .text-r a{
display: block;
line-height: 40px;
width: 138px;
text-align: center;
float: right;
background: #ff7e22;
font-size: 16px;
color: #fff;
border-radius: 20px;
}
/*新闻*/
.news{
padding:65px 0;
}
.news .n-left{
width:590px;
float: left;
}
.news .n-left ul li{
border:1px solid #e5e5e5;
border-left: 8px solid #e5e5e5;
padding:20px 0 20px 30px;
position: relative;
height: 136px;
}
.news .n-left ul li a{
display: block;
}
.news .n-left ul li h1{
font-size: 18px;
color:#3e3e3e;
font-weight: 700;
}
.news .n-left ul li span{
display: block;
font-size: 14px;
color:#9a9a9a;
width:400px;
line-height: 25px;
margin-top: 20px;
}
.news .n-left ul li:last-child{
margin-top: 27px;
}
.news .n-left .time{
position: absolute;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right:8px;
height: 116px;
width:88px;
background: #029848;
text-align: center;
}
.news .n-left .time p:first-child{
font-size: 48px;
color:#fff;
font-weight: 700;
margin-top: 8px;
}
.news .n-left .time p:nth-child(2){
font-size: 18px;
color:#fff;
font-weight: 700;
}
.news .n-right{
float: right;
width:590px;
border:1px solid #e5e5e5;
height: 299px;
padding:5px 40px;
}
.news .n-right ul li{
padding-right: 15px;
position: relative;
padding-left: 25px;
}
.news .n-right ul li i{
position: absolute;
display: block;
width:7px;
height: 7px;
background: #029848;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
left:0;
border-radius: 50%;
}
.news .n-right ul li a{
display: block;
font-size: 16px;
color:#3e3e3e;
line-height: 40px;
border-bottom:1px dashed #e2e2e2;
}
.news .n-right ul li:last-child a{
border-bottom: none;
}
.news .n-more{
display: block;
line-height: 40px;
width: 138px;
text-align: center;
margin:0 auto;
background: #ff7e22;
font-size: 16px;
color: #fff;
border-radius: 20px;
margin-top: 50px;
}
/*公司简介*/
.com{
padding-bottom: 55px;
background: url("../images/combg.png") no-repeat top center;
}
.com .c-left{
float: left;
}
.com .c-right{
float: left;
width:600px;
height: 360px;
background: #029848;
padding:50px 45px;
position: relative;
}
.com .c-right .a-jian{
position: absolute;
bottom:0;
right:0;
}
.com .c-right h1{
font-size: 24px;
color:#fff;
font-weight: 700;
}
.com .c-right p{
width:52px;
height: 5px;
background: #34c578;
margin:27px 0;
}
.com .c-right span{
display: block;
font-size: 14px;
color:#fff;
line-height: 25px;
}
.com .zhegnshu{
position: relative;
}
.com .swiper-slide{
position: relative;
}
.com .swiper-slide a{
display: block;
height: 267px;
border:1px solid #e6e6e6;
}
.com .swiper-slide img{
max-width: 96%;
max-height: 94%;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
.com .swiper-button-next-z{
width:36px;
height: 40px;
background: url("../images/next.png");
transition: all 300ms ease-in-out;
-webkit-transform: all 300ms ease-in-out;
right:-18px;
}
.com .swiper-button-next-z:hover{
background: url("../images/next1.png");
}
.com .swiper-button-prev-z{
width:36px;
height: 40px;
background: url("../images/prev.png");
transition: all 300ms ease-in-out;
-webkit-transform: all 300ms ease-in-out;
left:-18px;
}
.com .swiper-button-prev-z:hover{
background: url("../images/prev1.png");
}
.picMarquee-left{ width:1200px; overflow:hidden; position:relative;margin:0 auto; margin-top:47px; }
.picMarquee-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
cursor:pointer; background:url("../imagess/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px; }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; display:inline; overflow:hidden; text-align:center; }
.picMarquee-left .bd ul li .pic{ position: relative; text-align:center; width:285px; height:240px;overflow: hidden;}
.picMarquee-left .bd ul li .pic img{
position: absolute;
max-width:100%;
max-height:100%;
display:block;
transition: all 300ms ease-in-out;
-webkit-transform: all 1000ms ease-in-out;
left:50%;
top:50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
.picMarquee-left .bd ul li .pic a:hover img{ }
.picMarquee-left .bd ul li .title{
line-height:55px;
background: #f2f2f2;
font-size: 16px;
color:#484848;
border-bottom:2px solid #ff6702;
text-align: left;
padding:0 20px;
position: relative;
}
.picMarquee-left .bd ul li .title a{
display: block;
}
.picMarquee-left .bd ul li .title img{
width:24px;
height: 24px;
position: absolute;
right:20px;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.picMarquee-left .bd .tempWrap{
width:1100px !important;
margin:0 auto;
}
.picMarquee-left .bd ul li:hover .title a{
color:#ff6702;
}
#demo2 .next{
position: absolute;
left:0;
top:47%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width:42px;
height: 42px;
background: url("../images/prev.png") no-repeat center;
}
#demo2 .next:hover{
background: url("../images/prev1.png") no-repeat center;
}
#demo2 .prev{
position: absolute;
right:0;
top:47%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width:42px;
height: 42px;
background: url("../images/next.png") no-repeat center;
}
#demo2 .prev:hover{
background: url("../images/next1.png") no-repeat center;
}
#demo2 .next img,#demo2 .prev img{
height:55px;
}
.hang{
display: block;
width: 158px;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 16px;
background: #12b95f;
margin:0 auto;
margin-top:55px;
background: url("../images/kanbg.png") no-repeat center;
}
.hangye{
width:100%;
padding:55px 0;
}
/*footer*/
.links{
background: url("../images/guanjianbg.png") no-repeat center right;
height: 80px;
position: relative;
z-index: 2;
bottom: -24px;
}
.links .wrapper{
background: #029848;
}
.links ul li {
float: left;
line-height: 80px;
width:170px;
text-align: center;
}
.links ul li a{
color:#fff;
font-size: 16px;
text-align: center;
}
.links ul li:first-child{
width:220px;
background: #ff7e22;
font-size: 36px;
font-weight: 700;
color:#fff;
text-align: center;
}
.footer{
width:100%;
background:#323335;
padding:45px 0;
}
.footer .wrapper{
position: relative;
margin-top: 24px;
}
.footer .img-wrap{
float: left;
width:140px;
height: 158px;
background: #fff;
}
.footer .img-wrap img{
width:115px;
margin:0 auto;
margin-top: 12px;
}
.footer .img-wrap p{
font-size: 14px;
color:#979797;
text-align: center;
}
.footer .dizhi{
float: left;
margin-left: 40px;
}
.footer .dizhi p{
font-size: 24px;
color:#fff;
font-weight: 700;
margin-bottom: 20px;
}
.footer .dizhi ul li{
font-size: 14px;
color:#979797;
line-height: 30px;
}
.footer .dizhi ul li span{
display: inline-block;
margin-left: 15px;
}
.footer .hot{
float: right;
width:350px;
}
.footer .hot p{
font-size: 24px;
color:#fff;
margin-bottom: 18px;
}
.footer .hot ul li{
float: left;
width:250px;
line-height: 30px;
}
.footer .hot ul li a{
display: block;
font-size: 14px;
color:#979797;
}
.last{
width:100%;
background: #323335;
line-height: 75px;
}
.last .wrapper{
border-top: 1px solid #454545;
}
.last-left{
float: left;
}
.last-left img{
max-height: 85px;
max-width: 85px;
}
.last-center{
float: left;
}
.last-center ul{
margin-top: 10px;
}
.last-center ul li{
float:left;
padding:5px 20px;
}
.last-center ul li a{
display: block;
color:#5f5f5f;
font:14px 'Microsoft YaHei';
}
.last-center p{
font:14px 'Microsoft YaHei';
color:#5f5f5f;
line-height: 75px;
}
.last-center p a{
font:14px 'Microsoft YaHei';
color:#5f5f5f;
}
.last-right{
position: inherit;
float: right;
}
.last-right a{
font:14px 'Microsoft YaHei';
color:#5f5f5f;
line-height: 75px;
}
.footer .copy{
color:#5f5f5f;
font-size: 14px;
text-align: center;
margin-top: 75px;
}
.footer .copy a{
color:#5f5f5f;
font-size: 14px;
text-align: center;
}
.footer .copy .mian{
display: inline-block;
margin-left:15px;
position: relative;
}
.footer .copy .mian:after{
display: block;
content:"";
width:1px;
height: 10px;
background: #8f8f8f;
position: absolute;
right:0;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.scrollTop{
width:47px;
height: 47px;
background:url("../images/top.jpg") no-repeat center;
position: absolute;
top:-45px;
right:0;
cursor: pointer;
}
#demo1 .tempWrap{
width:890px !important;
}
#fczs_main{}
.left1{ float:left;}
#fczs_gd{height: auto;overflow:hidden; }
#fczs_gd ul{width:1212px;height: auto;}
#fczs_gd ul li{width:225px;float:left;text-align:center;margin-right:15px; margin-bottom:28px; position: relative; border:1px solid #bfbfbf;}
#fczs_gd ul li img{ }
#fczs_gd ul li span{ font-size:14px; text-align:left; color:#696969; display:block; height: 40px; line-height: 40px;}
#fczs_mainsec{}
.left1{ float:left;}
#fczs_gdsec{height: auto;overflow:hidden; }
#fczs_gdsec ul{width:1219px;height: auto;}
#fczs_gdsec ul li{width:228px;height:170px;float:left;text-align:center;margin-right:15px; margin-bottom:19px; position: relative; border:1px solid #bfbfbf;}
#fczs_gdsec ul li .pic{
width:228px;
height:170px;
position:absolute;
}
#fczs_gdsec ul li img{
position: absolute;
left:50%;
top:50%;
max-width: 100%;
max-height: 100%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
display:block;
}
#fczs_gdsec ul li span{ font-size:14px; text-align:left; color:#696969; display:block; height: 40px; line-height: 40px;}
.swiper-pagination-bullet-active{
}
.yb_conct {
position: fixed;
z-index: 9999999;
top: 200px;
right: 0px;
cursor: pointer;
transition: all .3s ease;
}
.yb_bar .yb_top {
background: #12b95f url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar ul li {
width: 180px;
font: 16px/53px 'Microsoft YaHei';
color: #fff;
text-indent: 54px;
margin-bottom: 3px;
border-radius: 3px;
transition: all .5s ease;
overflow: hidden;
}
.yb_bar .yb_phone {
background: #12b95f url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
text-indent: 0;
background: #12b95f url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
background: #12b95f url(../images/fixCont.png) no-repeat 0 -169px;
}
.yb_QQ a {
display: block;
text-indent: 54px;
width: 100%;
height: 100%;
color: #fff;
}
.page li{float:left; margin-left:5px}