@charset "utf-8";
/* CSS Document */
.top_tip{height: 28px; background: #333; font-size: 14px; }
.top_tip .l_link{margin-top: 5px; line-height: 18px; color: #b6b6b6; font-family: '宋体'; font-size: 18px; vertical-align: middle;}
.top_tip .l_link a{color: #ccc; padding:0 10px; font-size: 14px;font-family:'microsoft yahei';vertical-align: top;}
.top_tip .l_link a:hover{color: #fff;}
.top_tip .m_search{width: 194px; height: 20px; margin-top: 4px; background: url(../images/bg_search.png) 0 0 no-repeat;}
.top_tip .m_search input{padding: 0; margin: 0; height: 20px; border: none; background: none; outline: none;}
.top_tip .m_search .text{width: 158px; color: #ccc;font-family:'microsoft yahei'; text-indent: 6px;}
.top_tip .m_search .btn{width: 34px; cursor: pointer;}

/***********nav*******************/
.header{height: 126px; position: relative; z-index: 999999;}
.header .logo{margin: 30px 40px 0 0;}
.header .erweima{width: 98px; margin-top: 8px; text-align: center; font-size: 14px; color: #999; line-height: 17px;}
.header .erweima img{display: block; border: 1px solid #e5e5e5;}
.header .phone{position: absolute; right: 160px; top: 14px; font-size: 14px; color: #999; padding-left: 18px; background: url(../images/bg_phone.jpg) left center no-repeat;}
.header .phone i{font-family: Arial; font-size: 20px; color: #d42421; margin-left: 3px;}
.m-nav{z-index:9999; margin-top: 50px; width: 672px; position: relative;}
.m-nav a:hover{text-decoration:none}
.m-nav .fir-ul{position:relative;z-index:2;font-size:0;text-align:right;height:34px;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;width:107px;z-index:9;text-align:center;background:url(../images/bg_nav_li.jpg) left top no-repeat;}
.m-nav .fir-ul .u-a{display:inline-block;*display:inline;*zoom:1;width:70%;height:34px;line-height:32px; font-size:16px;z-index:11;cursor:pointer;font-family:'microsoft yahei';}
.m-nav .fir-ul .hover,
.m-nav .fir-ul .current .u-a{border-bottom: 2px solid #06c; text-decoration:none;}
.m-nav .sec-ul{background:#06c;position:absolute;top:110px;top:36px;left:0;width:100%;font-size:0;text-align:center;font-family:'microsoft yahei'; display: none;}
.m-nav .sec-ul li{height:34px;line-height:34px;overflow:hidden;padding:0;}
.m-nav .sec-ul li a{overflow:hidden;color:#fff;display: block; font-weight:normal;font-size:14px;}
.m-nav .sec-ul li a:hover{background: #d42421;}

.y_nav{width: 240px; height: 500px; position: absolute; left: 0; top: 126px; background: url(../images/bg_ynav.jpg) 0 0 no-repeat;}
.y_nav .sec_nav{width: 240px; height: 500px; position: relative;}
.y_nav .fir_li{width: 100%; height: 62px;}
.y_nav .fir_li .fir_a{color: #fff; font-size: 14px; line-height: 62px; text-indent: 50px; display: block; background: url(../images/bg_y_nav.png) 213px center no-repeat; position: relative; z-index: 2;}
.y_nav .current .fir_a,
.y_nav .fir_li .fir_a:hover{ width: 250px; background-color: #d42421;}
.y_nav .fir_li .thr_ul{position: absolute; overflow: hidden; left: 240px; top: 0; width: 515px; background: #fff; height: 500px; overflow: hidden; display: none;}
.y_nav .fir_li .thr_ul li{float: left; width: 50%; text-align: center; padding-top:10px; height: 140px; margin-bottom: 6px;}
.y_nav .fir_li .thr_ul li .text{height: 52px; line-height: 52px; text-align: center; overflow: hidden;}
.y_nav .fir_li .thr_ul li .u_img{display: block; overflow: hidden; width: 180px; height: 108px; margin: 0 auto;}
.y_nav .fir_li .thr_ul li img{width: 100%;}
.img_list li a:hover .u_img,.y_nav .fir_li .thr_ul li a:hover .u_img,.pro_list ul li a:hover .u_img,.adv_list ul li a:hover .u_img{filter:alpha(opacity=80);opacity: 0.8;}

.animated{transition:all .4s; transition:all .4s; }

/**************** banner *****************/
.banner-box{position:relative;z-index:5;}
.m-focus-d{position:relative;height:500px;z-index:3;}
.sub_banner{height: 330px;}
.m-focus-d .switchable-box{width:100%;height:500px;}
.sub_banner .switchable-box{height: 330px;}
.m-focus-d .switchable-content li{width:100%;height:500px;text-align:center;overflow:hidden; text-indent:-999em;}
.sub_banner .switchable-content li{height: 330px;}
.m-focus-d .switchable-content li img{visibility:hidden;}
.m-focus-d .m-focus-prev,
.m-focus-d .m-focus-next{position:absolute;top:50%;z-index:25;width:55px;height:55px;margin-top:-28px;text-align:center;}
.m-focus-d .m-focus-prev {right:50%;margin-right:500px;background-position:left center;}
.m-focus-d .m-focus-next {left:50%;margin-left:500px;background-position:right center;}
.m-focus-d .m-focus-prev:hover,.m-focus-d .m-focus-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.m-focus-d .pic-btn {position:absolute;bottom:5px;left:50%;width:1000px;margin-left:-500px;z-index:24;text-align:center;z-index:5}
.sub_banner .pic-btn{bottom: -8px;}
.m-focus-d .pic-btn li {display:inline-block;*display:inline;*zoom:1;cursor:pointer;margin:0 5px;overflow:hidden;text-align:center;font-family:'microsoft yahei';font-size:24px;color:#06c; opacity:0.5;}
.m-focus-d .pic-btn li.active{opacity:1;}

.m_title{line-height: 26px; padding: 25px 0; text-align: center;}
.m_title strong{font-size: 30px; color: #06c; }
.m_title .text{font-size: 16px; color: #999; background: url(../images/bg_title.jpg) center no-repeat;}

.adv_list{padding-bottom: 30px; overflow: hidden;}
.adv_list ul{overflow: hidden; width: 1250px;}
.adv_list ul li{float: left; width: 200px; text-align: center; margin-right: 50px;}
.adv_list ul li .u_img{display: block; overflow: hidden; width: 198px; border: 1px solid #c9c9c9; border-radius: 5px; }
.adv_list ul li img{width: 100%;}
.adv_list ul li .text{height: 52px; line-height: 52px; overflow: hidden; font-size: 14px;}

.m_bg{padding: 60px 0; background: #f1f1f1;}
.pro_show .area{border-top: 2px solid #06c;}
.pro_show{background: #f1f1f1; padding: 30px 0 40px;}
.l_title{height: 640px; padding-top: 30px; background: #06c; color: #fff; width: 124px; font-size: 30px;}
.l_title span{line-height: 38px; width: 32px; margin-left: 18px; display: block;}
.l_title i{margin:40px 0 0 -134px; width: 400px; display: block; color: #3a97f5; font-style: normal; text-transform: uppercase;  transform:rotate(90deg);    -webkit-transform:rotate(90deg);    -moz-transform:rotate(90deg);    -o-transform:rotate(90deg);    -ms-transform:rotate(90deg);}

.sub_nav{width: 158px; margin:11px 0 0 15px;}
.sub_nav li{margin-bottom: 38px;}
.sub_nav li a{display: block; width: 144px; height: 44px; line-height: 44px; text-align: center;border: 1px solid #c9c9c9; font-size: 14px;}
.sub_nav .current a{background: url(../images/bg_lnav.png) 0 0 no-repeat; color: #fff; width: 158px; border: none;}

.pro_list{overflow: hidden; width: 895px; margin-top: 10px;}
.pro_list ul{overflow: hidden; width: 915px;}
.pro_list ul li{float: left; width: 285px; margin-right: 20px; text-align: center;}
.pro_list ul li .u_img{display: block; overflow: hidden; width: 283px; height: 182px; border: 1px solid #e5e5e5;}
.pro_list ul li img{width: 100%;}
.pro_list ul li .text{height: 36px; line-height: 36px; overflow: hidden; font-size: 14px;}
.pro_list .more{display: block; width: 126px; height: 33px; border: 1px solid #06c; color: #06c; text-align: center; margin:20px auto 0; font-size: 14px; line-height: 33px;}
.pro_list .more:hover{background: #06c; color: #fff;}

.j_con .con{display: none;}
.j_con .current{display: block;}

.picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1;width: 1220px; }
.picScroll-left .bd ul li{width: 284px; margin:0 21px 0 0; float:left; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .u_img{ width:284px; height:198px; display:block; overflow: hidden;}
.picScroll-left .bd ul li img{width: 100%; }
.picScroll-left .bd ul li .text{overflow: hidden; height: 29px; line-height: 29px; border-top: 2px solid #06c; border-bottom: 1px solid #eee; font-size: 14px; }
.picScroll-left .bd ul li a:hover .u_img{filter:alpha(opacity=80);opacity: 0.8;}
.picScroll-left .bd ul li a:hover .text{background: #06c; color: #fff; border-color: #06c;}

.m_title2{line-height: 84px; overflow: hidden; height: 63px; border-bottom: 2px solid #06c;}
.m_title2 a{color: #06c; text-transform: uppercase; font-size: 14px; margin-top: 5px;}
.m_title2 a:hover{text-decoration: underline;}
.m_title2 span{font-size: 24px;}
.m_title2 i{margin: 5px 0 0 5px; vertical-align: middle; text-transform: uppercase; font-size: 14px; color: #999; font-style: normal;}

.news_box{width: 386px;}
.news_box .text_box{height: 212px; padding-top: 6px; border: 1px solid #e5e5e5;}
.news_box .text_box li a{padding: 0 10px 0 20px; height: 26px; line-height: 26px; display: block; overflow: hidden; color: #666; background: url(../images/bg_news.jpg) 10px center no-repeat; text-overflow:ellipsis; white-space: nowrap;}
.news_box .text_box li a span{color: #06c;}
.news_box .text_box li a:hover{color: #06c;}

.download{margin-left: 20px;}

.contact{width: 386px; margin-bottom: 30px;}
.contact .link_box{padding: 6px 25px 0 20px; height: 212px; border: 1px solid #e5e5e5; background: url(../images/bg_about.jpg) right bottom no-repeat; font-size: 16px; color: #666;}
.contact .link_box ul{}
.contact .link_box li{line-height: 30px; overflow: hidden;text-align: right;	}
.contact .link_box li i{display: block; width: 242px; margin-left: 14px; font-family: Arial; text-align: left; font-style: normal;}
.contact .link_box .child-1 i,.contact .link_box .child-2 i,.contact .link_box .child-3 i{font-size: 20px; color: #d42421;}
.contact .link_box .child-4 i{font-family:'microsoft yahei'; font-style: normal;}

.footer{padding-bottom: 36px; background: #ccc; color: #666; text-align: center;}
.footer .bot_nav{height: 54px; line-height: 54px;}
.footer .bot_nav a{font-size: 14px; color: #666; padding: 0 12px 0 10px;}
.footer .bot_nav a:hover{color: #999;}


/**************** 案例 *****************/
.return{height: 52px; line-height: 62px; overflow: hidden; text-align: center; color: #06c; font-size: 24px; border-bottom: 2px solid #06c; position: relative;}
.return span{position: absolute; right: 0; top: 0; font-size: 12px; color: #999; margin-top: 5px;}
.return span i{font-style: normal; color: #06c;}
.return span a{color: #999;}

.thr_nav{margin: 15px 0 20px; text-align: center;}
.thr_nav li{margin: 0 9px; display: inline-block; *display: block; *zoom: 1; font-size: 18px; width: 118px; height: 32px; line-height: 32px; background: #e5e5e5;}
.thr_nav .current a{color: #06c;}

.news_page li{margin-bottom: 20px;}
.news_page li a{display: block; overflow: hidden;}
.news_page li .u_img{display: block; overflow: hidden; width: 278px; height: 168px; border: 1px solid #989798;}
.news_page li img{width: 100%;}
.news_page li .text_box{margin-right: 16px; width: 877px;}
.news_page li h1{font-size: 16px; height: 50px; line-height: 56px; overflow: hidden; border-bottom: 1px dashed #bfbfbf;}
.news_page li .text{height: 96px; overflow: hidden; margin-top: 12px; font-size: 14px; color: #666; text-indent: 2em;}
.news_page li a:hover{background: #f1f1f1;}
.news_page li h1:hover{color: #06c;}

/**************** 产品详情 *****************/
.main_con{padding-bottom: 30px;}

.pro_con{overflow: hidden;}
.pro_con .u_img{display: block; overflow: hidden; width: 538px; border: 1px solid #e5e5e5; overflow: hidden;}
.pro_con .u_img img{width: 100%;}
.pro_con .text_box{width: 616px; margin-left: 20px;}
.pro_con h1{font-size: 22px; height: 40px; line-height: 36px; overflow: hidden; color: #333;}
.pro_con .text{font-size: 14px;}
.pro_con h2{font-size: 22px; color: #333; margin-top: 35px;}
.pro_con h2 span{color: #06c;} 

.tj_tab{margin: 30px 0 20px; height: 35px; background: #f1f1f1;}
.tj_tab li{float: left; font-size: 14px; line-height: 35px; width: 84px; text-align: center;}
.tj_tab .current a{display: block; background: #ccc;}

.content_box{font-size: 14px; color: #1a1c1b; line-height: 28px;}
.content_box dl{border-top: 1px solid #daebf7; border-left: 1px solid #daebf7; width: 1196px; font-size: 12px;}
.content_box dl dd{overflow: hidden; border-bottom: 1px solid #daebf7;}
.content_box dl dd span{display: block;float: left; width: 298px;border-bottom: 1px solid #daebf7; border-right: 1px solid #daebf7; text-indent: 10px;}

.img_list{overflow: hidden; width: 1208px;}
.img_list li{float: left; width: 292px; margin-right: 10px; text-align: center;}
.img_list li .u_img{display: block; overflow: hidden; border: 1px solid #989798; width: 290px; height: 198px;}
.img_list li img{width: 100%;}
.img_list li .text{height: 36px; line-height: 36px; overflow: hidden; font-size: 14px;}

/**************** 详情页 *****************/
.sub-share{padding:10px 0;color:#999;line-height:30px;}
.sub-share .bdsharebuttonbox{width:200px;float:right;}
.sub-share .bdsharebuttonbox a{color:#333;}
/*分享到E*/

/*新闻详细S*/
.news-detail{line-height:2;}
.news-detail h1{padding:5px 0;text-align:center;font-size:24px;}
.news-detail .detail-time{position:relative;text-align:center;font-size:12px;padding:5px 0;}
.news-detail .detail-user{text-align:center;padding:5px 0;margin-bottom:10px;}
.news-detail .detail-share{padding:5px 0;text-align:right}
.news-detail .detail-img{position:relative;text-align:center;padding:20px 0;}
.news-detail .detail-img img{max-width:100%;_width: expression((documentElement.clientWidth > 740) ? "auto" : "740px" );}
.news-detail .detail-img .debtn-prev,.news-detail .detail-img .debtn-next{position:absolute;top:50%;margin-top:-44px;display:block;_display:none;width:54px;height:87px;background:url(../images/pic-debtn.gif) no-repeat;z-index:11;filter:alpha(opacity=30);opacity: 0.3;-moz-opacity:0.3;-khtml-opacity: 0.3;}
.news-detail .detail-img .debtn-prev:hover,.news-detail .detail-img .debtn-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.news-detail .detail-img .debtn-prev{left:0;background-position:left 0;}
.news-detail .detail-img .debtn-next{right:0;background-position:right 0;}
.news-detail .detail-con p{text-align:justify; line-height:24px; font-size: 14px; text-indent: 2em;}
/*新闻详细E*/

/*上一页下一页S*/
.detail-page{margin-top:15px;padding:10px;border-top:1px dashed #989798;}
.detail-page .page-text{width:48%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail-page .right{text-align:right;}
.detail-page .page-text a{}
.detail-page .page-text a:hover{color:#06c}

/***************** 单页 *********************/
.sub-content{padding:0 10px 20px 10px;text-align:justify;line-height:24px;}
.sub-content img{max-width:100%;_width: expression((documentElement.clientWidth < 700) ? "" : "700px" ); margin: 15px 0;}
.sub-content h1{color:#000;margin-bottom:20px;padding:10px 0;text-align:center;font-size:18px;font-weight:normal;}
.sub-content h1 p{text-align:center;font-size:12px;}
.sub-content p{font-size:14px;color:#333;}
.sub-content #platform img{max-width:none;_width: none;}
.video{width: 1198px; border: 1px solid #989798;}
.video_title{height: 48px; line-height: 48px; text-align: center;}

/***************** 搜索 *********************/
.search-no{}
.search-no .bd{border-bottom:1px solid #e0ddde;padding:60px 0 60px 0;}
.search-no .inputs{width:400px;margin-left:auto;margin-right:auto;}
.search-no .inputs input.text{float:left;width:331px;border:1px solid #000;height:15px;border-right:0;background:#FFF;padding:5px 3px}
.search-no .inputs input.btn{float:left;width:60px;border:0;background:#000;height:27px;border:1px solid #000;padding:5px 0; cursor:pointer;color:#FFF;font-size:14px}
.search-no .pt{background:url(../images/search-no.png) 30px center no-repeat;height:240px;padding:100px 0 0 250px;}
.search-no .pt h3{font-size:18px;color:#385c8c;margin-bottom:10px;font-weight:normal;}
.search-no .pt h3 span{color:#cc0000}
.search-no .pt p{color:#385c8c;}

.search-content li{padding:30px 5px;border-bottom:1px solid #e0dfdf;*zoom:1;}
.search-content li.hover{background:#f5f5f5;}
.search-content li:after{content:"";display:block;visibility:hidden;height:0;clear:both;}
.search-content li .u-img{float:left;display:block;width:160px;margin-right:15px;overflow:hidden;}
.search-content li .u-img img{width:160px;}
.search-content li h3{margin-bottom:5px;font-size:14px;font-family:'宋体'}
.search-content li .u-time{float:right;font-weight:normal;color:#999}
.search-content li a{color:#E01206;}
.search-content li p{color:#333;}



