/*外部公共样式*/
@import "iconfont.css";
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
/*END-外部公共样式*/

/*头部+导航*/
.topbox{width:100%; overflow:hidden; background:#f0f0f1; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:14px; color:#474747;}
.topbox a{color:#474747;}
.topbox a:hover{color:#4290d9; text-decoration:underline !important;}

.header{width:100%; padding:26px 0; border-bottom:1px solid #dcdcdc;}
.logo img{width:100%; max-width:438px; max-height:68px;}
.header_dianhua{margin-top:14px; height:45px; line-height:18px; color:#999; font-size:13px; padding-left:56px; background:url(../images/header_dianhua.png) no-repeat left center;}
.header_dianhua span{display:block; line-height:26px; font-family:Impact; font-size:21px; color:#4a94da;}

.nav{width:100%;}
.nav>li{width:14.285%;}
.nav>li>a{width:100%; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; font-size:18px; color:#636363;}
.nav>li>a:hover{background:#4290d9; color:#fff;}
/*END-头部+导航*/

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide{background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.banner .banner-imgbox .swiper-slide .banner_img_top{padding-top:23.4375%;}
.banner .banner-imgbox .swiper-slide img{width:100%;}
/*圆点*/
.banner .swiper-pagination {opacity:0; position: absolute; right:0; bottom:15px;}
.banner .swiper-pagination-bullet {width:14px; height:14px;  background:#706f6d; opacity:0.5; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#706f6d;}
.banner:hover .swiper-pagination{opacity:1;} 
/*箭头*/
.banner .next{right:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../images/imgs/next.jpg) no-repeat center center; overflow:hidden; opacity:0;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{left:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../images/imgs/prev.jpg) no-repeat center center; overflow:hidden; opacity:0; cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner:hover .next{opacity:1;}
.banner:hover .prev{opacity:1;}
/*END-banner*/

/*内容*/
.gsjjbox{width:100%; overflow:hidden; background:#f9f9f9; padding:30px 0;}
.news{width:calc(50% - 15px); float:left;}
.news_title{width:100%; float:left; border-bottom:1px solid #d7d7d7; height:32px;}
.news_p{height:32px; line-height:30px; border-bottom:2px solid #2b5eaf; font-size:18px; color:#232323;}
.news_more{line-height:30px;}
.news_more a{color:#8e8e8e; font-family:Arial; text-transform:uppercase; font-size:12px;}
.news_more a:hover{color:#4290d9; text-decoration:underline !important;}
.news_ul{width:100%; float:left; padding-top:20px;}
.news_ul li{display:block; overflow:hidden; margin-bottom:15px;}
.news_ul li .news_img{width:170px; float:left; margin-right:20px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_ul li .news_img::before{content:""; display:block; padding-top:68.2353%;}
.news_ul li .news_pp{display:block; overflow:hidden; height:28px; line-height:28px; margin-top:15px; font-size:16px; color:#717171; font-weight:bold;text-overflow:ellipsis; white-space: nowrap;}
.news_ul li .news_pp span{float:right; font-size:14px; color:#bababa; font-weight:normal;}
.news_ul li .news_txt{display:block; overflow:hidden; height:48px; line-height:24px; margin-top:10px; font-size:14px; color:#a9a9a9;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news_ul li:hover .news_pp{color:#2b5eaf;}

.gsjj{width:calc(50% - 15px); float:right;}
.gsjj_contect{width:100%; float:left; padding-top:20px;}
.gsjj_contect .gsjj_p{display:block; overflow:hidden; height:34px; line-height:34px; margin-top:20px; font-size:16px; color:#2b5eaf; font-weight:bold;text-overflow:ellipsis; white-space: nowrap;}
.gsjj_contect .gsjj_txt{display:block; /*overflow:hidden;*/ /*height:120px;*/height:auto; line-height:30px; margin-top:10px; font-size:14px; color:#878787;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:0; -webkit-box-orient: vertical;}

.cpzx{width:100%; overflow:hidden; padding:40px 0;}
.cpzx_title{display:block; overflow:hidden; text-align:center;}
.cpzx_p{display:block; overflow:hidden; height:42px; line-height:42px; font-weight:bold; font-size:30px; color:#222;}
.cpzx_p span{color:#2b5eaf;}
.cpzx_sp{display:block; overflow:hidden; height:24px; line-height:24px; text-transform:uppercase; font-family:Arial; font-size:14px; color:#bcbcbc;}
.cpzx_contect{display:block; overflow:hidden; padding-top:30px;}
.cpzx_left{width:262px;}
.cpzx_about{width:100%; margin-bottom:20px;}
.cpzx_about_title{display:block; overflow:hidden; height:60px; line-height:60px; text-align:center; background:#2b5eaf; font-size:18px; color:#fff;}
.cpzx_about_title span{display:inline-block; padding-left:50px; background:url(../images/cpzx_logo1.png) no-repeat left center;}
.cpzx_about_ul{display:block; overflow:hidden;}
.cpzx_about_ul li{display:block; overflow:hidden; margin-top:4px;}
.cpzx_about_ul li a{display:block; overflow:hidden; height:36px; line-height:36px; background:#ededed; text-align:center; background:#ededed; font-size:16px; color:#5e5e5e;}
.cpzx_about_ul li a:hover{background:#4a94db; color:#fff;}
.cpzx_about:nth-child(2) .cpzx_about_title span{background:url(../images/cpzx_logo2.png) no-repeat left center;}

.cpzx_right{width:894px;}
.cpzx_ul{display:block; overflow:hidden; width:918px;}
.cpzx_ul li{width:282px; float:left; margin:0 24px 40px 0; border:1px solid #737373;}
.cpzx_ul li a{display:block; overflow:hidden; position:relative; border:1px solid #fff;}
.cpzx_ul li a .cpzx_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cpzx_ul li a .cpzx_img::before{content:""; display:block; padding-top:65.46763%;}
.cpzx_ul li a .cpzx_hover{width:100%; float:left; height:30px; position:absolute; left:0; bottom:0; z-index:9; background:rgba(43,94,175,0.8);}
.cpzx_ul li a .cpzx_hover .cpzx_pp{display:block; overflow:hidden; height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff;}
.cpzx_ul li a .cpzx_hover .cpzx_txt{display:block; overflow:hidden; height:96px; line-height:24px; text-align:center; font-size:14px; color:#fff;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; padding:0 20px; margin-top:10px;}
.cpzx_ul li a:hover .cpzx_hover{height:100%; padding-top:20px;}
/*END-内容*/

/*底部*/
.footer_nav{width:100%; overflow:hidden; border-top:1px solid #e2e2e2; padding:15px 0;}
.footer_ul{display:block; overflow:hidden;}
.footer_ul li{width:14.285%; float:left; height:20px; text-align:center; line-height:20px; border-left:1px solid #d6d6d6;}
.footer_ul li a{color:#8d8d8d; font-size:18px;}
.footer_ul li a:hover{color:#4290d9; text-decoration:underline !important;}

.footer{width:100%; overflow:hidden; background:#4290d9; padding:40px 0;}
.footer_left{line-height:24px; color:#fff;}
.footer_left span{font-weight:bold; font-size:16px;}
.footer_right img{width:88px; float:left; height:88px; margin:4px 15px 0 0;}
.footer_right .footer_p{display:block; overflow:hidden; color:#fff; font-size:12px; line-height:22px; font-size:12px; margin-top:4px;}
.footer_right .footer_p span{font-size:16px;}
.footer_dianhua{display:block; overflow:hidden; font-size:24px; color:#fff; font-weight:bold; margin-top:10px;}
/*END-底部*/

/*关于我们*/
.main{width:100%; overflow:hidden; padding:35px 0;}
.main_left{width:262px; float:left;}
.about{width:100%; float:left; margin-bottom:30px;}
.about_title{display:block; overflow:hidden; height:60px; line-height:60px; text-align:center; background:url(../images/about_title_bj.jpg) no-repeat center center; background-size:100% 100%; font-size:18px; color:#fff;}
.about_ul{display:block; overflow:hidden;}
.about_ul li{display:block; overflow:hidden; margin-top:15px;}
.about_ul li a{display:block; overflow:hidden; height:60px; line-height:60px; text-align:center; background:#2b5eaf; font-size:18px; color:#fff;}
.about_ul li a span{display:inline-block; padding-left:50px;}
.about_dl{display:block; overflow:hidden;}
.about_dl dd{display:block; overflow:hidden; margin-top:4px;}
.about_dl dd a{display:block; overflow:hidden; height:36px; line-height:36px; background:#ededed; text-align:center; font-size:16px; color:#5e5e5e;}
.about_dl dd a:hover{background:#4a94db; color:#fff;}
.about_img{display:block; overflow:hidden; padding-top:10px;}
.about_txt{display:block; overflow:hidden; background:#f6f6f6; font-size:14px; color:#282828; line-height:24px; padding:10px;}

.main_right{width:894px; float:right;}
.dqwz_title{width:100%; float:left; border-bottom:3px solid #d3d3d3; line-height:40px;}
.dqwz_p{font-size:18px; color:#222;}
.dqwz_nav{font-size:12px; color:#5f5f5f;}
.dqwz_nav span{color:#4290d9;}
.dqwz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; overflow:hidden; font-size:14px; color:#222; line-height:30px;}
/*END-关于我们*/

/*产品中心*/
.dqwz_form{width:240px; padding-top:5px; margin-right:20px;;}
.dqwz_inp1{width:calc(100% - 60px); float:left; height:30px; line-height:28px; border:1px solid #ccc; padding:0 10px; font-size:12px; color:#000;}
.dqwz_btn{width:60px; float: left; height:30px; background: #2b5eaf; color:#fff; font-size:14px;}

.cpzx_ul1{display:block; overflow:hidden; width:918px;}
.cpzx_ul1 li{width:282px; float:left; margin:0 24px 40px 0; border:1px solid #737373;}
.cpzx_ul1 li a{display:block; overflow:hidden; position:relative; border:1px solid #fff;}
.cpzx_ul1 li a .cpzx_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cpzx_ul1 li a .cpzx_img::before{content:""; display:block; padding-top:65.46763%;}
.cpzx_ul1 li a .cpzx_hover{width:100%; float:left; height:30px; position:absolute; left:0; bottom:0; z-index:9; background:rgba(43,94,175,0.8);}
.cpzx_ul1 li a .cpzx_hover .cpzx_pp{display:block; overflow:hidden; height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff;}
.cpzx_ul1 li a .cpzx_hover .cpzx_txt{display:block; overflow:hidden; height:96px; line-height:24px; text-align:center; font-size:14px; color:#fff;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; padding:0 20px; margin-top:10px;}
.cpzx_ul1 li a:hover .cpzx_hover{height:100%; padding-top:20px;}

.cpxq{display:block; overflow:hidden;}
.cpxq_T{display:block; overflow:hidden; text-align:center; font-size:16px; color:#6c6c6c;}
.cpxq_img{display:block; overflow:hidden; padding:15px 0;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; color:#6c6c6c; line-height:24px;}
.cpxq_txt img{ max-width:100%; height:auto;}
/*END-产品中心*/

/*新闻中心*/
.about_ul1{display:block; overflow:hidden;}
.about_ul1 li{display:block; overflow:hidden; margin-top:15px;}
.about_ul1 li a{display:block; overflow:hidden; height:60px; line-height:60px; text-align:center; background:#ededed; font-size:18px; color:#5e5e5e;}
.about_ul1 li a span{display:inline-block; padding-left:50px; background:url(../images/xw_logo1.png) no-repeat left center;}
.about_ul1 li a:hover{background:#4290d9; color:#fff;}
.about_ul1 li a:hover span{background:url(../images/xw_logo2.png) no-repeat left center;}

.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:40px;}
.xw_ul li a{display:flex; overflow:hidden; background:#ededed; padding:1px;}
.xw_ul li a .xw_img{width:280px; float:left; border:1px solid #fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xw_ul li a .xw_B{width:calc(100% - 280px); float:left; overflow:hidden; padding:15px 20px;}
.xw_ul li a .xw_B .xw_p{display:block; overflow:hidden; height:34px; line-height:34px; font-size:18px; color:#5e5e5e; transition:all 0.4s; text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li a .xw_B .xw_txt{display:block; overflow:hidden; height:72px; line-height:24px; font-size:14px; color:#5e5e5e; transition:all 0.4s; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:10px;}
.xw_ul li a .xw_B .xw_sp{display:block; overflow:hidden; height:20px; line-height:20px; font-size:12px; color:#5e5e5e; transition:all 0.4s; margin-top:15px;}
.xw_ul li a:hover{background:#4290d9;}
.xw_ul li a:hover .xw_B .xw_p{color:#fff;}
.xw_ul li a:hover .xw_B .xw_txt{color:#fff;}
.xw_ul li a:hover .xw_B .xw_sp{color:#fff;}
/*END-新闻中心*/

/*技术支持*/
.about_ul2 li a span{background:url(../images/technology_logo1.png) no-repeat left center;}
.about_ul2 li a:hover span{background:url(../images/technology_logo2.png) no-repeat left center;}
/*END-技术支持*/

/*联系我们*/
.contact{display:block; overflow:hidden;}
.contact_txt{display:block; overflow:hidden; font-size:14px; line-height:30px; color:#000;}
.contact_map{width:100%; float:left; margin-top:20px;}
#dituContentmap{width:100%; overflow:hidden; height:340px;}
.iw_poi_title {color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap;}
.iw_poi_content {font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word;}
/*END-联系我们*/

@media (max-width:1220px) {
/*头部*/
.topbox {padding:0 1%;}
.header{padding:20px 1%;}
nav{padding:0 1%;}
/*End-头部*/

/*内容*/
.gsjjbox{padding:30px 1%;}
.cpzx{padding:40px 1%;}
.cpzx_left{width:24%;}
.cpzx_right{width:74%;}
.cpzx_ul{width:100%;}
.cpzx_ul li{width:31.33%; margin:0 1% 40px 1%;}
/*END-内容*/

/*底部*/
.footer_nav{padding:15px 1%;}
.footer{padding:40px 1%;}
/*END-底部*/

/*关于我们*/
.main{padding:35px 1%;}
.main_left{width:24%;}
.main_right{width:74%;}
/*END-关于我们*/

/*产品中心*/
.cpzx_ul1{width:100%;}
.cpzx_ul1 li{width:31.33%; margin:0 1% 40px 1%;}
/*END-产品中心*/

}

@media (max-width:991px){
/*头部+导航*/
.icon-menu{float:right; cursor:pointer; width:40px; position:absolute;right:10px; top:50%; transform: translateY(-50%); z-index:9999999; background-size:100% 100%; display:flex; align-content:center; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.icon-menu span{width:100%; height:6px; float:left; margin:3px 0; display:flex; justify-content:center;}
.icon-menu span::before{content:""; width:100%; float:left; height:100%; background:#4290d9;}

.topbox{padding:0 10px;}
.header{padding:0;}
.logo {width:100%; position:relative; padding:15px 10px;}
.header_right{width:100%;}

nav{position:relative; z-index:99999;}
.nav {display:none; width:150px; padding:2px; position:absolute; right:10px; top:100%; background-color:rgba(66, 144, 217, 0.8);}
.nav>li{width:100%; border-bottom:1px solid #fff; margin:0;}
.nav>li>a{width:100%; color:#fff; text-align:center; height:40px; line-height:40px;}
.nav>li>a:hover{background:#fff; color:#4290d9;}
/*End-头部+导航*/

/*内容*/
.gsjjbox{padding:20px 10px;}
.news_ul li .news_img {width: 120px;}
.news_ul li .news_pp {margin-top:0;}
.news_ul li .news_txt {margin-top:5px;}
.gsjj_contect .gsjj_p {margin-top:5px;}
.gsjj_contect .gsjj_txt {height:112px; line-height:28px; margin-top:5px;}

.cpzx{padding:30px 10px;}
.cpzx_left{width:29%;}
.cpzx_right{width:69%;}
.cpzx_ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cpzx_ul li{width:49%; margin:0 0 20px 0;}
.cpzx_ul li a:hover .cpzx_hover {padding-top: 15px;}
/*END-内容*/

/*底部*/
.footer_nav{padding:15px 10px;}
.footer{padding:30px 10px;}
.footer_left {width:60%; line-height:20px;}
/*END-底部*/

/*关于我们*/
.main{padding:25px 10px;}
.main_left{width:29%;}
.main_right{width:69%;}
/*END-关于我们*/

/*产品中心*/
.cpzx_ul1{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cpzx_ul1 li{width:49%; margin:0 0 20px 0;}
.cpzx_ul1 li a:hover .cpzx_hover {padding-top: 15px;}
/*END-产品中心*/

}

@media (max-width:767px){
/*手机头部+导航*/
.logo {padding:10px;}
.icon-menu {right:10px; width:25px;}
.icon-menu span{margin:2px 0; height:3px;}
.topbox>.container>div{width:100%; text-align:center;}
.logo img {width:80%;}
/*End*/

/*banner*/
.banner .banner-imgbox .swiper-slide {background-image:none !important;}
/*END-banner*/

/*内容*/
.gsjjbox{padding:10px;}
.news{width:100%;}
.news_ul {padding-top:0;}
.news_ul li{margin:10px 0 0 0;}
.news_ul li .news_img {width:104px; margin-right:10px;}
.news_ul li .news_pp { height:30px; line-height:30px;}
.news_ul li .news_pp span {font-size:12px;}
.news_ul li .news_txt {margin-top:0; height:40px; line-height:20px; font-size:12px;}

.gsjj{width:100%; margin-top:10px;}
.gsjj_contect{padding-top:10px;}
.gsjj_contect .gsjj_p {height:auto; line-height:28px;}
.gsjj_contect .gsjj_txt {height:auto; -webkit-line-clamp:initial; line-height:20px; margin:0;}

.cpzx{padding:10px;}
.cpzx_p {height:40px; line-height:40px; font-size:24px;}
.cpzx_sp {height:auto; line-height:18px; font-size:12px;}
.cpzx_contect {padding-top:10px;}
.cpzx_left{width:100%;}
.cpzx_about {margin-bottom:10px;}
.cpzx_about_title {height:50px; line-height:50px;}
.cpzx_right{width:100%;}
.cpzx_ul li{margin:0 0 10px 0;}
.cpzx_ul li a .cpzx_hover .cpzx_txt {height:54px; line-height:18px; font-size:12px; padding:0 10px; margin-top:0; -webkit-line-clamp:3;}
.cpzx_ul li a:hover .cpzx_hover {padding-top:0;}
/*END-内容*/

/*底部*/
.footer{padding:10px;}
.footer_left {width:100%;}
/*END-底部*/

/*关于我们*/
.main{padding:10px;}
.main_left{width:100%;}
.main_right{width:100%;}
.about{margin:0;}
.about_title {height:50px; line-height:50px; text-align:left; text-indent:20px; background:url(../images/imgs/sj_jiantou.png) no-repeat right center,url(../images/about_title_bj.jpg) no-repeat center center; background-size:auto,100% 100%;}
.about_ul{display:none;}
.about_ul li {margin-top:5px;}
.about_ul li a {height:40px; line-height:40px; font-size:16px;}
.about_dl{display:none;}
.dqwz_contect{padding-top:10px;}
.company {line-height:22px;}
/*END-关于我们*/

/*产品中心*/
.cpzx_ul1 li{margin:0 0 10px 0;}
.cpzx_ul1 li a .cpzx_hover .cpzx_txt {height:54px; line-height:18px; font-size:12px; padding:0 10px; margin-top:0; -webkit-line-clamp:3;}
.cpzx_ul1 li a:hover .cpzx_hover {padding-top:0;}
/*END-产品中心*/

/*新闻中心*/
.about_ul1{display:none;}
.about_ul1 li{margin-top:4px;}
.about_ul1 li a{height:40px; line-height:40px; font-size:14px;}
.xw_ul li{margin-bottom:10px;}
.xw_ul li a .xw_img{width:100px;}
.xw_ul li a .xw_B{width:calc(100% - 100px); padding:0 0 0 10px;}
.xw_ul li a .xw_B .xw_p{height:30px; line-height:30px; font-size:16px;}
.xw_ul li a .xw_B .xw_txt{height:54px; line-height:18px; font-size:12px; margin-top:0;}
.xw_ul li a .xw_B .xw_sp{height:16px; line-height:16px; margin-top:0;}
/*END-新闻中心*/

}
/*手机底部*/
.bottom_kong{width:100%; height:62px; float:left; background:#fff;}
.bottom{width:100%; height:60px; position:fixed; bottom:0; left:0; z-index:9999999999999; background:#4a94db;}
.bottom a{width:25%; float:left; height:60px; display:flex; align-content:center; align-items:center; flex-wrap:wrap; justify-content:center; line-height:20px; color:#fff; border-right:2px solid #fff; font-size:12px; font-weight:normal;}
.bottom a>div{width:100%; float:left;}
.bottom a>div:first-child span{ font-size:20px;}
.bottom a:last-child{border:none;}
.bottom a:hover{background:#2b5eaf; color:#fff;}

.dbbox{ position: fixed; left: 0; bottom:65px; z-index:99999; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #2b5eaf;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
/*End*/


/*浮动QQ*/
.dock { position: fixed; right: 0px; width: 50px; -moz-opacity: 0.7; opacity: 0.7; z-index: 200;}
.dock.close { z-index: 50;}
.dock ul.icons {position: absolute; list-style: none; right: 0px; padding: 0px; width: 50px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.dock.close ul.icons { right: -70px;}
.dock ul.icons li i { display: block; position: relative; width: 50px; height: 50px; background: url(../images/icons.png) no-repeat; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 210;}
.dock ul.icons li.active i { -moz-opacity: 0.4; opacity: 0.4;}
.dock ul.icons li.up i { background-position: -63px -150px;}
.dock ul.icons li.tel i { background-position: -62px -108px;}
.dock ul.icons li.im i { background-position: -63px -20px;}
.dock ul.icons li.wechat i { background-position: -59px -66px;}
.dock ul.icons li.down i { background-position: -63px -190px;}
.dock ul.icons li p { display: block; position: absolute; top: 50px; right: -260px; padding: 15px 20px; height: 120px; color: White; line-height: 30px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease-in-out .1s; -moz-transition: all .4s ease-in-out .1s; -ms-transition: all .4s ease-in-out .1s; -o-transition: all .4s ease-in-out .1s; transition: all .4s ease-in-out .1s; overflow: hidden; z-index: 201;}
.dock ul.icons li.active p { right: 50px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
.dock ul.icons li.tel p { width: 143px; height:130px; line-height:30px}
.dock ul.icons li.im p { width: 140px; height:170px; line-height:30px}
.dock ul.icons li.im p a { display: block; margin-top: 12px; width: 100px; height: 35px; line-height: 32px; color: #00dfb9; font-size: 16px; text-align: center; text-decoration: none; border: 1px solid #00dfb9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.dock ul.icons li.im p a:hover { color: White; background: #0f8773; border: 1px solid #0f8773;}
.dock ul.icons li.wechat p { width: 180px; height:180px; line-height:30px}
.dock ul.icons li.wechat p img { border: 2px solid #000;}
.dock a.switch { position: absolute; display: block; top: 270px; right: 11px; width: 26px; height: 26px; background: url(../images/icons.png) no-repeat 0px -640px; cursor: pointer; -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s;}
.dock a.switch.off { background-position: -32px -640px;}
@media (max-width:479px){
.dock { display:none;}
}

.clear { clear:both; }
.load-more { padding: 24px 0; text-align:center; }
.load-more a {  background: #fff; border: 1px solid #aaaaaa; border-radius: 9px; text-align: center; line-height: 48px; color: #727474; font-size: 14px; transition: all 0.5s; padding: 2px 5px; margin: 0 1px; }
.load-more a:hover { background:#c3c3c3b8; }
.load-more span { text-align: center; line-height: 48px; color: #727474; font-size: 14px; transition: all 0.5s; padding: 2px 5px; margin: 0 1px; }