﻿﻿*{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:15px auto;padding: 0 10px;}
.header .wrap{margin: 0 auto}

/*公共样式*/
body{
 /*background-color: #e6f1ff;*/
}
/*a{color: #222222!important;}*/
.text-bold{font-weight: bold}
.text-medium{font-size: medium}
.text-large{font-size: large}
.text-xlarge{font-size: x-large}
.text-largest{font-size: xx-large}
.text-small{font-size: small}
.text_color_main{color: #367bc5}
.text-smallest{font-size: 1px}
/*header*/
header{width:100%; float:left;}
.header{width:100%; float:left;margin: 0;}
.header-bg{width:100%; float:left;margin: 0;margin-top: 25px;}
/*顶部条*/
.header .header_top{ height: 25px;  background-color: #eaeaea;  font-size: 12px;  text-align: center;  display: flex;  justify-content: space-between;padding: 0;margin-bottom: 25px;}
.header .header_top .wrap{width: 90%; display: flex;justify-content: space-between;overflow: hidden;height: 25px;margin: 0 auto}
.header .header_top .wrap>span{display: block;color: #8e8e8e}
.header .header_top .header_top_right{width: 20%;display: flex;justify-content: space-between;color: #8e8e8e;line-height: 1.5}
.header .header_top .header_top_right span{display: inline-block;width: 17px;height: 17px;margin-top: 3px}
.header .header_top .header_top_right a{color: #8e8e8e}
/*手机端小图标*/
.header .logo i{  color: #367bc5;}
.mobile_header{padding: 15px 5px}
/*服务热线*/
.tel_svc span.text-bold{color:#ff0000}
.logo_txt{border-left: solid 1px #989898;padding-left: 10px;font-size: small;color: #989898}
.logo_img img.img-responsive{display: inline-block;margin-right: 15px;}
.logo_img span{line-height: 2;font-size: 18px;color: #00479d;}
/*pc导航*/
header nav{width:100%;float:left; margin: 0px auto;background: url(../images/nav.jpg) no-repeat center;background-size: cover;}
.hot-line{height: 50px;padding: 10px 40px;}
.hot-line span{font-size: x-large}
/*导航下拉开始*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{width:100%; float:left; position:relative; z-index:1;padding: 0 20px;}
#nav{display: flex;justify-content: space-between;}
.nav .nLi{width:14.2%; float:left; position:relative; display:inline;padding:10px 0px;}
.nav .nLi h3{width:100%; float:left;}
.nav .nLi h3 a{display:block; padding: 2px 0;line-height: 19px; text-align:center;  font-size:14px; color:#fff; overflow:hidden;border-left: solid 2px #00598f; transition:all 0.3s;}
.nav .nLi:last-child a{border-left: solid 2px #00598f;border-right: solid 2px #00598f}
.nav .nLi h3 a>span{font-size:12px }
.nav .nLi:hover{background-color: #e58700}
.nav .nLi:hover a{color: #fff;border: none}
.nav .sub{ display:none; width:100%; padding:2px; left:0; top:49px;  position:absolute; z-index:999;background:rgba(54, 123, 197, 0.8) none repeat scroll 0 0 !important;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; height:36px; line-height:36px; text-align:center; font-size:8px; color:#fff !important; transition:all 0.3s;}
.nav .sub a:hover{ background:#fff; color:#367bc5 !important;  }
.logo_img{padding: 0;}
/*.logo_img img{width: 100%}*/
/*导航下拉结束*/

/*banner*/
.focus{width:100%;float:left; height:580px;position:relative;}
.focusbox{width:100%;height:580px;overflow:hidden}
.focusbox li{width:100%;height:580px;overflow:hidden;}
.focusbox li a{width:100%; height:580px; float:left; overflow:hidden; }
.rslides{width:100%;height:100%; position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../img/prev.jpg) no-repeat center center;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background:url(../img/next.jpg) no-repeat center center;right:0}
.rslides_tabs{width:100%; position:absolute;left:0;bottom:10px; z-index:2; text-align:center;}
.rslides_tabs li{display:inline-block;width:14px;height:14px;margin:0 3px;*display:inline;zoom:1;}
.rslides_tabs a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dott.png) right 0 no-repeat;cursor:pointer;}
.rslides_tabs .rslides_here a{background-position:0 0;}

/*移动端轮播*/
#content1 {padding:0px;float:left;width:100%;}
.slideBox {position:relative;overflow:hidden;margin:0px auto;max-width:100%;/* 设置焦点图最大宽度 */}
.slideBox .hd {position:absolute;height:28px;line-height:28px;bottom:0;right:0;z-index:1;}
.slideBox .hd li {display:inline-block;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#333;text-indent:-9999px;overflow:hidden;  margin:0 6px 0 6px;}
.slideBox .hd li.on {background:#fff;}
.slideBox .bd {position:relative;z-index:0;}
.slideBox .bd li {position:relative;text-align:center;}
.slideBox .bd li img {vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit {display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:28px;color:#fff;text-align:left;}
/*==首页内容==*/
main{width:100%; float:left;overflow: hidden}
.index_title p{padding: 5px 0;font-size: medium}
.index_title p:first-child{color: #00479d;font-size: x-large}
.index_title span{display: inline-block;width: 30px;border-bottom: solid 5px #00479d}
.index_title{margin: 20px auto}

/*product*/
.product_list li{padding: 10px}
.product_list li a{display: block}
.product_list li a{color: #333333}
.product_list li a>div{width: 150px;height: 150px;border: solid 2px #00479d;padding: 5px;border-radius: 75px;
    overflow: hidden;position: relative;left: 50%;margin-left: -75px;overflow: hidden;margin-bottom: 20px}
.product_list li a>div img{width: 100%;height: 100%;border: solid 1px #00479d;transition: all 0.3s}
.product_list li a>div:hover img{transform: scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);transition: all 0.3s}
.product_list li a>div:hover{border-color: #e58700}
.product_list li p{padding: 5px}
/*index_advtg*/
.index_advtg_bg{background: url("../images/index_20.jpg") center no-repeat;background-size: cover;padding: 100px 0}
.index_advtg_title span{display: inline-block;width: 50%;height: 100px;
    background: url("../images/txt_03.png") center no-repeat;background-size: contain}
.index_advtg_content{color: #ffffff;transition: all 0.3s}
.index_advtg_content .num_pic{display:inline-block;width: 100px;height: 100px;margin: 0 10px;
    background: url("../images/index_11.png") center no-repeat;background-size: contain;font-size: 50px;line-height: 100px}
.index_advtg_content .index_advtg_content_title{font-size: 25px;display:inline-block;padding: 5px 0 10px}
.index_advtg_content p{font-size: small;}
.index_advtg_content:hover{margin-right: 50px;transition: all 0.3s}
.index_advtg_content:nth-child(2n+1):hover{margin-left: 50px;transition: all 0.3s}
/*case_list*/
.case_list li{padding: 10px}
.case_list li>a{display: block;position: relative;overflow: hidden}
.case_list li>a .img-top{padding-top: 81.11%}
.case_list li>a img{width: 100%;transition: all 0.3s}
.case_list li p{padding: 5px 0}
.case_list li>a:hover img{transform: scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);transition: all 0.3s}
a[type='button']{display: inline-block;width: 120px;height: 40px;color: #ffffff;line-height: 40px;font-size: small;
    background: url("../images/index_37.jpg") no-repeat center;background-size: cover;transition: all 0.3s}
 a[type='button']:hover{background: none;border: solid 1px #0168bd;color: #0168bd;transition: all 0.3s}
/*index_face*/
.index_face{background: url("../images/index_40.jpg") no-repeat center;background-size: cover;padding: 20px 0}
.index_face{color: #ffffff;font-size: 14px;line-height: 2}
.index_face span{width: 30px;height: 30px;display: inline-block;background: url("../images/index_15.png") no-repeat center;background-size: contain;margin-bottom: -10px;}
.index_face p.txt_last{font-family: '华文行楷';font-size: medium;margin-left: 35%;}
/*index_workshop*/
.index_workshop .swiper-wrapper a{display: block;position: relative}
.index_workshop .swiper-container1{  width: 95%;  overflow: hidden;  height:auto;  margin: 20px auto;  position: relative;}
.index_workshop .swiper-slide{padding: 10px;height: auto}
.index_workshop .swiper-slide .img_top{padding-top: 80.42%}
.swiper-button-prev1, .swiper-container-rtl .swiper-button-next1 {  background:none;left: 5px;  }
.swiper-button-next1, .swiper-container-rtl .swiper-button-prev1 {  background:none;right: 8px;  }
/*index_company*/
.index_company_title{border-bottom: solid 1px #d1d1d1;margin: 10px auto}
.index_company_title span{border-bottom: solid 2px #00479d;color: #00479d;width: auto;font-size: x-large;font-weight: bold;}
.index_company_pic{padding: 0}
.index_honer_pic{text-align: center;border: solid 1px #d1d1d1;padding: 5px;overflow: hidden}
.index_honer_pic img{display: inline-block;transition: all 0.3s}
.index_honer_pic img:hover{transform: scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);transition: all 0.3s}
/*index_news*/
.news_list{border-left: solid 1px #d1d1d1;height: 100%;padding: 10px 0}
.news_list li{margin: 5px 0 15px;padding-left: 20px;;position: relative}
.news_list li a{font-size: 16px;color: #00479d}
.news_list li a span{display:inline-block;width: 10px;height: 10px;border-radius: 5px;border: solid 1px #d1d1d1;background-color: #d4d4d4;
position: absolute;left: 0;  top:5px;margin-left: -5px}
.news_list li:hover a span{background-color: #00479d}
.news_list li:hover>a{text-decoration: underline !important;}

#map { overflow: hidden;  border: 1px solid #ccc;  margin: 15px auto;  padding: 5px;  }
#dituContent {  width: 100%;  height: 300px;  }



/*footer*/
footer{width:100%; float:left;color: #e8e8ec;background: url("../images/footer_02.jpg") no-repeat center;background-size: cover}
footer a{color: #e8e8ec}
footer a:hover{color: #e8e8ec;text-decoration: underline !important;}
.friendship_link{background-color:#282828;padding: 5px }
.friendship_link a{padding: 5px 15px}
footer>div>div:last-child{background-color: #00479d;padding: 5px}
/*================子页样式=================================================================================================*/
.page_left ul.panel-body li{width: 100%;margin: 10px 0px;padding: 3px 0px;border-bottom: dashed 1px #c3c3c3;transition:all 0.3s}
.page_left ul.panel-body li>a{display:block;width: 100%;padding: 10px 0px;color: #000000;position: relative;font-size: 18px;transition:all 0.3s}
.page_left ul.panel-body{padding: 0px}
.page_left ul.panel-body li:hover{background-color: #e4f1f8;border-bottom:solid 1px #00479d;transition:all 0.3s}
.page_left ul.panel-body li>a i{font-size: 14px;color: #d5d5d5;transition:all 0.3s}
.page_left ul.panel-body li>a:hover i{color: #00479d;transition:all 0.3s}
.page_left .panel-heading{border:none;padding: 15px 0;background: url("../images/page_left_03.jpg") no-repeat center;background-size: cover;border-radius: 0px}
.page_left .panel-heading .panel-title>a{color: #FFFFFF;font-size: 24px;font-weight: bold;}
.page_left .panel-heading .panel-title>a span{color: #aeceeb}
/*左下（联系）*/
.page_left_contact_list{padding: 5px 0px;font-size: 14px}
.page_left_contact{padding: 5px;background-color: #f2f2f2;border: solid 1px #dbdbdb}
.page_left_contact>img{width: 100%}
.page_left_contact_title{padding: 15px 0;color: #00479d;font-size: 24px;font-weight: bold;text-align: center}
.page_left_contact_title span{color: #5483bb}
/*右*/
.page_right_path{border-bottom: solid 1px #c3c3c3;padding: 5px 0;color: #c8c8c8}
.page_right_path span{font-family: 'Impact Regular'}
.page_right_path ol{color: #00479d;font-size: small}
.page_right_path ol li{display: inline-block;color: #00479d}
.page_right_path ol a{color: #00479d}
.page_right_path>a{color: #a0a0a0}
/*news*/
.page_right .news-list{margin-top: 20px;overflow: hidden;position: relative;text-align: left;border: solid 1px transparent;}
.page_right .news_item{margin-bottom: 15px;position: relative;border:solid 1px transparent;}
.page_right .news-left{width: 193px;position: relative;overflow: hidden;border: solid 1px #d5d5d5}
.page_right .news-top{padding-top: 67.45%;}
.page_right .news-right{width: calc(100% - 197px);}
.page_right   .news-right-ny {width: calc(100% - 195px);padding:10px;position: relative; padding-left: 20px}
.page_right .news-right-ny>p {  overflow: hidden;  font-size: 12px;z-index: 555;position: absolute}
.page_right .news-list a{display:block;padding: 10px;color: #333333;}
.page_right .news_item:hover{box-shadow: 3px 3px 5px #d5d5d5;border:solid 1px #d5d5d5;transition: all 0.3s;}
.page_right .news-list{transition: all 0.3s;box-shadow: none}
.page_right .news-list h4{color: #015c9f;margin-top: 5px}
/*.page_right .news-list button{position: absolute;right: 10px;bottom: 10px}*/
.page_right .news-list button{border: none;width: 120px;height: 40px;color: #333333;line-height: 40px;font-size: small;
    background-color: #e8e8e8;}
.page_right .news-list button:hover{background-color: #00479d;color: #fff;transition: all 0.3s}
.page_right .news-list a span{display:inline-block;width: 8px;height: 8px;border-radius: 4px;background-color: #00479d;
    position: absolute;left: 10px;  top:20px;margin-left: -5px}
.page_right_main_text>p{line-height: 2}

.product_detail_main img{max-width: 60%;margin-top: 15px}






/*========子页  end=========*/
@media (max-width:1220px) {
 /*banner*/
 .focus{width:100%;height:434px;position:relative;}
 .focusbox{width:100%;height:434px;overflow:hidden}
 .focusbox li{width:100%;height:434px;overflow:hidden;}
 .focusbox li a{width:100%; height:434px; float:left; overflow:hidden; }
 /**/
 .header_top_right{width: 40%;}
.page_left_contact_title,.page_left .panel-heading .panel-title>a{font-size: 20px}




}

 @media (max-width:991px){
    /*手机端导航*/
    header .header{padding-left: 15px;}
    .header .logo {float: left;  padding:0;}
    header .logo a>img{  max-height: 60px; max-width: 75% !important;margin: 15px auto;}
    .header{padding:0;}
    .header .icon-menu{float:right;margin-right: 15px; cursor:pointer; font-size:25px;color:#2472c7;position:absolute;right:1%;top:65%;}
    .header .sjdnav{position:absolute;right:-10px; top:100%;z-index:9999;background:rgba(36, 114, 199, 0.7)!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}
    .mobile_header{font-size: 35px;color: #e26000;line-height: 90px}
    .swiper_main{padding: 0}

     .index_advtg_content p {  padding: 0;  }
     .index_advtg_content .num_pic{margin: 0}
     .index_advtg_content:hover{margin-right: 0px;}
     .index_advtg_content:nth-child(2n+1):hover{margin-left: 0px;}

     .index_company_txt{padding: 0;}

.footer_contact,.footer_sys{margin-top: 10px;}
.page_left{padding-left: 0}










 }

 @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: 75% !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: #e26000;line-height: 90px}

    .index_title p{padding:0;font-size: 12px}
    .index_title p:first-child{color: #00479d;}
    .index_title{margin: 20px auto}

    .product_list li a>div{transform: scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-webkit-transform: scale(0.8,0.8);}
    .product_list li {  padding: 0;}
    .text-medium {  font-size: 13px;  }

    .index_advtg_content {padding: 0}
    .index_advtg_item{padding: 0;margin: 10px 0}
    .index_advtg_content .num_pic{transform: scale(0.7,0.7);-ms-transform:scale(0.7,0.7);-webkit-transform: scale(0.7,0.7);
    margin: 0;width: initial;  height: initial;padding: 5px;}
    .index_advtg_content .index_advtg_content_title {  font-size: 20px;}
    .index_advtg_title span {  width: 75%;}
    .case_list{padding: 0}
    .case_list li{padding: 5px}
    .index_face{background: none;background-color:#00479d;padding: 10px 0}
     .index_face{color: #ffffff;font-size: 14px;line-height: 1.5}
     .index_workshop .swiper-slide{padding: 0;}

     .index_news_main{margin-top: 15px}
     .index_company>div,.index_news>div{padding: 0}
     .index_company>div{margin-bottom: 15px}

     .page_left,.page_right{padding: 0}
     .page_left .panel-heading {padding: 5px 0}


     .page_right .news-right-ny { width: 100%;}
     .page_right   .news-right-ny {padding:0 ;}
     .page_right .news-list{padding:0;margin:5px auto}
     .page_right .news-right-ny>p{position: relative}
     .page_left,.page_right{padding: 0}
     .news-item{padding: 0}
     .page_right .news-list a {border: solid 1px #d5d5d5}
     .page_right .news-list button{width: 80px;height: 35px;line-height: 35px;}
     .product_detail_main img{max-width: 95%;margin-top: 5px}
     footer>div,.footer_contact,.footer_sys{padding: 0}
  
  /*手机端底部留白*/
 footer {margin-bottom: 58px;}
}

/*手机底部*/
@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:#367bc5; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.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; }

/*分页样式*/
div.page {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:10px 3px; padding-top: 3px; text-align: center;}
div.page a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #eb5914; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none;}
div.page a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #eb5914; margin-right: 3px; padding-top: 2px;}
div.page span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}
