/* css reset */
@CHARSET "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,pre,textarea,p,blockquote{ margin:0; padding:0; }
pre {white-space: pre-wrap;word-wrap: break-word; display:inline;font:12px 'Hiragino Sans GB','Microsoft Yahei','Verdana',Helvetica,Arial,sans-serif;}
/*body { background:#fff; color:#4c4c4c; font:12px 'Hiragino Sans GB','Microsoft Yahei','Verdana',Helvetica,Arial,sans-serif; overflow:hidden;}*/
body { background:#fff; color:#4c4c4c; font:12px Arial,sans-serif; min-width:1200px;}
body.huiBG{background:#f4f4f4}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a:link{ color:#000; text-decoration:none;}
a:visited{color:#000; text-decoration:underline!important}
img { border:none; font-size:0;}
.hide{display:none}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll; overflow-x:hidden} 
/* css common */
.clear:after,.clear:before {content: "."; display: block; clear:both; font-size:0; line-height:0}
.clear { *zoom:1; }
.have_ae{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.have_ae4{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; }
.have_delay{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay: .2s}
.h_scale .h_item{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.h_scale:hover .h_item{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transfrom:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.see_mask{}
.see_mask .see_child{position:relative; display:block;}
.see_mask:hover{box-shadow: 0 0 10px #bcbcbc;}
.see_mask .see_child:before{content:""; left:50%; top:40%; width:44px; height:44px; margin-left:-22px; margin-top:-22px; background:url(../images/see.png) 0 0 no-repeat; position:absolute; z-index:99;transition: 500ms; opacity:0;}
.see_mask:hover .see_child:before{opacity:1; top:50%;}
.see_mask .see_child:after{background:#fff; content:""; left:0; top:0; width:100%; height:100%; position:absolute;transition: 500ms; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.see_mask:hover .see_child:after{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

/*分页*/
div.page{padding:5px 10px;font-size:80%;margin:5px;margin-top:40px;color:#e91e22;text-align:center;}
div.page a{border:#e91e22 0px solid;padding:7px 12px;background-position:50% bottom;margin:0 10px 0 0;text-decoration:none;background-color:#fff;}
div.page a:hover{border:#e91e22 1px solid;padding:6px 11px;background-image:none;color:#e91e22;background-color:#fff;}
div.page a:active{border:#e91e22 1px solid;padding:6px 11px;background-image:none;color:#e91e22;background-color:#fff;}
div.page span.current{border:#e91e22 1px solid;padding:5px 10px;font-weight:bold;color:#e91e22;margin:0 10px 0 0;background-color:#fff;}
div.page span.disabled{border:#e91e22 1px solid;padding:5px 10px;color:#e91e22;margin:0 10px 0 0;}
.box1200{width:1200px; margin:0 auto;}
.box1400{width:1400px; margin:0 auto;}

/**上部分公共**/
/*顶部logo开始*/
.body_content{width:1200px; margin:0 auto;}

.logo_box{width:100%; height:105px;  position:relative; z-index:999999; background:url(../images/wico_1.jpg) 0 0 repeat}
.w_logo_head{position:absolute; left:0; top:15px;}
.web_logo_right{float:right; }
.web_logo_right>*{float:left; display:inline;}
.web_logo_right>img{margin-top:12px;}
.web_logo_right>b{font-size:14px;  margin-left:70px; margin-top:35px;}
.web_logo_right>span{font-size:26px; font-weight:bold; color:#84c125; line-height:100%; margin-top:30px;}
/*.logo_box{width:100%; margin:0 auto; height:.7rem; -webkit-box-shadow:0 0px 10px rgba(0, 0, 0, .3);  
    -moz-box-shadow:0 0px 10px rgba(0, 0, 0, .3);  
     box-shadow:0 0px 10px rgba(0, 0, 0, .3)}*/
.web_head_content{width:100%; height:62px; background:#0193dd}
/*导航开始*/
.webNav{}
.webNav ul>li{float:left; display:inline;  height:62px; line-height:62px; margin-left:85px; padding-left:15px;position:relative; z-index:999}
.webNav ul>li:first-child{margin-left:0}
.webNav ul>li>a{display:block; width:inherit; height:inherit; color:#fff; font-size:16px;
/*transform:skewX(-30deg);
-ms-transform:skewX(-30deg);
-moz-transform:skewX(-30deg);
-webkit-transform:skewX(-30deg);
-o-transform:skewX(-30deg);*/
}
.webNav ul>li:hover{background:url(../images/w_ico2.png) 0 0 no-repeat;}
.webNav ul>li:hover>a{color:#b8ff45;}
.webNav ul>li.on{background:url(../images/w_ico2.png) 0 0 no-repeat;}
.webNav ul>li.on>a{color:#b8ff45;}
.webNav ul>li>p{position:absolute; left:0; top:62px; display:none; background:#0193dd; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .3);  
    -moz-box-shadow:0 5px 10px rgba(0, 0, 0, .3);  
     box-shadow:0 5px 10px rgba(0, 0, 0, .3)}
.webNav ul>li>p>a{display:block; color:#fff; border-top:solid 1px #fff; font-size:14px; white-space:nowrap; height:40px; line-height:40px; padding:0 10px;}
.webNav ul>li>p>a:hover{background:#579aa9; color:#fff}
.webNav ul>li:hover>p{display:block;}
/*导航结束*/


.title_lc{text-align:center;color:#fff; font-size:36px; line-height:36px; font-weight:bold;}
.more_box1{width:100%; text-align:center;}
.more_box1 a{width:110px;height:42px; line-height:42px; display:block; margin:0 auto; text-align:center; background:#84c125; color:#fff; font-size:16px;}
.more_box1 a:hover{background:#0193dd;color:#fff;}
.more_box2{width:100%; text-align:center;}
.more_box2 a{width:110px;height:42px; line-height:42px; display:block; margin:0 auto; text-align:center; background:#0193dd; color:#fff; font-size:16px;}
.more_box2 a:hover{background:#84c125;color:#fff;}

.bar_out{width:100%; margin:0 auto; clear:both; overflow:hidden; position:relative; font-size:0}
.banner_tab {width:100%; min-width:1200px; position:relative; margin:0 auto; overflow:hidden;cursor:default;}
.banner_tab .bd ul li{width:100%;}
.banner_tab .bd ul li img{width:100%;}

.banner_tab .big_prev,
.banner_tab .big_next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner_tab .big_next{ left:auto; right:3%; background-position:8px 5px; }
.banner_tab .big_prev:hover,
.banner_tab .big_next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner_tab .prevStop{ display:none;  }
.banner_tab .nextStop{ display:none;  }

.w_title{width:100%; height:34px; background:url(../images/t_bg1.jpg) 0 0 repeat-x;}
.w_title>b{float:left; display:inline; margin-top:10px; line-height:100%; font-size:16px; color:#000; /*background:url(../images/t_ico1.jpg) 0 center no-repeat; padding-left:8px;*/ margin-left:10px;}
.w_title>a{float:right; display:inline; margin-top:10px; font-size:0; background:url(../images/more_1.jpg) 0 0 no-repeat; width:45px; height:11px; margin-right:10px;}

.wtitle_1{text-align:center;}
.wtitle_1>span{display:inline-block; text-align:center;position:relative;}
.wtitle_1>span>.bx_wd{height:48px; display:block; font-size:36px; color:#000; line-height:48px; font-weight:normal; padding-left:50px;}

.wtitle_2{text-align:center;}
.wtitle_2>span{display:inline-block; text-align:center;position:relative;}
.wtitle_2>span>.bx_wd{height:48px; display:block; font-size:36px; color:#fff; line-height:48px; font-weight:normal; padding-left:50px;}



.webmodel1{position:relative; width:100%;}
.webmodel1 ul li{float:left; display:inline; width:182px; height:182px; text-align:center; -webkit-box-shadow:0 0 8px rgba(0, 0, 0, .4);  
    -moz-box-shadow:0 0 8px rgba(0, 0, 0, .4);  
     box-shadow:0 3px 8px rgba(0, 0, 0, .1); margin-top:50px; margin-left:21px;}
.webmodel1 ul li:first-child{margin-left:0}
.webmodel1 ul li:before{content:""; display:block; width:100%; height:53px; margin-top:25px;}
.webmodel1 ul li:nth-child(1):before{background:url(../images/w_ico3.png) center 0 no-repeat;}
.webmodel1 ul li:nth-child(2):before{background:url(../images/w_ico4.png) center 0 no-repeat;}
.webmodel1 ul li:nth-child(3):before{background:url(../images/w_ico5.png) center 0 no-repeat;}
.webmodel1 ul li:nth-child(4):before{background:url(../images/w_ico6.png) center 0 no-repeat;}
.webmodel1 ul li:nth-child(5):before{background:url(../images/w_ico7.png) center 0 no-repeat;}
.webmodel1 ul li:nth-child(6):before{background:url(../images/w_ico8.png) center 0 no-repeat;}
.webmodel1 ul li>b{display:block;font-size:18px; color:#333; line-height:100%; margin-top:18px;}
.webmodel1 ul li>i{display:block; width:22px; height:4px; background:#0193dd; margin:0 auto; margin-top:7px;}
.webmodel1 ul li>p{font-size:14px; color:#333; margin-top:20px;}
.webmodel1 ul li:hover{background:#84c125}
.webmodel1 ul li:hover>*{color:#fff;}
.webmodel1 ul li:hover>i{background:#fff;}
.webmodel1 ul li:nth-child(1):hover:before{background:url(../images/w_ico3_.png) center 0 no-repeat;}
.webmodel1 ul li:nth-child(2):hover:before{background:url(../images/w_ico4_.png) center 0 no-repeat;}
.webmodel1 ul li:nth-child(3):hover:before{background:url(../images/w_ico5_.png) center 0 no-repeat;}
.webmodel1 ul li:nth-child(4):hover:before{background:url(../images/w_ico6_.png) center 0 no-repeat;}
.webmodel1 ul li:nth-child(5):hover:before{background:url(../images/w_ico7_.png) center 0 no-repeat;}
.webmodel1 ul li:nth-child(6):hover:before{background:url(../images/w_ico8_.png) center 0 no-repeat;}

.webmodel2{position:relative; margin-top:60px; background:#f7f7f7; padding:50px 0;}
.bx2_bx1{width:100%; margin-top:35px; position:relative; z-index:99}
.bx2_bx1 .bx2_bx11{position:absolute; left:0; top:0; width:192px; z-index:9999}
.bx2_bx1 .bx2_bx11 ul li{height:99px;background:#233861; position:relative; font-size:14px; /*z-index:999;*/}
.bx2_bx1 .bx2_bx11 ul li>p{position:absolute; left:0; top:99px; z-index:9; display:none;}
.bx2_bx1 .bx2_bx11 ul li>p a{display:block; height:50px; background:rgba(204, 204, 204, 1); min-width:162px; white-space:nowrap; padding:0 15px; line-height:50px;}
.bx2_bx1 .bx2_bx11 ul li>p a:hover{background:rgba(251,101,40,1); color:#fff;}
.bx2_bx1 .bx2_bx11 ul li:hover>p{display:block}
.bx2_bx1 .bx2_bx11 ul li>a.a1{display:block; border-bottom:solid 1px #fff; height:98px; line-height:98px; color:#fff; margin-left:1px;}
.bx2_bx1 .bx2_bx11 ul li>a.a1 span{padding-left:15px;}
.bx2_bx1 .bx2_bx11 ul li>a.a2{display:none;position:absolute; left:0; top:0; background:#84c125; width:100%; height:100%; line-height:99px;  color:#fff;}
.bx2_bx1 .bx2_bx11 ul li>a.a2:before{content:""; position:absolute; width:50px; height:99px; background:#84c125; right:-50px; top:0;border-top-right-radius:50px;border-bottom-right-radius:50px;}
.bx2_bx1 .bx2_bx11 ul li>a.a2:after{background:url(../images/w_ico9.png) 0 0 no-repeat;content:""; position:absolute; width:52px; height:53px; left:167px; top:24px;}
.bx2_bx1 .bx2_bx11 ul li>a.a2 span{padding-left:16px;}
.bx2_bx1 .bx2_bx11 ul li:hover>.a2{display:block;}
.bx2_bx1 .bx2_bx11 ul li.on>.a2{display:block;}
.bx2_bx12{position:absolute; left:192px; top:0; width:590px; height:396px; background:#ebebeb;/*position:relative;*/}
.bx2_bx12>a{display:block; font-size:16px; line-height:120%}
.bx2_bx12>a>p{width:520px; height:396px; display:table-cell; text-align:center; vertical-align:middle; padding-left:70px;}
.bx2_bx12>a>p>img{max-width:500px; max-height:390px;}
.bx2_bx12>a>span{position:absolute; right:0; top:335px; width:520px; text-align:center;}
.bx2_bx13{float:right; display:inline; width:400px; height:396px; background:#ebebeb; color:#333;}
.bx2_bx13>div{height:396px;}
.bx2_bx13 p{width:400px;height:340px; display:table-cell; vertical-align:middle; text-align:center;}
.bx2_bx13 p>img{max-width:400px; max-height:340px;}
.bx2_bx13 span{font-size:16px; text-align:center; display:block;}
/*.bx2_bx13:hover{background:url(../images/w_ico10.png) 0 0 no-repeat; color:#fff;}*/
.bx2_bx2{width:100%; margin-top:20px;}
.bx2_bx2 ul li{float:left; display:inline; width:285px; height:355px; position:relative; background:#fff; margin-left:20px;}
.bx2_bx2 ul li:first-child{margin-left:0}
.bx2_bx2 ul li>a{color:#4c4c4c}
.bx2_bx2 ul li>a>p{display:table-cell; width:285px; height:355px; vertical-align:middle; text-align:center;}
.bx2_bx2 ul li>a>p>img{max-width:180px; max-height:260px;}
.bx2_bx2 ul li>a>span{position:absolute; left:0; width:100%; top:315px; line-height:120%; font-size:16px; text-align:center;}
.bx2_pro1,.bx2_pro2,.bx2_pro3{display:none;}


.webmodel3{margin-top:60px; background:#f7f7f7; padding:50px 0;}
.bx3_cont{height:790px; position:relative; margin-top:30px;}
.bx3_cont>*{position:absolute;}
.bx3_1{left:485px; top:260px;}
.bx3_2{left:0; top:0}
.bx3_3{right:0; top:440px;}
.bx3_4{font-size:32px; color:#171717; line-height:32px;width:605px; right:0; top:55px; font-weight:bold;}
.bx3_5{width:605px; right:0; top:115px; font-size:16px; color:#4c4c4c; line-height:180%}
.bx3_6{width:315px; right:0; top:215px; font-size:16px; color:#4c4c4c; line-height:180%}
.bx3_7{width:auto; left:0; top:705px;}

.webmodel4{width:100%; background:#0193dd; margin-top:50px; padding-top:50px; height:415px;}
.bx4_cont{background:#fff; margin-top:35px;padding-left:20px; width:1180px}
.bx4_cont ul li{float:left; display:inline; width:290px; height:358px; margin:15px 0}
.bx4_cont ul li>a{display:block; width:248px; height:317px; padding:20px; border:solid 1px #ccc; box-sizing:content-box; background:#fff;}
.bx4_cont ul li>a>p{width:247px; height:252px;}
.bx4_cont ul li>a>p>img{width:inherit; height:inherit;}
.bx4_cont ul li>a>span{display:block;font-size:16px; margin-top:25px; line-height:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333333;}
.bx4_cont ul li>a>div{font-size:12px; line-height:12px; color:#666; margin-top:8px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/*.bx4_cont ul li:hover>a{margin-top:-10px; margin-left:-10px;}*/
.bx4_cont ul li:hover>a{ border:solid 1px #84c125;}
.bx4_cont ul li:hover>a *{color:#84c125; }
.bx4_prev{position:absolute; left:-25px; top:50%; margin-top:-18px; width:35px; height:36px; background:url(../images/g_left.png) 0 0 no-repeat;z-index:999}
.bx4_next{position:absolute; right:-25px; top:50%; margin-top:-18px; width:35px; height:36px; background:url(../images/g_right.png) 0 0 no-repeat;z-index:999}

.webmodel5{background:#f7f7f7 url(../images/w_ico14.jpg) center 0  no-repeat; height:682px;  width:100%; margin-top:80px; padding:40px 0;}
.bx5_list{margin-top:40px;}
.bx5_list ul li{float:left; display:inline; width:221px; height:588px; position:relative; overflow:hidden; margin-left:1px;}
.bx5_list ul li a{display:block;width:221px; height:588px;}
.bx5_list ul li a:before{position:absolute; left:0; top:0; width:100%; height:100%; content:""; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.bx5_list ul li.bx5_li1 a:before{background:#0193dd}
.bx5_list ul li.bx5_li2 a:before{background:#84c125}
.bx5_list ul li a>img{width:533px; height:588px;}
.bx5_list ul li a>i{position:absolute; left:80px; top:420px; width:60px; height:60px; background:url(../images/w_ico15.png) 0 0 no-repeat}
.bx5_list ul li a>span{position:absolute; left:0; top:510px; width:221px;text-align:center; color:#fff; font-size:22px; line-height:22px;}
.bx5_list ul li a>p{position:absolute; left:-302px; top:505px; width:260px; height:84px; line-height:84px; }
.bx5_list ul li a>p>span{display:block; padding-left:100px; font-size:22px; color:#fff;}
.bx5_list ul li a>p:after{content:""; width: 0; position:absolute; right:-42px; top:0;
    height: 0;
    border-top: 42px solid transparent;
    border-bottom: 42px solid transparent;

}
.bx5_list ul li.bx5_li1 a>p{background:#0193dd url(../images/w_ico15.png) 25px center no-repeat;}
.bx5_list ul li.bx5_li1 a>p:after{border-left: 42px solid #0193dd;}
.bx5_list ul li.bx5_li2 a>p{background:#84c125 url(../images/w_ico15.png) 25px center no-repeat;}
.bx5_list ul li.bx5_li2 a>p:after{border-left: 42px solid #84c125;}

.bx5_list ul li.on{width:533px}
.bx5_list ul li.on>a>i,.bx5_list ul li.on a>span,.bx5_list ul li.on>a:before{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.bx5_list ul li.on>a>p{left:0}

.webmodel6{margin-top:60px;}
.bx6_cont{margin-top:30px;}
.bx6_1{float:left; display:inline;width:590px; height:490px; overflow:hidden; position:relative;}
.bx6_1 .bd ul li{}
.bx6_1 .bd ul li>a{display:block;width:590px; height:490px;position:relative;}
.bx6_1 .bd ul li>a>img{width:inherit; height:inherit;}
.bx6_1 .bd ul li>a>div{position:absolute; left:0; bottom:0; width:550px; padding:30px 20px; color:#fff; font-size:14px; line-height:150%}
.bx6_1 .bd ul li>a>div:before{position:absolute; left:0; bottom:0; width:100%; height:100%; content:""; background:#84c125; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.bx6_1 .bd ul li>a>div>*{position:relative; z-index:99;}
.bx6_1 .bd ul li>a>div>span{font-size:18px; font-weight:bold;}
.bx6_1 .bd ul li>a>div>div{padding-top:10px;}
.bx6_1_prev{position:absolute; left:25px; top:50%; margin-top:-18px; width:35px; height:36px; background:url(../images/g_left.png) 0 0 no-repeat;z-index:999}
.bx6_1_next{position:absolute; right:25px; top:50%; margin-top:-18px; width:35px; height:36px; background:url(../images/g_right.png) 0 0 no-repeat;z-index:999}
.bx6_2{float:right; display:inline; width:590px;}
.bx6_2 ul li{vertical-align:baseline; clear:both; border-bottom:solid 1px #e6e6e6; height:48px; font-size:14px; line-height:14px;}
.bx6_2 ul li>a{float:left; display:inline; margin-top:17px; max-width:460px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bx6_2 ul li>span{line-height:48px;float:right;}
.bx6_2 ul li>*{color:#4c4c4c}
.bx6_2 ul li>a:hover{color:#84c125}
.bx6_2 ul li.hot:before{float:left; display:inline; content:""; width:18px; height:48px; margin-right:7px; background:url(../images/w_ico16.png) 0 center no-repeat}

.webmodel7{background:#f7f7f7; width:100%; margin-top:60px; padding:40px 0}
.bx7_1{width:100%; text-align:center; overflow:hidden; margin-top:30px;}
.bx7_1>b{display:inline-block; font-weight:normal; width:60px; height:90px; text-align:center; line-height:90px; background:#666; border-radius:10px; font-size:72px; color:#fff; margin:0 2px;}
.bx7_1>span{display:inline-block; font-size:30px; height:90px; line-height:90px; color:#333; padding-left:10px;}
.bx7_2{text-align:center; font-size:18px; color:#000; line-height:18px; margin-top:10px;}
.bx7_3{text-align:center; font-size:14px; line-height:14px; color:#808080; margin-top:5px;}
.bx7_4{margin-top:15px;}
.bx7_4 ul li{float:left; display:inline; width:225px; height:117px; margin-right:18px; margin-top:18px;}
.bx7_4 ul li:nth-child(5n+5){margin-right:0}

.webmodel8{width:100%; background:#fbfcfc url(../images/w_ico23.jpg) center 0 no-repeat; height:1146px; margin-top:40px;}
.bx8_1{width:100%;  height:99px; background:url(../images/w_ico18.png) center 0 no-repeat}
.bx8_2 ul li{width:580px; height:448px; position:relative; margin-top:52px;}
.bx82_l1{float:left;}
.bx82_l2{float:right;}
.bx8_2 ul li>img{position:absolute; top:0; width:360px; height:448px;}
.bx8_2 ul li.bx82_l1>img{left:0;}
.bx8_2 ul li.bx82_l2>img{right:0;}
.bx8_2 ul li>p{position:absolute; top:65px; width:245px; padding-left:35px; height:345px; background:#fff;}
.bx8_2 ul li.bx82_l1>p{right:0;}
.bx8_2 ul li.bx82_l2>p{left:0;}
.bx8_2 ul li>p>*{display:block;}
.bx8_2 ul li>p>b{font-size:28px; line-height:28px; color:#0f0914; margin-top:55px;}
.bx8_2 ul li>p>i{width:40px; height:3px; background:#0193dd; margin-top:15px;}
.bx8_2 ul li>p>a{font-size:14px; line-height:160%; color:#333; margin-top:20px; width:210px;}
.bx8_2 ul li>p>span{height:43px; overflow:hidden; font-size:60px; line-height:60px; color:#ebebeb; font-family:Calibri; margin-top:10px;}

.webmodel9{width:100%; margin-top:40px;}
.bx9_t1{width:198px; height:55px; background:url(../images/w_ico23.png) 0 0 no-repeat; text-align:center; line-height:55px; font-size:24px; color:#fff; font-weight:bold; margin:0 auto; margin-top:30px;}
.bx9_1{margin-top:20px;}
.bx9_1 ul{position:relative;}
.bx9_1 ul:before{position:absolute; left:1%; top:47px; content:""; height:1px; background:#0193dd; width:98%;}
.bx9_1 ul li{float:left; display:inline; margin-left:181px; width:95px; height:136px; position:relative; z-index:2}
.bx9_1 ul li:first-child{margin-left:0;}
.bx9_1 ul li>i{display:block; width:95px; height:95px;background-image:url(../images/w_ico24.png); background-repeat:no-repeat;}
.bx9_1 ul li>b{display:inline-block; text-align:center; font-size:18px; color:#000; margin-top:5px;white-space:nowrap; margin-left:50%;transform: translateX(-50%)}
.bx9_1 ul.bx9_sq li:nth-child(1)>i{background-position:0 0 ;}
.bx9_1 ul.bx9_sq li:nth-child(2)>i{background-position:0 -95px;}
.bx9_1 ul.bx9_sq li:nth-child(3)>i{background-position:0 -190px;}
.bx9_1 ul.bx9_sq li:nth-child(4)>i{background-position:0 -285px;}
.bx9_1 ul.bx9_sq li:nth-child(5)>i{background-position:0 -380px;}
.bx9_1 ul.bx9_sz li:nth-child(1)>i{background-position:0 -475px;}
.bx9_1 ul.bx9_sz li:nth-child(2)>i{background-position:0 -570px;}
.bx9_1 ul.bx9_sz li:nth-child(3)>i{background-position:0 -665px;}
.bx9_1 ul.bx9_sz li:nth-child(4)>i{background-position:0 -760px;}
.bx9_1 ul.bx9_sz li:nth-child(5)>i{background-position:0 -1330px;}
.bx9_1 ul.bx9_sh li:nth-child(1)>i{background-position:0 -855px;}
.bx9_1 ul.bx9_sh li:nth-child(2)>i{background-position:0 -950px;}
.bx9_1 ul.bx9_sh li:nth-child(3)>i{background-position:0 -1045px;}
.bx9_1 ul.bx9_sh li:nth-child(4)>i{background-position:0 -1140px;}
.bx9_1 ul.bx9_sh li:nth-child(5)>i{background-position:0 -1235px;}

.barbox_full{width:100%; font-size:0;}
.barbox_full img{width:100%}
.barbox_bg_full{width:100%; position:relative;background-repeat:no-repeat; background-position:center center; background-size:auto 100%}

.boxbar{width:1200px; margin:0 auto; padding-top:20px;}




/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 0;
  }
}
.webbox_mr a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.webbox_mr a:before,.webbox_mr a:after {
  content: '';
  position: absolute;
  border: #307838 solid 3px;
  border-radius:40px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.webbox_mr a:hover:before, .webbox_mr a:focus:before, .webbox_mr a:active:before {
  -webkit-animation: hvr-ripple-out .5s ;
  animation: hvr-ripple-out .5s ;
}
.webbox_mr a:hover:after, .webbox_mr a:focus:after, .webbox_mr a:active:after {
  -webkit-animation: hvr-ripple-out 1s ;
  animation: hvr-ripple-out 1s ;
}

.opacity0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.opacity10{filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.opacity20{filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
.opacity30{filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.opacity40{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.opacity50{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.opacity60{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.opacity70{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.opacity80{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.opacity90{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}

/**start 内页面包导航**/
.bar_subtree{width:100%; font-size:12px; overflow:hidden; height:25px; border-bottom:solid 1px #e4e4e4; margin-top:30px;}
.bar_subtree>p{float:right; background:url(../images/go_home.png) 0 center no-repeat; padding-left:20px;}
.bar_subtree p span{color:#666}
.bar_subtree p a{color:#666;}
.bar_subtree p a:hover{color:#e50112; text-decoration:underline;}

.pro_title .ptt_left{float:left; display:inline; background:url(../images/w_ico33.png) 0 0 no-repeat; font-size:24px; line-height:24px; color:#333; padding-left:83px; padding-top:35px;}
.pro_title>p{float:right; display:inline; width:1010px; height:59px; border-bottom:solid 1px #e6e6e6; line-height:70px; text-align:right; overflow:hidden;}
.pro_title>p>*{display:inline-block; font-size:14px; color:#999; margin:0 3px;}
.pro_title>p>a:hover{color:#84c125} 
/**end 内页面包导航**/


/*底部*/
.footer{width:100%; background:#142038; padding:40px 0; min-width:1200px;}
.foot_nav{float:left; display:inline; width:385px;}
.foot_n1{color:#fff; background:url(../images/w_ico25.png) 0 6px no-repeat; padding-left:18px; font-size:18px; border-bottom:solid 1px #727988; padding-bottom:12px;}
.foot_n1 b{font-size:24px;}
.foot_n2{margin-top:10px; border-bottom:solid 1px #727988; padding-bottom:25px;}
.foot_n2 li{font-family:宋体; color:#fff; float:left; display:inline; width:128px; font-size:14px; margin-top:20px; line-height:14px;}
.foot_n2 li a{color:#fff; font-family:微软雅黑;}
.foot_n2 li a:hover{color:#84c125}
.foot_body{float:left; width:455px; margin-left:60px; border-top:solid 1px #727988; border-bottom:solid 1px #727988;  padding-top:10px; margin-top:41px; height:128px; overflow:hidden;}
.foot_body ul li{vertical-align:bottom; clear:both; color:#fff; margin-top:10px; padding-left:35px;}
.foot_body ul li span{display:block; font-size:14px;}
.foot_body ul li p{font-size:12px; padding-top:5px;}

.weixin{float:right; display:inline; position:relative; padding:15px 15px 0 5px; margin-top:41px;}
.weixin:before{position:absolute; content:""; left:0; top:0; background:url(../images/w_ico30.png) 0 0 no-repeat; width:29px; height:35px;}
.weixin:after{position:absolute; content:""; right:0; top:90px; background:url(../images/w_ico30.png) 0 0 no-repeat; width:29px; height:35px;}
.weixin span{float:left; display:inline; position:relative; z-index:2; width:100px;text-align:center; margin-left:10px;}
.weixin span b{display:block; font-weight:normal; padding-top:10px; color:#fff;}
.max_footer{height:40px; min-width:1200px; line-height:40px; background:#0b121f; font-size:12px; color:#aaa;}
.max_footer>div>p{color:#fff; text-align:center;}
.max_footer>div>p>a{color:#fff;}
.max_footer>div>p>*{vertical-align:middle; display:inline-block}
.max_footer>div>p>a:hover{color:#84c125;}


.foot_link{width:100%; background:#142038; position:relative; padding-bottom:30px;}
.foot_link ul{}
.foot_link ul li{float:left; display:inline; margin-right:10px; height:19px; line-height:24px; margin-bottom:5px;}
.foot_link ul li.ft_link_title{background:url(../images/w_ico29.png) 0 center no-repeat; padding-left:24px; color:#e5e5e5;}
.foot_link ul li a{color:#e5e5e5}
.foot_link ul li a:hover{color:#84c125}

.tree_pa{width:1200px; margin:0 auto; text-align:center; margin-top:20px;}
.tree_pa a{display:inline-block; clear:both; font-size:14px; border:solid 1px #ddd; padding:3px 5px; margin:0 3px }
.tree_pa p a:hover{color:#0066cb}

.tree_pa1{ margin:0 auto; border-top:solid 1px #ccc; position:relative;}
.tree_pa1 p{display:block; clear:both; padding-top:15px; font-size:14px;}
.tree_pa1 p a:hover{color:#0660b3}

/**内页**/


.web_type1{text-align:center;clear:both;}
.web_type1 p{display:inline-block; position:relative;  font-size:14px; line-height:34px; margin:0 15px; margin-top:10px; height:35px; text-align:center; text-align:center;}
.web_type1 p a{display:block; height:33px; color:#0054a3; padding:0 40px; background:#fff; border:solid 1px #0054a3; border-radius:35px;}
.web_type1 p.on a{color:#fff; background:#0660b3;}
.web_type1 p a:hover{color:#fff; background:#0660b3;}


.sub_head_out{display:inline-block; position:relative; height:118px; padding:10px 18px; margin-top:100px;}
.sub_head_out:before{content:""; position:absolute; left:0; top:0; width:88px; height:100%; background:url(../images/w_ico31.png) 0 0 no-repeat;}
.sub_head_out:after{content:"";position:absolute; right:0; top:0; width:88px; height:100%; background:url(../images/w_ico32.png) 0 0 no-repeat;}
.sub_head_title{width:300px; height:120px; background:rgb(255,255,255,0.8)}
.sub_head_title>b{display:block; font-size:28px; color:#34353a; line-height:28px; margin-top:25px;}
.sub_head_title>i{display:block; width:140px; height:1px; background:#34353a; margin:0 auto; margin-top:10px;}
.sub_head_title>span{font-size:24px; color:#34353a; line-height:24px; text-align:center; margin-top:12px; display:block;}
.sub_cont{margin:0 auto;  padding-top:0; clear:both;}
.single_cont{line-height:200%; font-size:18px; overflow:hidden; clear:both; padding-bottom:20px; color:#000; text-align:justify; margin-top:40px;}

.info_title{overflow:hidden; clear:both; text-align:center; font-size:24px; font-weight:bold; padding-top:15px;}
.view_title{overflow:hidden; clear:both; font-size:18px; padding-top:.25rem;}
.info_demo{overflow:hidden; clear:both; text-align:center; width:100%; margin:0 auto; position:relative; font-size:.14rem; color:#999; padding-top:10px;}
.info_demo .bdsharebuttonbox{position:absolute; right:0; top:5px;}
.viewbdshar{position:absolute; right:0; top:0;}

/*产品专业*/
.pro_leftNav{float:left; display:inline; width:306px; margin-top:25px;}
.pro_leftNav ul{display:none}
.pro_leftNav ul li{vertical-align:bottom;}
.pro_leftNav ul li a{display:block; clear:both; height:46px; line-height:46px; margin-top:5px;position:relative;}
.pro_leftNav ul li a span{padding-left:20px; padding-right:30px; width:256px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pro_leftNav ul li.on a:after{position:absolute; right:-29px; height:100%; top:0; content:""; width:1px; background:#84c125}
/*第一层*/
.pro_leftNav>ul{display:block}
.pro_leftNav>ul>li{width:100%;}
.pro_leftNav>ul>li>a{color:#fff; font-size:16px; font-weight:bold; background:#0193dd}
.pro_leftNav>ul>li>a:after{position:absolute; content:""; right:18px; top:50%; margin-top:-6px; background:url(../images/w_ico34.png) 0 0 no-repeat; width:25px; height:13px;}
/*第二层*/
.pro_leftNav>ul>li>ul>li>a{color:#333; font-size:14px; background:#f2f2f2;}
.pro_leftNav>ul>li>ul>li>a.ae_child:after{position:absolute; content:""; right:18px; top:50%; margin-top:-6px; background:url(../images/w_ico34.png) 0 0 no-repeat; width:25px; height:13px;}
.pro_leftNav>ul>li>ul>li.on>a{color:#fff; background:#84c125;}
.pro_leftNav>ul>li>ul>li>a:hover{color:#fff; background:#84c125;}
/*第三层*/
.pro_leftNav>ul>li>ul>li>ul>li>a{color:#333; font-size:14px; background:#c9c9c9;}
.pro_leftNav>ul>li>ul>li>ul>lia:hover{color:#fff; background:#84c125;}
.pro_leftNav ul>li.on>a,.pro_leftNav ul>li>a.on{color:#fff; background:#84c125;}

/*右侧*/
.por_rightbody{float:right; display:inline; width:835px; padding-left:30px; padding-top:25px; min-height:800px; border-left:solid 1px #e6e6e6}
/*列表详细*/
.BreadTree{ border-bottom:solid 1px #e6e6e6; height:55px; position:relative;}
.BreadTree>span{position:absolute; color:#333; padding-left:75px; padding-top:38px; font-size:24px; line-height:24px; background:#fff url(../images/sub_ico1.png) 0 0 no-repeat}
.BreadTree>p{float:right; display:inline; color:#999; margin-top:25px;}
.BreadTree>p>img{padding:0 5px;}
.BreadTree>p>a{color:#999}
.BreadTree>p>a:hover{color:#579aa9}
.pro_info_left{float:left; display:inline; width:260px;}
.pro_l_nav{clear:both; overflow:hidden; width:100%; margin-top:35px; border-bottom:solid 2px #579aa9;}
.pro_l_nav ul li{background:#f2f2f2; min-height:45px; margin-bottom:5px; font-size:14px; position:relative;}
.pro_l_nav ul li:hover{background:#579aa9}
.pro_l_nav ul li:hover>p *{color:#fff;}
.pro_l_nav ul li:hover>a{display:block;}
.pro_l_nav ul li>p{line-height:45px; margin-left:40px; width:190px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_l_nav ul li>p>a{color:#333}
.pro_l_nav ul li>a{position:absolute; right:14px; top:18px; display:none;}
.pro_l_nav ul li>div{background:#fff; overflow:hidden; display:none}
.pro_l_nav ul li.on{background:#579aa9}
.pro_l_nav ul li.on>div{display:block;}
.pro_l_nav ul li.on>p *{color:#fff;}
.pro_l_nav ul li>div>p{display:block; height:30px; line-height:30px; background:#f2f2f2; margin-top:5px; padding-left:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro_l_nav ul li>div>p>a{color:#333}
.pro_l_nav ul li>div>p:hover{background:#579aa9}
.pro_l_nav ul li>div>p:hover>*{color:#fff;}
.pro_l_nav ul li>div>p.on{background:#579aa9}
.pro_l_nav ul li>div>p.on>*{color:#fff}
.pro_info_right{float:right; display:inline; width:909px; border-left:solid 1px #e6e6e6}
.pinfo_1{width:100%; padding:20px; margin:0 auto; position:relative;}
.infoLeft{float:left; display:inline; width:310px; min-height:410px;}
.infoLbig_vo{width:310px; height:310px; overflow:hidden; clear:both;}
.infoLbig_vo>*{width:inherit!important; height:inherit!important}
.infoLbig{width:310px; height:310px; overflow:hidden; clear:both; display:table-cell; text-align:center; vertical-align:middle}
.infoLbig img{max-width:310px; max-height:310px;}
.infoImgList{overflow:hidden; clear:both; padding-top:10px; position:relative;}
.infoGoL{float:left; display:inline; margin-top:20px; margin-right:15px; width: 0; height: 0; border-top: 8px solid transparent; border-right: 14px solid #999; border-bottom: 8px solid transparent;}
.infoGoR{float:left; display:inline; margin-top:20px; margin-left:15px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 14px solid #999; border-bottom: 8px solid transparent;}
.infoimgc{float:left; width:250px; height:72px; overflow:hidden;}
.infoimgc ul li{float:left; display:inline; width:55px; height:57px; margin-right:10px;}
.infoimgc ul li img{width:55px; height:55px; border:solid 1px #ebebeb; cursor:pointer; box-sizing:border-box}
.infoimgc ul li.imgon img{border:solid 2px #579aa9}

.infoRight{float:right; display:inline;width:570px; margin-right:15px;}
.infoRight .iR_1{font-size:36px; font-weight:bold; line-height:36px; color:#579aa9; margin-top:25px; height:60px;}
.infoRight .iR_2{font-size:18px; line-height:150%;}
/*.infoRight .iR_2{position:relative; margin-top:20px;}
.infoRight .iR_2 span{ font-size:18px; line-height:18px; color:#9b9155; line-height:120%;}
.infoRight .iR_2 p{position:absolute; left:0; top:0; font-size:18px; line-height:120%; color:#000}*/
.infoRight .iR_3{clear:both; margin-top:50px;}
.infoRight .iR_3 a{float:left; display:inline; width:135px; height:38px; background:#579aa9; text-align:center; line-height:38px; color:#fff; font-size:18px; margin-right:55px;}
.infoRight .iR_3 a:hover{background:#9b9155}
.protitle_info{width:190px; height:55px; font-size:16px; font-weight:bold; color:#fff; background:#579aa9; text-align:center; line-height:55px;}
.proinfo_cont{/*-webkit-box-shadow:0 0px 8px rgba(0, 0, 0, .1);  
    -moz-box-shadow:0 0px 8px rgba(0, 0, 0, .1);  
     box-shadow:0 0px 8px rgba(0, 0, 0, .1);*/ background:#fafafa; padding:20px; padding-bottom:110px; line-height:150%; font-size:14px;}
.infoRight .iR_4{position:absolute; right:55px; width:100px; bottom:25px;}
.infoRight .iR_4>p{width:100px; height:100px;}
.infoRight .iR_4>b{font-weight:normal; text-align:center; font-size:16px; margin-top:5px; display:block;}

.sub_article{margin-top:40px;}
.sub_article ul li{vertical-align:bottom; height:100px; padding:45px 0; width:100%; margin-bottom:20px; margin-right:60px; overflow:hidden; clear:both; overflow:hidden;}
.sub_article ul li>div{width:1200px; margin:0 auto;}
.sub_article ul li>div>p{float:left; display:inline; width:98px; height:98px; color:#666; text-align:center; border:solid 1px #ccc;}
.sub_article ul li>div>p>b{display:block; width:100%;text-align:center; font-size:30px; line-height:30px; margin-top:15px; font-weight:normal}
.sub_article ul li>div>p>em{display:block; width:27px; height:1px; background:#000; margin:0 auto; margin-top:5px;}
.sub_article ul li>div>p>i{display:block; text-align:center; font-style:normal; margin-top:15px; font-size:14px; line-height:14px;}

.sub_article ul li>div>div{float:left; margin-left:15px; display:inline; width:1080px;}
.sub_article ul li>div>div>p{margin-top:10px; font-size:16px; line-height:17px;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sub_article ul li>div>div>p>a{color:#333;}
.sub_article ul li>div>div>div{margin-top:25px; color:#666; font-size:12px; line-height:180%; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.sub_article ul li:hover{background:#f0f0f0}




.sub_pic1{}
.sub_pic1 ul{}
.sub_pic1 ul li{float:left; display:inline; width:265px; margin-right:45px; margin-bottom:45px;}
.sub_pic1 ul li:nth-child(4n+4){margin-right:0}
.sub_pic1 ul li>a{position:relative; display:block;}
.sub_pic1 ul li>a>p{width:265px; height:225px; font-size:0; overflow:hidden;}
.sub_pic1 ul li>a>p img{width:inherit; height:inherit; border:0}
.sub_pic1 ul li>a>span{display:block; text-align:center;color:#000; font-size:14px; height:34px; line-height:34px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sub_pic1 ul li:hover{
    -webkit-box-shadow:0 0 12px rgba(132, 193, 37, .5);  
    -moz-box-shadow:0 0 12px rgba(132, 193, 37, .5);  
     box-shadow:0 0 12px rgba(132, 193, 37, .5);
}


.sub_pic2 ul li{float:left; display:inline; width:265px; height:330px; position:relative; background:#f5f5f5; margin-left:20px; margin-bottom:20px;}
.sub_pic2 ul li:nth-child(3n+1){margin-left:0}
.sub_pic2 ul li>a{color:#4c4c4c}
.sub_pic2 ul li>a>p{display:table-cell; width:265px; height:330px; vertical-align:middle; text-align:center;}
.sub_pic2 ul li>a>p>img{max-width:180px; max-height:260px;}
.sub_pic2 ul li>a>span{position:absolute; left:0; width:100%; top:290px; line-height:120%; font-size:14px; text-align:center;}


.sub_pic4 ul li{float:left; display:inline; width:275px; height:357px; margin-right:33px; margin-bottom:30px;}
.sub_pic4 ul li:nth-child(4n+4) {margin-right:0}
.sub_pic4 ul li>a{display:block; width:235px; height:317px; padding:20px; border:solid 1px #e6e6e6; box-sizing:content-box; background:#fff; -webkit-box-shadow:0 0 12px rgba(0, 0, 0, .1);  
    -moz-box-shadow:0 0 12px rgba(0, 0, 0, .1);  
     box-shadow:0 0 12px rgba(0, 0, 0, .2);}
.sub_pic4 ul li>a>p{width:235px; height:252px;}
.sub_pic4 ul li>a>p>img{width:inherit; height:inherit;}
.sub_pic4 ul li>a>span{display:block;font-size:16px; margin-top:25px; line-height:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333333;}
.sub_pic4 ul li>a>div{font-size:12px; line-height:12px; color:#666; margin-top:8px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sub_pic4 ul li:hover>a{}
.sub_pic4 ul li:hover>a *{color:#84c125}
.sub_pic4 ul li:hover a{ border:solid 1px #a3e045;-webkit-box-shadow:0 0 12px rgba(132, 193, 37, .5);  
    -moz-box-shadow:0 0 12px rgba(132, 193, 37, .5);  
     box-shadow:0 0 12px rgba(132, 193, 37, .5);}
.sub_pic8 ul li{float:left; display:inline; width:225px; height:117px; margin-right:18px; margin-top:18px;}
.sub_pic8 ul li:nth-child(5n+5){margin-right:0}

.cheight{clear:both; width:1px;}
.right_fix{position:fixed; right:0px; top:50%; margin-top:-85px; width:45px; z-index:9999;}
.right_fix a{position:relative; display:block; height:45px; width:45px;border-bottom:solid 1px #fff;}
.right_fix a.rf_qq{ background:#ca0404 url(/images/rtooles.png) center center no-repeat}
.right_fix a.rf_phone{background:#ca0404 url(/images/rtooles2.png) center center no-repeat; cursor:default;}
.right_fix a.rf_gtop{background:#ca0404 url(/images/rtooles3.png) center center no-repeat;border-bottom:0;}
.right_fix a.rf_gtop:hover{background-color:#666}
.right_fix a .sec_fix{position:absolute; top:0; right:0; height:45px; width:100px; padding-left:35px; color:#fff; font-size:14px; line-height:45px; background:#666; display:none;}
.right_fix a:hover .sec_fix{display:block;}



.suspension{position:fixed;z-index:55;right:0; top:50%;width:70px;height:240px; z-index:999}
.suspension-box{position:relative;float:right;}
/*悬浮背景色*/
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,.suspension .a:hover{background:#252d5e;}
.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-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{padding:14px 0; overflow:hidden;}
.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;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-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}