@charset "utf-8";

/* CSS Document */

*{padding:0px; margin:0px;}

html{font-size:62.5%;}

body{font-size:12px; font-family:"微软雅黑";}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0; font-style:normal;}

h1,h2,h3,h4,h5,h6{list-style:none; font-weight:normal;}

input,select,button,textarea{font-size:12px; border:1px solid #e1dce3; background:none; outline:none; vertical-align:middle; resize:none;}

button{overflow:visible}

img{border:none;}

li{list-style:none;}

a{color:#555; text-decoration:none;}

a:hover{color:#2c6ed5; text-decoration:none !important;}

.clear{overflow:hidden; clear:both; height:0px;}

::-webkit-scrollbar{width:6px;}

::-webkit-scrollbar-track{background-color:#000;}

::-webkit-scrollbar-thumb{background-color:#aaa;}

::-webkit-scrollbar-thumb:hover{background-color:#2c6ed5;}

::-webkit-scrollbar-thumb:active{background-color:#2c6ed5;}

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

input,textarea{-webkit-appearance:none; border-radius:0;}

}

/*导航*/

.header{width:100%; background-color:#fff; position:absolute; left:0; z-index:999;}

.header.on{position:fixed; top:0; box-shadow:0 0 5px #aaa;}

.header img{width:100%; height:auto; display:block;}

.header .row{position:relative;}

.header .logo{width:399px; margin:20px auto; float:left;}

.header .an{position:absolute; top:15px; right:15px; height:14px; width:24px; display:none;}

.header .an span{width:24px; height:2px; background-color:#555; display:block; position:absolute;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .an span.a1{top:0; left:0;}

.header .an span.a2{top:6px; left:0;}

.header .an span.a3{top:12px; left:0;}

.header .an.n span.a2{display:none;}

.header .an.n span.a1{top:6px; width:24px;

transform:rotate(45deg);

-o-transform:rotate(45deg);

-ms-transform:rotate(45deg);

-moz-transform:rotate(45deg);

-webkit-transform:rotate(45deg);}

.header .an.n span.a3{top:6px; width:24px;

transform:rotate(135deg);

-o-transform:rotate(135deg);

-ms-transform:rotate(135deg);

-moz-transform:rotate(135deg);

-webkit-transform:rotate(135deg);}

.header .nav{float:right; margin-top:24px;}

.header .nav i{font-size:12px; color:#ddd; line-height:46px; text-align:right; position:absolute; width:50%; height:46px; right:15px; top:0; display:none;}

.header .nav ul li{height:74px; font-size:15px; text-align:center; float:left; position:relative;}

.header .nav ul li a.o_lm{line-height:46px; color:#000000; display:block;}

.header .nav ul li:hover a.o_lm{color:#2c6ed5; border-bottom:2px solid #2c6ed5;}

.header .nav .y_j{position:relative;}

.header .nav .e_j{width:120px; background-color:#fff; position:absolute; top:74px; left:50%; margin-left:-60px; display:none; z-index:9999;}

.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}

.header .nav .e_j .e_lm a{display:block; font-size:14px; color:#555; line-height:36px;}

.header .nav .e_j .e_lm:hover a{background-color:#2c6ed5; color:#fff;}

.header .nav ul li:hover .e_j{display:block;}

.header .nav .e_j .e_lm{position:relative;}

.header .nav .e_j .e_lm em{font-size:12px; color:#aaa; line-height:36px; text-align:right; position:absolute; height:36px; right:15px; top:0; z-index:999; display:block;}

.header .nav .e_j .e_lm:hover em{color:#fff;}

.header .nav .e_j .s_j{width:120px; border-left:1px solid #fff; background-color:#f7f7f7; position:absolute; top:0; right:-100%; display:none;}

.header .nav .e_j .e_lm:hover .s_j{display:block;}

.header .nav .e_j .e_lm:hover .s_j a{background-color:#f7f7f7; color:#555;}

.header .nav .e_j .e_lm:hover .s_j a:hover{background-color:#2c6ed5; color:#fff;}

.nav ul{ width:100%; height:auto;}

@media (min-width:992px){

.header .nav ul li{padding:0 15px;}

.header .nav .e_j{display:none !important;}

.header .nav .e_j .s_j{display:none !important;}

.header .nav ul li:hover .e_j{display:block !important;}

.header .nav .e_j .e_lm:hover .s_j{display:block !important;}

}

@media (min-width:1200px){

.header .nav ul li{padding:0 20px;}

}

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

.header{padding:10px 0; top:0;}

.header .logo{width:auto; margin:0 0 0 15px;}

.header .logo img{width:auto; height:37px;}

.header .hd{display:none;}

.header .xz{display:none;}

.header .zy{margin:0; position:absolute; right:45px; top:10px; font-size:12px; line-height:14px;}

.header .an{display:block;}

.header .nav{width:50%; padding:15px 5%; background-color:#000; height:100%; position:fixed; margin:0; top:0; left:-50%; overflow:auto;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .nav.on{left:0;}

.header .nav i{display:block;}

.header .nav ul li{width:100%; height:auto; font-size:14px; text-align:left; border-bottom:1px solid #444; float:none; margin-right:0;}

.header .nav ul li a.o_lm{color:#ddd;}

.header .nav ul li:hover a.o_lm{color:#ddd; border-bottom:0;}

.header .nav ul li.on a.o_lm{background:none; color:#fff;}

.header .nav .e_j{width:100%; border-top:1px solid #444; background:none; position:relative; top:auto; left:auto; margin:0; padding-bottom:10px;}

.header .nav .e_j .e_lm a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}

.header .nav .e_j .e_lm:hover a{background:none;}

.header .nav ul li:hover .e_j{display:none;}

.header .nav .e_j .e_lm em{color:#ddd; line-height:32px; text-align:right; width:50%; height:32px;}

.header .nav .e_j .e_lm:hover em{color:#fff;}

.header .nav .e_j .s_j{width:100%; border-top:1px solid #444; border-bottom:1px solid #444; border-left:0; background:none; position:relative; display:none; top:auto; right:auto; margin-bottom:10px;}

.header .nav .e_j .e_lm:hover .s_j{display:none;}

.header .nav .e_j .e_lm:hover .s_j a{background:none; color:#aaa;}

.header .nav .e_j .e_lm:hover .s_j a:hover{background:none;}

}

.head_h{width:100%; height:97px; background-color:#fff;}

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

.head_h{height:64px;}

}





/*轮播图*/

.sy_ban{width:100%; height:540px; position:relative;}

.sy_ban a{display:block; width:100%; height:100%;}

.sy_ban .swiper-button-prev{background:url(../images/banner-l.png) no-repeat; width:16px; height:30px; margin-top:-15px;

background-size:16px 30px;

-webkit-background-size:16px 30px;

-moz-background-size:16px 30px;

-ms-background-size:16px 30px;

-o-background-size:16px 30px;}

.sy_ban .swiper-button-next{background:url(../images/banner-r.png) no-repeat; width:16px; height:30px; margin-top:-15px;

background-size:16px 30px;

-webkit-background-size:16px 30px;

-moz-background-size:16px 30px;

-ms-background-size:16px 30px;

-o-background-size:16px 30px;}

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

.sy_ban{height:350px;}

.sy_ban .swiper-button-next, .sy_ban .swiper-button-prev{display:none;}

}

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

.sy_ban{height:200px;}

.sy_ban .swiper-button-next, .sy_ban .swiper-button-prev{display:none;}

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

.sy_ban{height:12rem;}

}



/*产品展示*/

.cp{ width:100%; height:auto; overflow:hidden; float:left; background:#f0f0f0; padding-bottom:55px}

.cpt{height:90px;font-size: 28px;text-align:center;margin-top:50px;margin-bottom:35px;background:url(../images/bt.png) bottom center no-repeat;line-height:35px;font-weight:  bold;}

.cpt span{font-size: 22px;}

.cpli{width:100%;height:270px;float:left;margin-top: 50px;}



.cpli img{ width:100%; height:auto;}

.cpli p{ width:100%; height:74px; line-height:74px; text-align:center;background:#fff;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.cpli a{ font-size:15px;}

.cpmore{width:150px;height:40px;background:#2c6ed5;text-align:center;line-height:40px;border-radius:6px;margin:auto;margin-top: 60px;}

.cpmore a{ color:white; font-size:18px; }


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

.cp{ width:100%; height:auto; overflow:hidden; float:left; background:#f0f0f0; padding-bottom:55px}

.cpt{height:90px;font-size: 28px;text-align:center;margin-top:50px;margin-bottom:35px;background:url(../images/bt.png) bottom center no-repeat;line-height:35px;font-weight:  bold;}

.cpt span{font-size: 22px;}

.cpli{width:100%;height: 320px;float:left;margin-top: 50px;}



.cpli img{ width:100%; height:auto;}

.cpli p{ width:100%; height:74px; line-height:74px; text-align:center;background:#fff;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.cpli a{ font-size:15px;}

.cpmore{width:150px;height:40px;background:#2c6ed5;text-align:center;line-height:40px;border-radius:6px;margin:auto;margin-top: 60px;}

.cpmore a{ color:white; font-size:18px; }

}

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



.cp{width:100%;height:auto;overflow:hidden;float:left;background:#f0f0f0;padding-bottom: 25px;}

.cpt{  height:90px; font-size:25px; text-align:center; margin-top:20px; margin-bottom:15px; background:url(../images/bt.png) bottom center no-repeat; line-height:35px;}

.cpt span{font-size: 18px;}

.cpli{width:100%;height: 200px;float:left;padding:5px;}



.cpli img{ width:100%; height:auto;}

.cpli p{width:100%;height:74px;line-height:74px;text-align:center;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;background:#fff;}

.cpli a{font-size: 12px;}

.cpmore{width: 100px;height:40px;background:#2c6ed5;text-align:center;line-height:40px;border-radius:6px;margin:auto;margin-top: 40px;}

.cpmore a{color:white;font-size: 16px;}

.prepage0{ display:none;}

.nextpage1{ display:none}

}





/*关于我们*/

.ab{width:100%;height:660px;float:left;overflow:hidden;background:url(../images/abo.jpg) no-repeat;padding-top:175px;color:#fff;}

.abt{height:90px;font-size: 28px;text-align:center;margin-top:50px;margin-bottom:35px;background:url(../images/bt.png) bottom center no-repeat;line-height:35px;font-weight:  bold;}

.abt span{font-size: 22px;}

.ab p{ width:100%; font-size:18px; line-height:36px; color:#fff;}



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

.ab{width:100%;height:660px;float:left;overflow:hidden;background:url(../images/abo.jpg) no-repeat;padding-top: 15px;color:#fff;}

.abt{height:90px;font-size: 26px;text-align:center;margin-top: 20px;margin-bottom: 15px;background:url(../images/bt.png) bottom center no-repeat;line-height:35px;}

.abt span{font-size: 18px;}

.ab p{width:100%;font-size: 14px;line-height:36px;color:#fff;}



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

.ab{width:100%;height:660px;float:left;overflow:hidden;background:url(../images/abo.jpg) no-repeat;padding-top:55px;color:#fff;}

.abt{height:90px;font-size: 28px;text-align:center;margin-top: 0px;margin-bottom:35px;background:url(../images/bt.png) bottom center no-repeat;line-height:35px;font-weight:  bold;}

.abt span{font-size: 22px;}

.ab p{ width:100%; font-size:18px; line-height:36px; color:#fff;}

}

/*新闻资讯*/

.new{ width:100%; height:auto; padding-top:50px;}

.newt{height:90px;font-size: 28px;text-align:center;margin-top:50px;margin-bottom:35px;background:url(../images/bt.png) bottom center no-repeat;line-height:35px;font-weight: bold;}

.newt span{font-size: 22px;}

.newli{width:100%;height: 150px;margin-bottom:20px;}

.newt2{ width:225px; height:45px; margin:auto; background:url(../images/newt2.png) no-repeat; font-size:18px; color:#fff; line-height:45px; text-align:center; padding-right:15px; margin-bottom:30px}

.newt2 a{ font-size:18px; color:#fff; float:right;}

.new_l{ float:left;}

.new_l span{ float:right; font-size:15px; font-weight:bold}

strong{ font-size:15px; font-weight:bold}

.new_l img{ float:left; padding:0}

.new_l p{float:left;font-size:  12px;line-height: 24px;}

.new_r{ float:right}

.newimg{ padding:0}

.newimg img{max-width: 100%;height:auto;}

.newtime{

    float:  left;

    text-align:  center;

    height: 110px;

}

.newtime p{ font-size:16px;}

.newtime span{

    display:  block;

    text-align:  center;

    background: #0080d7;

    width: 100%;

    height:  25px;

    line-height: 25px;

    color: white;

}

.newzw{width:  100%;float:  left; line-height:24px;}

.newli2{

    width:  100%;

    height: 110px;

	margin-bottom:20px

}

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

.new{width:100%;height:auto;padding-top: 0px;}

.newt{height:90px;font-size: 26px;text-align:center;margin-top: 30px;margin-bottom: 15px;background:url(../images/bt.png) bottom center no-repeat;line-height:35px;font-weight: bold;}

.newt span{font-size: 20px;}

.newli{width:100%;height: 300px;margin-bottom: 20px;}

.newt2{ width:225px; height:45px; margin:auto; background:url(../images/newt2.png) no-repeat; font-size:18px; color:#fff; line-height:45px; text-align:center; padding-right:15px; margin-bottom:30px}

.newt2 a{ font-size:18px; color:#fff; float:right;}

.new_l{ float:left;}

.new_l span{font-size: 12px;font-weight:bold;float: none;}

strong{font-size: 14px;font-weight:bold;}

.new_l img{ float:left; padding:0}

.new_l p{float: none;font-size: 10px;padding: 0px;line-height: 24px;margin:  auto;}

.new_r{ float:right}

.newimg{padding:0;margin:  auto;}

.newimg img{width:100%;padding: 0px;height:auto;}

.newtime{

    float:  left;

    text-align:  center;

    height: 110px;

    padding: 0px;

}

.newtime p{ font-size:16px;}

.newtime span{

    display:  block;

    text-align:  center;

    background: #0080d7;

    width: 100%;

    height:  25px;

    line-height: 25px;

    color: white;

}

.newzw{width:  100%;float:  left;line-height:24px;}

.newli2{

    width:  100%;

    height: 110px;

	margin-bottom:20px

}



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

.new{width:100%;height:auto;padding-top: 0px;}

.newt{height:90px;font-size: 26px;text-align:center;margin-top: 30px;margin-bottom: 15px;background:url(../images/bt.png) bottom center no-repeat;line-height:35px;font-weight: bold;}

.newt span{font-size: 20px;}

.newli{width:100%;height: 300px;margin-bottom: 90px;}

.newt2{ width:225px; height:45px; margin:auto; background:url(../images/newt2.png) no-repeat; font-size:18px; color:#fff; line-height:45px; text-align:center; padding-right:15px; margin-bottom:30px}

.newt2 a{ font-size:18px; color:#fff; float:right;}

.new_l{ float:left;}

.new_l span{font-size: 12px;font-weight:bold;float: none;}

strong{font-size: 14px;font-weight:bold;}

.new_l img{ float:left; padding:0}

.new_l p{float: none;font-size: 10px;padding: 0px;line-height: 24px;margin:  auto;}

.new_r{ float:right}

.newimg{padding:0;margin:  auto;}

.newimg img{width:100%;padding: 0px;height:auto;}

.newtime{

    float:  left;

    text-align:  center;

    height: 110px;

    padding: 0px;

}

.newtime p{ font-size:16px;}

.newtime span{

    display:  block;

    text-align:  center;

    background: #0080d7;

    width: 100%;

    height:  25px;

    line-height: 25px;

    color: white;

}

.newzw{width:  100%;float:  left;line-height:24px;}

.newli2{

    width:  100%;

    height: 110px;

	margin-bottom:20px

}



}



/*底部导航*/

.ddh{width:100%;height:40px;background:#f0f0f0;line-height:40px;text-align:  center;  margin-top:50px}

.ddh a{font-size:14px;color: #383838;margin-right: 10px;margin-left: 10px;}

.foot{width:100%;height: auto;float:  left;background:#000;overflow:  hidden;}

.f1{ float:left; padding-top:55px}

.f2{float:left;color:#fff;line-height:  35px;font-size: 14px;padding-top: 30px;}

.f2 span{font-size: 10px;}

.f3{float:left;padding-top: 55px;}

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

.ddh{width:100%;height:40px;background:#f0f0f0;line-height:40px;text-align:  center;}

.ddh .container{ padding:0px;}

.ddh a{font-size: 12px;color: #383838;margin-right: 0px;margin-left: -2px;}

.foot{ width:100%; height:182px; background:#000}

.f1{ float:left; padding-top:55px; display:none}

.f1 img{ width:100%;}

.f2{float:left;color:#fff;line-height: 25px;font-size: 12px;padding-top: 4px;}

.f2 span{font-size: 10px;width: 100%;}

.f3{float:left;padding-top: 55px; display:none}



}
@media only screen and (max-width:994px){
	.ddh{width:100%;height: auto;background:#f0f0f0;line-height:40px;text-align:  center;margin-top:50px;}

.ddh a{font-size:14px;color: #383838;margin-right: 8px;margin-left: 10px;}

.foot{ width:100%; height:auto; background:#000;}

.f1{ float:left; padding-top:55px}
.f1 img{ width:100%;}

.f2{float:left;color:#fff;line-height:24px;font-size: 14px;padding-top: 10px;}

.f2 span{font-size: 10px;}

.f3{float:left;padding-top: 55px;}
}


/*内页*/

.nb{ width:100%; height:346px;}

.lf1{

    text-align:  center;

    font-size: 18px;

    border-bottom: 1px solid #a0b8e0;

    padding-top: 5px;

    padding-bottom: 10px;

}

.lf2{border-bottom: 1px solid #a0b8e0;padding-top: 5px;font-size: 16px;line-height: 40px;text-align:  center;}

.nm{ margin-top:50px}

.nmlf{

    width: 100%;

    background:  #0a49ae;

    color:  white;

    float: left;

    border-radius: 8px;

    padding: 0px;

    padding-bottom: 10px;

    line-height: 30px;

    text-align:  center;

}

.nmlf p{text-align: left; padding-left: 8%;}

.nmrt{

    float: right;

    padding-left: 30px;

}

.nmrtbt{width:100%;height:40px;line-height:40px;background: url(../images/rtbt.jpg) no-repeat left bottom;font-size: 18px;}

.nmlf li{

    text-align:  center;

    line-height: 35px;

    padding: 0 15px;

}

.nmlf li:hover{

    text-align:  center;

    line-height: 35px;

    padding: 0 15px;

	background:#a0b8e0;

	cursor:pointer

}

.nmlfon{ background:#a0b8e0;}

.nmlf i{float:right;line-height: 35px;}

.nmlf li a{

    color:  white;

    font-size: 14px;

}

.pos{ width:30%; float:right; text-align:right}

.pos a{ font-size:14px;}



.cpli2{width: 24%;height: 225px;margin-top:15px;float:left;margin-right: 11px;box-shadow: 6px 8px 10px #e5e4e4;}



.cpli2 img{ width:100%; height:auto;}

.cpli2 p{width:100%;height: 34px;line-height: 34px;text-align:center;background:#fff;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}

.cpli2 a{ font-size:15px;}

.no{ margin-right:0px;}



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

.nmlf{ display:none;}

.nmrt{ width:100%; padding-left:0px;}

.nm{ margin-top:20px;}

.cpli2{width: 48.4%;height: 180px;margin-top:15px;margin-right:5px;float:left;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;box-shadow: 6px 8px 10px #e5e4e4;}

.nb{ display:none}

.pos{ width:70%;}

}



.nmrtzw{ font-size:16px; line-height:36px}

.nmrtzw img{ max-width:100%;}

/*新闻*/



.x_w ul li{border-bottom:1px solid #eaeaea; padding-bottom:20px; margin-bottom:20px;}

.x_w img{width:100%; height:auto; display:block;}

.x_w .w_z h3{font-size:16px; line-height:32px; font-weight:bold; margin-bottom:6px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.x_w .w_z h3 a{color:#000;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.x_w ul li:hover .w_z h3 a{color:#a0b8e0;}

.x_w .w_z p{height:44px; margin-top:6px; overflow:hidden;}

.x_w .w_z p a{font-size:13px; line-height:22px; color:#888; display:block;}

.x_w .w_z span{font-size:12px; color:#999; text-transform:uppercase; display:block;}

.x_w .w_z span i{margin-right:5px; color:#666;}



/*联系我们*/



.l_x .d_t{margin-bottom:30px;}

.l_x h3{font-size:24px; margin-bottom:15px;}

.l_x h4{font-size:16px; line-height:26px; color:#888; margin-bottom:15px;}

.l_x em{width:30px; height:1px; background-color:#79b133; display:block; margin-bottom:15px;}

.l_x b{font-family:Arial, Helvetica, sans-serif; color:#79b133; padding-left:5px; font-size:20px !important;}

.l_x p{font-size:16px; line-height:40px;}


.l_x p i{padding-right:10px; color:#aaa;}





.xiaocms-page {font-family: "微软雅黑";padding: 5px;margin: 5px;text-align: center;margin: 30px auto;

}

.xiaocms-page a { border-right: #ddd 1px solid; padding-right: 8px;border-top: #ddd 1px solid;padding-left: 8px;padding-bottom: 5px;border-left: #ddd 1px solid;color: #2c6ed5;margin-right: 5px;padding-top: 5px;border-bottom: #ddd 1px solid;text-decoration: none;

}

.xiaocms-page a:hover {border-right: #a0a0a0 1px solid;padding-right: 8px;border-top: #a0a0a0 1px solid;padding-left: 8px;padding-bottom: 5px;border-left: #a0a0a0 1px solid;margin-right: 5px;padding-top: 5px;border-bottom: #a0a0a0 1px solid;

}

.xiaocms-page a:active {border-right: #a0a0a0 1px solid;padding-right: 8px;border-top: #a0a0a0 1px solid;padding-left: 8px;padding-bottom: 5px;border-left: #a0a0a0 1px solid;margin-right: 5px;padding-top: 5px;border-bottom: #a0a0a0 1px solid;

}

.xiaocms-page span {border-right: #2c6ed5 1px solid;padding-right: 8px;border-top: #2c6ed5 1px solid;padding-left: 8px;font-weight: bold;padding-bottom: 5px;border-left: #2c6ed5 1px solid;color: #fff;margin-right: 5px;padding-top: 5px;border-bottom: #2c6ed5 1px solid;background-color: #2c6ed5;

}

.xiaocms-page span.disabled {border-right: #2c6ed5 1px solid;padding-right: 8px;border-top: #2c6ed5 1px solid;padding-left: 8px;padding-bottom: 5px;border-left: #2c6ed5 1px solid;color: #2c6ed5;margin-right: 5px;padding-top: 5px;border-bottom: #2c6ed5 1px solid;

}

.link{width:100%;height:auto;line-height:40px;}
.link a{ color:#fff; font-size:14px; margin-right:20px;}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#e36056;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}