/*search*/
.search{height:30px;line-height:30px;overflow:hidden;position: relative; }
.search .hot .keywd{color:#8398b4;}
.search .keywds {float: left;line-height: 30px;font-size: 14px}
.search .keywds a{
    padding-right: 20px;
}
.search .form{overflow: hidden;display: block;position: relative;}
.search .txt{width:220px;height:28px; line-height:28px; padding:0 30px 0 5px;border:1px solid #ccc; background:none;color: black}
.search .btn{position: absolute;top:0;right:0;z-index: 9999;background: url(../images/btn.png) no-repeat 0 0;width: 50px;height: 30px;border:none;display: block;outline: none;cursor: pointer;
background-size: auto 30px;
}
/*demain*/
.title{
    width: 240px;
    height: auto;
    margin: 40px auto 30px;
    text-align: center;
}
.title h1{
    font-size: 30px;
    color: black;
}
.title div{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #0266B4;
}
.title div p{
    width: 40px;
    height: 2px;
    background: #D4D4D4;
    margin-top: 14px;
}
.domain_box{
    width: 1200px;
    height: auto;
}
.domain_box ul li{
    width: 360px;
    height: auto;
    float: left;
    margin-right: 60px;
    margin-bottom: 20px;
    text-align: center;
}
.domain_box ul li.pic05{
    margin-right: 0;
}
.domain_box ul li h3{
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    color: #000;
    font-weight: normal;
}
.domain_box ul li .textbox{ transition:all ease-in-out .2s; }
.domain_box ul li:hover .textbox{background:#EDEDED;width:100%;  }
.domain_box ul li:hover h3{
    /*color: #1786FC;*/
}
.domain_box ul li:hover p{
   /* color: black;*/
}
.domain_box ul li p{
    width: 80%;padding-bottom:10px;
    margin-left: 10%;
}
.product{
    width: 100%;
    height:575px;
    background: #EDEDED;
}
.pro_nav{
    width: 940px;
    margin: 0 auto;
}
.pro_nav li{
    width: 142px;
    height: 42px;
    background: url("../images/nav02.png") no-repeat center;
    background-size: 100% 100%;
    line-height: 42px;
    float: left;
    color: white;
    font-size: 16px;
    text-align: center;
  margin: 0 7px;
}
.pro_nav li a{
    display: block;
    width: 142px;
    height: 42px;
    color: white;
}
.pro_nav li:hover{
    width: 142px;
    height: 42px;
    background: url("../images/nav01.png") no-repeat center ;
    background-size: 100% 100%;
}
.pro_box{
    width: 950px;
    height: auto;
    margin: 50px auto 0;
}
.num{
    width: 280px;
    height:265px;
    text-align: center;
    float: left;
    margin-right:49px;
    border: 2px solid #C7C7C7;
    position: relative;
    /*overflow: hidden;*/
}
.pro_box li a{
    display: block;
    width: 280px;
    height:265px;
    overflow: hidden;
}
.pro_box li:hover img{

    transform: scale(1.2);
}
.pro_box li:hover{
/*    border: 2px solid #1786FC;*/
}
.pro_box li img{
    width:280px !important;
    height:265px !important;
    position: relative;
    
    /*transform: translateY(-50%);*/
    transition: 0.5s;
}
.product_list {width: 950px;position:relative;margin: 0 auto;zoom: 1;}
.product_list .leftBotton,
.product_list .rightBotton{width: 47px;height: 48px;top: 122px;background:url(../images/public/pro_btn.png) no-repeat;cursor: pointer;position: absolute;}
.product_list .leftBotton { left: -80px;}
.product_list .rightBotton {right: -80px;background-position:-47px 0}












/*about*/
.about_box .left{
    width: 380px;
    height: auto;
}
.about_box .right{
    width: 760px;
    height: auto;
    font-size: 14px;
    padding-top: 10px;
}
.about_box .right p{
    text-indent: 30px;
    line-height: 27px;
}
.about_box .right .pic01{
    display: block;
    margin-top: 10px;
    width: 122px;
    height: 32px;
    background: url("../images/about02.png") no-repeat center;
    font-size: 18px;
    text-indent: 39px;
    line-height: 32px;
    color: #1786FC;
}
/*service*/
.service{
    width: 100%;
    height: auto;
    background: #EDEDED;
    margin-top: 40px;
}
.service ul{
    margin-top: 30px;
}
.service ul li{
    width: 400px;
    height: 400px;
    float: left;
}
.service ul li .text_area{ width:400px;height: 200px;background:#fff; }
.service ul li div{
    /*width: 400px;*/
    height: 200px;
    overflow: hidden;
}
.service ul li .box1{
    padding-left: 50px;
    width: 320px;
}
.service ul li div h2{
    font-size: 20px;
    color: black;
    padding: 40px 0 10px 0;
}
.service ul li div .pic{
    width: 40px;
    height: 3px;
    background: #1786FC;
    margin-bottom: 10px;
}
.service ul li div .txt{
    /*color: black;*/
    font-size: 14px;
}
/*news*/
.new{
    margin-top: 40px;
}
.news{
    width: 551px;
    height: auto;
}
.title01{
    font-size: 16px;
    color:#1786FC ;
    padding-bottom: 10px;
}
.title01 b{
    font-size: 24px;
    color: black;
}
.news .txt{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: url("../images/n2.jpg") no-repeat center left;
    color: black;
    text-indent: 20px;
    border-bottom: 1px dotted #B0B0B0;
}
.news .txt span{
    float: right;
    color: #B0B0B0;
}
.contact{
    width: 477px;
    height: auto;
}
.contact form{
    padding-top:45px;
}
.contact .txt01{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-bottom: 5px;
}

.contact .txt01 input{
    width: 394px;
    height: 38px;
    border: 1px solid #D8D8D8;
    font-size: 16px;
    color: black;
}
.contact .txt02{
    line-height: 40px;
    font-size: 16px;
}
.contact textarea{
    width: 394px;
    height: 100px;
    border: 1px solid #D8D8D8;
}
.contact .btnt{
    width: 100%;
    height: 40px;
    border: 0;
background: #1C4489;
    font-size: 20px;
    color: white;
    margin-top: 20px;
    cursor: pointer;
}
/*partner*/
.partner{
    width: 100%;
    height: 480px;
   /* background: #EDEDED;*/
   /* margin-top: 40px;*/
}
.partner_box{
    width: 100%;
    height: auto;
}
.partner_box ul li{
    width: 226px;
    height: 140px;
    margin:0 5px;
    float: left;
   background: white;
    margin-bottom: 10px;border:1px solid #ccc;border-radius:3px;
}
.partner_box ul li{
    text-align: center;
}
.partner_box ul li img{
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  /*  transform: translateY(-40%)\9;*/
}