@charset "utf-8";
/* CSS Document */
/**/
.pt0{ padding-top:0px !important;}
.mb10{ margin-bottom:10px !important;}
.w1180{width:1180px; height:auto; margin:auto;}
/* top start */
.header{width:100%; height:115px; overflow:hidden; background:url(../images/top_bg.png) top center no-repeat;}
.logo{width:381px; height:71px; margin-top:25px; overflow:hidden; opacity:1 !important;  float: right;}
.logoa{width:305px; height:69px; margin-top:20px; overflow:hidden; opacity:1 !important;  float: left;}
.biaoyu{width:304px; height:62px; float:right; margin-top:28px; overflow:hidden;display: none;}

/* nav start */
.nav_w{width:100%; height:60px; margin:auto; position:relative;}
.nav_l{width:100%; height:60px; margin-top:-15px; position:absolute; /*left:-370px;*/ z-index:55; background:url(../images/nav_l.png) top left no-repeat;}
.nav_r{width:100%; height:60px; margin-top:-5px; position:absolute;/* right:-370px;*/ top:0; z-index:22; background:url(../images/nav_r.png) top right no-repeat;}
.nav{width:1180px; height:45px; line-height:45px; margin: 0 auto; position:relative; top:-10px; z-index:99; font-size:16px;}
.nav .nav_a{width:130px; height:45px; float:left; text-align:center; position:relative;}
/*.nav .nav_a:nth-child(9){ padding-top:10px;}*/
.nav .nav_b{ display:none; width:100%; padding:15px 0; background:rgba(0,0,0,.5); border-radius:5px; font-size:14px; line-height:28px;}
.nav .nav_b a{ color:#FFF; transition:all .4s ease 0s;}
.nav .nav_b a:hover{ color:#63cecc;}
.nav .nav_a:hover{ background:url(../images/np1.png) center bottom no-repeat;}
.nav .nuw{background:url(../images/np1.png) center bottom no-repeat;}


/* banner start */
.banner{width:100%; height:500px; overflow:hidden; position:relative; top:-25px; z-index:2;}
.banner a{ display:block;width:100%; height:100%; overflow:hidden;}
.banner_a{width:22px; height:50px; position:absolute; bottom:20px; right:10%; z-index:55;}

/* index news start */
.bg_zw{width:100%; height:25px; background:#e8e8e8; overflow:hidden; margin-top:-25px;}
.news_w{width:100%; padding:0 0 20px 0; background:#e8e8e8; margin-bottom:15px; overflow:hidden;}
.in_news_l{width:75px; height:20px; float:left; line-height:20px; color:#2fb5b8; font-size:16px; vertical-align:middle; background:url(../images/np10.png) center right no-repeat;}
.in_news_l img{ vertical-align:middle; margin-right:10px;}
.in_news_c{width:595px; height:50px; font-size:14px; float:left; margin-left:18px; margin-top:-5px; overflow:hidden;}
.in_news_c ul li{ height:25px; line-height:25px; /*margin-bottom:10px;*/}
.in_news_c ul li span{ float:right;}
.in_news_r{width:25px; height:25px; border-radius:50%; margin-top:10px; overflow:hidden; float:right; cursor:pointer;}

/* index about */
.in_about{width:812px; float:left;}
.in_about_qh{width:812px; height:50px; margin-bottom:30px; overflow:hidden;}
.in_about_qh .in_about_a{width:390px; height:50px; line-height:50px; padding-left:16px; float:left; background:rgba(119,221,204,.2); transition:all .4s ease 0s;}
.in_about_qh .in_about_a a{ font-size:20px; color:#0a54ab;}
.in_about_qh .in_about_a a span{ display:inline-block; vertical-align:top; line-height:20px; text-transform:uppercase; font-size:12px; color:#333333; border-bottom:2px solid #0a54ab; margin:12px 0 0 10px;}
.in_about_qh .in_abnuw{ background:url(../images/jp3.jpg) center center no-repeat;}
.in_about_c{width:812px; overflow:hidden;}
.in_about_c .in_about_cimg{width:250px; height:248px; float:left; margin-right:18px; overflow:hidden;}
.in_about_c .in_about_ctxt{ height:248px; overflow:hidden;}
.in_about_c .in_about_ctxt h2{ font-size:20px; font-weight:500; margin-bottom:15px;}
.in_about_c .in_about_ctxt div{ font-size:14px; line-height:24px;}
.in_about_newstop{width:100%; height:110px; padding-bottom:14px; border-bottom:1px solid #CCCCCC; overflow:hidden;}
.in_about_newstop .in_about_newsimg{width:146px; height:110px; float:left; margin-right:20px; overflow:hidden;}
.in_about_newstop .in_about_news_tc{ height:110px; overflow:hidden;}
.in_about_newstop .in_about_news_tc h2{ font-size:16px; font-weight:500; margin-bottom:15px;}
.in_about_newstop .in_about_news_tc h2 span{ color:#999999;}
.in_about_newstop .in_about_news_tc div{ line-height:24px;}
.in_about_news_ul{ line-height:30px; padding-top:5px;}
.in_about_news_ul li{ background:url(../images/np6.png) center left no-repeat; padding-left:15px;}
.in_about_news_ul li span{ float:right; color:#999;}
.in_about_news_ul li:hover{background:url(../images/np5.png) center left no-repeat;}

/* index video start */
.in_video{width:332px; float:right; overflow:hidden;}
.in_video .in_about_a{width:100%; height:50px; line-height:50px; margin-bottom:30px; transition:all .4s ease 0s;}
.in_video .in_about_a a{ font-size:20px; color:#0a54ab;}
.in_video .in_about_a a span{ display:inline-block; vertical-align:top; line-height:20px; text-transform:uppercase; font-size:12px; color:#333333; border-bottom:2px solid #0a54ab; margin:12px 0 0 10px;}


/* 首页产品 */
.in_pro{width:1180px; height:250px; padding-top:45px; margin:auto; position:relative; overflow:hidden;}

#imageFlow{position:absolute;width:100%;height:80%;left:0%;bottom:0;}
#imageFlow .diapo{position:absolute;left:-1000px;cursor:pointer;-ms-interpolation-mode:nearest-neighbor;}
#imageFlow .link{border:dotted #fff 1px;margin-left:-1px;margin-bottom:-1px;}
#imageFlow .bank{visibility:hidden;}
#imageFlow .top{position:absolute;width:100%;height:40%;background:#181818;}
#imageFlow .text{ display:none; position:absolute; left:0px; width:100%; background:rgba(0,0,0,.2); bottom:15%; text-align:center; color:#FFF; z-index:1000;}
#imageFlow .title{font-size:0.9em;font-weight:bold;}
#imageFlow .legend{font-size:0.8em;}
#imageFlow .scrollbar{position:absolute; bottom:5%; width:100%; height:16px; z-index:1000;}
#imageFlow .track{position:absolute;left:1%;width:98%;height:16px;filter:alpha(opacity=30);opacity:0.3;}
#imageFlow .arrow-left{position:absolute;}
#imageFlow .arrow-right{position:absolute;right:0px;}
#imageFlow .bar{position:absolute;height:16px;left:25px;}
.in_more{ text-align:center; padding:10px 0 20px 0;}
.in_more a{ display:inline-block; vertical-align:top; width:165px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#333333; border:1px solid #CCCCCC; border-radius:18px; transition: all .4s ease 0s;}
.in_more a:hover{ background:#30b6b7; border:1px solid #30b6b7; color:#FFFFFF;}

/* foot start */
.foot_bg{width:100%; min-height:260px; background:url(../images/np12.png) left top repeat-x #30b6b7; overflow:hidden;}
.foot_w{width:1180px; min-height:145px; margin:35px auto; /*background:url(../images/np13.png) right center no-repeat;*/ position: relative;}
.biaos{position: absolute; top: 50%; left: -135px; margin-top: -59px; width: 118px; height: 118px;}
#bottom{ clear:both; background:url(../images/np12.png) left top repeat-x #30b6b7; color:#FFF; min-height:200px; overflow:hidden;}
#bottom ul li{ float:left; width:100px; padding-left:18px;  text-align:left; border-right:1px #189899 solid; height:157px; overflow:hidden;}
#bottom ul li h4{ height:30px; font-size:14px; font-weight:normal;}
#bottom ul li a{ line-height:26px; color:#FFF; display:block;}
#bottom .ditu{ float:right; width:325px; text-align:center; line-height:25px; font-size:14px;}
#bottom .ditu p img{ vertical-align:middle; margin-right:5px;}
#bottom .ditu p .st1{ font-size:18px;}
#bottom .ewm{ line-height:25px; float:right; width:130px; text-align:right;}
#bottom  .wenzi3{color:#FFC6AB;}

#foot{ height:50px; line-height:25px; background-color:#1b8f90; color:#fff;}
#foot .w1{ float:left;}
#foot .w2{ float:right;}
#foot p{ width:1180px; margin-left:auto; margin-right: auto;}
#foot a{color:#fff;}

/* page start */
.ny_banner{width:100%; height:242px; overflow:hidden; position:relative; top:-25px; z-index:2}
.pg_left_dw{width:249px; float:left;}
.pg_nav{width:215px; height:450px; padding-left:34px; background:url(../images/np14.png) top center no-repeat; float:left; overflow:hidden;}
.pg_nav_b{width:205px; height:60px; line-height:60px; padding-right:10px; font-size:30px; color:#FFFFFF; font-family:Corbel; text-align:right;}
.pg_nav ul{ margin-top:10px;}
.pg_nav ul li{width:205px; height:35px; line-height:35px; padding-right:10px; font-size:16px; overflow:hidden; text-align:right; transition:all .2s ease 0s;}
.pg_nav ul li a{ color:#FFFFFF;  transition:all .4s ease 0s;}
.pg_nav ul li:hover{ background:url(../images/np15.png) center right no-repeat;}
.pg_nav ul li:hover a{ color:#333333;}
.pg_nav ul .pg_nuw{background:url(../images/np15.png) center right no-repeat;}
.pg_nav ul .pg_nuw a{ color:#333333;}
.pg_right{width:885px; float:right;}
.pg_right_b{width:100%; height:60px; margin-bottom:30px; overflow:hidden;}
.pg_right_bl{ float:left; font-size:26px; color:#333333; overflow:hidden;}
.pg_right_bl p{ font-size:16px; color:#999999; text-transform:uppercase;}
.pg_right_br{ float:right; height:60px; line-height:70px; text-align:right;}
.pg_right_br span{ font-family:"新宋体";}
.pg_dy{ font-size:14px; line-height:24px; color:#333333;}
.news_n{width:100%; text-align:center; font-size:18px; color:#333333; margin-bottom:15px;}
.news_n p{ font-size:12px; color:#666;}

.pg_rczpb{width:865px; height:40px; line-height:40px; font-size:16px; padding:0 10px; background:#f5f5f5; border:1px solid #CCCCCC; vertical-align:middle; overflow:hidden;}
.pg_rczpb span{ display:inline-block; width:8px; height:5px; vertical-align:top; margin-right:10px;}
.pg_rczpc{width:885px; padding:25px 0; overflow:hidden;}

.pg_newsli{width:100%; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #CCCCCC; overflow:hidden;}
.pg_newsli h2{ font-size:16px; margin-bottom:20px;}
.pg_newsli h2 a{ color:#333333; transition:all .4s ease 0s;}
.pg_newsli h2 span{ float:right; font-size:12px; font-weight:500;}
.pg_newsli div{ font-size:12px; color:#666666; line-height:22px; margin-bottom:10px;}
.pg_newsli .pg_more{ float:right; font-size:12px; transition:all .4s ease 0s;}
.pg_newsli .pg_more span{font-family:"新宋体"; margin-left:10px;}
.pg_newsli a:hover{ color:#5fccca;}

.n_ct{width:100%;}

.news{width:885px; padding-top:90px; margin:auto; /*overflow:hidden;*/}
.news li{width:885px; height:170px; padding-bottom:25px; border-bottom:1px solid #CCCCCC; overflow:hidden; margin-bottom:25px; clear:both; transition:all .4s ease 0s;}
.news li .news_img{width:276px; height:169px; float:left; margin-right:30px; overflow:hidden;}
.news li b a{ display:block; font-size:16px; color:#333333; padding-bottom:15px; transition:all .4s ease 0s;}
.news li b a span{ float:right; font-size:12px; font-weight:500; color:#999999;}
.news li p{font-size:12px; line-height:24px; color:#666666; height:85px; overflow:hidden; padding-bottom:22px;}
.news li:hover{-webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); transform:translate(0,-10px); box-shadow:0px 0px 5px rgba(0,0,0,.5); border-bottom:none; padding:12.5px; /*width:932px;*/}
.news li a:hover{ color:#5fccca;}



.ny_news{width:100%;}
.news_list{width:100%;margin:0 auto;}
.news_list li{margin:0 37px 30px 0; float:left; /*transition:all .4s ease 0s;*/}
.news_list li .news_img{width:266px; height:156px; overflow:hidden;}
.news_list li  .news_img img{width:100%; height:100%; transition:all .4s ease 0s;}
.news_text{background:#f3f3f3; width:246px; padding:15px 10px 10px; transition:all .4s ease 0s;}
.news_text h2{width:240px; white-space: nowrap; overflow: hidden; font-size:16px; font-weight: normal; color:#333; }
.news_tail{height:65px;overflow: hidden;margin-top:10px;font-size:12px;color:#666;line-height:20px; transition:all .5s ease 0s; text-align:Justify;/*Firefox*/text-justify:inter-ideograph;/*IE*/}
.news_text a{ color:#333333; transition:all .6s ease 0s;}
.news_list li:hover .news_img img{-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.news_list li:hover .news_text{background:#30b6b7;}
.news_list li:hover a{color:#FFFFFF;}
.news_list li:hover .news_tail{ color:rgba(255,255,255,.8);}
.news_list li:nth-child(3n){ margin-right:0;}

/* 员工之家 start */
.ygzj_l{width:286px; height:283px; background:#FFF; border:1px solid #e2e2e2; overflow:hidden; float:left;}
.ygzj_bt{width:100%; height:28px; line-height:28px; background:url(../images/np17.png) left top repeat-x; text-indent:10px; font-size:14px; overflow:hidden;}
.ygzj_bt a{ color:#175599;}
.ygzj_bt a span{ margin-right:5px;}
.fb_xd{ float:right; margin-right:10px; color:#175599; cursor:pointer;}
.fb_xd i{ vertical-align:middle; margin-right:5px;}

.ygzj_ul{ padding:10px 0; line-height:24px; overflow:hidden;}
.ygzj_ul a{color:#175599; transition:all .4s ease 0s;}
.ygzj_ul a span:before{ display:inline-block; vertical-align:top; content:"·"; font-size:30px; line-height:22px; margin:0 8px;}
.ygzj_ul a:hover{ color:#ff6600;}

.ygzj_c{width:620px; height:283px; background:url(../images/np20.png) top center no-repeat #FFF; border:1px solid #e2e2e2; overflow:hidden; margin:0 9.3px; float:left;}
.ygzj_js{ height:214px; padding:25px 10px 20px 10px; color:#175599; line-height:18px; overflow:hidden;}
.ygzj_js .ygzj_jsimg{width:214px; height:214px; float:left; margin-right:20px; overflow:hidden;}
.ygzj_js div span img{ vertical-align:middle;}

.ygzj_r{width:251px; height:285px; float:right; overflow:hidden;}
.ygzj_rtop{width:251px; height:204px; background:url(../images/np21.png) top center no-repeat; overflow:hidden;}
.ygzj_bt1{width:100%; height:35px; line-height:35px; text-align:center; color:#FFFFFF; font-size:18px; overflow:hidden;}
.ygzj_bt1 a{ color:#FFFFFF;}
.ygzj_rc{ line-height:26px; padding:10px 10px 0 10px;}
.ygzj_rc a{ color:#175599;}
.ygzj_rc a span{ margin-right:10px;}
.ygzj_zjyx{width:249px; height:59px; background:url(../images/np22.png) center center no-repeat; margin-top:15px; cursor:pointer; overflow:hidden;}

.ygzj_qh{width:583px; height:283px; background:#FFF; border:1px solid #e2e2e2;}
.ygzj_qha{width:100%; height:28px; line-height:28px; background:url(../images/np17.png) center top repeat-x; overflow:hidden;}
.ygzj_qha a{ display:inline-block; vertical-align:top; width:135px; height:28px; line-height:28px; text-align:center; color:#175599;}
.ygzj_qha .a_nuw{ background:#61ceca; color:#FFFFFF;}

/* 弹窗 start */
.pg_tcbg{ display:none; width:100%; height:100%; background:rgba(0,0,0,.3); position:fixed; top:0; left:0; z-index:777;}

.fbxd_tc{ display:none;width:895px; height:580px; padding:20px; background:#FFFFFF; border:5px solid #e2e2e2; position:fixed; top:50%; left:50%; z-index:888; margin:-310px 0 0 -467.5px; border-radius:5px;}
.input_1{width:410px; height:28px; line-height:28px; padding:0 5px;}
.input_2{width:680px; height:430px; line-height:24px; padding:5px; font-family:"微软雅黑", Arial;}
.input_3{width:340px; height:28px; line-height:28px; padding:0 5px;}
.input_4{width:825px; height:260px; line-height:24px; padding:5px; font-family:"微软雅黑", Arial;}
.input_a{ display:inline-block; vertical-align:top; width:115px; height:38px; line-height:38px; text-align:center; font-size:16px; color:#FFFFFF; border-radius:5px; overflow:hidden;}

.mail_tc{display:none; width:895px; height:440px; padding:20px; background:#FFFFFF; border:5px solid #e2e2e2; position:fixed; top:50%; left:50%; z-index:888; margin:-245px 0 0 -467.5px; border-radius:5px;}


/* 营销网络 */
.pg_left{width:249px; height:482px; background:url(../images/np24.png) top left no-repeat; float:left; margin-top:100px;}
.pg_lnr{width:195px; margin:65px auto 0 auto;}
.pg_lnr_top{width:100%; border-bottom:1px solid #aeaeae; padding-bottom:10px;}
.pg_lnr_top h2{ font-size:14px; line-height:18px; color:#333; font-weight:500;}
.pg_lnr_top p{ font-size:12px; line-height:20px; color:#666; padding-top:5px;}
.pg_lnr ul{ font-size:14px; line-height:26px; padding-top:8px;}
.pg_lnr ul li a:before{ display:inline-block; vertical-align:top; content:"·"; font-size:30px; line-height:22px; margin:0 8px 0 0px;}

.pg_jchd_bt{width:100%; height:38px; line-height:38px; border:1px solid #e2e2e2; border-radius:5px 5px 0px 0px; font-size:20px; color:#055faa; text-indent:15px; margin:20px 0;}
.pg_jchd li{width:282px; height:218px; float:left; overflow:hidden; text-align:center; font-size:16px; margin-right:19px;}
.pg_jchd li:nth-child(3){ margin-right:0;}


/* 登录 */
.bg_log{width:100%; height:925px; background:url(../images/jp12.jpg) center top no-repeat; overflow:hidden;}
.dlbt{width:380px; height:273px; padding:85px 0 0 70px; background:url(../images/np26.png) center top no-repeat; float:right; margin-top:235px; overflow:hidden;}
.dlbt p{ margin-bottom:15px;}
.in_put5{width:230px; height:50px; line-height:50px; padding:0 15px 0 50px; background:url(../images/np28.png) center left no-repeat; border:none;}
.bg2{background:url(../images/np29.png) center left no-repeat;}
.input_a2{ display:inline-block; vertical-align:top; width:295px; height:70px; line-height:70px; text-align:center; background:url(../images/np27.png) center center no-repeat; font-size:20px; color:#333333;}
.dlbt div{ padding-left:10px;}
.dlbt div a{ font-size:14px; color:#d4d4d4;}



/* 时间轴 style */
#timeline{width:885px; min-height:400px; overflow:hidden; margin:40px auto 0 auto; position:relative;}
#dates{width:885px; height:47px; overflow:hidden;}
#dates li{float:left; width:100px; height:47px; font-size:16px; text-align:center;}
#dates a{color:#713611; width:100px; height:35px; line-height:35px; margin-top:6px; display:block;}
#dates .selected{ background:#961e0e; border-radius:17.5px; color:#FFFFFF;}
#issues{width:885px; min-height:500px; clear:both; overflow:hidden;}
#issues li{width:885px; min-height:500px;list-style:none;float:left; padding-bottom:20px;}
#issues li img{text-align:center;display:block;margin:0 auto;}
#next,#prev{position:absolute; font-size:36px; font-family:"宋体"; top:10px; width:36px; height:36px; text-align:center; line-height:36px; overflow:hidden; color:#333; background:#FFFFFF;}
#next{right:50%; margin-right:-450px;}
#prev{left:50%; margin-left:-450px;}
#next.disabled,#prev.disabled{opacity:0.2;}

.timeline_br{width:100%; height:3px; background:#e4e4e4;}
.timeline_cbg{width:100%; height:59px; background:url(../images/np30.png) center center no-repeat; margin:15px 0 30px 0;}


/*  */
.pg_pronav{width:1180px; height:38px; line-height:38px; margin:204px auto 0 auto; background:#d1d1d1; text-align:center; overflow:hidden;}
.pg_pronav a{ display:inline-block; vertical-align:top; width:95px; height:38px; line-height:38px; border-right:1px solid #b1b1b1; border-left:1px solid #e2e2e2; font-size:14px;}
.pg_pronav a:nth-child(1){border-left:none;}
.pg_pronav a:hover{ color:#962010;}
.pg_pronav .pro_nuw{color:#962010;}

.pro_ss{ margin-bottom:30px;}
.input_5{width:250px; height:36px; line-height:36px; padding:0 5px; border:1px solid #e2e2e2; border-right:none;vertical-align:top;}
.input_a3{width:46px; height:38px; border:none; background:url(../images/np33.png) center center no-repeat #0099ff; cursor:pointer;}
.pro_ul{width:100%; height:auto;}
.pro_ulli{width:287px; height:320px; font-size:14px; text-align:center; float:left; margin-right:10px; margin-bottom:20px; cursor:pointer;}
.pro_ulli_img{width:285px; height:285px; background:url(../images/bg1.gif) center center no-repeat; border:1px solid #E2E2E2; position:relative; overflow:hidden;}
.pro_ulli_img div{width:285px; height:285px;/* background:url(../images/npj1.png) center center no-repeat; */ position:absolute; top:-100%; left:0; z-index:2; opacity:0; transition:all .4s ease 0s;display: none;}
.pro_ulli p{ height:35px; line-height:35px;}
.pro_ulli_img img{ transition:all .4s ease 0s;}
.pro_ul .pro_ulli:nth-child(4n){ margin-right:0;}
.pro_ulli:hover .pro_ulli_img{border:1px solid #e99504;}
.pro_ulli:hover .pro_ulli_img div{ top:0; opacity:1; transition:all .2s ease 0s;}
/*.pro_ulli:hover .pro_ulli_img img{-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}*/
.pro_ulli:hover a{ color:#e99504;}

/*  */
.pro_tc{ display:none; width:1040px; height:475px; border:5px solid #CCCCCC; padding:20px; background:#FFF; position:fixed; top:50%; left:50%; z-index:888; margin:-262.5px 0 0 -545px;}
.pro_tcimg{width:475px; height:475px; border:1px solid #E2E2E2; margin-right:25px; overflow:hidden; float:left;}
.pro_tcnr{width:520px; height:475px; overflow-y:auto; float:right;}
.pro_tcnr .pro_tcnrbt{ font-size:16px; color:#333333;}
.pro_tcnr .pro_tcnrbot{ line-height:24px; padding-top:20px; overflow:hidden;}


/*商品相册-->start*/
#preview { float: none; text-align: center; width:477px; height:600px; overflow: hidden; }
.jqzoom { width:475px; height:475px; background:url(../images/bg2.gif) center center no-repeat; position: relative; padding: 0; margin-bottom:10px; }
.jqzoom img { /*border: 1px solid #cecccd;*/ }
.list-h li { float: left; cursor: pointer }
#spec-n5{width:475px; height:112px; overflow: hidden; position: relative }
#spec-list{width:475px; overflow: hidden; display: block; left:0; top: 0; position: absolute; }
#spec-list ul li {float: left; display: block; width:112px; padding-right:9px; position:relative;}
#spec-list ul li img { border:1px solid #ccc; width:110px; height:110px; background:#000000;}
#spec-list ul li div{ display:none; width:112px; height:112px; background:rgba(0,0,0,.2); position:absolute; top:0; left:0; z-index:22;}

/* 切换按钮 */
#spec-left,#spec-right{ width:30px; height:112px; line-height:112px; cursor: pointer; position: absolute;top: 0; z-index:999; font-family:"新宋体"; font-size:36px; color:#FFFFFF; background:rgba(0,0,0,.5); text-align:center; opacity:0; transition:all .4s ease 0s;}
#spec-left{ left:-30px; }
#spec-right{ right:-30px;}
#spec-n5:hover #spec-left{ left:0; opacity:1;}
#spec-n5:hover #spec-right{ right:0; opacity:1;}

/*jqzoom*/
.zoomdiv {width:475px; height:475px; background: url(i/loading.gif) #fff no-repeat center center; border: 1px solid #e4e4e4; display: none; text-align: center; overflow: hidden; position: absolute; top: 1px; left: 0px; z-index:100;}
.bigimg { width: 800px; height: 800px; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border: 1px solid #aaa; background: #FEDE4F 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }
#spec-list div { margin-top: 0; margin-left: 0px; *margin-left:0;}
.vimgBow{ border:1px solid #ccc !important; /*opacity:.3;*/}
/*商品相册-->end*/

.pro_right{width:673px; float:right; overflow:hidden;}
.pro_rightpm{width:623px; height:50px; line-height:50px; font-size:20px; color:#FFFFFF; text-shadow:rgba(0,0,0,.2); background:#80dbd9; padding:0 25px; border-radius:25px; position:relative; margin-bottom:30px;}
.pro_rightpm span{ display:block; width:28px; height:8px; line-height:0; background:url(../images/np35.png) center top no-repeat; position:absolute; bottom:-8px; left:50px; z-index:55;}
.pro_rightzw{width:633px; height:269px; background:#f4f4f4; border-radius:10px; padding:20px; line-height:22px; overflow:hidden;}
.pro_rightbot{width:653px; height:176px; padding:10px; background:#edf5f4; border-radius:10px; margin-top:11px; overflow:hidden;}
.pro_rbotul{width:653px; height:100px;}
.pro_rbotli{width:310px; height:100px; float:left; overflow:hidden;}
.pro_rbotli .pro_rbotliimg{width:100px; height:100px; border-radius:5px; overflow:hidden; float:left; margin-right:10px;}
.pro_rbotlit{ line-height:22px; color:#333333;}
.pro_rbotlit span{ color:#999999;}
.pro_rbotlit h2{ font-size:12px; font-weight:500; margin-bottom:5px;}
.pro_rbotul .pro_rbotli:nth-child(2){ float:right;}
.pro_rbotsm{width:633px; height:40px; padding:10px; background:#dfedeb; border-radius:5px; line-height:20px; color:#333333; margin-top:15px; overflow:hidden;}
.pro_xqbt{width:100%; height:45px; line-height:45px; font-size:16px; color:#FFFFFF; text-shadow:rgba(0,0,0,.2); background:#80dbd9; text-indent:25px; border-radius:5px; position:relative; margin-bottom:30px; margin-top:30px;}
.pro_xqbt span{ display:block; width:28px; height:8px; line-height:0; background:url(../images/np35.png) center top no-repeat; position:absolute; bottom:-8px; left:50px; z-index:55;}


.dv_18{ text-align:center;}


.jb_bg{
  background: -webkit-linear-gradient(180deg, #fcba29, #e99504); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(180deg, #fcba29, #e99504); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(180deg, #fcba29, #e99504); /* Firefox 3.6 - 15 */
  background: linear-gradient(180deg, #fcba29, #e99504); /* 标准的语法 */
}

.jb_bg1{
  background: -webkit-linear-gradient(180deg, #ffffff, #e4e4e4); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(180deg, #ffffff, #e4e4e4); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(180deg, #ffffff, #e4e4e4); /* Firefox 3.6 - 15 */
  background: linear-gradient(180deg, #ffffff, #e4e4e4); /* 标准的语法 */
}


.bg_no{ background:none;}
.mt_20{ margin-top:20px;}
.mt_50{margin-top:50px;}
/* 动画延时 */
.delay100{animation-delay:.1s;}
.delay200{animation-delay:.2s;}
.delay300{animation-delay:.3s;}
.delay400{animation-delay:.4s;}



/* 分页 */
.fy{width:100%; height:32px; line-height:30px; text-align:center; letter-spacing:0; word-spacing:0; font-size: 0; overflow:hidden;}
.fy_br{ display:inline-block; vertical-align:top; border:1px solid #e6e9ed; border-right:none; border-radius:5px; background:#FFFFFF; overflow:hidden; font-family:"新宋体"; font-size:14px; font-weight:bold;}
.fy_br a{ display:inline-block; vertical-align:top; width:28px; height:30px; line-height:30px; border-right:1px solid #e6e9ed; color:#666666; transition: all 400ms ease 0s;}
.fy_br .fy_up{width:82px !important;}
.fy_br .ny_down{width:82px !important;}
.fy_br a:hover{ background:#5fccca; color:#FFFFFF; transition: all 800ms ease 0s;}
.fy_br .fy_nuw{ background:#5fccca; color:#FFFFFF; transition: all 800ms ease 0s;}

/* css3 donghua start */
@keyframes youshi
{
0%   {-o-transform:scale(0,1); /* Opera */-moz-transform:scale(0,1); /* Firefox 4 */-webkit-transform:scale(0,1); /* Safari and Chrome */transform:scale(0,1);}
100% {-o-transform:scale(1,1); /* Opera */-moz-transform:scale(1,1); /* Firefox 4 */-webkit-transform:scale(1,1); /* Safari and Chrome */transform:scale(1,1);}
}

@-webkit-keyframes youshi /* Safari and Chrome */
{
0%   {-o-transform:scale(0,1); /* Opera */-moz-transform:scale(0,1); /* Firefox 4 */-webkit-transform:scale(0,1); /* Safari and Chrome */transform:scale(0,1);}
100% {-o-transform:scale(1,1); /* Opera */-moz-transform:scale(1,1); /* Firefox 4 */-webkit-transform:scale(1,1); /* Safari and Chrome */transform:scale(1,1);}
}

@keyframes anniu
{
0%   {box-shadow:0px 1px 5px rgba(255,255,255,.1);}
100% {box-shadow:0px 6px 15px rgba(199,127,8,.5);}
}

@-webkit-keyframes anniu /* Safari and Chrome */
{
0%   {box-shadow:0px 1px 5px rgba(255,255,255,.1);}
100% {box-shadow:0px 6px 15px rgba(199,127,8,.5);}
}

@keyframes anniul
{
0%   {box-shadow:0px 1px 5px rgba(255,255,255,.1);}
100% {box-shadow:0px 6px 15px rgba(19,129,219,.5);}
}

@-webkit-keyframes anniul /* Safari and Chrome */
{
0%   {box-shadow:0px 1px 5px rgba(255,255,255,.1);}
100% {box-shadow:0px 6px 15px rgba(19,129,219,.5);}
}
/* chebian */
.mo_topc{width:45px; height:90px; position:fixed; right:20px; bottom:20%; z-index:999;}
.mo_tcl{width:40px; height:40px; font-size:20px; line-height:0; text-align:right; background:rgba(0,0,0,.8); border-radius:50%; transition:all .4s ease 0s; margin-bottom:10px; position:relative; overflow:hidden;}
.mo_tcl a{ color:#fff; text-shadow:1px 1px 2px #1664b1;}
.mo_tcl img{transition:all .4s ease 0s;-o-transform:rotate(0deg); /* Opera */-moz-transform:rotate(0deg); /* Firefox 4 */-webkit-transform:rotate(0deg); /* Safari and Chrome */transform:rotate(0deg);}
.mo_tcl:hover{ background:#d6000f;}
.mo_tcl:hover img{-o-transform:rotate(360deg); /* Opera */-moz-transform:rotate(360deg); /* Firefox 4 */-webkit-transform:rotate(360deg); /* Safari and Chrome */
transform:rotate(360deg);}
.m_tel:hover{width:215px; border-radius:20px; -webkit-transform:translate(-175px,0); -moz-transform:translate(-175px,0); -o-transform:translate(-175px,0); -ms-transform:translate(-175px,0); transform:translate(-175px,0); }
.m_tel span{ display:none; vertical-align:top; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; line-height:40px; height:40px; padding-right:20px; overflow:hidden; transition:all .4s ease .3s;}
.m_tel:hover span{ display:inline-block; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.mr0{ margin-right:0 !important;}
/**/
.pg_nav_1{width:215px; height:450px; padding-left:34px; background:url(../images/np14.png) top center no-repeat; float:left; overflow:hidden;}
.pg_nav_1 ul{ margin-top:10px;}
.pg_nav_1 ul li{width:215px; height:auto; line-height:35px; font-size:16px; overflow:hidden; text-align:right; transition:all .2s ease 0s;}
.pg_nav_1 ul li .pg_nuw_a{ background:url(../images/np15.png) center right no-repeat;  display:block; width:205px; height:35px; padding-right:10px; color:#333333;  transition:all .4s ease 0s;}
.pg_nav_1 ul li .pg_nuw_a:hover{color:#333333;}
.pg_nav_1 ul li .pg_nuw_1{background:url(../images/np15.png) center right no-repeat; color:#333333;}
.pg_nuw_b{ /*display:none;*/ width:205px; height:auto; padding-right:10px;}
.pg_nuw_b a{ display:block; font-size:14px; color:#FFFFFF; transition:all .4s ease 0s;}
.pg_nuw_b a:hover{ color:#333333;}