﻿﻿*{margin:0;padding:0;}
body{font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
.img-none{display:none;}

.wrap{ max-width:1200px !important; margin:0 auto;padding: 0 10px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/*公共样式*/
body{background-color:#ffffff; /* 标准的语法 */ font-family: '宋体' }
.text-bold{font-weight: bold}
.text-medium{font-size: medium}
.text-large{font-size: large}
.text-small{font-size: 14px}
.text-largest{font-size: xx-large}
.text-xlarge{font-size: x-large}
.text-xsmall{font-size: 12px}
.txt_blue{color: #195ba5}
/*.text-red{color: #df181a}*/
/*header*/
header{width:100%; float:left;position: relative;background-color: #FFFFFF;color: #333333}
.header{width:100%; float:left;margin: 0;font-size: small;}
.header_top{padding: 0;background-color: #FFFFFF;color: #333333}
.pc_logo{padding: 15px 0}
/*手机端小图标*/
.header .logo i{  color: #000000;}
.mobile_header{padding: 15px 5px}

.top_small{background-color:#dfdfdf;padding: 5px 0;color: #4c4c4c}
.top_small a{color: #4c4c4c}
/*pc导航*/
/*导航下拉开始*/
.nav_container{padding:0;}
.logo-img{max-width: 100%;}
.pc_logo{padding: 10px 0}
.pc_logo span{color: #195ba5;}
.header_top .logo_btn{width: 100%;}
.logo_btn{border: solid 3px #175699;height: 35px;}
.logo_btn select{height: 100%;padding: 0 5px;background-color: #ececec}
/*.logo_btn select option{background-color: #FFFFFF;border:solid 1px }*/
.logo_btn input{width: calc(100% - 150px);padding: 0 5px;height: 90%;}
.logo_btn button{width: 60px;height: 100%;border: none;margin-right: 0;background-color: #175699;color: #FFFFFF}
.logo_btn+p{line-height: 35px;color: #898989;height: 35px;overflow: hidden}
.top_tel{color: #0c0c0c}
.top_tel .text-large{font-size: 24px;line-height: 40px;margin: 0 5px;}
.top_tel span.text-large{color: #d30a07}

.ph_search {background-color: #d22a1b;color: #FFFFFF;font-size: 20px;font-weight: bold;padding: 5px}
.ph_search i{font-size: 15px;margin: 10px 5px;}
.ph_search .logo_btn{width: 55%;background-color: #FFFFFF;font-size: 12px;font-weight: normal;border: solid 2px #175699}
.ph_search .logo_btn input{width: calc(100% - 52px);}
.ph_search .logo_btn button{width: 50px;}

/*banner*/
/* Carousel base class */
.carousel {float:left;width:100%;height: 100%;}
/* Declare heights because of positioning of img element */
.carousel .item {height: auto;background-color: #777;}
.carousel-inner > .item > img {width: 100%;position: relative;}
.carousel-indicators{z-index: 6}
/*==首页内容==*/
main{width:100%; float:left;overflow: hidden;}
.txt_main{text-indent: 2em}
img.img-responsive{display: inline-block}
/*地图*/
#map { height: 200px; overflow: hidden;  border: 1px solid #ccc;  margin:15px auto;  padding: 0;}
#dituContent{width: 100%;height: 100%}
/*----------------------------------------------------------------------------------------------------------------------------------*/
.nav_item{width: 20%;border-right: solid 1px #9d9d9d;box-sizing: border-box;float: left;margin:30px 0;display:flex;display: -webkit-flex;align-items:center;flex-wrap: wrap;padding: 0 10px}
.nav_item:nth-child(5){border-right-color: transparent}
.nav_item .item_circle{width: 130px;height: 130px;float: left;margin: 15px auto;border-radius: 50%;border: solid 15px #aeadad;box-sizing: border-box;text-align: center}
.nav_item .item_txt{float: left;width: 100%;text-align: center;}
.nav_item .item_txt p.text-medium{line-height: 35px;height: 35px;overflow: hidden;color: #d22a1b;font-weight: bold}
.nav_item .item_txt p.text-xsmall{line-height: 25px;height: 50px;overflow: hidden;color: #616161}
.nav_item .item_circle span{display: inline-block;width: 60px;height: 60px;background: url("../images/small_pic.png");margin: 20px}
.nav_item .item_circle span{background-position: 1px -1px;transition: all 0.3s}
.nav_item .item_circle span.kcx{background-position: -185px 1px;}
.nav_item .item_circle span.an{background-position: -372px 1px;}
.nav_item .item_circle span.qyfz{background-position: -558px 1px;}
.nav_item .item_circle span.dzjg{background-position: -740px 1px;}

.nav_item:hover .item_circle span{background-position: 1px -108px;transition: all 0.3s}
.nav_item:hover .item_circle span.kcx{background-position: -185px -106px;}
.nav_item:hover .item_circle span.an{background-position: -372px -106px;}
.nav_item:hover .item_circle span.qyfz{background-position: -558px -106px;}
.nav_item:hover .item_circle span.dzjg{background-position: -740px -106px;}
.nav_item:hover .item_circle{border-color: #d22a1b}

.index_left{background: url("../images/company_bg.jpg")no-repeat center;background-size: cover;padding: 20px 15px}
.page_company>p{line-height: 40px;font-size: 24px;}
.panel-group.index_company{padding: 15px;background-color: rgba(0,0,0,0.8);border: none}
.panel-group.index_company .panel{border-radius: 0;border: none;box-shadow: none;margin-bottom: 15px;background-color: transparent}
.panel-group.index_company .panel-heading{background-color: #FFFFFF;margin-bottom: 10px;border: none;margin-bottom: 0;}
.panel-group.index_company .panel-heading a{display: block;width: 100%;text-align: center;}
/*.panel-group.index_company .panel-heading:hover{color: red}*/
.panel-group.index_company .panel-heading+.panel-collapse>.panel-body{background-color:transparent;border: none;padding: 10px 0;line-height: 25px;max-height: 200px;overflow: hidden;color: #FFFFFF}

.product_title{border-bottom: solid 2px #aeadad;float: left;width: 100%;margin: 15px auto}
.product_title span.text-large{display:inline-block;float:left;margin:0;background: url("../images/path_bg.png ")no-repeat;background-size: contain;font-size: 14px;color: #FFFFFF;line-height: 28px;height: 28px;width: 130px;text-align: center}
.product_title a.text-uppercase{font-weight: bold;color: #d22a1b}
a.product_item{display:block;width: 100%;overflow: hidden;border: solid 2px #e7e7e7;margin-bottom: 30px}
.product_item .pic_con{width: 100%;position: relative;overflow: hidden}
.product_item .pic_con .img_top{padding-top: 81.38%}
.product_item .txt_con{width: 100%;height: 40px;line-height: 40px;overflow: hidden;background-color: #e7e7e7;color: #737373;position: relative;text-align: center;font-size: 18px}
.product_item:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform:scale(1.1);transition: all 0.3s;}
.product_item img{transition: all 0.3s}
.product_item:hover .txt_con{background-color:#d22a1b;color: #FFFFFF }
.text-medium table{ width: 100% !important; }
.text-medium table tr td{word-wrap:break-word;word-break:break-all;}


.news_detail .pic_con{display:block;width: 160px;overflow: hidden;border: solid 2px #d22a1b;position: relative;float: left;}
.news_detail .pic_con .img_top{padding-top: 100%}
.news_detail .pic_con:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform:scale(1.1);transition: all 0.3s;}
.news_detail .pic_con img{transition: all 0.3s}
.news_detail_txt{width:calc(100% - 170px);float:right;margin-left: 10px;}
.news_detail_txt p.news_title{line-height: 35px;height: 35px;overflow: hidden;}
.news_detail_txt p.news_time{font-size: 10px;color: #a3a3a3;line-height: 25px;height: 25px;overflow: hidden;}
.news_detail_txt p.news_content{line-height: 20px;height: 60px;overflow: hidden;}
.news_detail_txt a{display: inline-block;padding: 3px 10px;float:left;color: #FFFFFF;background-color: #D22A1B;margin-top: 10px;}

.index_left{width: 30%;float: left;}
.index_news,.page_product{width: 68%;float: right;}
.index_news{margin-bottom: 15px}
.news_list{height: 145px;overflow: hidden}
.news_list li{display:block;float:left;width: 100%;border-bottom: dotted 1px #9d9d9d;line-height: 35px}
.news_list a{color: #9d9d9d}
.news_list span.li_date{display:inline-block;width: 70px;text-align: center}
.news_list p{width: calc(100% - 75px);float: left}
.news_list a:hover{color: #d22a1b}

.bottom_tel{font-size: 30px;color: #FFFFFF;background-color: #d22a1b;padding: 15px;text-align: center;margin-top: 30px}
.bottom_tel a{color: #FFFFFF;}

/*================子页样式=================================================================================================*/
.page_right,.page_left{margin-top: 15px}

.page_left .page_title{background: url("../images/panel_bg.png")no-repeat center;background-size: cover}
.page_left .page_title a{color: #FFFFFF;font-size: 16px;font-weight: bold;display: inline-block;width: 100%}
.page_left>.panel>.panel-heading{border-radius: 0px;padding: 15px 20px;}
.page_left>.panel>.panel-collapse>.panel-body{padding: 0}
.page_left>.panel>.panel-collapse{margin-top: 15px}
.page_left .panel-group .panel-heading{background-color: #d22a1b;margin-bottom: 10px;border: none;color: #FFFFFF;border-radius: 0px;padding: 10px 0px;overflow: hidden}
.page_left .panel-group .panel-heading a{display: block;width: 100%;text-align: center;}
.page_left .panel-group .panel-body a{display: block;width: 100%;padding: 10px;text-align: center;background-color: #eaeaea;color: #333333;margin-top: 5px}
.page_left .panel-group .panel-body{padding: 0}
.page_left .panel-group .panel-body a:hover{color: #d22a1b}
.page_left .panel{border: none;box-shadow: none}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {border-top:none;}
.page_left>.panel .panel_blank a{background-color: #d22a1b;margin-bottom: 10px;border: none;color: #FFFFFF;overflow: hidden}
.page_left .panel-group .panel-heading i,.page_left .panel_blank a i{font-size: 16px;margin-right: -5px;color: transparent;transition: all 0.3s}
.page_left .panel-group .panel-heading:hover i,.page_left .panel-group .panel-heading.active i,
.page_left .panel_blank a:hover i,.page_left .panel_blank a.active i{color: #FFFFFF;transition: all 0.3s}
.page_left .panel{margin-bottom: 0}
.page_right .blank{background: url("../images/page_title.png")repeat-x center;height: 15px;line-height: 15px;float: left;width: 100%;margin: 30px 0}
.page_right .blank span{display: inline-block;padding:0 5px;background-color: #FFFFFF;font-size: 15px;line-height: 15px}

.page_product_list>li{display: inline-block;width: 17.3%;margin: 1%;box-sizing: border-box;text-align: center;padding: 10px 0}
.page_product_list>li a{font-size: 14px;color: #333333}
.page_product_list>li:hover{background-color: #d22a1b;border-color: #d22a1b;}
.page_product_list>li:hover a{color: #FFFFFF}
.panel_blank>a{display: block;padding: 10px 0;width: 100%;text-align: center;font-size: 14px}

.page_news_item{width: 100%;background-color: #e6e6e6;float: left;color: #333333;margin-bottom: 17px}
.page_news_item a.pic_con{display: block;width: 250px;position: relative;overflow: hidden;float: left}
.page_news_item a.pic_con .img_top{padding-top: 85%}
.page_news_main{padding: 10px;font-size: 14px;float: right;width: calc(100% - 250px)}
.page_news_main p.title{line-height: 35px;height: 35px;overflow: hidden}
.page_news_main p.pege_news_detail{line-height: 30px;height: 120px;overflow: hidden}
.page_news_main p.date{font-size: 10px;line-height: 30px}
.page_news_item:hover{background-color: #d22a1b;color: #FFFFFF}
.page_news_item:hover a.pic_con img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform:scale(1.1);transition: all 0.3s;}
.page_news_item a.pic_con img{transition: all 0.3s}
.page_right .path{display:none}

.page_right_txt{line-height: 30px;font-size: 14px;margin-top: 15px}
.page_right_txt img{ max-width: 100% }
.page_right_txt .pic_con{margin: 15px 0;}
.page_right_txt .pic_con img{max-height: 80%}

/*========子页  end=========*/

/*footer*/
footer{width:100%; float:left;color: #FFFFFF;padding: 30px 0 0;background:url("../images/footer_bg.jpg")no-repeat center;background-size:cover;}
.footer{background-color: #000000;padding: 10px 0;float: left;margin: 0;width: 100%}
.footer a{color: #FFFFFF;margin: 0 5px}

footer p.text-large{line-height: 40px;}
footer div.text-medium{padding: 15px 0;line-height: 35px}
.footer_left>img{max-width: 40%;}

@media (max-width:1220px) {
 /*banner*/
 .focus{width:100%;position:relative;}
 .focusbox{width:100%;height:550px;overflow:hidden}
 .focusbox li{width:100%;height:550px;overflow:hidden;}
 .focusbox li a{width:100%; height:550px; float:left; overflow:hidden; }
 /*------------------------------------------------------------------------------------------------*/
.index_left{padding: 10px 15px 5px}
}

 @media (max-width:991px){
  /*banner*/
  .focus{width:100%;height:175px;position:relative;}
  .focusbox{width:100%;height:175px;overflow:hidden}
  .focusbox li{width:100%;height:175px;overflow:hidden;}
  .focusbox li a{width:100%; height:175px; float:left; overflow:hidden; }

  /*手机端导航*/
     /*.top_ph{background-color: #48abff;}*/
     .header .logo {float: left;  padding:0;}
  header .logo a>img{  max-height: 60px; max-width: 70% !important;     margin: 15px auto;}
  .header{padding:0;}
  .header .icon-menu{float:right;margin-right: 15px; cursor:pointer; font-size:25px;color:#f3f3f3;position:absolute;right:1%;top:50%;}
  .header .sjdnav{position:absolute;right:-10px; top:100%;z-index:9999;background:rgba(0, 0, 0, 0.8)!important;}
  .header .sjdnav ul{ padding:0; margin:0;}
  .header .sjdnav li{ height:40px;display:block;text-align:center; margin:0; padding:0 50px; border-bottom:1px solid #fff;}
  .header .sjdnav li a{ font-family:'Microsoft YaHei'; font-size:18px; color:#fff;    line-height: 40px;}
  .header .sjdnavhide{ height:0; overflow:hidden;}
  .header .logo{width:100%; position:relative;}
  .mobile_header img{float: left}
  /*------------------------------------------------------------------------------------------------*/
     .nav_item{width: 33%;margin: 8px 0}
     .nav_item:nth-child(5){border-right-color: #9d9d9d}
     .nav_item:nth-child(3),.nav_item:nth-child(6){border-right-color: transparent}
     
    .page_product .product_item_con{padding-left: 5px;padding-right: 5px;}
    .index_right{padding-left: 0px;padding-right: 0px;}

    .index_left{width: 30%;float: left;}
    .page_product{width: 68%;float: right;}
    .index_news{width: 100%;float: right;}
     .page_product_list>li{width: 22%;}

     .page_news_item a.pic_con{width: 140px}
     .page_news_main{width: calc(100% - 140px)}
     .page_news_main{padding:0 5px}
     .page_news_main p.title{line-height: 28px;height: 28px;overflow: hidden}
     .page_news_main p.pege_news_detail{line-height: 22px;height: 66px;overflow: hidden;font-size: 12px}
     .page_news_main p.date{font-size: 10px;line-height: 20px;height: 20px}
     .index_left{padding: 15px}

 }

 @media (max-width:767px){
        header .logo>div{display: flex;justify-content: space-between;margin: 0;padding:0}
        header .logo a>img{  max-height: 60px; max-width: 70% !important;     margin: 15px auto;}
        .header .logo {  float: left;padding: 0px}
        header .wrap{width: 100%;}
        .header{padding:0px 0;}
        .header .icon-menu {  top: 33%;}
        /*.mobile_header{font-size: 35px;color: #002ba7;line-height: 90px}*/
        /*手机端底部留白*/
        main{margin-bottom: 58px;}
/*------------------------------------------------------------------------------------------------*/
     .nav_item .item_circle{width: 100px;height: 100px;}
     .nav_item .item_circle span{width: 44px;height: 44px;background: url("../images/small_pic2.png");margin: 13px}

     .nav_item .item_circle span{background-position: -107px -32px;}
     .nav_item .item_circle span.kcx{background-position: -234px -32px;}
     .nav_item .item_circle span.an{background-position: -359px -32px;}
     .nav_item .item_circle span.qyfz{background-position: -487px -32px;}
     .nav_item .item_circle span.dzjg{background-position: -613px -32px;}

     .nav_item:hover .item_circle span{background-position: -107px -104px;}
     .nav_item:hover .item_circle span.kcx{background-position: -234px -104px;}
     .nav_item:hover .item_circle span.an{background-position: -359px -104px;}
     .nav_item:hover .item_circle span.qyfz{background-position: -487px -104px;}
     .nav_item:hover .item_circle span.dzjg{background-position: -613px -104px;}
     
    .news_detail,.news_list{padding-left: 0px;padding-right: 0px;}
    .news_list{margin-top: 15px}
    .index_left{width: 100%;float: left;}
    .page_product{width: 100%;float: right;}
    .index_news{width: 100%;float: right;}
    .page_left{margin-top: 15px}
    .page_left,.page_right{padding-right: 0px;padding-left: 0px}
    .page_product_list>li{width: 30%;}
    .page_product_list>li a{font-size: 12px}

    .page_right .path,.page_right .path a{color: #3b3b3b;}
    .page_right .path{display:block;border: solid 1px #cacaca;padding: 5px}
    .page_news{margin-top: 15px}
    .page_news_item a.pic_con{width: 120px}
    .page_news_main{width: calc(100% - 120px)}
    .page_news_main{padding:0 5px}
    .page_news_main p.title{line-height: 30px;height: 30px;overflow: hidden}
    .page_news_main p.pege_news_detail{line-height: 25px;height: 50px;overflow: hidden;font-size: 12px}
    .page_news_main p.date{font-size: 10px;line-height: 20px;height: 20px}
    .fw_ul li:nth-child(n+5){ display: none;}

 }
@media (max-width:375px){
    .nav_item .item_circle{width: 80px;height: 80px;border: solid 10px #9d9d9d}
    .nav_item .item_circle span{margin: 8px}
    .ph_search .logo_btn{display: none}

}


/*手机底部*/
@charset "utf-8";
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

.hot{width:100%; height:58px; background:#000000; position:fixed; bottom:0; left:0; z-index:99;border-top: solid 1px #FFFFFF}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../img/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../img/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }
/*ADD*/
.swiper-container1{ width: 100%;height:auto;margin: 0px auto;overflow: hidden;padding: 0 33px}
.swiper-button-prev,.swiper-button-next{ text-align: center; background:none;font-size: 35px;padding: 0;width: 30px;height: 60px;line-height: 30px;color: #7f7f7f}
.swiper-button-prev{left: 0px}
.swiper-button-next{right: 0px}

@media (max-width:767px) {
    .swiper-container1{padding: 0 10px}
}
