@charset "utf-8";
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
* {border: none;outline: none;list-style: none;font-style: normal;font-weight: normal;text-decoration: none;margin:0;padding:0;-webkit-touch-callout: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(255,255,255,50);}
* {font: 13px/22px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, 'Hiragino Sans GB', sans-serif;}
img {color: transparent;font-size: 0;vertical-align: middle;-ms-interpolation-mode: bicubic;}
a{color: #758694;text-decoration: none;-webkit-transition: opacity, color .33s ease;-moz-transition: opacity, color .33s ease;	transition: opacity, color .33s ease;}
a:hover {color: #5d6c79;}

.ano {  display: block; height: 100%; text-indent: -999px; overflow: hidden;}
.white {color:#fff}
.blue {color:#2d308f;}
.clear { clear:both;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.fn-clear{*zoom:1}
.b { font-weight:bold;}

body {text-decoration:none;-webkit-hyphens: auto;margin:0 auto;text-align:center;height:auto; width:100%;}

#top {width:984px;height:92px;overflow:hidden;margin:0 auto;text-align:center;}
#logo {width:310px;height:58px;overflow:hidden;float:left;background: url(../img/logo.png) no-repeat 0px 0px;margin-top:20px;}
#web_title { width:492px; height:50px; margin-top:20px; float:left;font: 15px/50px "微软雅黑"; color:#b7b7b7;}
#link {width:170px;height:auto;margin:0 auto;text-align:center; float:right; margin-top:20px; margin-right:8px;}
#link ul {width:auto; height:23px; overflow:hidden; float:left;}
#link ul li { width:80px; height:20px; overflow:hidden;font-size:12px; line-height:20px;text-align:left; float:left; text-indent:20px;}
#link .collect {background: url(../img/icon.png) no-repeat 0px 3px; border-right:solid 1px #ccc;}
#link .call {background: url(../img/icon.png) no-repeat 0px -37px; margin-left:9px;}
#link ul li a{ font-size:12px; line-height:20px; text-align:left;}
#link p {width:170px; height:37px; overflow:hidden;font-size:13px; line-height:37px;font-weight:bold; color:#cc0000; text-align:right;}

#nav{width:100%;height:37px;text-align:center;background: url(../img/pane_bg.png) repeat-x 0px 0px; margin:0 auto;}
#nav ul{width:984px;height:37px;line-height:30px;overflow:hidden;text-align:center; margin:0 auto; position:relative;}
#nav ul li{ width:80px;height:37px;line-height:30px;overflow:hidden;text-align:center; float:left; line-height:37px; color:#2d308f; font-weight:bold; margin:0 5px;}
#nav ul li a{line-height:37px; font-weight:bold; font-size:14px;}
.nav_li_active {background: url(../img/b_t.png) no-repeat 0px 6px; color:#fff}
.nav_li_active a:hover {color: #fff;}
.nav_cut { width:2px; height:37px; overflow:hidden; margin:0; float:left;background: url(../img/b_t.png) repeat-x -88px 0px;}
#nav ul dl { width:190px; height:37px; overflow:hidden; float:right; position:absolute; top:0; right:0;}
#nav ul dl dd {width:90px; height:37px; overflow:hidden;text-align:left; float:left; text-indent:25px;}
#nav ul dl dd a { font: bold 14px/50px "微软雅黑";line-height:37px; text-align:left; font-style:italic;}
#nav .dd  {background: url(../img/icon.png) no-repeat 0px -67px;}
#nav .dd  a { color:#cc0000}
#nav .yx  {background: url(../img/icon.png) no-repeat 0px -107px; margin-left:9px;}
#nav .yx  a { color:#666}

#banner_pane {width:100%; height:236px; text-align:center;}
#banner_pane ul {width:100%; height:236px;margin:0 auto;_margin-left:0;}
#banner_pane ul li {width:984px; height:236px;overflow:hidden; margin:0 auto;}
.ul_banner1 {background: url(../img/banner1.jpg) no-repeat top center;}

#news_pane {width:100%; height:30px; text-align:center; position: relative; z-index:1; top:0px;background: url(../img/pane_bg.png) repeat-x 0px -190px;}
#news_pane_ind {width:984px; height:30px; overflow:hidden; text-align:left; margin:0 auto; line-height:30px; font-size:13px; color:#919191;background: url(../img/pane_bg.png) repeat-x 0px -190px;}
#news_pane_ind ul {width:984px; height:auto; overflow:hidden;}
#news_pane_ind ul li {width:984px; height:30px;text-align:center; margin:0 auto;line-height:30px;font-size:13px; color:#666;}

#lib_pane {width:100%; height:auto; text-align:center; overflow:hidden;}
#lib_pane ul{width:984px; height:132px; overflow:hidden;margin:20px auto;_margin:20px 0;}
#lib_pane ul li { width:306px; height:132px; margin:0 11px; padding:0; float:left; position:relative; display:inline;}
#lib_pane ul li h2{ width:170px; text-align:left;position:absolute; top:42px; left:15px;color:#666; font-size:12px; line-height:20px; text-indent:20px;}
#lib_pane ul li h3{ position: absolute; bottom:10px; right:30px;color:#ed1b24; font-size:12px;line-height:20px;}
#lib_pane ul li h3 a { color:#ed1b24; font-size:12px;line-height:20px;}
.lib_pane_li1{background: url(../img/lib_bg.png) no-repeat 0px 0px;}
.lib_pane_li2{background: url(../img/lib_bg.png) no-repeat -348px 0px;}
.lib_pane_li3{background: url(../img/lib_bg.png) no-repeat -698px 0px;}

#libe_pane {width:100%;height:auto; text-align:center;border-top:solid 1px #cacad9;border-bottom:solid 1px #cacad9;background: url(../img/bg.png) repeat 0px 0px; padding-bottom:10px;}
#libe_pane #title {width:100%; height:40px;background: url(../img/title.png) no-repeat center 15px;}
#slide-box {width:984px;position:relative;height:100px; margin:0 auto;}
#slide-box .slide-content{padding:0px;}
#slide-box .JQ-slide-content{position:absolute;width: 2040px;left:0px; left:0px; margin-left:0px;}
#slide-box .JQ-slide-nav a{display:block;z-index:99;width:28px;color:#b4b4b4;position:absolute;top:0px;height:100px;text-decoration:none}
#slide-box .JQ-slide-nav .prev{left:0px;background:url(../img/flash.png) no-repeat 0 0; cursor:pointer;}
#slide-box .JQ-slide-nav .next{right:0px;background:url(../img/flash.png) no-repeat 0 -100px; cursor:pointer;}
#slide-box .wrap{overflow:hidden;width:940px;height:100px;position:relative; margin:0 auto;}
#slide-box ul{width:10000px; float:left;height:100px; padding:0;}
#slide-box li{width:110px;height:100px; float:left;overflow:hidden;background:url(../img/flash_bg.png) no-repeat 0 0; margin:0 12px; display:inline;}
#slide-box li img{width:106px;height:70px; margin:2px 2px;}
#slide-box li a {width:110px;height:30px;text-align:center;color:#666; font-size:13px; line-height:30px;}

#foot {width:100%; height:174px; text-align:center; background: url(../img/pane_bg.png) repeat-x 0px -225px;top:0px; color:#888;}
#foot span { color:#2d2f86;}

#call_pane {width:100%;height:auto; text-align:center; overflow:hidden; margin:10px 0;}
#call_pane #title {background: url(../img/bg.jpg) repeat-x 0px 20px; width:984px;height:40px; margin:0 auto;}
#call_pane #title p {width:110px; height:40px;background:#fff url(../img/title.png) no-repeat center -35px; margin:0 auto;}
#call_pane ul {width:984px; margin:0 auto;}
#call_pane ul li { width:50%; text-align:left; float:left;}
#call_pane ul li p{ color:#666; padding-left:20px;}

/*--about--*/
#ind {width:100%; height:auto;overflow:hidden; margin:0 auto;background: url(../img/bg.png) repeat 0px 0px;}
#h_ind { width:995px; height:auto; overflow:hidden; margin:0 auto;}
#ind_main { width:757px; height:auto; overflow:hidden; float:left;}
#ind_bread {width:757px; height:35px; overflow:hidden; text-align:left; text-indent:10px; line-height:35px; color:#666;}
#ind_main_t { width:757px; height:15px; overflow:hidden;background: url(../img/ind_bg.png) no-repeat 0px 0px;}
#ind_main_c { width:757px; height:auto; overflow:hidden;background: url(../img/ind_bg.png) repeat-y -1514px 0px;}
#ind_main_b { width:757px; height:35px; overflow:hidden;background: url(../img/ind_bg.png) no-repeat -757px 0px; *margin-left:1px;}
#ind_bar { width:210px; height:auto; overflow: hidden; float:right; margin-top:35px; margin-right:10px; display:inline;}
#ind_bar .title { width:210px; height:25px; overflow:hidden;}
#ind_bar .title p { width:86px; height:25px; line-height:25px; color:#fff; font-size:14px;background: url(../img/btn.png) no-repeat 0 0px; margin:0 auto;}
#ind_bar .login_form {}
#ind_bar .login_form .input_text {width:168px; height:30px; border:none; background:none; text-indent:10px; line-height:28px; font-size:14px;}
#ind_bar .login_form li{ width:178px; height:30px; margin:8px auto;}
#ind_bar .login_form .username{background: url(../img/btn.png) no-repeat 0 -150px;}
#ind_bar .login_form .password{background: url(../img/btn.png) no-repeat 0 -200px;}
#ind_bar .login_form .sub {}
#ind_bar .login_form .sub .buy { width:67px; height:24px; overflow:hidden;background: url(../img/btn.png) no-repeat 0 -50px; color:#b20000;display:block;line-height:24px; float:left; text-align:left; text-indent:30px;}
#ind_bar .login_form .sub .reg { width:91px; height:24px; overflow:hidden;background: url(../img/btn.png) no-repeat 0 -100px; color:#666;display:block;line-height:24px; float:left; text-align:left; text-indent:30px; margin-left:20px;}
#ind_bar .call_us { margin-top:10px;}
#ind_bar .call_us li { padding:10px;}
.bd_t_fff{ border-top:solid 1px #fff;}
.bd_b_999{ border-bottom:solid 1px #999;}
#ind_bar .call_us li p { text-align:left; color:#666; font-size:12px; line-height:25px; text-indent:0;}
#ind_bar .call_us li p strong { font-weight:bold;}
#ind_bar .bar_nav { margin:10px auto; float:left;}
#ind_bar .bar_nav li { background: url(../img/cut.png) no-repeat -783px 34px; float:left; width:100%;}
#ind_bar .bar_nav li a { display:block; font-size:15px; font-weight:bold; color:#666;line-height:36px; letter-spacing:3px;}
#ind_bar .bar_nav .hover a{ color:#444;}
#ind_bar .bar_nav .hover a {background: url(../img/icon.png) no-repeat 40px -148px;}
#ind_bar .bar_product {}
#ind_bar .bar_product ul { float:left; width:100%; padding-bottom:3px; margin-top:15px;}
#ind_bar .bar_product .cut {background: url(../img/cut.png) no-repeat -783px 85px;}
#ind_bar .bar_product ul li { width:50%; float:left; text-align:center;}
#ind_bar .bar_product ul li img{ width:57px; height:57px; margin:0 auto;}
#ind_bar .bar_product ul li p{ display:block; text-align:center; font-size:13px; color:#666; line-height:28px;}

.product { width:632px; height:auto; overflow:hidden; margin:0 auto;}
.product li{ width:159px; height:auto; overflow:hidden; margin:20px 25px 0 25px; float:left;background: url(../img/product_li_bg.png) no-repeat 0px 0px; display:inline;}
.product li img { width:151px; height:99px; margin:4px;}
.product li p,.product li p a { font-size:14px; font-weight:bold; color:#666; text-align:center; line-height:40px;}
.cut1 { width:722px; height:22px; overflow:hidden;background:url(../img/cut.png) no-repeat 0 0; margin:0 auto;}
.cut2 { width:185px; height:22px; overflow:hidden;background:url(../img/cut.png) no-repeat 0 -22px; margin:0 auto;}
.go_back { height:50px; overflow:hidden;}
.go_back a { float:right; line-height:50px; margin-right:30px; display:inline; font-size:14px;}
#product_con { padding:0 30px;}
#product_con h1 { height:60px; line-height:60px; color:#2d2f87; font-size:16px; font-weight:bold;}
#company_con { padding:60px 30px;}
#company_con p { color:#666; font-size:14px; line-height:28px; text-align:left; text-indent:30px;}
#contact_con { padding:60px 30px 0 30px; position:relative;}
#contact_con p { color:#666; font-size:14px; line-height:28px; text-align:left; text-indent:30px;}
#contact_con ul { width:40%; float:left; margin-bottom:30px; display:inline;}
#contact_con .contact_con_l {background:url(../img/contact_con_l_bg.png) repeat-y right 0; margin-left:70px;}
#contact_con .title { font-size:13px; font-weight:bold; color:#404091; line-height:40px; text-indent:50px;}
#contact_con ul li { text-align:left; padding-left:40px; color:#666; line-height:25px;}
#contact_con ul li b { font-weight:bold;}
.awards { width:632px; height:auto; overflow:hidden; margin:0 auto;}
.awards1 { width:auto; height:215px; overflow:hidden; margin:20px 27px 0 27px; float:left; display:inline;}
.awards1 img { width:239px; height:175px; margin:4px;}
.awards2 { width:auto; height:215px; overflow:hidden; margin:20px 14px 0 15px; float:left; display:inline;}
.awards2 img { width:116px; height:175px; margin:4px;}
.awards1 p,.awards1 p a,.awards2 p,.awards2 p a  { font-size:12px; font-weight:bold; color:#444; text-align:center; line-height:40px;}
#yin_con{ padding:0 20px;}
#yin_con .yin_con_list { border-bottom:solid 1px #8a1b28; padding:20px 0;}
#yin_con .yin_con_list .title { text-align:left; font-size:20px; font-family:"微软雅黑"; color:#888;background: url(../img/yin_bg.png) no-repeat 0 0; height:60px;}
#yin_con .yin_con_list .title p {text-align:left; font-size:20px; font-family:"微软雅黑"; color:#888; line-height:28px;}
#yin_con .yin_con_list .title1 { background-position:20px 0; text-indent:110px; line-height:60px;}
#yin_con .yin_con_list .title2 { background-position:20px -100px; text-indent:110px; line-height:60px;}
#yin_con .yin_con_list .title3 { background-position:20px -200px; text-indent:110px; line-height:60px;}
#yin_con .yin_con_list .title4 { background-position:20px -300px; text-indent:150px; line-height:60px;}
#yin_con .yin_con_list .title5 { background-position:20px -400px; text-indent:220px; line-height:60px;}
#yin_con .yin_con_list .title1_p { text-align:left; color:#666; text-indent:20px; padding:0 10px;}
#yin_con .yin_con_list .title3_p { text-align:left; color:#666; text-indent:20px; padding:20px 30px;}
#yin_con .yin_con_list .title5_p { text-align:left; color:#666; text-indent:20px; padding:70px 80px 70px 120px;background: url(../img/y5.gif) no-repeat 30px 0; display:block;}
#pp_con{ padding:0 80px;}
#pp_con .pp_title { display:block; height:130px; background: url(../img/yin_bg.png) no-repeat 0px -500px; text-indent:220px; line-height:60px; margin-left:-60px;}
#pp_con ul { margin-top:20px;}
#pp_con ul li { width:135px; height:53px; overflow:hidden; margin:14px 6px; float:left;}

#login_head { width:100%; height:49px;background: url(../img/pane_bg.png) repeat-x 0px -450px;text-align:center; overflow:hidden; margin:0;}
#login_pane {width:100%;height:300px; text-align:center; overflow:hidden; margin:40px 0;}
#login_pane .pufa_logo { width:984px; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
#login_pane .login_form {width:984px; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}
#login_pane .login_form ul {}
#login_pane .login_form ul li { padding:10px 0;}
#login_pane .login_form .login_name { float:left; width:350px; line-height:25px; text-align:right; font-size:14px; font-weight:bold; color:#aaa;}
#login_pane .login_form .login_input { float:left; width:500px; line-height:25px; text-align:left;}
#login_pane .login_form .login_input p { display:inline; color:#ff0000; margin-left:10px;}
.l_input {background: url(../img/btn.png) no-repeat 0 -250px; padding:0 5px; width:307px; height:25px; margin-left:10px; line-height:25px;}
.p_input {background: url(../img/btn.png) no-repeat 0 -275px; padding:0 5px; width:154px; height:25px; margin-left:10px; line-height:25px;}
.passcode { width:100px; height:25px; vertical-align:top; margin-left:10px;}
.update {background: url(../img/btn.png) no-repeat -100px -301px; width:100px; height:31px; margin-left:20px; line-height:31px; cursor:pointer; border:none;}
.update:hover{background: url(../img/btn.png) no-repeat -300px -301px;}
.reg {background: url(../img/btn.png) no-repeat 0px -301px; width:98px; height:31px; margin-left:20px; line-height:31px; cursor:pointer; border:none;}
.reg:hover {background: url(../img/btn.png) no-repeat -202px -301px;}