﻿/*Author:liuhui*/
/*
层级说明 z_index
页面布局层     1 - 10
页面普通层     11 - 100
区块内弹出     101 - 500
广告定位层     501 - 1000
全屏遮罩层     10000
全屏弹出层     10002 - 100000
不换行        white-space:nowrap
换行          word-wrap:break-word;word-break:normal;*/
/* css reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,input,button,textarea,p{margin:0;padding:0}
img,abbr{border:0;vertical-align:top}
address,caption,cite,em,optgroup,i{font-style:normal}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
a:focus,textarea:focus,input:focus{outline:none}
/* HTML5 display-role reset for older browsers */
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
figure{margin:0}
/* basic */
html{_background-attachment:fixed;_background-image:url(about:blank);}
body{font:14px/24px "微软雅黑";background:#fff;-moz-user-select:none}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.fl{float:left}.fr{float:right}.cl{clear:both}
.pr{position:relative}.pa{position:absolute}.pf{position:fixed}
.cf,.wrap{*display:inline-block;*zoom:1}
.cf:after,.wrap:after{content:"";display:block;height:0;clear:both;visibility:hidden}
a,a:visited,ins{text-decoration:none}
a:hover{text-decoration:underline}
a.u,a.u:visited{text-decoration:underline}
a.u:hover{text-decoration:none}
.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.fb{font-weight:bold}
.opac80:hover{opacity:0.8;filter:Alpha(Opacity=80);text-decoration:none}
.opac100:hover{opacity:1;filter:Alpha(Opacity=100);text-decoration:none}
.sp10,.sp15,.sp20{clear:both;height:10px;overflow:hidden}
.sp15{height:15px}.sp20{height:20px}
.ti9{display:block;overflow:hidden;text-indent:-999em}
.noSelect{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}
.tabcon{display:none}
.wrap{clear:both;margin:0 auto;width:1160px;position:relative;z-index:100}
.wrap:after{content:"";height:30px;display:block;clear:both;}
.moreload{padding:20px 0 30px;text-align:center;clear:both;}
.moreload a{display:block;width:240px;line-height:48px;font-size:24px;color:#555;background:#000;height:50px;margin:0 auto}
.moreload a:hover{color:#999;text-decoration:none;}
/*漂浮*/
.pf{width:109px;position:fixed;right:5px;top:89px;background:url(../images/pf_03.png) no-repeat;z-index:10000;}
.pf a{display: block;width:109px;height:50px;}
.pf .zt a{padding-top:10px;height:40px;text-align: center;}
.pf .zt a:link,.pf .zt a:visited{font:14px/16px "宋体";color:#aacd06;text-decoration: none;}
.pf .zt a:hover{color:#fff !important;}
.pf .wx a{height:122px;}
.pf .gotop a{height:31px;}
.pf a:hover{background:url(../images/pf_hover.png) no-repeat 0 0;}
.pf .dz a:hover{background-position:0 -50px;} 
.pf .qq a:hover{background-position:0 -100px;}
.pf .zx a:hover{background-position:0 -150px;}
.pf .lc a:hover{background-position:0 -200px;}
.pf .bj a:hover{background-position:0 -250px;}
.pf .wx a:hover{background-position:0 -300px;}
.pf .gotop a:hover{background-position:0 -422px;}
.pf .gotop{display: none;cursor:pointer;}
/*头部*/
.logo{width:100%;height:70px;background:url(../images/logo.gif) repeat-x left bottom;position: fixed;top:0;z-index:10000;}
.logo .logo1{width:1172px;height:50px;text-align:center;padding-top:20px;margin:0 auto;}
.logo .logo2{height:30px;width:210px;background:url(../images/logo.jpg) no-repeat 20px center;border-right:1px #fff solid;float:left;}
.logo .logo2 a{display:block;width:168px;height:30px;}
.logo ul.nav{width:680px;height:30px;float:left;text-align:center;margin-left:27px;overflow:hidden;list-style:none;margin-right:40px;}
.logo ul.nav li{float:left;margin-right:30px;}
.logo ul.nav li a{float:left;font:18px/30px "微软雅黑";color:#fff;text-decoration: none;padding:0 10px;}
.logo ul.nav li a:hover{color:#ed6d00;}
.logo .photo{width:200px;height:30px;float:right;padding-left:2px;background:url(../images/photo.jpg) no-repeat left 5px;}
.logo .photo p{font:14px/30px "微软雅黑";color:#fff;}
/*pop*/
.pop{position:fixed;top:50%;left:50%;z-index:10001}
.pop .close,.pop .prenext{background:url(../images/cs_ico.png) 0 -320px no-repeat;width:60px;height:60px;display:block;cursor:pointer;position:absolute}
.pop .close{top:0;right:-61px;}
.pop .prev{background-position:0 -200px}
.pop .next{background-position:0 -260px}
.pop .close:hover,.pop .prenext:hover{opacity:0.6;filter: alpha(opacity=60);}
/*contact*/
.bot_contact{padding:50px 0;text-align:center;clear:both;}
.bot_contact h2{font-size:54px;line-height:70px;height:75px}
.bot_contact p{font-family:Verdana,Arial;line-height:20px;}
.bot_contact a.uptext{width:440px;margin:20px auto 0;border:5px solid #000;height:70px;line-height:68px;font-size:42px;color:#000;}
.bot_contact a.uptext span{line-height:68px;color:#000;margin-bottom:70px;}
.bot_contact a.uptext span:after{color:#000;margin-bottom:70px;}

#backfix{display:none;height:72px;width:50px;position:fixed;bottom:130px;left:50%;margin-left:590px}
#backtop,#backhome{background:url(../images/cs_ico.png) -5px -420px no-repeat;height:40px;display:block;opacity:.5;filter: alpha(opacity=50);width:50px}
#backtop{height:30px;background-position:-5px -460px;margin-top:2px}
#backfix a:hover{opacity:.8;filter: alpha(opacity=80);}
/*footer*/
#footer{clear:both;padding:20px 0;border-bottom:10px solid #222;line-height:20px;height:60px;color:#555;background:#dcddde;}
#footer .wrap:after{height:0}
#footer .fr{padding-top:18px}
#footer em{font-size:30px}
#footer .fr span{float:left;font-size:12px;padding-right:6px}
#footer a.ti9{background:url(../images/cs_ico.png) no-repeat;width:30px;height:24px;float:left;margin-left:6px;}
#footer a.fa_wb:hover{background-position:0 -24px}
#footer a.fa_wx{background-position:-30px 0;position:relative;overflow:visible}
#footer a.fa_wx:hover{background-position:-30px -24px}
#footer a.fa_wx span{width:90px;height:90px;display:none;background:url(../images/wx.jpg) no-repeat;position:absolute;bottom:25px;right:0;padding:0;border:1px solid #aaa}
#footer a.fa_wx:hover span{display:block}

/*翻页*/
.pagelist{clear:both;padding:10px 0;height:60px;float:right;}
ul.yiiPager a:link,ul.yiiPager a:visited,
ul.yiiPager .previous a,ul.yiiPager .previous a:hover,ul.yiiPager .next a:hover,
.pagelist a{text-decoration:none;vertical-align:top;background:url(../images/cs_ico.png) 0 -80px no-repeat;width:60px;height:60px;opacity:.6;filter:alpha(opacity=60);float:left;margin-left:10px;border:none;padding:0;}
.pagelist a.next,ul.yiiPager .next a,ul.yiiPager .next a:hover{background-position:0 -140px}
.pagelist a:hover,ul.yiiPager .previous a:hover,ul.yiiPager .next a:hover{text-decoration:none;opacity:1;filter:alpha(opacity=100);}
.pagelist a,#footer a.ti9,.moreload a,.pop .close,.pop .prenext,#backfix a{-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
ul.yiiPager .first,ul.yiiPager .last{display:none;}


/*按钮*/
.uptext{display:block;overflow:hidden;text-align:center;}
.uptext:hover{text-decoration:none;}
.uptext span{display:block;width:100%;text-align:center;position:relative;text-transform:uppercase;letter-spacing:2px;-webkit-transition:all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);-moz-transition:all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);-ms-transition:all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);-o-transition:all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);transition:all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000)}
.uptext span:after{content:attr(data-label);width:100%;text-align:center;position:absolute;top:0;left:0;color:#000;text-transform:uppercase;display:inline-block;letter-spacing:2px;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);-o-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
.uptext:hover span{-webkit-transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);-o-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-transition:all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);-moz-transition:all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);-ms-transition:all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);-o-transition:all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);transition:all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000)}
