@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
    margin: 0px;
}
input, button, ul, ol {
    margin: 0px;
    padding: 0px;
}
body, input, button, form, textarea {
    font-size: 14px;
    line-height: 28px;
    font-family: "microsoft yahei", "Arial Black";
    color: #666;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
    font-weight: normal;
}
ul, ol {
    list-style: none;
}
img {
    border: 0px;
    display: block;
    margin: 0;
    padding: 0;
}
em, i, strong {
    font-style: normal;
}
button, input, select, textarea {
    font-size: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    background:#F9F9F9;
    overflow-x: hidden;
    overflow-y: auto;
}
* {
    padding: 0px;
    margin: 0px
}
div {
    margin: 0;
    padding: 0;
    border: 0;
}
p {
    margin: 0;
}
b, strong {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;/* Remove most spacing between table cells.*/
}
li {
    list-style: none outside none;
}
/*链接*/
a {
    text-decoration: none;
    color: #666;
    background: transparent;
    outline: none
}
a:focus {
    outline: none;
}
a:hover, a:active {
    color: #333;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
/*表单*/
form {
    margin: 0;
}
button, input, select, textarea {
    font-size: 100%; /* Correct font size not being inherited in all browsers. */
    margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button, select {
    text-transform: none;
}
input {
    line-height: normal;
    border: none;
}
/*其它*/
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
code, kbd, pre, samp {
    font-size: 1em;
}
pre {
    margin: 1em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
dd {
    margin: 0;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
.clear{ clear: both;}
/*==========@@HTML默认 结束@@==========*/
.header_top_wrap{background: url('../images/header_bg.jpg') no-repeat center top; width: 100%; height: 198px;top: 0;z-index: 9999;}
.header_top{width: 1350px; margin: 0 auto; }
.header_top .logo{ float: left; padding-top: 60px; width: 60%;}
.header_top .logo img{width: 100%; }
.header_top .tel{float: left;padding-top: 70px; padding-left: 30px;}
.header_top .tel .fuwulink{    font-size: 30px;color: #FAF700;}
.header_top .tel .dianhua{    font-size: 30px;color: #fff; font-weight: bold; padding-top: 20px;}
.header_top .erweima{ float: right;padding-top: 50px;}
.header_top .erweima img{ float: left; padding-right: 20px;}
.header_nav_wrap{background: #fff; width: 100%; z-index: 9999;}
.header_nav{width: 1350px; margin: 0 auto;}
.header_nav ul{ float: left;}
.header_nav ul li{ padding: 0 27px; float: left; line-height: 55px;font-size: 16px;}
.header_nav  .action a{color: #0B8CCE;  }
.header_nav .sosuo_box{ border: 1px solid #CCCCCC; border-radius:20px; float: left; margin-top: 10px; margin-left: 50px;}
.header_nav .sosuo_box .sosuo{ margin-left: 20px; height: 35px;    float: left; }
.header_nav .sosuo_box .soso_btn{background: url('../images/soso_btn.png'); height: 20px; width: 20px;    margin-right: 10px; margin-top: 5px;cursor:pointer;cursor:hand;}
.header_nav .lang{padding-top: 15px; float: right;}

/* 本例子css */
.fengcai{padding: 30px 0;}
.picFocus{ margin:0 auto;  width:1200px;  position:relative;     zoom:1;   }
.picFocus .hd{ width:100%; text-align: center; position:relative;  margin-top: -145px; background-color:rgba(0,0,0,0.5); padding-top: 35px;  }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1;display: inline-block; }
.picFocus .hd ul li{  float:left;  text-align:center; padding-right: 15px  }
.picFocus .hd ul li img{ width:185px; height:100px;  cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:1200px; display:block;  }


.gsjj_box{width: 1200px; margin: 0 auto; padding-bottom: 20px;}
.product_pic_box{ width: 1200px; margin: 0 auto;}
.product_pic_box .layui-tab-title{background:#ECECEC;}
.product_pic_box .layui-tab-title .layui-this{background-color: #0B8CCE; color: #fff;    padding: 0 40px; font-size: 18px;}
.product_pic_box .layui-tab-content{padding: 20px 0;}

.floor_4{ width: 1200px; margin: 0 auto; padding-bottom: 40px;}
.floor_4 .left{width: 515px; padding-right: 25px; float:left;}
.floor_4 .left .title_bg{background: #ECECEC; height: 45px;}
.floor_4 .left .title_bg .title{ background: #0B8CCE; font-size: 18px; text-align: center; width: 185px; line-height: 45px; color: #fff; float: left;}
.floor_4 .left .title_bg .more{float: right; line-height: 45px; padding-right: 20px;}
.floor_4 .right{width: 660px; float: left;}
.floor_4 .right .title_bg{background: #ECECEC; height: 45px;}
.floor_4 .right .title_bg .title{ background: #0B8CCE; font-size: 18px; text-align: center; width: 185px; line-height: 45px; color: #fff; float: left;}
.floor_4 .right .title_bg .more{float: right; line-height: 45px; padding-right: 20px;}
.floor_4 .right .info{background: #fff;}
.floor_4 .right .info ul li{padding:10px; font-size: 16px; border-bottom: 1px solid #999; margin: 0 20px;}
.floor_4 .right .info  .time{float: right;}

.index_news_box{ width: 1200px; margin: 0 auto 50px auto; background: #fff;padding-bottom: 10px;}
.index_news_box .top_title_box{padding:20px 30px 20px 40px;}
.index_news_box .top_title_box .top_title{color: #0073C4; font-size: 28px; font-weight: bold; float: left;}
.index_news_box .top_title_box .more{ float: right; padding-right: 20px; }
.index_news_box .info_box{padding-left: 40px;}
.index_news_box .info_box ul li{ width: 360px; padding-right: 20px; float: left;}
.index_news_box .info_box ul li img{width:100%; height:240px;}
.index_news_box .info_box ul li .title{font-size: 16px; font-weight: bold; color: #000;padding: 10px 0;}
.index_news_box .info_box ul li .desc{line-height: 21px;font-size: 13px;}

.footer_wrap{background:#1F1F1F; width: 100%; }
.footer_wrap .footer{width: 1200px; margin: 0 auto;padding-top: 45px; color: #fff; padding-bottom: 30px;}
.footer_wrap .footer a{color: #fff;}
.footer .one{ width: 120px; float: left; padding-right: 95px;}
.footer .one .title{font-size: 16px; padding-bottom: 10px;}
.footer .one ul li{font-size: 12px;background:url(../images/jt.png) 0px 15px no-repeat;padding-left: 20px; border-bottom: 1px dashed  #999;line-height: 40px;}
.footer .one ul li:hover{background-color: #0073C4;}
.footer .two{width: 240px; float: left; line-height: 20px; text-align: right; padding-right: 90px; }
.footer .two .title{font-size: 16px; padding-bottom: 35px; text-align: left;}
.footer .two .address{   padding-bottom: 20px;}
.footer .two .tupian{ float: left; padding-right: 12px;}
.footer .two .desc{ float: left;}
.footer .two .mobile{   padding-bottom: 20px;}
.footer .two .tel{   padding-bottom: 20px; text-align: left;}
.footer .two .s_erweima{text-align: left; padding-top: 10px;padding-left: 15px;}
.footer .three{width: 630px; float: left;}
.footer .three .title{font-size: 16px; padding-bottom: 15px; text-align: left;}
.footer .three .fuwu_box{border: 2px solid #353535; background: #2A2A29;}
.footer .three .fuwu_box .fuwu_info{margin: 25px;border-bottom: 1px solid #575958; padding-bottom: 10px;}
.fuwu_box .fuwu_info .fuwu_img{ float: left;    padding-right: 20px;    width: 51px;}
.fuwu_box .fuwu_info .fuwu_img img{width: 100%;}
.fuwu_box .fuwu_info .fuwu_desc{ float: left; width: 400px;}
.fuwu_box .fuwu_info .fuwu_desc .title{ font-size: 14px; color: #209EF7; padding-bottom: 10px;    line-height: 8px;}
.fuwu_box .fuwu_info .fuwu_desc .desc{ font-size: 12px; line-height: 18px;}
.fuwu_box .fuwu_info .time{  float: right;font-size: 12px; color: #209EF7;}
.bangquan{ width: 100%; border-top: 1px solid #575958; text-align: center; background: #191919; font-size: 12px;}

.mbx{ width: 1200px; margin: 10px auto; }
.product_nav_wrap{background: #ECECEC; width: 100%; height: 35px; margin-bottom: 10px;}
.product_nav{ width: 1200px; margin: 0 auto;text-align: center;}
.product_nav ul{display: inline-block;}
.product_nav .cur{background: #0B8CCE; color: #fff;}
.product_nav .cur a{color:#fff;}
.product_nav ul li{text-align: center; float: left;padding: 0 25px; line-height: 35px; font-size: 18px; }
.product_list_box{ width: 1200px; margin:0 auto; padding-bottom: 60px;}
.product_list_box ul li{ float: left; width: 290px; padding-right: 10px; padding-bottom: 15px;}
.product_list_box ul li .xinhao{color: #000; font-weight: bold; padding-top: 10px;}
.product_list_box ul li img{width: 100%;}



#pages {
    clear: both;
    padding: 10px 0 10px;
    text-align: center;
    font: 12px 'Microsoft YaHei';
}
#pages a {
    display: inline-block;
    padding: 0px 8px;
    height: 24px;
    font-size: 12px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333;
    margin-right: -1px;
}
#pages a.a1 {
    padding: 0px 12px;
    height: 24px;
    line-height: 22px;
    margin-top: 0px;
}
#pages a:hover {
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
}
#pages span {
    display: inline-block;
    padding: 0px 8px;
    height: 24px;
    line-height: 22px;
    background: #5a85b2;
    border: 1px solid #5a85b2;
    color: #fff;
    text-align: center;
}
.page .noPage {
    display: inline-block;
    padding: 0px 12px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #a4a4a4;
}
.pageright {
    margin-right: 40px;
}
@media (max-width : 420px) {
    #pages .prev, #pages .next {
        display: none;
    }
}

.ly_info{width: 100%; margin: 0 auto;}
.ly_info ul li{ width: 45%;float: left;  margin: 2%;  padding: 10px 0 5px 0; border-bottom: 1px solid #999;}
.ly_info .r_input{background: none;    height: 30px;width: 100%; margin: 5px 0;    color: #000;}
.ly_info .input_tj{ background: #0B8CCE; width: 20%; display: inline-block; height: 40px; color:#fff; margin-top: 40px;margin-right: 4%;}

.aboutusList,.newsList{ width:1200px;overflow: hidden;}
.aboutusList li{width:280px;float:left;margin-right:20px;margin-bottom:25px;text-align:center;}
.aboutusList li img{display:block;width:270px;height:190px;padding:4px;background:#fff;}
.aboutusList li img:hover{}
.aboutus_nr {padding:1px; margin-bottom:20px}
.aboutus_nr img {display: inline-block;width: auto;height: auto;max-width:100%;max-height: 98%;vertical-align: middle;}

.cur .fl_2{display: block  !important;}
.fl_2{ display: none; width: 150px;position: absolute;z-index: 1200; background: #fff; margin-left: -40px;}
.fl_2 li{ border-bottom: 1px solid #999;  line-height: 45px  !important;    padding: 0 !important;width: 100%; text-align: center; }
.fl_2 li a{color: #777 !important;}
.fl_2 li a:hover{color: #0B8CCE !important;}




/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:40%;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#185BD1;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#FFF url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#FFF url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#FFF url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#FFF url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#185BD1;}
.yb_QQ a:hover{display:block;text-indent:54px;width:100%;height:100%;color:#185BD1;}