/****/
* { margin: 0; outline: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html { height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { color: #333; overflow-x: hidden; width: 100%; height: 100%; min-height: 100%;-webkit-touch-callout: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: stretch;-webkit-tap-highlight-color:rgba(0,0,0,0); font:14px/2 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; background: #fff;}
ul, li { list-style-type: none; }
th, td, caption { vertical-align: middle; }
input, button, select, textarea { outline: none;resize: none;font:14px/2 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; background: none; color: #999; font-size: 14px; text-indent: .8em; margin: 0; padding: 0;}
img { border:0; -ms-interpolation-mode: bicubic;}
div{word-break: break-all;}
a{ color: #333; text-decoration: none; }
a:hover{color: #d9181d;}
input[type="button"], input[type="submit"]{-webkit-appearance: none;}
small{color: #999; font-style: normal;}

.hide{display: none;}
.fl{float: left;}
.fr{float: right;}
.main {max-width: 1200px; margin:20px auto 50px; min-height: 400px;}
.container{margin: 80px 0 0;}
.w{width: 1200px; margin: 0 auto;}
.text_l{text-align: left!important;}
.text_r{text-align: right!important;}
.text_m{text-align: center!important;}
.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: 999; background: #fff;box-shadow:0 2px 4px rgba(0, 0, 0, 0.21);}
.header{ margin:0 auto; position: relative;}
.header .logo{ width: 160px; padding:10px 0;}

/*菜单导航*/
.nav #nav_ul_big{width: 100%; text-align: center;}
.nav #nav_ul_big li{ display: inline-block;}
.nav #nav_ul_big > li > a{display: block; padding: 0 20px; color: #333; line-height: 76px; position: relative;border-bottom: 4px #fff solid;}
.nav #nav_ul_big > li > a:hover,.nav #nav_ul_big > li.curr > a,.nav #nav_ul_big > li:hover > a{ color: #0074c1; border-bottom: 4px #0074c1 solid;}
.nav #nav_ul_big li ul{position: absolute; display: none;background:#fff;z-index:999; border-bottom: none;}
.nav #nav_ul_big li ul li{display: block; border-bottom: 1px #eee solid;}
.nav #nav_ul_big li ul li a{ line-height: 40px; padding: 0 20px; display: block;}
.nav #nav_ul_big li ul li a:hover{background: #0074c1; color: #fff;}

/*底部*/
.footer{ background: #4a4a4a; color: #b0afaf; padding: 20px 0}
.footer .logo{ width: 134px; height: 47px; display:inline-block; background:url(../images/logo1.png) no-repeat left center; padding-right: 20px; margin-right: 20px; border-right: 1px #5f5f5f solid;}
.footer .info{line-height: 24px;}
.footer a{color: #b0afaf}

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

/*banner部分*/
.banner {width:100%; height:540px; margin-top: 80px;}
#full-screen-slider { width:100%; height:540px; float:left; position:relative}
#slides { display:block; width:100%; height:540px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index: 50!important}
#slides li a { display:block; width:100%; height:100%; text-align: center;overflow: hidden;}
#slides li a .title{display: none;}
#pagination { display:block; list-style:none; position:absolute; width: 100%; top:510px; z-index:100; margin: 0!important; text-align: center;}
#pagination li { display:inline-block; list-style:none; width:25px; height:5px; margin:0 5px; background:#FFF}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#d9181d}

.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;}

/*搜索*/
.search_box{ height: 60px; overflow: hidden;}
.search_box .hot{line-height: 60px;}
.search_box .hot a{display: inline-block; padding-right: 10px;}
.search_box .hot span{display: inline-block; padding-left: 15px; background: url(../images/hot.png) no-repeat left center; color: #999;}

.searchformzone{width: 360px; margin: 0 auto; padding: 10px 50px 0 0; position: relative;}
.searchformzone .searchform{width: 100%; height: 38px; border: 1px solid #eee; border-radius: 4px 0 0 4px;}
.searchformzone .searchform input{width: 100%; height: 38px; border: none;}
.searchformzone .search_submit{ width: 50px; height: 40px; display: block; border-radius: 0 4px 4px 0; position: absolute; right: 0; top: 10px; z-index: 1; background: #d9181d url(../images/searchicon.png) no-repeat center center; text-indent: -9999999px}
.searchformzone .search_submit a{display: block; width: 60px; height: 50px;}

/*title*/
.index_t{ background:url(../images/line.png) no-repeat left center; padding-left: 8px; font-size: 16px;margin: 10px 0;}
.index_t a{float: right; color: #999; font-size: 14px; line-height: 32px;}
.index_t span{ font-size: 14px; color: #999; display: inline-block; padding-left: 5px;}

/*简介+分类+视频*/
.index_f1{background: #f5f5f5;padding:10px 0 20px;}
.index_f2{padding:10px 0 20px;}

.about{width: 390px;line-height: 27px;}
.about .ad span{display: none;}
.about .ad{ cursor: default;}
.about .more{color:#d9181d; }

.pdt{width: 360px;padding: 0 30px;}
.pdt .ad{display: block; margin-bottom: 10px; background: #fff;}
.pdt .ad span{display: none;}
.pdt .ad:hover img{opacity: .8}

/* 产品 */
.index_pdt{width: 390px;}
.index_pdt .info a{display: block;height: 294px;overflow: hidden;position: relative;}
.index_pdt .info a p{position: absolute;z-index: 1;width: 370px;text-align: center;left: 0;bottom: 0;background: rgba(255, 255, 255, .8);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 45px;padding: 0 10px;}
.index_pdt .info img{width: 100%;margin-top: -50px;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{	display: none;	padding: 0;	position: relative;	width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{	overflow: hidden;	position: relative;	width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{	cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls .owl-buttons div {position: absolute;top: 45%;width: 15px;height: 30px;margin: 0;padding: 0;overflow: hidden;_display: none;}
.owl-theme .owl-controls .owl-buttons div:hover{color: #666;}
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -22px; background: url(../images/l.png) no-repeat center center;background-size: 100% auto;}
.owl-theme .owl-controls .owl-buttons .owl-next { right: -22px;background: url(../images/r.png) no-repeat center center;background-size: 100% auto}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover{background: url(../images/l_hover.png) no-repeat center center;background-size: 100% auto}
.owl-theme .owl-controls .owl-buttons .owl-next:hover{background: url(../images/r_hover.png) no-repeat center center;background-size: 100% auto}


/*新闻+合作*/
.news{width: 780px; padding-right: 30px;}
.news ul{ width: 106%}
.news li{width: 285px; float: left; height: 50px; overflow: hidden; position: relative; padding-left: 98px; margin-bottom: 10px; margin-right: 20px;}
.news li img{width: 88px; height: 50px; position: absolute;left: 0; top: 0;}
.news li h4{font-size: 14px; font-weight: normal; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.news li .desc{font-size: 12px; color: #999;}

.partners{width: 390px;}
.partners .ad span{display: none;}

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



/*=======================内页部分start=======================*/
/*左侧*/
#left {float:left; width:20%; background: #DCDCDC;padding-bottom: 40px; border-radius: 5px; overflow: hidden;}
#left h2{ font-size: 20px;color: #fff; font-weight: normal; padding-left: 20px; line-height: 70px;background-color: #0074c1;}
/*左侧分类*/
.category a{display:block; padding-left: 20px; line-height: 60px; color: #666; border-bottom:1px #D6D6D6 solid}
.category a:hover,.category li.small a:hover,.category li a.category_active,.category li.small a.category_active{background: #EAEAEA; color: #333;}
.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, #right .products_list{padding: 30px 0; height: auto; overflow: hidden;}

/*内页样式*/
.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: 106%;}
.products_list li{float:left; margin-bottom: 40px; border: 1px #f2f2f2 solid; margin-right: 20px;}
.products_list a{display: block; background: #f2f2f2}
.products_list a:hover{background: #0074C1}
.products_list .img_box{width:292px; height: 220px; display:block; overflow: hidden;}
.products_list img{width:100%!important; height:100%!important;}
.products_list img:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.products_list p{font-size: 15px;display: block; padding: 5px 10px 0; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}
.products_list a:hover p{color: #fff;}
.products_list small{color: #999; padding: 0 10px; display: block;}
.products_list a:hover small{color: #63B3E8;}

/*产品详情*/
.main_photo{float: left; padding-top: 20px;}
.product_group {float: left; width: 540px;margin: 20px 0px 0px 20px}
.product_group li.nbd {border: none;}
.product_group li{padding: 8px 0;line-height: 26px;color: #666;border-bottom: 1px #d8d8d8 dashed;}
.product_desc {background: #f5f5f5;}
.product_desc .fr{width: 320px;text-align: right;}
.product_desc .fl{width: 850px;padding-left: 20px; padding: 20px 0;}
.pdt_info h3{font-size: 28px; font-weight: normal; color: #000;}
.pdt_info h4{font-weight: normal; font-size: 16px;}
.pdt_info p{ text-align: left;}
.introduce{color: #333; margin-bottom: 20px; border-bottom: 1px #e8e8e8 solid; font-size: 18px; line-height: 50px;}

/*图片列表*/
.photo_list{width: 106%; padding-top: 20px;}
.photo_list li{float: left; margin-bottom: 40px; border: 1px #f2f2f2 solid; margin-right: 20px;	}
.photo_list a{display: block;width: 293px;height: 240px;background: #f2f2f2;}
.photo_list a:hover{background: #0074C1}
.photo_list .img_box{width: 293px; height: 200px; display: block; overflow: hidden;}
.photo_list img{width: 293px;}
.photo_list img:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.photo_list p{font-size: 15px; display: block; padding: 5px 10px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.photo_list a:hover p{color: #fff;}
/* 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: #0074C1; color: #fff;}


/*新闻列表*/
#right .news_list{padding: 30px 0;}
#right .news_list li{position: relative; padding-left: 220px; height: 135px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px #eee solid;}
#right .news_list .image{display: block; width: 200px; height: 135px; position: absolute; left: 0; top: 0; overflow: hidden; background: #f2f2f2;}
#right .news_list .image img{width: 200px;}
#right .news_list .title{font-size: 18px; color: #000;}
#right .news_list .title:hover{color: #d9181d}
#right .news_list .list_time{display: block;}
#right .news_list .desc{color: #999;}

/*新闻详情*/
h1.content_title{font-size:22px; 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;}
.down_btn:hover{background: #C77907; color: #fff;}


/*订单留言*/
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: #0074C1; 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);}

@media screen and (max-width: 900px) {
  html,body {
    width: 1200px;
  }
}