.he_border2{background: #0e6eb8;width:360px;height:240px;padding:0;margin:0 auto;border:1px solid #0e6eb8;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border2 .he_border2_caption,.he_border2 .he_border2_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border2 .he_border2_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:10%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_border2 .he_border2_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:80%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border2:hover .he_border2_caption_h{top:40%;opacity:1}
.he_border2:hover .he_border2_caption_p{top:60%;opacity:1}

body{
    background: #f1f0f5;
    color: #333333;
    font-size: 14px;
}
.banner{
    font-size: 0;
}
.banner img{
    width: 100%;
}
.box{
    width: 360px;
    height: 290px;
    margin: 0 auto;
    border-bottom:1px dashed grey;
}
.box .name{
    margin-top: 22px;
}
.box .name span a{
    /*color: #0e6eb8;*/
    font-weight: 700;
}
.product{
    margin-top: 30px;
    margin-bottom: 50px;
    /*background: white;*/
    /*padding: 0px 20px 50px 0px;*/
}
/*.product_ul li{
    float: left;
    width: 33.333%;
    margin-bottom: 50px;

}
.product_ul li:hover .box{
    border-bottom:1px dashed #0e6eb8;
}
.product_ul li:hover .box .name span a{
    color: #0e6eb8;
}*/
.product_left{
    width: 200px;
}
.product_left_ul li{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed rgb(210,210,210);
    background-color: white;
    padding-left: 15px;
}
#product_left_ul_title{
    height: 50px;
    line-height: 50px;
    background-color: #0e6eb8;
    color: white;
    font-size: 16px;
    border-bottom:none;
}
.product_left_ul li a:hover{
    color: #0e6eb8;
    text-decoration: underline;
}
.product_right_ul{
    margin-left: 40px;
}
.product_right_ul li{
    padding: 20px 20px;
    background-color: white;
    line-height: 18px;
    margin-bottom: 20px;
}
.product_right_ul li:hover{
    box-shadow:5px 5px 10px #afb0b0;
}
.product_right{
    width: 1000px;
}
.product_right_pic{
    width: 240px;
    margin-right: 20px;
}
.product_right_word{
    width: 65%;
}
.product_right_word .p1{
    margin-top: 10px;
}
.product_right_word span{
    display: inline-block;
    width: 90px;
    height: 30px;
    background-color: #00a0e9;
    line-height: 30px;
    text-align: center;
    color: white;
    margin-top: 10px;
    font-size: 12px;
}
.product_right_word span:hover{
    background-color: #0e6eb8;
}
/*-------------------页数--------------------*/
.pages {
    margin:50px auto 30px auto;
    color: #221815;
}
.all_page{
    margin-top: 5px;
    margin-right: 20px;
}
.pagelist .thisclass {
    background: #f0f2f5;
    border: 0;
    font-weight: bold;
}
.pagelist li {
    float: left;
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin-left: 5px;
    font-size: 12px;
    border-radius: 3px;
    background: #fff;
}
.pagelist li a{
    color: #221815;
}
/*----------------------产品详情--------------------------*/
.product_top .product_img{
    width: 400px;
}
.product_top .product_img img{
   
}
.product_top .product_title{
    /*width: 65%;*/
    padding-left: 30px;
}
.product_title p{
    line-height: 26px;
    margin-bottom: 10px;
}
.product_title p .span1{
    font-size: 16px;
    font-weight: 600;
}
.product_title p .span_title{
    font-size: 24px;
    color: #0e6eb8;
}
.product_title .go_to_online{
    float: left;
    background-color: #00a0e9;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: white;
}
.product_title .go_to_online:hover{
    background-color: #0e6eb8;
    color: white;
}
.product .cut{
    width: 100%;
    height: 50px;
    background: #0e6eb8;
    line-height: 50px;
    font-size:22px;
    color: white;
    padding-left: 30px;
    margin-top: 50px;
}
.product_bottom{
    margin-top: 30px;
}
.table_out p{
    color: #0e6eb8;
    font-size: 16px;
    font-weight: 600;
}
/*  表格内容 */
.product_table{
    margin-top: 10px;
    width: 50%;
    border-spacing: 0;
    border-collapse: collapse;
}
.product_table tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.product_table td,th{
    width: 50%;
    height: 40px;
    text-align: center;
    border-right:1px solid #f1f0f5;
    border-bottom:2px solid #f1f0f5;
}
.product_table th{
    background-color: #00a0e9;
    color: white;
    font-size: 16px;
}
.product_table td{
    background-color: white;
}
/*------------------用途-------------------*/
.use{
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 22px;
}
.use .use_title,.pack .use_title{
    color: #0e6eb8;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
/*--------------在线咨询----------------*/
.online_form{
    margin-top: 30px;
}
.online_form .online_word{
    width: 80px;
    display: inline-block;
    text-align: right;
    margin-bottom: 20px;
}
.online_form div{
    margin-bottom: 20px;
}
.online_form select{
    height: 40px;
    outline: none;
}
.online_form select option{
    height: 40px;
}
.online_form .notice{
    font-style: normal;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
}
.online_form input{
    width: 300px;
    height: 40px;
    border: 1px solid rgba(128, 128, 128, 0.38);
    border-radius: 3px;
    padding-left: 5px;
    font-size: 14px;
    outline: none;
    /*background: rgba(220, 220, 220, 0);*/
}
.online_form textarea{
    font-size: 14px;
    border: 1px solid rgba(128, 128, 128, 0.38);
    border-radius: 3px;
    padding-left: 5px;
    padding-top: 10px;
    outline: none;
}
.submit{
    background: #0e6eb8;
    color: white;
    font-size: 16px;
    margin-top: 15px;
    cursor:pointer;
}
.submit:hover{
    background: #0e5091;
}
/*-----------------------在线订单-----------------------*/
.message{
    margin-top: 30px;
    margin-bottom: 50px;
    background: white;
    padding: 50px 20px;
}
.message .message_pic{
    width: 45%;
    text-align: center;
}
.message .message_pic img{
    margin-top: 60px;
}
/*!*引入字体图标*!
@font-face {font-family: "iconfont";
    src: url('../font/iconfont.eot'); !* IE9*!
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!
    url('../font/iconfont.woff') format('woff'), !* chrome, firefox *!
    url('../font/iconfont.ttf') format('truetype'), !* chrome, firefox, opera, Safari, Android, iOS 4.2+*!
    url('../font/iconfont.svg#iconfont') format('svg'); !* iOS 4.1- *!
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:12px;
    margin-bottom: 10px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
!*设置默认的错误提示的样式*!
.prompot {
    margin-left: 115px;
    max-width: 485px;
    margin-bottom: 5px;
    clear: both;
}
.false {
    color: red;
}
input.false {
    border: 1px solid red;
}
.tel{
    margin-left: -4px;
}*/
/*-----------------------产品应用-----------------------*/
.apply{
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 26px;
}
.apply_ul li{
    padding: 10px 40px;
    background-color: white;
    margin-bottom: 20px;
}
.apply_pic{
    width: 30%;
    height: 200px;
}
.apply_pic1{
    width: 40%;
	height:20%;
	margin-top:6%;
}
.apply_word{
    width: 70%;
}
.apply_word1{
    width: 59%;
	margin-left:1%;
}
.two{
    margin-bottom: 10px;
}

@media screen and (max-width:1200px) {
    .banner img{
        width: 100%;
    }
    /*----------------------分页面导航部分   开始------------------------*/
    .about_title_left {
        width: 333px;
    }
    .about_title_left1{
        width: 443px;
    }
    /*----------------------分页面导航部分   结束------------------------*/
    .product_right {
        width: 80%;
    }
    /*-------产品应用--------*/
    .apply_pic img{
        width: 90%;
        height: 200px;
    }
    /*-------产品详情-------*/
    .product {
        padding-left: 20px ;
        padding-right: 20px;
    }
    /*---------------------------------------------------------*/
    .online_form {
       width: 60%;
    }
    .message .message_pic {
        width: 40%;
    }
    .message .message_pic img{
        width: 100%;
    }
}
@media screen and (max-width:1046px) {
    .product_right_pic {
        width: 30%;
        margin-right:0px;
    }
    .product_right_pic img{
        width:100%;
        height: 150px;
    }
    .product_right_word {
        width: 70%;
        padding-left: 10px;
    }
    .product_left {
       display: none;
    }
    .product_right {
        width: 100%;
        padding-right: 40px;
    }
}
@media screen and (max-width:900px) {
    .message .message_pic {
        display: none;
    }
    .online_form {
        width: 100%;
    }
}
@media screen and (max-width:550px) {
    .online_form textarea {
        width: 100%;
    }
    .submit1{
        margin-left: -80px;
    }
}
@media screen and (max-width:529px) {
    /*----------------------分页面导航部分   开始------------------------*/
    .about_title_right{
        float: left;
        margin-top: 20px;
    }
    .title_out img{
        width: 100px;
        height: 102px;
    }
    .about_title_left .title_out p {
        top: 60px;
        font-size: 12px;
        left: 24px;
    }
    .about_title_left .bread .span1 {
        margin-top: 43px;
    }
    .about_title_left .bread .p1 {
        font-size: 16px;
    }
    .about_title_left .bread {
        height: 52px;
        line-height: 89px;
    }
    .about_title_right .about_title_ul li {
        line-height: 40px;
    }
    .bread_small_span {
        margin-top: 44px;
    }
    /*--------------------分页面导航部分   结束------------------------*/
    .product_right_pic {
        width: 100%;
    }
    .product_right_word {
        width: 100%;
    }
    /*----------------产品应用-----------------*/
    .apply_pic {
        width: 100%;
        height: auto;
    }
    .apply_pic img{
        width: 100%;
        /*height: 200px;*/
    }
    .apply_word {
        width: 100%;
    }
    /*------------------产品详情---------------------*/
    .product_top .product_img {
        width: 100%;
    }
    #play {
        width: 100%;
    }
    .img_hd {
        width: 100%;
    }
    /*-------------*/
    .product_table {
        width: 100%;
    }
    .online_form .notice{
        margin-left: 80px;
    }
}
@media screen and (max-width:442px) {
    .online_form input {
        width: 200px;
        height: 40px;
        border: 1px solid rgba(128, 128, 128, 0.38);
        border-radius: 3px;
        padding-left: 5px;
        font-size: 14px;
        outline: none;
        /* background: rgba(220, 220, 220, 0); */
    }
}