﻿@charset "utf-8";

/************************************************************************************************************/

.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.overflows{display:-webkit-box;text-overflow:ellipsis;word-break:break-all;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.container-fluid{ max-width:1200px !important;}
*{font-family: "微软雅黑";}
.vertical-f{display:table;width:100%;height:100%;}
.vertical-z{display:table-cell;vertical-align: middle;}
/*header*/
header{width:100%;background:#0045a7;}
header .head{transition:all 0.5s;position:relative;}
header .logo{transition:all 0.5s;position:relative;padding:0 0 0 10px;height:85px;display:table;}
header .logo a{transition:all 0.5s;display:table-cell;vertical-align:middle;}
header .logo span{display:block;position:absolute;top:0;left:85px;font-size:24px;color:#000;line-height:85px;}
header .icon-menu span{color:#fff;font-size:21px;padding-right:15px;font-weight:bold;margin-top:20px;line-height:24px;cursor: pointer;}
/*导航*/
header .index_right{padding:0 10px 0 0;text-align:right;position:static;}
header .index_right .nav{display:inline-block;float:right;}
header .nav li{height:100%;float:left;position:relative;}
header .nav li a{display: block;padding:0 10px;color:#fff;font-family:"微软雅黑";font-size:14px;line-height:85px;transition:all 0.4s ease;}
header .nav li:hover a{color:#fff;}
header .nav li:hover ul li a{color:#fff;}
.menuContent{display:none;position:absolute;top:85px;left:0;width:100%;text-align: center;background:#0045a7;z-index:10}
.menuContent ul{display:block;margin:0;}
.menuContent ul li{transition:all 0.5s;float:none;width:100%;line-height:30px;}
.menuContent ul li a{width:100%;display:block;font-size:12px;color:#fff !important;padding:0px 10px;line-height:30px;}
.menuContent ul li:hover a{color:#0045a7 !important;background:#fff;}
.sjdnav{ width:120px; height:auto; position:absolute;right:2px; top:65px;z-index:5; }
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:32px;display:block; padding:0; background:rgba(0, 0,0, 0.7); text-align:center; margin-bottom:1px;}
.sjdnav li a{display:block; color:#fff; line-height:32px; font-size:13px;}
.sjdnavhide{ height:0; overflow:hidden;}
.sjdnav li:hover{background:#0471c3;}


/*轮播图*/
#banner .carousel-indicators {  bottom: 10px;  margin-bottom: 0;  }
#banner .carousel-indicators li {  width: 7px;  height: 7px;  border-color: #fff;  }
#banner .carousel-indicators .active {  width: 9px;  height: 9px;  background: #fff;  }
#banner img {  margin:0 auto; }
#banner .img2{display:none;}

.bg{margin-top:20px;background:url("../images/aboutbg.jpg") no-repeat 50% 50%;background-size:cover;}

/*biaoti*/
.index_title {width:100%;}
.index_title .title_txt{text-align:center;overflow: hidden;}
.index_title .title_txt a{display:block;position:relative;}
.index_title .title_txt a .left-line{position:absolute;top:50%;right:62%;height:1px;width:50%;background:#cecece;}
.index_title .title_txt a .right-line{position:absolute;top:50%;left:62%;height:1px;width:50%;background:#cecece;}
.index_title .title_txt a .left-line .line{width:0;background:#0045a7;transition:all 1s;position:absolute;right:0;height:1px;}
.index_title .title_txt a .right-line .line{width:0;background:#0045a7;transition:all 1s;position:absolute;left:0;height:1px;}
.index_title .title_txt a:hover .line{width:100%;}
.index_title .title_txt .title_font{text-align:center;margin:0px;font-size:29px;color:#535353;line-height:30px;}
.index_title .title_txt h3{color:#0045a7;font-family:"Constantia";font-size:35px;line-height:25px;text-align:center;}
.bg .index_title .title_txt a .line{background:#fff !important;}
.bg .index_title .title_txt .title_font,.bg .index_title .title_txt h3{color:#fff}
/*tablist*/
.tablist {height:34px; margin-top:35px;overflow:hidden;}
.tablist .title{padding-left:20px;padding-right:20px;line-height:34px;width:auto;color:#000;cursor:pointer;font-size:14px;float: left;}
.tablist .title.active{background:#0045a7;color:#fff;}

.pro-left{padding-right:5px;width:22%;float:left;}
.pro-right{width:78%;float:left;margin-top:30px;}
.pro-left .left-content{background: url(../images/leftbox-bg.jpg) repeat 50% 50%;background-size:cover;margin-top: 30px;}
.pro-left .left-content .padding10{padding:10px;}
.pro-left .left-content h3{font-size:21px;font-weight:bold;margin:0;line-height:35px;text-align:left;color:#fff;}
.pro-left .left-content p{margin:10px 0 0 0;font-size:15px;}
.pro-left .left-content p a{padding:0 5px;line-height:30px;color:#000;}
.pro-left .left-content .box-text h4{margin-top:10px;margin-bottom: 20px;line-height: 35px;text-align:center;color:#fff;font-size:25px;font-weight:bold}
.pro-left .left-content .box-text{padding:10px 10px 5px 10px;margin-top:10px;background: rgba(74, 82, 67, 0.7);}
.pro-left .left-content .box-text p{overflow:hidden;text-align:left;font-size:16px;color:#fff;}
.pro-left .left-content{padding-bottom:20px;}
/*about*/
.about{margin-top:30px;margin-bottom:20px;}
.about .abimg{position:relative;z-index:9;width:460px;float:right;overflow:hidden;}
.about .abimg .img{height:290px;border:1px solid #fff;border-radius:5px;background:url(../images/about.png) no-repeat 50% 50%;background-size:cover;}
.about .abimg .mask{transition:all 0.5s;position:absolute;top:0;left:0;width:100%;height:100%;}
.about .abimg .mask b{transition:all 0.5s;font-size:16px;position:absolute;top:70%;left:-100%;color:#fff;text-shadow:#70c72b 1px 0 0,#70c72b 0 1px 0,#70c72b -1px 0 0,#70c72b 0 -1px 0}
.about .abimg .mask::before,.about .abimg .mask::after{transition:all 0.5s;position:absolute;content:'';}
.about .abimg .mask::before{top:14%;right:5%;left:5%;bottom:14%;border-top:1px solid #fff;border-bottom:1px solid #fff;transform-origin:0 0;transform:scale(0,1)}
.about .abimg .mask::after{top:8%;bottom:8%;left:10%;right:10%;border-left:1px solid #fff;border-right:1px solid #fff;transform-origin:0 0;transform:scale(1,0)}
.about .abimg:hover .mask::before{transform:scale(1);}
.about .abimg:hover .mask::after{transform:scale(1);}
.about .abimg:hover b{left:13%;}
.about .aboutText{padding-right:480px;}
.about .aboutText span{display:inline-block;padding-left:15px;line-height:33px;font-weight:bold;color:#fff;font-size:15px;}
.about .txt{height:225px;overflow:hidden;}
.about .txt p{margin:0;font-size:12px;color:#fff;line-height:28px;text-indent:2em;}

	/*product*/
.product{margin:30px 0;text-align:center;}
.product .row{margin:0 -8px;}
.product .list{margin-bottom:20px;padding:0 8px;}
.product .list a{display:block;width:100%;}
.product .list a .pro-img{height:200px;width:100%;padding:8px;border:1px solid #eaeaea;transition:all 0.4s; overflow:hidden;}
.product .list a h3{margin:0;line-height:36px;text-align:center;font-size:15px;color:#000;transition:all 0.4s;}
.product .list:hover .pro-img{background:#eaeaea;}
.product .list:hover h3{background:#eaeaea;}
.pro-more{display:inline-block;padding:0 20px;line-height:33px;color:#8c8c8c;border:1px solid #8c8c8c;font-size:14px;transition:all 0.4s;}
.pro-more:hover{background:#8c8c8c;color:#fff;}
/*case*/
.case{margin:30px 0;}
.case .casebox{overflow:hidden;}
.case a{display:block;width:100%;}
.case .swiper-slide,.case .swiper-wrapper{width:100%;height:auto !important;}
.swiper-button-prev{right:0;background: url(../images/right.png)  50% no-repeat;}
.swiper-button-next{left:0;background: url(../images/left.png)  50% no-repeat;}
.swiper-button-next,.swiper-button-prev{transition: all 1.5s;position:absolute;width:47px;height:90px;top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);}
.swiper-button-next:hover{background: url(../images/lefthover.png)  50% no-repeat;}
.swiper-button-prev:hover{background: url(../images/righthover.png)  50% no-repeat;}
.case ul li{float:left;width:20%;border-right:1px solid #cdcdcd;}
.case ul li a{display:block;padding:10px;line-height:30px;border:1px solid #cdcdcd;border-right:none;text-align:center;}
.case ul li a span{display:block;text-align: center;color:#a9a9a9;font-size:16px;line-height:16px;}
.case ul li a span:last-child{font-size:14px;line-height:16px;}
.case ul li.on a{border-color:#0f4080;}
.case ul li.on a span{color:#0f4080;}
	/*new*/
.new{margin-top:30px;}
.new .border_new{transition:all 0.4s;}
.new .new-list{ margin-bottom:20px;}
.new .new-list .imgbox{float:left;width:140px;height:130px;padding:1px;overflow:hidden;border:1px solid #e7e7e7;}
.new .new-list .new_right{transition:all 0.4s;padding-left:155px;height:130px;}
.new .new-list .imgbox a{display:block;width:100%;height:100%;border:1px solid #fff;}
.new .new-list h2{ margin:0px 0 0 0 !important; font-size:16px; }
.new .new-list h2 a{transition:all 0.4s;color:#040404;font-size:16px;display:block;line-height:25px;padding-bottom:7px;padding-top:15px;}
.new .new-list p{ transition:all 0.4s;height:60px; overflow:hidden;padding-right:15px;margin-top:3px !important;}
.new .new-list p a{display:block;line-height:20px;transition:all 0.4s; color:#656565;font-size:12px;}
.new .new-list:hover .imgbox{border-color:#70c72b}
.new .new-list:hover .new_right{background-color:#70c72b;}
.new .new-list:hover  a{color:#fff;}

	/*contact*/
.contact{padding-bottom:30px;margin-top:30px;}
.contact h5{font-size:18px;margin-bottom:25px;color:#202020;}
.contact .contact-info .text{margin-bottom:20px;}
.contact .contact-info .text p{margin:0;font-size:14px;line-height:23px;max-height:138px;-webkit-line-clamp:6;text-indent:2em;color:#565656;}
.contact .contact-info .text a{display:inline-block;color:#70c72b;}
.contact .contact-info ul li{font-size:14px;line-height:26px;color:#565656;}
.contact .contact-info ul li span{display:inline-block;width:35px;font-size:16px;line-height:26px;color:#565656;}
    /*message*/
.message .input-list span{display:block;font-size:13px;line-height:26px;}
.message .input-list input{display:block;margin:8px 0;width:100%;border:1px dashed #545454;line-height:30px;padding:0 15px;border-radius:0px;outline:none;}
.message .input-list textarea{display:block;margin:8px 0;width:100%;border:1px dashed #545454;padding:0 15px;border-radius:0px;outline:none;}
.message form button{width:120px;transition:all 0.4s;line-height:28px;color:#fff;background:#0f4080;text-align: center;border:none;margin-top:15px;}
.message form button:hover{background:#60ae23;}
	/*new*/
	/*footer*/
footer{padding-top:25px;background:#004080;text-align:center;padding-bottom:25px;}
footer .copy{margin:0;color:#fff;line-height:26px;font-size:12px;}
footer .copy p{margin:0;}
footer .copy a{color:#fff;}

.content .aside{width:24%;float:left;padding-right:20px;}
.content .article{width:76%;float:left;}
/*侧栏*/
.aside ol h1{display:inline-block;padding:0 35px;line-height:40px;font-size:18px;color:#0045a7;font-weight:bold;border-bottom:1px dotted #0045a7;}
.subnav .pcdnav{margin-top:30px !important;padding-bottom:50px;}
.subnav .pcdnav li{width:80%;margin: 4px auto;text-align: center;line-height: 38px;border-radius:5px;}
.subnav .pcdnav li a{position:relative;display:block;width:100%;padding:0 15px;border-radius:5px;transition:all 0.5s;border:1px solid #0045a7;background:#0045a7;font-size:14px;color:#fff;line-height:38px;transition:all 0.3s;}
.subnav .pcdnav li ul li{width:100%;line-height:38px;}
.subnav .pcdnav li.active a{border:1px solid #0045a7;background:#fff;color:#0045a7;}
.subnav .pcdnav li.active a{
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-ms-transform: translateX(30px);
	-o-transform: translateX(30px);
	transform: translateX(30px);}
.subnav .pcdnav li:hover a{border:1px solid #0045a7;background:#fff;color:#0045a7;}
.subnav .pcdnav li:hover a{
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-ms-transform: translateX(30px);
	-o-transform: translateX(30px);
	transform: translateX(30px);}

.aside-contact{margin-top:20px;padding:0 10px;}
.aside-contact li{font-size:14px;color:#565656;line-height:26px;}

/*内页头部*/
.boxhead .ny-title{display: block;line-height:40px;text-align:right;font-size:12px;color:#000;border-bottom:1px dotted #cdcdcd;}
.boxhead .ny-title h3{padding:0 35px;line-height:40px;font-size:18px;color:#0045a7;font-weight:bold;border-bottom:1px dotted #0045a7;}
.boxhead .ny-title a{font-size:12px;line-height: 40px;color:#000;}

.ny_box{margin-top:30px;margin-bottom: 30px;}


.navhead{cursor: pointer;padding:0 5px;margin-bottom:10px;height:36px;line-height:36px;font-size:14px;color:#fff;background:#0471c3;}
.navhead b{line-height:36px;color:#fff;}
.nav1 .nav{width:100%;position:relative;z-index:9999;}
.nav1 .nav li a{display:block;font-size: 12px;color:#737373;text-align:center;padding:0 10px;line-height:30px;transition:all 0.4s;}
.nav1 .nav li{position:relative;border-bottom:1px dashed #737373;}
.nav1 .nav>li>a:hover{color:#0471c3;}
.nav1 .sjdnavhid,.sjdnavhide{height:0;overflow:hidden;}

.ny-pro .img img{border:1px solid #ccc;}
.ny-pro .img h1{text-align:center;font-size:14px;color:#313131;}
.ny-pro .text{padding-top:10px;border-top:1px dashed #313131;}
.ny-pro .text p{margin:0;line-height:24px;text-indent:2em;font-size:12px;color:#313131;}
.single-page p{margin:0;line-height:25px;text-indent:2em;font-size:14px;color:#3a3a3a;}
/*ny_new*/
.ny-new h1{line-height:30px;margin-bottom:10px !important;font-size:18px;color:#313131;}
.ny-new .text{margin-top:15px;}
.ny-new .text p{margin:0;font-size:14px;color:#313131;line-height:27px;text-indent:2em;}

.ny_new .new-list:hover .new_right{background:#0471c3;}
.ny_new .new-list:hover a{color:#fff}
.ny_new .new-list:hover small{color:#fff;}

/*ny_message*/
.ny_message .message{max-width:510px;margin:auto;}
.ny_message .input-list span{display:block;font-size:13px;line-height:26px;}
.ny_message .input-list input{background:rgba(93,122,179,0.6);display:block;margin:8px 0;width:100%;border:1px dashed #31508d;line-height:30px;padding:0 15px;border-radius:5px;outline:none;}
.ny_message .input-list textarea{display:block;margin:8px 0;width:100%;border:1px dashed #31508d;padding:0 15px;border-radius:5px;outline:none;background:rgba(93,122,179,0.6)}
.ny_message form button{width:120px;transition:all 0.4s;line-height:28px;color:#fff;background:#5d7ab3;text-align: center;border:none;margin-top:15px;}
.ny_message form button:hover{background:#31508d;}
/*ny_contact*/
.ny_contact ul li{font-size:15px;color:#272727;line-height:28px;}
.main{padding:20px 0;}
/*手机端导航*/
/*侧方*/


/*尾部*/

	/*底部菜单*/
.hot{height:50px; background: #004080; position: fixed; bottom: 0; left:0;z-index: 999999;}
.w100{width:100%;}
.hot .row div a{display:block; color:#fff; padding:5px 0;}
.hot h6{font-size:12px; line-height: 20px; color:#fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px; display:block;height:25px;}
.hot .hover:hover{background:#1f6ab4;}


@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 1070px){
	header .nav li a{padding:0 7px;}
	.pro-left{width:25%;}
	.pro-right{width:75%;}
}
@media only screen and (max-width: 991px) {
	header .logo{height:65px;}
	header .nav li a{line-height:65px;}
	.pro-left .left-content p{font-size:13px;}
	.pro-left .left-content p a{line-height:20px;}
	.pro-left .left-content .box-text h4{ margin-top: 0px;margin-bottom: 10px;font-size:20px;}
	.pro-left .left-content .box-text p{line-height: 29px;font-size:13px;}
	.about .txt{height:170px;}
	.about .abimg{width:300px;}
	.about .abimg .img{height:210px;}
	.about .aboutText{padding-right:315px;}
}
@media only screen and (max-width: 940px) {
	header .nav li a{padding:0 5px;font-size:12px;}
	.carousel-control{display:none;}
	#banner .carousel-indicators{bottom:0;}
	#banner .carousel-indicators li{width:4px;height:4px;}
	#banner .carousel-indicators .active{width:5px;height:5px;}
	.content .aside{width:25%;}
	.content .article{width:75%;}
}
@media only screen and (max-width: 850px){
	.pro-left{width:27%;}
	.pro-left .left-content .box-text h4{font-size:18px;margin-bottom:5px;}
	.pro-right{width:73%;}
	.pro-left .left-content .box-text p{height:250px;margin-top:0; margin-bottom: 15px;line-height:25px;font-size:12px;}
	.subnav .pcdnav li{width:90%;}
	.subnav .pcdnav li.active a{
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px);}
	.subnav .pcdnav li:hover a{
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px);}
}
@media only screen and (max-width: 767px) {
	header{position:static;}
	header .head{ height:65px; }
	header .logo{width:75%;height:65px;}
	.main{padding-bottom:0px;}
	.pro-left{display:none;}
	.pro-right{width:100%;margin-top:15px;}
	.tablist{margin-top:20px;}
	.product{margin:20px 0 0;}
	.about .txt{margin-top:15px;}
	.about .abimg{width:320px;margin:auto;float:none;}
	.about .aboutText{padding:0;}
	.boxhead{ padding: 0 5px 5px;}
	.boxhead .ny-title{text-align:left;line-height:22px;height:22px;border:none;}
	.boxhead .ny-title a{display:inline-block;line-height:22px;}
	.boxhead .ny-title a.pull-right{padding:0 10px;}


	.new .row{margin:0 -8px;}
	.new .new-list{padding:0 8px; margin-bottom: 15px;}
	.new .new-list a h4{margin:0;font-size:14px;line-height:30px;}
	.new .new-list a .text{max-height:40px;line-height:20px;font-size:12px;-webkit-line-clamp:2;}
	.contact .contact-info .text{margin-bottom:20px;}
	.contact .contact-info .text p{height:auto;}
	.contact{margin-top:15px;}
	.contact h5{margin-bottom:15px;  font-size: 15px;}
	.ny_server .product-box,.content .article{width:100%;}
}
@media only screen and (max-width: 600px){
	#banner .img2{display:block;}
	#banner .img1{display:none;}
	.ny_box{margin-top:15px;padding: 0;}
	.tablist .title{padding:0 15px;line-height:30px;font-size:13px;}
	.case ul li a span{font-size:12px;}
	.case ul li a span:last-child{font-size:12px;line-height:12px;}

	.ny_new .new-list .imgbox{width:125px;height:85px;}
	.ny_new .new-list .new_right{padding-left:135px;}
	.ny_new .new-list h2 a{line-height:20px;}
	.ny_new .new-list p{height:40px;margin-top:0 !important;-webkit-line-clamp:2;}
	.ny_new .new-list small{margin-top:2px;}
}
@media only screen and (max-width: 530px){
	.index_title .title_txt .title_font{font-size:15px;line-height:18px;}
	.index_title .title_txt h3{margin:0;font-size:17px;line-height:20px;}
	.index_title .title_txt a .left-line{right:65%;}
	.index_title .title_txt a .right-line{left:65%;}
	.about .abimg .img{height:175px;}
	.about .abimg{width:290px;}
	.new .new-list .imgbox{float:left;width:130px;height:100px;}
	.new .new-list .new_right{padding-left:140px;height:100px;}
	.new .new-list h2 a{padding:12px 0 5px;font-size:14px;}
	.new .new-list p{height:40px;}

}
@media only screen and (max-width: 450px){
}
@media only screen and (max-width: 436px) {
	header .logo{padding-left:8px;}
	header .icon-menu span{padding-right:8px;}


	.ny_pro{margin-left:-8px;margin-right:-8px;}
	.ny_pro .pro_list{padding:0 8px;}
}
@media only screen and (max-width: 390px){
	.tablist .title{padding:0 10px;line-height:28px;font-size:12px;}
	.index_title .title_txt a .left-line{right:70%;}
	.index_title .title_txt a .right-line{left:70%;}
	.new .new-list .imgbox{float:left;width:100px;height:80px;}
	.new .new-list .new_right{padding-left:110px;height:80px;}
	.new .new-list{margin-bottom:15px;}
	.new .new-list h2 a{padding:6px 0 2px;}
}
@media only screen and (max-width: 360px){
	.ny_new .new-list .imgbox{width:115px;}
	.ny_new .new-list .new_right{padding-left:125px;}
}
@media only screen and (max-width: 321px){
	header .search{width:85%;}
}


.ditu { height:300px; max-height:322px; padding:8px 0;width:100%; max-width:900px; margin-top:20px; margin:0 auto;}

.fengxiang{ width:100%; margin:0 auto;}
.fengxiang ul li{ width:46%; padding:4px 3px; float:left; margin:4px 0px 4px 10px; background:#c5c5c4; border: solid 1px #afafae;}

.fengxiang ul li a.bshare-sinaminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qzone{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-renren{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qqmb { float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-neteasemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-sohuminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-tianya{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-baiduhi{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-itieba{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-kaixin001{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-facebook{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-msn{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-fanfou{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-feixin{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-twitter{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-peoplemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-douban{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-xinhuamb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}

/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#0f4080;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#0f4080 1px solid;color:#0f4080;background-color:#d6e5ff;}
div.scott a:active{border:#0f4080 1px solid;color:#0f4080;background-color:#d6e5ff;}
div.scott span.current{border:#0f4080 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#0f4080;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}


/*浮动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;
}