/****/
* { margin: 0; outline: 0; padding: 0; word-break: break-all;}
body { color: #333; overflow-x: hidden; width: 100%; height: 100%; min-height: 100%; font:13px/2 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; background: #fff;}
ul, li { list-style-type: none; }
table{border-color: #e5e5e5; width: 100%; border-collapse: collapse;}
th, td { padding: 5px; }
input, button, select, textarea { outline: none;resize: none;font:13px/2 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; background: none; color: #999; text-indent: 1em; margin: 0; padding: 0;}
img { border:0; vertical-align: middle;}
a{ color: #333; text-decoration: none; }
small,i,em{font-style: normal;}

.hide{display: none;}
.fl{float: left;}
.fr{float: right;}
.w{width: 1000px; margin: 0 auto;}
.main{max-width: 1000px; margin:20px auto 20px; height: auto; min-height: 400px; overflow: hidden;}
.container{margin: 130px 0 0;}
hr{background: #eee; border:none; height: 1px; margin: 20px 0;}

.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0;}
.clearfix:after { clear: both;}

/*头部*/
.header_box{ position: fixed; _position: absolute; top: 0; left: 0; right: 0; z-index: 101; background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.2);}
.header{height: 90px;}
.header .logo{ padding-top: 10px;}
.header .phone{padding:28px 0 0 90px;}
.header .phone a{cursor: default;}
.header .office{ padding-top: 35px ; font-size: 12px;}
.header .office .t{width: 160px; height: 30px; display: block; color: #ea5b24; line-height: 30px; text-indent:30px; border:1px #e8e8e8 solid; background: #fafafa url(../images/network.jpg) no-repeat 8px center; border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px; position: relative;}
.header .office .t .ico{position: absolute; right: -4px; top:0; width: 30px; height: 30px; display: block;background: url(../images/jt.png) no-repeat center center;-webkit-transition: -webkit-transform .2s ease-in 0s;
    -moz-transition: -moz-transform .2s ease-in 0s;}
.header .office .list{display: none; border:1px #e8e8e8 solid;background: #fafafa; border-top:  none; margin-top: -2px; position: absolute; z-index: 1000; width: 160px;}
.header .office .list a{display: block;text-align: center; line-height: 30px;color: #ea5b24; }
.header .office .list a:hover{background: #ea5b24; color: #fff;}
.header .office li:hover .list{display: block;}
.header .office li:hover .ico{ -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);}

/*菜单导航*/
.nav{ background: #ea5b24;}
.nav li{ display: inline-block;}
.nav .nav_li{float: left;}
.nav .nav_li.curr .nav_a,.nav .nav_li.curr .nav_a:hover,.nav .nav_li:hover .nav_a{ background:#332c2b;}
.nav .nav_a{display: block; padding: 0 31px; line-height: 40px; position: relative; color: #fff;}

.nav .subnav{ display: none;position: absolute;background:#fff;z-index:99;box-shadow:0 0px 5px -1px rgba(0,0,0,.2);}
.nav .subnav_li{display: block; }
.nav .subnav_a{ padding: 0 29px; display: block; line-height: 40px;min-width: 56px;border-bottom: 1px #eee solid;}
.nav .subnav_a:hover{background: #4a4342;border-color: #4a4342; color: #fff;}




/*404*/
.error{width: 440px; height: 400px; text-align: center;position: absolute;  left: 50%; margin-left: -220px; top: 50%; margin-top: -160px;}
.error_img{margin: -40px auto 0; width: 220px;}

/*底部*/
#footer {color: #999; clear:both; background:#f7f7f7;}
.btm{background: #e9e9e9;}
.btm .w{line-height:25px; padding: 10px 0; color: #999999;}
.btm .w a{color: #8d8d8d; padding-right: 15px; display: inline-block;}
.copyright{line-height:28px; word-break:break-all; padding: 20px 0 20px;}
.copyright a{color: #fff;}

.foot_contact{ width: 12%; text-align: center;}
.foot_contact img{vertical-align: middle; max-width: 100%;}
.fast_nav{width: 82%; padding-right: 5%;}
.fast_nav li{ float: left; width: 15%; padding-right: 5%}
.fast_nav li.qq{border-right: 1px #eee solid; width: 14%;}
.fast_nav li.qq a{width: 84px; height: 23px; display: block; background: url(../images/qq.png) no-repeat center center; margin-bottom: 10px; text-indent: 23px; line-height: 23px;}
.fast_nav li h4{font-size: 14px; color: #333; font-weight: normal;}
.fast_nav li a{width: 80px; display: block; color: #666; font-size: 12px;white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}
.links a:hover,.fast_nav li a:hover{color: #333;}
.ad span,.ad p{display: none;}


/*=======================首页部分start=======================*/

/*banner*/
.banner{width:100%; position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.banner .slides li{height:470px; background-position:50% 0; background-repeat: no-repeat;display: none;}
.banner .slides li a{display: block; width: 100%; height: 100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;overflow:hidden;background:#fff; background: rgba(255,255,255,.5); text-indent: -9999px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}

.flex-control-nav .flex-active{ background: rgba(255,255,255,1);}

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

.page_banner{position: relative; width: 2560px; left: 50%; margin:0 auto 0 -1280px;  text-align: center; height: auto; overflow: hidden;}
.page_banner span{display: none;}

.banner_text{background: #f7f7f7; height: 40px; overflow: hidden; font-size: 12px;}
.banner_text .latest{width: 820px;}
.banner_text .latest span{float: left; color:#666; line-height: 40px; background: url(../images/hot.png) no-repeat left center; padding-left: 18px;}
.banner_text .latest .list{ width: 730px; height: 40px;}
.banner_text .latest .list li .image,.banner_text .latest .list li .desc{display: none;}
.banner_text .latest .list li{ width: 345px; float: left; height: 40px; line-height: 40px; padding-right: 20px;}
.banner_text .latest .list .t a{ line-height: 40px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}


.banner_text .care{width: 160px;}
.banner_text .care span{float: left; line-height: 40px; color: #666;}
.banner_text .care a{display: block; float: left;width: 20px; height: 20px; margin: 10px 0 0 2px}
.banner_text .care .xl{background:  url(../images/xl.png) no-repeat center center}
.banner_text .care .wx{background:  url(../images/wx.png) no-repeat center center}
.banner_text .care .qqwb{background:  url(../images/qqwb.png) no-repeat center center}
.banner_text .care .rss{background:  url(../images/rss.png) no-repeat center center}

.step{padding:10px 0 15px;}
.tt{font-size: 16px; color: #ea5b24; padding-bottom: 6px;}
.tt span{display: inline-block; font-size: 12px; color: #999; padding-left: 5px;}

/*案例*/
.case{ width: 485px;}
.case .info .ul{width: 108%;}
.case .info .item{position: relative; width: 235px;height: 165px; margin:0 15px 15px 0; display: inline-block; float: left; background: #000; overflow: hidden;}
.case .info .item img{width: 100%;}
.case .info .item p{position: absolute; bottom: 0; left: 0; z-index: 1; line-height: 30px; width: 215px; padding: 0 10px; background: #000; background: rgba(0,0,0,.6); color: #fff;font-size: 12px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.case .info .item a:hover img{filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}

/*关于*/
.about{width: 500px;}
.about .info{background: #f7f7f7; padding: 10px; position: relative; height: 325px;}
.about .info .ad{float: left; padding-right: 15px;}
.about .info .hj{width: 100%; overflow: hidden; position: absolute; bottom: 30px; left: 0;}
.about .info .hj .ad{padding:0 0 0 12px;}
.about .info .hj .ad img{height: 88px;}
.about .info a.ad {cursor: default;}
.about .info .more{font-size: 12px; position: absolute; right: 0; bottom: 0;width: 50px; height: 16px; line-height: 16px; text-align: center; background: #ea5b24; color: #fff;}


/*产品*/
.pdt_index{background: #f7f7f7;}
.pdt_index .cate{width: 225px; background: #fff;}
.pdt_index .cate h4{ background: #ea5b24 url(../images/cate.png) no-repeat 20px center; font-size: 14px; line-height: 42px; color: #fff; font-weight: normal; text-indent: 38px;}
.pdt_index .tabs{padding: 6px 0;}
.pdt_index .tabs li a{ display: block; padding: 0 10px 0 40px; line-height: 38px; background:url(../images/cate_dot.png) no-repeat 20px center }
.pdt_index .tabs li.thistab a,.pdt_index .tabs li a:hover{ background: #f7f7f7 url(../images/cate_dot.png) no-repeat 20px center ;}
.pdt_index .tab_conbox{ width: 755px; display: inline-block; margin-left: 20px;}
.pdt_index .tab_conbox > li{width: 106%;}
.pdt_index .tab_conbox .item{ width: 180px; float: left; margin:0 12px 10px 0; }
.pdt_index .tab_conbox .item span{display: table-cell; vertical-align: middle; text-align: center; width: 176px; height: 170px; border:2px #fff solid; background: #fff;}
.pdt_index .tab_conbox .item span:hover{border-color: #ea5b24}
.pdt_index .tab_conbox .item span img{max-width: 100%; max-height: 150px;}
.pdt_index .tab_conbox .item p{ display: block; text-align: center; white-space: nowrap; text-overflow:ellipsis;overflow: hidden; padding-top: 10px;}
.pdt_index .tab_conbox .item p:hover{color: #ea5b24}
.pdt_index .tab_conbox .item:hover span{border-color: #ea5b24}
.pdt_index .tab_conbox .item:hover p{color: #ea5b24}


/*广告*/
.ad_box{padding: 20px 0;}
.ad_box img{max-width: 100%;}
/*新闻*/
.news_box {padding-bottom: 20px;}
.news_box .news{ width: 320px;}
.news_box .m{margin: 0 20px;}
.news_box .news .list{padding-right: 20px;}
.news_box .news .list li{padding-left: 10px; background: url(../images/news_dot.png) no-repeat left center; border-bottom: 1px #eee dashed;}
.news_box .news li.first{border: none; background: none; padding-left: 0; position: relative; padding-left: 120px; height: 100px;}
.news_box .news li.first .image,.news_box .news li.first .desc{display: block;}
.news_box .news li .news_t{display: block; white-space: nowrap; text-overflow:ellipsis;overflow: hidden; line-height: 30px;}
.news_box .news li .image{width: 110px; height: 80px; position: absolute; left: 0; top: 6px; background: #6B6B6B;}
.news_box .news li .image a{width: 110px; height: 80px;  display: table-cell; vertical-align: middle; text-align: center;}
.news_box .news li .image img{width: 100%; max-height: 100%;}
.news_box .news li .desc{display: none; font-size: 12px; color: #999; line-height: 22px;}


.ft{background: #f7f7f7;}
.ft .partner{padding: 20px 0 15px;}
.ft .partner span{float: left;font-size: 16px; line-height: 50px;}
.ft .partner .list{padding-left: 85px;}
.ft .partner .list a{ width: 143px; float: left; margin:0 7px 7px 0; display: inline-block; border:1px #ccc solid;}
.ft .partner .list a img{max-width: 100%;}
.ft .service a{cursor: default;}


/*=======================首页部分end=======================*/



/*=======================内页部分start=======================*/
/*左侧*/
#left {float:left; width:20%;}
#left h2{ font-size: 20px; font-weight: normal; padding-left: 20px; line-height: 60px; background: #ea5b24; color: #fff;}
#left .category{background: #eee; padding-bottom: 15px; margin-bottom: 20px;}
#left .contact{background: #eee; padding: 10px; margin-bottom: 20px;}

/*左侧分类*/
.category a{display:block; padding-left: 20px; border-left: 3px solid #eee; line-height: 45px;}
.category a:hover,.category li.small a:hover,.category li a.category_active,.category li.small a.category_active{ border-left: 3px solid #ea5b24; background: #fff;}
.category li.small a{display:block;text-decoration:none; text-indent: 30px;background:#f6f6f6; color: #999;border-left: 3px solid #f6f6f6;}


/*右侧*/
#right{float:left; width:77%; margin-left: 3%; display: inline-block;}
#right .content{padding: 20px 0; height: auto; overflow: hidden;}
#right .content img{max-width: 100%;}

/*内页样式*/
.path_title{height:60px;border-bottom: 1px solid #ededed; line-height: 60px;}
.path_title .span_left{ float: left; font-size: 22px;}
.path_title .span_right{ float: right; color: #999}
.path_title .span_right a{color: #999;}

/*产品列表*/
.products_list {width: 105%; padding-top: 20px;}
.products_list li{ width:250px; float:left; margin: 10px 10px 0 0;}
.products_list a{display: block; width: 100%; overflow: hidden;}
.products_list a:hover span{border-color: #ea5b24;}
.products_list span{width: 246px; height: 246px; border:2px #eee solid; display: table-cell; vertical-align: middle; overflow: hidden; background: #fff; text-align: center;}
.products_list img{max-width: 100%; max-height: 100%;}
.products_list a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.products_list p{display: block;text-align: center; height: 50px; line-height: 50px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}
.products_list a:hover {color: #ea5b24;}


/*产品详情*/
.main_photo{float:left; margin:20px 0px 0px 0;}
.product_group{float:left; width:386px; margin:20px 0px 0px 20px;}
.product_group h2{color:#000;font-size:18px; line-height:22px; padding:8px 0px 7px 0px;border-bottom:dotted 1px #c9c9c9; margin-bottom: 10px;}
.product_group li{list-style:none; line-height:30px; color: #666;}
.product_group li.nbd{border: none;}
.product_content{ clear:both; width:100%; overflow:hidden;line-height:26px;}
.introduce{ color: #333;margin-bottom: 20px; border-bottom: 1px #e8e8e8 solid;font-size: 18px;line-height: 50px;}

/*图片列表*/
.photo_list{width: 102%; padding-top: 20px;}
.photo_list li{ width:31.3333%; float:left; margin-right: 2%; margin-bottom: 20px; }
.photo_list a{display: block; width: 100%;}
.photo_list a:hover{ color: #ea5b24;}
.photo_list span{width: 245px; height: 245px; text-align: center; border: 2px #eee solid; display: table-cell; overflow: hidden; background: #eee;vertical-align: middle;}
.photo_list img{max-width: 100%; max-height: 100%;}
.photo_list a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.photo_list p{display: block;text-align: center; height: 50px; line-height: 50px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}

/* jQuery lightBox plugin - Gallery style */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}

/*分页样式*/
.page{clear:both; margin:25px 0px; text-align: center; font-size: 13px;}
.page a,.page .current {display: inline-block; padding: 5px 15px; background: #ebebeb; border-radius: 3px; -webkit-border-radius: 5px; margin:0 3px;}
.page a:hover,.page .current{ background: #ea5b24; color: #fff;}


/*上一个下一个*/
.point{}
.point span{display: block; width: 60px; height: 150px;}
.point span a{display: block;width: 60px; height: 150px; text-indent: -999999px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;background: url(../images/prev_next.png) no-repeat center top}
.point span.to_prev{position: fixed; left: 0; top: 40%; z-index: 1000;}
.point span.to_next{position: fixed; right: 0; top: 40%;z-index: 1000;}
.point span.to_prev a{background-position: 0 0 }
.point span.to_next a{background-position: -80px 0 }
.point span a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


/*新闻列表*/
#right .news_list{padding: 20px 0 0;}
#right .news_list li{position: relative; padding-left: 220px; height: 130px; margin-bottom: 30px;}
#right .news_list .image{display: block; width: 200px; height: 130px; position: absolute; left: 0; top: 0; overflow: hidden;}
#right .news_list .image img{width: 200px;}
#right .news_list h4{font-size: 16px; color: #000; font-weight: normal;}
#right .news_list a{display: block;}
#right .news_list a:hover h4{color: #ea5b24}
#right .news_list .list_time{display: block;}
#right .news_list .desc{color: #999;}

/*下载列表*/
#right .download_list{padding: 20px 0 0;}
#right .download_list li{ margin-bottom: 20px; padding-bottom:20px; border-bottom:  1px #eee dashed;}
#right .download_list h4{font-size: 16px; color: #000; font-weight: normal;}
#right .download_list a{display: block;}
#right .download_list a:hover h4{color: #ea5b24}
#right .download_list .list_time{display: block;}
#right .download_list .desc{color: #999;}

/*新闻详情*/
h1.content_title{font-size:20px; font-weight: normal; line-height:45px; margin-top:12px; color: #000;}
.down_btn{display: inline-block; padding: 8px 25px; background: #e58904; color: #fff; font-size: 16px; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 10px;}

/*订单留言*/
dl.table{margin:30px 0px 0;}
dl.table dt{float:left; width:75px; height:40px; line-height:40px;}
dl.table dd{height:40px; margin-bottom: 20px;}
dl.table dd input{border:1px solid #ebebeb;width:360px; height: 40px;}

dl.table dd.biezhu{height:130px;}
dl.table dd.biezhu textarea{height:115px;width:360px;border:1px solid #ebebeb;}
.codeimg{background-color: #000; margin: 0px 0px -6px 10px;}
dl.table dd .submit_btn{ width: 160px; margin-right: 20px; background: #ea5b24; color: #fff; cursor: pointer; border:none; text-indent: 0;}

/*网站地图*/
.ul_sitemap{margin: 10px 0px 30px 30px;}
.ul_sitemap li{list-style: none; line-height: 26px;}
.ul_sitemap li a{color: #844e00;}
li.small_li_sitemap{clear: both;padding-left: 12px;}
li.small_li2_sitemap{float: left; padding-left: 20px;}

/*=======================内页部分end=======================*/

/* 悬浮 */
#leftsead{width:140px;position:fixed;bottom:30px;right:0; z-index:9999}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:140px;height:60px;}
#leftsead li span{display: block; width: 140px; height: 60px; padding-left: 60px;margin-right:-140px;cursor:pointer;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#leftsead li a{height:60px;float:right;display:block;min-width:60px;max-width:140px; color: #fff; line-height: 60px;}

#leftsead li.qq_li span{background: #19BAEA url(../images/q.png) no-repeat 10px center;}
#leftsead li.msn_li span{background: #58D249 url(../images/msn.png) no-repeat 10px center;}
#leftsead li.skype_li span{background: #12E2CD url(../images/skype.png) no-repeat 10px center;}
#leftsead li.w_li span{background: #EF6311 url(../images/ww.png) no-repeat 10px center;}
#leftsead li.ww_li span{background: #E8952D url(../images/ww.png) no-repeat 10px center;}
#leftsead li.www_li span{background: #B1D848 url(../images/ww.png) no-repeat 10px center;}
#leftsead li.feedback span{background: #E46464 url(../images/feedback.png) no-repeat 10px center;}
#leftsead li.code_li span{background: #6381F1 url(../images/code.png) no-repeat 10px center; position: relative;}
#leftsead li.code_li .code{ width: 280px; height: 280px; position: absolute; right: 140px; bottom: 0; background:#6381F1; background: rgba(99, 129, 241, 0.52); border-radius: 5px; padding: 10px;}
#leftsead li.code_li .code img{width: 280px; height: 280px;}
#leftsead li.top_li span{background: #6e6e6e url(../images/gotop.png) no-repeat 10px center;}
#remind{ width: 100%; height: 60px;line-height: 60px; position: fixed; bottom: 0; left: 0; z-index: 10; color: #F5D783; font-size: 20px; text-align: center; background: #000; background: rgba(0,0,0,.8);}