@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;font-size: 0.9rem;  color: #000;}
h1,h2,h3,h4,h5,h6 { color:#000;  font-weight: bold;}

body { font-size:0.9rem;  color:#000; word-wrap:break-word; overflow:hidden;}
a {text-decoration:none; color:#000;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
a:hover {text-decoration:none; color:#e60012; }
img { border:none;    max-width: 100%;vertical-align: middle;}
.clear {clear:both;height:0 auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.wrap { max-width:1420px; padding:0 10px;height:auto; margin: 0 auto;   }

@media screen and (max-width: 1600px) {
.wrap{ max-width:1380px; }

}

@media screen and (max-width: 1440px) {
.wrap{ max-width:1260px; }

}
@media screen and (max-width: 1280px) {

.wrap{ max-width:1120px; }
}

@media screen and (max-width: 1024px) {

.wrap { max-width:920px; }

}

.fl { float:left;}
.fr { float:right;}
.mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.block {
    display: block;
}

@font-face {
  font-family: "1";
  src: url("../font/1.woff2") format("woff2"),
       url("../font/1.woff") format("woff"),
       url("../font/1.ttf") format("truetype"),
       url("../font/1.eot") format("embedded-opentype"),
       url("../font/1.svg") format("svg");
}
@font-face {
  font-family: "1";
  src: url("../font/2.woff2") format("woff2"),
       url("../font/2.woff") format("woff"),
       url("../font/2.ttf") format("truetype"),
       url("../font/2.eot") format("embedded-opentype"),
       url("../font/2.svg") format("svg");
}


/*关于我们*/

.index01{width:100%;margin:4% 0;overflow:hidden;}
.index01 .about{overflow:hidden;}
.about .left{width:42%;float:left;overflow:hidden;}

.about .left img{visibility: visible; -webkit-animation:scale-bg 7s linear forwards;animation:scale-bg 7s linear forwards;width:100%;}


@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

.about .right{width:58%;float:right;position:relative;}
.about .right .xx{width: 23%;float:left;height:1px;background:#7f7f7f;position:absolute;top: 13%;left:0;}
.about .right .about_c{padding:0 0 0 12%;}
.about .right .about_c .titles{overflow:hidden;font-family:"1";margin-top:3%;}
.about .right .about_c .titles b{font-size:1.1rem;}
.about .right .about_c .titles h2{font-size:3rem;margin-top: 5%;}
.about .right .about_c .titles p{font-weight:bold;font-size:1.5rem;margin:2% 0 0 0;font-family:"1";}

.about .right .about_c .con{overflow:hidden;margin: 2% 0 5% 0;position:relative;padding-top:2%;}
.about .right .about_c .con:before{position:absolute;width:15%;height:4px;background:#e60012;left:0;top:0;content:"";}
.about .right .about_c .con p{line-height:2.2em;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.about .right .about_c .more{width: 30%;}
.about .right .about_c .more a{display:block;padding: 8% 0;background:#e60012;color:#fff;text-align: center;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.about .right .about_c .more a span{display:inline-block;margin-right:5%;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.about .right .about_c .more a img{display:inline-block;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.about .right .about_c .more a:hover {box-shadow:-5px -5px 20px rgba(0,0,0,0.2);-webkit-box-shadow:-5px -5px 20px rgba(0,0,0,0.2);-moz-box-shadow:-5px -5px 20px rgba(0,0,0,0.2);-o-box-shadow:-5px -5px 20px rgba(0,0,0,0.2)}
.about .right .about_c .more a:hover span{transform: translate(-10px);}
.about .right .about_c .more a:hover img{transform: translate(10px);}


@media screen and (max-width: 1280px) {

.about .right .about_c .titles h2{font-size:2.4rem;}
.about .right .about_c .titles p{font-size:1.2rem;}
.about .right .about_c .con p{font-size:0.875rem;}
}


@media screen and (max-width: 1024px) {
.about .right .about_c {padding: 0 0 0 5%;}
.about .right .about_c .titles h2{font-size:1.8rem;}
.about .right .about_c .more{width: 40%;}
.about .right .about_c .titles p{margin:0;}
}


@media screen and (max-width: 750px) {

.about .left{width:100%;margin-top:3%;}
.about .right{width:100%;}
.about .right .about_c {padding: 0;}
.about .right .about_c .more a{padding:5% 0;}
.about .right .about_c .titles h2 {font-size: 1.4rem;}
.about .right .about_c .titles p , .about .right .about_c .titles b {font-size: 1rem;}

}

.tit{text-align:center;margin-bottom:3%;}
.tit h1 span{font-size:2rem;font-weight:bold;font-family:"2"; margin: 0 2%;}
.tit img{    transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-o-transform: translateY(-100%);}
.tit h1 i{display:inline-block;position:relative;}
.tit h1 i:after{position:absolute;content:"";width:120px;height:2px;background:#7a7a7a;right:0}
.tit p{margin-top:1%;}




@media screen and (max-width: 500px) {
.tit h1 span{font-size:1.4rem;}
.tit img{  width:15%}
}
/*产品中心*/
.index02{width:100%;padding:4% 0;overflow:hidden;background:#f5f5f5;}


.pro_c .category{overflow:hidden;width:100%;margin-bottom:3%;}
.pro_c .category .fen a{display:block;color:#fff;text-align:center;line-height:4em;position:relative;background:#959595;cursor:pointer;border-right:1px solid #fff;}
.pro_c .category .fen a:before {position:absolute;content:"";width:0;height:100%;background:#e60012;top: 0;left: 0;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.pro_c .category .fen a:hover:before , .pro_c .tabs .fen a.active:before{width:100%;}
.pro_c .category .fen span{position:relative;    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.pros .pp{overflow:hidden;}
.pros .left{width:38%;float:left;position:relative}
.pros .left .l1{width:100%;min-height:350px;background:#e60012;position:absolute;bottom:-24%;z-index:-1}
.pros .left .l2{position:relative;width:88%;margin:0 auto;}
.pros .left .l2 a{display:block;width:100%;}
.pros .left .l2 .photo img{width:100%;}

.pros .left .l2 .ts{position: absolute;bottom: -8%; background: #fff;width: 90%;}


.pros .left .l2 .ts .tf{width:70%;float:left;padding: 6% 0;text-indent:2em;position:relative;}
.pros .left .l2 .ts .tf:after{position:absolute;width:15%;height:1px;background:#e60012;content:"";left:10%;top:10%;}
.pros .left .l2 .ts .tr{background:#000;width:30%;float:right;padding: 8% 0;text-align:center;}
.pros .left .l2 a:hover .ts .tr{background:#959595}

.pros .right{width:58%;float:right}
.pros .right ul{overflow:hidden}
.pros .right li{width:31.33%;float:left;margin:0 0 3% 2%}
.pros .right li a{display:block;width:100%;}
.pros .right li .pic{overflow:hidden}
.pros .right li .pic img{width:100%;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;width:100%;}
.pros .right li a:hover .pic img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}
.pros .right .tt{margin-top:2%;position:relative;height: 40px;line-height: 40px;overflow: hidden;}
.pros .right .tt span{display:inline-block; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.pros .right .tt img{display:inline-block;float:right;transform:translateY(12px)}
.pros .right .tt .t1{position:absolute;top:0;left:0;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;width:100%;}
.pros .right .tt .t2{position:absolute;top:-100%;left:0;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;width:100%;}
.pros .right .t2 span{color:#e60012}
.pros .right li a:hover .tt .t2{top:0}
.pros .right li a:hover .tt .t1{top:100%}

@media screen and (max-width: 1140px) {
.pros .right .tt span{font-size:0.85rem;}
.pros .right .tt img{display:none;}
}


@media screen and (max-width: 870px) {

.pros .left .l2 .ts .tf{text-indent:0.6em;}

}


@media screen and (max-width: 780px) {


.pros .right{width:100%;}
.pros .right li{margin:0 1.5% 2%;width: 47%;}
.pros .left{display:none}
}
@media screen and (max-width:540px) {

    
.pro_c .category .fen a{font-size:0.85rem;line-height:3em;}
}

@media screen and (max-width: 480px) {


.pros .right .tt span{overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}


}



/*广告*/
.index03{width:100%;padding:4% 0;overflow:hidden;background:url(../images/index05.jpg) no-repeat top center;background-size:cover;}
.index03 .ment{overflow:hidden;}
.ment .left{width:50%;float:left;}
.ment .left h1{color:#fff;font-size:1.6rem;font-weight:bold;}
.ment .left .ment_c{overflow:hidden;margin-top:5%;}
.ment .left .ment_c li{width:28%;text-align:center;float:left;}
.ment .left .ment_c p{color:#fff;margin-top:4%;font-weight:bold;}
.ment .right{width:50%;float:right;text-align:right;}
.ment .right p{color:#fff;}
.ment .right h2{color:#fff;font-size:2rem;font-weight:bold;font-family:"1";margin:2% 0;}
.ment .right .zx{width:28%;float:right;text-align:center;}
.ment .right .zx a , .ment .right .zx2 a{display:block;border:1px solid #fff;color:#fff;padding:8% 0;}
.ment .right .zx a:hover , .ment .right .zx2 a:hover{border:1px solid #e60012;color:#e60012;text-decoration:none;}
.ment .right .zx2{width:28%;float:right;text-align:center;display:none;}

@media screen and (max-width: 1024px) {

.ment .left h1 , .ment .right h2{font-size:1.4rem;}
.ment .left .ment_c li{width:25%;}
.ment .left .ment_c p{font-size:0.9rem;}
}


@media screen and (max-width: 810px) {

.ment .left h1 , .ment .right h2{font-size:1.2rem;}

}

@media screen and (max-width: 650px) {
.ment .left h1 {font-size:1.2rem;}
.ment .left{width:100%;text-align:center}
.ment .right{width:100%;margin-top:3%;text-align:center}
.ment .right .zx , .ment .right .zx2{float:none;margin: 0 auto;}
.ment .left .ment_c li{width:31%;margin:0 1%;}
}
@media screen and (max-width: 460px) {
.ment .right .zx{display:none;}
.ment .right .zx2{display:block;}

}

/*工程案例*/

.index04{width:100%;background:url(../images/index13.jpg) top center no-repeat;overflow:hidden;background-size: cover;    background-attachment: fixed;}
.index04 .case{padding:5% 0;overflow:hidden;}
.index04 .tit{text-align:center;margin-bottom: 3%;}
.case_c{position: relative;}
.case_t{width:25%;float:left;margin-top: 1%;border-left: 9px solid #e60012;}
.case_t p{width:80%;color:#919191;line-height:1.8em; margin: 10% auto 50% auto;    overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 9;}
.index04 .carousel{    width: 75%;float: right;}
.index04 .inews-item {margin: 3%; }
.index04 .inews-item a{display:block;width:100%;transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;    position: relative;}
.index04 .inews-item a .imgs{width:100%;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;}
.index04 .inews-item .pic{width:100%;overflow:hidden}
.index04 .inews-item a:hover{box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;-moz-box-shadow:0px 0px 10px #000;-o-box-shadow:0px 0px 10px #000; }
.index04 .inews-item a:hover .imgs{ transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.index04 .inews-item .title{position:absolute;left:0;bottom:0;width:100%;background:url(../images/index14.png);text-align:center;}
.index04 .inews-item .title span{display:inline-block;color:#fff;    line-height: 3.5em;}
.index04 .inews-item .title .jt{width:25%;float:right;background:#e60012;padding: 1.5em 0;display:none;}
.index04 .inews-item a:hover .title .jt{display:block;}
.bx-wrapper .bx-controls-direction a {position: absolute; display: inline-block;}
a.bx-prev {
    left: 50px;
    top: 350px;
}
a.bx-next {
    left: 100px;
    top: 350px;
}

@media screen and (max-width:1280px){

.case_t p{    margin: 15% auto 30% auto;}

}
@media screen and (max-width:760px){
.case_t{width:100%;text-align: center;margin:2% 0;border-left:none;}
.case_t p{padding:0;width: 95%;margin:0 auto ;line-height: 1.6em;  overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.index04 .carousel{width:100%;}
.bx-wrapper {text-align: center;}
.bx-wrapper .bx-controls-direction a {position:inherit;margin-top: 2%;}
.bx-wrapper a { width: 36px; height: 36px; margin: 0 1%;}

}
@media screen and (max-width:500px){

.index04 .inews-item .title span{    line-height: 3em;font-size: 0.8rem;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.index04 .inews-item a:hover .title .jt{display:none;}
}





/*新闻资讯*/
.index05{width:100%;margin:4% 0;overflow:hidden;}
.index05 .news{overflow:hidden}
.newcon .left{width:47%;float:left;}
.newcon .left .title{margin-bottom:4%;overflow:hidden;position:relative;}
.newcon .left .title:before{position:absolute;content:"";width:5px;height:100%;background:#e60012;top:0;left:0;}
.newcon .left .title a{display:inline-block;margin-left:5%;font-size:1rem;text-decoration:none;}
.newcon .left .title a:hover{color:#e60012;text-decoration:none;}
.newcon .left .one{overflow:hidden;margin-bottom:5%;}
.newcon .left .one .pic{width:45%;float:left;}
.newcon .left .one .des{width:51%;float:right;}
.newcon .left .one .des h3{font-size:1rem;    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newcon .left .one .des p{line-height:2em;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;margin:4% 0;}
.newcon .left .one .des a{display:block;background:#e60012;color:#fff;text-decoration:none;width:40%;text-align:center;line-height:3em;}
.newcon .left .one .des a:hover{background:#959595;}

.newcon .left .two{overflow:hidden;}
.newcon .left .two li{width:100%;overflow:hidden;margin-bottom:4%;}
.newcon .left .two li a{display:block;border:1px solid #cccccc;overflow:hidden;padding:3%;}
.newcon .left .two .date{width:18%;float:left;text-align:center;border-right:1px solid #000}
.newcon .left .two .date b , .newcon .left .two .date h4{font-family:"1"}
.newcon .left .two .des{width:78%}
.newcon .left .two .des p{height:37px;background:url(../images/index09.png) no-repeat right center;padding-right: 2.5em; margin-top: 2%;}
.newcon .left .two li a:hover{background:#e60012;border:1px solid #e60012;}
.newcon .left .two li a:hover .date b , .newcon .left .two li a:hover .date h4 , .newcon .left .two li a:hover .des p{color:#fff;text-decoration:none;}
.newcon .left .two li a:hover .date{border-right:1px solid #fff}
.newcon .left .two li a:hover .des p{background:url(../images/index10.png) no-repeat right center;}

.newcon .right{width:47%;float:right}

.newcon .right .title{border-top:1px solid #cccccc;border-bottom:1px solid  #cccccc;padding:2% 0;}
.newcon .right .title span{font-weight:bold;font-family:"1";font-size:1rem;}
.newcon .right .title a{float:right;font-weight:bold;font-size:1rem;text-decoration:none;}
.newcon .right .title a:hover{text-decoration:none;color:#e60012}

.newcon .right_c{overflow:hidden;}
.newcon .right_c li{width:100%;overflow:hidden;margin-top:4%;padding-bottom:4%;border-bottom:1px solid #cccccc}

.newcon .right_c li h3{font-size:1rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newcon .right_c li h3 span{display:inline-block;border:1px solid #cccccc;padding:0.5% 1.2%;margin-right:1em;}
.newcon .right_c a:hover span{border:1px solid #e60012;}

.newcon .right_c li p{margin-top:2%;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;margin-left:3.8em;}


@media screen and (max-width: 1024px) {
.newcon .left .one .des h3{font-size:1rem;}
.newcon .left .two .des p , .newcon .left .two li a:hover .des p{background-size: 10%;}
.newcon .left .one .des p {line-height: 1.5em;}
}


@media screen and (max-width: 780px) {

.newcon .left{width:100%;}
.newcon .right{width:100%;}
.newcon .left .two .des p , .newcon .left .two li a:hover .des p{background-size: auto;}
}

@media screen and (max-width: 460px) {
.newcon .left .two .des p , .newcon .left .two li a:hover .des p{background-size: 10%;    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newcon .left .one .des p{-webkit-line-clamp: 2;}
.newcon .left .one .des a{width:100%;    line-height: 2em;}
.newcon .right_c li p{margin-left: 3em;}
.newcon .left .two .des p{margin-top:0;    height: 45px;}
}



/*地图留言*/

.index06{width:100%;margin:4% 0 0 0;overflow:hidden;position:relative;}

.index06 .message{position:absolute;top:0;right:12%;background:#fafafa;width:30%;height:100%;}

.message .title{text-align:center;padding:5% 0 0 0;}
.message .title h1{font-size:1.8rem;    font-family: "1";line-height:1.2em;}
.message .title h2{color:#d7d7d7;font-family: "1";font-size:1.8rem;    letter-spacing: 2px;}
.message .title p{background: #f5f5f5; font-size: 1rem;transform: translateY(-150%);display: inline-block;padding: 0.5%;}
.mess{padding:0 6%;overflow:hidden;}
.mfields li{width:50%;float:left;}
.mfields li:nth-child(3){width:100%;}
.inpbox input[type="text"] {width: 95%; height: 40px;padding: 0 10px 0; border:1px solid #000; background: none; outline: none;}
.inpbox .txtarea{ width: 98%; height: 80px;padding: 0 10px 0; border:1px solid #000;background: none; outline: none; margin: 15px 0;}
.mess .mesform .btnsubmit .button { width: 48%; height:40px;line-height: 40px;text-align: center; font-size: 14px; color: #fff; background: #53a438; border: 1px solid #53a438;border-radius: 3px; outline: none;font-family: "微软雅黑";cursor: pointer;margin: 3% auto 0 auto;}
@media screen and (max-width:1340px) {	

.index06 .message{width:38%;right: 1%;}

}

@media screen and (max-width:1065px) {
.message .title h1{font-size:1.5rem;  }
.message .title h2{font-size:1.5rem;  }
.index06 .message{width:50%;}

}
@media screen and (max-width:625px) {

.index06 .message{width:100%;position:inherit;    right: 0;}
.mess {padding: 0 2% 5% 2%;}
.message .title h1 { font-size: 1.2rem;}
.mess .mesform .btnsubmit .button {
    width: 100%;}
}
/*底部*/

.index07{background:#000000;margin-bottom: 58px;position: relative;}
.index07 .midd { position: absolute; top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
.index07 .foot{overflow:hidden;padding: 4% 0 2.5% 0;color:#fff;}
.index07 .left{width:40%;float:left;}
.index07 p ,  .index07 a , .index07 .link{color:#fff;}
.index07 .right{width:35%;float:right;text-align:right;}
.index07 .left .f1{width:50%;float:left;}
.index07 .left .f1 p{margin-bottom:6%;}
.index07 .left .f1 .link{margin-bottom:6%;min-height: 70px;line-height: 1.6em;}
.index07 .left .f1 .link a{display:inline-block;margin:0 1%;}
.index07 .left .f2{width:45%;float:right;}
.index07 .left .f2 li{width:50%;float:left;margin-bottom:12%;}

.index07 .right .rc{width:65%;float:left;text-align:left;}
.index07 .right .rc p{margin-bottom:8%;}
.index07 .right .ma{width:25%;float:right;}

@media screen and (max-width:1024px) {
.index07{margin-bottom: 0;}
.index07 .midd {display:none;}
.index07 .left , .index07 .right{width:50%;}

}

@media screen and (max-width:750px) {
.index07 .left , .index07 .right{width:100%;}
.index07 .left .f2 li{margin-bottom:6%;}
.index07 .right .rc p {margin-bottom: 5%;font-size:0.85rem;}

}

@media screen and (max-width:460px) {

.index07 .left .f1{width:100%;}
.index07 .left .f1 p {margin-bottom: 2%;}
.index07 .left .f1 .link{min-height:auto;}
.index07 .left .f2{width:100%;float:left;}
.index07 .left .f2 li{width:20%;margin-bottom: 2%;}
}

.lfooter{display:none;}


.index07 a:hover{text-decoration:none; color:#e60012; }

/*悬浮窗口*/
.right_nav{ right:0;top:50%; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#4e2d2f;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 15px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(2) .hideBox img{width:100px;height: 100px;margin-top: 10px;}
.right_nav li:nth-child(1) .hideBox .hb{width:200px;}
.right_nav li:nth-child(2) .hideBox .hb{width:160px;}

@media screen and (max-width:460px) {
.index07{margin-bottom:40px;}
.right_nav{display:none;}
.lfooter{display:block; max-width: 100%;position: fixed; height:40px;line-height:40px;bottom: 0px; left: 0;right: 0;margin: 0 auto;display: block; z-index: 999;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );}
.lfooter ul li { width: 50%;height: 100%; float: left; text-align: center;border-left:1px solid #ccc;}
.lfooter ul li:first-child{border-left:none;}

}