﻿@charset "UTF-8";
/* CSS Document */
body { font: 14px/24px "微软雅黑","黑体", Arial,"宋体"; color: #666; margin: 0; padding: 0; background: #fff; position: relative; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, button, textarea, select, p, span { margin: 0; padding: 0; }
img { border: 0; }
ul, li, ol, ul { list-style: none; }
.clear { clear: both; height: 0; }
a:hover { text-decoration: underline; }
a { text-decoration: none; color: #666; }
input, textarea { outline: none; }
em, i { font-style: normal; }
.fr { float: right; }
.fl { float: left; }
.mid { float: left; }
.center { width: 1080px; margin: 0 auto; }
.icon { background: url(../images/icon.png) no-repeat; }

/* public css */
/* head css */
.headtop { background: url(../images/headbg.jpg) repeat; position: relative; height: 194px; }

.top { height: 39px; border-bottom: 1px solid #e5e4e4; }
.top .center { height: 39px; }
.top .center .fl { color: #999; line-height: 39px; font-size: 14px; }
.top .center .fr { height: 39px; }
.top .center .fr a { float: left; font-size: 14px; color: #999; height: 39px; line-height: 39px; position: relative; padding-left: 28px; margin-right: 20px; }
.top .center .fr a i { width: 24px; height: 16px; display: inline-block; position: absolute; left: 0; top: 12px; }
.top .center .fr a.tsina i { background-position: 0 -4px; }
.top .center .fr a.weixin i { background-position: -24px -4px; }
.top .center .fr a.weixin div { z-index: 9; position: absolute; top: 39px; left: 0px; width: 98px; height: 0; overflow: hidden; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; transition: all linear 0.3s; }
.top .center .fr a.weixin div img { width: 98px; height: 98px; overflow: hidden; }
.top .center .fr a.weixin:hover div { height: 98px; }
.top .center .fr a.shouc { margin-right: 0; }
.top .center .fr a.shouc i { background-position: -48px -4px; }

.head { margin-top: 26px; height: 110px; }
.head .fl { height: 110px; }
.head .fl a.logo { display: block; float: left; width: 120px; height: 110px; }
.head .fl .dwy { float: left; border-left: 1px solid #ccc; margin: 13px 0 0 22px; padding: 24px 0 0 24px; letter-spacing: 1px; }
.head .fl .dwy h3 { color: #e78c29; font-size: 24px; line-height: 44px; }
.head .fl .dwy p { font-size: 18px; color: #333; line-height: 20px; }
.head .fr { position: relative; padding: 14px 0 0 74px; margin-top: 36px; }
.head .fr i { position: absolute; left: 0; top: 0; background: url(../images/telicon.jpg) no-repeat; width: 70px; height: 70px; }
.head .fr span { display: block; line-height: 22px; font-size: 16px; color: #333; }
.head .fr p { color: #e78c29; font-size: 30px; font-family: arial; line-height: 34px; }

/* head css end*/
/* menu css */
.menu { background: #0184c8; height: 56px; position: relative; z-index: 10; }
.menu .center { position: relative; height: 56px; }
.menu .center ul li { float: left; width: 180px; position: relative; z-index: 10; }
.menu .center ul li a { display: block; text-align: center; line-height: 56px; line-height: 56px; color: #FFF; font-size: 16px; }
.menu .center ul li a:hover, .menu .center ul li a.hover, .menu .center ul li a.over { text-decoration: none; }
.menu .center ul li ul { position: absolute; left: 0; top: 56px; background: #0184c8; display: none; }
.menu .center ul li ul li a { line-height: 38px; font-size: 14px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; transition: all linear 0.3s; }
.menu .center ul li ul li a:hover { background: #e78c29; }
.menu .center .menulihover { width: 180px; overflow: hidden; background: #e78c29; height: 56px; position: absolute; left: 0px; top: 0px; display: none; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; transition: all linear 0.3s; }

/* banner css */
.banner { position: relative; z-index: 1; height: 550px; }
.banner .bannerpic { position: absolute; left: 0; top: 0; width: 100%; display: block; height: 550px; opacity: 0; filter: alpha(opacity=0); }
.banner .banner_icon { position: absolute; overflow: hidden; left: 50%; bottom: 25px; height: 12px; width: 146px; margin-left: -73px; z-index: 6; }
.banner ul li { float: left; width: 22px; margin: 0px 6px 0; height: 12px; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #0184c8; border-radius: 6px; }
.banner ul .banner_icon_active { background-color: #e78c29; width: 32px; }

.nybanner { height: 350px; overflow: hidden; }
.nybanner a.bannerpic { height: 350px; }

/* search css */
.search { height: 32px; margin: 14px auto 0; }
.search .fl { height: 32px; }
.search .fl p { float: left; color: #333; font-size: 14px; font-weight: bold; line-height: 32px; }
.search .fl .zxgg { float: left; height: 32px; overflow: hidden; }
.search .fl .zxgg ul li { color: #999; line-height: 32px; font-size: 14px; }
.search .fr { height: 30px; border: 1px solid #ccc; width: 280px; }
.search .fr input[type=text] { float: left; height: 30px; border: 0; width: 240px; padding: 0 5px; font-family: "微软雅黑"; }
.search .fr input[type=submit] { float: right; width: 24px; height: 24px; margin: 3px; background-position: -77px 0; border: 0; cursor: pointer; }

/*main css*/
.main { margin-top: 14px; background: #e5f0ff; padding-top: 50px; padding-bottom: 32px; }
.main .center { overflow: hidden; }
.main .center .fl { background: #0184c8; width: 210px; padding: 0 5px 20px; border-radius: 10px; margin-top: 12px; }
.main .center .fl .cplefttitle { font-weight: normal; color: #FFF; font-size: 24px; line-height: 62px; margin-left: 20px; }
.main .center .fl .cpnav { background: #FFF; padding: 20px 18px 25px; border-radius: 10px; margin-bottom: 10px; }
.main .center .fl .cpnav li a { font-size: 18px; color: #0184c8; line-height: 26px; height: 26px; position: relative; padding-left: 34px; display: block; }
.main .center .fl .cpnav li a i { position: absolute; left: 0; top: 0; background-position: -130px -63px; width: 26px; height: 26px; }
.main .center .fl .cpnav li a:hover { text-decoration: none; }
.main .center .fl .cpnav li ul { width: 120px; margin: 10px auto 20px; }
.main .center .fl .cpnav li ul li a { font-size: 16px; color: #555; border-bottom: 1px dashed #ddd; line-height: 36px; height: 36px; padding-left: 0; }
.main .center .fl .cpnav li ul li a i { position: absolute; left: auto; right: 0; top: 14px; width: 12px; height: 10px; background-position: -142px -5px; }
.main .center .fl .cpnav li ul li a:hover { color: #0184c8; }
.main .center .fl .cpnav li:last-child ul { margin-bottom: 0; }
.main .center .fl .cpleft { background: #FFF; border-radius: 10px; padding: 13px 25px; }
.main .center .fl .cpleft a.cplogo { display: block; margin: 0 auto 5px; width: 116px; height: 116px; overflow: hidden; }
.main .center .fl .cpleft h3 { border-top: 1px solid #ccc; text-align: center; font-size: 24px; color: #005198; line-height: 40px; letter-spacing: 1px; }
.main .center .fl .cpleft span { display: block; font-size: 16px; color: #333; margin-top: 8px; }
.main .center .fl .cpleft p.tel { color: #e78c29; font-weight: bold; font-size: 26px; font-family: arial; width: 180px; line-height: 36px; }
.main .center .fl .cpleft .cplefticon { width: 144px; height: 110px; overflow: hidden; margin: 0px auto; }
.main .center .fr { width: 842px; position: relative; overflow: hidden; }
.main .center .fr .cpstitle p { font-size: 30px; line-height: 53px; color: #0184c8; text-align: center; height: 53px; overflow: hidden; letter-spacing: 1px; }
.main .center .fr .cpstitle p span { color: #ccc; display: inline-block; font-family: "Myriad Pro"; }
.main .center .fr .cpstitle em { display: block; width: 70px; height: 3px; background: #e78c29; margin: 0 auto; }
.main .center .fr .cplist { width: 852px; margin-top: 20px; overflow: hidden; border-bottom: 10px solid #0184c8; }
.main .center .fr .cplist li { float: left; border-top: 10px solid #0184c8; padding-right: 10px; }
.main .center .fr .cplist li a { display: block; }
.main .center .fr .cplist li a p { width: 203px; height: 135px; overflow: hidden; }
.main .center .fr .cplist li a p img { -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; transition: all linear 0.3s; }
.main .center .fr .cplist li a span { display: block; width: 203px; height: 40px; background: #FFF; text-align: center; line-height: 40px; color: #333; }
.main .center .fr .cplist li a:hover { text-decoration: none; }
.main .center .fr .cplist li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.main .center .fr .cplist li a:hover span { color: #0184c8; }

a.more, .stitle a { color: #0184c8; font-size: 16px; display: block; position: absolute; right: 0; top: 32px; line-height: 22px; padding-left: 28px; }
a.more i, .stitle a i { position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #0184c8; color: #0184c8; text-align: center; border-radius: 50%; line-height: 20px; font-size: 16px; display: block; }
a.more:hover, .stitle a:hover { text-decoration: none; color: #e78c29; }
a.more:hover i, .stitle a:hover i { color: #e78c29; border: 1px solid #e78c29; }

.stitle { position: relative; height: 40px; }
.stitle p { line-height: 40px; font-size: 30px; color: #0184c8; overflow: hidden; height: 40px; }
.stitle p span { display: inline-block; font-size: 24px; color: #CCC; }
.stitle a { top: 9px; }

.screen { margin-top: 38px; overflow: hidden; }
.screen .fl { width: 450px; }
.screen .fl .contactpic { width: 450px; height: 168px; overflow: hidden; margin-top: 25px; }
.screen .fl .contactpic img { width: 450px; height: 168px; overflow: hidden; }
.screen .fl .contacttext { background: #eee; padding: 13px 0 14px 22px; }
.screen .fl .contacttext h3 { font-size: 16px; color: #333; line-height: 30px; margin-bottom: 4px; font-weight: normal; }
.screen .fl .contacttext p { color: #777; }
.screen .fl .contacttext p span { display: inline-block; width: 195px; }
.screen .fl .contacttext p a { display: inline-block; color: #0184c8; }
.screen .fr { width: 600px; }
.screen .fr .newshulan { margin-top: 25px; }
.screen .fr .newshulan .hlfirst { width: 266px; height: 325px; float: left; }
.screen .fr .newshulan .hlfirst a { display: block; overflow: hidden; }
.screen .fr .newshulan .hlfirst a img { -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; transition: all linear 0.3s; }
.screen .fr .newshulan .hlfirst a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.screen .fr .newshulan .hlnewsbox { width: 310px; float: right; height: 324px; overflow: hidden; }
.screen .fr .newshulan .hlnewsbox .hlnewslist li { line-height: 35px; height: 35px; border-bottom: 1px dashed #d2d2d2; }
.screen .fr .newshulan .hlnewsbox .hlnewslist li a { display: block; color: #333; line-height: 35px; height: 35px; }
.screen .fr .newshulan .hlnewsbox .hlnewslist li a:hover { text-decoration: none; color: #0184c8; }

.guangg { background: url(../images/guangg.jpg) no-repeat center top; padding-top: 42px; height: 208px; margin-top: 48px; }
.guangg .center { overflow: hidden; }
.guangg .center .fl { width: 148px; height: 148px; overflow: hidden; margin-left: 22px; margin-top: 6px; }
.guangg .center .fl img { width: 148px; height: 148px; overflow: hidden; }
.guangg .center .mid { margin-left: 40px; width: 870px; position: relative; }
.guangg .center .mid h3 { font-size: 36px; line-height: 48px; color: #FFF; font-weight: normal; letter-spacing: 2px; }
.guangg .center .mid h3 b { display: inline-block; padding: 0 15px; background: #e78c29; margin-left: 5px; }
.guangg .center .mid ul { width: 572px; margin-top: 17px; height: 94px; }
.guangg .center .mid ul li { color: #FFF; font-size: 24px; padding-left: 56px; position: relative; float: left; line-height: 47px; width: 230px; }
.guangg .center .mid ul li i { width: 42px; height: 39px; position: absolute; left: 0; top: 0; background-position: -75px -57px; }
.guangg .center .mid .tel { background: #FFF; width: 230px; height: 85px; padding-left: 66px; padding-top: 12px; position: absolute; right: 20px; top: 70px; border-radius: 5px; }
.guangg .center .mid .tel i { position: absolute; top: 16px; left: 8px; background: url(../images/guanggicon.jpg) no-repeat; width: 52px; height: 60px; }
.guangg .center .mid .tel span { display: block; line-height: 30px; font-size: 24px; color: #555; }
.guangg .center .mid .tel p { color: #e78c29; font-size: 30px; font-weight: bold; line-height: 34px; }

.anlistitle { line-height: 38px; color: #0184c8; font-size: 30px; text-align: center; }
.anlistitle span { display: block; line-height: 32px; color: #ccc; font-size: 24px; }

.anli { background: url(../images/anlibg.jpg) no-repeat center bottom; padding-top: 68px; height: 530px; }
.anli .center { overflow: hidden; position: relative; }
.anli .center .casebox { margin-top: 30px; position: relative; overflow: hidden; height: 367px; }
.anli .center .casebox ul li { width: 376px; height: 272px; float: left; position: relative; margin-top: 58px; }
.anli .center .casebox ul li a { overflow: hidden; display: block; }
.anli .center .casebox ul li a p { width: 376px; height: 230px; overflow: hidden; background: #000; }
.anli .center .casebox ul li a p img { width: 376px; height: 230px; -webkit-transition: transform linear 0.3s; -moz-transition: transform linear 0.3s; -ms-transition: transform linear 0.3s; transition: transform linear 0.3s; opacity: 0.6; filter: alpha(opacity=60); }
.anli .center .casebox ul li a span { display: none; color: #333; font-size: 18px; font-weight: bold; line-height: 32px; text-align: center; margin-top: 10px; }
.anli .center .casebox ul li a:hover { text-decoration: none; }
.anli .center .casebox ul li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.anli .center .casebox ul li.on { width: 328px !important; height: 367px; z-index: 8; left: -95px; margin-top: 0; }
.anli .center .casebox ul li.on a { width: 499px; height: 347px; padding: 10px; }
.anli .center .casebox ul li.on a p { width: 499px; height: 305px; box-shadow: 0px 0px 10px #000; }
.anli .center .casebox ul li.on a p img { width: 499px; height: 305px; opacity: 1; filter: alpha(opacity=100); }
.anli .center .casebox ul li.on a span { display: block; }
.anli .center .casebox span.prev, .anli .center .casebox span.next { width: 73px; height: 26px; position: absolute; left: 50%; top: 185px; cursor: pointer; z-index: 10; margin-left: -350px; background-position: -2px -24px; }
.anli .center .casebox span.next { margin-left: 277px; background-position: -81px -24px; }

.honor { position: relative; margin-top: 46px; position: relative; }
.honor .honorbox { width: 970px; overflow: hidden; margin: 45px auto 0; }
.honor .honorbox ul { height: 308px; width: 1000px; overflow: hidden; }
.honor .honorbox ul li { float: left; width: 220px; margin-right: 30px; }
.honor .honorbox ul li a { display: block; }
.honor .honorbox ul li a p { width: 220px; height: 232px; background: #f2f2f2; padding-top: 40px; position: relative; overflow: hidden; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; transition: all linear 0.3s; }
.honor .honorbox ul li a p img { display: block; margin: 0 auto; position: relative; z-index: 2; }
.honor .honorbox ul li a p em { background: url(../images/honorbg.png) no-repeat; width: 220px; height: 20px; display: block; position: absolute; left: 0; bottom: 30px; z-index: 1; }
.honor .honorbox ul li a span { display: block; width: 220px; height: 36px; line-height: 36px; text-align: center; color: #333; font-size: 14px; }
.honor .honorbox ul li a:hover { text-decoration: none; }
.honor .honorbox ul li a:hover p { background: #0184c8; }
.honor .honorbox ul li a:hover span { color: #0184c8; }
.honor span.prev, .honor span.next { width: 26px; height: 49px; position: absolute; top: 226px; cursor: pointer; z-index: 6; background-position: -1px -54px; left: 0; }
.honor span.next { left: auto; right: 0; background-position: -35px -54px; }

.about { overflow: hidden; margin-top: 85px; }
.about .fl { width: 344px; }
.about .fl .stitle { border-bottom: 1px solid #ddd; height: 46px; margin-bottom: 16px; }
.about .fl .stitle p { height: 46px; line-height: 46px; }
.about .fl .stitle a { top: 14px; }
.about .fl .newslist li { height: 36px; }
.about .fl .newslist li a { position: relative; border-bottom: 1px dashed #ddd; display: block; line-height: 35px; color: #777; padding-right: 92px; }
.about .fl .newslist li a span { position: absolute; right: 0; top: 0; display: block; }
.about .fl .newslist li a:hover { text-decoration: none; color: #0184c8; }
.about .fr { width: 700px; overflow: hidden; }
.about .fr .stitle { border-bottom: 1px solid #ddd; height: 46px; margin-bottom: 30px; }
.about .fr .stitle p { height: 46px; line-height: 46px; }
.about .fr .stitle a { top: 14px; }
.about .fr .aboutbox { overflow: hidden; }
.about .fr .aboutbox .aboutpic { width: 320px; height: 238px; overflow: hidden; float: left; }
.about .fr .aboutbox .aboutpic a { display: block; overflow: hidden; }
.about .fr .aboutbox .aboutpic a img { width: 320px; height: 238px; overflow: hidden; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; transition: all linear 0.3s; }
.about .fr .aboutbox .aboutpic a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.about .fr .aboutbox .aboutright { width: 356px; overflow: hidden; float: right; margin-top: 10px; }
.about .fr .aboutbox .aboutright .abouttitle { line-height: 30px; font-weight: normal; font-size: 18px; color: #333; }
.about .fr .aboutbox .aboutright .abouttext { color: #555; height: 144px; overflow: hidden; margin-top: 11px; }
.about .fr .aboutbox .aboutright .aboutmore { display: inline-block; font-weight: bold; color: #e78c29; }

.link { overflow: hidden; margin-top: 66px; padding-left: 130px; position: relative; width: 950px; margin-bottom: 12px; }
.link .linkleft { position: absolute; left: 0; top: 0; color: #000; padding-top: 8px; line-height: 22px; font-size: 16px; width: 69px; text-align: center; }
.link .linkleft i { width: 69px; height: 8px; position: absolute; left: 0; top: 0; background-position: -75px -118px; }
.link .linkbox { color: #8d8d8d; line-height: 30px; }
.link .linkbox a { line-height: 30px; font-family: "微软雅黑"; font-size: 14px; color: #8d8d8d; display: inline-block; }
.link .linkbox span { display: inline-block; margin: 0 30px; }

.foot { background: #5e5e5e; padding-top: 34px; padding-bottom: 44px; }
.foot .center { overflow: hidden; }
.foot .center .fl { width: 108px; height: 116px; overflow: hidden; display: block; margin-top: 42px; }
.foot .center .fl a { display: block; overflow: hidden; }
.foot .center .fl a img { width: 108px; height: 116px; overflow: hidden; }
.foot .center .fr { width: 954px; }
.foot .center .fr .footnav { margin-bottom: 17px; }
.foot .center .fr .footnav a, .foot .center .fr .footnav span { display: inline-block; color: #e78c29; font-size: 16px; line-height: 30px; }
.foot .center .fr .footnav span { margin: 0 25px; font-size: 14px; }
.foot .center .fr .footbox { width: 652px; height: 110px; }
.foot .center .fr .footbox .foottext { float: left; color: #e4e4e4; line-height: 24px; margin-top: 5px; }
.foot .center .fr .footbox .foottext span { display: inline-block; width: 202px; }
.foot .center .fr .footbox .erweima { float: right; width: 128px; height: 100px; }
.foot .center .fr .footbox .erweima img { width: 100px; height: 100px; float: left; overflow: hidden; }
.foot .center .fr .footbox .erweima span { background: #FFF; width: 28px; height: 100px; float: left; text-align: center; color: #555; }
.foot .center .fr .footbottom { color: #999; line-height: 30px; margin-top: 17px; }
.foot .center .fr .footbottom a { color: #999; display: inline-block; line-height: 30px; margin: 0 5px; }

/*main css end*/


/* 内页 css */

.nyvideo{ width: 800px; height: 500px; margin: 0 auto;}
.nymain{ overflow: hidden; width: 1080px; margin: 0 auto;  padding-top: 40px;}

/* main css */



/* left public css */
.prolist{ height: auto; background-color: #f7f7f7;  overflow: hidden;}
.prolist h3{ height:60px; line-height: 60px; padding: 0 20px; background-color: #0184c8; color: #fff; font-size: 18px; font-weight: normal;}
.prolist ul{ padding:10px 20px 20px;}
.prolist ul li{  line-height: 46px; }
.prolist ul li a{ display: block; font-size: 16px; border-bottom: 2px solid #fff;}
.prolist ul li a:hover{ text-decoration: none;}
.prolist ul li a.on, .prolist ul li a.hover{ color: #0184c8;}
.prolist ul ul{ background-color: #eee; display: none; padding: 10px 20px;}
.prolist ul ul li a{ line-height: 40px; font-size: 14px; color: #555; border-bottom: 1px solid #f7f7f7;}
.prolist ul ul li:last-child a{ border: 0;}
.prolist ul ul li a:hover{ color: #0184c8;}



.left { width: 230px; float: left;}
.contact{ margin-top: 25px;}
.contacttitle{border-bottom: 8px solid #f7f7f7;
height: 28px;
line-height: 22px;
position: relative; padding-bottom: 10px;}
.contacttitle h3 {
  color: #0184c8;
  float: left;
  font-size: 18px;
  transition: all 0.3s ease 0s; font-weight: normal;
}
.contacttitle .more{ float: right;}
.contacttitle .more a{ color: #999;}
.contacttitle .more a:hover{ color: #0184c8;}
.contactmain{  line-height: 26px; background-color: #f7f7f7; padding: 10px;}

/* right public css */
.right{ float: right; width:825px;}
.site{ float: right;}
.site a:hover{ color: #0184c8; text-decoration: none;}
.righttitle{ border-bottom: 8px solid #f7f7f7;
height: 50px;
line-height: 50px;}
.righttitle h3{border-left: 3px solid #0184c8;
color: #0184c8;
cursor: pointer;
float: left;
font-size: 18px;
font-weight: normal;
height: 22px;
line-height: 22px;
margin-top: 10px;
padding: 0 12px 0 15px;}
.nycenter{ overflow: hidden; padding: 30px 0; overflow: hidden;}



/*新闻列表 css */
.ArticleCategory li{ height: 52px; line-height: 52px; border-bottom: 1px solid #f4f4f4; overflow: hidden;}
.ArticleCategory li em{ float: right; font-style: normal; font-size: 12px; color: #999;}
.ArticleCategory li a{ display: block;}
.ArticleCategory li a:hover{ text-decoration: none; color: #0184c8;}
.ArticleCategory li a:hover em{ color: #0184c8;}
.page{ text-align: center; padding-top: 20px;}

/*新闻详细 css */
.nycenter h1{ font-size: 22px; text-align: center; padding-top: 10px; font-weight: normal; color: #000;}
.fbtime{ line-height: 32px; text-align: center; padding: 10px 0 0; border-bottom: 1px dashed #ccc; margin-bottom: 20px;}

/*产品列表 css */
.ProductCategory li{ width:260px; float: left; margin-right: 22px; text-align: center; line-height: 32px; padding-bottom:20px;}
.ProductCategory { width: 950px; overflow: hidden;}
.ProductCategory li a{ display: block; -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s;}
.ProductCategory li a img{ display: block;  -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s;}
.ProductCategory li a:hover{ text-decoration: none; color: #0184c8;}
.ProductCategory li a:hover img{  -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.nrproimg{ width: 258px; height: 172px; position: relative; *z-index: -1; overflow: hidden; border: 1px solid #ddd; -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s;}
.ProductCategory li a:hover .nrproimg{ border-color: #0184c8;}

.gbookbg input[type="text"]{ border: 1px solid #ccc; width: 350px; height: 32px; line-height: 32px; padding: 0 5px; margin-left: 10px; outline: none;}
.gbookbg td{ padding-bottom: 5px;}
.gbookbg td em{ color: red; font-style: normal;}
.gbookbg textarea{ padding: 5px; font-size: 13px; outline: none; font-family: "微软雅黑"; border: 1px solid #ccc; height: 88px; line-height: 22px; width: 350px; margin-left: 10px;}
.gbookbg td input[type="submit"], .gbookbg td input[type="reset"]{ height: 32px; font-family: "微软雅黑"; line-height: 32px; width: 100px; text-align: center; border: 0; background-color: #555; color: #fff; cursor: pointer; margin-top: 5px;}
.gbookbg td input[type="submit"]{ background-color: #0184c8;}



.gbooklist { overflow: hidden; padding-top: 40px;}
.gbooklist ul li{ padding-bottom: 15px;}
.lytitle{ overflow: hidden;}
.lytitle .time{ float: right; color: #999;}
.lytitle  span{ padding: 0 20px;}
.lynr{ padding: 20px; margin: 10px 0 0; background-color: #f4f4f4;}
.lyhf{ padding-bottom: 10px; border: 1px solid #f4f4f4; padding: 20px; border-top: 0;}

.downlist{ overflow: hidden; position: relative; border-bottom: 1px dashed #ccc; padding: 20px 150px 20px 0;}
.downlist dt{ position: absolute; right: 0; height: 38px; width: 100px; text-align: center; color: #fff; line-height: 38px;   top:50%; margin-top: -19px;}
.downlist dt a{ display: block;  color: #fff; background-color: #0184c8; border-radius:10px;}
.downlist dt a:hover{ background-color: #ff872c; text-decoration: none;}
.downlist dd a{ display: block; font-size: 16px; font-weight: bold; color: #333;}
.downlist dd a:hover{ text-decoration: none; color: #0184c8;}
.downlist dd span{ display: block; color: #999; font-size: 12px;}
.downlist dd p{ height: 48px; overflow: hidden; padding-top: 5px; color: #666;}

.tabledown{ margin: 0 auto;}
.tabledown td{ line-height: 36px; border-bottom: 1px solid #ccc;}
.tabledown th{ border-left: 1px solid #f4f4f4; background-color: #f4f4f4; height: 46px; line-height: 46px;}
.tabledown td span{ color: #999; display: inline-block; width: 73px;}
#Count{ color: red; width:auto}
.tabledown td.last{ line-height:22px; padding: 20px 0;}


.khjzlist{ overflow: hidden; background-color:#f4f4f4; padding: 10px; margin-bottom: 15px; width: 420px; margin-right:15px; float: left;}
.khjzlist:hover{ background-color:#eee;}
.khjzlist dt{ float: left; width: 120px; height: 120px; overflow: hidden; border-radius: 50%;}
.khjzlist dt img{ display: block;  -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 50%;}
.khjzlist:hover dt img{-webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg);} 
.khjzlist dd{ width:285px; float: right;}
.khjzlist dd a.khjzmore{ display: inline-block; line-height:24px; width: 92px; text-align: center; background-color: #999; color: #fff; position: relative; overflow: hidden;}
.khjzlist dd a.khjzmore span{ position: relative; z-index: 3;}
.khjzlist dd a.khjzmore:before{ position: absolute;-webkit-transition: all 0.3s; transition: all 0.3s; height:0; top:0; left:0; width: 0; border:0px solid transparent; border-top-color: #0184c8;  content: ""; z-index: 2;}
.khjzlist:hover dd a.khjzmore:before{border-width: 120px 120px 0 0;}
.khjzlist dd p{ height: 44px; overflow: hidden; padding-top:5px; margin-bottom: 15px;}
.khjzlist dd h3{ line-height: 28px;}
.khjzlist dd h3 a{ display: block;}

/*放大镜效果*/
.magnifier{ width: 100%; overflow: hidden;}
.magnifier_rf{ text-align: left;}
.magnifier_rf h1{ text-align: left;}
.magnifier_rf .fbtime{ text-align: left;}
.magnifier_lf{ float: left; width: 452px; position: relative; -moz-user-select:none;-webkit-user-select:none;user-select:none;} /*去除选择效果*/
.magnifier_rf{ float: right; width: 46%;}
#jqzoom{ position: relative; width: 452px; height: 452px; cursor: move; margin-bottom: 10px;}
#jqzoom img{ display: block; border: 1px solid #ddd;}
.jqzoomlist{ overflow: hidden; position: relative; height: 74px;}
.jqzoomlist li{ width: 74px; float: left; margin-right: 8px; height: 74px;}
.jqzoomlist li img{ display: block; width:72px; height:72px; border: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s;}
.jqzoomlist li.on img{ border-color: #0184c8; }
.jqzoomlist span{ display: block; z-index: 3; position:absolute; left:0; -webkit-transition: all .3s; transition: all .3s; top: 0; width: 18px; text-align: center; font-family:"宋体"; background-color:#eee; height:74px; line-height: 74px; margin-right: 10px; cursor: pointer;}
.jqzoomlist span:hover{ color: #fff; background-color: #ccc;}
.jqzoomlist span.next{right: 0; left: auto; margin-right: 0;}
.jqzoomlist ul{ left: 25px; width: 3000px; position: absolute; top: 0;}

#bigzoomimg{ position: absolute; right:-447px; top: 0; width: 430px; height: 430px; border: 1px solid #ddd; overflow: hidden; display: none;}
#bigzoomimg img{ position: absolute; left: 0; top: 0;}
#zoommark2{ background: url(../images/zoom.png) repeat left top transparent; display: none; position: absolute; left: 0; top: 0; z-index: 3; width: 200px; height: 200px;}


/*详细页切换标签*/
.ProductContent{ overflow: hidden; padding-top: 40px;}
.ProductContenttab{ overflow: hidden; background-color: #f6f6f6; padding-left: 1px; -moz-user-select:none;-webkit-user-select:none;user-select:none;}
.ProductContenttab span{ display: block; cursor: pointer; width:131px; float: left;  color: #333; font-size: 15px; text-align: center; line-height: 42px; border-top: 2px solid transparent;}
.ProductContenttab span.on{ background-color: #fff; color: #0184c8; border-top-color: #0184c8; font-weight: bold;}
.ProductContentlistnr{ padding-top: 20px; display: none;}

/* 内页 css END*/

.nybox { width: 825px; overflow: hidden;}
.nybox img { display: block; max-width: 825px; height: auto;}

.BMap_bubble_title {color:#0184c8;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.BMap_bubble_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;line-height: 24px;}

.ProductCategory.nyryzz li{ width: 188px; height: 255px; background-color: #f6f6f6; margin-bottom: 25px; margin-right: 25px; -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s; padding: 0; }
.ProductCategory.nyryzz li a{	display: block; width: 147px; overflow: hidden; margin: 15px auto;}
.ProductCategory.nyryzz li:hover{	background-color: #0184c8;}
.ProductCategory.nyryzz .nrproimg{ border: 0;+z-index: 1; +display: inline;}
.ProductCategory.nyryzz li a img{	display: block; }
.ProductCategory.nyryzz li:hover a{ color: #fff;}
.ProductCategory.nyryzz li a:hover img{ transform: scale(1);}

.ProductCategory.nyfczs li{ width: 281px; height: 204px; }
.ProductCategory.nyfczs li a{	width: 218px; }