@charset "utf-8";
@import url(common.css);
@import url(public.css);

body{font: 12px/21px "Microsoft YaHei",Arial, Helvetica, sans-serif;color: rgb(136, 136, 136); -ms-overflow-x: hidden;}

dl#Case{height:290px;}
dl#Case dt.tl{padding:50px 0px 30px;height:70px;text-align:center;}
dl#Case dt.tl font{text-align:center;font-size:30px;display:block;height:35px;color:#5a5a5a;line-height:35px;font-family:Arial;}
dl#Case dt.tl span{font-size:14px;color:#010101;display:block;line-height:20px;}
dl#Case dd.lcn{height:65px; position:relative; overflow:hidden;}
dl#Case dd.lcn ul li{float:left;border-right:1px dotted #c8c8c8;width:183px; text-align:center;}
div#Pros{height:532px;}
dl#ProList{width:231px;height:502px;border-bottom:5px solid #1e5cb3;background-color:#e5e5e5;}
dl#ProList dt.tl{height:48px;color:#fff;background:url(../img/tl.jpg) no-repeat;line-height:48px;padding-left:18px;font-weight:bold;}
dl#ProList dt.tl strong{font-size:18px;padding-right:6px;float:left;display:block;}
dl#ProList dt.tl span{font-family:Arial;font-size:14px;float:left;display:block;height:20px;line-height:20px;margin-top:18px;color:#cdcbcc;}
dl#ProList dd.pcn ul{height:auto; overflow:hidden;}
dl#ProList dd.pcn ul li{line-height:38px;}
dl#ProList dd.pcn ul li.root a{display:block;line-height:38px;height:38px;border-bottom:1px solid #c2c2c2;background:url(../img/arr.GIF) 12px  center no-repeat;font-weight:bold;color:#333; text-indent:28px;}
dl#ProList dd.pcn ul li.root a:hover{background-color:#ccc;}
dl#ProList dd.pcn ul li.root ul{border-top:1px solid #c2c2c2;}
dl#ProList dd.pcn ul li.root ul li a{background-color:transparent;}
dl#ProList dd.pcn ul li a{border-bottom:1px solid #c2c2c2;color:#727272;display:block;text-indent:28px;}
dl#ProList dd.pcn ul li a:hover{background-color:#e9e9e9;}
dl#Proshow{width:75%;height:505px;border-top:2px solid #1e5cb3;}
dl#Proshow dt.tl{height:45px;line-height:45px;border-bottom:1px solid #1e5cb3;}
dl#Proshow dt.tl strong{font-size:14px;color:#010101;}
dl#Proshow dt.tl a.more{display:block;margin:17px 0px;}
dl#Proshow dd.lcn{padding:38px 0px 29px;height:242px;}
dl#Proshow dd.lcn span.img{display:block;float:left;width:272px;padding:5px 8px 5px 5px;height:232px;background:url(../img/bg.jpg) no-repeat; text-align:center;}
dl#Proshow dd.lcn div.Txt{width:60%;height:242px;}
dl#Proshow dd.lcn div.Txt strong{display:block;height:30px;line-height:30px;font-size:14px;color:#353535;border-bottom:1px solid #d2d2d2;}
dl#Proshow dd.lcn div.Txt div.Info{padding:6px 0px;line-height:23px;height:150px;color:#7b7b7b;}
dl#Proshow dd.lcn div.Txt div.moreBtn{height:25px;padding:16px 0px 0px;}
dl#Proshow dd.lcn iv.Txt div.moreBtn>a{display:block;width:95px;height:25px;line-height:25px;font-weight:bold;background:url(../img/bgbtn.jpg) no-repeat; text-align:center;margin-right:20px;float:left;color:#565656;}
dl#Proshow dd.pScroll{ position:relative; overflow:hidden;background:#e3e3e3;height:119px;padding:14px 33px;}
dl#Proshow dd.pScroll ul li{float:left;width:172px; text-align:center;}
dl#Proshow dd.pScroll a{display:block;width:12px;height:30px;position:absolute;top:50%;margin-top:-15px;background:url(../img/prev.jpg) no-repeat;}
dl#Proshow dd.pScroll a.prev{left:10px;}
dl#Proshow dd.pScroll a.next{right:10px;background:url(../img/next.jpg) no-repeat;}
dl#Badv{height:546px;width:100%; position:relative;}
dl#Badv dt.tl{position:relative;z-index:55;text-align:center;height:10px;}
dl#Badv dt.tl a{display:inline-block;width:95px;height:103px;margin:0 4px;background-position:-95px 0px; background-repeat:no-repeat;}
dl#Badv dt.tl a:hover,dl#Badv dt.tl a.on{background-position:0px 0px;}
dl#Badv dd.bd ul,dl#Badv dd.bd ul li,dl#Badv dd.bd{height:536px;display:block; position:absolute;width:100%;top:10px;left:0px}
dl#adv{height:410px;}
dl#adv dt.pr{height:32px;width:105px;margin:0 auto; z-index:55;}
dl#adv dt.pr img{position:absolute;top:-18px;left:0;}
dl#adv dd.lcn{height:370px;background:url(../img/advbg1.jpg) 90% 0px no-repeat;z-index:5px;}
dl#adv dd.lcn font.adv1{width:250px;display:block;height:115px;padding:20px;color:#333;font-size:30px;font-weight:bold;line-height:45px;background:url(../img/advbgs.jpg) no-repeat; position:absolute;top:60px;left:20px;}
dl#adv dd.lcn font.adv1 span{color:#01a4ff;}
dl#adv dd.lcn div.adv2{color:#333333;position:absolute;bottom:17%;left:20px;font-size:16px;line-height:30px;}
dl#adv dd.lcn div.adv2 span{color:#01a4ff;}
dl#CaseShow{height:293px;border:1px solid #dddddd;padding:0;}
dl#CaseShow dt.tl{height:55px;background:url(../img/tlbg.JPG) repeat-x;border-bottom:1px solid #dfdfdf;width:100%;}
dl#CaseShow dt.tl span.fl{padding:0px 20px;float:left;display:block;line-height:55px;background:url(../img/arrow.gif) no-repeat;color:#737373;font-size:14px;}
dl#CaseShow dt.tl a.more{display:block;line-height:30px;line-height:30px;background:url(../img/more.gif) right no-repeat;color:#556a87;padding-right:18px;margin:10px;}
dl#CaseShow dd.lcn{padding:17px 10px;height:210px;overflow:hidden; clear:both;}
dl#CaseShow dd.lcn ul{height:210px;}
dl#CaseShow dd.lcn ul li{width:228px;padding:0px 8px;float:left;}
dl#CaseShow dd.lcn ul li a{display:block;height:210px;}
dl#CaseShow dd.lcn ul li a span.img{border:1px solid #d2d2d2;padding:4px;}
dl#CaseShow dd.lcn ul li a span{display:block; text-align:center;line-height:34px;}
div.Cust_HONOR{height:480px;padding:15px 0px;}
div.Cust_HONOR dl{border:1px solid #dddddd;height:480px;}
div.Cust_HONOR dl#Cust{width:678px;}
div.Cust_HONOR dl dt.tl{height:55px;background:url(../img/tlbg.JPG) repeat-x;border-bottom:1px solid #dfdfdf;}
div.Cust_HONOR dl dt.tl span.fl{padding:0px 20px;float:left;display:block;line-height:55px;background:url(../img/arrow.gif) no-repeat;color:#737373;font-size:14px;}
div.Cust_HONOR dl dt.tl a.more{display:block;line-height:30px;line-height:30px;background:url(../img/more.gif) right no-repeat;color:#556a87;padding-right:18px;margin:10px 10px;}
div.Cust_HONOR dl dd.lcn{height:388px;padding:16px;overflow:hidden;}
div.Cust_HONOR ul.list li{height:174px;margin-bottom:30px;}
div.Cust_HONOR ul.list li span.photo{display:block;float:left;height:174px;width:224px;}
div.Cust_HONOR ul.list li div.fr{width:62%;}
div.Cust_HONOR ul.list li div.fr strong,div.Cust_HONOR ul.list li div.fr span{display:block;}
div.Cust_HONOR ul.list li div.fr strong{line-height:30px;color:#283d5c;font-size:14px;}
div.Cust_HONOR ul.list li div.fr span.autor{line-height:25px;height:25px;color:#333333;}
div.Cust_HONOR ul.list li div.fr abbr{height:65px;line-height:22px;display:block;padding:10px 0px;overflow:hidden;}
div.Cust_HONOR ul.list li div.fr a.more{display:block;background:url(../img/more.gif) right no-repeat;float:left;padding:5px 0px; padding-right:16px;color:#546a85;}
dl#Honor{width:306px;}
dl#Honor dd.lcn ul.list li{margin:0;height:202px;}
dl#Honor dd.lcn ul.list li a{display:block;width:272px;height:181px;text-align:center;border:1px solid #e4e4e4;}
div#dav2{padding:5px 0px 0px;}
div.Comp_Pro{height:490px;padding:15px 0px;}
div.Comp_Pro dl{border:1px solid #dddddd;height:490px;}
div.Comp_Pro dl#Company{width:678px;}
div.Comp_Pro dl dt.tl{height:55px;background:url(../img/tlbg.JPG) repeat-x;border-bottom:1px solid #dfdfdf;}
div.Comp_Pro dl dt.tl span.fl{padding:0px 20px;float:left;display:block;line-height:55px;background:url(../img/arrow.gif) no-repeat;color:#737373;font-size:14px;}
div.Comp_Pro dl dt.tl a.more{display:block;line-height:30px;line-height:30px;background:url(../img/more.gif) right no-repeat;color:#556a87;padding-right:18px;margin:10px 10px;}
div.Comp_Pro dl dd.lcn{height:388px;padding:16px;overflow:hidden;}
dl#CompInfo{height:400px;border:0;}
dl#CompInfo dt.Cinfo{height:206px;color:#737373;line-height:22px;position:relative;}
dl#CompInfo dt.Cinfo img{float:left;}
dl#CompInfo dt.Cinfo div.aboutCon{width:340px;float:right;height:170px; overflow:hidden;}
dl#CompInfo dt.Cinfo a.more{display:block;position:absolute;bottom:5px;right:44.5%;padding-right:16px;background:url(../img/more.gif) right no-repeat;color:#546a85;}
dl#CompInfo dt.tls{height:58px;line-height:56px;font-size:14px;color:#737373;}
dl#CompInfo dd.lcn{height:140px;display:block;padding:0px;width:100%; position:relative; overflow:hidden;}
dl#CompInfo dd.lcn ul{height:138px;float:left;}
dl#CompInfo dd.lcn ul li{float:left;width:160px;height:130px;overflow:hidden;}
dl#CompInfo dd.lcn ul li a{display:block;width:146px;height:130px;float:left;}
dl#CompInfo dd.lcn ul li a span{padding:0;margin:0;display:block;text-align:center;}
dl#CompInfo dd.lcn ul li a span.img{height:106px;width:100%;}
dl#CompInfo dd.lcn ul li a span.els{line-height:25px;height:25px;}
dl#Problem{width:305px;overflow:hidden;}
dl#Problem dd.lcn{height:390px;display:block;padding:16px; overflow:hidden; position:relative;}
dl#Problem dd.lcn ul.list li{height:auto;overflow:hidden;margin-bottom:26px;padding:5px 8px;border:1px dashed #030303;}
dl#Problem dd.lcn ul.list li a{height:30px;line-height:30px;display:block;background:url(../img/wen.jpg) left no-repeat;white-space:nowrap; overflow:hidden;width:100%; text-indent:26px;}
dl#Problem dd.lcn ul.list li abbr{display:block;padding-left:26px;background:url(../img/da.jpg) 0px 2px no-repeat;line-height:23px;height:120px; overflow:hidden;}
div#News_Msg{height:378px;padding:7px 0px 15px;}
dl#News{width:582px;height:378px;}
dl#News dt.tl{height:55px;background:url(../img/tlbg.JPG) repeat-x;border-bottom:1px solid #dfdfdf;}
dl#News dt.tl span.fl{padding:0px 20px;float:left;display:block;line-height:55px;background:url(../img/arrow.gif) no-repeat;color:#737373;font-size:14px;}
dl#News dd.lcn{padding:10px;height:300px;}
dl#News dd.lcn ul.nlist{display:block;height:300px;}
dl#News dd.lcn ul.nlist li.first{height:102px;color:#737373;padding-bottom:10px;display:block;border:0;}
dl#News dd.lcn ul.nlist li.first span.img{display:block;width:146px;height:102px;margin-right:12px;}
dl#News dd.lcn ul.nlist li.first a.ntilte{display:block;height:30px;width:71%;float:right;line-height:30px;font-weight:bold;font-size:14px;}
dl#News dd.lcn ul.nlist li.first abbr{display:block;width:71%;height:60px; overflow:hidden;line-height:20px;float:right;padding:5px 0px;}
dl#News dd.lcn ul.nlist li{height:35px;line-height:35px;border-bottom:1px dashed #b3b3b3;width:100%;float:left;}
dl#News dd.lcn ul.nlist li a.els{display:block;color:#737373;float:left;max-width:80%; text-indent:16px;background:url(../img/arrs.gif) 5px no-repeat;}
dl#News dd.lcn ul.nlist li span.date{float:right;}
dl#News dd.lcn ul.nlist li a.els:hover{color:#1d5bb3;}
dl#Msg{width:402px;height:378px;}
dl#Msg dt.tl{height:55px;background:url(../img/tlbg.JPG) repeat-x;border-bottom:1px solid #dfdfdf;}
dl#Msg dt.tl span.fl{padding:0px 20px;float:left;display:block;line-height:55px;background:url(../img/arrow.gif) no-repeat;color:#737373;font-size:14px;}
dl#Msg dd.lcn{height:300px;padding:20px 10px;}
dl#Msg dd.lcn form#Msgbook{width:349px;background:url(../img/Msgbg.jpg) no-repeat;height:280px;margin:0 auto;}
dl#Msg dd.lcn form#Msgbook ul{height:210px;width:310px;float:right;}
dl#Msg dd.lcn form#Msgbook ul li{height:36px;float:left;width:100%;}
dl#Msg dd.lcn form#Msgbook ul li label{display:none;}
dl#Msg dd.lcn form#Msgbook ul li input{float:right;width:240px;height:32px;line-height:32px;border:0;background:none; text-align:left;color:#fff;font-family:'微软雅黑',Microsoft YaHei;}
dl#Msg dd.lcn form#Msgbook ul li.node{height:70px;padding-top:30px;}
dl#Msg dd.lcn form#Msgbook ul li.node textarea.nodeCss{height:68px;width:96%;border:0;background:none;margin-left:6px;color:#fff;}
dl#Msg dd.lcn form#Msgbook div.btns{padding:15px 0px 3px;height:46px;float:left;width:100%;}
dl#Msg dd.lcn form#Msgbook div.btns a{display:block;float:left;}
dl#Msg dd.lcn form#Msgbook div.btns div.tel{color:#556a85;background:url(../img/tel.gif) left no-repeat;padding-left:38px;height:46px;}
dl#Msg dd.lcn form#Msgbook div.btns div.tel span{display:block;line-height:25px;}
dl#Msg dd.lcn form#Msgbook div.btns div.tel strong{font-size:18px;}
div#banners{height:348px;background-repeat:no-repeat;background-position: top center;}
dl#Frames dt.Navs{margin-bottom:10px;height:44px;border-bottom:1px solid #e6e6e6;}
dl#Frames{min-height:500px;}
dl#Frames dt.Navs div.mw,dl#Frames dt.Navs div.mw ul{height:44px;}
dl#Frames dt.Navs div.mw ul li{position:relative;float:left;height:44px; padding-right:1px;}
dl#Frames dt.Navs div.mw ul li a{display:block;height:51px;float:left;font-size:14px;line-height:44px;color:#666666; white-space:nowrap;padding:0px 30px;}
dl#Frames dt.Navs div.mw ul li a:hover{height:45px;background:#de5a15;color:#fff;}
dl#Frames dt.Navs div.mw>ul>li.cur>a{height:51px;background:url(../img/bhover.gif) center top no-repeat;color:#fff;}
dl#Frames dt.Navs div.mw ul li ul{position:absolute;width:100%;padding:2px;top:44px;left:0;width:160px;}
dl#Frames dt.Navs div.mw ul li ul li{width:100%;padding:0;line-height:25px;}
dl#Frames dt.Navs div.mw ul li ul li a{width:100%;padding:0;line-height:25px;}
dl#Frames dd.Fcns{padding:40px 0px;}

/*固定的悬浮窗*/
.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 400px;
    right: -110px;
    cursor: pointer;
    transition: all .3s ease;
}
.yb_bar ul li {
    width: 160px;
    height: 43px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}

.yb_bar .yb_top {
    background: #0061bb url(../img/fixCont.jpg) no-repeat 0 -5px;
    line-height: 42px;
    height: 42px;
}

.yb_bar .yb_wangwang {
    background: #0061bb url(../img/fixCont.jpg) no-repeat 0 -59px;
}

.yb_bar .yb_QQ {
    text-indent: 0;
    background: #0061bb url(../img/fixCont.jpg) no-repeat 0 -118px;
}

.yb_bar .yb_WeiBo {
    text-indent: 0;
    background: #0061bb url(../img/fixCont.jpg) no-repeat 0 -174px;
}

.yb_bar .yb_WeiXin {
    background: #0061bb url(../img/fixCont.jpg) no-repeat 0 -230px;
    line-height: 42px;
    height: 42px;
}

.yb_bar .yb_WeiXin span {
    text-indent: 54px;
    width: 160px;
    height: 42px;
    display: block;
}

.hd_qr {
    padding: 5px 15px 0px 18px;
    float: left
}

.yb_QQ a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 42px;
}
.w{
    width: 1000px;
    margin: 0 auto;
}
.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clearfix {
    zoom: 1
}

a{
    transition: .3s;
}
p{
    margin: 0;
}

div.top-section-1{
    background-color: #005aaa;
    height: 30px;
}

.top-text{
    line-height: 30px;
    color: #fff;
    font-size: 12px;
}

.top-section-2 {
    
}
.top-section-2 .img{
    padding-top: 15px;
}
nav.menu-nav{
    padding-top: 25px;
}
nav.menu-nav >ul >li{
    float: left;
    position: relative;

}
nav.menu-nav >ul >li ul {
    position: absolute;
    padding-top:32px;
    z-index: 999;
    
    left: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    display: none;
}
nav.menu-nav >ul >li ul li a {
    padding: 5px 23px;
    display: block;
}
nav.menu-nav >ul >li:hover ul{
    display: block;
}
nav.menu-nav >ul >li ul li a:hover{
    background-color: #c00504;
    color: #fff;
}
nav.menu-nav ul li a{
    font-size: 14px;
    padding: 0 23px;
    color: #4c4847;
}
nav.menu-nav >ul >li:first-child a{
    padding-left:60px;
}
.top-section-2 .search-box{
    width: 71px;
    height: 73px;
    background: #c00504 url(../img/sear-logo.png) center center no-repeat;
}
#banner ul li {
    height: 500px;
    width: 100% !important;
    background-position: center center;
    }
    div#banner{
        height: 500px;
    }
    section.about{
        padding: 37px 0 24px 0;
    }
    section.about .img{
        width: 484px;
    }
        section.about .container{
            width: 493px;
            height: 330px;
        }
        section.about .container .txt-box .txt1 p:first-child{
            font-size: 36px;
            font-weight: bold;
            color: #0464c6;
            margin-top: 8px;
        }
        section.about .container .txt-box .txt1 p:last-child{
             font-size: 24px;
            color: #0464c6;
            margin-top: 10px;
        }
         section.about .container .txt-box .about-logo{
             width: 74px;
             height: 78px;
             line-height: 78px;
             font-size: 17px;
             background-color: #0464c6;
             text-align: center;
             color: #fff;
         }
         section.about .container div.content{
             font-size: 13px;
             color: #939191;
             margin-top: 42px;
             width: 485px;
             height: 155px;

         }
         section.about .container{
             position: relative;
         }
         section.about .container a.more{
             font-size: 18px;
             color: #0464c6;
             display: block;
             position: absolute;
             right: 0px;
             bottom: 0px;
         }
             .public-title-container{
        
         text-align: center;
     }
      .public-title-container .public-big-title{
          font-size: 16px;
          color: #333333;
          font-weight: bold;
          margin-bottom: 10px;      }
     .public-title{
        text-align: center;
        position: relative;
         display: inline-block;
         font-size: 16px;
         color: #939191;
     }
     .public-title::after{
         content: "~~~~~~";
         position: absolute;
         top: 0px;
         right: -75px;
         font-size: 16px;
         color: #939191;
     }
      .public-title::before{
         content: "~~~~~~";
         position: absolute;
         top: 0px;
        left: -75px;
         font-size: 16px;
         color: #939191;
     }
     section.case{
         padding:20px 0 60px 0;
          background: #efefef;
     }
     section.case #case-banner{
         height: 360px;
        
     }
     section.case #case-banner ul li{
         height: 360px;
         background-position: center center;
     }
      section.case #case-banner{
          position: relative;
          margin-top: 20px;
      }
      section.case #case-banner .next{
          position: absolute;
          width: 42px;
          height: 24px;
          background: url(../img/right-arr.png) no-repeat;
          right: 0;
              bottom: -28px;
      }
       section.case #case-banner .prev{
          position: absolute;
          width: 42px;
          height: 24px;
          background: url(../img/left-arr.png) no-repeat;
          right: 45px;
              bottom: -28px;
      }
      section.bg-2{
          background-color: #005aaa;
      }
section.product{
    padding-top: 30px;
}
.title-1 span:nth-child(1){
    font-size: 15px;
    color: #0464c6;

}
.title-1 span:nth-child(2){
    font-size: 14px;
    color: #939191;
    
}
.title-1 span:nth-child(3){
    font-size: 12px;
    color: #939191;
}
section.product div.slideTxtBox{
    position: relative;
    margin-top: 40px;
}

section.product div.slideTxtBox .hd ul{
    position: absolute;
    top:-64px;
    right: 0;

}
section.product div.slideTxtBox .hd ul li{
    float: left;
    border: 1px solid #b4b0b0;
    padding: 0 15px;
    margin-left: 15px;
    transition: .3s;
}
section.product div.slideTxtBox .hd ul li.on{
    border: 1px solid #0464c6;
    background: #0464c6;
    color: #fff;
}
section.product div.slideTxtBox .bd li a{
    width: auto;
    display: block;
}
section.product div.slideTxtBox .bd li{
    float: left;
   margin-right: 9px;
   margin-bottom: 20px;
}
section.product div.slideTxtBox .bd li:nth-child(4n){
    margin-right: 0px;
}
section.product div.slideTxtBox .bd li a
img{
    width: 241px;
    height: 251px;
    border: 1px  solid #c9c9ca;
}
section.product div.slideTxtBox .bd li a p{
    height: 38px;
    background: #5f5c5c;
    color: #fff;
    line-height: 38px;
    font-size: 13px;
    width: 243px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    transition: .3s;
}
section.product div.slideTxtBox .bd li a p:hover{
    background: #0464c6;

}
section.new div.container div.new-box{
    width: 386px;
        margin-left: 20px;
}
section.new div.container div.new-box .new-slide{
    position: relative;
}
section.new div.container div.new-box .new-slide .hd ul{
   
}

section.new div.container div.new-box .new-slide .hd ul li {
    float: left;
    padding: 5px 15px;
    text-align: center;
    transition: .3s;
}
section.new div.container div.new-box .new-slide .hd ul li.on{
    background: #0464c6;
    color: #fff;
}
section.new div.container div.new-box .new-slide .bd{
    margin-top: 10px;
}
section.new div.container div.new-box .new-slide .bd ul li div.hot-new-title a{
    font-size: 13px;
    color: #0464c6;
}
section.new div.container div.new-box .new-slide .bd ul li div.hot-new-content{
    margin-top: 10px;
    margin-bottom: 10px;
}
section.new div.container div.new-box .new-slide .bd ul li ul li a{
    display: block;

}
section.new div.container div.new-box .new-slide .bd ul li ul li{
    padding-bottom: 10px;
    border-bottom: 1px dotted #dfdfdf;
    padding-top: 5px;
}
section.new div.container div.new-box .new-slide .bd >ul >li{
    position: relative;
}
section.new div.container div.new-box .new-slide .bd >ul >li a.more{
    position: absolute;
    right: 0;
    bottom: -25px;
    color: #c00504;
}
section.new div.container {
    margin-top: 15px;
}


section.contact{
    width: 340px;
}    
section.contact .contact-head a.more{
    
}
section.contact .contact-content{
    padding: 22px 16px 26px 16px;
    background: #0464c6;
    margin-top: 15px;
}
section.contact .contact-content center{
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
}
section.contact .contact-content   .form-box form div.form-item div.input-text input{
    width: 110px;
    padding-left: 8px;
    height: 32px;
    border: none; 
    outline: none;
}
section.contact .contact-content   .form-box form div.form-item div.input-logo img{
    width: 30px;
    height: 32px;
}
.input-logo1 img{ width: auto!important; }
section.contact .contact-content   .form-box form div.form-textare .input-textarea{
    width: 100%;
    height: 139px;
    border: none;
    outline: none;
    padding: 0;
    margin-top: 10px;
}
section.contact .contact-content   .form-box form div.form-item div.input-logo img.chaimg,section.contact .contact-content   .form-box form div.form-item div.input-logo input.input-submit
{
    width: 60px;
    height: 22px;
}
section.contact .contact-content   .form-box form div.form-item div.input-text input.input-cha{
    width: 52px;
    padding-left: 8px;
    height: 22px;
    border: none; 
    outline: none;
    margin-left: 5px;
}



.cha-box{
    margin-top: 10px;
}
section.contact .contact-content   .form-box form div.form-item div.input-logo input.input-submit,section.contact .contact-content   .form-box form div.form-item div.input-text input.input-reset{
      width: 60px;
    
    height: 22px;
    border: none; 
    outline: none;
    margin-left: 5px;
    background: #757576;
    color: #fff;
}
section.contact .contact-content   .form-box form div.form-item div.input-text input.input-reset{
    background: #fff;
    color: #757576;
}
section.new-contact{
    margin-bottom: 30px;
}




footer{
    background: #181818;
    height: 378px;
}
.footer-ul{
    padding-top: 33px;
  /*width: 700px;*/
}
.footer-ul >li{
    float: left;
   padding: 0 45px;
   border-right: 1px dotted #3b3b3b;
     height: 290px;
}
div.title-2 p:first-child{
    font-size:14px;
    color: #fff;
    font-weight: bold;
}
div.title-2 p:last-child{
    font-size: 18px;
    color: #2e2e2e;
}
.footer-ul >li ul {
    margin-top: 20px;
}
.footer-ul >li ul li{
   
    margin-bottom: 5px;
}
.footer-ul >li ul li a{
    font-size: 13px;
    color: #999999;
     padding-left: 5px;
    width: 80px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;

}
div.footer-contact{
    width: 289px;
    margin-top: 33px;
}
div.footer-contact-content{
    width: 100%;
    height: 155px;

}
dl#link {
    z-index: 6;
    height: 30px;
    position: relative;
    width: 205px;
}
dl#link dt {
    line-height: 30px;
    height: 30px;
    text-indent: 20px;
    color: #fff;
    background: url(../img/arr.jpg) 92% 13px #333333 no-repeat;
    cursor: pointer;
}
dl#link dd {
    position: absolute;
    padding: 5px 3% 5px 9px;
    width: 93%;
    background: #333333;
    bottom: 30px;
    left: 0px;
    display: none;
}
dl#link dd a {
    display: block;
    line-height: 25px;
    border-bottom: #efefef 1px solid;
    color: #fff;
}



div#banners{
    height: 300px;
}
div.ny-container{
    background-color: #e6e6e6;
}
div.location .s-span{
    font-size: 16px;
    color: #0065b3;
    font-weight: bold;
    border-left: 2px solid red;
    padding-left: 13px;
 
}


.left-box{
    width: 264px;
    position: relative;
    top: -32px;
    left: 0px;
}
.left-box .title{
    width: 100%;
    height: 82px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 82px;
    background-color: #005bac;
}
.cate-list{
    margin-top: 20px;
}
.cate-list .small-title{
    background-color: #005bac;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    
    color: #fff;
    padding-left: 20px;
}
.cate-list ul li{
    width: 232px;
    padding: 15px 15px 0px 15px;
    border-left:1px  solid #ccc;
    border-right:1px  solid #ccc;
}
.cate-list ul li:last-child{
    padding-bottom: 15px;
    border-bottom: 2px solid #005bac;
}
.cate-list ul li a{
    display: block;
    font-size: 13px;
    width: 154px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding: 0 40px 10px 40px;
    border-bottom: 1px solid #ccc;
}
.cate-list ul li a.cur{
    color:#b40000;
}
.cate-list ul li a::before{
        position: absolute;
    content: "";
    background: url(../img/arr.png) no-repeat 0px 0px;
    left: 8px;
    bottom: 14px;
    width: 8px;
    height: 8px;
}
dl#Frames{
    position: relative;
}
dd.Fcns{
    width: 735px;
}
.location{
    width: 100%;
        padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}
.location .f-span{
    padding-left: 30px;
}

.content-box{
    padding-top: 25px;
}
ul#pro li a.img{
    border:none;width: 219px;height: 134px;
 border-radius: 15px;
    }
    ul#pro li a.img img{
    width: 219px;height: 134px;
    }
    ul#pro li a{
        max-width: 219px;
    }
    ul#pro li{
       width: 219px;
       padding: 0 9px;
      
    }
    ul#pro li:nth-child(3n){
        padding-right: 0px;
    }
    ul#pro{
        padding-left: 0px;
    }
    #environment li span.img {
    border: none;
    width: 228px;
     height: 152px;
}
 #environment li span.img img{
     
 }


#environment li{
      
       padding: 0 9px;
      
    }
    #environment li:nth-child(3n){
        padding-right: 0px;
    }
    #accordion li dl dt.open {
    background: #005bac;
    border-color: #005bac;
}


.tables td a{
    background: #005bac;
}
.tables td a:hover {
    border: 1px solid #005bac;
}
#proshow_right{
    width: 53.3%;
}
div.ny-pro-box ul li a img{
    width: 180px;
    height: 180px;
}
div.ny-pro-box{
    margin-left: 0;
}
div.ny-left-slide{
    width: 230px;
}
div.ny-left-slide .pro-cate-lists div.pro-head-text{
    width: 230px;
    height: 86px;
    background: #fff;
}
div.ny-left-slide .pro-cate-lists div.pro-head-text p{
    font-size: 28px;
    font-weight: bold;
    color: #000;
    text-align: center;
    line-height: 86px;
}

.sideMenu{ padding: 10px 0;
    background: #0066bb;
    border-radius: 0 0 5px 5px;
      }
		.sideMenu h3{ height:38px; line-height:38px; padding-left:41px;  cursor:pointer;
			font:normal 14px/38px "Microsoft YaHei";
            text-align: center;
            color: #fff;
		}
        .sideMenu h3 a{
            color: #fff;
        }
		.sideMenu h3 em{ float:right; display:block; width:40px; height:38px;   cursor:pointer; }
        .sideMenu h3.on{
            background: #fff;
            color: #000;
        }
        .sideMenu h3.on a {
             color: #000;
        }

		.sideMenu h3.on em{ background: #fff url(../img/arr-1.png) 16px 12px no-repeat; }
		.sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ 
        background: #0047a2;
        }
         .sideMenu ul li{
             padding-bottom: 5px;
         }
        .sideMenu ul li a{
		    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
            color: #fff;
            text-align: left;
            display: block;
        }
        div.ny-contact{
            margin-top: 30px;
        }
        div.ny-contact-box{
            padding: 10px 20px 30px 20px;
            background: #0047a2;
			color: #fff;
        }
        dl#Frames dd.Fcns{
            background-color: #fff;
        }
        dl#Frames dd.Fcns {
    padding: 40px 5px;
}

dd.Fcns {
    width: 743px;
}


dd.pro-fcns{
    width: 782px;
}
div.ny-pro-box ul li {
    margin-right: 11px;
}

div.right-pro-box ul li {
    float: left;
    margin-right: 18px;
    margin-bottom: 18px;
    position: relative;
}
div.ny-pro-box ul li:nth-child(3n) {
    margin-right: 0;
}

div.ny-pro-box ul li{
    margin-right: 10px;
}

div.ny-pro-list ul li a p {
    
    background: #fff;

}
div.ny-pro-list ul li a:hover p{
    background: #fff;
    color: #333
}


div.right-pro-box ul li a img {
    width: 238px;
    height: 248px;
    border: 1px solid #cccccc;
    position: relative;
    transition: 0.3s;
}


div.right-pro-box ul li a p {
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #5f5c5c;
    transition: 0.3s;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	width:240px;
}
div.right-pro-box ul li a:hover p{
    background: #0464c6;
	color:#FFFFFF;
}
div.right-pro-box ul li a:hover img{
      border: 1px solid #0464c6;
}
.search-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background-color: #000;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    display: none;
}
.searchbox {
    width: 50%;
    position: fixed;
    top: 169px;
    left: 50%;
    margin-left: -25%;
    height: 68px;
    border: 1px solid #535353;
    z-index: 51;
    display: none;
}
.searchbox input.tex {
    border: none;
    background: none;
    font-size: 36px;
    font-family: "Arial";
    color: #a7a7a7;
    height: 37px;
    line-height: 36px;
    padding: 16px 2% 15px;
    width: 80%;
}
.searchbox input.search-btn {
    border: none;
    width: 7%;
    margin-right: 1%;
    height: 68px;
    background: url(http://www.hailiang.com/static/web/css/../img/ico_115.png) no-repeat center;
    background-size: 50% auto;
    min-width: 40px;
}
.close-search {
    display: block;
    width: 37px;
    height: 37px;
    background: url(http://www.hailiang.com/static/web/css/../img/ico_116.png) no-repeat center;
    position: fixed;
    right: 3%;
    top: 50px;
    cursor: pointer;
    z-index: 51;
    display: none;
}