@charset "utf-8";
/* CSS Document */

 *{ margin:0; padding:0;}
 body{ color:#333; font-size:15px; font-family:微软雅黑; }
 li{ list-style:none; float: left;}
 a{ text-decoration:none; color:#333}
 .w100{ width:100%;margin:0 auto;}
 .w1200{ width:1200px; margin:0 auto;}
 .w1140{ width:1140px; margin:0 auto;}
 .clear{ clear:both}
 .fl{ float:left}
 .fr{ float:right}
 img{ border:0;}
 
.header{ color:#333; height:38px; line-height:38px; border-bottom:1px solid #f8f8f8; background:#fff}
.header span{ float:right;}
.header span a{ color:#333;}

.logo{ height:110px; background:url(../images/logo.png) center no-repeat #fff; padding:10px 0}
.logo a{ width:100%; height:100%; display:block}

.nav{ height:60px; border-top:2px solid #02328D}
.nav ul{border-right:1px solid #f2f2f2;border-left:1px solid #f2f2f2; height:60px; width:1197px; margin:0 auto;}
.nav ul li{ width:118px; text-align:center; height:60px;line-height:60px;border-left:1px solid #f2f2f2; position:relative }
.nav ul li a { color:#333; display: block;}
.nav ul li:hover a{ color:#FFF}
.nav ul li:hover{ background:#02328D}
.nav ul li a.active { width:118px; height:60px; background:#02328D; display: block; color:#fff}

.nav ul li ul{ width:118px; height:auto; position:absolute;  border:0; top:60px; left:0px; background:#0081cc; z-index:99; opacity:0; font-size:14px; 
   transform:scale(0);  
    @-webkit-transform:scale(0);  
    @-moz-transform:scale(0);  
    @-o-transform:scale(0);  
    @-ms-transform:scale(0);  
   transition:all 0.3s linear 0.1s; 
   @-webkit-transition:all 0.3s linear 0.1s;
   @-o-transition:all 0.3s linear 0.1s;
   @-ms-transition:all 0.3s linear 0.1s;
   @-moz-transition:all 0.3s linear 0.1s;
}
.nav ul li ul>li{ line-height:35px; text-align:center; width:118px; border:0 ;font-size:14px; background:#0081cc; height:35px}
.nav ul li ul>li a{ color:#fff; display:block}
.nav ul li ul li:hover{  background:#144c91;line-height:35px;width:118px}
.nav ul li ul li:hover a{ color:#fff; }
.nav ul li:hover ul{ opacity:1; 
    transform:scale(1);  
    @-webkit-transform:scale(1);  
    @-moz-transform:scale(1);  
    @-o-transform:scale(1);  
    @-ms-transform:scale(1);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear; top:60px
   }



.banner{ height:642px; overflow:hidden; margin:0 auto; }
#kinMaxShow{visibility:hidden;width:100%; height:642px; overflow:hidden;}





.hot{ padding:50px 0;}
.h_tit{ text-align:center; font: bold 30px/60px 微软雅黑;}
.h_tit span{ color: #02328D;}

.menu{   height:340px;  padding:30px; padding-top:5px; position:relative}
#ISL_Cont_1{ margin:0px auto 10px 25px;height:400px;float:left;  width:1200px  }
#ISL_Cont_1 .product{width:350px; height:340px; float:left; text-align:center;  margin-left:10px; position:relative;border:1px  solid #ccc;top:0; transition:all 0.3s linear;position:relative;}
#ISL_Cont_1 .product a{width:100%; height:340px; float:left; text-align:center; color:#333; }
#ISL_Cont_1 .product img{width:340px; height:280px;transition:all 0.15s linear; margin:5px; }
#ISL_Cont_1 .product p { line-height:40px; color:#333; color:#15px;}
#ISL_Cont_1 .product:hover{top:-5px; box-shadow:3px 3px 5px #ccc;transition:all 0.3s linear}
#Leftarr{margin-top:110px; margin-right:5px;width:27px;height:23px;cursor:pointer; position:absolute; top:10%; left:15px}
#Rightarr{margin-top:110px;margin-left:15px;width:27px;height:23px;cursor:pointer;position:absolute; top:10%; right:15px}

.pro{ padding:70px 0;}
.p_l{ width:260px; }
.p_r{ width:910px;} 
.p_l .p_tit{ width:100%; line-height:84px; background:url(../images/pro.jpg) center no-repeat; text-align:center; color:#fff; font-size:30px; font-weight:bold;}
.p_l ul{ width:218px; border:1px solid #d2d2d2; padding:0 20px 10px; border-bottom:3px solid #d2d2d2}
.p_l ul li{ width:100%; border-bottom:1px dotted #d2d2d2; line-height:55px; background:url(../images/jt.jpg) center left no-repeat; text-align: left; font-size:15px; color:#000; text-indent:30px;transition:all 0.3s linear; float:none;}
.p_l ul li:hover { text-indent:40px; transition:all 0.3s linear}
.p_l ul li:hover a{color:#02328D ; display:block}
.p_l ul li a.active{ display:block;text-indent:50px; background:#02328D; color:#fff;}



.p_r .pr_tit{ width:100%; height:40px; border-bottom:1px solid #d2d2d2 }
.p_r .pr_tit p{ width:100px; line-height:39px; border-bottom:3px solid #02328D ; font-size:20px; text-align:center;}
.p_r .pr_tit span{ line-height:40px}
.p_r .pr_tit span a:hover{ color:#02328D}




.p_r ul{ padding:15px 10px}
.p_r ul li{ width:285px; height:234px ; border:1px solid #d2d2d2; margin-left:14px; margin-bottom:15px; position:relative; top:0; transition:all 0.3s linear}
.p_r ul li img { width:275px; height:183px;  margin:5px 5px 0;}
.p_r ul li p{ color:#333; text-align:center; line-height:50px; }
.p_r ul li:hover{ color:#02328D}
.p_r ul li:nth-child(3n+1){ margin-left:0;}

.p_r ul li:hover { top:-5px; box-shadow:3px 3px 5px #ccc;transition:all 0.3s linear}

.case{ padding:70px 0; background:url(../images/homepage-casebg.png) center no-repeat;}
.c_tit { color:#000; font-size:50px; font-family:vani; text-transform:uppercase; line-height:40px}
.c_tit>p{ font-size:30px; line-heiglht:20px}
.c_tit>span{ font-size:15px; color:#333;line-heiglht:20px}



#focus {width:1200px; height:620px; overflow:hidden; position:relative;}
#focus ul {height:1200px; position:absolute;}
#focus ul li {float:left; width:1000px; height:6210px; overflow:hidden; position:relative;  perspective: 800px; padding:0 100px}
#focus ul li a{ width:480px; height:300px; float:left; margin-left:30px; background:#333; color:#fff; margin-bottom:15px; position:relative}
#focus ul li a{ }
#focus ul li a:nth-child(2n+1){ margin-left:0; }	
#focus ul li a p{ width:100%; height:45px; text-align:center; font:13px/45px 微软雅黑; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5); color:#fff }
#focus ul li a img{ width:100%; height:100%; }
#focus ul li img:nth-child(1){ margin-left:0}
#focus ul li div {position:absolute; overflow:hidden;}


#focus .preNext {width:45px; height:100px; position:absolute; top:260px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0; opacity:0}
#focus .next {right:0; background-position:right top; opacity:0}
#focus:hover .next ,#focus:hover .pre { opacity:0.5}





.yous{ padding-top:350px; background:url(../images/gy.jpg) top center no-repeat; padding-bottom:20px}
.yous .y_tit {text-align:center; font: bold 30px/60px 微软雅黑;  padding-bottom:100px}
.yous .y_tit span{ color: #02328D; font-size:45px; margin-left:10px; }
.yous .y_tit p{ color:#333; font-size:13px; text-align:center; line-height:30px; font-weight:normal}

.y_left{ width:580px;position:relative; padding-left: 30px }
.y_right{ width:530px; padding:30px 50px; border:4px solid #02328D; margin-top:20px; height:220px; position:relative }
.y_left div,.y_right div{ font-size:24px; font-weight:bold; line-height:30px; padding-bottom:15px}
.y_left div:after { content: ""; position:absolute; width:10px; height:10px; border-radius:100%; background:#02328D; left:0; top:10px}
.y_right div:after { content: ""; position:absolute; width:10px; height:10px; border-radius:100%; background:#02328D; left:23px; top:40px}
.y_left p,.y_right  p{ line-height:42px; font-size:18px; position: relative;} 
.y_left p:before,.y_right p:before{content: "";position:absolute; width: 5px; height: 5px; background: #02328D;left:-27px; top:19px;border-radius:100%; }

.lic{height: 420px; background: url(../images/lc.jpg)  center 50px no-repeat,url(../images/bg.jpg) center bottom no-repeat ; padding-bottom: 70px;}

.about{padding: 85px 0 0;}
.vidoe{width: 620px; height: 500px; border: 12px solid #fff; box-shadow: 0px 0px 15px #ccc}
.vidoe img{ width:100%; height: 100%;}
.ab_txt{width:500px; }
.ab_txt h2{font:bold 30px/45px 微软雅黑;}
.ab_txt h2 p{  text-transform: uppercase;font: 20px/30px vani; }

.ab_p{line-height: 30px; padding-top: 10px}
.ab_txt a{width:200px; line-height: 45px; display: block; background: rgba(0,0,0,0.4) ; text-align: center; margin-top: 20px; color: #fff; border-radius: 22.5px;}





.info{ padding:84px 0;}
.news{ width:650px; }
.answ{ width:500px; }

.titi{ width:100%; height:65px; line-height:70px; background:url(../images/tit.jpg) bottom left no-repeat; font-size:26px; font-weight:bold; color:#000; margin-bottom:15px; text-indent:26px; color:#fff  }

.titi span{  font-size:15px; font-weight:normal; display:block; padding:5px;line-height:10px; margin-top:20px; text-transform: uppercase;}
.titi span:hover a{ color:#02328D;}
.titi span:hover{border:1px solid #02328D}
.news ul li{ width:638px; height:200px;padding:5px; margin-bottom:15px}
.news ul li img{ width: 235px; height:180px; float: left}
.news ul li div{ float:right; width:375px; padding-right:8px;}
.news ul li div h3{ font-size:16px; color:#333; line-height:45px;}
.news ul li div p{ color:#666; line-height:23px;}
.news ul li div h3 span{ font-weight:normal; float:right; color:#666; }
.news ul li a  { display: block;color:#fff; width: 150px; line-height: 30px; border-radius: 15px; text-align: center; background: rgba(0,0,0,0.5) ; margin-top: 10px;}
.news ul li a:hover {background: #02328D}

.newsp{width:320px; margin-right: 10px; background: #f8f8f8 url(../images/jt.png) 10px center no-repeat; line-height: 45px; margin-bottom: 15px;  }
.newsp:nth-child(odd){margin-right: 0;}
.newsp a{text-indent:26px; display: block;transition:all 0.3s linear}
.newsp a:hover { text-indent: 45px; transition:all 0.3s linear: all 0.3s  ;color:#02328D;}

.anw{ width:100%;  height:340px;  overflow:hidden }
.que { padding:10px 0;} 
.que li{ height:130px; width:500px; border-bottom:1px dashed #ccc; }
.que li h6{ background:url(../images/a.jpg) center left no-repeat; padding-left:30px; line-height:45px; font-size:15px}
.que li p{ background:url(../images/q.jpg)  left 10px no-repeat; padding-left:30px;line-height:26px}
.que li h6 a:hover{ color:#02328D}
.que li p a:hover{ color:#02328D}




.footer{  background:#333; padding:30px 0}
.foot_l{ width:700px; }
.foot_txt{ line-height:30px; color:#f5f5f5; padding-bottom:10px;}
.foot_r{ width:300px; } 
.foot_r img{ margin-top:10px; border:5px solid #fff;}
.banq{ text-align:center; line-height:35px; background:#151515; color:#eee}

.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon2{ background:url(../images/icon2.png) no-repeat; display:inline-block; vertical-align:middle;}

.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/*侧栏*/
.sideBar{ width:229px;}
.sideBar .iproNav{ padding-bottom: 20px; color: #fff;}
.sideBar .iproNav .title{  text-align: center;}
.sideBar .iproNav .title h2{ height: 70px; line-height:70px; font-family: "microsoft yahei"; font-size: 30px;  color:#fff }
.sideBar .iproNav .title .en{ font-size: 16px; font-family: arial; display: none; text-transform: uppercase; }
.sideBar .con{ width:227px;  background: #fff;}
.leftRecom{ width:227px; border:1px solid #e4e4e4; margin: 20px 0; background: #fff;}
.leftRecom li{ width:198px;  margin: 10px auto; text-align: center;}
.leftRecom li img{ width:183px; height: 137px; margin: 0 auto; padding:2px; border:1px solid #e3e3e3; display: block;}
.leftRecom li h3{ color: #666666; line-height: 30px;}
.leftRecom li:hover img{ background: #02328D; border-color: #fff;}
.leftRecom li:hover h3{ color: #02328D}
.leftCon{ width:227px; border:1px solid #e4e4e4; background: #fff; }
.leftCon .leftTel{ margin:10px 0px 0px 15px;line-height: 16px; }
.leftCon .leftTel .icon1{ width: 43px; height: 43px; margin-right:6px; background: url(../images/index_icon1.png) no-repeat left center;}
.leftCon .leftTel span{ color:#303030; font-size:14px; }
.leftCon .leftTel strong{ font-size:20px; color: #02328D; font-weight: normal; font-family: impact;  display: block; line-height: 30px; }
.leftCon .icontxt{ font-size:12px; color:#303030; line-height:24px; padding:16px 15px;}
.singlePage .contxt{ font-size: 14px; color: #555;  padding:0px 8px; line-height: 30px;}
.singlePage .contxt h3{ font-size:26px; color:#02328D; padding-bottom:3%; margin-bottom: 2%;border-bottom: 1px solid #D0D0D0;text-align: center;}
.pro_ny_sa{ width:960px; color:#c2c2c2;text-align:center; padding-top:8px; font-size: 12px;}



.wrapper .leftTit{ width:100%; height:38px; line-height: 38px; color: #222; position: relative; font-weight: bold; font-size: 16px; background:url(../images/contenttitbg.png) repeat-x left top; border-bottom:1px solid #e4e4e4;}
.wrapper .leftTit s{ width:9px; height: 38px; background-position: -178px -30px; margin-right: 14px; vertical-align: top;*vertical-align: middle; }


/* 内容 */
.wrapper{ padding: 0px 0px 30px;}
.content { width:885px;background-color: #fff;padding: 1% 2%;}
.sitepath{ height: 54px; line-height: 54px; color: #666666; border-bottom: 1px solid #dddddd;  margin:6px auto 20px; font-size: 14px;}
.sitepath s{ width:22px; height: 26px; background-position: -133px -30px; margin-right: 8px;}
.sitepath span{ color: #e59f19; font-weight: bold;}
.sitepath a{ color: #666666; }
.sitepath a:last-child{color:#666666; font-weight: bold;}
.sitepath a:hover { color: #02328D;}

.index_product_tel{ padding:20px; width:179px;border-bottom:1px solid #e9e9e9;border-right:1px solid #eeeeee;border-left:1px solid #eeeeee;}
.index_product_tel h3{color:#000; font-size:18px;  line-height:40px; display:inline-block; padding-left:50px; background:url(../images/index_icon1.png) no-repeat left center;}
.index_product_tel p{ color:#02328D; font-size:22px;  line-height:30px; font-weight:bold;} 
.index_product_l{ width:220px; background: #fff;}
.index_pr_title{ width:220px; height:100px; background:url(../images/index_product_t.jpg) no-repeat center center;}
.index_pr_title h1{ padding-top:20px;font-weight:bold; font-size:24px; color:#FFF; line-height:36px; padding-left:20px; }
.index_pr_title p{font-weight:bold; font-size:18px; color:#FFF; line-height:30px; padding-left:20px;}
.vtitle{width:218px;line-height:60px; font-size:16px; color:#333; border-bottom:1px solid #e9e9e9; text-indent:50px;border-right:1px solid #eeeeee;border-left:1px solid #eeeeee;} 
.vtitle a:hover{ color:#FFF; background-color:#55caff;}
.vtitle .hover{ color:#FFF; background-color:#55caff;}
.vtitle1{width:218px; height:60px; line-height:60px; font-size:16px; color:#333; border-bottom:1px solid #e9e9e9; text-indent:50px;border-right:1px solid #eeeeee;border-left:1px solid #eeeeee; } 
.vtitle1 .v{background:url(../images/leiye_nav_bg.png) no-repeat;}
.vtitle1:hover{ color:#FFF; background-color:#55caff;}
.vtitle1:hover a{ color: #fff;}
.vtitle1 .hover {
    color:#FFF; background-color:#55caff;
    }
.vconlist{ text-indent:50px; border-bottom:1px solid #e9e9e9;border-right:1px solid #eeeeee;border-left:1px solid #eeeeee;}
.vconlist li { height:48px;line-height:48px; padding: 0 10px;}
.vconlist li a{ font-size:14px; height: 48px; color:#666; width: 100%; border-bottom: 1px solid #eee; display:block;}

.v{float:right;width:17px;height:17px;overflow:hidden;display:inline-block; margin:20px 50px 20px 0;background-position:0 0;}
.v01{background-position:-17px 0;}
.vcon{ display:none;}
.vconlist li.hover,.vconlist li:hover{ background: #3fc9eb; color: #fff; border-color: #fff; }
.vconlist li.hover a,.vconlist li:hover a{ color: #fff;}

.wrapper .leftTit{ width:100%; height:38px; line-height: 38px; color: #222; position: relative; font-weight: bold; font-size: 16px; background:url(../images/contenttitbg.png) repeat-x left top; border-bottom:1px solid #e4e4e4;}
.wrapper .leftTit s{ width:9px; height: 38px; background-position: -178px -30px; margin-right: 14px; vertical-align: top;*vertical-align: middle; }

.recommend{ border:1px solid #e4e4e4; padding-bottom: 10px; background: #fff; font-size: 12px; margin-bottom: 20px;}
.recommend .leftTit a{ color:#555555; font-size: 12px; margin-right: 15px; font-weight: normal;}
.recommend .leftTit a:hover{ color: #02328D;}
.reNew .list{ padding-left: 20px; padding-top: 10px;}
.reNew li{ width:334px; padding:0px 20px 0px 0px; line-height: 28px; float: left;}
.reNew li s{ width:12px; height: 12px; background-position: -162px -27px;}
.reNew li a{ color: #666666; display:block;}
.pageNews .reNew li{ width: 280px; }
.rePro .list{  padding-top: 18px;}
.rePro li {float:left; width:150px; margin-left:15px;text-align:center; line-height:30px; }
.rePro li a{ display:block; color: #555555; }
.rePro li a:hover{ color:#1b2a3d }
.rePro li img { width:154px; height:116px; border:1px solid #e6e6e6; display:block; }
.rePro li img:hover { opacity:0.8; filter:Alpha(opacity=80); border:1px solid #02328D; }
.recommend li a:hover{ color:#02328D;}
.newrePro li{ width: 140px;}
.newrePro li img{ width: 138px; height: 104px;}
/* pager */
.pagingNav:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;}
.pagingNav{*zoom:1;}
.pager { display:block; border:1px solid #cccccc; padding:6px 5px; margin:15px 0 5px; text-align:right; clear:both; }
.pager span, .pager a{ display:inline-block; border:1px solid #ccc; color:#666;  height:20px; line-height:20px; padding:2px 8px 2px; text-decoration:none; margin:0 2px;  }
.pager a:hover{ background:#1b2a3d; border-color:#1b2a3d; color:#fff; text-decoration:none;}
.pager .cur{ background:#1b2a3d; border-color:#1b2a3d;  color:#fff; }
.pager span.dot{ background:#1b2a3d; border-color:#1b2a3d; color:#fff; }
.pager span.txt{ float:left; border:0px; font-size: 12px; margin-top: 2px; }
.pager .pagingNav p{ float:left;}
.listProduct .pager,.listCase .pager{ margin-bottom:20px;}
/* reLink */
.reLink {  width:714px;height:38px; line-height:38px; color: #666; border:1px solid #e4e4e4;  margin-bottom:15px; }
.reLink .prevLink { float:left; margin-left:10px; }
.reLink .nextLink { float:right; margin-right:10px; }
.reLink a{ color: #666;}
.reLink a:hover{ color: #02328D;}
/*侧栏*/
.sideBar{ width:260px;}
.sideBar .iproNav{ color: #fff; }
.sideBar .iproNav .title{  text-align: center; background:url(../images/pro.jpg) center no-repeat; height:84px; }
.sideBar .iproNav .title h2{ height: 70px; line-height:70px; font-family: "microsoft yahei"; font-size: 30px;  color:#fff }
.sideBar .iproNav .title .en{ font-size: 16px; font-family: arial; display: none; text-transform: uppercase; }
.sideBar .con{ width:258px;  background: #fff;}
.leftRecom{ width:258px; border:1px solid #d2d2d2; margin: 20px 0; background: #fff;}
.leftRecom li{ width:198px;  margin: 10px auto; text-align: center;}
.leftRecom li img{ width:183px; height: 137px; margin: 0 auto; padding:2px; border:1px solid #e3e3e3; display: block;}
.leftRecom li h3{ color: #666666; line-height: 30px;}
.leftRecom li:hover img{ background: #02328D; border-color: #fff;}
.leftRecom li:hover h3{ color: #02328D}
.leftCon{ width:258px; border:1px solid #d2d2d2; background: #fff; }
.leftCon .leftTel{ margin:10px 0px 0px 15px;line-height: 16px; }
.leftCon .leftTel .icon1{ width: 43px; height: 43px; margin-right:6px; background: url(../images/index_icon1.png) no-repeat left center;}
.leftCon .leftTel span{ color:#303030; font-size:14px; }
.leftCon .leftTel strong{ font-size:20px; color: #02328D; font-weight: normal; font-family: impact;  display: block; line-height: 30px; }
.leftCon .icontxt{ font-size:12px; color:#303030; line-height:24px; padding:16px 15px;}
.singlePage .contxt{ font-size: 14px; color: #555;  padding:0px 8px; line-height: 30px;}
.singlePage .contxt h3{ font-size:26px; color:#02328D; padding-bottom:3%; margin-bottom: 2%;border-bottom: 1px solid #D0D0D0;text-align: center;}
.pro_ny_sa{ width:960px; color:#c2c2c2;text-align:center; padding-top:8px; font-size: 12px;}
/* listProduct */
.listProduct .list{ width:108%;}
.listProduct .item{ width:288px; float:left; margin:0px 20px 20px 0px;border: 1px solid #dddddd; text-align: center; overflow: hidden; }
.listProduct .item:hover{border: 1px solid #02328D;  }
.listProduct .item img{ width:268px; height:210px; display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; padding:10px 10px 0; }
.listProduct .item img:hover{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);}
.listProduct .item a{ display: block; width: 100%;}
.listProduct .item1 img{ width:234px;  display: block; background: #fff; border: 1px solid #dddddd; }
.listProduct .item h3{ width:100%; height:40px; line-height: 40px; display: block; color:#555555;  }
.listProduct .item:hover h3{ color: #02328D;}
.honorPage .item img{ height: 312px; }
/* .pageProduct */
.pageProduct2 h1 { font-family:"Microsoft Yahei"; font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight:700; }
.pageProduct2 .photo { margin-bottom:20px; }
.pageProduct2 .photo .img { display:block; padding:4px; border:1px solid #dbe7c7; margin:0 auto; }
.pageProduct2 .detaiInfo { margin-bottom:10px; }
/* pageProduct2 */
.pageProduct .contentCon{ background: #fff; border: 1px solid #dfdfdf; padding:20px 15px; }
.pageProduct .tod{}
.pageProduct .photo { width:358px; margin-bottom: 20px; }
.pageProduct .photo .jqzoom{ border:1px solid #ddd; width:358px; height:269px; position:relative; padding:0px; cursor:pointer; overflow: hidden;} 
div.zoomdiv {  z-index:  999; position: absolute; top:0px; left:0px; width: 200px;height: 200px; background: #ffffff;  border:1px solid #CCCCCC; display:none;  text-align: center; overflow: hidden;}
div.jqZoomPup { z-index : 999; visibility: hidden;  position: absolute; top:0px; left:0px;  border: 1px solid #aaa; background: #ffffff; opacity: 0.5;-moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50);
}
.pageProduct .photo .img { width:358px; height:269px; display:block; }
.pageProduct .photoimg{ width:358px; height:82px; padding-top:10px; position:relative;}
.pageProduct .photoimg .list{ width:292px; overflow:hidden;position:relative; margin-left:38px;}
.pageProduct .photoimg .icon{ width:6px; height:12px; position:absolute; top:40px; cursor:pointer;}
.pageProduct .photoimg .btnleft{ left:10px; background-position:-196px -30px;}
.pageProduct .photoimg .btnright{  right:10px; background-position:-196px -42px;}
.pageProduct .photoimg .list .listcon{ width:300%;}
.pageProduct .photoimg a{ width:85px; height:64px; display:block; float:left;  margin-right:14px; border:1px solid #ddd;}
.pageProduct .photoimg a img{ width:85px; height:64px; display:block;}
.pageProduct .photoimg a:hover{ border:1px solid #02328D;}
.pageProduct .baseInfo { width:300px; }
.pageProduct .baseInfo h1{ color:#555; font-weight:bold; font-size:16px; }
.pageProduct .baseInfo .miaos{ color: #666; margin-top: 20px;}
.pageProduct .baseInfo .miaos p{ padding-left: 5px;}
.pageProduct .baseInfo .showtel{ width:90%; padding:10px 5%; margin-top:20px; line-height: 28px; background: #f3f3f3;}
.pageProduct .baseInfo .showtel .telcon{ line-height: 28px;}
.pageProduct .baseInfo .showtel .telcon strong{ font-size:24px;font-family: impact; font-weight: normal;  color: #02328D; }
.pageProduct .baseInfo .button { width:107px; height: 36px; margin-top: 10px; line-height:36px; margin-right:15px;  border-radius:2px; display:block; text-align: center; color:#fff; background: #1b2a3d; }
.pageProduct .baseInfo .button:hover { background:#02328D; }
.pageProduct .detaiTit { height:44px; line-height:44px; border-bottom:1px solid #cecece; margin:15px auto 15px; }
.pageProduct .detaiTit h2{ width:95px; height: 42px; line-height: 39px; border-bottom:3px solid #1b2a3d; text-align: center; color:#1b2a3d;font-size:16px; }
.pageProduct .detaiInfo { margin-bottom:10px; padding:0px 10px 10px; color:#666; line-height:2em;}
.pageProduct .showpContact{ background:url(../images/show_contact_pic.jpg) no-repeat right bottom; border:1px solid #e4e4e4; padding-bottom: 10px; }
.pageProduct .showpContact .txt{ padding:15px; color: #666; min-height: 58px; }
.pageProduct .reInformation{ border:1px solid #e5e4e4; margin-top:20px; padding-bottom:30px;}
.pageProduct .reInformation .tit{ font-weight:bold; font-size:16px; color:#333; }
.pageProduct .reInformation{ border:1px solid #e5e4e4; margin-top:10px; padding-bottom:30px;}
.pageProduct .reInformation .tit{ font-weight:bold; font-size:16px; color:#333; margin:10px 0px 0px 20px;}
/* listNews */
.listNews .list { padding:10px; overflow:hidden; }
.listNews .item { width:100%;  border-bottom:1px solid #dfdcdc; padding-bottom: 20px; margin-bottom: 25px; }
.listNews .item dt a { font-weight: bold; color: #1b2a3d; font-size:16px;}
.listNews .item dt a:hover { color: #02328D; text-decoration:underline; }
.listNews .item .time { color:#666666; font-size: 12px; font-weight: normal; }
.listNews .item dd{ height: 44px; margin-top: 10px; font-size: 14px; color: #666666; line-height: 22px;}
.listNews .pager{ width:710px; margin-left: 10px; line-height:30px;}
.listNews .pager p{ float:left;}
/* pageNews */
.pageNewsRight{ width:300px; }
.pageNewsRight a{ display: block;}
.pageNewsRight .right_1,.pageNewsRight .right_2{ margin-bottom: 20px; border: 1px solid #eee;}
.pageNewsRight .con{ width:94%; background: #fff; padding: 3%;}
.pageNewsRight .right_1 .item h3{ line-height: 36px; }
.pageNewsRight .right_1 .item .xx{ display: none;}
.pageNewsRight .right_1 .item img{ width:80px; height: 60px; float: left; display: block; margin-right: 10px;} 
.pageNewsRight .right_1 .item .txt{ height:60px; overflow: hidden; line-height: 20px; font-size: 12px; color: #999;}
.pageNewsRight .right_2 .con{ padding:5%; width:90%;}
.pageNewsRight .right_2 ul{ background:url(../images/nnewsbg3.jpg) no-repeat 4px 6px;}
.pageNewsRight .right_2 li{ line-height: 24px; font-size: 12px;}
.pageNewsRight .right_2 li a{ color: #666; text-indent: 32px;}
.pageNewsRight .right_2 li a:hover{ color: #1b2a3d;}
.pageNewsRight .right_2 li span{ float: right; color: red; font-size: 12px;}
.pageNews{ width:640px;}
.pageNews h1.bt{ font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight: bold; color:#333; border-bottom: 1px dotted #afafaf; margin-bottom: 5px; }
.pageNews .mark { height:30px; line-height:30px; text-align:center; font-size:12px; color: #999;  }
.pageNews .mark span { margin-right: 14px; }
.pageNews .info { margin-bottom:20px; padding: 10px 0; color: #666; }
.pageNews .showtag{ padding-left: 20px; margin: 30px 0 18px; color: #666;}
.pageNews .showtag a{ color: #666; text-decoration: underline;}
.pageNews .reLink {  width:640px;}
/* mapPage  */
.maplist li a {background: #eee;  width: 98%;  height: 30px;  line-height: 30px;  display: block;  margin-bottom: 10px;  padding-left: 2%;  font-weight: bold; }
.maplist li .box {  width: 110%;  height: auto;  margin-bottom: 10px;}
.maplist li .box a { height: 26px;  line-height: 26px;  width: 168px; display:inline-block;  text-align: center;  margin-right: 8px; padding:0px; border:0px; font-weight: normal;}
.maplist li .box a:hover {  background: #f35b07; color: #fff;}
/* formData */
.formData { width:550px; margin:0px auto 20px; padding-top:30px; }
.formData .item{ margin-bottom: 10px; height: 27px; line-height: 27px;}
.formData .liuyan{ height:82px;}
.formData .item p{ width:90px; float: left; text-align: right; line-height:27px; height: 27px;}
.formData .item label { margin-right:5px; }
.formData .item .tip { width:150px; margin-left:20px; float: left; }
.formData .item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; float: left; border:1px solid #ccc; border-radius:2px; padding:0 5px; }
.formData .item textarea { width:250px; height:80px; resize: none; overflow: hidden; color:#666; border:1px solid #ccc; margin-bottom:15px; border-radius:3px; padding:0 5px; }
.formData .item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #999; }
.formData .code{ height: 27px;}
.formData .code input { width:90px; float: left; }
.formData .item .sub { width:102px; height:32px; line-height:32px; text-align:center; background:#1b2a3d; border-radius:2px; color:#FFF; border:none; margin-right:10px; cursor:pointer; }
.formData .sub:hover { background:#666; }
.formData tr.code img { float: left; vertical-align:middle; *vertical-align:0; margin-left:10px; }
.formData .err, .formData .red { color:#ff0000; }
.formData .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px; }
/************category************/
/********.toolbar1*********/
.toolbar1{width: 50px; position: fixed; right: 10px; top:350px; z-index: 999;}
.toolbar1 dd{width: 50px; height: 50px; background: #222; position: relative;}
.toolbar1 dd i{width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;}
.toolbar1 dd i span{width: 35px; height: 35px; display: block; margin: 7px 0 0 7px; *margin: 7px 0 0 0; background: url(../images/rightFixIcon.png) no-repeat 0 0;}
.toolbar1 .slide-tel{display: block; width: 0; height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden; }
.toolbar1 .pop{position: absolute; right: 90px; top: -65px; background: #02328D; display: none;}
.toolbar1 .pop-code{width: 120px; padding: 20px 20px 0;}
.toolbar1 .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar1 .pop-code h3{height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar1 .qq span{background-position: 0 -47px;}
.toolbar1 .qq a{width: 50px; height: 50px; cursor: pointer; display: block;}
.toolbar1 .qq:hover{background: #02328D;}
.toolbar1 .qq:hover span{background-position: -40px -47px;}
.toolbar1 .tel span{background-position: 0 0;}
.toolbar1 .tel:hover{background: #02328D;}
.toolbar1 .tel:hover span{background-position: -40px 0;}
.toolbar1 .code span{background-position: 0 -95px;}
.toolbar1 .code:hover{background: #02328D;}
.toolbar1 .code:hover span{background-position: -40px -95px;}
.toolbar1 .top span{background-position: 0 -142px;}
.toolbar1 .top:hover{background: #02328D;}
.toolbar1 .top:hover span{background-position: -40px -142px;}
/* Float Shadow */
.hvr-float-shadow{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}
.hvr-float-shadow:before{pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity;}
.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active{-webkit-transform: translateY(-5px); transform: translateY(-5px);
/* move the element up by 5px */}
.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before{opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px);
/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */}
/*@font-face*/
@font-face{
	font-family: 'helv'; 
	src: url('../other/helv.eot'); 
	src: url('../other/helv.eot?#iefix') format('embedded-opentype'), 
			 url('../other/helv.woff') format('woff'), 
			 url('../other/helv.ttf') format('truetype'), 
			 url('../other/helv.svg#verdemoderna') format('svg');}
/*# sourceMappingURL=style.css.map */


/*hover css3*/
.hvr-underline-from-left{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}

.hvr-underline-from-left:before{content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #02328D; height:2.5px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before{right: 0;}

/*翻页*/
.pglist{ width:100%;clear:both;height:80px; }
.pglist ul{ width:100%;text-align:right; padding-top:20px;}
.pglist ul li{
	vertical-align: bottom; display:inline-block;*display:inline; zoom:1;
 	width:30px;height:30px; margin-left:5px;_display:inline; _zoom:1; _margin-left:5px;  border:1px solid #02328D;
 	font-size:14px;line-height:30px; text-align:center; background:#02328D}
.pglist ul li a{color:#fff; line-height:30px; display:block}
.pglist ul li.home,.pglist ul li.end{ width:60px; height:30px; border:1px  solid #02328D;}
.pglist ul li.next,.pglist ul li.last{ 
	width:30px; height:30px;border:1px  solid #02328D;
	font-size:24px;line-height: 30px;  font-family:'微软雅黑'!important; font-weight:bold; }
.pglist ul li.on{background:#02328D;border:1px  solid #02328D;}
.pglist ul li.on a{color:#fff;}
.pglist ul li.nohover{background:#02328D;border:1px  solid #02328D;font-family:'微软雅黑';color:#fff}
.pglist ul li.nohover a{color:#fff;}

.page{margin: 2% 0;padding: 1%;line-height: 35px;border-top: 1px solid #C7C7C7;}
.page a{display: block;text-align: left;}

.fanye{ width:640px;margin:0 auto; padding-top:10px;position:relative;  border-top:1px #A9A9A9  solid; padding-bottom:40px;}
.fanyea{margin:0 auto; padding:20px 0;position:relative;  border-top:1px #D4D4D4  solid;border-bottom: 1px #D4D4D4 solid;}
.fanyea a:hover{ color:#02328D}