body{ background: #fff;}
@charset "utf-8";*{margin:0px;border:0px;padding:0px;font-style:normal;font-size:100%; font-family: "微软雅黑";}
div,input{margin:0;border:0;padding:0;}
ul li{padding:0px;margin:0px;}
ol,ul,li{list-style:none;}
span{padding:0px; margin:0px;}
a{text-decoration:none;}
input {
outline: none;
}
textarea {
outline: none;
}
.left{ float:left}
.right{ float:right}
.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}
.page_frame{ width: 100%; background:url(../images/about_bg.jpg); }
.about .img{ width: 60%; padding:10px 20% 0; text-align: center; margin:10px auto;  border-top: 1px dashed #D9D9D9; }
.about .img img{ width: 100%; }
.page_frame_con{ width: 1200px; margin:0px auto; }
.page_frame_con .bread{ height: 30px; line-height: 30px; text-align: left; font-size: 16px; color:#6C6C6C; width: 1180px; margin:0px auto; padding: 20px 10px 10px; background: url(../images/6roq.png) no-repeat bottom; }
.page_frame_con .bread span{ width: 5px; background: #095AAF; height: 10px; float: left; margin-right: 7px; margin-top: 10px; }
 .head_line{    height:52px; line-height: 52px;
    width:100%;    background:url(../images/head_line.jpg); font-size: 14px;}
.head_line_con{
    width:1200px; margin:0px auto;color: #fff;}
 .head_line_con .l{ float: left; }
 .head_line_con .r{ float: right; height: 52px; line-height: 52px; font-size: 0; }
  .head_line_con .r a{ display: block; }
 .head_line_con .r img{  padding-top:7px; }
 .page_head{position:relative !important;}
 .head{
     background: url(../images/head_bg.jpg) no-repeat center;
     position:relative;
     height:122px;
     width:100%; z-index:99999;
     overflow: hidden;
     }
.head_r{ float: right;  height: 111px; line-height: 111px; }
.head_r a{ padding:15px; font-size: 16px; color: #fff; }
.head_r a img{ padding-right: 8px; }
.head .head_con{ width:1200px;  margin:0px auto; position:relative;}
.head .head_con .logo{ text-align: center; float:left; text-align:left; margin:0px 20px 0 0px;    ; padding-top: 20px;     padding-right: 70px;  }
    .head .head_con .logo a{ display: block; margin-bottom: 8px; }
.head_con .ewm{ float: left; margin-top: 15px;margin-left: 15px; }
.head_con .ewm .img{ float: left; width: 105px; text-align: center; }
.head_con .ewm .img img{ width: 95px; height: 95px;  }
.head_con .ewm .font{ float: left; width: 70px; color: #fff; padding-top: 15px; font-size: 14px; }

.nav {  text-align:center;  margin-top: 0px; height: 52px; line-height: 52px; width:100%; overflow: hidden; background: #095AAF; }
.nav .nav_con{margin:0px auto; width: 1200px; }
.nav .nav_con ul{width: 100%; }
.nav .nav_con > ul > li{  position:relative; list-style:none; text-align:center;  float:left; text-align:center;          padding: 0px 34px 0px;  }

.nav .nav_con > ul > li>a>span{ color:#fff;
    font-weight:normal;
    display: block;}
.nav .nav_con > ul > li>a>span.en{
    font-weight:normal;
    color: #a1a1a1;
    font-size:12px;}

.nav .nav_con > ul > li a{text-decoration:none;color:#000;cursor:pointer; font-size:16px;  }
.nav .nav_con > ul > li:nth-last-of-type(1){ background:none;   }
.nav .nav_con > ul > li.curren{ background: #00568F; }
.nav .nav_con > ul > li.curren a span{ color:#fff;}
.nav .nav_con > ul > li:hover{ background: #00568F; }
.nav_tel{ float: right; width: 200px; background: url(../images/tel_title.png) left  no-repeat; height: 57px; line-height: 18px; padding-left:150px; text-align: left; padding-top: 10px; font-size: 16px; color: #fff;   }





.footer{ background:url(../images/footer_bg.jpg) ; }
.footer .friend{ width: 1200px; margin:0px auto; padding:15px 0; border-bottom:1px dashed #5A5F65; }
.footer .friend .tit{ float: left; font-size: 16px; color: #fff; padding:0 10px;  }
.footer .friend ul li{ float: left; padding:0 15px; font-size:16px; }
.footer .friend ul li a{ color: #fff; }
.footer .friend ul li a img{ height: 35px; }
.footer .font_area{ width: 1170px; margin:0px auto; padding:15px 15px; line-height: 26px; color: #fff; font-size: 14px;   }


.about{}
.about .title{ height: 30px; line-height: 30px; padding: 15px 0; font-size:22px; color:#000; text-align: center; font-weight: bold; }
.about .content{
    line-height: 30px ; font-size:16px; color: #868686; padding:0 10px 30px;
}

.bottom{ width: 100%; background: #EDF7FF; padding:30px 0; }
.bottom .logo_icon{ text-align: center;  }
.bottom .logo_icon img{ width: 70px; }
.bottom .logo_font{ text-align: center; width: 320px; margin:10px auto 0; }
.bottom .logo_font img{ width: 100%; }
.bottom .font{ text-align: center; margin:20px 0 0; }
.bottom .font img{ padding:0 6px 0 26px; vertical-align: middle; }

.page_news ul{ padding:3px 10px 10px; }
.page_news ul li{ border-bottom:1px solid #E3E3E3; padding: 10px 0; margin:10px 0; }
.page_news ul li .img{ float: left; display: block; width: 260px; height: 160px; overflow: hidden; }
.page_news ul li .img img{ width: 260px; height: 160px; }
.page_news ul li .r{ float: right; width: 903px; height: 184px; overflow: hidden; }
.page_news ul li .r .title{ line-height: 24px; color: #666666; font-size: 18px; overflow: hidden; height: 24px; font-weight: bold; }
.page_news ul li .r .desc{ line-height: 26px; font-size: 14px; color: #666666; margin-top: 10px; padding:0 10px; height: 78px; overflow: hidden; margin-bottom:15px; }
.page_news ul li .r .time{ float: left; font-size: 14px; color: #666; margin-left: 10px;}
.page_news ul li .r .more{ float: right; font-size: 14px; padding: 5px 10px; border:1px solid #ccc; color: #989898; margin-right: 10px; }
.page_news ul li .r .more:hover{ background: #0072BB; color: #fff; }
.page_news ul li .row_full{}
.page_news ul li .row_full{  width: 100%; max-height: 181px; overflow: hidden; }
.page_news ul li .row_full .title{ line-height: 24px; color: #666666; font-size: 18px; overflow: hidden; height: 24px; font-weight: bold; }
.page_news ul li .row_full .desc{ line-height: 26px; font-size: 14px; color: #666666; margin-top: 10px; padding:0 10px; max-height: 78px; overflow: hidden; margin-bottom:15px; }
.page_news ul li .row_full .time{ float: left; font-size: 14px; color: #666; margin-left: 10px;}
.page_news ul li .row_full .more{ float: right; font-size: 14px; padding: 5px 10px; border:1px solid #ccc; color: #989898; margin-right: 10px; }


.paginate{ margin:10px 0 30px; text-align: center;  }
.paginate a {
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    padding: 5px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 40px;

     color: #666;
}
.paginate a.curren{ background: #0072BB; color: #fff; }
.paginate span{   
    padding: 3px 10px;
    margin-right: 10px;
     float: left; color: #666; }


.page_products{}
.page_products .neirong{}
.page_products .neirong li{ float: left; width: 23% ; margin:1%;}
.page_products .neirong li a.img{display: block;width: 100%}
.page_products .neirong li a.img img{ width: 100%; }
.page_products .neirong li a.font{display: block;height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #000;}

.thumbnail {
    float: left;
    display: block;
    padding: 4px;
    margin:10px 10px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    width: 348px;
}
.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;

}
 .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: 255px;
}
.dx {
    padding: 10px 15px 10px 15px;
    border-radius: 0;
    margin-top: 10px;
}
.dx .ca {
    padding: 0;
}

.thumbnail .caption {     padding: 9px;     color: #333; } .thumbnail .caption
h3 {     margin: 5px 0 6px 0;     text-overflow: ellipsis;     overflow:
hidden;     width: 320px;     white-space: nowrap;     font-size: 24px;
font-weight: normal;     text-align: left; } .thumbnail .caption .ms {
color: #888;     text-overflow: ellipsis;     overflow: hidden;     width:
320px;     white-space: nowrap;     text-align: left; } .thumbnail .caption
.fg {     border-top: 1px solid #ddd;     padding: 10px 0 5px 0;     margin-
top: 5px;     text-align: right; } .thumbnail .caption .jg {     font-size:
24px;     color: #00b9e7; } .thumbnail .caption .jg em{     font-size: 18px; }
.thumbnail .caption .yy {     background: #00b9e7;     color: #fff;     justify-content: center;     font-size: 18px; }




.page_content{ width: 1200px; margin:0px auto;  }
.page_content .brand{ height: 20px; line-height: 20px; color: #666;  font-size: 14px; padding:15px 0 15px; background: url(../images/6roq.png) no-repeat bottom; margin-bottom:7px;}
.page_content .brand img{ vertical-align: middle; }
.page_content .brand a{ color: #000; }

.page_content .page_content_l{ float: left; width: 211px;background:#0C64BE; } 
/*url(../images/sub_menu_bg.jpg) no-repeat*/
.page_content .page_content_l_tit{ padding:25px 0 33px; text-align:center; background: #0C64BE; color: #fff; border-bottom:8px solid #1F71CB; }
.page_content .page_content_l_tit .cn{ font-size: 18px;  }
.page_content .page_content_l_tit .en{ font-size: 14px;  }
.page_content .page_content_l_con{ padding-bottom: 10px;  }
.page_content .page_content_l_con ul li{   }
.page_content .page_content_l_con ul>li>.cenav_cur,.page_content .page_content_l_con ul>li>a:hover{background: #fff;
    color: #333;
    border-left: 4px solid #FBB01F;
    padding-left: 36px;}
.page_content .page_content_l_con ul>li> a{
    display: block;
    color: #fff;
    font-size: 15.5px;
    padding-left: 40px;
}
.page_content .page_content_l_con ul>li {
    /* height: 40px; */
    line-height: 40px;
    margin-top: 7px;
}
.page_content .page_content_l_bot{ padding: 10px 15px 50px; font-size: 14px; color: #fff; border-top:1px solid #6AB2F5; }

.page_content .page_content_r{ float: right; width: 939px; }
.page_content_r .biaoti{ font-size:20px; font-weight: bold; color: #2781D3;  height: 32px; line-height: 32px; margin-bottom: 0px; padding:10px 10px 0; }
.page_news ul{ padding:3px 10px 10px; }
.page_news ul li{ border-bottom:1px solid #E3E3E3; padding: 10px 0; margin:10px 0; }
.page_news ul li .img{ float: left; display: block; width: 260px; height: 160px; overflow: hidden; }
.page_news ul li .img img{ width: 260px; height: 160px; }
.page_news ul li .r{ float: right; width: 643px; height: 184px; overflow: hidden; }
.page_news ul li .r .title{ line-height: 24px; color: #666666; font-size: 18px; overflow: hidden; height: 24px; font-weight: bold; }
.page_news ul li .r .desc{ line-height: 26px; font-size: 14px; color: #666666; margin-top: 10px; padding:0 10px; height: 78px; overflow: hidden; margin-bottom:15px; }
.page_news ul li .r .time{ float: left; font-size: 14px; color: #666; margin-left: 10px;}
.page_news ul li .r .more{ float: right; font-size: 14px; padding: 5px 10px; border:1px solid #ccc; color: #989898; margin-right: 10px; }
.page_news ul li .row_full{}
.page_news ul li .row_full{  width: 100%; max-height: 181px; overflow: hidden; }
.page_news ul li .row_full .title{ line-height: 24px; color: #666666; font-size: 18px; overflow: hidden; height: 24px; font-weight: bold; }
.page_news ul li .row_full .desc{ line-height: 26px; font-size: 14px; color: #666666; margin-top: 10px; padding:0 10px; max-height: 78px; overflow: hidden; margin-bottom:15px; }
.page_news ul li .row_full .time{ float: left; font-size: 14px; color: #666; margin-left: 10px;}
.page_news ul li .row_full .more{ float: right; font-size: 14px; padding: 5px 10px; border:1px solid #ccc; color: #989898; margin-right: 10px; }
.page_info{ text-align: center; padding-bottom:10px; }
.page_cate{     
    background: #fff;
    padding: 35px 0 35px;
    text-align: center;

}

 .page_cate li {
    padding:8px 45px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    margin: 0px 10px 0px;
    display: inline;
    background: #E7E7E7;
    border-bottom:3px solid #D4D0D1;
    
}

.page_cate li a{ color: #000; }
.page_cate li:hover,  .page_cate li.curren{ background:#0072BB; border-bottom:3px solid #00568F; }
.page_cate li:hover a,  .page_cate li.curren a{ color: #fff; }

.page_prev_next{ padding:10px 0; }
.page_prev_next a,.page_prev_next span{ padding: 10px 10px; display: block; border-bottom:1px dashed #CBCBCB;   }
.page_prev_next a{ color:#01408F;}
.page_prev_next span{ color:#AAAAAA;}

.search{ width: 381px; float: right; margin-top: 40px;  }

.search .search_txt{ display: block;    width: 239px;    height: 45px;    overflow: hidden;    line-height: 45px;    font-size: 14px;    color: #a7a7a7;    padding-left: 10px;    background: #fff;    float: left; }
.search .search_btn{ display: block; background: #DF6F0C; color: #fff; height: 45px; overflow: hidden; line-height: 45px; text-align: center; width: 82px;float: left;   }