@charset "utf-8";

.w-1000{ width: 1000px; margin: 0 auto; }
.w-960{ width: 960px; margin: 0 auto; }
.w-730{ width: 770px; }
.w-210{ width: 210px; }
.f-bcf { background-color: #fff; }
.f-bc1 { background-color: #efefef; }
.f-mt20 { margin-top: 30px; }
.f-pr15 { padding-right: 15px; }
.f-p15 { padding: 15px; }
.f-pb5 { padding-bottom: 5px; }
.f-pt15 { padding-top: 15px; }
.f-pb10 { padding-bottom: 10px; }
.f-pl12 { padding-left: 12px; }
.f-ti20 { text-indent: 20px; }
.f-c000 { color: #000; }
.f-c1, .f-fc { color: #0099FF; }
.f-fs3 { font-size: 16px; }
.f-mt-10 { margin-top: -10px; }
a:hover{color: #0099FF;}
table td {padding:3px;}
.odd{background-color:#efefef;} 

/* header */
#header { position: relative; z-index: 10; padding-bottom: 15px; height: 90px; }
.header-right {}

/* logo */
#logo{ padding-top:30px; height: auto; overflow: hidden; }

/* nav */
.nav{padding-top: 25px; height: 34px; line-height: 34px;}
.nav li{float:right;display:inline;}
.nav li a{margin-left: 10px; padding:0 15px;display:block;font-size:14px;font-weight: 700;color:#000;}
.nav li a:hover, .nav li a.current{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #0099FF;color:#fff;}

/* lang */
.lang { padding-top: 10px; }
.lang li{ margin-left: 20px; width:auto; float: right; display: inline; }
.lang li img { position: relative; top: 3px; right: 7px; height: 16px; }

/* search */
.search{ margin-top: 50px; }
.search #key{margin:0;padding:8px 0 8px 6px;border:1px solid #dfdfdf;border-right:none;width:300px;height:20px;line-height:20px;background-color:#fff;}
.search #submit{margin:0;padding:0;border:1px solid #dfdfdf;width:38px;height:38px;background:#fff url(/images/index.png) no-repeat 0 -97px;}
.search-hover #submit{ cursor: pointer; border:none;background: url(/images/index.png) no-repeat -38px -97px;}

/* index banner */
.flexslider{position:relative;height:495px;overflow:hidden;background:url(/images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:495px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:13px;height:13px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:13px;height:13px;line-height:40px;overflow:hidden;background:url(/images/image.png) -14px -44px no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 -44px;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:43px;height:43px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(/images/image.png) 0 0 no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(/images/image.png) -44px 0 no-repeat;}

/* banner */
.banner { margin: 0 auto; width: 100%; height: 200px; }

/* footer */
.footer{margin-top: 20px;border-top:1px solid #dfdfdf; padding:15px 0 40px;}
ul.footer-nav { padding-bottom: 15px; }
ul.footer-nav li{ float: left; display: inline; }
ul.footer-nav li span { padding: 0 10px; }

/* index */
#main{ padding-top: 15px; }

.picScroll-left{margin-bottom:15px;width:100%;overflow:hidden;position:relative;}
.picScroll-left .hd{overflow:hidden; height:auto;margin-bottom:10px;}
.picScroll-left .hd h3{font-size: 16px;color: #0099FF;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{margin-top:4px;float:right;display:block;width:25px;height:20px;line-height:20px;text-align:center;overflow:hidden;cursor:pointer; border:1px solid #dfdfdf;font-family: "\5B8B\4F53","arial";font-weight:700;}
.picScroll-left .hd .next{border-left:none;}
.picScroll-left .hd a:hover{border:1px solid #0099FF;background-color:#0099FF;color:#fff;text-decoration: none;}
.picScroll-left .bd{width:998px;border:1px solid #dfdfdf;overflow:hidden;}
.picScroll-left .bd ul{width:1010px; overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ padding:15px 10px; float:left; _display:inline; width:230px;overflow:hidden; text-align:center; border-right:1px solid #dfdfdf; text-align:center; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{margin:0 auto; width:200px; height:150px; display:block;  }
.picScroll-left .bd ul li .pic a:hover img{  }
.picScroll-left .bd ul li .title{font-weight:14px;line-height:24px;}

.index-profile { width: 270px; height: 220px; margin-right: 20px; overflow: hidden; }
.index-profile-images { position: relative; }
.index-profile-images span { position: absolute; left: 15px; top: 42px; padding: 5px 15px; background-color: #0099FF; color: #fff; }
.index-profile-images div, .index-profile-images img { width: 270px; height: 70px; overflow: hidden; }
.index-profile-txt { padding: 10px 15px; border: 1px solid #dfdfdf; border-top: none; line-height: 24px;  }

.index-news { margin-right: 20px; border: 1px solid #dfdfdf; width: 395px; height: 218px; overflow: hidden; }
.index-news-title { position: relative; padding: 0px 15px; border-bottom: 1px solid #dfdfdf; height: 33px; line-height: 33px; }
.index-news-title a { position: absolute; right: 15px; top: 0; }
.index-news-list { margin: 15px auto; width: 365px; }
.index-news-list li.index-news-top img { width:100px; height:75px; }
.index-news-list li.index-news-top div { width: 250px; height:75px; }
.index-news-list li.index-news-top p { padding-top:5px; }
.index-news-list li { position: relative; padding-bottom: 10px; }
.index-news-list li i { position: absolute; top: 6px; width: 4px; height: 4px; background-color: #0099FF; }
.index-news-list li a { padding-left:12px; }
.index-news-list li span { position: absolute; right:0; top:0; color: #999; }

.index-contact { padding: 15px; width: 260px; height: 188px; overflow: hidden; border: 1px solid #dfdfdf }

/* left */
.left { margin-bottom: 15px; height: auto; background-color: #f0f0f0; }
.left-ul li { margin-right: 1px; position: relative;  width:auto; float: left; display: inline; }
.left-ul li a { display: block; padding: 10px 25px; }
.left-ul li a:hover, .left-ul li a.current { background-color: #0099FF; color: #fff; }
.left-ul li ul.ul-childlist { display: none; position: absolute; z-index: 10; background-color: #f0f0f0; }
.left-ul li ul.ul-childlist li { border-top: 1px solid #fff; }

.left-ul li.first { padding: 10px ; background-color: #fff; }

/* right */
.right { height: auto; overflow: hidden; }
.m-crumb{ margin-bottom: 15px; padding-bottom: 10px; border-bottom:1px solid #dfdfdf; }
.content { line-height: 24px; overflow: hidden; }

/* news-list */
.news-list { margin-top: -15px; }
.news-list li { position: relative; padding: 15px 0; border-bottom: 1px solid #dfdfdf;}
.news-list li div { float: left; display: inline; width: 500px; }
.news-list li img { float: right; display: inline; width: 120px; height: 90px;}
.news-list li p { padding: 5px 0 0 20px; line-height: 22px; color: #999; }
.news-list li a { padding-left: 20px; }
.news-list li i { position: absolute; left: 6px; top: 21px; width: 4px; height: 4px; background-color: #0099FF; }
.news-list li span { position: absolute; right: 0; color: #999; }

/* news-detail */
.news-title { padding-bottom: 10px; font-size: 16px; }
.news-info { padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.news-info span { padding-right: 10px; }
.news-contnet { padding: 15px 0; line-height: 22px; border-bottom: 1px solid #ddd;}
.news-prev-next div { padding-top: 10px; }

/* product */
.product-class { width: 1100px; }
.product-class li { margin: 0 20px 20px 0; float: left; display: inline;width: 235px; height: auto; text-align: center; }
.product-class li img { margin:0 auto; width: 235px; height: 176px; display: block; }
.product-class li h3 { height: 35px; line-height: 35px; color: #fff; font-size: 14px; background-color: #0099FF; }
.product-class li h3 a { color: #fff; }
.product-class li h3 a:hover { color: #000; }

/* product list */
.pro-list{ margin: -15px 0 0 3px; width: 1100px; }
.pro-list li { margin: 20px 18px 0 0; float: left; display: inline-block; width: 235px; text-align: center; }
.pro-list li div { border: 1px solid #dfdfdf;  }
.pro-list li img { padding: 10px; width: 213px; height: 160px; background-color: #fff; }
.pro-list li h3 { margin: 0 auto; padding-bottom: 15px; font-weight: 300; width: 90%; }
.pro-list li a:hover { color: #0099FF;}
.pro-list li.hover { -moz-box-shadow:0 0 5px #333333; -webkit-box-shadow:0 0 5px #333333; box-shadow:0 0 5px #333333; }

/* product Detail image */
.idx-focus{ border-right: 1px solid #dfdfdf;}
.idx-focus,.focus-pic li{width:600px;height:auto;position:relative;overflow:hidden;}
.idx-foc-tmp{padding:20px 0;height:300px;}
.focus-pic{height:300px;}
.focus-pic li{float:left;display:inline;text-align:center;height:300px;}
.focus-pic li img{width:400px;height:300px;margin:0 auto;}
.idx-focus ul.xtaber-tabs{margin-bottom:20px;position:relative;float:left;display:inline;left:50%;height:auto;}
.idx-focus ul.xtaber-tabs li{float:left;display:inline;position:relative;right:50%;border:1px solid #f3f3f3;cursor:pointer;z-index:3;}
.idx-focus ul.xtaber-tabs li a{display:block;width:70px;height:52px;overflow:hidden;}
.idx-focus ul.xtaber-tabs img{width:70px;height:52px;}
.idx-focus ul.xtaber-tabs .current{border:1px solid #c3c3c3;}
.idx-focus a.btn-prev,.idx-focus a.btn-next{background:url(/images/image.png) no-repeat;width:41px;height:69px;position:absolute;z-index:4;top:135px;_filter:Alpha(opacity=70);}
.idx-focus a.btn-prev{background-position:-84px -63px;left:0;}
.idx-focus a.btn-next{background-position:-126px -63px;right:0;}
.idx-focus a.btn-prev:hover{background-position:0 -63px;left:0;}
.idx-focus a.btn-next:hover{background-position:-42px -63px;right:0;}

.product-content { margin-left: 19px; width: 380px; height: auto; line-height: 22px; }

/* product tab */
.product-box{ margin-top: 20px; width:100%; text-align:left; }
.product-box .hd{ height:32px; line-height:32px; padding:0 10px 0 20px; position:relative; border-bottom: 1px solid #dfdfdf; }
.product-box .hd ul{ float:left;  position:absolute; left:20px;  height:32px;   }
.product-box .hd ul li{ float:left; padding:0 15px; margin-right: 15px; height: 30px; border: 1px solid #dfdfdf; border-bottom: 1px solid #efefef; background-color: #efefef; cursor:pointer;  }
.product-box .hd ul li.on{ height: 31px; color:#fff; font-weight: 700; background-color:#0099FF; border:1px solid #0099FF; }

.product-box .bd ul{ padding-top:15px;  zoom:1;  }
.product-box .bd li{ height:auto; line-height:22px; }
.product-box .bd li.product-tab-pdf { padding-bottom: 15px; height: 32px; line-height: 32px; border-bottom: 1px solid #dfdfdf; }
.product-box .bd li .file { position: absolute; background: url(/images/image.png) no-repeat -88px 0; width: 32px; height: 32px; }
.product-box .bd li .product-tab-file { padding-left: 45px; }

/* down */
.down-list { margin-top: -8px; }
.down-list li { }
.down-list li .down-title { padding: 15px 0 10px 0; display: block; border-bottom: 1px solid #dfdfdf; font-size: 14px; font-weight: 700; }
.down-list li div { padding: 10px 0;}

/* image */
ul.image-list { margin-top: -10px; width: 1100px; }
ul.image-list li { position: relative; margin: 10px 40px 0 0; text-align: center; float: left; display: inline; width: 220px; height: 225px; overflow: hidden; cursor: pointer; }
ul.image-list li a.image { padding-bottom: 10px; height: auto; background-color: #e5e5e5; display: block; }
ul.image-list li a.image:hover { background-color: #0099FF; color: #fff; }
ul.image-list li img { width: 220px; height: 165px; overflow: hidden; }
ul.image-list li p { line-height: 24px; padding-top: 5px; }
ul.image-list li div.rsp{ width:220px;height:165px;overflow:hidden;position: absolute;background:#000 url(/images/zoom.png) center center no-repeat;top:0px;left:0px;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.w-960 ul.image-list li { margin-right: 32px; width: 216px; height: 222px; }
.w-960 ul.image-list li img, .w-960 ul.image-list li div.rsp { width: 216px; height: 162px; }

/* sitemap */
.map-container{width:960px;margin:10px auto;}
.map-title{padding:10px 0;}
.map-container .m-crumb{margin-bottom:10px;}
.map-container ul{margin:0 0 10px 50px;}
.map-container ul li{float:left;display:inline;}

/* pager */
.pager{margin:20px 0 10px;height:auto;text-align:center;}
.pager a{border:#dfdfdf 1px solid;padding:8px 11px 7px;margin-right:2px;text-decoration:none;}
.pager a:hover{border:#dfdfdf 1px solid;background-color:#eeeeee;color:#666;}
.pager a:active{border:#dfdfdf 1px solid;background-color:#eeeeee;color:#666;}
.pager span.current{border:#0099FF 1px solid;padding:8px 11px 7px;margin-right:2px;background-color:#0099FF;font-weight:bold;color:#fff;}
.pager span.disabled{padding:8px 11px 7px;margin-right:2px;border:#dfdfdf 1px solid;}