﻿/* 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,th,td { margin:0; padding:0; }
pre {white-space: pre-wrap;word-wrap: break-word; display:inline;font:12px Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
body { background:#fff; color:#4c4c4c; font:12px Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
body.huiBG{background:#ebebeb}
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:#333; text-decoration:none;}
a:visited{color:#1666c1; 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;} 
/* css common */
.clear:after,.clear:before {content: ""; display: block; clear:both;}
.clear { *zoom:1; }
.have_ae{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
/*分页*/
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;}

.trans2{-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.trans4{-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.trans6{-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.trans8{-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;}

/**上部分公共**/
/*顶部logo开始*/
.body_content{width:1200px; margin:0 auto;}
.body_content a:hover{text-decoration:underline}
.logo_box{width:100%; height:118px; background:#fff;}
.w_logo_head{float:left; display:inline; font-size:0; overflow:hidden;}
.logo_tool{float:right; display:inline; margin-top:30px;}
.logo_tool span{float:left; display:inline; height:23px; padding-left:25px; background:url(../images/w_ico1.png) 0 center no-repeat; font-size:18px; margin-top:3px;}
.logo_tool p{float:left; display:inline; color:#0069c8; font-family:Impact; font-size:30px; line-height:30px;}
.logo_tool p b{display:block;}
@media screen and (max-width:1366px) {
  .head_img1 {
    display:none
  }
}
/*.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)}*/
/*导航开始*/
.webnav_out{width:100%; height:60px; background:url(../images/nav_h_bg1.jpg) 0 0 repeat-x;}
.webNav{width:1200px; height:60px; margin:0 auto;}
.webNav ul{width:1290px;}
.webNav ul>li{float:left; display:inline;height:60px; position:relative; margin-right:1px;}
.webNav ul>li>a{color:#fff; font-size:17px; font-weight:bold; width:119px; height:58px;line-height:58px; margin-top:2px; display:block; text-align:center; 
/*transform:skewX(-30deg);
-ms-transform:skewX(-30deg);
-moz-transform:skewX(-30deg);
-webkit-transform:skewX(-30deg);
-o-transform:skewX(-30deg);*/
}
.webNav ul>li>a:before{position:absolute; content:""; height:20px; width:1px; background:#4db4db; left:0; top:20px;}
.webNav ul>li:last-child a:after{position:absolute; content:""; height:20px; width:1px; background:#4db4db; right:0; top:20px;}
.webNav ul>li>a:hover{background:url(../images/nav_h_bg.jpg) 0 0 no-repeat;}
.webNav ul>li:hover a:before,.webNav ul>li:hover a:after{display:none;}
.webNav ul>li:hover + li a:before{display:none;}

.webNav ul>li.on>a{background:url(../images/nav_h_bg.jpg) 0 0 no-repeat;}
.webNav ul>li.on a:before,.webNav ul>li.on a:after{display:none;}
.webNav ul>li.on + li a:before{display:none;}

/*导航结束*/

.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;}
.strip{width:100%; height:50px; background:#0194df;}
.strip>div>b{float:left; font-size:18px; font-weight:400; position:relative; color:#fff; line-height:18px; padding-right:15px; margin-top:15px;}
.strip>div>b:before{position:absolute; right:0; top:3px; height:14px; width:4px; background:#fff; content:"";}
.strip>div>span{float:left; display:inline;font-size:14px; color:#fff; margin-top:18px; line-height:14px; margin-left:14px;}
.strip>div>.bd{float:left; display:inline; font-size:14px; margin-top:15px;}
.strip>div>.bd li{vertical-align:bottom; overflow:hidden;}
.strip>div>.bd li a{color:#fff; float:left; display:inline;}
.strip>div>.bd li span{float:left; display:inline; color:#fff; margin-left:20px; margin-top:2px;}
.strip>div>.bd li a:hover{text-decoration:underline}
.strip>div>a{float:right; display:inline; background:url(../images/w_ico6.png) right center no-repeat; padding-right:10px; margin-top:15px; font-size:14px; color:#fff;}

.w_title{width:100%; height:34px; border-bottom:solid 1px #e6e6e6;}
.w_title>b{float:left; display:inline; font-weight:600; line-height:100%; font-size:20px; color:#707070;}
.w_title>span{float:left; display:inline; font-size:20px; color:#cbcbcb; margin-left:5px; line-height:100%;}
.w_title>a{float:right; display:inline; margin-top:10px; font-size:0; width:58px; height:15px; background:url(../images/more1.png) 0 0 no-repeat;}
.w_title>a:hover{ background:url(../images/more1_.png) 0 0 no-repeat;}
.w_title>p{float:right; display:inline; color:#4c4c4c; margin-top:8px; margin-right:15px;}
.w_title>p a{color:#4c4c4c}
.w_title>p a:hover{color:#d82722}
.webmodel1{position:relative; margin-top:40px;}
.w1_content1{float:left; display:inline; width:750px; background:#fff;}
.w1_c1_demo{float:left; display:inline; width:750px; height:175px; margin-top:30px;}
.w1_c1_demo>img{float:right; display:inline; margin-top:5px; width:274px; height:173px;}
.w1_c1_demo>div{line-height:180%; font-size:14px; color:#4c4c4c; text-indent:28px; float:left; display:inline; width:440px;}
.w1_content2{float:right; display:inline; width:395px; height:175px; background:#fff;}
.w1_content2 ul li{float:left; display:inline; width:58px; height:245px; margin-right:1px;}
.w1_content2 ul li a{display:block; width:18px; padding:0 20px; padding-top:105px; height:140px; text-align:center; color:#fff; font-size:18px; line-height:120%; font-weight:bold;}
.w1_content2 ul li:nth-child(1){background:#d82722 url(../images/w_ico2.png) center 50px no-repeat;}
.w1_content2 ul li:nth-child(2){background:#b100c6 url(../images/w_ico3.png) center 50px no-repeat;}
.w1_content2 ul li:nth-child(3){background:#008fc6 url(../images/w_ico4.png) center 50px no-repeat;}
.w1_content2 ul li:nth-child(4){margin-right:0;}
.w1_content2 ul li:nth-child(4) a{padding:0;}
.w1_content2 ul li a:hover{text-decoration:none}


.webmodel2{width:1200px;background:#fff; margin:0 auto; overflow:hidden;}
.webmodel2 ul{width:1410px;}
.webmodel2 ul li{float:left; display:inline; margin-right:40px; margin-top:30px;}
.webmodel2 ul li a >p{width:208px; height:172px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle}
.webmodel2 ul li a >p img{max-width:208px; max-height:172px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.webmodel2 ul li a>span{font-size:14px; text-align:center; display:block; text-align:center; margin-top:10px; line-height:normal}
.webmodel2 ul li a:hover>p img{transform:scale(1.2);}

.webmodel3{margin-top:40px; height:281px;}
.w3_content1{float:left; display:inline; width:375px; height:281px;}
.w31_nav{width:100%; overflow:hidden; clear:both; margin-top:15px;}
.w31_nav a{float:left; display:inline; border-bottom:solid 1px #eee; height:30px; line-height:20px; text-align:center; font-size:20px; color:#666; width:50%}
.w31_nav a:hover{border-bottom:solid 1px #d82722; background:url(../images/w_ico8.jpg) bottom center no-repeat; color:#d82722; text-decoration:none}
.w31_nav a.on{border-bottom:solid 1px #d82722; background:url(../images/w_ico8.jpg) bottom center no-repeat; color:#d82722}
.w31_demo{margin-top:30px; display:none;}
.w31_demo li{vertical-align:bottom; clear:both; margin:0 10px; height:27px;}
.w31_demo li:before{float:left; display:inline; width:4px; height:4px; background:#676767; border-radius:50%; content:""; margin-top:5px;}
.w31_demo li>a{float:left; display:inline; max-width:270px; margin-left:7px; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.w31_demo li>span{float:right; display:inline; margin-top:3px;}
.w31_demo li:hover:before{background:#d82722}
.w31_demo li:hover a{color:#d82722}
.w31_demo li:hover span{color:#d82722}
.w31_demo.on{display:block;}
.w3_content2{float:right; display:inline; width:770px;}
.w32_demo{width:810px;}
.w32_demo li{float:left; display:inline; width:235px; height:198px; margin-right:32px; margin-top:35px;}
.w32_demo li a{position:relative; display:block; width:inherit; height:inherit; color:#fff;}
.w32_demo li a>p{display:table-cell; width:235px; height:198px; text-align:center; vertical-align:middle;}
.w32_demo li a>p>img{max-width:235px; max-height:198px;}
.w32_demo li a>b{position:absolute; width:100%; height:30px; background:#000; left:0; bottom:0;}
.w32_demo li a>span{position:absolute; width:100%; height:30px; line-height:30px; text-align:center; left:0; bottom:0;}
.w32_demo li a:after{position:absolute; left:0; bottom:30px; width:100%; height:28px; background:url(../images/w_ico7.png) center 0 no-repeat; content:"";filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.w32_demo li a:hover b{height:198px; background:#d82722}
.w32_demo li a:hover span{font-size:18px; bottom:60px; z-index:2;}
.w32_demo li a:hover:after{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; bottom:105px;}
.webmodel4{margin-top:40px; overflow:hidden;}
.webmodel4 ul{width:1410px;}
.webmodel4 ul li{float:left; display:inline; margin-right:46px; margin-top:30px;}
.webmodel4 ul li a >p{width:265px; height:170px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle}
.webmodel4 ul li a >p img{max-width:265px; max-height:170px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.webmodel4 ul li a>span{font-size:14px; text-align:center; display:block; text-align:center; margin-top:10px; line-height:normal}
.webmodel4 ul li a:hover>p img{transform:scale(1.2);}

.barbox_full{width:100%; font-size:0; position:relative;}
.barbox_full>img{width: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;}

/*内页*/
.sub_body{position:relative; background:#f1f1f1;border:solid 1px #fff;}
.s_left{float:left; display:inline; width:209px; margin-left:15px; min-height:509px; background:url(../images/s_left_bg.png) 0 0 no-repeat;}
.s_left>span{display:block;}
.sub_l_tt1{width:209px; height:82px; background:url(../images/s_title_bg1.png) 0 0 no-repeat; overflow:hidden; }
.s_l_1{display:block; color:#1666c1; font-size:24px; line-height:24px; margin-top:22px; margin-left:18px}
.s_l_2{display:block; font-family:Arial; font-size:12px; color:#838383; margin-top:3px; margin-left:18px}
.s_l_3{margin-top:20px;}
.s_l_3 li{vertical-align:bottom; margin-bottom:10px; position:relative; background:#fbfbfb;}
.s_l_3 li a{display:block; width:183px; padding-left:26px; height:44px; line-height:44px; background:url(../images/s_nav_ico2.png) 18px center no-repeat; color:#4c4c4c; border-bottom:solid 1px #ebebeb; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px;}
.s_l_3 li.on{z-index:999; background:url(../images/s_nav_bg1.jpg) 0 0 repeat-x;}
.s_l_3 li.on a{background:url(../images/s_nav_ico1.png) 18px center no-repeat; color:#fff;}
.s_l_3 li:hover{z-index:999; background:url(../images/s_nav_bg1.jpg) 0 0 repeat-x;}
.s_l_3 li a:hover{ background:url(../images/s_nav_ico1.png) 18px center no-repeat; color:#fff; text-decoration:none;}
.s_right{float:left; display:inline;width:965px; min-height:509px; background:#fff; position:relative;}
.s_right{ -webkit-box-shadow:-14px 0px 5px -10px #ccc;  
    -moz-box-shadow:-14px 0px 5px -10px #ccc;  
     box-shadow:-14px 0px 5px -10px #ccc }
.s_r_1{margin-left:20px; margin-top:15px; font-size:0}
.s_r_2{font-size:18px; color:#000; background:url(../images/s_nav_ico2.png) 0 center no-repeat; padding-left:10px; margin-top:35px;}
.s_r_2 b{}

/**内页标题**/
.subtitle{position:absolute; bottom:0; left:50%; margin-left:-600px; width:510px; height:270px; background:url(/images/subico1.png) right 0 no-repeat;}
.stt1{position:absolute; right:140px; top:55px; font-size:45px; font-weight:bold; color:#0066cb; line-height:45px;}
.stt2{position:absolute; right:140px; top:107px; font-size:48px; font-family:Arial; color:#fff; font-weight:bold; line-height:48px;}

.sub_nav{width:1200px; margin:0 auto; clear:both;text-align:center; }
.sub_nav p{display:inline-block; position:relative; width:230px; height:65px; line-height:65px; font-size:18px; margin-top:10px; text-align:center; margin-right:10px;}
.sub_nav p a{display:block; color:#333; background:#f0f0f0;}
.sub_nav p a:hover{background:#16314f; color:#fff;}
.sub_nav p.on a{color:#fff; background:#16314f;}


.sub_cata ul li>img{float:right; display:inline; width:1047px; height:308px;}
/**start 内页面包导航**/
.bar_subtree{width:100%; font-size:12px; overflow:hidden; height:35px; border-bottom:solid 1px #e4e4e4; margin-top:45px;}
.bar_subtree>p{float:right; background:url(../images/go_home.png) 0 center no-repeat;  margin-right:10px;}
.bar_subtree p span{color:#000}
.bar_subtree p a{color:#000;}
.bar_subtree p a:hover{color:#e50112; text-decoration:underline;}
/**end 内页面包导航**/

.foot_m_float{display:none;}
.foot_out{overflow:hidden; clear:both; width:100%; line-height:normal; background:#008fc6; position:relative;overflow:hidden; color:#fff; padding-top:40px;}
.foot_1{width:100%; padding-bottom:25px;}
.foot_1 ul{float:left; display:inline;}
.foot_1 ul li{clear:both; vertical-align:bottom; font-size:14px; white-space:nowrap;}
.foot_1 ul li a{float:left; display:inline; line-height:normal; margin-top:10px; color:#f0f0f0;}
.foot_1 ul li.fnav_top{ font-size:18px;}
.foot_1 ul li.fnav_top a{padding-bottom:10px; margin-top:0;}
.foot_2{border-top:solid 1px #fff; background:#008fc6; color:#fff; padding-top:25px; padding-bottom:25px; min-width:1200px;}
.foot_3{float:left; display:inline; width:690px;color:#fff;}
.foot_3 .foot_3_1{clear:both;}
.foot_3 .foot_3_2{float:left; display:inline; width:330px;}
.foot_3 .foot_3_2 span{font-size:18px; line-height:18px; padding-top:25px; display:block; padding-bottom:10px;}
.foot_3 .foot_3_2 b{display:block; font-size:36px; font-family:Impact; line-height:36px;}
.foot_3 .foot_3_3{float:left; display:inline; margin-top:20px;}
.foot_3 .foot_3_3 p{float:left; display:inline; width:92px; text-align:center; margin-right:15px;}
.foot_3 .foot_3_3 p span{display:block; font-size:14px; }
.foot_4{float:left; display:inline; border-left:solid 1px #fff; width:405px; padding-left:100px; min-height:215px;}
.foot_4>ul li{float:left; display:inline; line-height:20px; margin-right:60px;}
.foot_4>ul li img{float:left; display:inline; padding-right:5px;}
.foot_4 .foot_link{clear:both; font-size:16px; line-height:16px; margin-top:10px;}
.foot_4 .foot_link b{float:left; display:inline; font-weight:400;}
.foot_4 .foot_link ul{width:310px; float:left;}
.foot_4 .foot_link ul li a{float:left; margin-right:20px; margin-bottom:10px;}
.foot_demo{margin-top:20px; clear:both;}
.foot_demo pre{font-size:16px; line-height:180%}
.foot_out a,.max_foot a{color:#fff;}
.foot_out a:hover,.max_foot a:hover{color:#c01;}



.tree_pa{width:100%; 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{width:100%; 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:#0066cb}

/**内页**/
.sub_cont{margin:0 auto;  padding-top:0; clear:both; width:890px;}
.single_cont{line-height:200%; font-size:16px; overflow:hidden; clear:both; padding-top:20px; padding-bottom:20px;}

.info_title{overflow:hidden; clear:both; text-align:center; font-size:18px; font-weight:bold; padding-top:10px;}
.view_title{overflow:hidden; clear:both; font-size:18px; padding-top:10px;}
.info_demo{overflow:hidden; clear:both; text-align:center; width:90%; margin:0 auto; position:relative; height:40px; font-size:14px; color:#999; padding-top:15px;}
.info_demo .bdsharebuttonbox{position:absolute; right:0; top:5px;}
.viewbdshar{position:absolute; right:0; top:0;}


.sub_article{margin:0 auto; clear:both; width:890px;}
.sub_article ul{padding-top:15px;}
.sub_article li{vertical-align:bottom; clear:both;margin-top:15px; height:31px; border-bottom:solid 1px #e6e6e6;}
.sub_article li:before{float:left; display:inline; width:2px; height:2px; background:#676767; border-radius:50%; content:""; margin-top:8px;}
.sub_article li>a{float:left; display:inline; max-width:730px; margin-left:7px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sub_article li>span{float:right; display:inline; margin-top:3px;}
.sub_article li:hover:before{background:#d82722}
.sub_article li:hover a{color:#d82722}
.sub_article li:hover span{color:#d82722}

.piclist{margin:0 auto; clear:both; width:890px;}
.piclist>ul{width:975px;}
.piclist>ul li{float:left; display:inline; margin-right:90px; margin-top:30px; width:235px;}
.piclist>ul li a >p{font-size:0; width:235px; height:170px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle}
.piclist>ul li a >p img{max-width:235px; max-height:170px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.piclist>ul li a>span{font-size:14px; height:20px; text-align:center; display:block; text-align:center; margin-top:10px; line-height:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.piclist>ul li a:hover>p img{transform:scale(1.2);}

.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;}
.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;}