@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; font-family:"Microsoft YaHei","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:14px;}
body{ }

*{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;margin:0;padding:0;}
body,button,input,select,textarea{outline:none;}
ul,ol,li{list-style:none;}

img{border:0px;}
table{ }
html,body{height:auto;margin:0 auto;}
.hide{display:none;}
.clear{clear:both;}


h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}
h2 { font-size: 2em;  margin:0; padding:0;}
h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}
h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}
h5 { font-size: 1em;  margin:0; padding:0;}
h6 { font-size: 1em; }

/* 页面基本元素
-------------------------------------------------------------- */

/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }

/* top
-------------------------------------------------------------- */
.header{
	width:100%;
	position:fixed;
	top:0;
	z-index:999;
}
.top{
	width:100%;
	height:40px;
	line-height:40px;
	background:#2a2a2a;
}
.topnr{
	width:1200px;
	margin:auto;
}
.topnr .topnr_lf{
	width:50%;
	color:#fff;
}
.topnr .topnr_rt{
	width:50%;
	color:#fff;
	text-align:right;
}
.topnr .topnr_rt a{
	color:#fff;
}
.topnr .topnr_rt a:hover{
	text-decoration:underline;
}
.logonav{
	width:100%;
	height:100px;
	box-shadow: 0 5px 8px rgba(1, 8, 25, 0.5);
    background: #fff;
}
.logonavnr{
	width:1200px;
	overflow:hidden;
	margin:auto;
}
.logo{
	width:40.5%;
	overflow:hidden;
	padding:12.5px 0;
}
.nav{
	width:59.5%;
	overflow:hidden;
}
.nav ul{
	width:100%;
	overflow:hidden;
}
.nav ul li{
	width:16.6%;
	height:100px;
	line-height:100px;
	float:left;
	text-align:center;
}
.nav ul li a{
	font-size:16px;
	color:#071556;
	display:block;
}
.nav ul li:hover{
	background:#1e48a7;
}
.nav ul li:hover a{
	color:#fff;
}
.nav ul li.current{
	background:#1e48a7;
}
.nav ul li.current a{
	color:#fff;
}


/* banner
-------------------------------------------------------------- */
#wrapper {
	position:relative;
	z-index:1;
	top:140px;
}

a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

a:focus , a:link, a:active {
	outline:none;
}

a:hover {
	color:#444;
}


.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:708px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:708px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:357px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:223px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:149px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:112px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
    background: url(../images/dot1.png) no-repeat left top; !important; 
}

/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: url(../images/dot2.png) no-repeat left top;
    width: 29px;
    height: 29px;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background:url(../images/jtlf.png) no-Repeat;
	width: 71px;
	height: 71px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background:url(../images/jtrt.png) no-Repeat 0 0;
    width: 71px;
    height: 71px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;

    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* zxgg
-------------------------------------------------------------- */
.zxgg{
	width:1170px;
	overflow:hidden;
	margin:auto;
	background:url(../images/laba.jpg) no-repeat left 8px;
	padding-left:30px;
	margin-top:150px;
	line-height:35px;
	padding-bottom: 15px;
    border-bottom: solid 1px #e5e5e5;
}
.zxgg .zxggbt{
	width:90px;
	font-size:18px;
	color:#333;
}
#gongao{width:1000px;overflow:hidden;line-height: 35px;color:#333;} 
#gongao #scroll_begin, #gongao #scroll_end{display:inline} 

/* cl
-------------------------------------------------------------- */
.cl{
	width:1200px;
	overflow:hidden;
	margin:auto;
	margin-top:45px;
	margin-bottom:60px;
}
.cl dl{
	width:200px;
	overflow:hidden;
	float:left;
}
.cl dl dt{
	width:100%;
	overflow:hidden;
	text-align:center;
}
.cl dl dd{
	width:100%;
	overflow:hidden;
	padding-top:25px;
}
.cl dl dd .cltitcn{
	width:100%;
	overflow:hidden;
	text-align:center;
	color:#111;
	line-height: 25px;
}
.cl dl dd .cltiten{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	font-family:Arial;
	color:#111;
}

/* about
-------------------------------------------------------------- */
.about{
	width:100%;
	overflow:hidden;
	background:#f0f0f0;
	padding-top:50px;
	padding-bottom:60px;
}
.about .aboutnr{
	width:1200px;
	overflow:hidden;
	margin:auto;
}
.titcn{
	width:100%;
	overflow:hidden;
	text-align:center;
	line-height:40px;
}
.titcn a{
	font-size:24px;
	color:#2a53a9;
}
.titen{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	color:#999999;
	font-family:Arial;
	background:url(../images/line1.png) no-repeat center bottom;
	padding-bottom:20px;
}
.titcn1{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:24px;
	color:#fff;
	line-height:40px;
}
.titen1{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	color:#fff;
	font-family:Arial;
	background:url(../images/line3.png) no-repeat center bottom;
	padding-bottom:20px;
}
.aboutjs{
	width:76%;
	overflow:hidden;
	text-align:center;
	padding:35px 12%;
	line-height:30px;
}
.aboutlist{
	width:100%;
	overflow:hidden;
}
.aboutlist dl{
	width:366px;
	overflow:hidden;
	float:left;
	margin:17px;
}
.aboutlist dl dt{
	width:100%;
	overflow:hidden;
}
.aboutlist dl dd{
	width:94%;
	overflow:hidden;
	padding: 17px 3% 50px 3%;
}
.aboutlist dl dd .aboutlist_tit{
	width:100%;
	overflow:hidden;
	background:url(../images/line2.jpg) no-repeat center bottom;
	font-size:18px;
	color:#1e48a7;
	text-align:center;
	padding:15px 0;
}
.aboutlist dl dd .aboutlist_nr{
	width:100%;
	overflow:hidden;
	text-align:center;
	margin-top:13px;
}    
.aboutlist dl:hover{
	box-shadow:2px 2px 2px 2px rgba(159, 159, 159, 0.5);
}
.more{
	width:100%;
	overflow:hidden;
}
.more div{
	width:158px;
	height:42px;
	line-height:42px;
	text-align:center;
	margin:auto;
	border:solid 1px #1e48a7;
}
.more div a{
	color:#1e48a7;
	display:block;
}
.more div:hover{
	background:#1e48a7;
}
.more div:hover a{
	color:#fff;
}


/* ggt
-------------------------------------------------------------- */
.ggt{
	width:100%;
	height:380px;
	overflow:hidden;
	background:url(../images/ggt1.jpg) no-repeat center;
}
.ggt .ggtnr1{
	width:100%;
	overflow:hidden;
	font-size:30px;
	color:#fff;
	text-align:center;
	margin-top:88px;
}
.ggt .ggtnr2{
	width:100%;
	overflow:hidden;
	font-size:18px;
	color:#fff;
	text-align:center;
	margin-top:18px;
}
.ggt .ggtnr3{
	width:100%;
	overflow:hidden;
}
.ggt .ggtnr3 div{
	width:158px;
	height:42px;
	line-height:42px;
	background:#1e48a7;
	margin:auto;
	text-align:center;
	border:solid 1px #fff;
	margin-top:45px;
}
.ggt .ggtnr3 div a{
	color:#fff;
	display:block;
}
.ggtnr4{
	width:100%;
	overflow:hidden;
	text-align:center;
	color:#fff;
	margin-top:23px;
}

/* pro
-------------------------------------------------------------- */
.pro{
	width:1200px;
	overflow:hidden;
	margin:auto;
	margin-top:50px;
}
.pronr{
	width:76%;
	overflow:hidden;
	text-align:center;
	line-height:30px;
	margin-top:23px;
	padding:0 12%;
}
/*箭头轮播*/
/* Div1 */
.Div1{
	width:1200px;
	margin:30px auto;
	overflow:hidden;
	position:relative;
}
.Div1_title{
	width:100%;
	padding-bottom:3px;	
}
.Div1_title ul{
	width:618px;
	overflow:hidden;
	margin:auto;
}
.Div1_title ul li{
	width:110px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	background:url(../images/btnbg1.jpg) no-repeat left;
	float:left;
	margin:0 48px;
	text-align:center;
}
.Div1_title ul li a{
	color:#1e48a7;
}



.Div1_prev{padding:2px 10px 0 0;}
.Div1_next{padding:2px 0 0 0px;}

.Div1_title ul li:hover{
	background:url(../images/btnbg1hover.jpg) no-repeat left;
}
.Div1_title ul li:hover a{
	color:#fff;
}
.Div1_title ul li.Div1_title_a1{
	background:url(../images/btnbg1hover.jpg) no-repeat left;
}
.Div1_title ul li.Div1_title_a1 a{
	color:#fff;
}
.Div1_main{
	padding-top:13px;
	margin-top:15px;
	width:10000px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.Div1_main .divrq{
	width:1200px;
	float:left;	
}
.Div1 .Div1_prev1 ,.Div1 .Div1_next1{display:block;width:31px;height:30px;position:absolute;cursor:pointer;z-index:2;top:245px;}
.Div1 .Div1_prev1 img ,.Div1 .Div1_next1 img{width:31px;height:62px;}


.Div1 .Div1_prev1{left:8px;}
.Div1 .Div1_next1{right:8px;}


.flpicr{
	float:right;
	width:100%;
}
.flpicr ul{
	width:100%;
	overflow:hidden;
}
.flpicr ul li{
	width:280px;
	overflow:hidden;
	float:left;
	margin:10px;
	position:relative;
}
.flpicr ul li .photo{width:280px;height:186px;overflow:hidden; }
.flpicr .rsp{width:280px;height:186px;overflow:hidden;position: absolute;background:url(../images/prolisthover.jpg) no-repeat center;top:0px;left:0px;}
.flpicr .text{position:absolute;width:280px;height:186px;left:-280px;top:0px;overflow:hidden;background: rgba(30,72,167,0.8);}
.flpicr .text .probt{width:100%;height:40px;line-height:40px;text-align:center;color: #fff;margin-top: 40px; }
.flpicr .text .proms{width:90%;overflow:hidden;color: #fff; padding:0 5%;}
.flpicr .text a{text-decoration:none}
.flpicr .text div{width:100%; height:80px; overflow:hidden;}
.flpicr .text p{width:100%; overflow:hidden;text-align:center;margin-top:15px;}


/* ys
-------------------------------------------------------------- */
.ys{
	width:100%;
	height:621px;
	background:url(../images/ysbg.jpg) no-repeat center;
	margin-top:60px;
	padding-top:50px;
}
.ys .ysnr{
	width:1150px;
	overflow:hidden;
	margin:auto;
	margin-top:15px;
	padding:0 25px;
}
.ys .ysnr dl{
	width:50%;
	overflow:hidden;
	float:left;
	margin:63px 0;
}
.ys .ysnr dl dt{
	width:29%;
	overflow:hidden;
	float:left;
}
.ys .ysnr dl dd{
	width:65%;
	overflow:hidden;
	float:left;
	padding-right:6%;
}
.ys1tit{
	width:100%;
	overflow:hidden;
	font-size:18px;
	color:#fff;
	background:url(../images/line4.jpg) no-repeat left bottom;
	padding-bottom:15px;
}
.ys1nr{
	width:100%;
	overflow:hidden;
	color:#fff;
	line-height:26px;
	margin-top:8px;
}


/* news
-------------------------------------------------------------- */
.news{
	width:1200px;
	overflow:hidden;
	margin:auto;
	margin-top:50px;
	margin-bottom:60px;
}
.newsnr{
	width:100%;
	overflow:hidden;
	margin-top:72px;
	margin-bottom:45px;
}
.newsnr_lf{
	width:44%;
	overflow:hidden;
}
.newsnr_lf dl{
	width:100%;
	overflow:hidden;
}
.newsnr_lf dl dt{
	width:100%;
	overflow:hidden;
}
.newsnr_lf dl dd{
	width:100%;
	overflow:hidden;
}
.newsnr_lftit{
	width:86%;
	overflow:hidden;
	line-height:30px;
	margin-top:28px;
}
.newsnr_lftit a{
	width:80%;
	overflow:hidden;
	float:left;
	color:#111111;
}
.newsnr_lftit span{
	width:20%;
	overflow:hidden;
	float:left;
	text-align:right;
	color:#111111;
}
.newsms{
	width:86%;
	overflow:hidden;
	color:#999999;
}
.newsnr_lf dl:hover .newsnr_lftit a{
	color: #2a53a9;
}
.newsnr_lf dl:hover .newsnr_lftit span{
	color: #2a53a9;
}
.newsnr_lf dl:hover dt img ._full{transform:scale(1.05);-webkit-transform:scale(1.05); transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
._full:hover{transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);-ms-transform:scale(1.02,1.02);-o-transform:scale(1.02,1.02);-webkit-transform:scale(1.02,1.02);}

.newsnr_rt{
	width:56%;
	overflow:hidden;
}
.newsnr_rt dl{
	width:100%;
	overflow:hidden;
	padding:15px 0 30px 0;
	border-bottom:dashed 1px #e0e0e0;
}
.newsnr_rt dl dt{
	width:13%;
	overflow:hidden;
	padding:15px 0 20px 0;
	float:left;
	background:#eeeeee;
}
.newsnr_rt dl dt .day{
	width:100%;
	overflow:hidden;
	text-align:center;
	color:#999999;
	font-size:24px;
}
.newsnr_rt dl dt .date{
	width:100%;
	overflow:hidden;
	text-align:center;
	color:#999999;
}
.newsnr_rt dl dd{
	width:85%;
	overflow:hidden;
	float:left;
	padding-left:2%;
}
.newsnr_rttit{
	width:100%;
	overflow:hidden;
	color:#111111;
}
.newsnr_rtms{
	width:100%;
	overflow:hidden;
	color:#999999;
	margin-top:10px;
	line-height: 25px;
}
.newsnr_rt dl:hover .newsnr_rttit{
	color: #2a53a9;
}
.newsnr_rt dl:hover dt{
	background: #2a53a9;
}
.newsnr_rt dl:hover dt .day{
	color: #fff;
}
.newsnr_rt dl:hover dt .date{
	color: #fff;
}

/* footer
-------------------------------------------------------------- */
.footer{
	width:100%;
	overflow:hidden;
	background:#2a2a2a;
	padding:25px 0;
}
.footernr{
	width:1200px;
	overflow:hidden;
	margin:auto;
}
.footernr1{
	width:100%;
	overflow:hidden;
	padding-bottom:20px;
	border-bottom:solid 1px #fff;
}
.footernr1_lf{
	width:70%;
	overflow:hidden;
}
.footernr1_lf p{
	width:100%;
	overflow:hidden;
	color:#fff;
}
.footernr1_lf p a{
	color:#fff;
}
.footernr1_lf p a:hover{
	text-decoration:underline;
}
.footernr1_rt{
	width:30%;
	overflow:hidden;
}
.footernr1_rt .p1{
	width:100%;
	overflow:hidden;
	color:#fff;
	text-align:right;
}
.footernr1_rt .p2{
	width:100%;
	overflow:hidden;
	font-size:18px;
	color:#306fff;
	text-align:right;
}
.footernr2{
	width:100%;
	overflow:hidden;
	padding-top:20px;
}

/* link
-------------------------------------------------------------- */
.link{
	width:50%;
	overflow:hidden;
	color:#fff;
}
.link a{
	padding:0 5px;
	color:#fff;
}
.link a:hover{
	text-decoration:underline;
}

/* botnav
-------------------------------------------------------------- */
.botnav{
	width:50%;
	overflow:hidden;
	color:#fff;
	text-align: right;
}
.botnav a{
	padding:10px;
	color:#fff;
}
.botnav a:hover{
	text-decoration:underline;
}

/* kefu
-------------------------------------------------------------- */
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;z-index: 999;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:50px;height:50px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback .toolbar-layer{height:50px;padding:10px;font-weight: bold;line-height:25px;background-position:0 -60px; background:#fff; box-shadow: 2px 2px 2px 2px rgba(106, 106, 106, 0.3);}
.toolbar-item-feedback  .toolbar-layer{position:absolute;right:55px;bottom:-10px;width:152px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-item-app .toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}