html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*公用样式*/
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}




.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


.wt{width:1920px;position: relative;left:50%;margin-left:-960px;}
.wt_t{width:1200px;margin:0 auto;}
.container{width:1200px;margin:0 auto;padding:0px;}


.pos{width:1920px;position: relative;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


/*头部*/
.hh1{height:40px;background:#333333;overflow: hidden;}
.wel{color:#a9a7a7;font-size:12px;line-height:40px}
.kk1{color:#a9a7a7;font-size:12px;line-height:40px}
.kk1 a{color:#a9a7a7;font-size:12px;line-height:40px}



.hh2{height:100px;}
.logo{line-height:100px;float:left;}
.logo img{line-height:100px;/* margin-top: 17px; */}




/*搜索和热门搜索*/
.hh3{height: 80px;}
#formsearch{float:right;background:url(../images/06132136b43213ab41b6cac31b6471e15ab5f4b7.png) no-repeat center;width:304px;height: 53px;margin-top:15px;}
.hotSearch{float:left;height:60px;line-height:60px;font-weight:normal;color:#403f3f;font-size:14px;}
.hotSearch a{margin-right:6px;color:#403f3f;font-size:14px;}

/*热门搜索*/
#formsearch input{height:25px;border:none;line-height:25px;outline:none;width:145px;background:none;}
#formsearch input#keyword{height: 51px;line-height: 51px;padding-left:14px;color:#666666;}
#formsearch input#s_btn{width:46px;height:29px;line-height:29px;text-align:center;background-color:none;color:#fff;border:none;cursor:pointer;font-size:0px;}
#formsearch input::placeholder{color:#686868;font-size:13px}


.hybox{ width:1200px; position:relative;}
.leftLoop1 .hd1 .prev{ display:block; width:50px; height:110px; overflow:hidden; cursor:pointer; background:url(../images/iright.jpg) no-repeat; position:absolute; top: 0;right:-60px;} 
.leftLoop1 .hd1 .next{display:block; width:50px; height:110px; overflow:hidden; cursor:pointer; background:url(../images/ileft.jpg) no-repeat; position:absolute; top: 0px;left:-60px;} 

.indextit{ text-align:center;margin-bottom: 30px;}
.indextit h3{font-size: 36px;color:#231815;}
.indextit p{ font-size:28px; color:#616161; font-weight:600; padding-top:5px;}
.indextit span{
    display: block;
    font-size: 16px;
    padding-top:5px;
}

.indexhy li{ float:left; width:144px; text-align:center; margin:0 3px;}
.indexhy li img{ width:80px; height:80px; transition: all .3s ease-out 0s;}
.indexhy li p{ overflow:hidden;font-size: 15px;color: #545454;}
.indexhy li:hover img{
	color: initial;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	transform: scale(1.1,1.1);
}
.filter-block {margin-top: 10px;padding: 25px 35px 10px 35px;
    
    background: white;position: relative;}

.col.filter-block:before {content: '';
    position: absolute;
    left: 0;
    top: 50px;
    bottom: auto;
    right: auto;
    height: 30%;
    width: 8px;
    background: #0081C6;}

.box11_con {width: 1200px;margin: 0 auto;}


.filter-first-area h3.filter-title a {font-family: Microsoft YaHei-Bold;
    font-size: 24px;
    color: #0081C6;
    letter-spacing: 0;
    font-weight: bold;}

p.filter-parsing-title,.support-text {
    font-family: Microsoft YaHei;
    letter-spacing: 0;
    font-size: 15px;
    color: #333333;
    letter-spacing: 0;
    line-height: 25px;
    padding-top: 14px;
    }

h3.support-title {color: #000;font-weight: bold;font-size: 20px;padding-top: 15px;padding-bottom: 5px;}

.filter-btn a {background: #F45E06;padding: 10px 16px;border-radius: 4px;color: #fff;font-size: 16px;}

.filter-btn {margin-top: 29px;}

.col-sm-7.filter-block-text {padding: 20px;
    padding-left: 50px;
    padding-right: 50px;}

.box1_bot{margin-top:30px;background: #ededed;padding: 60px 0;}
.bt1{text-align: center;}
.bt1 dd{color: #000000;font-size: 36px;font-weight: bold;}
.bt1 dt{color: #666666;font-size: 16px;text-transform: uppercase;font-weight: 400}


/*多页签*/
.promenu{
    width: 1200px;margin:0 auto;margin-top:30px;
    overflow: hidden;display: flex;justify-content: center;align-items: center;
}
.promenu li{
    float: left;
    background:none;
    display: block;
    box-sizing: border-box;
    text-align: center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition: all 0.4s linear;
    padding: 0 16px;
}
.promenu li a{font-size: 16px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #999999;}
.promenu li.on{
    background-color: #f09819;

}
.promenu li.on a{
    color: #fff;}


.b1b_index {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 30px;
    display: block;
    height: 330px;
}


.main li{width: 292px;height: 292px;background-color: #ffffff;border: solid 1px #e5e5e5;padding:10px 10px 0 10px;float: left; margin:0 10px 18px 0;position:relative;-webkit-transition:all .5s;transition:all .5s;}
.main li:nth-of-type(4n){margin-right:0;}
.main li a{display:block;}
.main li .img{width:269px;height:269px;overflow:hidden;position:relative;}
.main li .img img{width:269px;height:269px;transition: all 1s;vertical-align:top;}
.main li:hover .img img{transform: scale(1.2);}
.main li .img .hide2{-webkit-transition: all .5s;transition: all .5s;width:100%;height:100%;background:url(../images/e242d2e0da96fd9dee7623ae26f74fa9ca9ddee2.png) center center no-repeat rgba(0,0,0,0.6);position:absolute;top:0;left:0;display: block;opacity: 0;}
.main li .name{height:50px;line-height:50px;font-size:14px;color:#000000;padding:0 53px 0 10px;background:url(../images/48207000c76c31da98453575df9c30e1f3ac1ee4.png) 250px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
.main li:hover{-webkit-transition:all .5s;transition:all .5s;}
.main li:hover .name{color:#f09819;background:url(../images/8c78c3a1ef74f537e8d45f0dd157a2b23c4a998f.png) 250px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.main li:hover .img .hide2{opacity: 1;}




/*.<!-- ht -->*/
.ht {
    margin-top: 20px;
    /* width: 100%; */
    text-align: center;
    font-size: 18px;
}
.ht img{width:100%;}



.ht a {
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    width: 132px;
    height: 43px;
    border: solid 1.5px #666666;
    line-height: 39px;
    text-align: center;
    color: #666666;
    font-size: 14px;
}




.box3{margin-top:40px;}
.bt2{text-align: center;}
.bt2 dd{color: #000000;font-size: 36px;font-weight: bold;background: url(../images/deb818cbf1c644d9d2189d15974345c31f526569.png) no-repeat center;}
.bt2 dt{color: #666666;font-size: 16px;text-transform: uppercase;font-weight: 400}

.look_center{width:1200px;height:auto;margin:11px auto 0 auto;background:url(../images/5caa6948345b64b0f8335b612827967c2d03d5cf.png) no-repeat 625px 12px;}
.look_center .bd{width:1200px;height:400px;background:url(../images/805e3a8e36186bd23e35db8745864b3dd9ad2f3c.png) no-repeat top left;}
.look_center .bd .main2{height:396px;overflow:hidden;margin:0 auto;}
.look_center .bd .main2 .left{float:left;padding: 14px 0 0 15px;}
.look_center .bd .main2 .left img{width:589px;height:377px;float:right;vertical-align:top;}
.look_center .bd .main2 .right{width:510px;height:340px;float:right;}
.look_center .bd .main2 .right h4{font-size:30px;color:#000000;line-height:30px;font-weight:bold;margin-bottom:23px;margin-top: 42px;}
.look_center .bd .main2 .right h4 span{display:block;font-size:12px;line-height:12px;color:#636161;margin-top:12px;padding-bottom:42px;position:relative;font-weight: normal;text-transform: uppercase;display: block;}
.look_center .bd .main2 .right h4 span::after{content:'';width:26px;height:3px;background:#333333;position:absolute;bottom:0;left:0;}
.look_center .bd .main2 .right p{font-size:16px;line-height:30px;color:#000000;}
.look_center .bd .main2 .right p span{font-weight: bold;color: #f09819;}
.look_center .hd{width:1200px;height:160px;margin-top:20px;position:relative;overflow: hidden;}
.look_center .hd ul{width:1200px;height:160px;position:relative;}
.look_center .hd ul li{width:300px;height:80px;cursor:pointer;text-align:center;background:url(../images/da70b6e04309e2847058a5420b6695f04c067a59.png) right center no-repeat #919291;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(1){position:absolute;bottom:0;left:0;}
.look_center .hd ul li:nth-of-type(2){position:absolute;bottom:0;left:300px;}
.look_center .hd ul li:nth-of-type(3){position:absolute;bottom:0;left:600px;}
.look_center .hd ul li:nth-of-type(4){position:absolute;bottom:0;right:0;}
.look_center .hd ul li i{display:none;margin:16px auto;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.look_center .hd ul li:hover i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
.xian{margin:13px 0 8px 0;}
.ytel{color: #f09819;font-size: 16px;}
.ytel span{font-size: 24px;}
.ybox a{display: block;width: 145px;height: 35px;margin-left: 6px; background-color: #f09819;color: #ffffff;font-size: 16px;text-align: center;line-height: 35px;}

.box3{z-index: 9;}
.look_center .hd ul li p:nth-of-type(1){display:none;height:1px;background:url(../images/d4bb05fbb3e8242f756f92c503a7b42261d87447.png) no-repeat center;margin:0 auto;text-align: center;}
.look_center .hd ul li p:nth-of-type(2){font-size:20px;color:#fff;font-weight:bold;line-height:18px;margin:21px 0 10px 0;}
.look_center .hd ul li span{display:block;font-size:12px;color:#e6e6e6;line-height:14px;text-transform: uppercase;}
.look_center .hd ul li.on{height:160px;background:#333333;border-radius:20px 20px 0 0;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li.on i{display:block;}
.look_center .hd ul li.on p:nth-of-type(1){display:block;}
.look_center .hd ul li.on p:nth-of-type(2){margin-top: 15px;}





/*<!-- 加工工艺流程 -->*/

.box4{background: url(../images/dca30510e0057c0c8d1cafa393b2329cb5de377c.png) no-repeat top center;height: 438px;margin-top: -4px;padding-top: 56px;}
.bt4{text-align: center;}
.bt4 h3{color: #000000;font-size: 43px;text-transform: uppercase;}
.bt4 h3 span{display: block;color: #333333;font-size: 30px;margin-top:6px;}
.gul{margin:0 16px;margin-top: 50px;}
.gul li{margin-right: 42px;text-align: center;margin-bottom: 50px;}
.gul li:nth-child(6n){margin-right: 0;}
.gul li .img img{width: 159px;height: 159px;border-radius: 50%;display: block;}
.gul li h3{font-weight: normal;color: #000000;font-size: 18px;margin-top: 20px;width: 159px;}








/*合作伙伴*/

.hbbox{height:378px; overflow:hidden; }
.hb h3{float:left; width:80px; height:260px; overflow:hidden; text-align:center; background:url(../images/9ba95cecb8fa930cb63f61247b67d787da4dc3f4.png) no-repeat left 35px; padding-left:30px; margin-left:50px;}

.hb h3 a{font-size:48px; color:#fff; padding-top:24px; display:block; line-height:59px;}

.hb_nr{width:989px; float:right; margin-top:40px;}


/* 连续滑动门开始 */

.chan{position:relative; width:989px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:-20px;width: 29px;height: 32px;}


.l_btn{right:2px;background: url(../images/9ece576d56b5e8746c0a0b3448e112c73e502ba2.png) no-repeat left center;display: block;}
.l_btn:hover{background: url(../images/73674b3dc4292e80f7083079acd875f0546749ab.png) no-repeat left center;}
.r_btn{right:40px;background: url(../images/871940f456786ae47760a1f801f88c4cd10562a2.png) no-repeat left center;display: block;}
.r_btn:hover{background: url(../images/7a55764e0855eda3780d7fb89f8f1fd3f3aa26bd.png) no-repeat left center;}


.twt li{float: left;overflow: hidden; margin-left: 30px;}
.twt li a.img{display:block;border:2px solid #c7c9d0;}
.twt li a.img img{display:block;width: 212px;height:298px;}
.twt li:hover a.img{border:2px solid #f09819;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



/*<!-- 服务热线 -->*/
.ht1{height: 192px;background: url(../images/b45aadafeca72fe38e864437adb3e15f293c9ddf.jpg) no-repeat center;margin-top:35px;}
.hlogo{margin:60px 125px 0 0px;width: 453px;}
.hewm{text-align: center;color: #000000;font-size: 14px;line-height: 35px;margin-top: 19px;}
.hewm img{box-shadow: -1px 7px 12px 1px rgba(48, 48, 48, 0.34);}
.hlx dd{color: #f09819;font-size: 16px;padding-left: 52px;background: url(../images/dbbc068f663ff28e2c719c71de84f6401447bf1b.png) no-repeat left center;margin-top: 45px;line-height: 26px;}
.hlx dd span{display: block;color: #f09819;font-size: 14px;}
.hlx dt{color: #f09819;font-size: 36px;margin-top: 10px;font-weight: bold;line-height: 36px;}



.swiper-containerindex03 {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 50px;
}

.swiper-paginationindex03 {
	position: absolute;
	z-index: 2;
	text-align: center;
	bottom: 0 !important;
}

.swiper-containerindex03 .swiper-pagination-bullet{
    width: 13px;
    height: 13px;
}






.box7{margin-top:40px;margin-bottom: 30px;}


.abox{background: url(../images/dd06c9768f7698bf1d7398c008b93796cd8461fe.png) no-repeat top left;margin-top: 16px;}
.aright {margin-top: 48px;}
.aright img{display: block;width: 605px;height: 375px;}
.aleft{width: 535px;margin-left: 35px;}
.acon{color: #121111;font-size: 16px;line-height: 28px;height: 140px;overflow: hidden;}
.aleft h3{color: #000000;font-size: 30px;padding: 40px 0  15px 0;}
.aleft a{display: block;margin-top: 25px;width: 132px;height: 43px;border: solid 1.5px #666666;line-height: 39px;text-align: center;color: #666666;font-size: 14px;}
.atel{text-align: center;color: #f09819;font-size: 30px;margin-top: 56px;}

.aleft h3 img {
    width: 71%;
    float: right;
    /* margin-top: -12px; */
}


.box8{/*background: url(../images/4298b997b355a44ff0e85a7de31784bde61c4925.png) repeat-x center bottom;*/padding-bottom: 40px}

.honor{margin-top: 45px;position: relative;}
.honor .bd{width: 1200px;}
.img_gdtx{overflow: hidden;}
.honor .bd li{margin:0 14px;width: 275px;}
.honor .bd li img{display: block;width: 275px;height: 275px;}
.honor .hd li{margin-bottom: 6px;width: 132px;cursor: pointer; height: 45px;background-color: #000000;line-height: 45px;text-align: center;color: #fff;font-size: 20px;}
.honor .hd li.on{background-color: #0a9c4f;}
.honor .bd .prevall,.honor .bd .nextall{position: absolute;width: 52px;height: 74px;top:50%;margin-top: -37px;}
.honor .bd .prevall{left: -74px;background: url(../images/9fba5e569d4c132295428c93cdce3b51e61b9f4d.png) no-repeat left center;}
.honor .bd .nextall{right: -74px;background: url(../images/62eae93513512e3dd3a0666bd61e8b55efcbe338.png) no-repeat left center;}
.honor .bd .prevall:hover{background: url(../images/923ba6073e96f4979a84fe9a207a265b462683e1.png) no-repeat left center;}
.honor .bd .nextall:hover{background: url(../images/1899462e88d5a3279c947ecee3d3da64283ddffc.png) no-repeat left center;}



.box9{padding-top: 40px;}
.nsort{text-align: center;margin-top: 18px;margin-bottom: 25px;}
.nsort li{display: inline-block;margin:0 21px;background-color: #999999;}
.nsort li a{display: block;width: 168px;height: 50px;line-height: 50px;color: #ffffff;font-size: 24px;text-align: center;}
.nsort li.on a{color: #ffffff;}
.nsort li.on{background-color: #f09819;}

.boxzh9{
    background: #f9f9f9;
    padding:40px 0;
}

.wenx {
    margin-top: 60px;
}

.nlist li{width: 548px;margin-bottom: 43px;}
.nlist li:nth-child(2n){float: right; height: 85px;}
.ntime{background: #fafafa url(../images/25a0e748d225b219be0f06e6d63691a7faa0c948.png) no-repeat center;height: 82px;padding: 10px;}
.ntime dd{color: #333;font-size: 36px;line-height: 36px;padding-left: 4px;}
.ntime dt{color: #333;font-size: 17px;padding-left: 56px;}
.xin{width: 380px;}
.xin a{display: block;color: #1b1b1b;font-size: 18px;line-height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xin p{color: #999;font-size: 14px;line-height: 18px;margin-top: 13px;}

.nlist li:hover a,.nlist li:hover .ntime dd,.nlist li:hover .ntime dt{color: #333333;}
.nlist li:hover .ntime{background: url(../images/d465294b15a0c79472e643efaf443b0d194082c2.png) no-repeat center;}

.nlist li:hover p{color: #333333;}


.filter-img-area img {
    width: 100%;
/* float: right; */}

/*友情链接*/

.f_link{line-height: 30px;margin:0 auto;border-top: 1px solid #3c4349;color: #000000;font-size: 16px;padding: 10px 0 8px 0;background: #31373c;color: #c0c0c0;}
.f_link b{color: #333333;font-size: 40px;font-weight: bold;}
.f_link a{color: #000000;font-size: 14px;padding-left: 11px;color: #bebebe;}


.hez img {
    /* width: 100%; */
    display: block;
    margin: 0 auto;
}
.hez {border: 4px solid #f8f8f8;margin-top: 20px;padding: 30px;}

/*页面底部*/
.foot{height:307px;overflow: hidden;background: black/*url(../images/2f2123d25b6d4fec8ab566ff6b0de4b1ad945df7.png)*/ no-repeat top center;}
.dao {padding: 20px 0 30px 0;text-align: center;}
.dao a{color: #fffefe;font-size: 14px;width: 116px;background: url(../images/6bddf040ff953f2529b136442f9052127f24d617.png) no-repeat right center;letter-spacing: 1px;display: inline-block;}
.dao a:last-child{background:none;}
.lx{font-size: 14px;line-height: 28px;color: #fff;width: 380px;margin-left: 34px;}
.tewm{width: 265px;text-align: center;padding: 0px 0 0 -7px;float: right;}
.tewm img{display: block;margin-bottom: 9px;width: 268px;}
.tewm li:nth-child(2) span{color: #fefeff;font-size: 13px;display: inline-block;background: url(../images/4f7b73fe1682786f6a6c788a9ceceaed7862d855.png) no-repeat center;height: 20px;line-height: 20px;text-align: center;width: 130px;}
.bq{color: #fefeff;line-height: 26px;font-size: 14px;width: 440px;}
.bq a{color: #fefeff;}
.ft1{height: 160px;overflow: hidden;}
.ft2{line-height: 30px;color: #f1f1f1;font-size: 13px; text-align: center;}
.ft2 a{color: #f1f1f1;}
.zuo{margin-left: 30px;}
.copyright{
    background-color: #31373c;
    padding:10px 0;
}
.demo1,.demo2{
	visibility: visible;
    overflow: hidden;
    position: relative;
    z-index: 2;
    left: 0px;
    height: 100%;
    width: 100%;
    margin-left: 0px;
}
.homenews-box{
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
  }
  .homenews{
    padding:  50px 0 50px;
  }
  .home-newsul li{
    height: 35px;
    line-height: 35px;
  }
  .home-newsul li a{
    color:#333;
    font-size: 15px;
  }
  .home-newsul li .info{
    display: flex;
    justify-content: space-between;
  }
  .homenews-l{
    width: 48%;
  }
  .homenews-r{
    width: 48%;
  }
  .homenews .title{
    width: 100%;
    float: left;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 17px;
  }

  #footer{ width:100%; background:#3C4248;float:left; color:#fff; font-size:13px; padding:54px 0; }

#footer .con{ width:400px;float:left; padding-left:32px;}
#footer .con span{ font-size:26px; font-family:Impact;}
#footer .con p{ float:left; line-height:35px;}
#footer .con p img{ margin:-3px 0 0 0;}


#footer .con_r1{width: 250px;float: left; color:#9CA0A6;margin-left: 198px;}
#footer .con_r1 span{ font-size:20px;}
#footer .con_r1 ul{ width:100%; float:left; margin-top:10px;}
#footer .con_r1 ul li{ width:102px; line-height:28px; text-align:center;margin-top: 8px; float:left;margin-right: 17px;}
#footer .con_r1 ul li a{ width:102px; line-height:28px; text-align:center; background:#292D32; color:#9CA0A6;float:left;}
#footer .con_r1 ul li a:hover{ background:#fff; color:#3C4248;}

.m_r32{/* margin-right: 17px; */}
.m_r45{ margin-right:45px;}
.m_r95{ margin-right:95px;}


/*页面自适应*/

.kefu365{    display: none !important;}
.sidebar{ display:none;}
.f_nav{     display: none;}
.f_nav {
    height: 4rem;
    min-width: 320px;
    max-width: 750px;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 100;
    background: #1f488f;
}
.f_nav li {
    float: left;
    width: 42%;
    height: 4rem;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}
.f_nav li > a {
    display: block;
    color: #fff;
    font-size: 1.52rem;
    line-height: 4rem;
    letter-spacing: 1px;
}
.f_nav li.cur {
    width: 5.9rem;
    margin: -3rem auto 0;
}
.cur img{    display: block;
    max-width: 100%;}

@media (max-width: 767px) {
body .page-wrap .page-wrap-right{ padding-left:15px; padding-right:15px;}
body .news1lb a:hover{        padding-left: 15px;
        padding-right: 15px;}
body .xypg-detail-title{ padding-left:15px; padding-right:15px;}

body .news1lb a img{     position: inherit;}
body .news1lb a{    min-height: 300px;    padding-left: 15px;
    padding-right: 15px;}


.page-wrap-right{overflow: inherit;}
.page-wrap .container{ padding-right: 0px;        padding-left: 0px;}

.f_nav{     display: block;}

.gssp{
    width: 100%;
    text-align: center;}

.hybox{     width: 100% !important;}
	
	.hh1{ height:auto;     overflow: inherit;}
	.wt_t{ width:100%;}
	.wh{ width:100%;}
	.wt{ width:100%; left:0px; margin-left:0px; padding-left:15px; padding-right:15px;}
	.wel{ line-height:24px;}
	.x-menu{ display:none;}
	
	.menu-btn {
            position: absolute;
            top: 110px;
            right: 20px;
            z-index: 100;
            width: 30px;
            height: 22px;
            cursor: pointer;
        }
	.nav-open .menu-btn{ top:20px;}
        
        .menu-btn span {
            display: block;
            width: 100%;
            height: 3px;
            background: #333;
            margin-bottom: 5px;
            transition: all 0.3s ease;
            float: right;
        }
        
        .sidebar {
            position: fixed;
            top: 0;
            right: -280px;
            width: 280px;
            height: 100%;
            background: #2c3e50;
            z-index: 90;
            transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            padding-top: 70px;
            box-shadow: -2px 0 10px rgba(0,0,0,0.2);
            overflow-y: auto;
			display:block
        }
        
        .sidebar ul {
            list-style: none;
        }
        
        .sidebar > ul > li {
            position: relative;
        }
        
        .sidebar li a {
            display: block;
            padding: 15px 25px;
            color: #ecf0f1;
            text-decoration: none;
            border-bottom: 1px solid #34495e;
            transition: all 0.3s;
        }
        
        .sidebar li.has-submenu > a::after {
            content: "›";
            float: right;
            transform: rotate(90deg);
            transition: transform 0.3s;
    display: none;
        }
        
        .sidebar li.has-submenu.open > a::after {
            transform: rotate(-90deg);
        }
        
        .submenu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            background: #34495e;
        }
        
        .sidebar li.open .submenu {
            max-height: 500px;
        }
        
        .submenu li a {
            padding-left: 40px;
        }
        
        .content {
            padding: 20px;
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        body.nav-open {
            /*transform: translateX(-280px);*/
        }
        
        body.nav-open .sidebar {
            right: 0;
        }
        
        body.nav-open .menu-btn span:nth-child(1) {
            transform: rotate(-45deg) translate(-5px, 5px);
			background: #fff;
        }
        
        body.nav-open .menu-btn span:nth-child(2) {
            opacity: 0;
        }
        
        body.nav-open .menu-btn span:nth-child(3) {
            transform: rotate(45deg) translate(-7px, -6px);
			background: #fff;
        }
        
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 80;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
        }
        
        body.nav-open .overlay {
            opacity: 1;
            visibility: visible;
        }
		.container{ width:100%; padding-left:15px; padding-right:15px;}
		#footer .con_r1{ margin-left: 15px; width:100%}
		#footer .con_r1 ul li{margin-right: 10px;}
		.tewm{ float:left; width:100%; padding:25px;}
		.tewm img{ width:100%}
		.zuo{ margin-left:0px; float: left; padding-left: 15px;margin-right: 15px;}
		.message_olr_list{ top:200px !important;}
		.xypg-right-content p img{         width: auto;}
		#whimg p img{ width:100% !important}
		.xymob-menu-click{        position: inherit; background:#fff; height:auto;}
		.xymob-menu-click .xypg-left{ align-items: inherit; min-height:auto;}
		.c ul{ width:100% !important}
		.c div{ width:100% !important}
		.box11_con{ width:100%}
		.filter-title{ margin-top:15px; margin-bottom:15px;}
		.filter-btn{    margin-bottom: 30px;}
		.aleft{ width:100%;  padding-left: 15px; padding-right: 15px;margin-left: 0px;}
		.aright iframe{ width:100%}
		.box7 .abox .fr{ float:left; width:100%}
		.bd1 .tempWrap{ width:100% !important}
		.homenews-l{ padding-left:15px; padding-right:15px; width:100%}
		.homenews-r{ padding-left:15px; padding-right:15px; width:100%}
		.homenews-box{display: inline;}
		.home-newsul li{ width:100%}
		.home-newsul li .info .cat{ display:none;}
		#footer .con{width: 100%; padding-left: 15px;padding-right: 15px;}
		.banner .swiper-pagination{ top:60%}
		.news1lb a h5{right: 30px;}
		.xypg-pagination{padding-left: 15px;
    padding-right: 15px;
    width: 100%;  display: flow-root;}
	.xypg-pagination li{ float:left; margin-bottom:10px;}
	.p15-showcase-left{ width:100%}
	.p15-showcase-right{ width:100%}
	.p15-showcase-right-tit h1{ margin-top:15px;}
	.xypg-detail-con table{ width:98% !important;        margin-left: 0px !important;margin-right: 0px !important;}
	.xypg-detail-con table td{ width:auto !important;        word-break: break-all;}
.xypg-detail-con{ padding-left:10px; padding-right:10px;}
		
}





@media (min-width: 768px) and  (max-width: 1024px) {
body .news1lb a:hover{        padding-left: 15px;
        padding-right: 15px;}
body .xypg-detail-title{ padding-left:15px; padding-right:15px;}

body .news1lb a img{     position: inherit;}
body .news1lb a{    min-height: 300px;    padding-left: 15px;
    padding-right: 15px;}


.page-wrap-right{overflow: inherit;}
.page-wrap .container{ padding-right: 0px;        padding-left: 0px;}

.f_nav{     display: block;}

.gssp{
    width: 100%;
    text-align: center;}

.hybox{     width: 100% !important;}
	
	.hh1{ height:auto;     overflow: inherit;}
	.wt_t{ width:100%;}
	.wh{ width:100%;}
	.wt{ width:100%; left:0px; margin-left:0px; padding-left:15px; padding-right:15px;}
	.wel{ line-height:24px;}
	.x-menu{ display:none;}
	
	.menu-btn {
            position: absolute;
            top: 80px;
            right: 20px;
            z-index: 100;
            width: 30px;
            height: 22px;
            cursor: pointer;
        }
	.nav-open .menu-btn{ top:20px;}
        
        .menu-btn span {
            display: block;
            width: 100%;
            height: 3px;
            background: #333;
            margin-bottom: 5px;
            transition: all 0.3s ease;
            float: right;
        }
        
        .sidebar {
            position: fixed;
            top: 0;
            right: -280px;
            width: 280px;
            height: 100%;
            background: #2c3e50;
            z-index: 90;
            transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            padding-top: 70px;
            box-shadow: -2px 0 10px rgba(0,0,0,0.2);
            overflow-y: auto;
			display:block
        }
        
        .sidebar ul {
            list-style: none;
        }
        
        .sidebar > ul > li {
            position: relative;
        }
        
        .sidebar li a {
            display: block;
            padding: 15px 25px;
            color: #ecf0f1;
            text-decoration: none;
            border-bottom: 1px solid #34495e;
            transition: all 0.3s;
        }
        
        .sidebar li.has-submenu > a::after {
            content: "›";
            float: right;
            transform: rotate(90deg);
            transition: transform 0.3s;
    display: none;
        }
        
        .sidebar li.has-submenu.open > a::after {
            transform: rotate(-90deg);
        }
        
        .submenu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            background: #34495e;
        }
        
        .sidebar li.open .submenu {
            max-height: 500px;
        }
        
        .submenu li a {
            padding-left: 40px;
        }
        
        .content {
            padding: 20px;
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        body.nav-open {
            /*transform: translateX(-280px);*/
        }
        
        body.nav-open .sidebar {
            right: 0;
        }
        
        body.nav-open .menu-btn span:nth-child(1) {
            transform: rotate(-45deg) translate(-5px, 5px);
			background: #fff;
        }
        
        body.nav-open .menu-btn span:nth-child(2) {
            opacity: 0;
        }
        
        body.nav-open .menu-btn span:nth-child(3) {
            transform: rotate(45deg) translate(-7px, -6px);
			background: #fff;
        }
        
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 80;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
        }
        
        body.nav-open .overlay {
            opacity: 1;
            visibility: visible;
        }
		.container{ width:100%; padding-left:15px; padding-right:15px;}
		#footer .con_r1{ margin-left: 15px; width:100%}
		#footer .con_r1 ul li{margin-right: 10px;}
		.tewm{ float:left; width:100%; padding:25px;}
		.tewm img{ width:100%}
		.zuo{ margin-left:0px; float: left; padding-left: 15px;margin-right: 15px;}
		.message_olr_list{ top:200px !important;}
		.xypg-right-content p img{         width: auto;}
		#whimg p img{ width:100% !important}
		.xymob-menu-click{        position: inherit; background:#fff; height:auto;}
		.xymob-menu-click .xypg-left{ align-items: inherit; min-height:auto;}
		.c ul{ width:100% !important}
		.c div{ width:100% !important}
		.box11_con{ width:100%}
		.filter-title{ margin-top:15px; margin-bottom:15px;}
		.filter-btn{    margin-bottom: 30px;}
		.aleft{ width:100%;  padding-left: 15px; padding-right: 15px;margin-left: 0px;}
		.aright iframe{ width:100%}
		.box7 .abox .fr{ float:left; width:100%}
		.bd1 .tempWrap{ width:100% !important}
		.homenews-l{ padding-left:15px; padding-right:15px; width:100%}
		.homenews-r{ padding-left:15px; padding-right:15px; width:100%}
		.homenews-box{display: inline;}
		.home-newsul li{ width:100%}
		.home-newsul li .info .cat{ display:none;}
		#footer .con{width: 100%; padding-left: 15px;padding-right: 15px;}
		.banner .swiper-pagination{ top:60%}
		.news1lb a h5{right: 30px;}
		.xypg-pagination{padding-left: 15px;
    padding-right: 15px;
    width: 100%;  display: flow-root;}
	.xypg-pagination li{ float:left; margin-bottom:10px;}
	.p15-showcase-left{ width:100%}
	.p15-showcase-right{ width:100%}
	.p15-showcase-right-tit h1{ margin-top:15px;}
	.xypg-detail-con table{ width:98% !important;        margin-left: 0px !important;margin-right: 0px !important;}
	.xypg-detail-con table td{ width:auto !important;        word-break: break-all;}
.xypg-detail-con{ padding-left:10px; padding-right:10px;}
body .abox{ background:#f6f4f4}		
}