/*头部样式*/
.sky{line-height:40px;color:#999;font-size:12px;background:#f2f2f2;border-bottom:1px solid #dedede;}
.sky a{color:#999;}

#header{width:1200px;margin:0 auto;height: 160px;}
.logo{float:left;padding-top: 20px;}
.k2{color:#f19240;font-size:26px;margin-top: 47px;padding-left:52px;background: url(../images/phone1.png) no-repeat left 81%;line-height: 24px;}

#gotop{
    /*position: fixed;*/
    height: 57px;
    width: 57px;
    background: url(../images/top.png) no-repeat center;
    right: 33px;
    bottom: 175px;
    cursor: pointer;
}




.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}



/*热门搜索*/
.ss{height:60px;border-bottom:6px solid #f5893d;}
.search{width:1200px;margin:0 auto;}
#formsearch{width:300px;float:right;height:40px;background: url(../images/ss.png) center no-repeat;margin-top:12px;}
.hotSearch{float:left;height:60px;line-height:60px;font-weight:normal;color:#666;font-size:14px;}
#search-type{float: left;width:100px;height: 40px;border: 1px solid #c8c8c8;margin-right: 5px;}



/*搜索和热门搜索*/
.hotSearch a{padding:0 8px;color:#666;background: url(../images/dian.png) no-repeat right bottom;}
.hotSearch a:last-child{background:none;}

#formsearch input{float:left;}
#formsearch input#keyword{height:27px;line-height:27px;color:#666;font-size:14px;background:none;border:none;width:254px;}
#formsearch input#s_btn{width:45px;height:27px;line-height:27px;text-align:center;background:none;color:#fff;border:none;cursor:pointer;font-size:14px;}
a.sdot1{display: block;width:61px;margin:0 auto;}

.product_title{text-align: center;margin-top:60px;}



.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:20px;}
.container{width:1200px;margin:0 auto;}


.box1{margin-top:28px;}
.tts1{text-align:center;text-transform:uppercase;font-size:16px;font-family:"arial";color:#999999;}
.tts2{text-align:center;font-size:34px;color:#333333;background:url(../images/tt1.png) no-repeat center center;}
.tts2 span{color:#5c452e;font-weight:bold;padding-left:46px;}
.tts3{text-align:center;font-size:16px;color:#666666;background:url(../images/tt2.png) no-repeat center center;}


.menu_cate{width:290px;float:left;}
.cate_title{height:100px;background:url(../images/cate.png) no-repeat;}
.cate_title span{text-transform:uppercase;font-size:12px;display:block;font-weight:normal;}

.sort1{height:450px;overflow:hidden;}
.sort1 li{margin-bottom:16px;}
.sort1 li a.a{color:#333333;font-size:16px;background:url(../images/sort1.png) #eeeeee no-repeat 88% center;padding-left:40px;display: block;height:40px;line-height: 40px}
.sort1 li a.a:hover{color:#fff;background:url(../images/sort2.png) #1b4c8c no-repeat 88% center;}

.sort1 li .sec{display: none}
.sort1 li .sec li{background:url(../images/yuan.png) no-repeat left center;margin-left:40px;line-height:26px;margin-bottom:0;}
.sort1 li .sec li a{color:#666666;font-size:14px;padding-left:20px;display: block;background:url(../images/sort3.png) no-repeat left center;line-height: 30px}
.sort1 li .sec li a:hover{color:#1b4c8c;}
.sort1 li:hover .sec{display: block}


.menu_cate .content{border:6px solid #1b4c8c;padding:8px 4px 4px;}
.prod{width:881px;}


.tabli{position:relative;line-height:50px;background:#5c452e;}
.tabli li{float:left;width:150px;line-height:50px;color:#fff;font-size:18px;text-indent:58px;cursor:pointer;}
.tabli li.cur{background:url(../images/cur.png) no-repeat;}
.tabli a{position:absolute;right:20px;top:0;color:#fff;font-size:14px;}
.tab{margin-top:16px;overflow:hidden;display:none;}
.tab.clicked{display:block;}

.product_listt li{float:left;margin-right:20px;margin-bottom:15px;_display:inline;position:relative;overflow: hidden}
.product_listt li:nth-child(3n){margin-right:0px;}
.product_listt li .img{width:280px;height:210px;display: block}
.product_listt li .img img{width:270px;height:200px;padding:4px;border:1px solid #dedede;transition:.3s;}
.product_listt li h3{text-align:center;line-height:42px;display:block;}
.product_listt li h3 a{font-weight:normal;color:#333333;font-size:16px;line-height: 42px}
.product_listt li:hover .img img{transition:.3s;width:230px;height:152px;border:none;}
.product_listt li:hover .img{background:url(../images/libg.png) 50% 50% no-repeat;padding:40px 20px 0 21px;box-sizing:border-box;}


.about1bg{background:url(../images/about1bg.jpg) center top repeat-x;padding-top:68px;box-sizing:border-box;margin-top:52px;}
.about_title1{text-align: center}
.about1{width:1200px;margin:0 auto;margin-top:27px;position: relative;}
.about1 .content{width:692px;height:302px;border-left:4px solid #d07a3d;position: absolute;right:0;top:100px;background: rgba(0,0,0,.7);padding-left:29px;color:#fff;font-size:14px;line-height:26px;padding-top:30px;box-sizing:border-box;padding-right:40px;}
.about1 .content h3{color:#fff;font-size:20px;font-weight:normal;margin-bottom:18px;}
.about1 .content a{display: block;color:#fff;font-size:14px;width:156px;height:36px;line-height:36px;text-align: center;border:2px solid #f5893d;border-radius:25px;margin-top:10px;}
.box2{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;height: 588px;margin-top:68px;padding-top:15px;}
.box2 .cont{position:relative;margin-top:26px;padding-left:20px;}


.fang{width:1200px;margin:0 auto;margin-top:80px;}
.fang_title1{text-align: center} 


   .picScroll-left{ overflow:hidden;}
  

    .picScroll-left .hd ul{text-align:center;}
    .picScroll-left .hd ul li{cursor:pointer;background:#5c452e;display:inline-block;width:240px;line-height:60px;text-align:center;color:#fff;font-size:18px;margin:0 14px;}
    .picScroll-left .hd ul li.on{background:#f19240;}



.ys_nav1{top: 172px;left: 1579px;position: absolute;z-index: 10;width:14px;}
.ys_nav1 li{width:14px; height:14px;background:url(../images/on1.png) no-repeat; margin:10px 0;text-indent:-100px;overflow:hidden;cursor:pointer;}
.ys_nav1 li.on {background:url(../images/on.png) no-repeat;}



      .picScroll-left .hd .prev{display:block;width:60px;height:60px;background:url(../images/lb1.png) no-repeat;z-index:99999;position:absolute;top:370px;left: 1027px;cursor:pointer;}
    .picScroll-left .hd .next{display:block;width:60px;height:60px;background:url(../images/rb1.png) no-repeat;z-index:99999;position:absolute;top:370px;left: 1088px;cursor:pointer;}







    .picScroll-left ul{ overflow:hidden; zoom:1; }
    .picScroll-left ul li{_display:inline; overflow:hidden;}


 
    .picList li .img img{width:940px;height:450px;float:left;}
    .picList li .det{width:536px;float:left;margin-left:66px;}
      .picList li .imgs img{width:50px;height:100px;display:block;}
      .picList li .nr{background:url(../images/xian.png) no-repeat left bottom;padding-bottom:24px;}
      .picList li .wz{margin-top:30px;}
      .picList li h3{font-size:24px;color:#1b4c8c;}
      .picList li span{font-size:12px;color:#999;display:block;text-transform:uppercase;}
      .picList li p{font-size:14px;color:#333333;background:url(../images/xian2.png) no-repeat left center;padding-left:25px;margin-top:24px;}
      .picList li .xian{border-top:1px solid #dedede;margin-top:75px;}
        .picList li h4{font-size:26px;color:#f19240;background:url(../images/tel2.png) no-repeat left center;padding-left:135px;margin-top:18px;font-weight:normal;}















.box3{margin-top:62px;}
.box3 .cont{margin-top:16px;position:relative;}
.box3 .cont .l_btn,.box3 .cont .r_btn{
   position: absolute;
   top:76px;
   cursor:pointer;
}
.box3 .cont .l_btn{
  left: -56px;
}
.box3 .cont .r_btn{
  right: -56px;
}


.product_list1 li{float:left;margin-left:6px;margin-right:6px;_display:inline;}
.product_list1 li a.img{}
.product_list1 li a.img img{width:290px;height:220px;}
.product_list1 li h3{text-align:center;padding-top:6px;}
.product_list1 li h3 a{font-weight:normal;color:#333333;font-size:16px;}
.product_list1 li a.img{display:block;}
.product_list1 li a.img:hover{border-color:#e87518;}



.heng{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;margin-top:81px;}




.box4{margin-top:72px;}
.box4 .cont{margin-top:30px;position:relative;}


.estructure li{width:106px;float:left;margin-top:32px;}
.estructure li+li{margin-left:167px;}
.estructure li .img1{width:106px;height:106px;display:block;}
.estructure li .img2{width:106px;height:106px;display:none}
.estructure li h3{font-size:16px;padding-top:8px;color:#333333;text-align:center;font-weight:normal;}
.estructure li:hover .img1{display:none;}
.estructure li:hover .img2{display:block;}




.box5{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;height:459px;background:url(../images/bj5.jpg) no-repeat;margin-top:66px;padding-top:106px;}
.abpic{width:600px;height:545px;}

.about{width:537px;float:right;margin-top:13px;}
.about_title{font-size:24px;color:#ffffff;line-height:83px;}
.about .content{font-size:14px;line-height:24px;color:#fff;text-align:justify;padding-top:20px;}
.about a{display:block;color:#fff;font-size:14px;text-align:center;background:#f19240;width:165px;line-height:50px;margin-top:56px;}




.box6{margin-top: 76px;}
.box6 .cont{margin-top:16px;position:relative;}
.box6 .cont .l_btn2,.box6 .cont .r_btn2{
   position: absolute;
   top:95px;
   cursor:pointer;
}
.box6 .cont .l_btn2{
  left: -56px;
}
.box6 .cont .r_btn2{
  right: -56px;
}

.product_list2 li{float:left;margin-left:6px;margin-right:6px;_display:inline;}
.product_list2 li a.img{}
.product_list2 li a.img img{width:280px;height:210px;}
.product_list2 li h3{text-align:center;padding-top:6px;}
.product_list2 li h3 a{font-weight:normal;color:#333333;font-size:16px;}
.product_list2 li a.img{display:block;}
.product_list2 li a.img:hover{border-color:#e87518;}




.box7{}
.news1{
    background: url(../images/news1.png) no-repeat top center;
    height: 600px;
    width:270px;
    padding: 0 24px;
    margin-top: 60px;
}

.n-title{
    font-size: 14px;
    color: #1f1f1f;
    font-weight:normal;
    margin-top: 23px;
    height: 53px;
    line-height: 53px;
}
.n-title a{
    float: right;;
    color: #1f1f1f;
}

.news1 .content{
    margin-top: 26px;
}

#ydemo{overflow:hidden;margin:0 auto;position:relative;height:265px;}
#yindemo{height:100%;}
#ydemo1{}
#ydemo2{}
.news_list1 li{position:relative;padding:8px 0 12px;border-bottom:1px solid #dddddd;}
.news_list1 li a{line-height:30px;padding-left:35px;background: url(../images/wen.png) left center no-repeat;display:block;font-size:14px;color: #333333;}
.news_list1 li a:hover{text-decoration:none;color:#e1232d;}
.news_list1 span{background: url(../images/da.png) left 3px no-repeat;padding-left:35px;font:400 12px/22px "微软雅黑";margin-top:5px;color:#575757;display:block}


.news2{
    background: url(../images/news2.png) no-repeat top center;
    height: 600px;
    width:372px;
    padding: 0 24px;
    margin-top: 60px;
    margin-left: 21px;
}
.news_list2{
  margin-top: 18px;
}
.news_list2 li{line-height:43px;position:relative;border-bottom: 1px solid #eaebec;}
.news_list2 li a{line-height:43px;color:#333333;font-size: 14px;}
.news_list2 li a:hover{text-decoration:none;color:#e1232d;}














.navigation{float:right;width:100px;}
.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多页签*/
/*.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}*/
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*友情链接*/
.link{margin-top:75px;background:#333333;height:70px;line-height:70px;}
.f_link{width:1200px;margin:0 auto;color:#fff;font-size:18px;}
.f_link span{color:#999999;font-size:24px;padding-left:5px;}
.f_link a{color:#fff;font-size:14px;padding:0 5px;}





/*页面底部*/
.v-article{width: 1200px;margin:0 auto;position: relative;}
.footer{background-color: #222;padding-top:60px;padding-bottom: 50px;border-bottom: 1px solid #333;}
.f_lx{width: 333px;height: 233px;border-right: 1px solid #333;}
.f_lx h2{font:14px/1 "microsoft yahei";color: #fff;}
.f_lx h3{margin-top: 25px;padding-left: 55px;font:12px/1.3 "microsoft yahei";color: #999;background: url(../images/ftel.png) left top no-repeat;}
.f_lx h3 span{display: block;font:24px/32px Arial;color: #f5893d;}
.f_lx h4{font:12px/32px "microsoft yahei";color: #999;}
.f-code{margin-top: 8px;}

.nav_foot{width: 200px;text-align: center;height: 233px;border-right: 1px solid #333;font: 12px/32px "microsoft yahei";}
.nav_foot p{}
.nav_foot a{color: #999;display: block;}

.copyright{width: 454px;margin-left: 70px;font:12px/32px "microsoft yahei";color: #999;}
.copyright a{color: #999;}

.f_link{margin-top: 25px;border-top: 1px solid #333;padding-top: 25px;font:12px/2 "microsoft yahei";color: #fff;}
.f_link a{color: #999;margin-right: 5px;}

.lk{margin-top: 5px;display:none;}
.lk li{height: 55px;line-height: 55px;background-color: #333;margin-bottom: 4px;text-align: center;}



/*------------内页-------------------*/

.left .box{margin-bottom:10px;}
.left .box h3{line-height:40px;background:#f19240;font-size:18px;color:#fff;text-align:center;font-weight:normal;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

/*.n_banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;}*/
.n_banner{width:100%;}
.n_banner img{max-width:100%; height:auto !important;width:auto !important;}




.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:940px;float:right;padding-bottom:10px;}
.sitemp{line-height:40px;height:40px;overflow:hidden;padding-right:10px;background:#f19240;}
.sitemp h2{width:340px;float:left;line-height:40px;text-align:center;text-align:left;text-indent:15px;font-size:18px;color:#fff;font-weight:normal;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:40px;color:#fff;font-size:14px;}
.sitemp .site a{color:#fff;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}



.cont6{
  background: #f2f2f2;
  padding: 60px 0;
  margin-top: 80px;
}


/*新闻中心*/

.news_index {
    height: 633px;

}

.news_tit {
    padding-top: 50px;
}

.news_tit img {
    width: 227px;
    height: 28px;
}

.news_nr {
    /*margin-top: 45px;*/
}

.news_left {
    width: 400px;
    float: left;
}

.news_left .n_l_top {
    height: 257px;
    background: #fff;
    padding: 0 20px;
    position: relative;
    border-top:2px solid #0260a7;
    padding-top: 11px;
}

.news_left .n_l_top>h3 {
    position: relative;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.news_left .n_l_top>h3 a {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
}

.n_l_top .cj_news {
    margin-top: 28px;
}

.cj_news_list li h3 {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    font-family: "microsoft yahei";
    padding-bottom: 5px;
    background: url(../images/cj_news_list_h3.png) no-repeat left bottom;
}

.cj_news_list li h3 a{
  color:#333;
}

.cj_news_list li span {
    display: block;
    margin-top: 18px;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    font-family: "microsoft yahei";
}

.news_left .n_l_btm {
    margin-top: 11px;
    height: 332px;
    background: #fff;
    padding: 0 20px;
     background: #fff;
     padding-top: 11px;
     padding-bottom: 7px;
}

.news_left .n_l_btm>h3 {
    position: relative;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.news_left .n_l_btm>h3 a {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
}

.n_l_btm .gs_news {
    margin-top: 12px;
}

.gs_news_list li {
    line-height: 45px;
    background: url(../images/gs_news_li_bg.png) no-repeat left center;
    padding-left: 20px;
}

.gs_news_list li h3 {
    font-size: 14px;
}

.gs_news_list li h3 a {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    font-family: "microsoft yahei";
}

.gs_news_list li:hover {
    background: url(../images/gs_news_li_h_bg.png) no-repeat left center;
}

.gs_news_list li:hover a {
    color: #f5893d;
}

.news_right {
    width: 749px;
    float: right;
    height: 618px;
    padding: 0 20px;
    border-top: 2px solid #0260a7;
    background: #fff;
    padding-top: 11px;
}

.news_right>h3 {
    position: relative;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.news_right>h3 a {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
}

.news_right .hy_news {
    margin-top: 5px;
    position: relative;
}

.hy_news .hy_news_list {}

.hy_news .hy_news_list li {
    padding: 22px 0px;
    border-bottom: 1px solid #dcdcdc;
}

.hy_news .hy_news_list li:nth-child(3) {
    border: none;
}

.hy_news .hy_news_list li .hy_aa {
    width: 230px;
    height: 140px;
}

.hy_news .hy_news_list li .hy_aa img {
    width: 230px;
    height: 140px;
}

.hy_news .hy_news_list li .hy_bb {
    width: 485px;
    margin-left: 20px;
}

.hy_bb h3 {
    padding-top: 10px;
    color: #333333;
    font-size: 16px;
    font-family: "microsoft yahei";
    font-weight: normal;
}

.hy_bb h3 a{
   color: #333333;
}
.hy_bb h3 a:hover,.cj_news_list li h3 a:hover{
  color: #f5893d;
}

.hy_bb span {
    display: block;
    padding-top: 20px;
    color: #666666;
    font-size: 14px;
    font-family: "microsoft yahei";
    font-weight: normal;
    line-height: 24px;
}
.hy_bb .pps{color: #ea5826}

/*新闻切换*/

.slideBox .prev,
.slideBox .next {
    position: absolute;
    display: block;
    width: 40px;
    height: 30px;
}

.slideBox .prev {
    background: url(../images/news_left.png) no-repeat center;
    right: 41px;
    bottom: 0px;
}

.slideBox .next {
    background: url(../images/news_right.png) no-repeat center;
    right: 00px;
    bottom: 0px;
}



/*左侧工具条*/
#toolbar {
  position: fixed;
  z-index: 9999;
  right: 33px;
  bottom: 30%;
}

#toolbar li {
  margin-bottom: 3px;
  font-size: 0;
  width: 57px;
  height: 57px;
  right: 0;
  position: relative;
}

#toolbar li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 57px;
  height: 57px;
  overflow: hidden;
  background: #333333;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
}

#toolbar li .iconfont {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  background-color: #333;
  vertical-align: middle;
  text-align: center;
  line-height: 57px;
  color: #2b2b2b;
  font-size: 26px;
}

#toolbar li .wz {
  display: inline-block;
  line-height: 57px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #333333;
  width: 110px;
  right: 120%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
  margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
  max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #333333;
  border-right: none;
}

#toolbar li.ewm:hover .icon {
  background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar li.backtop {
  cursor: pointer;
}

#toolbar li.backtop .iconfont {
  color: #fff;
  background-color: #333333;
}

#toolbar li:hover a {
  width: 200px;
}

#toolbar li:hover .iconfont {
  background-color: #333333;
  color: #fff;
}