*{ margin: 0;padding: 0;}
body {-webkit-text-size-adjust:none; overflow-x:hidden;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;text-decoration: none;}
li{list-style: none;}
body{color:#333;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
.fl{float: left;}
.fr{float: right;}
.w1200{width: 1200px;}
.ho{height: auto;overflow: hidden;}
.cl{clear: both;}
.mr{margin: 0 auto;}
.wot{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

input[name="color"]::-webkit-input-placeholder{
	color: #000;
}
input[name="color"]:-moz-placeholder {
	color: #000;
} 
input[name="color"]::-moz-placeholder{ 
color: #000;}
input[name="color"]:-ms-input-placeholder{
color: #000; 
}





.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-mg-1, .col-mg-2, .col-mg-3, .col-mg-4, .col-mg-5, .col-mg-6, .col-mg-7, .col-mg-8, .col-mg-9, .col-mg-10, .col-mg-11, .col-mg-12{transition: 0.5s;}
.carousel-indicators .active {height: 40px;width: 40px;border-radius: 50%;}
.carousel-indicators li {height: 40px;width: 40px;border-radius: 50%;}
/* 头部 */
.tops{height: 35px;background: #e2e2e0;line-height: 35px;font-size: 12px;}

.tops-right{font-size: 12px;}
.t-r-3,.t-r-2,.t-r-1{margin:0 5px;}
.t-r-3 .words{margin-top: 5px;line-height: 25px;height: 25px;margin-left:0;margin-right:0;float: left;}
.t-r-3 .btn{line-height: 25px;height: 25px;display: block;float: left;margin-top: 5px;line-height: 25px;padding: 0 5px;
    margin-bottom: 0;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 0px;
background: #054c9c;}



.tel-r1{padding-top: 20px;color: #fff;font-size: 12px;}
.tel-r1 i{font-size: 12px;padding-right: 5px;}
.tel-r2 {font-family: Impact;font-size:24px;color: #ffc71c; }




.headers{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001020+1,064d9d+100 */
background: rgb(0,16,32); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,16,32,1) 1%, rgba(6,77,157,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,16,32,1) 1%,rgba(6,77,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,16,32,1) 1%,rgba(6,77,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001020', endColorstr='#064d9d',GradientType=0 ); /* IE6-9 */}



.pro-type{display: inline-block;width: 100%;margin:20px auto;}
.pro-type li{display: inline-block;line-height: 45px;text-align: center;position: relative;}
.pro-type li a{color: #fff;display: block;background: #102d55;}
.pro-type li a:hover{background: #ffc71c;color: #000;}
.pro-type li a:before{display: block;width: 10px;height: 10px;content: "";background: url('../Image/type-li.png') no-repeat center center;position: absolute;left:30px; top:18px;}
.pro-content{margin:0 auto;}
.pro-content li {margin-bottom: 30px;}
.pro-content li span{display: block;width: 100%;height: 48px;background: #102d55;color: #fff;text-align: center;line-height: 48px;font-size: 17px;}
.pro-content li img{display: block;width: 100%;}

.pro-content li:hover span{background: #ffc71c;color: #000;}
.headers .logo img{display: block;margin:15px 0 15px 0;max-width: 100%;}
.headers .tels{color: #fff;font-size: 16px;padding-top: 17px;}
.headers .tels span{font-family: Impact;font-size: 24px;color: #ffc71c;}
.nav a{color: #fff;font-size: 16px;line-height: 81px;}
.nav > li > a:hover, .nav > li > a:focus{background: #ffc71c;color: #000}
.nav > li > a{padding:10px 9px;font-weight: lighter;font-size: 14px;}
 



.navbar-toggle{margin:0 auto;position: absolute;top: -70px;right: 40px;}
.navbar-toggle i{color: #ffc71c;font-size: 32px;}
.carousel-inner img{position: relative;}
.banner {position: relative;}
.hot{background: rgba(2, 3, 5, 0.8);position: absolute;bottom:0px;height: 80px;line-height: 80px;width: 100%;}
.hot .hotl {color: #fff;font-size: 14px;}
.hot .hotl i {color: #ffc71c;float: left;display: block;font-size: 32px;}
.hot .hotl span{color: #fff;float: left;display: block;}
.hot .hotl li{color: #ccc;float: left;}
.hot .hotl li a{color: #ccc;}
.ss{height:45px; width: 100%;margin-top:18px;}
.sou_left{float:left; width:345px; height:45px; text-align:left;line-height:30px; padding-left:10px;outline: none;border:none;font-size: 14px;}
.ss_pic{ float:left;}
/* 多参 */
.bit-t{font-size: 34px;font-weight: bold;color: #3f3f3f;margin:50px auto;text-align: center;height: 80px;}
.bit-t span{display: inline-block;height: 100%;border-bottom: 4px dashed #ffc000;margin:0 auto;position: relative;z-index: 9;width: 350px;text-align: center;}
.bit-t-s{position: relative;font-family: Impact;font-size: 60px;margin: 0 auto; z-index: 8;color: rgba(153, 153, 153, 1);margin:0 auto;display: inline-block;bottom:10px;text-transform : uppercase;line-height: 60px;}
.bit-t i{font-style: normal;color: #fbce45;}
/* 首页 */
.main{height: auto;padding:30px 0;}
.product-bg{width: 100%;height: auto;overflow: hidden;background: url('../Image/product-bg.png') repeat-y center center;}
.product-fenlei li{margin-top: 5px;margin-bottom: 5px;}
.product-fenlei li span{text-align: center;position: relative;height: 40px;background: #3f3f3f;display: block;line-height: 40px;}
.product-fenlei li a{color: #fff;font-size: 14px;text-decoration: none;}
.product-fenlei li:hover span {background: #ffc71c;}
.product-fenlei li:hover a {color: #000;}
.product-c{padding-bottom: 40px;height: auto;overflow: hidden;}
.product-c li{margin:20px auto;transition: 0.2s;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.product-c li a{display: block;width: 100%;height: 100%;transition: 0.2s;float: left;}
.product-c li a:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); 	-webkit-transform: translate3d(0, -6px, 0);    transform: translate3d(0, -6px, 0);}
.product-c li img{display: block;width: 100%;}
.product-c li span{float: left;display: block;width: 100%;}
.product-c li i{float: left;display: block;width: 100%;height: 48px;line-height: 48px;background: #313131;font-style: normal;color: #fff;text-align: center;font-size: 20px;}
.product-c li:hover {}
.product-c li:hover i{background: #fdd047;color: #000;}
.youshi-bg{width: 100%;height: auto;overflow: hidden;background: url('../Image/youshi-bg.png') repeat-y center center;padding-bottom: 30px;}
.youshi-c img{display: block;width: 100%;}
.youshi-c-t{font-size: 36px;font-weight: bold;color: #303030;font-weight: lighter;line-height: 45px;margin:20px 0;}
.youshi-c-s{width: 55px;height: 4px;margin-bottom: 30px;background: #d4d4d4;}
.youshi-c-c li{line-height: 35px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-left:30px;position: relative;font-size: 14px;}

.youshi-c-c li:last-child{margin-bottom: 30px;}
.youshi-c-c li:before{content: "\e600";color: #000;font-family: "iconfont" !important;font-size: 16px;
    font-style: normal;-webkit-font-smoothing: antialiased;position: absolute;left: 0px;}
.about-bg{width: 100%;height: auto;overflow: hidden;background: url('../Image/product-bg.png') repeat-y center center;padding-bottom: 30px;}
.about-cl{margin:20px auto;}
.about-cl img{display: block;width: 100%;}
.about-cr{margin:20px auto;}
.about-cr-t{font-size:24px;color: #282828;font-weight: bold; }
.about-cr-t span{font-size:14px;color: #666666;display: block;text-transform : uppercase;font-weight: lighter;}
.about-cr-c{margin: 20px 0;font-size: 16px;}
.about-cr-c1{line-height: 30px}
.about-cr-c1 a{color: #f9bd0f;}
.about-cr-c2 {text-align: center;}
.about-cr-c2 li {display: inline-block;width:22%;}
.about-cr-c2 li  img{display: block;width: 80%;margin:10px auto;}
.about-cr-c2 li  span{text-align: center;}



@media (max-width: 640px)
{   .case-content{padding-left:0;padding-right: 0}
}





.layui-elem-field {margin: 30px 0 10px 0;margin-top: 30px; margin-bottom: 30px; border:2px solid  #e6e6e6;position: relative; }
.layui-elem-field legend {padding: 0 20px;width: auto;border-bottom: none;text-align: center;margin-left:auto;margin-right:auto;font-size:34px;font-weight: bold;text-transform : uppercase;margin-bottom: 0px;}
.layui-elem-field span{color: #fbce45;font-size: 50px;padding:0 10px;}
.layui-elem-field a{display: block;margin: 0 auto;overflow: hidden;line-height: 36px;position: relative;text-align: center;color: #999999;font-size: 20px;text-transform : uppercase;}

.tixic li{margin-bottom: 30px;}
.tixic a {display: block;width: 100%;height: 100%;position: relative;border-bottom: 4px solid #f9cb3d;}
.tixic img {display: block;width: 100%;}
.tixic span {display: block;width: 100%;position: absolute;bottom: 0px;background: rgba(0, 0, 0, 0.5);line-height: 75px;text-align: center;font-size: 24px;color: #fff;}
.tixic li:hover  span{background: #102d55;}

.case-bg{width: 100%;height: auto;overflow: hidden;background:#fbfbfb;padding-bottom: 30px;}
.rvc{max-width:1140px;position:relative;margin:auto;margin-top:30px}
.rvc .rvc-wrapper{margin:auto;overflow:hidden}
.rvc .rvc-wrapper ul{overflow:hidden;position:relative}
.rvc .rvc-wrapper ul li{float:left;border:1px solid #cccccc;}
.rvc .rvc-wrapper ul li a{display:block;width:100%;height:auto;text-decoration:none;color: #fff;font-size: 14px;}

.rvc .rvc-wrapper ul li a .img-wrapper{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width: 100%;}


.rvc .rvc-wrapper ul li a .img-wrapper img{display: block;width: 100%;}
.rvc .rvc-wrapper ul li a h2{margin-top:10px;text-align:center}
.rvc .rvc-wrapper ul li a p{height: 35px;line-height: 35px;text-align: center;margin-bottom: 0px;background: #313131;font-size: 12px;}
.rvc .rvc-wrapper ul li a:hover p{background: #fed148;}
.rvc .rvc-wrapper ul li a:hover {color: #2e2e2e;}





.rvc-prv,.rvc-next{position:absolute;height:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.rvc-prv{left:0}
.rvc-next{right:0}
.news-bg{width: 100%;height: auto;overflow: hidden;background: url('../Image/product-bg.png') repeat-y center center;padding-bottom: 30px;}
.news-cl{margin-bottom: 40px;}

.news-cl .img-wrapper{width: 100%;min-height: 260px;margin-bottom: 10px;}
.news-cl .content-wrapper .c1{font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px}
.news-cl .content-wrapper .c2{font-size: 14px;color: #333;margin: 10px 0;line-height: 32px;}
.news-cr .news-cr-1{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:50px 0;text-align: center;margin-bottom: 40px;border-right: 1px solid #ccc;}
.news-cr .news-cr-1 .news-cr-11{font-size: 24px;font-weight: bold;color: #333}
.news-cr .news-cr-1 .news-cr-12{font-size: 18px;color: #999}
.news-cr .news-cr-2 .news-cr-21{font-size: 18px;font-weight: bold;color: #333}
.news-cr .news-cr-2 .news-cr-22{font-size: 14px;color: #333;margin:10px 0;line-height: 32px;}




.footer-top {margin-top: 45px;}
.footer-top li{float: left;font-size: 14px;color: #999999;text-transform : uppercase;padding-bottom: 20px;}
.footer-top li a:after{content: "/";color: #999;position: relative;left:6px;}
.footer-top li a{padding:0 8px;color: #999999;font-size: 17px;}
.footer-top li a:hover{color: #f5bf1c;}

.footer-bg{width: 100%;height: auto;overflow: hidden;background: url('../Image/footbg.png') repeat-y center center;}
.footer-cl {margin-top: 45px;}
.footer-cl li{float: left;font-size: 14px;color: #999999;text-transform : uppercase;padding-bottom: 20px;}
.footer-cl li a:after{content: "/";color: #999;font-size: 14px;position: relative;left:6px;}
.footer-cl li a{padding:0 8px;color: #999999;}
.footer-cr {font-size: 14px;font-weight: lighter;margin-top: 40px;margin-bottom: 40px;}
.footer-cr li {color: #b3b2b2;padding-top: 5px;padding-bottom: 5px;}
.footer-cr li a{color: #b3b2b2;}
.footer-cr li a:hover{color: #f5bf1c;}

.footer-cr .f-ts{color: #fff;font-size: 14px;line-height: 22px;margin-top:22px;}
.footer-cr .f-tc{color: #da0410;font-size: 20px;font-weight: bold;line-height: 25px;}
.footer-cr .f-ad{margin-top: 15px;}
.footer-cr .f-ad li{font-size: 14px;color: #999;line-height: 31px;}
.footer-cr .f-it{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:20px;}
.footer-cr .f-it img{display: block;width: 100%;}

.end-bg{background: #102d55;}
.end-content{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:20px 0;}
.end-content {color:rgba(255,255,255,.5);font-size: 14px;}
.end-content a{color:rgba(255,255,255,.5);font-size: 14px;padding-right: 10px;}
 
/* 左侧 */
#pro_title {height:105px;width: 100%;background: rgba(2, 3, 5, 1);float: left;color: #fff;margin-bottom: 0px!important;}
.pro_t1{text-align: center;font-size: 24px;font-weight: bold;padding-top: 35px;text-transform : uppercase;}
.pro_t2{text-align: center;text-transform : uppercase;}
#pro_list{float: left;width: 100%;border:2px solid rgba(2, 3, 5, 1);-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;margin-bottom: 0px!important;padding:10px 0;}
#pro_list li{ height:45px; line-height:45px;border-bottom: 1px solid #e9e9e9; font-size: 16px; transition: 0.3s;width: 90%;margin:1% 5%;padding-bottom: 1%}
#pro_list li a{ color: #1b1b1b;display: block;width: 100%;height: 100%;font-size:17px;text-indent: 30px;transition: 0.3s;}
#pro_list li:hover{}
#pro_list li:hover a{background-color: #f5b91a;color: #000;border-radius: 23px;}
#pro_list1 li{ height:45px; line-height:45px; background: #1b3266; text-align: center; transition: 0.3s; padding: 0 !important; margin-bottom: 2%;}
#pro_list1 li a{ color: #fff;display: block;width: 100%;height: 100%;}
#pro_list1 li:hover{ background: #fea803;}
#pro_list1 li:hover a{ color: #fff;}


.type_s{height: auto;overflow: hidden; background: #232323;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}


.type_so{height: auto;overflow: hidden; background: #232323;line-height: 4.5rem;color: #fff;font-weight: bold;font-size: 1.7rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.type_so a{color: #fff;display: block;height: 100%;}
.type_so a:hover{outline: none;background: none;color: #fff;}
.type_so a:focus{color: #fff;}
.type_s li{width: 100%;float: left;line-height: 4.5rem;padding:0 10px;border-bottom: 2px solid #775a0a;}
.type_s li a{color: #fff;font-weight: bold;font-size: 1.7rem;display: block;width: 100%;height: 100%;}
.type_st{-webkit-transition: -webkit-transform .2s;	transition: transform .2s;	-webkit-transform: translate3d(0,100%,0);	transform: translate3d(0,100%,0);	visibility: hidden; height: 0; overflow: hidden;}
.type_st.show{visibility: visible;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); height: auto;}
.type_so .fa-angle-right{transition: all .2s;}
.type_so.show .fa-angle-right{ transform: rotate(90deg);display: block;}
.fa-angle-right{display: inline!important;line-height: 4.5rem!important;}
/* 内页 */
#content_zy{ line-height: 30px;}
#content_zy img{width: 100%;}
.pro{}

.pro li{ overflow:hidden; text-align:center;white-space:nowrap; margin-bottom: 20px; transition:all 0.3s linear 0s;border:1px solid #efefef;}
.pro li .li-img{ width:100%;background: #fff;position: relative; overflow: hidden;}
.pro li p{ line-height: 45px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin-bottom: 0!important;}
.pro li a{position: relative;height: auto;overflow: hidden;display: block;width: 100%;height: 100%;border-bottom: 4px solid #f9cb3d;}
.pro li .tent{font-size: 17px;line-height: 45px;display: block;
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
text-align: center;}

.pro1 li:hover{ background: #0959b7;}
.pro1 li:hover a{color:#fff;} 
.pro_name1{ color:#4a4a4a; font-size:24px;text-align: center;}
/* 新闻中心 */
.news_1nr{width:100%; margin:0 auto;}
.news_1nr ul li{margin:0 0 45px 0; position:relative; padding:9px 16px 0 0; border:1px solid #c4c4c4; width:100%;float: left;}
.news_1nr ul li span{width:15%; height:120px; overflow:hidden; float:left; border-bottom:3px solid #06519f; color:#ffffff; text-align:center; background:#3974ca; position:absolute; top:-1px; left:8px;transition: all 0.4s;}
.news_1nr ul li span h1{font-size:30px; font-family:Impact; line-height:42px; padding:20px 0 10px 0; display:block;margin:0 auto;}
.news_1nr ul li a{width:100%; height:100px;display:block; font-size:15px;}
.news_1nr ul li div{width:80%; float:right;height: 75px;overflow: hidden;color: #000}
.news_1nr ul li div p{line-height:24px; font-size:13px;overflow: hidden;}
.news_1nr ul li:hover{background:#f2f2f2;}
.news_1nr ul li:hover span{background:none; border-bottom:0px; color:#ffc71c;transition: all 0.4s;}
.news_title {display: block;width: 100%;text-align: center;}
.meta{display: block;width: 100%;text-align: center;font-size: 12px;line-height: 45px;color: #333;}

.content{font-size: 14px;line-height: 32px;}
.content iframe{width:100%;min-height: 450px;}






#fwzc3_box .box{text-align: center;}
#fwzc3_box .box .t1{margin:20px auto;color:#1c1717;vertical-align:top;font-size:40px;line-height:50px}
#fwzc3_box .box .t2{margin:30px auto;color:#494949;text-align:center;font-size:22px;line-height:30px}
#fwzc3_box .box .t2 span{color:#db3021;font-weight:700;font-size:29px}
#fwzc3_box .box .t3{color:#898989;text-align:left;font-size:16px;line-height:30px}
#fwzc3_box .box ul{margin:80px 0;height:68px;text-align:center}
#fwzc3_box .box ul li{display:inline-block;margin:0 10px;padding:0 10px;height:66px;border:1px solid #c3c1c1;color:#5e5f61;font-size:22px;line-height:68px}
.usinfo{margin-bottom: 40px;color:#717171;font-weight: lighter;font-size:17px;line-height:35px;}
.usinfo li{float: left;margin:5px 20px 5px 0;padding:5px 10px;border:1px solid #ccc;border-radius:5px;color: #898989;line-height: 35px;}
.ads{padding:10px 0;width:100%;background:#0d4da3;color:#fff;}
.big-text2{z-index:3;margin:0 auto;color:#fff;text-align:center;text-transform:uppercase;font-weight:700;font-size:48px;}
.big-text2 i{padding:5px 30px;background: #ff6800;font-style: normal;}
.big-text2 span{padding:0 20px;vertical-align:bottom;font-size:73px;line-height: 73px;}
.index_title{height: 70px; line-height: 70px; background: #eeeeee; width: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:0 5%;}
.index_title .left{position: relative;color: #0a0a0a;font-size: 17px;font-weight: bold;float: left;}
.index_title .left:before{content:"";display:block;width: 6px;height: 31px; background: #e97e12;position: absolute;top:25%;left:-20%;}
.index_title .right{line-height: 70px;float: right;}
.index_title .right a{font-size:14px;color: #0a0a0a;}
.index_title .right i{color: #0a0a0a;}


.page{text-align: center;}
.page a{display: inline-block;padding:5px 10px;border:1px solid #efefef;}
.page .current{display: inline-block;padding:5px 10px;border:1px solid #efefef;background: #f7f7f7;}
.page a:hover{color: #fff;background: #fb5e1c;}

	

#prev_next li{border-radius:5px;border:1px solid #ccc;width: 48%;float: left;margin:1%;text-align: center;font-size: 14px;line-height: 35px;}
#prev_next li a{font-size: 14px;}

.navbar-collapse{padding-left:0;padding-right:0;}



@media (min-width: 768px)
{   .navbar-nav {float: left!important;margin: 0;}
    .navbar-nav > li {float: left;}
    .navbar-nav > li > a {padding-top: 0;padding-bottom: 0;display: block;line-height: 84px;}
}
@media (max-width: 1200px)
{
	.product-content{width: 100%;}
	.youshi-content{width: 100%;}
	.about-content{width: 100%;}
}
@media (max-width: 768px)
{
	.footer-cl img{width: 100%;}
	.meta img{width: 100%;display: block;}
	#prev_next li{width: 98%;}
}

@media (max-width: 992px)
{
	.news_1nr ul li div{width: 100%;padding-left: 30px;}
	.news_1nr ul li a {height: auto;padding-bottom: 30px;overflow: hidden;}
	.news_1nr ul li div{height: auto}
}



   
.online_kefu{ position: fixed;  bottom: 20vh;right:10%;z-index: 9;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:40px; height:40px; text-align: center; margin:5px 0; position: relative; background-color: #858585; color: #fff; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu li i{font-size: 1.4rem;}
.online_kefu ul li a{ color: #fff;}
.online_kefu ul li .con{ position: relative; line-height:40px;}
.online_kefu ul li .hover_con{ position: absolute;  left:-200px;left:-100px;    width: 100px;   color: #ffffff;text-align: center;background-color: #dc1620;height:40px; line-height:40px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode {  }
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -141px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}

.online_kefu li:hover{background-color: #dc1620;}
.online_kefu li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #dc1620; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }

.online_kefu li.qrcode:hover .hover_con{  bottom: -60px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}


.lfooter { width:100%; background:#0085f5; position:fixed; bottom:0px; z-index:999;border-top:2px solid #cf0000;}
.lfooter ul li { width:25%; height:auto; float:left; text-align:center; padding:0.2rem 0px;font-weight: lighter;}
.lfooter ul li i{font-size: 23px;}
.lfooter ul li a { color:#fff;text-transform : uppercase;}