﻿@charset "utf-8";
/* CSS Document */

html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin:0; padding:0; }
/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 

/* body */ 
body{color:#757575; font-size:12px; line-height:24px;  font-family:"微软雅黑";   background:#FFF;} 
i, em, cite { font-style:normal; }

/* a */ 
a{color:#757575; font-size:12px;/*-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;*/ text-decoration: none; }
a:hover { color:#0062ad; }
/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
textarea,input {vertical-align:middle;font-size:12px; outline:none}

iframe{ border:0}
/* li */ 
ul,li{list-style-type:none;} 
/* img */ 
body img{border:0 none; vertical-align:middle;} 

/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;}


/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */
/*********清除浮动处理**********/
.clr { clear:both; display:block; height:0;font-size:0; overflow:hidden;}
/*返回顶部*/
.totop{position:fixed; right:50%; margin-right:-528px; z-index:10000; bottom:25px;display:block; width:26px; height:62px; background:url(../images/rocket.png) no-repeat 0 0; -webkit-transition: all 0.2s ease-in-out;}


/*网站头部*/
.headWrap{ height:32px; width:auto; background:#0068b7; color:#FFF; font-size:12px; line-height:32px;}
.headWrap .head{ width:1100px; margin:0 auto; position:relative;}
.headWrap .head .headRight{ position:absolute; right:0; top:0}
.headWrap .head .headRight a{color:#FFF;}
.headWrap .head .headRight a:hover{ text-decoration:underline}


.top-T{ width:1100px; margin:0 auto; height:130px; overflow:hidden; position:relative; }
.top-T .logoL{ width:360px; height:70px; overflow:hidden; margin-top:32px; position:relative}


/***********nav*******/
.nav{ width:auto; position:absolute; right:0; top:0; height:130px; overflow:hidden;}
.nav li{ float:left; text-align:center; position:relative;}
.nav li a{line-height:128px; text-align:center; border-bottom:2px solid #FFF; font-size:14px; width:100px; color:#333333; display:block;}
.nav li a:hover,.nav li .cur{ color:#0068b7; border-bottom:2px solid #0068b7}
/*********************************公共头部结束*******************************/

.js-silder{position: relative; height:600px}
.silder-scroll{width: 100%; overflow: hidden; height:100%;}
.silder-main{position: relative; width: 100%; overflow: hidden; height:100%;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%; height:100%;}
.silder-main-img a{ display:block; height:100%}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{position:absolute; bottom:5px; z-index:10; width: 100%; text-align: center;}
.silder-ctrl-prev,
.silder-ctrl-next{position: absolute;top: 0;display:none;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #fff;font-family: "宋体";font-size: 52px;font-weight: 600;text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left: 0; text-align: left;}
.silder-ctrl-next{right: 0; text-align: right;}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{position: absolute;top: 50%; margin-top: -40px;}
.silder-ctrl-prev>span{display:none;left: 0;}
.silder-ctrl-next>span{ display:none;right: 0;}
.silder-ctrl-con{display: inline-block;width:10px; padding:10px 0; margin:0 10px; cursor: pointer;}
.silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden;padding:5px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; cursor:pointer; border:1px solid #0062ad}
.silder-ctrl-con.active>span{background-color: #0062ad;}

@media (max-width: 768px){
.silder-ctrl-prev,.silder-ctrl-next{width: 10%;font-size: 26px;margin-top: -25px;}
.silder-ctrl-con{width: 14px;height: 14px;padding: 0;margin: 0 5px;}
.silder-ctrl-con>span{display: block; width: 100%;height:100%; border-radius: 50%;padding: 0;}
}

/*产品中心*/
.in_pro{width:1100px; margin:30px auto; overflow:hidden;}
.pro_left{width:258px; float:left; margin-bottom:15px;}
.pro_left .pro_left_top{width:258px; height:160px; background:url(../images/membt.png) center center no-repeat;}
.pro_left .pro_left_nr{width:240px; overflow:hidden; margin:0 auto; padding-bottom:20px; border-right:5px solid #e5e5e5; border-left:5px solid #e5e5e5; border-bottom:5px solid #e5e5e5}
.pro_left .pro_left_nr li{width:200px; height:40px; margin:10px auto 0; border-bottom:1px dashed #e5e5e5}
.pro_left .pro_left_nr li a{display:block; width:185px; font-weight:bold; line-height:40px; padding:0 0 0 15px; height:40px; overflow:hidden; background:url(../Images/jt.png) 0 center no-repeat ;   font-size:16px; color:#333333}

.pro_left .pro_left_nr li.subnav{ margin-top:0}
.pro_left .pro_left_nr li.subnav a{ background:none; padding-left:10px; font-size:14px; font-weight:normal; color:#666666}
.pro_left .pro_left_nr li.subnav a:hover{ color:#0068b7}
.pro_left .pro_left_nr li a:hover,.pro_left .pro_left_nr li.subnav .cur,.pro_left .pro_left_nr li .cur{ color:#0068b7}

.in_pro .pro_right{width:800px; float:right; overflow:hidden}
.in_pro .pro_right .pro_right_title{width:800px; height:35px; position:relative; border-bottom:1px solid #0068b7; overflow:hidden}
.in_pro .pro_right .pro_right_title span{color:#0068b7; font-size:18px; line-height:35px; font-weight:bold}
.in_pro .pro_right .pro_right_title a{ position:absolute; right:0; top:8px; color:#999999}
.in_pro .pro_right .RightBOx{ width:800px; float:right; overflow:hidden; padding-top:20px}
.in_pro .pro_right .RightBOx li{ width:266px;  overflow:hidden; margin-bottom:15px; position:relative; float:left; display:inline;}
.in_pro .pro_right .RightBOx li a { color:#ffffff; display:block; width:250px; margin:0 auto; position:relative}
.in_pro .pro_right .RightBOx li a:hover{ color:#ffffff;}
.in_pro .pro_right .RightBOx li .pic {position:relative; width:250px; display:block; overflow:hidden; border:1px solid #e7e7e7; background:#FFF; margin:0 auto; height:250px;}
.in_pro .pro_right .RightBOx li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; left:0; top:0; bottom:0; right:0;}
.in_pro .pro_right .RightBOx li .txt{ text-align:center; position:absolute; bottom:0; left:0; right:0; background:rgba(0,97,174,0.5); line-height:30px; height:30px; font-size:14px; overflow:hidden; width:252px;}



/*新闻中心*/
.newsWrap{ width:auto; background:#eeeeee; padding:30px 0; overflow:hidden}
.news{width:1100px; margin:0 auto; padding:10px 0; overflow:hidden; }
.news .news_L{ width:505px; float:left; background:url(../images/new01.png) center top no-repeat #FFF; padding:200px 15px 15px}
.news .news_R{width:505px; float:right; background:url(../images/new02.png) center top no-repeat #FFF; padding:200px 15px 15px}

.news li{ height:36px;  padding-right:80px; overflow:hidden; position:relative; border-bottom:1px dashed #cccccc; padding-left:20px; background:url(../Images/newli01.png) left center no-repeat; line-height:36px;}
.news li a{color:#808080; font-size:14px;}
.news li a:hover{ color:#0062ad}
.news .date{ position:absolute; font-size:14px; right:0; top:0; color:#b2b2b2;}
.FAQ li{ background:url(../Images/newli02.png) left center no-repeat; }


.about{ height:314px; width:1100px; background:url(../images/about.jpg) center center no-repeat; margin:50px auto; position:relative}
.about strong{ position:absolute; left:520px; top:25px; font-size:24px; color:#0068b7; font-weight:bold;}
.about .text{ display:block; width:550px;  position:absolute; left:520px; top:100px; font-size:14px; color:#666666; line-height:30px;}
.about a{ display:block; width:120px; color:#FFF; height:28px; line-height:28px; margin-top:15px; text-align:center; background:#0062ad; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }

/*内页样式*/
.right{width:800px;  float:right; overflow:hidden; padding-bottom:50px;}
.right .right-bt{ width:800px; height:35px; border-bottom:1px dashed #cccccc; position:relative; line-height:35px;}
.right .right-bt .nybtL{color:#0062ad; display:inline-block;  height:34px; padding:0 5px; border-bottom:2px solid #0062ad; font-weight:bold; font-size:16px; overflow:hidden}
.right .right-bt .nybtR{ position:absolute; right:0; top:0; text-align:right; height:35px; line-height:35px;  overflow:hidden; color:#737373}
.right .right-bt .nybtR a:nth-last-child(1){ color:#0062ad}
.right .right-bt a{ color:#09255d}
.right .right-bt a:hover{ color:#0062ad}

.ny-right-about{ width:800px;  overflow:hidden; min-height:300px; padding:10px 0; font-size:14px; color:#474747}


.ny-right-news{ width:800px; margin:0 auto;  padding:10px 0 }
.ny-right-news li{ width:800px; height:32px; line-height:32px; position:relative; border-bottom:1px dashed #CCC; overflow:hidden}
.ny-right-news li a{background:url(../Images/jt.png) left center no-repeat; padding-left:15px;}
.ny-right-news li span{ position:absolute; right:0; top:0; color:#737373;}
.ny-right-news ul{ margin-bottom:20px;}
.ny-right-news h1{ font-size:16px; width:800px; float:left; text-align:center}
.ny-right-news h6{ border-bottom:1px dashed #CCC; width:800px; font-weight:normal; height:32px; float:left; line-height:32px; text-align:center;color:#737373}
.ny-news-nr{ width:800px; float:left; padding-top:10px; margin-bottom:20px;}

/*荣誉*/
.ny-right-honor { width:800px; padding:10px 0; overflow:hidden}
.ny-right-honor li{ width:266px; margin-bottom:20px; line-height:32px; float:left}
.ny-right-honor li .pic{ width:250px; background:#FFF; margin:0 auto; border:1px solid #f2f2f2; position:relative}
.ny-right-honor li .pic a{ position:relative; display:block; width:250px; height:150px;}
.ny-right-honor li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0  }

.ny-right-honor li .txt{ width:200px;  margin:0 auto; height:24px; overflow:hidden; line-height:24px; text-align:center}
.ny-right-honor li .txt a{ color:#919191;}
.ny-right-honor li .txt a:hover{ color:#0062ad}

/*内页****产品****样式*****/
.ny-right-pro{ width:800px; padding:10px 0; overflow:hidden}

.ny-right-pro li{ width:266px; margin-bottom:20px; line-height:32px; float:left;}
.ny-right-pro li .pic{ width:250px; margin:0 auto; background:#FFF; border:1px solid #f2f2f2; position:relative}
.ny-right-pro li .pic a{ position:relative; display:block; width:250px; height:250px;}
.ny-right-pro li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0  }
.ny-right-pro li .txt{ width:250px; margin:0 auto; overflow:hidden; height:24px; line-height:24px; text-align:center}
.ny-right-pro li .txt a{ color:#919191;}
.ny-right-pro li .txt a:hover{color:#0062ad}



.jqzoom{ width:800px;  margin:10px auto; overflow:hidden;}


.jqzoom_A{ width:800px;  margin:10px auto; text-align:center;}
.jqzoom_A img{ border:1px solid #CCC; max-width:550px;}



.proproperty{ font-size:16px; font-weight:bold; color:#373737; margin-top:20px; width:800px; border-bottom:1px solid #e2e2e2;  height:30px;}
.proproperty li {float:left;  height:30px; background-image:url(../Images/t2.jpg); cursor:pointer; margin-right:5px; font-size:12px; font-weight:100; text-align:center; float:left; line-height:30px; color:#FFF; width:75px; }
.proproperty li.cur{ background-image:url(../Images/t1.jpg); }

.procontent{ width:800px; float:right; padding:10px 0;}
.dispaly{ display:none}
.pageleft{ float:left}
.pageright{ float:right}



.linkWrap{width:100%; margin:0 auto; overflow:hidden; background:#343434; position:relative;}
.linkWrap .links_bt{ width:88px; display:block; height:30px; position:absolute; left:0; top:30px; font-size:16px; color:#ffffff;}
.linkWrap .link{position:relative; width:1000px;  min-height:40px; margin:0 auto; padding-left:100px; background:url(../Images/xian.jpg) left bottom repeat-x ; padding-top:30px; padding-bottom:15px; position:relative;}
.linkWrap .link a{color:#666666; font-size:14px;  line-height:25px; display:inline-block; margin-right:8px;}
.linkWrap .link a:hover{ text-decoration:underline; color:#FFF}



/*footer*/
.footWrap{background:#343434;  overflow:hidden;}
.footWrap .foot{ width:1100px; margin:0 auto;  padding:35px 0; font-size:14px; color:#808080; line-height:30px; position:relative; overflow:hidden}
.footWrap .foot .List{ float:left; width:300px; overflow:hidden}
.footWrap .foot .List strong{ color:#ffffff; line-height:40px; position:relative; margin-bottom:10px; padding-bottom:14px; font-size:18px; display:block; font-weight:normal}
.footWrap .foot .List strong:after{ content:''; position:absolute; bottom:0; left:0; background:url(../images/xian.jpg) left bottom repeat-x; height:2px; width:100%;}
.footWrap .foot .List strong i{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#666666; padding-left:10px}
.footWrap .foot .List p{ width:150px; float:left;}
.footWrap .foot .List p a{ color:#808080; font-size:14px;}
.footWrap .foot .List p a:hover{ color:#0062ad}


.footWrap .foot .A{ width:518px;}

.footWrap .foot .A img{ display:block; margin-bottom:20px}
.footWrap .foot .A .pic_img{ padding-bottom:0; color:#FFF; line-height:30px; text-align:center; margin-bottom:20px;}
.footWrap .foot .A #jumpMenu{outline:none; padding-left:5px; width:176px; line-height:20px; height:28px; background:url(../images/link.png) center center no-repeat; border:0; color:#343434}

.select_link{ position:relative;  width:176px;}
.select_link:after{ content:''; position:absolute; bottom:8px; width:20px; height:20px; background:url(../images/sanj.png) center center no-repeat #1a1a1a; right:5px}

.subNav{ position:relative; width:618px; margin-bottom:40px; padding-bottom:20px}
.subNav a{ color:#ffffff; font-size:14px; padding:0 10px}
.subNav:after{ content:''; position:absolute; bottom:0; left:0; background:url(../images/xian.jpg) left bottom repeat-x; height:2px; width:100%;}


.footWrap .foot .D{ float:right; overflow:hidden; width:568px}
.footWrap .foot .D ul{ overflow:hidden}
.footWrap .foot .D li{ float:left; width:280px;}


.copyWrap{ background:#1a1a1a; color:#343434; font-size:12px; padding:10px 0;}
.copyWrap .copy{ width:1100px; margin:0 auto; position:relative}
.copyWrap .copy i{ position:absolute; right:0; top:0}
.copyWrap a{ color:#343434; }

/*翻页*/
.pageNavi{text-align:center; margin-top:20px; margin-bottom:20px;}
.wp-pagenavi {CLEAR: both;}
.wp-pagenavi A {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi SPAN {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}




/*===========================================插件END======================================================*/

#product_view {width:700px; margin:auto; overflow:hidden;}
#product_view h1 { font-size:18px; text-align: left; line-height:26px;}
#product_view h2 { font-size:14px; height:30px; line-height:30px}
#product_view div.content { line-height:180%; padding-bottom:15px}
#product_view p.pImg {text-align:center; padding-bottom:15px}


.list{ padding:0 10px 0 0;}
.list img{ cursor:pointer; padding:1px; border:1px solid #cdcdcd; margin-right:10px; display:block; float:left; width:60px; height:60px; margin-bottom:10px;}
.list img.onzoom, .list img.on{padding:0px; border:2px solid #0062ad;}

.container{ position:relative;}

.izImage{ border:1px solid #cdcdcd; width:380px; height:380px; cursor:pointer}
.izViewer{width:300px;height:300px;position:absolute;left:390px;top:0;display:none; border:1px solid #999;}

.handle{display:none;opacity:0.6;filter:alpha(opacity=60);background:#E6EAF3; cursor:crosshair;}


.right_text{ width:400px; float:right;}
.right_text h1{ line-height:26px; font-size:18px; font-weight:normal}

.right_text .text{ line-height:34px; margin-top:10px;}
.right_text .text span{ font-size:20px; color:#0062ad;}


/*浮动导航*/
.float0831{float:right; position:fixed; right:0px; bottom:20%;_position:absolute;_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:15px; z-index:100000;}
.float0831 ul{ width:130px; background:#fff; font-family:'宋体'}
ul.navigation{border:1px solid #d9d9d9; border-bottom:0}
ul.navigation li{text-align:center; border-bottom:1px solid #d9d9d9; font-size:13px;}
ul.navigation li a{color:#868686; display:block; padding:7px 0; line-height:18px;}

ul.button{border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
ul.button li{line-height:35px; background:#fff; text-align:center; font-size:13px; border-bottom:1px solid #d9d9d9; color:#bababa; width:auto; position:relative;}

ul.button li.customer{ margin:0 auto; text-align:center; padding:5px 0 10px}




ul.button li.top_half{background:url(../images/db.jpg) no-repeat center 18px; cursor:pointer; padding:50px 0 5px}


.floatR{width:140px; float:left;}
.floatL{float:left; position:relative; width:30px;}
.floatL .btnOpen{display:block; background:url(../images/yc_10.png) no-repeat top; width:30px; height:97px; font-size:0; line-height:0; position:relative; height:480px; top:0px; right:0px;}
.floatL .btnCtn{display:block; background:url(../images/yc_09.png) no-repeat top; width:30px; height:97px; font-size:0; line-height:0; position:relative; height:480px; top:0px; right:0px;}
/*end*/
