.header{
    width: 100%;height: 95px;position: relative;z-index: 9999;
    .header_top{
        height: 95px;
        .logo{
            margin-top: 30px;
        }
        .phone{
            display: inline-block;
            margin-top: 18px;
            .txt1{
                padding-left: 40px;
                height: 30px;
                line-height: 30px;font-size: 16px;
                background: url(../images/h1.png) no-repeat left center;
            }
            h3{
                font-size: 24px;color: #EB3D00;
            }
        }
    }
    .header_nav{
        width: 1255px;
        height: 86px;
        background: url(../images/h2.png) no-repeat center bottom;
        text-align: center;
        margin: 0 auto;
        li{
            width: 160px;
            height: 86px;
            display: inline-block;
            vertical-align: top;
            padding-left: 18px;
           
            background: url(../images/h5.png) no-repeat left center;
            div{
                width: 100%;
                height: 86px;
                background: url(../images/h4.png) no-repeat center;
                background-position-y:86px; 
            }
            a{
                display: inline-block;
                width: 100%;
                height: 66px;
                font-size: 16px;
                padding-top: 20px;
                color: white;
            }
        }
        li.first{
            background: 0;
            padding-left: 0;
        }
        li:hover div,li.hover div{    
            transition: all 0.2s linear;   
            background-position-y:74px; 
        }
    }
}



/*search*/
.search{height:32px;line-height:32px;overflow:hidden;position: relative; margin:15px auto;}
.search .hot .keywd{color:#444444;}
.search .keywds {float: left;line-height: 32px;}
.search .keywds a{
    margin: 0 5px;color: #636364
}
.search .keywds a:hover{color: black}
.search form{overflow: hidden;display: block;position: relative;}
.search .txt{width:252px;height:30px; line-height:30px;color: #a1a1a1; border:1px solid #ccc; background:none;padding-left: 15px;border-radius: 15px;}
.search .btn{position: absolute;top:7px;right:11px;z-index: 9999;background: url(../images/public/btnbg.png) no-repeat 0 0;width: 20px;height: 22px;border:none;display: block;outline: none;cursor: pointer;}


/*product*/
.product{
    width: 100%;
    height: 1300px;
    background: url(../images/bg1.jpg) no-repeat center;
    .product_title{
        text-align: center;
        padding-top: 56px;
        p{
            font-size: 18px;
            color: #575859;
            margin-top: 15px;
        }
    }
    .slideTxtBox{
        width: 1250px;
        height: auto;
        text-align: center;
        margin: 0 auto;
        .hd{
            width: 1200px;
            margin: 30px auto 0;
            text-align: left;
           
            li{
                width: 135px;height: 40px;
                background: #0F51BB;
                display: inline-block;
                vertical-align: top;
                margin:7px;
                a{
                    display: block;width: 100%;height: 40px;
                    line-height: 40px;text-align: center;font-size: 16px;color: white;
                }
            }
            li.on,li:hover{
                background: #EA3F00;
            }
        }
        .bd{
            margin-top: 15px;
            .boxs{
                text-align: center;
                li{
                    display: inline-block;
                    width: 282px;
                    margin: 12px;
                    vertical-align: top;
                    .pic{
                        display: block;
                        position: relative;
                        .cover{
                            width: 100%;
                            height: 228px;
                            position: absolute;
                            top: 0;left: 0;
                        } 
                    }
                    div.txt{
                        width: 100%;height: 42px;background: #0F51BB;
                        line-height: 42px;
                        position: relative;
                        margin-top: 10px;
                        text-align: left;
                        .txt1{
                            color: white;
                            margin-left: 28px;
                        }
                        .more{
                            display: block;
                            width: 49px;
                            height: 42px;
                            background: url(../images/p41.png) no-repeat center #00A0E9;
                            position: absolute;
                            right: 0;
                            top: 0;
                        }
                    }
                }
                li:hover{
                    .pic .cover{
                        background: url(../images/p4.png) no-repeat;
                    }
                }
            }
        }
    }
}

/*good*/
.good{
    width: 100%;height: 1418px;
    background: url(../images/bg3.jpg) no-repeat center top;
    .good_tit{
        padding-top: 44px;
        text-align: center;
        color: white;
        h2{
            font-size: 36px;line-height: 40px;
        }
        p{
            font-size: 24px;
            margin-top: 18px;
        }
    }
    .good_title{
        text-align: center;margin-top: 100px;
        h2{
            height: 40px;
            font-size: 36px;
            line-height: 40px;
            background: url(../images/g1.png) no-repeat center bottom;
            color: black;
            letter-spacing: 1px;
            span{
                color: #0F51BB;
            }
        }
        p{
            font-size: 18px;color: #5A6059;margin-top: 10px;
        }
    }
    .box{
        margin-top: 15px;
        .left{
            width: 620px;
 
        }
        .list{
            width: 100%;
            margin-top: 54px;
            .num{
                width: 46px;height: 54px;
                line-height: 54px;
                padding-left: 7px;
                text-align: center;
                color: white;
                font-family: Impact Regular;
                font-size: 43px;
                // font-weight: bold;
                background: url(../images/g2.png) no-repeat;
            }
            .txt{
                width: 543px;
              
              
                .tits{
                    width: 100%;  height: 78px;  background: url(../images/g4.png) no-repeat bottom;
                    background-size: 100% auto;
                    color: #294471;
                    margin-bottom: 10px;
                    h4{
                      font-size: 28px;
                      line-height: 30px;

                    }
                    p{
                        font-size: 12px;
                        margin-top: 5px;
                    }
                }
                .txt1{
                    padding-left: 18px;
                    width: 525px;
                    line-height: 24px;
                   font-size: 16px;color: #666666;
                  
                   position: relative;
                   img{
                       position: absolute;
                       top: 8px;
                       left: 0;
                   }
                }
            }
        }
        .bottom{
            margin-top: 20px;
        }
        .right{
            width: 565px;
            .txt{
                width: 490px;
                .txt1{
                    width: 475px;
                }
            }
        } 
        .list4{
            position: relative;
            left: -122px;
        }
    }
}

/*about*/
.about{
    width: 100%;
    height: 661px;
    background: url(../images/bg4.jpg) no-repeat center;
    .left{
        width: 477px;
        text-align: right;
        margin-top: 63px;
        .index_video{
            display: inline-block;
            width: 419px;
            height: 388px;
            background: black;margin-top: 50px;  
            position: relative;
            .btnt{
                width: 126px;
                height: 84px;
                position: absolute;
                top: 50%;
                margin-top: -42px;
                left: 50%;
                margin-left: -63px;
                background:transparent;
                z-index: -1;
            }
            // .btnt.shows{
            //    z-index: 99;
            // }

        }
    }
    .right{
        width: 723px;
        color: white;
        margin-top: 88px;
        .txt{
            width: 683px; 
            margin-left: 40px;
        }
      .titles{
          font-size: 24px;
          font-family: 方正小标宋简体 Regular;
          line-height: 30px;
          letter-spacing: 2px;
          font-weight: 100;
          span{
              font-size: 12px
          }
      }
      .txt1{
          font-size: 16px;
          margin-top: 46px;
          p{
              line-height: 30px;
          }
      }
      .more{
          display: inline-block;
          height: 40px;
          padding: 0 28px 0 10px;
          line-height: 40px;
          text-align: left;
          background: url(../images/a1.png) no-repeat right center #199CE7;
           color: white;font-size: 16px;
           margin-right: 5px;
margin-top: 50px;
      }
    }
}

/*demo*/
.demo{
    width: 100%;
    height: auto;
    padding-bottom: 60px;
    background: url(../images/bg5.jpg) no-repeat center;
}

.cover{
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case{
margin-top: 60px;
}

.picScroll_left {
    width: 1224px;
    margin: 0 auto;
    position: relative;
}

.picScroll_left .bd ul li {
    width: 280px;
    height: auto;
    margin: 0 13px;
    float: left;
}

.picScroll_left .bd ul li .pic img {
    width: 278px;
    height: 237px;
    border: 1px solid #CCCCCC;
    display: block;
}

.picScroll_left .bd ul li p {
    width: 280px;
    height: 44px;
    line-height: 44px;
    position: relative;
    background: #0B9FF4;
   .txt4{
       margin-left: 35px;
       color: white;
       width: 200px;
   } 
   .more{
       position: absolute;
       top: 9px;
       right: 18px;
   }
}

.picScroll_left .hd {
    height: 20px;
    width: 100%;
    text-align: center;
}

.picScroll_left .hd ul li {
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    background: blue;
    color: white;
    margin: 0 2px;
}

.picScroll_left .hd ul li.on {
    background: red;
}

.picScroll_left .btn {
    display: block;
    width: 17px;
    height: 34px;
    position: absolute;
    top: 116px;
}

.picScroll_left .prev {
    left: -30px;
    background:url(../images/c1.png);
}

.picScroll_left .next {
    right: -30px;
   background:url(../images/c2.png);
}


/*advert*/
.advert{
    height: 183px;
    background: url(../images/d1.jpg) no-repeat center;
    text-align: right;
     margin-top: 47px;
    p{
display: inline-block;
font-size: 20px;
color: white;
height: 33px;
line-height: 33px;
margin:77px 56px 0 0 ;
    }
}


/*news*/
.news{
   margin-top: 47px;
   >div{
       width: 378px;
       height: auto;
       .title{
           height: 42px;
           border-bottom: 1px solid #C7CDCF;
        p{
            line-height: 24px;
            background: url(../images/n1.png) no-repeat left center;
            color: #666666;
           
            b{
                font-size: 20px;
                color: #333333;
                padding-left: 10px;
                padding-right: 5px;
            }
            a{
                color: #666666; font-size: 16px;
            }
            
        }   
       }
       .pic{
           margin-top: 15px;
       }
       .list1{
           width: 100%;
           margin-top: 30px;
           li{
               width: 100%;
               height: 24px;
               margin-bottom: 10px;
               line-height: 24px;
               background: url(../images/n4.png) no-repeat left center;
               color: #666666;
               
               a{
                  width: 240px;
                  margin-left: 30px;
                  color: #666666;
              }
              a:hover{
                color: #0F4EB5;
            }
            }
       }
   }
   .news_isy{
       margin-left: 33px;
   }
   .news_qus{
       width: 356px;
        .list2{
          li{
           height: 66px;
           border-bottom: 1px dashed #DCE9EE;
           padding: 15px 0;
           p{
               width: 310px;
              margin-left: 46px;
               position: relative;
               line-height: 21px;
               span{
                   position: absolute;
                   display: block;
                   width: 21px;
                   height: 21px;
                //    background: url(../images/n6.png) no-repeat;
                   left: -35px;
                   top:0;
                   text-align: center;
                   line-height: 21px;color: white;font-size: 13px;
               }
               .q1{
                background: url(../images/n6.png) no-repeat;
               }
               .q2{
                background: url(../images/n7.png) no-repeat;
               }
               
           } 
           .txt1{
            width: 100%; 
            margin-bottom: 10px;
            height: 21px;
         }
         .txt2{
             line-height: 21px;
            
         }
          }   
        }  
   }
}

/*cooperate*/
.cooperate{
    width: 1201px;
    height: 166px;
    background: url(../images/e2.png) no-repeat;
    margin: 45px auto 0;
    .cope_box{
      width: 1197px;
      margin: 48px auto 0;
        .bd ul li{
            width: 147px;
            margin: 0 12px;
            float: left;
            img{
                width: 147px;
                height: 80px;
            }
        }
    }
}


/*footer*/
.footer{
    width: 100%;
    min-height: 260px;background:#0F51BB;overflow: hidden;
    .footer_nav{
        width: 100%;
        height: 64px;
        line-height: 64px;text-align: center;
        border: 1px solid #146BD1;
        li{
            display: inline-block;
            width: 168px;
            vertical-align: top;
            background: url(../images/f1.png) no-repeat left center;
            a{
                font-size: 16px;
                color: white;
            }
        }
        li.first{
            background: 0;
        }
    }
    .footer_box{
        margin-top: 34px;color:white;
        .chat{
            width: 170px;
            min-height: 150px;
            background: url(../images/f2.png) no-repeat right top;
            div{
                margin-left: 12px;
                width: 108px;
                img{
                    width: 108px;height: 108px;
                
                }
                p{
                    text-align: center;
                    margin-top: 5px;font-size: 12px
                    
                }
            }
        }
        .cocate{
            div{
                margin-left: 50px;
                margin-top: 5px;
                p{
                    font-size: 14px;
                    // margin-bottom: 5px;
                }
            }
        }
        .right{
            width: 630px;
            margin-top:13px ;
            .footer_bottom{
                margin-top: 15px;
                // line-height: 30px;
                strong{
                    display:inline-block;
                    // min-width: 230px;
                    margin-right: 27px;
                    font-weight: 500;
                    a{
                        color: white;
                    }
                }
            }
        }
    }
}