/* CSS Document */
@charset "utf-8";
/* Reset CSS */
html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul{ margin:0; padding:0;}
article, aside, figure, footer, header, menu, nav, section, summary, time{display:block; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px/1 "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#000;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#000;}
img{border:none;}
table{border-collapse:0; border-spacing:0;}
ul, ol {list-style: none;}
a{color:#08c; text-decoration:none; hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}
a:focus,input:focus,textarea:focus{outline: 0;}
a:visited, a:link, a:active {text-decoration: none; color:#08c;}
a:hover {color: #08c; text-decoration: underline;} 
 
/*often style*/
.ftwa:visited, .ftwa:link, .ftwa:active {color:#fff;}/*A tag of the default color is white**/
.zoom{*+zoom:1;}
.zoom:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.dsb{display:block;}
.valm{vertical-align:middle;}
.dsn{display:none;}
.pta{position:absolute}
.ptr{ position:relative;}
.pw980{width:980px; margin-left:auto; margin-right:auto;}
.pw1120{width:1120px; margin-left:auto; margin-right:auto;}
.nobg{background:none;}
.o_hide{overflow:hidden;}
.fthin{ font-weight:300;}
.fclr666{ color:#666!important;}
.fclr000{ color:#333!important;}
.boundary{ border-bottom:1px solid #e5e5e5;}
.textdcr{ text-decoration:none;}
.wrap .no_boder{ border:none;}
.wrap .nomt{ margin-top:0;}

/*font style**/
.ftb{font-weight:bold;}
.alr{text-align:right;}
.alc{text-align:center;}
.all{text-align:left;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft24{font-size:24px;}
.ft26{font-size:26px;}
.ft30{font-size:30px;}
.ft32{font-size:32px;}
.ft36{font-size:36px;}
.ft38{font-size:38px;}
.ft40{font-size:40px;}
.ft42{font-size:42px;}
.ft48{font-size:48px;}
.ft50{font-size:50px;}

/*color style**/
.white{color:#fff;}
.red{color:#f00;}
.black{color:#000;}
.green{color:#03bd83;}
.blue{color:#00a8ec;}
body .logocor{ color:#31c1d9;}

/*list style**/
.ulnum{list-style:decimal; padding-left:26px;}/*style of ul is number**/
.ulcircle{list-style:disc; padding-left:20px;}/*style of ul is circle**/
.ulifl li{float:left;}

/*margin padding style**/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt100{padding-top:100px;}

/*link arrow**/
.link_arrow{display: inline; background:url(../img/link_arrow.png) right 7px no-repeat;}
.link_arrow_white{background:url(../img/link_arrow_white.png) right center no-repeat;}
.link_arrow_black{background:url(../img/link_arrow_block.png) right center no-repeat;}
.link_arrow_gray{background:url(../img/link_arrow_gray.png) right center no-repeat;}


/*nav style**/
.headtop{ width:100%; height:86px; position:absolute; top:0; left:0; z-index:9;}
.headtop .head_cont2 ul li>a,.head_cont2 .nav3:after{ color:#fff;}
.nav_logo{ width:150px; float:left; margin-top:29px;}
.head_cont ul{ float:right; position:relative; display:block;}
.head_cont ul li{ float:left; margin-left:20px; text-align:center; position:relative;}
.head_cont ul li>a{ width:72px; float:left; line-height:86px; font-size:14px; color:#000; padding-bottom:5px;}
.head_cont ul li>a:hover{ text-decoration:none; color:#31c1d9;}
.head_cont .nav_sel, .headtop .head_cont2 .nav_sel{ color:#31c1d9;}
.head_cont ul li>a:after{ content:""; height:1px; display:block; border-bottom:2px solid #31c1d9; opacity:0; transition:all ease 0.5s; -webkit-transition:all ease 0.5s;}
.nav1 a:after{ width:40px; margin:-20px 0 0 15px;}
.nav2 a:after{ width:35px; margin:-20px 0 0 18px;}
.head_cont .nav3 a:after{ width:52px; margin:-20px 0 0 10px;}
.nav4 a:after{ width:52px; margin:-20px 0 0 10px;}
.nav5 a:after{ width:60px; margin:-20px 0 0 5px;}
.nav3:after{ content:"\e800"; font-family:"iconfont"; font-size:16px; line-height:86px; margin-left:-8px; }
.nav3:hover:after,.headtop .nav3_sel:after{ color:#31c1d9;}


.head_cont .nav3:hover a:after{ display:none;}
.head_cont .nav_sel:after{ opacity:1;}
.head_cont ul li a:hover::after{ opacity:1;}
.nav_menu{float: right; display:none;}
.nav_menu:hover{ text-decoration:none;}
.nav_share{ width:0; position: fixed; top:300px; right:0; z-index:9999; overflow:hidden; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.nav_share a{ margin-left:20px;}
.head_cont dl{position:absolute; top:67px; width:210px; border-top:2px solid #31c1d9; background-color:#fff; background-color:rgba(255,255,255,0.98); left:50%; margin-left:-105px; box-shadow:0 3px 5px rgba(0,0,0,0.5); border-radius:0 0 5px 5px; margin-top:20px; opacity:0; display:none;}
.head_cont_ul dl dd{ position:relative;}
.head_cont_ul dl dd:after{ content:"\e802"; font-family:"iconfont"; font-size:18px; position:absolute; top:20px; right:20px; transition: all 0.3s ease-in-out; opacity:0; color:#999;}
.head_cont_ul dl dd:hover:after{ right:10px; opacity:1;}
.head_cont_ul dl a{ display:block; line-height:50px; padding-left:10px; font-size:14px; color:#000; text-align:left; border-top:1px solid #e5e5e5;}
.head_cont_ul dl a:hover{ text-decoration:none; color:#31c1d9;}





/*bttom directory**/
.bttom_directory{ margin-top:60px; background-color:#f7f7f7; padding-top:38px; overflow:hidden;}
.bttom_directory_block{ width:194px; float:left; margin-right:30px;}
.bttom_directory_block h6{ color:#666;}
.bttom_directory_block li{line-height:30px;}
.bttom_directory_block li a{ color:#333;}
.bttom_directory_block li a:hover,.bottom_link>a:hover{color:#31c1d9;}
.bttom_logo>p{ margin:20px 0 30px 0; color:#666; line-height:1.5;}
.bottom_share img{ margin:0 8px;}

.bottom_cont{ border-top:1px solid #e5e5e5; padding:15px 0; margin-top:25px;}
.bottom_text{ width:480px; color:#868686; line-height:1.5;}
.bottom_cont .bottom_link{color:#868686;}
.bottom_link>a{ color:#868686; margin:0 4px;}

.s_hot{ background:#F30; color:#fff; border-radius:3px; padding:1px 10px; margin:0 0 0 5px; height:12px; }
.s_new{ background:#0C0; color:#fff; border-radius:3px; padding:1px 10px; margin:0 0 0 5px;}
.s_update{ background:#09F; color:#fff; border-radius:3px; padding:1px 10px; margin:0 0 0 5px;}

/* Backgroud 2*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {

}