@charset "utf-8";
@import url(format.css);
/* 公共样式 */
.w-1200{border:0;padding:0;width:1200px;margin:0 auto;}
.bg_f1{ background: #f1f1f1;}
.lazy{ background:url(../images/logo_bg.png) center center no-repeat;}
.blur {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px)
}
/*顶部*/
.top-box{ width: 100%; height: 40px; background: #f2f2f2;}
.top-box-conter{ width: 1200px; height: 40px; line-height: 40px; margin: 0 auto; font-size: 12px; color: #333333;}
.f-l a{font-size: 12px; color: #333333; margin: 0 5px;}
.f-l .f-l-a{ color:#ca0001;}
.f-l a:hover{text-decoration:underline;color:#ca0001;}
.f-l-i{  color: #ff5a00; margin: 0 5px;}
.toolsite li {display: inline;float:left;height: 40px; margin-right: 12px; position: relative;}
.toolsite-a{ padding-left: 20px; padding-right: 30px; background: url(../images/icon_dh.png) left center no-repeat;}
.toolsite li a:hover{color:#ca0001;}

/*主导航条*/
.menu-box{ width: 100%; height: 93px; background: #ffffff;}
.menu-box-info{ width: 1200px; height: 93px; margin: 0 auto;  position: relative;}
.logo{ width: 157px; height: 64px; position: absolute;top: 16px;left: 4px;}
.logo img{ width: 157px; height: 64px; }

.menu-ul{  width:812px; height: 44px;position: absolute; right: 0; bottom: 18px;}
.menu-ul li{ width: 100px;float: left; margin:0 8px; height: 44px;}
.menu-ul li a{display: block; width: 100%; height: 40px; line-height: 40px; border-bottom: 4px solid #ffffff;text-decoration: none; font-size: 16px; color: #333333; text-align: center;position: relative;}
.menu-ul li a:hover:before {clip: rect(0, 100px, 100px, 0);}
.menu-ul li a:before {
  position: absolute;
  left: 0;
  top: 0;
  content: attr(data-content);
  display: inline-block;
  color:#1b6ddd;
  border-bottom: 4px solid #1b6ddd;
  width: 100%;
  clip: rect(0, 0, 100px, 0);
  -webkit-transition: clip cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
  transition: clip cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
}

.menu-ul li.on a{color:#1b6ddd;border-bottom: 4px solid #1b6ddd;}
/* footer */



/* 新的分页 */
.min_page{height:40px;clear:both;display:table;margin:0 auto; padding: 50px 0;}
.min_page ul{height:40px;}
.min_page li{min-width:40px;height:40px;line-height:40px;float:left;color: #555;margin-right: 10px;}
.min_page li a{color: #99a1a7;font-style:normal;font-size:14px;height:40px;display:block;text-align:center;background: #e7ebee;border-radius:2px;}
.min_page li a:hover{background:#bdc3c7;color:#555;color:#fff;transition: background-color 0.3s;}
.min_page li a:hover i{color:#fff;}
.min_page li a.on{background:#f64816;color:#fff;}
.min_page li.pt{min-width:20px;width:20px;}
.min_page li.pt a{width:20px;background:none;}
.min_page li.pt a:hover{color:#34495e;}
.min_page li.next{width:40px}
.min_page li.next a{text-align:center;}
.min_page li.pre{width:40px;text-align:center;}
.min_page li.pre i{display:block;text-align:center;width:40px;}
.min_page li i{font-size:18px;height:40px;width:40px;line-height:40px;display:block;color:#99a1a7;float:right;text-align:center;}
.icon-prev{ width: 18px; height: 18px; background: url(../images/icon-prev.png) center center no-repeat;}
.icon-next{ width: 18px; height: 18px; background: url(../images/icon-next.png) center center no-repeat;}
/* 内页banner */
.n-banner{ width: 100%; height: 199px;}
/* 面包屑 */
.breadcrumb{ width: 100%; height: 50px; line-height: 50px;font-size: 14px; color: #848484;  }
.breadcrumb a{display:inline-block; padding:0 3px; font-size: 14px; color: #848484; height: 50px; line-height: 50px;}
.breadcrumb a:hover{ color: #cf020f;}
/* 内页footer */
.n-footer{ width: 100%; padding: 35px 0; background: #0d0f18 url(../images/n_footer.jpg) top repeat-x;}
.n-footer-in{width: 1190px; height: auto; margin: 0 auto}
.footer-in-l{ font-size: 14px; color: #6a6a6a; float: left;}
.footer-in-r{ font-size: 14px; color: #6a6a6a; float:right;}


.apps-tag {
    position: absolute;
    top: 40px;
    left: -32px;
    width: 100px;
    height: 124px; padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    display:none; z-index: 999;
}
.apps-tag img{ width: 100px; height: 100px; display: block;}
.sharp {
	line-height: 0;
	overflow: hidden;
	position: absolute;
	width: 15px;
	height: 10px; background: url(../images/sj_bg.png) no-repeat; top:-9px;
	left: 48px
}
.apps-tag span{ display: block; height: 24px; line-height: 24px; text-align: center;}
.end-share-circle-silgle:hover  {
	-webkit-animation: jump ease-in .3s;
	-ms-animation: jump ease-in .3s;
	animation: jump ease-in .3s
}
@-webkit-keyframes jump {
0% {
-webkit-transform:translate(0, 0px)
}
25% {
-webkit-transform:translate(0, -3px)
}
50% {
-webkit-transform:translate(0, 1px)
}
75% {
-webkit-transform:translate(0, -1px)
}
100% {
-webkit-transform:translate(0, 0px)
}
}
@-ms-keyframes jump {
0% {
-webkit-transform:translate(0, 0px)
}
25% {
-webkit-transform:translate(0, -3px)
}
50% {
-webkit-transform:translate(0, 1px)
}
75% {
-webkit-transform:translate(0, -1px)
}
100% {
-webkit-transform:translate(0, 0px)
}
}
@keyframes jump {
0% {
-webkit-transform:translate(0, 0px)
}
25% {
-webkit-transform:translate(0, -3px)
}
50% {
-webkit-transform:translate(0, 1px)
}
75% {
-webkit-transform:translate(0, -1px)
}
100% {
-webkit-transform:translate(0, 0px)
}
}


/* 客服主要css样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px; z-index: 999;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px; border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}