@font-face{
    font-family: 'siyuanheiti';font-style: normal;
    src:url(../fonts/syht.woff2) format("woff2"),url(../fonts/syht.woff) format(".woff"),url(../fonts/syht.eot) format(".eot");
    font-display:swap;

}
*{box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;font-size: 16px;}
img{max-width: 100%;vertical-align: top;}
body{font-size: 16px;background-color: #eae3d9;color: #000;}
body,button,input,select,textarea{font-family:'siyuanheiti','黑体',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;-ms-text-autospace:ideograph-alpha ideograph-numeric ideograph-parenthesis;text-autospace:ideograph-alpha ideograph-numeric ideograph-parenthesis}
html.fp-enabled, .fp-enabled body{overflow-x: auto!important;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .wow{visibility: visible!important;}
  .index_yewu .con .desc{
	  background-color:#000;
	  filter: alpha(opacity=50); 
	 position:static;  /* IE6、7、8只能设置position:static(默认属性) 否则会导致子元素继承Alpha值 */
	    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
	}

}
.l,.fl{float: left;}
.r,.fr{float: right;}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
ul,li,ol{list-style: none;}
a{-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;text-decoration: none;color: #000;
}
a:hover{color: #440205;outline: none;}
.tran03{-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
a:focus{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.tran1{-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.tran04{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.tran06{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.noboder{border: 0 none!important;}
.index-load{position: fixed;width: 100%;height: 100vh;left: 0;top: 0;z-index: 999;background: #fff;background-size: cover;transition: all .8s ease-in-out;  }

.index-load .loading-logo{position: absolute;left: 50%;top:50%;margin-left: -78px;margin-top: -25px;z-index: 2;  }

.index-load .line{width: 100%;height: 2px;position: absolute;left: 0;top:0;z-index: 2;  }
.index-load .line:before {content: "";position: absolute;background: #000;left: 0%;height: 2px;animation: width-load 2.2s forwards ease-out;  }
.index-load.active{transform: translateY(150%);-webkit-transform:translateY(150%);-ms-transform:translateY(150%);-moz-transform:translateY(150%);  }
.index-load.active .line:before {height: 100vh;transition: all .3s .1s ease-in-out;}
@keyframes 
width-load 
{
    0% {    width: 0;}
    100% {    width: 100%;}
}

.leftbar{position: fixed;bottom: 0;left: 0;width: 13.02%;/*min-width: 133px;*/ height: 100%; z-index: 99;
    -webkit-transition: all 0.66s ease-in-out;
    -moz-transition: all 0.66s ease-in-out;
    -o-transition: all 0.66s ease-in-out;
    -ms-transition: all 0.66s ease-in-out;
    transition: all 0.66s ease-in-out;}
.index.leftbar{bottom: 0;}
.pagecon.leftbar{position: absolute;}
.mshow,.ma{display: none;}
.pca{display: inline;}
#logo{ position: absolute; left: 20.8%; top: 40px; z-index: 70;}
#menu { margin: 0; padding: 0; position: absolute; left: 0; top: 10px; width: 100%; z-index: 70;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
#menu li { width: 100%;padding-left: 28%; height: 50px;line-height: 50px; margin-bottom: 28px; font-size: 16px;font-weight: bold;}
#menu a {padding-bottom: 3px; color: #000; border-bottom: 2px solid transparent;font-size: 16px;font-weight: bold;}
#menu a.active,#menu li a:hover { border-bottom: 2px solid #000;}
#menu li.lang,#menu li.lang a{font-size: 14px;}
#page{position: absolute;bottom: 0;left: 0;background-color: #fff; z-index: 70;width: 100%;background-color: #fff;height: 10.27%;display: flex; justify-content: center;align-items: center; text-align: center;font-size: 16px;color: #000000;font-family: 'Impact';}
#page *{font-family: 'Impact';}
#page .currentpage,#page #currentpage{font-size: 40px;}
#page .con{display: flex;align-items: baseline;justify-content: center;}
#page span{line-height: 1;}
.section{overflow: hidden;}
.indexpage1{background: url(../images/index_page1_w.jpg) center center no-repeat;background-size: cover;position: relative;}
.indexpage1.night{}
.indexpage1 .kaideng{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);background: url(../images/index_page1_b.jpg) center center no-repeat;background-size: cover;}
.indexpage1.night .kaideng{opacity: 1;filter: alpha(opacity=100);}

.indexpage1 .content{position: relative;position: absolute;left: 21.35%;top: 43.5%;z-index: 3;}
.indexpage1 .title{font-size: 30px;font-weight: bold;}
.indexpage1 .title span{font-size: 50px;font-weight: bold;}
.indexpage1 .dengguang{width: 132px;height: 46px;line-height: 42px;border:2px solid #000;background: url(../images/icon_dengpao.png) right 22px top no-repeat;padding-left: 28px;font-size: 16px;font-weight: bold;cursor: pointer;}
.indexpage1.night .dengguang{background-image: url(../images/icon_dengpao_b.png);}
.indexpage2 {position: relative;padding-left: 13.02%;padding-right: 5.55%;}
.indexpage2 .itembox{position: relative;}
.indexpage2 .itembox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.indexpage2 .fp-tableCell{position: relative;}
.indexpage2 .swiper-slide{background-color: #eae3d9}
.indexpage2 .content{position: relative;padding: 0 0 0 9.58%;height: 100%;}

.indexpage2 .content .typet{top: 12%;left: 9.58%;position: absolute;font-size: 22px;}
.indexpage2 .content .con{position: absolute;top: 30%;width: 100%;z-index: 2;}
.indexpage2 .content .title{font-size: 42px;font-weight: 900;}
.indexpage2 .content .desc{margin-top: 20px;font-size: 14px;line-height: 30px;max-width: 465px;text-align: justify;width: 32%;}
.indexpage2 .content .picbg{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); width: 19.4%;max-width: 325px;max-height: 80%;}
.indexpage2 .content .pic{position: absolute;right: 7.059%;top: 50%; transform: translateY(-50%);transform: translateY(-50%);transform: translateY(-50%);transform: translateY(-50%); width: 40%;max-width: 665px;max-height: 80%;}

.indexpage2 .swiper-pagination{bottom: 28%;left: 9.58%;text-align: left;font-size: 17px;transform: translateY(70px);-ms-transform: translateY(70px);-webkit-transform: translateY(70px);-moz-transform: translateY(70px); height: 23px;line-height: 23px;}
.swiper-pagination-bullet-active{background-color: #000}
.indexpage2 .swiper-button-prev,.indexpage2 .swiper-button-next{left: 9.58%;bottom: 28%;top: auto; width: 53px;height: 53px;border:0 none; background: url(../images/arr_left.png) no-repeat;}
.indexpage2 .swiper-button-next{left: 9.58%;right: auto;margin-left: 61px;background: url(../images/arr_right.png) no-repeat;}

.indexpage2 .fp-slidesNav.fp-bottom{left: 22.6%!important;bottom: 28%;transform: translateY(70px);-ms-transform: translateY(70px);-webkit-transform: translateY(70px);-moz-transform: translateY(70px); }

.indexpage2 .fp-controlArrow.fp-prev,.indexpage2 .fp-controlArrow.fp-next{left: 9.58%;bottom: 28%;top: auto; width: 53px;height: 53px;border:0 none; background: url(../images/arr_left.png) no-repeat;}
.indexpage2 .fp-controlArrow.fp-next{left: 9.58%;right: auto;margin-left: 61px;background: url(../images/arr_right.png) no-repeat;}
.indexpage2 .fp-controlArrow.disabled{opacity: 0.4;filter: alpha(opacity=40);cursor: auto;}

.indexpage3{position: relative;padding-left: 13.02%;padding-right: 5.55%;}
.indexpage3.fp-section.fp-table{display: block;width: auto;}
.indexpage3 .fp-tableCell{height: 100%!important;position: relative;display: block;}
.indexpage3 .typet{position: absolute;top: 0; height: 13.33%;width: 100%;display: flex;align-items: center; text-align: center;justify-content: center;font-size: 22px;letter-spacing: 10px;}
.indexpage3 .swiper-container-pro{width: 100%; height: 76.4%;position: absolute;top: 13.33%;}
.indexpage3 .swiper-slide{height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.indexpage3 .swiper-slide a{display: block; width: 100%;height: 100%;}

.indexpage3 .swiper-button-prev,.indexpage3 .swiper-button-next{left: 10px;top: 50%;margin-top: -27px; width: 53px;height: 53px;border:0 none; background: url(../images/arrow_left.png) no-repeat;z-index: 9999;}
.indexpage3 .swiper-button-next{right: 10px;left: auto;background: url(../images/arrow_right.png) no-repeat;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{pointer-events: auto;}


.indexpage4 {position: relative;padding-left: 13.02%;padding-right: 5.55%;}
.indexpage4 .typet{position: absolute;left: 13.02%; top: 0; height: 13.33%;width: 81.43%; display: flex;align-items: center; text-align: center;justify-content: center;font-size: 22px;letter-spacing: 10px;}
.indexpage4 .itembox{position: relative;width: 100%;height: 76.4%;position: relative;top: 13.33%;}
.indexpage4 .itembox .swiper-container{height: 100%;}
.indexpage4 .slide{background-repeat: no-repeat;background-size: cover;background-position: center center;}
.indexpage4 .slide .fp-tableCell{height: 100%!important;}

.indexpage4 .fp-controlArrow.fp-prev,.indexpage4 .fp-controlArrow.fp-next{left: 16px;top: 50%; width: 53px;height: 53px;border:0 none; background: url(../images/arrow_left.png) no-repeat;}
.indexpage4 .fp-controlArrow.fp-next{right: 16px;left: auto;background: url(../images/arrow_right.png) no-repeat;}
.indexpage4 .fp-controlArrow.disabled{opacity: 0.4;filter: alpha(opacity=40);cursor: auto;}
.indexpage4 .fp-slidesNav.fp-bottom{text-align: center;bottom: 11.27%;padding-left: 13.02%;padding-right: 5.55%;}
.indexpage4 .fp-slidesNav ul li a span{background-color: #fff;width: 12px;height: 12px;margin: -6px 0 0 -6px;}
.indexpage4 .fp-slidesNav ul li a.active span, .indexpage4 .fp-slidesNav ul li:hover a span{margin: -6px 0 0 -6px;background-color: #313131;}

.footer {
    width: 100%;background-color: #f0ece7;padding: 40px 15px 20px;
  }
.footer .content{width: 1100px;margin: 0 auto;overflow: hidden;padding: 20px 0;}
.footer .leftcon{width: 61%;float: left;}
.footer .title{font-size: 20px;line-height: 1.2;margin-bottom: 10px;} 
.footer .ksdh{margin-bottom: 30px;}
.footer .ksdh a{display: inline-block;margin-right: 35px;font-size: 16px;line-height: 2;}
.footer .flink{display: flex;}
.footer .flink a{display: inline-block;margin-right: 30px;height: 60px;line-height: 60px;vertical-align: middle;}
.footer .flink a img{vertical-align: middle;}
.footer .rightcon{width: 36%;float: right;text-align: right;}
.footer .rightcon .flogo{margin-bottom: 35px;}
.footer .rightcon .lxfs{height: 32px;line-height: 32px;padding-left: 30px;font-size: 14px;display: inline-block;margin-bottom: 8px;}
.footer .rightcon .lxfs a{font-size: 20px;}
.footer .rightcon .lxfs.tel{background: url(../images/icon_phone.png) left center no-repeat;}
.footer .rightcon .lxfs.email{background: url(../images/icon_mail_s.png) left center no-repeat;}

.footer .fbottom{border-top: 1px solid #999;}
.footer .fbottom p{margin: 0;font-size: 12px;color: #9f9993;}
.footer .fbottom p a{font-size: 10px;}


/*场景展示*/
.sub_container{padding-left: 15.625%;padding-top: 95px;margin-bottom: 120px;min-height: 560px;}
.page_cjzs{padding-right: 7.2%;}
.sub_container .typename{margin-bottom: 37px;}
.cjzslist{}
.cjzslist .con{margin-bottom: 100px;position: relative;overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.cjzslist .con.animated{animation:picload 1.5s ease-in-out both;-webkit-animation:picload 1.5s ease-in-out both;-moz-animation:picload 1.5s ease-in-out both;}
.cjzslist .con .text{position: absolute;width: 100%;padding: 30px 180px;background-color: #fff;left: 0;bottom: -150px;}
.cjzslist .con .text a.link{position: absolute;right: 58px;top: 55px;width: 122px;height: 37px;line-height: 35px;background: url(../images/icon_arrright.png) right 14px center no-repeat;text-indent: 18px;border:1px solid #000;font-size: 18px;}
.cjzslist .con .text p{margin:0 0 10px 0;text-align: center;font-size: 26px;height: 40px;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cjzslist .con .text p.huohao{font-size: 24px;margin-bottom: 0;}
.cjzslist .con:hover .text{bottom: 0;}
.lookmore{display: inline-block;height: 45px;line-height: 45px;font-size: 20px;text-align: center;position: relative;margin: 10px auto 50px;cursor: pointer;}
.lookmore:before{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%); width: 87px;height: 2px;background-color: #000;top: 0;content: '';
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
.lookmore:after{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);width: 87px;height: 2px;background-color: #000;bottom: 0;content: '';-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
.lookmore:hover:before{width: 100%;}
.lookmore:hover:after{width: 100%;}

.page_dmxx{padding-right: 7.2%;margin-bottom: 150px;}
.dianmian_content{}
.dianmian_content img{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-bottom: 50px;
    max-width: 100%;
    height: auto;
}
.dianmian_content img.animated{animation:picload 1.5s ease-in-out both;-webkit-animation:picload 1.5s ease-in-out both;-moz-animation:picload 1.5s ease-in-out both;}

/*产品系列*/
.page_cpxl{}
.proxilie_content{}
.proxilie_content .con{background-color: #eae3d9;position: relative;box-sizing: content-box;width: 100%;height: 0;padding-top: 32.35%;}
.proxilie_content .con .img{position: absolute;left: 0;top: 0;width: 58%;z-index: 5;font-size: 0;}
.proxilie_content .con .img img{width: 100%;}
.proxilie_content .con .text{ position: absolute;right: 3.4%;top: 10%;z-index: 9;font-size: 1.3rem;font-weight: 900;color: rgba(215,186,150,0.85);line-height: 1;}
.proxilie_content .con:nth-child(2n) .img{right: 0;left: auto;}
.proxilie_content .con:nth-child(2n) .text{left: 3.4%;right: auto;}

.proxilie_content .con:hover{background-color: #dbd1c4;}
.proxilie_content .con:hover .text{color: rgba(0,0,0,0.85);}

/*系列详情*/
.sub_container.page_xlcon{margin-left: 0;padding-left: 0;padding-top: 0}
.xilie_con .xiliepic{text-align: right;position: relative;margin-bottom: 30px;}
.xilie_con .xiliepic img{width: 86%;}
.xilie_con .xiliepic .title{font-size: 100px;color: #eae3d9;margin-top: 20%;position: absolute;left: 0; top: 0;width: 100%;text-align: center; z-index: 2; font-weight: 900;text-shadow:5px 2px 20px #000;}

.xilie_con .con{text-align: center;margin-bottom: 80px;width: 710px;margin-left: auto;margin-right: auto;}
.xilie_con .con p{width: 710px;margin: 0 auto;text-align: center;font-size: 16px;line-height: 36px;margin-bottom: 36px;}
.xilie_con .con img{ margin-top: 6.5%;margin-bottom: 80px;}
.xilie_con .con img{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-bottom: 50px;
    height: auto;
}
.xilie_con .con img.animated{animation:picload 1.5s ease-in-out both;-webkit-animation:picload 1.5s ease-in-out both;-moz-animation:picload 1.5s ease-in-out both;}

.xilie_con .con h3{font-size: 28px;margin-bottom: 30px;}

/*产品列表*/
.page_prolist{padding-right: 7.2%;}
/*产品筛选*/
.cpfilter{margin-top: 50px;margin-bottom: 40px;}
.filter_select{margin-right: 38px;width: 195px;float: left;height: 46px;line-height: 44px;border-bottom: 1px solid #000;font-size: 18px;position: relative;}
.filter_select .title{font-size: 18px;color: #c1bab0;padding-right: 30px;position: relative;cursor: pointer;background: url(../images/icon_xljt_b.png) right center no-repeat;}
.filter_select .title.select{color: #000;}
/*.filter_select .title .icon_xiala{position: absolute;display: block;width: 30px;height: 46px;top: 0;right: 0;cursor: pointer;}*/
.filter_select .xiala{display: none; position: absolute;top: 46px;left: 0;width: 100%;z-index: 9;}
.filter_select .xiala a{display: block;height: 40px;line-height: 40px;text-indent: 20px;background-color: #fff;font-size: 16px;}
.filter_select .xiala a:hover{background-color: #323232;color: #fff;}

.filter_search{width: 340px;float: left;height: 46px;line-height: 44px;border-bottom: 1px solid #000;position: relative;padding-left: 44px;}
.filter_search .prosearch{width: 44px;height: 42px;background: transparent url(../images/icon_search.png) left 5px center no-repeat;border: 0;position: absolute;left: 0;top: 0;display: block;padding: 0;}
.filter_search input{vertical-align: top;font-size: 18px;width: 100%;}
.filter_search .keywords{height: 42px;line-height: 42px; background-color: transparent;border: 0 none;}
.filter_search .keywords:focus{border: 0 none;outline:none;}


.prolist {margin-right: -15px;margin-left: -15px;margin-bottom: 50px;}
.prolist .item{float: left; width: 33.33%;padding: 0 15px;margin-bottom: 40px;}
.prolist .item .con{position: relative;}
.prolist .item .con .img{display: block;width: 100%;height: 0;box-sizing: content-box;padding-top: 100%;overflow: hidden;position: relative;}
.prolist .item .con .img img{width: 100%;position: absolute;left: 0;top: 50%;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.prolist .item .con:hover img{transform: translateY(-50%) scale(1.1); -webkit-transform: translateY(-50%) scale(1.1); -moz-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1);}

.prolist .item .con .text{padding: 10px 4px;}
.prolist .item .con p{font-size: 20px;height: 30px;line-height: 30px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0;}
.prolist .item .con p a{font-size: 20px;}
.prolist .item .con p.huohao{font-size: 16px;font-family: 'Helvetica';}

/*产品详情*/
.page_procon{overflow: hidden;}
.position{margin-top: 20px;font-size: 26px;margin-bottom: 20px;}
.position a{font-size: 26px;}
.pro_con{margin-bottom: 30px;}
.pro_con .imgcon{width: 50%;float: left;}
.pro_con .imgcon img{max-width: 100%;height: auto; margin-bottom: 30px;}
.pro_con .imgcon img{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.pro_con .imgcon img.animated{animation:picconload 1.5s ease-in-out both;-webkit-animation:picconload 1.5s ease-in-out both;-moz-animation:picconload 1.5s ease-in-out both;}

.pro_con .infocon{width: 35%;float: right;margin-right: 8%;position: relative;   }
.pro_con .infocon.fixed{position: fixed;top: 0;margin-right: 0;}
.pro_con .infocon .title{font-size: 36px;line-height: 1.2;margin-bottom: 10px;margin-top: 30px;}
.pro_con .infocon .huohao{font-size: 26px;margin-bottom: 10px;}
.pro_con .infocon .desc{margin-bottom: 10px;}
.pro_con .infocon .xijie,.pro_con .infocon .pjystitle{font-size: 20px;font-weight: bold;margin-bottom: 10px;cursor: pointer;}
.pro_con .infocon .xijiecon{display: none;margin-bottom: 10px;}
.pro_con .infocon .pjys{margin-bottom: 10px;}
.pro_con .infocon .pjys .itemcon{width: 64px;height: 64px;border: 2px solid transparent;padding: 2px; margin-right: 10px;float: left;}
.pro_con .infocon .pjys .itemcon.active{border: 2px solid #000;}
.pro_con .infocon .pjys .itemcon .con{width: 100%;height: 100%;display: block;cursor: pointer;}
.mini-products-list{display: none;}
.bigimg-wrap {display: none;z-index: 9999;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.bigimg-wrap::before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, .8);}

.bigimg-swiper {height: 100%;}

.bigimg-wrap .big-img {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;}

.bigimg-wrap .bigimg-close {position: absolute;z-index:29;right: 5%;top: 8%;width:35px;height:35px;display: block;cursor: pointer;background: url(../images/guanbi2.png)no-repeat;background-size: 100% 100%;}

.likeproconlist{padding-right: 7.4%;}
.likeprocon h3{font-size: 26px;}
.likeproconlist .item{width: 25%;}


/*新闻博客*/
.page_newslist{padding-right: 10.18%;}
.imgnews,.position{margin-left: 0px;}
.imgnews{margin-bottom: 60px;padding-top: 41.237%;height: 0;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-ms-box-sizing: content-box;position: relative;overflow: hidden;border-radius: 10px;}
.imgnews .img{width: 62.68%;height: 100%;position: absolute;top: 0;left: 0; }
.imgnews .img a{display: block;overflow: hidden;height: 100%;}
.imgnews .img img{position: absolute;width: 100%;left: 0;top: 0;}
.imgnews:hover img{transform: scale(1.1);}
.imgnews .text{position: absolute;top: 0;right: 0;width: 37.32%;height: 100%; padding: 0 4.48% 0;background-color: #fff;}
.imgnews .text .con{position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.imgnews .text .date{font-family: 'Helvetica';}
.imgnews .text .title{line-height: 1.4;height: 84px;overflow: hidden; font-weight: bold;margin-bottom: 15px;}
.imgnews .text .title a{font-size: 30px;}
.imgnews .text .desc{font-size: 14px;line-height: 2.3;height: 96px;overflow: hidden;}
.imgnews .text .more{display: block; width: 116px;height: 37px;line-height: 35px;border: 1px solid #000;background: url(../images/icon_more.png) right 22px center no-repeat;text-indent: 22px;margin-top: 20px;font-size: 14px;}
.newslist{margin-left: -15px;margin-right: -15px;}
.newslist .item{width: 33.33%;float: left;padding: 0 15px;margin-bottom: 30px;}
.newslist .item .con{position: relative;padding-bottom: 134px;overflow: hidden;border-radius: 10px;}
.newslist .item .img{width: 100%;height: 0;padding-top: 65.79%; box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-ms-box-sizing: content-box;position: relative;overflow: hidden;background-size: cover;}
.newslist .item .img a{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;overflow: hidden;}
.newslist .item .img img{width: 100%;}
.newslist .con:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);}
.newslist .con:hover .text{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);}
.newslist .con:hover .text .desc{opacity: 1;filter: alpha(opacity=100);}
.newslist .con:hover .text .desc{opacity: 1;filter: alpha(opacity=100);}
.newslist .con .text{position: absolute;left: 0;bottom: 0; background-color: #fff;width: 100%;padding: 15px;transform: translateY(48px);-ms-transform: translateY(48px);-webkit-transform: translateY(48px);-moz-transform: translateY(48px); }
.newslist .text .title{line-height: 1.4;height: 66px;overflow: hidden;margin-bottom: 10px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.newslist .text .desc{font-size: 14px;line-height: 1.4;height: 38px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;opacity: 0;filter: alpha(opacity=0);}
.newslist .text .title a{font-size: 24px;}
.newslist .text .date{margin-bottom: 10px;}

.fenye{text-align: center;margin: 50px 0;line-height: 36px;}
.fenye a{display: inline-block;width: 36px;height: 36px;border: 1px solid #000;text-align: center;line-height: 36px;margin: 0 5px;vertical-align: middle;}
.fenye a.prev{background: url(../images/icon_arrleft.png) center center no-repeat;}
.fenye a.next{background: url(../images/icon_arrright.png) center center no-repeat;}
.fenye a.cur,.fenye a:hover{background-color: #313131;color: #fff;}
.fenye a.next:hover,.fenye a.prev:hover{background-color: transparent;color: #000;}
.fenye a.disable{opacity: 0.46;filter: alpha(opacity=46);cursor: auto;}
.fenye a.cur{cursor: auto;}

/*新闻详情*/
.sub_container.page_newscon{margin-left: 0;padding-left: 0;}
.page_newscon .news_con{margin: 0 auto;width: 1100px;font-size: 18px;line-height: 2;}
.page_newscon .news_con .title{line-height: 1.4;font-weight: bold;margin-bottom: 15px;font-size: 30px;}
.page_newscon .news_con .con,.page_newscon .news_con .con *{font-size: 18px;}
.page_newscon .news_con .source{font-size: 18px;color: #b92e32;}
.page_newscon .news_con .con{margin-top: 50px;}
.page_newscon .news_con img{display: block;margin: 50px auto;max-width: 100%;height: auto!important;}

.fanpian{margin: 80px 0 50px;height: 40px;line-height: 40px; background: url(../images/icon_xiangmu.png) center center no-repeat;position: relative;}
.fanpian p{float: left; width: 40%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fanpian p.next{float: right;text-align: right;}
.returelist{display: block;position: absolute;left: 50%;top: 0;width: 36px;height: 40px;margin-left: -18px;}

.sub_container.page_about{padding-top: 0;}
.about_con{position: relative;padding-top: 120px;}
.about_con .aboutt{}
.about_bg{width: 50.55%;position: absolute;top: 0;right: 0;z-index: -1;}
.about_bg img{width: 100%;}
.about_con .con{width: 710px;margin-top: 110px;font-size: 16px;}
.about_con .con h3{font-size: 28px;line-height: 1.4;margin: 25px 0;}
.about_con .con .adiv{margin-bottom: 160px;line-height: 2.2;}
.about_con .con p{margin-bottom: 35px;}

/*联系我们*/
.contact_con{width: 814px;}
.contact_con .item{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #000;padding-left: 17px;}
.contact_con .item h3{padding-left: 47px;font-size: 24px;font-weight: bold;margin-bottom: 10px; height: 48px;line-height: 48px;background-position: left center;background-repeat: no-repeat;}
.contact_con .item h3.mphone{background-image: url(../images/icon_mphone.png);}
.contact_con .item h3.email{background-image: url(../images/icon_email.png);}
.contact_con .item h3.weixin{background-image: url(../images/icon_wechat.png);}
.contact_con .item h3.address{background-image: url(../images/icon_address.png);}
.contact_con .item p{font-size: 18px;line-height: 1.6;margin-bottom: 10px;padding-left: 47px;}
.contact_con .item a.map{padding: 8px 22px 8px 10px;background: url(../images/icon_arrright.png) right 10px center no-repeat;font-size: 14px;border: 1px solid #000;}

.footer .beian{display: inline-block;margin-left: 50px;color: #9f9993;}

/*手机*/
.m_nav{display: none;}

.m_nav{position: fixed;width: 100%;left: 0;top: 0;z-index: 999;}
.m_nav .content{height: 100%;padding: 0 0;background-color: #fff;position: relative;z-index: 9;}
.m_nav .menu-button {float: left;width: 50px;height: 100%;padding: 16px 15px 13px;}
.m_nav .menu-button span {transition: all 0.3s;width: 100%;height: 2px;background-color: #000;display: block;margin: 0 auto 5px;border-radius: 0;}
.m_nav .menu-button.active span:first-child {transform: rotate(-45deg);transform-origin: 20px 6px;}
.m_nav  .menu-button.active span:nth-child(2) {transition: opacity 0.25s 0.1s;opacity: 0;}
.m_nav  .menu-button.active span:nth-child(3) {transform: rotate(45deg);transform-origin: 16px -2px;}
.m_nav_logo {position: absolute;height: 100%;line-height: 50px;left: 50%;margin-left: -60px;}
.m_nav_logo img {width: 91px;height: auto;vertical-align: middle;}
.m_nav_lang{float: right;height: 100%;line-height: 50px; padding: 0 10px;}
.m_nav_lang a{padding: 0 5px;font-size: 14px;}
.m_menu{position: fixed;height: 100%;padding-top: 50px;top: 0;width: 100%;transform: translateX(-100%);}
.m_menu.active{transform: translateX(0);}
.m_menu .menu_content{position: relative;height: 100%;background-color: #fff;z-index: 9;overflow-y: touch;}
.m_menu.active .menu_content{}
.m_menu ul{padding-top: 50px;}
.m_menu li{padding: 15px 0;}
.m_menu li a{display: block;font-size: 15px;text-align: center;}
.menu_link span {display: inline-block;padding: 5px;position: relative;}
.menu_link span:after {display: inline-block;content: '';width: 0;height: 2px;background: #333;position: absolute;bottom: 0;left: 50%;transition: all .5s;}
.menu_link.active span:after {left: 0;width: 100%;}

html,body {min-height: 100%;}

@media (max-width: 1650px){
    body,*{font-size: 14px;}
	.indexpage2 .fp-controlArrow.fp-prev,.indexpage2 .fp-controlArrow.fp-next,.indexpage2 .fp-slidesNav.fp-bottom,.indexpage2 .swiper-button-prev,.indexpage2 .swiper-button-next,.indexpage2 .swiper-pagination{bottom: 25%;}
    .newslist .item .con{padding-bottom: 108px;}
    .newslist .con .text{padding: 15px;}
    .newslist .text .title{height: 50px;}
    .newslist .text .title a{font-size: 18px;}
    #menu li{height: 40px;line-height: 40px;font-size: 14px;margin-bottom: 22px;}
    #menu a{font-size: 14px;}
    #menu li.lang,#menu li.lang a{font-size: 12px;}
    .indexpage1 .title span{font-size: 40px;}
    .indexpage1 .title{font-size: 24px;}
    .indexpage1 .dengguang{font-size: 14px;}
    .indexpage1 .dengguang{width: 110px; height: 40px;line-height: 40px;background-size: 30px;padding-left: 22px;background-position: right 16px center;}
    .indexpage2 .content .typet,.indexpage3 .typet,.indexpage4 .typet{font-size: 18px;}
    .indexpage2 .content .title{font-size: 32px;}
    .indexpage2 .content .desc{font-size: 13px;line-height: 28px;}
    .footer{padding-top: 32px;padding-bottom: 16px;}
    .footer .title{font-size: 16px;}
    .footer .ksdh a{font-size: 14px;}
    .sub_container{padding-top: 76px;margin-bottom: 96px;}
    .prolist{margin-bottom: 40px;}
    .xilie_con .xiliepic .title{font-size: 80px;}
    .xilie_con .con p{font-size: 14px;line-height: 30px;}
    .xilie_con .con h3{font-size: 22px;margin-bottom: 24px;}
    .xilie_con .con img{}
    .lookmore{font-size: 16px;height: 40px;line-height: 40px;}
    .lookmore:before,.lookmore:after{width: 70px;height: 1px;}
    .filter_select .title.select,.filter_search input,.filter_select .title{font-size: 16px;}
    .filter_search{width: 270px;height: 36px;line-height: 32px;padding-left: 35px;}
    .filter_select{width: 160px;height: 36px;line-height: 32px;}
    .filter_search .keywords,.filter_search .prosearch{line-height: 30px;height: 30px;}
    .filter_search .prosearch{background-size: 18px;width: 35px;}
    .filter_select .xiala a{font-size: 14px;}
    .prolist .item{margin-bottom: 32px;}
    .prolist .item .con p a{font-size: 16px;}
    .prolist .item .con p.huohao{font-size: 14px;}
    .position{margin-top: 20px;margin-bottom: 20px;font-size: 18px;}
    .position a{font-size: 18px;}
    .likeprocon h3{font-size: 20px;}
    .pro_con .infocon .title{font-size: 28px;}
    .pro_con .infocon .huohao{font-size: 20px;}
    .pro_con .infocon .pjys .itemcon{width: 50px;height: 50px;}
    .pro_con .infocon .desc,.pro_con .infocon .xijiecon{font-size: 14px;}
    .pro_con .infocon .xijie, .pro_con .infocon .pjystitle{font-size: 16px;}
    .cjzslist .con{margin-bottom: 80px;}
    .cjzslist .con .text p{height: 30px;margin-bottom: 8px;}
    .dianmian_content img{margin-bottom: 40px;}
    .cjzslist .con .text{padding: 24px 144px;}
    .cjzslist .con .text p{font-size: 20px;}
    .cjzslist .con .text p.huohao{font-size: 18px;}
    .cjzslist .con .text a.link{font-size: 16px;width: 100px;text-indent: 14px;background-position: right 8px center;height: 32px;line-height: 30px;top: 39px;right: 46px;}
    .imgnews{margin-bottom: 48px;}
    .imgnews .text .title a{font-size: 24px;}
    .imgnews .text .title{height: 60px;}
    .imgnews .text .more{width: 100px;height: 32px;line-height: 30px;text-indent: 14px;background-position: right 8px center;}
    .newslist{margin-left: -12px;margin-right: -12px;}
    .newslist .item{padding: 0 12px;margin-bottom: 24px;}
    .fenye a{height: 30px;line-height: 28px;width: 30px;}
    .page_newscon .news_con .title{font-size: 24px;}
    .page_newscon .news_con .con, .page_newscon .news_con .con *{font-size: 15px;}
    .about_con .aboutt img{width: 372px;}
    .about_con .con h3{font-size: 22px;}
    .about_con .con p{margin-bottom: 28px;}
    .about_con .con .adiv{margin-bottom: 125px;}
    .contact_con .item {margin-bottom: 24px;padding-bottom: 24px;}
    .contact_con .item h3{font-size: 20px;height: 38px;line-height: 38px;}
    .contact_con .item p{font-size: 16px;}
    .contact_con .item h3{background-size: 22px;padding-left: 38px;}
    .lxrwxewm{width: 156px;}
    .footer .rightcon .lxfs a{font-size: 16px;}
    .footer .rightcon .flogo img{width: 154px;}


    .sub_container .typename{width: 202px;}
}

@media (max-width: 1500px){
    .page_newscon .news_con{width: 900px;font-size: 16px;}
    .page_newscon .news_con .source{font-size: 16px;}
    #menu li{height: 40px;line-height: 40px;font-size: 14px;margin-bottom: 22px;}
    #menu a{font-size: 14px;}
    .indexpage1 .title span{font-size: 40px;}
    .indexpage1 .title{font-size: 22px;}
    .indexpage1 .dengguang{font-size: 14px;}
    .indexpage1 .dengguang{width: 110px; height: 36px;line-height: 32px;background-size: 30px;padding-left: 22px;background-position: right 16px center;}
    .indexpage2 .content .typet,.indexpage3 .typet,.indexpage4 .typet{font-size: 18px;}
    .indexpage2 .content .title{font-size: 30px;}
    .indexpage2 .content .desc{font-size: 13px;}
    .footer{padding-top: 32px;padding-bottom: 16px;}
    .footer .title{font-size: 16px;}
    .footer .ksdh a{font-size: 14px;}
    .sub_container{padding-top: 62px;margin-bottom: 86px;}
    .prolist{margin-bottom: 40px;}
    .xilie_con .xiliepic .title{font-size: 80px;}
    .xilie_con .con p{font-size: 14px;line-height: 30px;}
    .xilie_con .con h3{font-size: 22px;margin-bottom: 24px;}
    .xilie_con .con img{}
    .lookmore{font-size: 16px;height: 40px;line-height: 40px;}
    .lookmore:before,.lookmore:after{width: 70px;height: 1px;}
    .filter_select .title.select,.filter_search input,.filter_select .title{font-size: 16px;}
    .filter_search{width: 270px;height: 36px;line-height: 32px;}
    .filter_select{width: 160px;height: 36px;line-height: 32px;}
    .filter_search .keywords,.filter_search .prosearch{line-height: 30px;height: 30px;}
    .filter_search .prosearch{background-size: 18px;width: 35px;}
    .filter_select .xiala a{font-size: 14px;}
    .prolist .item{margin-bottom: 32px;}
    .prolist .item .con p a{font-size: 16px;}
    .prolist .item .con p.huohao{font-size: 14px;}
    .position{margin-top: 20px;margin-bottom: 20px;font-size: 18px;}
    .position a{font-size: 18px;}
    .likeprocon h3{font-size: 20px;}
    .pro_con .infocon .title{font-size: 26px;margin-bottom: 6px;margin-top: 22px;}
    .pro_con .infocon .huohao{font-size: 19px;}
    .pro_con .infocon .desc,.pro_con .infocon .xijiecon{font-size: 14px;}
    .pro_con .infocon .xijie, .pro_con .infocon .pjystitle{font-size: 16px;}
    .cjzslist .con{margin-bottom: 80px;}
    .dianmian_content img{margin-bottom: 40px;}
    .cjzslist .con .text{padding: 21px 130px;}
    .cjzslist .con .text p{font-size: 20px;}
    .cjzslist .con .text p.huohao{font-size: 18px;}
    .cjzslist .con .text a.link{font-size: 16px;width: 100px;text-indent: 14px;background-position: right 8px center;height: 32px;line-height: 30px;}
    .imgnews{border-radius: 5px;}
    .newslist .item .con{border-radius: 5px;}
    .imgnews .text .title a{font-size: 24px;}
    .imgnews .text .title{height: 60px;}
    .imgnews .text .more{width: 100px;height: 32px;line-height: 30px;text-indent: 14px;background-position: right 8px center;}
    .fenye a{height: 30px;line-height: 28px;width: 30px;}
    .page_newscon .news_con .title{font-size: 24px;}
    .page_newscon .news_con .con, .page_newscon .news_con .con *{font-size: 15px;}
    .about_con .aboutt img{width: 372px;}
    .about_con .con h3{font-size: 22px;}
    .about_con .con p{margin-bottom: 28px;}
    .about_con .con .adiv{margin-bottom: 125px;}
    .contact_con .item {margin-bottom: 24px;padding-bottom: 24px;}
    .contact_con .item h3{font-size: 20px;height: 38px;line-height: 38px;}
    .contact_con .item p{font-size: 16px;}
    .contact_con .item h3{background-size: 22px;padding-left: 38px;}
    .lxrwxewm{width: 156px;}
    .footer .rightcon .lxfs a{font-size: 16px;}
    .footer .rightcon .flogo img{width: 154px;}


    .sub_container .typename{width: 176px;}
}

@media (max-width: 1380px){
    #menu a,#menu li{font-size: 14px;}
    #menu li{height: 30px;line-height: 30px;margin-bottom: 20px;}
    .footer .content{width: 900px;}
    .footer .rightcon .lxfs a{font-size: 18px;}
	.indexpage2 .fp-controlArrow.fp-prev,.indexpage2 .fp-controlArrow.fp-next,.indexpage2 .fp-slidesNav.fp-bottom,.indexpage2 .swiper-button-prev,.indexpage2 .swiper-button-next,.indexpage2 .swiper-pagination{bottom: 20%;}
    .pro_con .infocon .title{font-size: 24px;}
    .pro_con .infocon .huohao{font-size: 18px;}
    .pro_con .infocon .desc,.pro_con .infocon .xijiecon{font-size: 14px;}
    .pro_con .infocon .xijie,.pro_con .infocon .pjystitle{font-size: 15px;}
    .imgnews .text .title{font-size: 24px;height: 66px;overflow: hidden;}
    .imgnews .text .title a{font-size: 24px;}
    .newslist .text .title{height: 50px;}
    .page_newscon .news_con{width: 800px;}
    .about_con .con .adiv{margin-bottom: 100px;}

    .about_con .aboutt img{width: 330px;}
    .about_bg{width: 40.55%}

    .proxilie_content .con .text{font-size: 1.2rem;}
    
}
@media(max-width: 1200px){
    .sub_container{/*margin-left: 180px;*/}
    .filter_search{width: 300px;}
    .newslist .text .title{height: 45px;}
    .newslist .text .title a{font-size: 16px;}
    .page_newscon .news_con{width: 700px;}
}

@media(max-width: 1150px){
    body,button,input,select,textarea{font-family:'黑体',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;-ms-text-autospace:ideograph-alpha ideograph-numeric ideograph-parenthesis;text-autospace:ideograph-alpha ideograph-numeric ideograph-parenthesis}
    .leftbar{max-height: 650px;top: 0;bottom: auto;}
    .index.leftbar{max-height: 100%;top: auto;}
    .footer{padding-top: 20px;}
    .footer .content{width: 100%;}
    .footer .rightcon .flogo{width: auto;margin-bottom: 35px;}
    .footer .rightcon .lxfs a{font-size: 16px;}
    .sub_container{margin-bottom: 60px;}
    .sub_container .typename{width: 126px;}
    .sub_container.page_xlcon{padding-left: 15.625%;}
    
    .xilie_con{padding-top: 0;padding-left: 15px;}
    .xilie_con .con p{width: 100%;}
    .xilie_con .con img{max-width: 100%;}
    .xilie_con .xiliepic .title{font-size: 60px;}
    .position{margin-top: 15px;margin-bottom: 25px;font-size: 16px;}
    .position a{font-size: 16px;}
    .filter_select{height: 36px;line-height: 36px;}
    .filter_select .xiala{top: 36px;}
    .filter_select .xiala a{font-size: 14px;height: 30px;line-height: 30px;text-indent: 10px;overflow: hidden;}

    .filter_select .title{font-size: 16px;background-size: 9px;padding-right: 15px;}
    .filter_select{width: 150px;margin-right: 10px;}
    .filter_search{width: 210px;margin-right: 0;height: 36px;line-height: 36px;padding-left: 32px;}
    .filter_search input{font-size: 16px;}
    .filter_search .prosearch{width: 32px;height: 35px; background-size: 12px;}
    .filter_search .keywords{height: 36px;line-height: 36px;}
    .prolist .item{margin-bottom: 20px;}
    .prolist{margin-bottom: 30px;}
    .dianmian_content img,.xilie_con .con img{margin-bottom: 30px;}
    .xilie_con .con p{margin-bottom: 20px;}
    .xilie_con .con{margin-bottom: 40px;width: 100%;}
    .likeproconlist{margin-bottom: 0;}
    
    .cjzslist .con{margin-bottom: 25px;}
    .cjzslist .con .text{bottom: 0;padding: 10px 95px 10px 10px;position: relative;}
    .cjzslist .con .text p{font-size: 16px;height: 24px;margin-bottom: 0px;text-align: left;line-height: 1.4}
    .cjzslist .con .text p.huohao{font-size: 14px;text-align: left;line-height: 1.4;height: 24px;}
    .cjzslist .con .text a.link{width: 75px;height: 26px;line-height: 24px;font-size: 14px;text-indent: 2px;background-position: right 4px center;top: 19px;right: 10px;}
    .lookmore{margin-bottom: 30px;font-size: 16px;}
    .imgnews{margin-bottom: 30px;}
    .imgnews .text .title{margin-bottom: 6px;}
    .imgnews .text .title a{font-size: 18px;}
    .imgnews .text .desc{line-height: 1.6;height: 42px;}
    .imgnews .text .more{width: 90px;height: 32px;line-height: 30px;text-indent: 11px;background-position: right 11px center;}
    .newslist .item{padding: 0 6px;margin-bottom: 12px;}
    .newslist{margin-left: -6px;margin-right: -6px;}
    .fenye{margin:30px 0;}
    .sub_container.page_newscon{padding-left: 15.62%;}
    .page_newscon .news_con{width: 100%;}
    .page_newscon .news_con .con{margin-top: 30px;}
    .page_newscon .news_con img{margin: 30px 0;}
    
    .sub_container.page_about{overflow: hidden;}
    .about_con .aboutt img{width: 165px;}
    .about_con{padding-top: 90px;}
    .about_bg{width: 205px;}
    .about_con .con{width: 100%;margin-top: 90px;}
    .about_con .con p{margin-bottom: 18px;}
    .about_con .con .adiv{margin-bottom: 50px;}
    .about_con .con h3{font-size: 22px;margin: 12px 0;}

    .contact_con{width: 80%;}
    .contact_con .item{margin-bottom: 15px;padding-bottom: 15px;padding-left: 9px;}
    .contact_con .item h3{font-size: 16px;font-weight: bold;height: 32px;line-height: 32px;padding-left: 24px;}
    .contact_con .item h3.mphone{background-size: 14px;padding-left: 24px;}
    .contact_con .item h3.email{background-size: 17px;padding-left: 24px;}
    .contact_con .item h3.weixin{background-size: 17px;padding-left: 24px;}
    .contact_con .item h3.address{background-size: 15px;padding-left: 24px;}
    .contact_con .item p{font-size: 14px;margin-bottom: 6px;padding-left: 24px;}
    .contact_con .item a.map{font-size: 12px;}
    .contact_con .lxrwxewm{width: 98px;}
    .pro_con .infocon .xijie, .pro_con .infocon .pjystitle{font-size: 14px;}
    .pro_con .infocon .desc, .pro_con .infocon .xijiecon{font-size: 13px;line-height: 1.6;}
}
@media(max-width: 1023px) and (min-width: 768px){
    .about_con .con,.xilie_con,.page_prolist,.page_cjzs,.page_newslist,.page_newscon,.page_dmxx{padding-right: 30px;}
    .about_con,.proxilie_content,.prolist,.cpfilter,.page_prolist .typename,.page_cjzs .typename,.cjzslist,.page_dmxx .typename,.dianmian_content,.newslist,.page_newslist .typename,.news_con,.contact_con,.page_contact .typename,.pro_con{padding-left: 15px;}
    .imgnews,.position{margin-left: 15px;}
    .footer .rightcon .flogo{margin-bottom: 35px;}
    .footer .rightcon .flogo img{width: 96px;}
}

/*笔记本高度*/
@media (max-height: 768px){
	.indexpage2 .fp-controlArrow.fp-prev,.indexpage2 .fp-controlArrow.fp-next,.indexpage2 .fp-slidesNav.fp-bottom,.indexpage2 .swiper-button-prev,.indexpage2 .swiper-button-next,.indexpage2 .swiper-pagination{bottom: 15%;}
    #logo{top: 30px;}
    .sub_container{min-height: 460px;}
    /*#page{height: 90px;line-height: 90px;}*/
}

@keyframes picload
{
    0% {transform: translateY(100px);}
    50% {transform: translateY(-20px);}
    100% {transform: translateY(0);}
}

@keyframes picconload
{
    0% {transform: translateY(30px);}
    50% {transform: translateY(-10px);}
    100% {transform: translateY(0);}
}

/*手机版样式*/
@media (max-width: 767px){
    *{font-size: 14px;}
    body{width: 100%; padding-top: 50px;font-size: 14px;}
    .index-load{display: none;}
    .leftbar{display: none;}
    .m_nav{display: block;}
    .footer{padding: 20px 15px 10px;}
    .footer .content{width: 100%;padding: 10px 0;}
    .footer .leftcon{width: 100%;float: none;}
    .footer .rightcon{width: 100%;float: none;text-align: left;}
    .footer .title{font-size: 15px;font-weight: bold;display: inline-block;margin-right: 10px;height: 30px;line-height: 30px;margin-bottom: 5px;}
    .footer .ksdh,.footer .flink {margin-bottom: 5px;display: inline-block;}
    .footer .ksdh a{font-size: 14px;margin-right: 10px;}
    .footer .flink a{margin-right: 6px;height: 30px;line-height: 30px;}
    .footer .flink a:nth-child(1){width: 47px;}
    .footer .flink a:nth-child(2){width: 59px;}
    .footer .flink a:nth-child(3){width: 37px;}
    .footer .flink a:nth-child(4){width: 47px;}
    .footer .rightcon .flogo{width: 91px;margin-bottom: 10px;margin-top: 15px;}
    .footer .rightcon .lxfs a{font-size: 15px;}
    .footer .rightcon .lxfs{margin-bottom: 4px;font-size: 12px;padding-left: 15px;display: block;height: 24px;line-height: 24px;}
    .footer .rightcon .lxfs.tel,.footer .rightcon .lxfs.email{background-size: 10px;}
    .footer .beian{margin-left: 10px;}

    .indexpage2,.indexpage3,.indexpage4{padding-left: 0;padding-right: 0;}
    .indexpage2 .content{padding: 0 15px;}
    .sub_container{padding: 20px 15px 0;margin-bottom: 50px;}
    .sub_container .typename{width: 126px;margin-bottom: 20px;}
    .cjzslist .con{margin-bottom: 25px;}
    .cjzslist .con .text{bottom: 0;padding: 5px 95px 5px 10px;position: relative;}
    .cjzslist .con .text p{font-size: 16px;height: 24px;margin-bottom: 0px;text-align: left;line-height: 1.4}
    .cjzslist .con .text p.huohao{font-size: 14px;text-align: left;line-height: 1.4;height: 24px;}
    .cjzslist .con .text a.link{width: 75px;height: 26px;line-height: 24px;font-size: 13px;text-indent: 4px;background-position: right 4px center;top: 14px;right: 10px;}
    .lookmore{margin-bottom: 25px;font-size: 14px;height: 28px;line-height: 28px;}
    .lookmore:before,.lookmore:after{height: 1px;width: 60px;}



    .dianmian_content img{margin-bottom: 25px;}
    .proxilie_content .con .text{font-size: 1.36rem;}
    .xilie_con .xiliepic{margin-bottom: 15px;}
    .xilie_con .xiliepic .title{font-size: 40px;}
    .xilie_con .xiliepic img{margin-right: -15px;}
    .xilie_con .con{margin-bottom: 40px;}
    .sub_container.page_xlcon{padding: 0;}
    .xilie_con{padding: 0 15px;}
    .xilie_con .con p{width: 100%;margin-bottom: 18px;font-size: 14px;line-height: 30px;}
    .xilie_con .con h3{margin-bottom: 20px;font-size: 18px;}
    .xilie_con .con img{max-width: 100%;margin-bottom: 25px;}
    
    .position{margin-top: 10px;margin-bottom: 10px;font-size: 14px;}
    .position a{font-size: 14px;}
    .filter_select{height: 32px;line-height: 32px;}
    .filter_select .xiala{top: 32px;}
    .filter_select .xiala a{font-size: 14px;height: 30px;line-height: 30px;text-indent: 10px;overflow: hidden;}
    .filter_select .title.select, .filter_search input, .filter_select .title{font-size: 14px;}
    
    .cpfilter{margin-top: 25px;margin-bottom: 20px;}
    .filter_select .title{font-size: 14px;background-size: 9px;padding-right: 15px;}
    .filter_select{width: 90px;margin-right: 10px;}
    .filter_search{width: 140px;margin-right: 0;height: 32px;line-height: 32px;padding-left: 18px;}
    .filter_search .keywords{height: 32px;line-height: 32px;font-size: 14px;}
    .filter_search .prosearch{width: 18px;height: 23px;background-size: 12px;background-position: center center;margin-top: 5px;}
    .filter_search input{font-size: 14px;}
    
    .prolist{margin-left: -6px;margin-right: -6px;margin-bottom: 25px;}
    .prolist .item{width: 50%;padding: 0 6px;margin-bottom: 16px;}
    .prolist .item .con p,.prolist .item .con p a{font-size: 14px;height: 24px;line-height: 24px;}
    .prolist .item .con p.huohao{font-size: 12px;}
    .prolist .item .con .text{padding: 5px 4px;}
    .pro_con .infocon{width: 43%;margin-right: 0;}
    .pro_con .infocon .title{font-size: 16px;margin-top: 15px;}
    .pro_con .infocon .huohao{font-size: 13px;}
    .pro_con .infocon .xijie,.pro_con .infocon .xijie,.pro_con .infocon .pjystitle{margin-bottom: 6px;}
    .pro_con .infocon .pjys .itemcon{width: 30px;height: 30px;margin-right: 6px;padding: 1px;border-width: 1px;}
    .likeprocon h3{font-size: 16px;}
    .likeproconlist{padding-right: 0;margin-bottom: 0;}
    .mini-products-list{display: block;}
    .products-list{display: none;}
    
    .imgnews{padding-top: 0;height: auto;margin-bottom: 21px;}
    .imgnews .img{position: relative;height: 0;width: 100%;padding-top: 65.79%;height: 0; box-sizing: content-box;-webkit-box-sizing: content-box;    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;}
    .imgnews .text{position: relative;height: auto;width: 100%;padding-bottom: 15px;padding-top: 10px;}
    .imgnews .text .con{top: 0;transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);}
    .imgnews .text .title {line-height: 32px;height: 32px;font-size: 16px;margin-bottom: 3px;}
    .imgnews .text .title a{font-size: 15px;}
    .imgnews .text .desc{font-size: 12px;height: 36px;}
    .imgnews .text .more{width: 80px;height: 26px;line-height: 24px;font-size: 12px;background-position: right 6px center;background-size: 4px;margin-top: 10px;}
    .newslist{margin-left: -6px;margin-right: -6px;}
    .newslist .item{width: 50%;padding: 0 6px;margin-bottom: 12px;}
    .newslist .item .con{padding-bottom: 71px;}
    .newslist .con .text{padding: 6px;}
    .newslist .text .date{margin-bottom: 0;font-size: 12px;}
    .newslist .text .title {height: 40px;margin-bottom: 15px;}
    .newslist .text .title a{font-size: 14px;}
    .newslist .text .desc{font-size: 12px;height: 32px;}
    .fenye{margin: 25px 0 0 0;}
    .fenye a{width: 26px;height: 26px;line-height: 24px;margin: 0 3px;}
    .sub_container.page_newscon{padding-left: 15px;}
    .page_newscon .news_con{width: 100%;padding: 0;}
    .page_newscon .news_con .title{font-size: 18px;margin-bottom: 8px;}
    .page_newscon .news_con .source{font-size: 14px;}
    .page_newscon .news_con .con{margin-top: 25px;}
    .page_newscon .news_con .con h3{font-size: 16px;}
    .page_newscon .news_con img{margin: 25px 0;}
    .fanpian{margin: 40px 0 25px;background-size: 24px;}
    
    .about_con{padding-top: 30px;}
    .about_con .aboutt img{width: 232px;}
    .about_bg{width: 205px;margin-right: -102px;}
    .about_con .con{width: 100%;margin-top: 55px;}
    .about_con .con h3{margin: 12px 0;font-size: 18px;font-weight: bold;}
    .about_con .con p{margin-bottom: 18px;}
    .about_con .con .adiv{margin-bottom: 50px;}
    
    .contact_con{width: 100%;}
    .contact_con .item{margin-bottom: 15px;padding-bottom: 15px;padding-left: 9px;}
    .contact_con .item h3{font-size: 16px;font-weight: bold;height: 32px;line-height: 32px;}
    .contact_con .item h3.mphone{background-size: 14px;padding-left: 24px;}
    .contact_con .item h3.email{background-size: 17px;padding-left: 24px;}
    .contact_con .item h3.weixin{background-size: 17px;padding-left: 24px;}
    .contact_con .item h3.address{background-size: 15px;padding-left: 24px;}
    .contact_con .item p{font-size: 14px;margin-bottom: 6px;padding-left: 24px;}
    .contact_con .item a.map{font-size: 12px;padding-top: 4px;padding-bottom: 4px;background-size: 4px;padding-right: 13px;padding-left: 5px; background-position: right 5px center;}
    .contact_con .lxrwxewm{width: 98px;}

    .indexpage2 .fp-slidesNav.fp-bottom{display: none;}
    .indexpage1{overflow: hidden;box-sizing: content-box;-ms-box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;height: 0;width: 100%;padding-top: 80%;background-image: url(../images/index_page1_w_m.jpg);}
    /*.indexpage1.night{}*/
    .indexpage1 .kaideng{background-image: url(../images/index_page1_b_m.jpg);}
    .indexpage1 .content{top: 33.33%;left: 9.33%;}
    .indexpage1 .title{font-size: 14px;}
    .indexpage1 .title span{font-size: 24px;}
    .indexpage1 .dengguang{width: 73px;height: 24px;line-height: 22px;background-size: 19px;font-size: 12px;background-position: right 10px top;padding-left: 10px;border-width: 1px; }

    .indexpage2{background-color: #eae3d9; overflow: hidden;box-sizing: content-box;-ms-box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;height: 0;width: 100%;padding-top: 80%;}
    .indexpage2 .itembox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .indexpage2 .swiper-button-next,.indexpage2 .swiper-button-prev{background-size: 27px;width: 27px;height: 27px;left: 15px;bottom: 10%;}
    .indexpage2 .swiper-button-next{margin-left: 35px;}
    .indexpage2 .content .typet{height: 50px;line-height: 50px;position: relative;left: 0;top: 0;width: 100%;text-align: center;font-size: 16px;}
    .indexpage2 .content .con{top: 50%;transform: translateY(-50%);}
    .indexpage2 .content .title{font-size: 18px;line-height: 1.4}
    .indexpage2 .content .desc{width: 45%;font-weight: normal;line-height: 1.4;margin-top: 5px;font-size: 13px;}
    .indexpage2 .content .pic{right: 15px;}
    .indexpage2 .content .picbg{width: 105px;}
    .mshow{display: block;}
    .ma{display: inline;}
    .pca{display: none;}
    .indexpage2 .slide{background-color: #eae3d9}
    .indexpage2 .swiper-pagination{text-align: center;left: 0;display: none;}

    .indexpage3{background-color: #f0ece7; overflow: hidden;box-sizing: content-box;-ms-box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;height: 0;width: 100%;padding-top: 80%;}
    .indexpage3 .itembox {
        width: 100%;
        height: 76.4%;
        position: absolute;
        top: 13.33%;
        padding: 0 15px;
    }
    .indexpage3 .swiper-container-pro {
        width: 100%;
        height: 100%;
        top: 0;
        position: relative;
    }
    .indexpage3 .typet{text-align: center;font-size: 16px;}
    .indexpage3 .swiper-button-prev, .indexpage3 .swiper-button-next{background-size: 27px;width: 27px;height: 27px;left: 0;}
    .indexpage3 .swiper-button-next{right: 0;left: auto;}

    .indexpage4{background-color: #eae3d9;}
    .indexpage4{overflow: hidden;box-sizing: content-box;-ms-box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;height: 0;width: 100%;padding-top: 74%;}
    .indexpage4 .itembox{position: absolute;height: 75.34%;padding: 0 15px;}
    .swiper-container-jjlg{width: 100%;height: 100%;}
    .indexpage4 .swiper-wrapper{}
    .indexpage4 .typet{text-align: center;font-size: 16px;}
    .indexpage4 .swiper-button-prev, .indexpage4 .swiper-button-next {
        width: 27px;
        height: 27px;
        top: 50%;
        left: 0;
        border: 0 none;
        background: url(../images/arrow_left.png) no-repeat;
        background-size: 27px;
    }
    .indexpage4 .swiper-button-next{background-image: url(../images/arrow_right.png);left: auto;right: 0;}

    @keyframes picload
    {
        0% {transform: translateY(30px);}
        50% {transform: translateY(-10px);}
        100% {transform: translateY(0);}
    }
}
@media(max-width: 400px){
    .indexpage2 .content .desc{font-size: 13px;width: 50%;}
    .indexpage2 .swiper-button-next,.indexpage2 .swiper-button-prev{bottom: 10px;}
    .footer .fbottom p,.footer .fbottom p a{font-size: 10px;}
    /*.indexpage2 .swiper-button-next{right: 15px;left: auto;margin-left: 0; }
    .indexpage2 .swiper-button-prev{right: 15px;left: auto;margin-right: 35px;}*/
}
@media(max-width:374px){
    .filter_search {width: 130px;}
   .filter_search .keywords{height: 32px;line-height: 32px;font-size: 13px;}
}
@media(max-width: 359px){
    .filter_select{width: 80px;}
    .filter_search {width: 110px;}
    .filter_search .keywords{font-size: 12px;}
    .indexpage2 .content .desc{font-size: 12px;width: 50%;line-height: 1.3}
    .footer .ksdh a,.footer .flink a{margin-right: 0;}
    .footer .title{margin-right: 5px;}
}
.boxcontent{box-sizing: content-box;-ms-box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;height: 0;width: 100%;}