@charset "utf-8";
/* CSS Document */

/*common*/
body { font-family: "Microsoft Yahei"; min-width: 1200px;  width: 100%;}
span { overflow:hidden;}/*兼容IE8*/

/*产品滚动*/
.needContain {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%; }

/*product*/
.chanping{


}
.imgbox{ width:280px; height:280px; background:url(../imgxx/product-bg.jpg) no-repeat center #ff0000; position:relative;}
#tb1{ position:absolute; top:45px; left:20px; color:#00508F; font-size:20px; font-weight:bold;}
#tb2{ position:absolute; top:100px; right:20%; color:#fff; font-size:12px; font-weight:bold;}
.chanping .cp-type a{
  float: left;
  display: block;
  width: 280px; 
  line-height: 42px;
  background-color: #ffffff;
  border: solid 1px #d2d2d2;
  text-align:center;
  color: #535353;
  font-size: 16px;
  font-weight: 700;
  margin-right: 18px;
  margin-bottom: 10px;
}
.chanping .cp-type a:hover{
  background-color: #0054ac;
  color:#fff;
}
.chanping .cp-type a:nth-child(5n){
  margin-right: 0;

}
.chanping .cp-bottom{
  margin-top: 30px;
}
.chanping .swiper-container-cp .pc-box{
  float: left;
  width:280px;
  margin-right: 30px; border:1px solid #fdebdf;
}
.chanping .swiper-container-cp .imgbox{
  width:280px;
  height: 280px;
}
.chanping .swiper-container-cp .imgbox img{
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
}
.chanping .swiper-container-cp .swiper-slide:hover .imgbox img{
  -webkit-transform: translateZ(0) scale(1.05);
  -moz-transform: translateZ(0) scale(1.05);
  -ms-transform: translateZ(0) scale(1.05);
  -o-transform: translateZ(0) scale(1.05);
  transform: translateZ(0) scale(1.05);
}
.chanping .swiper-container-cp .title{
  line-height: 35px;
  width:288px;
  background: #00508f;
 color:#fff;
  font-size: 18px;
  text-align:center;
}

/*工艺*/
.gy_bg { background:url(../imgxx/gy_bg.jpg) no-repeat center 0; height:360px; padding-top:50px; margin-top:20px;}
.gy_con { }
.gy_con ul li { float:left; width:240px; text-align:center;}
.gy_con ul li a i { width:178px; display:block; margin:0 auto 0;}
.gy_con ul li a img { width:178px; height:178px;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}

.gy_con ul li a em { width:25px; height:3px; background:#ccc; margin:15px auto; display:block; line-height:0; font-size:0}
.gy_con ul li a:hover em { background:#D40000;}
.gy_con ul li a span { font-size:14px; color:#000; padding:12px 0 72px; display:block; font-weight:bold}
.gy_con ul li a:hover span { color:#D40000;}



.rx_bt { padding:60px 0 45px; text-align:center;}
.rx_bt a { font-size:30px; color:#000;}
.rx_bt a em { font-size:18px; color:#7b7b7b; padding:15px 0 0; display:block;}
.rx_bt a:hover,.rx_bt a:hover em { color:#D40000;}
.rx_list {  height:50px; margin-bottom:30px;  width:80%; margin:0 auto;}
.rx_list ul{padding:0px 20px;heigth:30px;}
.rx_list ul li { float:left;width:20%; }
.rx_list ul li a { font-size:16px; color:#333; height:36px; font-weight:bold;background:#e5e5e5;padding:5px 30px;border:1px solid #e3e3e3}
.rx_list ul li a:hover,.rx_list ul .cur a {background:#ff6900; color:#fff; font-weight:bold}

.rx_con { }
.rx_con ul li { float:left; width:230px;  position:relative; margin:0 10px 10px 0; }
.rx_con ul .nobor01 { margin:0 0 20px;}
.rx_con ul li a em { width:230px; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#6c6c6c; display:block; text-align:center;}
.rx_con ul li a span { background:url(../imgxx/btm07.png) repeat; width:230px; height:163px; display: none; position:absolute; top:0; left:0;  overflow:hidden; text-align:center; color:#fff; font-size:14px;}
/*.rx_con ul li a span img { display:block; width:61px; height:61px; margin:0 auto; padding:115px 0 0;}*/
.rx_con ul li a img { width:228px; height:161px; border:1px solid #eee; padding:2px}
.rx_con ul li a:hover span { display: block;}
.rx_con ul li a:hover em { background:#085098; color:#fff;}


.sb_con { height:410px; }
.sb01 { top:165px; left:-100px;}
.sb01 a { background: url(../imgxx/sb_le01.gif) no-repeat; width:60px; height:60px; display:block;}
.sb01 a:hover { background:url(../imgxx/sb_le02.gif) no-repeat;}

.sb03 { top:165px; right:-100px;}
.sb03 a { background:url(../imgxx/sb_ri01.gif) no-repeat; width:60px; height:60px; display:block;}
.sb03 a:hover { background:url(../imgxx/sb_ri02.gif) no-repeat;}

.sb02 ul li { float:left; padding:0 10px 0 0; display:inline}
.sb02 ul .nobor01 { padding:0;}
.sb02 ul li a img { width:389px; height:276px; border:solid 2px #fff;}
.sb02 ul li a:hover img { border:solid 2px #FF6900;}
.sb02 ul li a em { display:block; width:393px; height:60px; line-height:60px; overflow:hidden; text-align:center; color:#FF6900; font-size:14px; background:#fdebdf}
.sb02 ul li a:hover em { color:#fff; background:#FF6900;}

/*企业新闻
.dt_bg { background:#EBECF0; height:669px; margin-top:50px;}
.dt_bg .rx_bt { padding:57px 0 0; height:89px;}
.dt_bg .rx_bt a em { display:block; font-size:12px; color:#939398; padding:14px 0 0;}
.dt01 { width:353px; margin-left:-1px }
.dt01 ul li a { display:block; width:353px; height:80px; float:left; color:#000;}
.dt01 ul li a span { display:block; float:left; padding:30px 0 0 30px;}
.dt01 ul li a span i {font-size:16px;float:left; color:#FFFFFF}
.dt01 ul li a span em { display:block; float:left; width:150px; padding:0 0 0 30px; font-size:18px;}
.dt01 ul li a span em b { display:block; font-family:Arial; font-size:12px; color:#818181; padding:8px 0 0; font-weight:normal;}
.dt01 ul li a img { display: block; float:right; padding:60px 30px 0 0;}
.dt01 ul li a:hover,.dt01 ul .cur a { background:#085098; color:#fff;}
.dt01 ul li a:hover span em b,.dt01 ul .cur a span em b { color:#fff;}
.dt01 ul .dt_li02 a:hover span i {  background:url(../imgxx/dt_ico01.png) no-repeat;}
.dt01 ul .dt_li03 a:hover span i {  background:url(../imgxx/dt_ico01.png) no-repeat;}

.dt02 { width:790px;}
.dt_dl01 { height:215px;}
.dt_dl01 dt { float:left; width:220px;}
.dt_dl01 dt a img { width:220px; height:120px;}
.dt_dl01 dd { float: right; width:550px;height:120px;}
.dt_dl01 dd span { display:block; height:72px;}
.dt_dl01 dd span a { display:block; float:left; font-size:18px; color:#000; width:330px; height:45px; line-height:45px;font-weight:bold; overflow:hidden;}
.dt_dl01 dd span a:hover { color:#D40000} 
.dt_dl01 dd span em { display:block; float:right; width:110px; text-align:right; font-size:20px; color:#000; background:url(../imgxx/dt_xx01.gif) no-repeat 0 5px;}
.dt_dl01 dd span em i { display:block; font-size:14px; color:#afafb1;}
.dt_dl01 dd p { font-size:14px; color:#6d6d6d; line-height:25px; height:98px;}
.dt_dl02 { clear:both; height:130px;margin-bottom:40px;}
.dt02 .nobor01 { border:none;}

.dt_dl02{ }
.dt_dl02 dt {  width:680px; float:left;margin-bottom:10px;}
.dt_dl02 dt em a { display:block; font-size:16px; color:#000;}
.dt_dl02 dt em a:hover { color:#D40000} 
.dt_dl02 dt span { padding:10px 0 0; display:block; font-size:14px; color:#6d6d6d; line-height:25px; width:588px;  overflow:hidden; font-weight:normal;}
.dt_dl02 dt i a { background:url(../imgxx/dt_but01.gif) no-repeat; width:140px; display:block;}
.dt_dl02 dt i a:hover { background:url(../imgxx/dt_but01.gif) no-repeat 0 -174px;}
.dt_dl02 dd { float:left; width:110px; text-align:right; font-size:12px; color:#000; background:url(../imgxx/dt_xx01.gif) no-repeat 0 5px;}
.dt_dl02 dd em{ font-size:12px; font-weight:normal;}
.dt_dl02 dd em i { display:block; font-size:12px; color:#afafb1;}*/

.gy_bg{}
.gy_con ul{}
.gy_con ul li{position:relative;}
.txt{width:100%;background:rgba(212,0,0,0.7);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑"; display:none}
.txt p{font-size:14px; padding:20px; line-height:2.0em;}


/*最新新闻*/
.wrap_out{width: 1200px;margin: auto;}
.ratio-img,.ratio-img img{width: 100%;}
.swiper-pagination-bullet{opacity: 1 !important;}
.news_time{font-family: "Arial";color: #fff;background: #f8b61c;width: 68px;height: 68px;text-align: center;}
.news_time span{display: block;line-height: 36px;padding-top: 8px;}
.time_span{font-family: "Arial";color:#bbbbbb;font-size: 14px;}
.index_01{background: #f7f7f7;padding: 90px 0;overflow: hidden;}
.index_01 .left{float: left;width: 575px;}
.index_01 .left a{display: block;position: relative;}
.index_news_p .news_time{margin-bottom: 20px;}
.index_news_p{position: absolute;left: 0;bottom: 0; padding: 25px 35px;color: #fff;z-index:2;width: 100%;box-sizing: border-box;}
.index_news_p h3{line-height: 1.2em;max-height: 2.4em;overflow: hidden;}
.gradual_bg{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%; background:url(../images/gradual_bg.png) 0 bottom repeat-x;}
.index_01 .right{width: calc(100% - 632px);float: right;border-left: 1px solid #dcdcdc;}
.more_01{margin-top: 15px;}
.more_01 a{display:block;width: 84px;height: 24px;line-height: 24px;text-align: center;background: #cbcbcb;color: #fff;}
.index_news{padding-left: 55px;}
.news_t{border-bottom: 1px solid #d8dee3;padding-bottom: 20px;margin-bottom: 12px;}
.news_t h3{overflow: hidden;line-height: 30px;margin-bottom: 20px;}
.news_t h3 a{display: block;float: left;width: calc(100% - 100px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_t h3 span{float: right;}
.news_t p{color: #777777;line-height: 1.4em;max-height: 2.8em;overflow: hidden;}
.news_b li{overflow: hidden;line-height: 36px;}
.news_b li p{float: left;width: calc(100% - 100px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; padding:0; font-size:14px;}
.news_b li span{float: right;}

.ad_boxfixed{ position:fixed; z-index:2000; bottom:200px; right:5px; line-height:1.2;}
.ad_boxfixed .ad_tel{ float:left; background:#FF6900; border:1px solid #c05306; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 14px 11px; color:#fff; margin-right:10px;}
.ad_boxfixed .ad_tel .ad_tel_icon{ float:left;}
.ad_boxfixed .ad_tel .ad_tel_icon .icon_adTel{ display:block; width:54px; height:54px; background:url(../images/mobile.png) no-repeat;}
.ad_boxfixed .ad_tel:hover .ad_tel_icon .icon_adTel{animation:yaohuang 0.3s infinite;-webkit-animation:yaohuang 0.3s infinite;}

.ad_boxfixed .ad_tel .ad_tel_text{ margin-left:62px; padding-top:2px;}
.ad_boxfixed .ad_tel .ad_tel_text .ad_tel_txt{ font-size:14px; font-weight:200;}
.ad_boxfixed .ad_tel .ad_tel_text .ad_tel_num{ font-size:20px; font-weight:bold; margin-top:8px;}

/*左侧*/
 .sideber_title {
        width: 100%;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        border-radius: 4px;
        font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
        font-size: 22px;
        color: #fff;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari*/
        padding-left: 15px;
        border-bottom: 1px solid #ccc;
        background: -webkit-linear-gradient(-120deg, #0054ac, #093c71);
        background: -o-linear-gradient(-120deg, #0054ac, #093c71);
        background: -moz-linear-gradient(-120deg, #0054ac, #093c71);
        background: linear-gradient(-120deg, #0054ac, #093c71);
        position: relative; 
}


 .sidebar_contact {
        width: 100%;
        height: auto;
        background: -webkit-linear-gradient(-120deg, #0054ac, #093c71);
        background: -o-linear-gradient(-120deg, #0054ac, #093c71);
        background: -moz-linear-gradient(-120deg, #0054ac, #093c71);
        background: linear-gradient(-120deg, #0054ac, #093c71);
        border-radius: 4px;
        margin-top: 5px;
        padding-bottom: 15px; 
}

.slide_us {
	  width: 90%;
	  margin-left: 5%;
	  line-height: 30px;
	  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
	  font-size: 15px;
	  color: #fff;
	  font-family: thyFont3, "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif; 
}


/*left*/
 .sidebar_li {
          background: #fff;
          width: 90%;
          height: auto;
          border-bottom: 1px solid #ccc;
          position: relative;
          overflow: hidden; }
      .slide_toggle_s {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg); }
 .slide_toggle {
            position: absolute;
            width: 31px;
            height: 31px;
            top: 9px;
            background: #666;
            right: 5px;
            border-radius: 50%;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */
            cursor: pointer; }
       .slide_toggle:hover {
              background: #0054ac; }
       .slide_toggle:hover .slide_toggle_s {
                transform: scale(0.8);
                -ms-transform: scale(0.8);
                -moz-transform: scale(0.8);
                -webkit-transform: scale(0.8);
                -o-transform: scale(0.8); }
            .inner_page .inner_page_left .sidebar .sidebar_top .sidebar_li .slide_toggle .slide_toggle_s {
              width: 23px;
              height: 23px;
              margin-left: 4px;
              margin-top: 4px;
              border-radius: 50%;
              background: #fff;
              text-align: center;
              line-height: 24px;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */ }
 .slide_toggle_s i {
                font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
                font-size: 14px;
                color: #666; }
 .sidebar_li .fa {
            
            height: 50px;
            position: relative;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            -webkit-transition-timing-function: ease;
            -o-transition-timing-function: ease;
          }
.sidebar_li .fa:hover{
  background: #0054ac;
}
.sidebar_li .pro_son {
            display: block; }
.sidebar_li .son_a {
            width: 100%;
            height: 40px;
            line-height: 40px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            /* Firefox */
            -webkit-box-sizing: border-box;
            /* Safari*/
            padding-left: 25px;
            display: block;
            border-top: 1px solid #E0E0E0;
            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.65);
            transition: 0.3s;
            -moz-transition: 0.3s;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
          .sidebar_li .son_a:hover {
              color: #cf111b; }
          .sidebar_li .fa_a {
            width: 200px;
            height: 50px;
            line-height: 50px;
            display: block;
            padding-left: 5%;
            padding-right: 5%;
            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
            font-size: 14px; font-weight:bold;
            color: rgba(0, 0, 0, 0.75);
            position: relative;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            /* Firefox */
            -webkit-box-sizing: border-box;
            /* Safari*/
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
             .sidebar_li .fa_a:before {
              content: '';
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto 0;
              left: 0;
              width: 0px;
              height: 1px;
              background: #fff;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */ }
             .sidebar_li .fa_a:hover {
              padding-left: 20px;
              color: #fff; }
              .sidebar_li .fa_a:hover:before {
                width: 15px; }
         .sidebar_li:last-child {
            border-bottom: 0; }