@charset "utf-8";

body{margin:0;font-size:18px;background:#000;font-family:"Arial,Helvetica,sans-serif,宋体";color:#0094ff; background-image:url(/images/kubk1.jpg);background-position:center;}
a{text-decoration:none;
  color:rgb(61, 212, 252);
}
div{word-break:break-all;}
img{border:none;}
form,ul,li{margin:0;padding:0;}
ul,li{list-style:none;}
.clear{clear:both;}

.not_found{margin:30px 0;text-align:center;}

#header{width:1200px;margin:0 auto;height:60px;position:relative;}
#main{width:1200px;margin:7px auto 0 auto;}
#footer{width:1200px;margin:0 auto;height:60px;background-color:transparent;font-size:14px;}

#header .logo{position:absolute;left:12px;top:10px;}
#header .logo img{height:60px;}

#nav {
    margin:0 auto;
    text-align:center;
    width: 1200px;
    height: 35px;
    background: url(../images/nav_bg.jpg) repeat-x;
   /* position: absolute;
   bottom: 0;*/ 
}
#nav ul{padding:0 15px 0 0;}
#nav li{float:left;line-height:35px;background:url(images/nav_li_bg.jpg) no-repeat;}
#nav .first{background-position:-2px;}
#nav li a{display:block;padding:0 22px 0 25px;font-size:14px;font-weight:bold;color:#FFF;background:url(images/nav_bg.jpg) no-repeat 2px;}
#nav li a:hover{background:url(images/nav_a_bg.jpg) no-repeat right;color:#2874c2;}

#focus{width:1200px;height:200px;margin:0 auto;}
#focus div{position:absolute;width:1500px;height:200px;overflow:hidden;}
#focus img{width:1200px;height:200px;}
#focus #focus_img{display:none;}

#left{float:left;width:225px;}
#right{float:right;width:967px;}

.box{margin:0 0 7px 0;}
.box .head{height:29px;background:url(/images/box_head_bg.jpg) repeat-x;position:relative;}
.box .head span{display:block;position:absolute;left:0;top:2px;line-height:25px;padding:0 16px 0 8px;font-size:14px;color:rgb(61, 212, 252);font-weight:400;background:url(../images/box_head_title_bg.jpg) no-repeat right;background-color:#FFF;}

.box2{margin:0 0 7px 0;z-index:1;border:solid 1px #B0E;}
.box2 .head{height:29px;background:url(../images/box2_head_bg.jpg) repeat-x;position:relative;border-right:1px solid #B0E;}
.box2 .head span{display:block;position:absolute;left:0;top:0;line-height:29px;padding:0 22px 0 18px;font-size:16px;color:rgb(61, 212, 252);font-weight:400;background:url(../images/box2_head_title_bg.jpg) no-repeat right;}
.box2 .head .more{position:absolute;right:12px;top:2px;color:#2874c2;background:url(../images/more_bg.jpg) no-repeat right center;padding:0 15px 0 0;}
.box2 .main{border:1px solid #B0E;border-top:none;}

.box3{
      margin:50px auto 50px auto;
      width:550px;
}
.box3 .head{height:29px;background:url(../images/box2_head_bg.jpg) repeat-x;position:relative;border-right:1px solid #B0E;}
.box3 .head span{display:block;position:absolute;left:0;top:0;line-height:29px;padding:0 22px 0 18px;font-size:16px;color:rgb(61, 212, 252);font-weight:400;background:url(../images/box2_head_title_bg.jpg) no-repeat right;}
.box3 .head .more{position:absolute;right:12px;top:2px;color:#2874c2;background:url(../images/more_bg.jpg) no-repeat right center;padding:0 15px 0 0;}
.box3 .main{border:1px solid #B0E;border-top:none;}
    .box3 .main .bighd {
    font-size:32px;
     
    }
    .box3 .main .midhd {
    font-size:24px;
     
    }
    .box3 .main .bigtb {
    font-size:32px;
    background-color:black;
    color:white;
    border:solid 2px #B0E;
    
    }
    .box3 .main .midtb {
    font-size:24px;
    background-color:black;
    color:white;
    border:solid 2px #B0E;
    
    }
    .box3 .main .bigbtn {
       padding:0 0 7px 0;
        background-image: url('images/btnbk1.jpg') ;
        background-repeat:repeat-x;
        width: 100px;
        height: 40px;
        font-size: 26px;
        border:1px solid black;
        background-color:blue;
        color:cornflowerblue ;
        font-family: 'Microsoft YaHei';
       border-radius: 4px;
    }
        .box3 .main .bigbtn:hover {
         background-image: url('images/btnbk2.jpg') ;
         color:black;
    }
    .box3 .main .midbtn {
       padding:0 0 7px 0;
        background-image: url('images/btnbk1.jpg') ;
        background-repeat:repeat-x;
        width: 100px;
        height: 32px;
        font-size: 20px;
        border:1px solid black;
        background-color:blue;
        color:cornflowerblue ;
        font-family: 'Microsoft YaHei';
       border-radius: 4px;
    }
        .box3 .main .midbtn:hover{
         background-image: url('images/btnbk2.jpg') ;
         color:black;
    }
    .box3 .main p {
    font-size:18px;
     
    }


.here{margin:0 0 7px 0;height:29px;background:url(../images/here_bg.jpg) repeat-x;position:relative;border-right:1px solid #B0E;}
.here span{display:block;position:absolute;left:0;top:0;line-height:29px;padding:0 22px 0 18px;font-size:14px;color:#FFF;font-weight:bold;background:url(../images/here_title_bg.jpg) no-repeat right;}
.here .link{position:absolute;right:12px;top:8px;}
.here .link a{color:#2874c2;padding:0 8px;}

#notice .main{background:#000;line-height:20px;padding:6px 8px 6px 16px;color:#0094ff;}
#contact .main{border:1px solid  #B0E;border-top:none;padding:6px 10px;line-height:20px;color:#0094ff;}
#contact .main span{font-weight:bold;}

#research .main{border:1px solid #F0F;border-top:none;padding:6px 10px;line-height:20px;color:#333;}
#research input{margin:0 3px 0 7px;}
#research .question{font-weight:bold;padding:5px 0;color:#2874c2;}
#research .text{display:block;padding:2px;}
#research .text input{width:120px;margin:0 0 0 10px;}
#research .bt{text-align:center;padding:10px 0 5px 0;}
#research .button{border:none;width:52px;height:21px;background:url(images/bt_bg.jpg) no-repeat;margin:0;padding:0;cursor:pointer;}

#link .main{border:1px solid #B0E;border-top:none;padding:6px 10px;line-height:20px;color:#0094ff;;}
#link .img{padding:0 0 4px 0;}
#link .img a{display:block;padding:4px 6px;float:left;}
#link .img img{width:88px;height:31px;}
#link .word a{padding:0 4px;color:#0094ff;}
#link .word a:hover{color:rgb(61, 212, 252);}

#about .main{padding:7px;min-height:140px;_height:140px;line-height:20px;}
#about .main .img{float:left;margin:0 7px 7px 0;}
#about .main .img img{width:160px;height:130px;}
#about .main .more{color:#2874c2;}

#recommend .main{padding:12px 0 3px 8px; min-height:180px;}
#roll{position:relative;overflow:hidden;}
#roll a{color:#0094ff;;}
#roll a:hover{color:#2874c2;}
#roll div{float:left;margin:0 7px;overflow:hidden;}
#roll table{width:150px;text-align:center;}
#roll .img{height:150px;background:#000;}
#roll .title{height:30px;}
#roll img{max-width:150px;max-height:150px;}
#roll_sheet{position:absolute;}

#news{float:left;width:528px;
}
#product{float:right;width:479px;}
#news li a,#product li a{width:260px;padding:0 0 0 15px;background:url(../images/img_1.jpg) no-repeat 4px center;}
.list .main{padding:5px 12px 12px 12px;}
.list li{line-height:27px;border-bottom:1px dashed #333333;}
.list li a{display:block;float:left;color:#0094ff;}
.list li a:hover{color:rgb(61, 212, 252);}
/*.list li span{display:block;float:right;color:#0094ff;;}*/
.art_sheet li a{width:620px;padding:0 0 0 15px;background:url(../images/cat3_a_bg.jpg) no-repeat 4px center;}
.art_sheet li span{padding:0 10px 0 0;}

#footer .nav{text-align:center;padding:12px 0 0 0;color:#0094ff;;}
#footer .nav a{padding:0 5px;color:#0094ff;}
#footer .nav a:hover,#footer .info a:hover{color:#2874c2;}
#footer .info{text-align:center;padding:8px 0 0 0;color:#0094ff;}
#footer .info a{color:#0094ff;padding:0 8px 0 0;}

.tree .main{background:#f5f5f5;padding:5px 0 15px 0;}
.tree a{color:#333;display:block;}
.tree a:hover{color:#2874c2;}
.tree .cat1{line-height:36px;background:url(../images/cat1_bg.jpg) no-repeat bottom;padding:0 0 0 15px;overflow:hidden;}
.tree .cat2{line-height:30px;background:url(../images/cat2_bg.jpg) no-repeat bottom;padding:0 0 0 40px;overflow:hidden;}
.tree .cat3{line-height:30px;background:url(../images/cat3_bg.jpg) no-repeat bottom;padding:0 0 0 55px;overflow:hidden;}
.tree .cat1 a{padding:0 0 0 20px;background:url(../images/cat1_a_bg.jpg) no-repeat 3px center;}
.tree .cat2 a{padding:0 0 0 14px;background:url(../images/cat2_a_bg.jpg) no-repeat 2px center;}
.tree .cat3 a{padding:0 0 0 14px;background:url(../images/cat3_a_bg.jpg) no-repeat 2px center;}

.img_sheet{margin:25px 0 0 0;}
.img_sheet .unit{float:left;width:191px;padding:0 0 5px 0;}
.img_sheet .unit .in{width:150px;height:200px;margin:0 auto;overflow:hidden;}
.img_sheet .unit table{width:100%;height:100%;border:0;text-align:center;vertical-align:middle;}
.img_sheet .unit .img{height:150px;background:#f5f5f5;}
.img_sheet .unit .title{height:50px;}
.img_sheet .unit img{max-width:150px;max-height:150px;}
.img_sheet a{color:#0094ff;;}
.img_sheet a:hover{color:#2874c2;}

.page_link{clear:both;position:relative;height:50px;}
.page_link .in{position:absolute;top:10px;right:20px;}
.page_link span,.page_link a{display:block;float:left;line-height:25px;font-size:13px;color:#0094ff;;padding:0 5px;}
.page_link form{float:left;}
.page_link .text{border:0;padding:0;height:18px;line-height:18px;width:30px;border:1px solid #0094ff;;margin:0 3px 0 0;}
.page_link .button{border:none;width:52px;height:21px;background:url(images/bt_bg.jpg) no-repeat;margin:0;padding:0;cursor:pointer;}
.page_link .num{padding:0;}

#picture{color:#0094ff;;}
#picture .img{overflow:hidden;text-align:center;_width:100%;margin:0 0 10px 0;}
#picture .img img{max-width:700px;_width:expression(this.width>700?700:true);}
#picture .img table{width:100%;height:380px;margin:10px 0;text-align:center;vertical-align:middle;}
#picture .head{padding:7px 15px;font-size:14px;font-weight:bold;background:#f5f5f5;}
#picture .attribute table{margin:10px 0 10px 40px;line-height:20px;}
#picture .attribute span{font-weight:bold;}
#picture .text{padding:15px 10px;line-height:20px;}
#picture .text img{max-width:700px;_width:expression(this.width>700?700:true);}

#prev_next{padding:20px 5px 10px 5px;line-height:20px;color:#333;}
#prev_next .prev{float:left;}
#prev_next .next{float:right;}
#prev_next a{color:#0094ff;;}
#prev_next a:hover{color:#2874c2;}

#about_main{padding:5px 10px 15px 10px;line-height:20px;}
#about_main img{max-width:700px;_width:expression(this.width>700?700:true);}

#article{padding:10px;margin:0 0 5px 0;}
#article .title{text-align:center;color:#EEE;}
#article .message{padding:10px;text-align:center;color:#999;border-bottom:1px dashed #999;}
#article .main{padding:10px 0;line-height:20px;color:#EEE;}
#article .main img{max-width:700px;_width:expression(this.width>700?700:true);}

.rec_sheet li,.dow_sheet li{list-style:none;border-bottom:1px dashed #999;margin:0 10px;padding:10px 0;}
.rec_sheet .title,.dow_sheet .title{font-size:14px;font-weight:bold;color:#2874c2;padding:12px 0;width:550px;background:url(../images/rec_title_bg.jpg) no-repeat 0 33px;}
.rec_sheet .time,.dow_sheet .time{color:#999;padding:0 30px 0 0;text-align:right;}
.rec_sheet .text,.dow_sheet .text{line-height:20px;color:#0094ff;;}
.dow_sheet .title a{color:#2874c2;padding:0 0 0 20px;background:url(../images/dow_title_bg.gif) no-repeat 0 center;}

.mes_sheet{padding:0 20px;color:#333;}
.mes_sheet li{list-style:none;border-bottom:1px dashed #999;padding:10px 0;}
.mes_sheet div{line-height:20px;}
.mes_sheet span{color:#2874c2;}
.mes_sheet .reply{border:1px solid #B0E;background:#f5f5f5;margin:10px 50px;padding:10px;}

#leave_word{padding:15px 0 10px 20px;color:#0094ff;;}
#leave_word div{margin:10px 0;}
#leave_word .text{border:1px solid #CCC;background:#f5f5f5;height:18px;line-height:18px;color:#333;}
#leave_word textarea{border:1px solid #B0E;background:#f5f5f5;color:#333;}
#leave_word .button{border:none;width:52px;height:21px;background:url(images/bt_bg.jpg) no-repeat;margin:0 10px 0 0;padding:0;cursor:pointer;}

#service{position:absolute;width:33px;height:210px;right:0;z-index:9;overflow:hidden;}
#service_img{position:absolute;left:0;width:33px;height:210px;background:url(../images/service.png) no-repeat left center;}
#service .main{position:absolute;left:33px;width:110px;height:210px;background:#174579;}
#service .main .in{position:absolute;left:5px;top:5px;width:90px;padding:5px;height:190px;background:#FFF;text-align:center;}

 
        /*设置所有标签的样式*/
        * {
            padding: 0px;
            margin: 0px;
            font-family: "宋体",Arial,Helvetica,sans-serif;
        }
        /*设置id为ToprightSection的样式*/
        #ToprightSection {
            font-size: 18px;
            font-weight: 500;
            line-height: 60px;
            color: #666666;
        }

        .mouseHove {
            color: #fff;
        }
            /*设置鼠标经过的样式*/
            .mouseHove:hover {
                color: #f39800;
            }

        /*动画设置*/
        @keyframes topAnim {
            0% {
                position: absolute;
                top: 0px;
                left: 0px;
            }

            50% {
                position: absolute;
                top: 0px;
                left: 50px;
            }

            100% {
                position: absolute;
                top: 0px;
                left: 0px;
            }
        }
        /*默认样式*/
        #serachText::-webkit-input-placeholder {
            color: white;
            font-size: 15px;
            line-height: 17px;
        }
        /*头部样式*/
        #headDiv {
            width: 100px;
            height: 40px;
            float: right;
            margin-right: 20px;
            margin-top: 10px;
            border-radius: 5px;
            transition: all 0.4s;
            overflow: hidden;
            text-overflow: clip;
            overflow: hidden;
            color: white;
            text-align: center;
            font-size: 16px;
            line-height: 31px;
        }
            /*鼠标经过头部样式*/
            #headDiv:hover {
                height: 150px;
                background-position-x: 10px;
            }
        /*字体颜色*/
        .fontcolor {
            margin: 0px auto;
            color: white;
            cursor: pointer;
        }
            /*鼠标经过*/
            .fontcolor:hover {
                color: #f39800;
            }