@charset "utf-8";
.banner{}
li {
    list-style: none;
}
/*title样式*/
.qctit1{text-align:center;padding:50px 0;}
.qctit1 .qctitb{font-size:22px;color:#666;line-height:50px;}
.qctit1 .qctite{color:#aaa;text-transform:uppercase;}



.wxdz{margin:0 auto;overflow: hidden;}
.wxdz1{margin:0 auto; margin-bottom:60px;overflow: hidden;text-align:center;}
.wxdz1 ul li{display: block; width:25%; float: left; }
.wxdz1 ul li h2{width:100%;font-size: 18px; text-align: center; line-height: 60px;}
.wxdz1 ul li p{width:100%;display: block; margin: auto; font-size: 13px;  line-height: 20px;text-align:center;}
.wxdz1 ul li a{color:#999;display:block;}
.wxdz1 ul li a .wxdz{width:103px;height:100px;margin:0 auto;}
.wxdz1 ul li a .wxdz1_a_1{background:url(../images/icon1.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_2{background:url(../images/icon2.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_3{background:url(../images/icon3.png) no-repeat;}
.wxdz1 ul li a .wxdz1_a_4{background:url(../images/icon5.png) no-repeat;}
.wxdz1 ul li a:hover{color:#eccb98;}
.wxdz1 ul li a:hover .wxdz1_a_1{background:url(../images/icon11.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_2{background:url(../images/icon22.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_3{background:url(../images/icon33.png) no-repeat;}
.wxdz1 ul li a:hover .wxdz1_a_4{background:url(../images/icon55.png) no-repeat;}



/*项目案例*/
.xmex{background:#f8f8f8;}
.sspcon .swiper-container {width: 98%;height: auto;margin-left: auto;margin-right: auto;}
.sspcon .spbutton{width:24px; height:24px;position:absolute;top:102%;}
.sspcon .swiper-button-prev{left:42%;background:url(../images/jiantou.png) no-repeat;background-position:-8px -47px;}
.sspcon .swiper-button-next{right:42%;background:url(../images/jiantou.png) no-repeat;background-position:-47px -47px;}
.moreimg{width:22px; height:58px;margin:40px auto;}
.moreimg a.moreimga{width:22px; height:18px;display:block; background:url(../images/icon.png) no-repeat;background-position:-20px -20px;position:absolute; left:50%;top: 99.6%;margin-left:-11px;}
.moreimg a.moreimga:hover{background-position:-20px -64px;}

.sspcon{position:relative;}
.sspcon .swiper-slide{}
.sspcon .swiper-slide a{width:288px;height:320px;display:block;border-bottom:1px #eee solid;}
.sspcon .swiper-slide a:hover{border-bottom:1px #ccc solid;}
.sspcon .swiper-slide img{width:288px;height:218px;}

.extit{margin-top:30px;}
.extitt{font-size:16px;color:#666;line-height:30px;}
.extitc{font-size:14px;color:#ccc;line-height:25px;}

.sspcon .swiper-slide a .show{width:288px;height:218px;background: rgba(0, 0, 0, 0.2);opacity: 0;position:absolute;top:0;left:0;}
.sspcon .swiper-slide a .show .imgArea img{width:54px; height:54px; display:block;
 position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:-27px;}
.sspcon .swiper-slide a:hover .show{opacity: 1;filter:alpha(opacity=100);}
.sspcon .swiper-slide a:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}

/*列表页*/
.proli{position:relative;}
.prolist .proli{float: left;margin-right: 15px;}
.prolist .proli:nth-child(4n){margin-right:0;}
.prolist .proli a{width:288px;height:320px;display:block;border-bottom:1px #eee solid;}
.prolist .proli a:hover{border-bottom:1px #ccc solid;}
.prolist .proli img{width:288px;height:218px;}

.prolist .proli a .show{width:288px;height:218px;background: rgba(0, 0, 0, 0.2);opacity: 0;position:absolute;top:0;left:0;}
.prolist .proli a .show .imgArea img{width:54px; height:54px; display:block;
 position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:-27px;}
.prolist .proli a:hover .show{opacity: 1;filter:alpha(opacity=100);}
.prolist .proli a:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.prolist .proli a:hover .show img {transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2); 	/* IE 9 */-moz-transform:scale(1.2, 1.2); 	/* Firefox */-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */-o-transform:scale(1.2, 1.2); 	/* Opera */}

/*about*/
.about{margin:60px auto;}
.aboutleft{width:55%;margin-top:30px;position:relative;}
.aboutright{width:35%;text-align:center;}
.aboutright img{max-width:100%;}

.qctit2 .qctitb{font-size:22px;color:#666;line-height:50px;}
.qctit2 .qctite{color:#aaa;text-transform:uppercase;}

.aboutldes{height:180px;margin-top:20px;line-height: 25px;overflow: hidden;}
.moreimg2{width:100%;text-align:right;}
.moreimg2 a{width:108px; height:20px;display:inline-block; background:url(../images/jiantou.png) no-repeat;background-position:0 -102px;border:1px #ccc solid;}
.moreimg2 a:hover{background-position:0 -132px;}


/*合作流程*/
.helc{height:538px;background:url('../images/BJ.jpg') no-repeat center 0;}
.helcont{text-align:center;position:relative;}
.helclc p{width:180px;height:30px;line-height:30px;font-size:20px;color:#fff;position:absolute;}
.helclc .p1{left:4.5%;top:-2%;}
.helclc .p3{left:23.5%;top:-2%;}
.helclc .p5{left:42%;top:-2%;}
.helclc .p7{left:61%;top:-2%;}
.helclc .p9{left:79.5%;top:-2%;}
.helclc .p2{left:14%;top:90%;}
.helclc .p4{left:33%;top:90%;}
.helclc .p6{left:52%;top:90%;}
.helclc .p8{left:71%;top:90%;}

/*新闻*/
.newsle{width:48%;height:500px;float:left;}
.newsri{width:48%;height:500px;float:right;}
.newsle_pic img{width:100%;display:block;height: 450px;}
.newsle_pic .span{line-height:40px;font-size:16px;text-indent:20px;background:rgba(0,0,0,0.4);position:relative;top:-40px;}
.newsle_pic .span a{color:#fff;}
.newsri_li2_list{padding:12px 0;}
.newsri_li2_list .newslep_title a{color:#000;}
.newsri_li2_list .newslep_title{font-size:16px;line-height:50px;border-bottom:1px solid #ccc;  background: url(../images/xian.jpg) no-repeat 0px 49px;}
.newsri_li2_list .newslep_title span{float:right;}
.newsri_li2_list .newslep_con{
    margin-top: 16px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.news .moreimg2{text-align:center;}

/*底部*/
.footer{
    background: url(../images/footerbg.jpg) no-repeat #242424 center;
    padding: 40px 0;
    background-size: cover;
}
.footer .f-nav{
    width: 43%;
}
.footer .f-nav-list h5{
    font-size:24px;
    color:#fff;
}
.footer .f-nav h5{
    font-size:24px;
    color:#fff;
}
.footer .f-nav .f-nav-list{
    width: 40%;
    text-align: right;
}
.footer .f-nav .f-nav-list a{
    width: 50%;
    float: left;
    display: block;
    font-size:16px;
    line-height: 40px;
    color:#ececec;
}
.footer .f-nav .f-ewm{
    overflow: hidden;
    margin-top: 43px;
}
.footer .f-nav .f-ewm p{
    writing-mode: vertical-lr;
    font-size:15px;
    color:#e6e6e6;
    letter-spacing: 1px;
}
.footer .f-nav .f-ewm img{
    width: 110px;
    height: auto;
    float: left;
    margin-right: 5px;
}
.f-l-02 .f-b-tel{
    width: 80%;
}
.f-l-02 .f-b-tel li{
    font-size:16px;
    color:#cdcdcd;
    line-height: 37px;
    background:url(../images/zj.png) no-repeat left center;
    padding-left: 50px;
    margin-bottom: 15px;
}
.f-l-02 .f-b-tel li:nth-child(2){
    background:url(../images/ty_39.png) no-repeat left center;
}
.f-l-02 .f-b-tel li:last-child{
    margin-bottom: 0;
    background:url(../images/ty_52.png) no-repeat left center;
}

/* .right{
    font-size:15px;
    color:#787878;
    line-height: 45px;
}
.right a:hover{
    color:#1467b5;
} */

/*内页标题样式*/
.columnt .tit-i{text-align: center;padding: 50px 0;line-height: 36px;overflow: hidden;}
.columnt .tit-i h3 {font-size: 30px; color: #f0a024; margin-bottom: 10px;}
.columnt .tit-i h5 { font-size: 20px;color: #ccc;text-transform: uppercase;font-family: Arial;}

/*筛选条件*/
.product-nav{ width:100%; height:auto; overflow:hidden; display:block; }
.select{ width:100%; height:auto; overflow:hidden; display:block;}
.select{border-bottom:#eee 1px solid;height: 50px;line-height:50px;}
.select a.selectt{font-weight: 900;}
.select a{display:inline-block;white-space:nowrap;height:50px;padding:0 6px;text-decoration:none;color:#039;border-radius:2px; color:#c57a05; font-size:18px;}
.select a:hover{color:#f0a024;font-weight: 900;}
.sepro{height: 100px;border:none;}
.sepro a.selepro{display:inline-block;white-space:nowrap;width: 15%;height: 60px; line-height:  60px;background: #eccb98;margin: 38px 48px;text-decoration:none;border-radius:2px;color: #ffffff;font-size:18px;text-align:  center;}
.sepro a.selepro:hover{color:#bb7206;}

/*新闻二级页面*/
.columnnews ul.ulcn li{
    width: 49%;
    height: 120px;
    margin: 10px 0;
    padding: 10px;
    background: #f8f8f8;
    float: left;
    overflow: hidden;
    margin-right: 20px;
    box-sizing: border-box;
}
.columnnews ul.ulcn li:nth-child(2n+2) {
    margin-right: 0;
}
.columnnews ul.ulcn li:hover{background:#eee;}
.columnnews ul.ulcn .newsle_li_le{width:33%;}
.columnnews ul.ulcn .newsle_li_le img{width:100%;height:120px;border:1px #fff solid;}
.columnnews ul.ulcn .newslep_title{line-height:40px;}
.columnnews ul.ulcn .newsle_li_ri{width:64%;}

/*新闻三级页面*/
.newsinfo{ height:auto; overflow:hidden; display:block;  margin-bottom:50px;}
.newsinfo-rei{ padding:40px;}
.newsinfo-wz{ width:100%; height:auto; overflow:hidden; display:block; font-size:14px;}
.newsinfo-wz a{ color:#f0a024; margin-right:5px;}
.newsinfo-wz a:hover{ }
.newsinfo-wz span{ margin-left:5px;}
.newsinfo-bt{ width:100%; height:auto; overflow:hidden; display:block; text-align:center; border-bottom:1px dotted #717171; margin-top:35px; margin-bottom:20px;}
.newsinfo-bt h2{ font-weight:normal; font-size:24px;}
.newsinfo-bt p{ color:#828282; font-size:14px; line-height:60px;}
.mewsinfo-rei-txt{ width:100%; height:auto; overflow:hidden; display:block;}


/*分页*/
.pagestyle{margin:20px 0;}
.pagestyle a{border:1px #999 solid;color:#999;padding: 5px;margin:0 5px;}
.pagestyle .current{background: #999;color:#fff;padding: 5px;margin:0 5px;}


.swcon{float: left;}
.swcon .swiper-slide {background-size: cover; background-position: center;}
 .swcon .gallery-top{height: 80%; width: 100%;width:582px;height:364px;margin-top: 30px;}
 .swcon .gallery-top img{width:100%;}
 .swcon .gallery-thumbs{height: 20%; width:582px;box-sizing: border-box; padding: 10px 0;} 
 .swcon .gallery-thumbs .swiper-slide{width: 25%; height: 100%; opacity: 0.4;} 
 .swcon .gallery-thumbs .swiper-slide img{width: 100%;height: 100%; }
 .swcon .gallery-thumbs .swiper-slide-thumb-active{opacity: 1;}

.oxides{width:1200px;height: 30px;line-height: 30px;background-color: #fff9f1;margin-top: 20px;margin-bottom: 20px;}
.oxides p{text-align:center;width:100px;height: 30px;background-color: #eccb98;color:#fff;font-size: 16px;}
.container_content img{width:1200px!important;}
.swconri{float: right;width:558px;height:500px;line-height: 50px;font-size:18px;font-family: YouYuan;position: relative;}
.swconri .title{line-height: 180px;font-size: 30px;font-weight: 900;}
.swconri .btn{position: absolute;bottom: 0;left:0;}
.swconri .btn a{text-align:center;width:180px;font-size:22px;height: 50px;background-color: #eccb98;color: #fff;display: inline-block;}
.swiper-pagination-bullet-active {background: #eccb98;}