@charset "utf-8";

body{ font-size: 100%; min-width: 1440px; color: #666;}
a,a:hover{ color: #666; }
.layout-w{ width: 1440px; margin: 0 auto;}
.layout-m{ min-width:1400px;   }

header.head{height: 105px; padding: 0 6%;}

@media screen and (max-width: 1400px) {
	header.head{ padding: 0 3%;}
}

.head_wrap{ height: 105px;}

.logo{ float: left; width: 320px; height: 90px; }
.h_tool{ display: inline-block; float: right; }
.head_tel{ float: left; line-height: 90px; font-size: 0.875rem; }

/***nav***/
.nav_container{ float: right; width: 52%; width: 60%; margin-right: 3%; margin-top: 15px;}
.navbrand{ float: left; width: 100%; }
.navbrand ul{ height: 100%; }
.navbrand ul li{ /*width: 120px;*/ width: 14.2%;  float: left; position: relative;  }
/*.navbrand ul li:before{ content: ''; position: absolute;left: -3px; top: 24px; color: #999; }*/

.navbrand ul li>a{ width: 100%; color: #666; height: 90px; position: relative; display: inline-block; z-index: 20; text-align: center; line-height: 90px; transition: all .8s ease; text-transform: uppercase;}
/*.navbrand ul li>a:after{ width: 0%;  content:''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); border-bottom: 3px solid #000; transition: all 1s; }*/
.navbrand ul li>a:hover,.navbrand ul li>a.navdown{    }
/*.navbrand ul li>a:hover:after,.navbrand ul li>a.navdown:after{  width: 80%;   }*/



.navbrand ul li>.nav_kid{ width: 125%; position: absolute; top: 90px; left: 0; margin-left: -15%; background: #444; z-index: 999; display: none; margin-left: -15%;}
.navbrand ul li>.nav_kid>a{ width: 100%; height: 49px;display: inline-block;  line-height: 49px; color: #fff; border-bottom: 1px solid #bbb; text-align: center;}
.navbrand ul li>.nav_kid>a:hover{ background:#000; color: #fff; }

.banner{ overflow: hidden; text-align: center;   }
.banner img{ display: inline-block; }

.bx-wrapper{ margin-bottom: 0px; }
.bx-wrapper .bx-viewport{ border:none; left: 0; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom: 40px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #333;}




/*首页about*/
.main-sec1{ width: 100%; background: #f9f9f9; padding: 60px 0  110px;}
.mAbout{ width: 1440px; margin: 0 auto;  }

/*.mAbout>div[class^="mAbout_part"]{box-shadow: 1px 1px 0px 0px #999;}*/
.mAbout_part1{ width: 514px; height: 340px; margin-right: 13px; margin-bottom: 12px; float: left; background:#fff; border: 1px solid #ccc;}
.mAbout_part2{ width: 911px; height: 340px;  float: left; margin-bottom: 12px; }
.mAbout_part3{ width: 514px; height: 340px; margin-right: 13px; float: left;}
.mAbout_part4{ width: 911px; height: 340px;  float: left; background: #fff; border: 1px solid #ccc;}


.mabp:nth-child(1){ float: left; margin-right: 5px; width: 397px; }
.mabp:nth-child(2){ float: left; margin-bottom: 2px; width: 397px;}
.mabp:nth-child(3){ float: left; width: 397px;}

.mAbout_info{ width: 435px;height: 275px; margin:30px auto 0; padding:15px 34px; position: relative;  }
.mabi_t1{ line-height: 50px; font-size: 32px; color: #777; font-weight: normal; }
.mabi_t2{ line-height: 30px; font-size: 25px; color: #bdbdbd; text-transform: uppercase;display: inline-block; margin-left: 72px; }
.mAbout_info .mabi_p{ line-height: 32px; color: #666; margin-top: 12px; font-size: 14px;}

/*.mAbout_info:before{ content: ''; width: 7px; height: 8px; border-left:2px solid #529187; border-top:2px solid #529187; position: absolute; left: 0; top: 0;  }
.mAbout_info:after{ content: ''; width: 7px; height: 8px; border-right:2px solid #529187; border-bottom:2px solid #529187; position: absolute; right: 0; bottom: 0;}*/

.mAbout_more{ float: right; padding:3px 13px; border-left: 1px solid #fff; border-right: 1px solid #fff;margin-top:30px;  }
.mAbout_more:hover{ color: #777; border-color:#fff; }

.mAbout_info2{ padding:52px 82px 0;  }

.mAbout_info2 .mabi_p{ line-height: 38px; color: #666; margin-top: 12px;}



/*mpro*/
.main-sec2{ padding: 55px 0 92px;}
.mPro{}
.mSty_tt{ font-size: 1.5rem; color: #000; margin: 0 auto; text-align: center; margin-bottom: 40px; }
.mSty_tt .mSty_t1{ line-height: 40px; font-size: 30px; font-weight: normal;}
.mSty_tt .mSty_t2{ line-height: 24px; font-size: 0.625px; color: #ccc; text-transform: uppercase; }




.mpro_slideBox{ width:100%; height:520px; overflow:hidden; position:relative;}
.mpro_slideBox .hd{ float: left; width: 280px;  }
.mpro_slideBox .hd ul{}
.mpro_slideBox .hd ul li{ width: 100%; height: 86px; }
.mpro_slideBox .hd ul li a{ display: block; width: 100%; height: 100%; line-height: 40px; padding: 22px 0 18px; color: #fff; text-align: center; }

.mpro_slideBox .hd ul li{ background: #373838; border-bottom: 1px solid #666; transition: all .8s;}
.mpro_slideBox .hd ul li.on{ background: #494949; }


.mpro_slideBox .hd .more{  width: 100%; height: 86px; display: block; line-height: 40px; padding: 22px 0 18px 75px; color: #fff; background: #434343 url(../images/mpro_icon06.png) no-repeat 30px 21px; transition: all .8s;}
.mpro_slideBox .hd .more:hover{ background-color: #494949;  }

.mpro_slideBox .bd{ width: 1150px; height: 520px; overflow: hidden; float: right;  border: 1px solid #ccc; padding: 3px; }
.mpro_slideBox .bd li{ width: 1142px; height:518px;   overflow: hidden;  float:left; background: #fff;}

.mpro_info{  width: 520px; height: 496px;  float: left; padding: 24px 40px 0 60px; }
.mpro_info .mpro_tt{ height: 92px; padding: 20px 0; line-height: 42px; font-size:24px; font-weight: normal;}
.mpro_info .mpro_tt h4{ display: inline-block; line-height: 40px;  }
.mpro_info .mpro_des{ padding: 20px 0 20px; height: 298px; line-height: 30px; height: 380px;}

.mpro_info .mpro_btn{ width:110px; height:38px; line-height: 38px;  float: left; text-align: center; color: #fff;  background: #434343; border-radius: 10px;  }
.mpro_info .mpro_btn:nth-of-type(1){ margin-right: 45px; }
.mpro_info .mpro_btn:hover{ background: #a77c6b; }


.mpro_pic{ width: 530px; height: 510px; float: right; overflow: hidden;background: #fff; }
.mpro_pic .mpsy1 { width:530px; height: 510px; overflow: hidden;}
.mpro_pic .mpsy1 img{ width: 100%; height: 100%; }







/*.mPro_dis{ line-height: 40px; text-align: center; }

.mProSwiper_wrap{ width: 100%; overflow: hidden; margin-top: 20px; position: relative; }
.mPro_swiper{ width: 1016px; height: 556px; margin: 0 auto; }

.mPro_sw_l{ width: 212px; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; background: rgba(246, 246, 246, 0.8);}
.mPro_sw_l .swiper-button-prev{ position: absolute; left: auto; right: 0; top: 50%; margin-top: -19px;   width: 39px; height: 39px; background: url(../images/mpro_l.png) no-repeat; outline: none;}
.mPro_sw_r{ width: 212px; height: 100%; position: absolute; right: 0; top: 0; z-index: 99; background: rgba(246, 246, 246, 0.8);}
.mPro_sw_r .swiper-button-next{ position: absolute; right: auto; left: 0; top: 50%; margin-top: -19px; width: 39px; height: 39px; background: url(../images/mpro_r.png) no-repeat; outline: none;}

.mPro_inf{ position: absolute; left: 40px; top: 67px; color: #fff; }
.mProInf_t1{ line-height: 30px; font-size: 30px; text-transform:uppercase; font-family: -webkit-pictograph,serif;}
.mProInf_t2{ line-height: 42px; font-size: 1.5rem; font-weight: normal; }

.mProInf_dis{ margin-top: 40px; line-height: 25px; }


.main-sec2-2{ padding: 55px 0 92px;}
.advs_wrap{    margin-top: 20px;}
.advs_item{ float: left; margin-right: 10px; width: 335px; height: 452px; margin-right: 30px; background: #eee; }
.advs_pic{ width: 335px; height: 272px; overflow: hidden; position: relative; }
.advs_pic:after{ position: absolute; bottom: 0;  left: 0; content:''; width: 0; height: 0;
border-right:335px solid #eee;
border-bottom:0px solid transparent;
border-top:103px solid transparent;
 }

.advs_tit{line-height: 38px;font-size: 21px;font-weight: bold;color: #333; text-align: center;}
.advs_dis{    line-height: 28px; padding:15px 20px;}

.advs_item:nth-child(4n){ margin-right: 0; }*/

/*sever*/
.main-sec3{ padding: 83px 0; background:#e0e1e4 url(../images/sever_wrap_bg.jpg) no-repeat center top;     margin-bottom: 85px; }
.mSever .img{ float: left; width:1076px;  }
.mSever .img img{}

.mSever .list{ float: left; width: 363px; background: #fff; }
.mSever .list .item{ height: 139px; display: block;border-bottom: 1px solid #f6f6f6; padding: 42px 52px 0;}
.mSever .list .item .icon{ float: left; width: 64px; height: 100%; }
.mSever .list .item .info{ float: left; margin-left: 13px; }
.mSever .list .item .info h3{    line-height: 30px; font-size: 22px;color: #252525;font-weight: normal;margin-top: 3px;}
.mSever .list .item .info p{ line-height: 25px; }

.mSever .list .item:hover .icon {  
  animation-name: bounce;
  animation-duration: 1s;
  animation-timing-function: ease;}


.main-sec4{ margin-bottom: 70px; }
.mjoin{  }
.mjoin_wrap{ margin-top:30px;  }
.mjoin_wrap .part1{ width: 382px; float: left;}
.mjoin_wrap .part1 a{ width: 100%; height: 155px; display: block; background: #f6f6f6; padding-top:57px; padding-left:27px; border-bottom: 1px solid #e3e3e4; }
.mjoin_wrap .part1 a:hover{ background: #e3e3e4; }

.mjoin_wrap .part1 a span{ height: 52px; line-height: 52px;  color: #999; display: block; padding-left: 64px; font-size: 18px; }
.mjoin_wrap .part1 a:nth-child(1) span{ background:url(../images/join_icon1.png) no-repeat;}
.mjoin_wrap .part1 a:nth-child(2) span{ background:url(../images/join_icon2.png) no-repeat; }
.mjoin_wrap .part1 a:nth-child(3) span{ background:url(../images/join_icon3.png) no-repeat; }

.mjoin_wrap .part2{ width: 556px; height: 464px; overflow: hidden; float: left}
.mjoin_wrap .part2 img{ width: 100%; height: 100%; }
.mjoin_wrap .part3{ width: 502px; height: 464px; background: #e3e3e4; float: left; padding: 130px 91px 0 60px;} 

.mjoin_tt{}
.mjoin_tt h4{ display: inline-block; line-height: 2px; height:50px; color: #333; font-size: 24px; font-weight: normal;  }
.mjoin_tt span{ display: inline-block; }
.mjoin_txt{ line-height: 30px; color: #666;  margin-top: 30px; font-size: 14px; }


/*mNews*/
.main-sec5{ margin-bottom: 100px; }
.mNews{}

.mNews_l{ width: 717px;  float: left;}

.mNews_list{  padding: 30px 0 25px 21px; background: #f5f4f4; height: 180px; margin-bottom: 9px; }

.mNews_pic{ float: left; width: 182px; height: 123px; position: relative; overflow: hidden; }
.mNews_pic img{  width: 182px; height: 123px; }
.mNews_inf{ float: left; width: 475px; height: 103px; margin-left: 16px; margin-top: 5px;}
.mNews_inf .mNews_tt{ line-height: 35px; color: #191919; font-size: 18px; text-overflow:ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.mNews_inf .mNews_des{ line-height: 24px; margin-top: 10px; color: #888;font-size: 14px }

.mNews_list .mNews_inf .mNews_tt { transition: 1s all;}
.mNews_list:hover .mNews_inf .mNews_tt{ color: #333;  padding-left: 20px; } 


.mNews_r{ width: 713px; height: 555px; overflow: hidden; float: right; }





footer.footer{ background:#e3e3e4; }
.f_wrap{ background: #333333; padding: 25px 0 65px; min-height: 230px; }
.f_copyr{ line-height: 35px; padding: 8px 0; color: #fff; font-size: 14px; color: #ccc; text-align: center; color: #333333;}


.f_contrainer{}
.foot-maps{ float: left; }
.foot-maps dl{ float: left; width: 175px; min-height: 200px; color: #fff; padding:0 20px 0 15px; border-left:1px solid #4c4c4c;  }
.foot-maps dt{ line-height: 40px; height: 40px; margin-bottom: 10px; font-size: 15px; display:block; position: relative;}

.foot-maps dd{ line-height: 32px; display:block; opacity: 0.8;}
.foot-maps dd a{ color: #fff;/* text-decoration: underline;*/ font-size: 14px;  }


.f_shere{ width: 202px; height: 230px; height: 100%; float: right; margin-right: 35px; }

.f_wx{ width: 256px; float: right; margin-right: 25px;}
.f_tel{ line-height: 54px; color: #b6b6b6; font-size: 24px; padding-left:50px; background: url(../images/f_tel.png) no-repeat 0 center;  }

.f_wechar{ width: 112px; height: 102px; margin: 38px 0 0 62px; }

.f_wechar p{ line-height: 32px; text-align: center; color: #fff; }




.footer{ width: 100%; background:#000; color: #aaa; }
.f-container{ width: 100%;padding: 0 6%; }

.f-share{ float: right; }

.footer .fline{  min-height: 64px; font-size: 0.825rem; }
.f_cropy{ line-height: 32px; margin: 22px 0;  width: 60%; float: left; color: #fff}

.f_by{ line-height: 34px; margin-top: 48px; float: right; margin-left: 30px; }

.toTop{ width:120px; height: 120px; float: right; background: url(../images/toTop.jpg) no-repeat center;}

/**********/

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/***share*******/
.f_shere_t{ width: 200px;height: 40px;border: 1px solid #666;line-height: 40px;text-align: center;color: #fff;font-size: 16px; }
.f_shere_t .iconfont{
    padding: 0 10px;
    display: inline-block;
    font-size: 18px;}

.f_shere_tools{ }    
.f_shere_tools a{float: left; width: 33%; text-align: center; margin-top: 20px; position: relative;}  
.f_shere_tools a span{ width: 40px; height: 40px; line-height: 40px; color: rgba(240, 240, 240, 0.78); }
.f_shere_tools a:nth-child(1) span{  font-size:41px;  }
.f_shere_tools a:nth-child(2) span{ font-size:37px; }
.f_shere_tools a:nth-child(3) span{ font-size:33px; }
.f_shere_tools a p{line-height: 40px; font-size: 16px; color: #fff; display: none; }

.f_shere_tools a div{ display: none; }

.f_shere_tools a:nth-child(1) div{ width: 200px; height: 40px; background: #fff; border-radius: 5px; line-height: 40px; position: absolute; left: 50%; margin-left: -100px; top: -60px; z-index: 999; font-size: 16px; color: #333;  transition: 1s all;}
.f_shere_tools a:nth-child(1) div:hover{ color: #005e50; }

.f_shere_tools a:nth-child(1) div:after{ content: "";position: absolute;bottom: -10px;left: 50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #FFF;  }
   
.f_shere_tools a:nth-child(2) div{ width: 140px; height: 140px; padding: 10px;border-radius: 5px;  background: #fff; position: absolute; left: 50%; margin-left: -70px; top: -160px; z-index: 999; box-shadow: 0px 0px 1px;}

.f_shere_tools a:nth-child(2) div:after{ content: "";position: absolute;bottom: -10px;left: 50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #FFF;  }




/*内页样式*/
.bread_crumbs{ position: relative; /*height: 28px;*/ line-height: 28px; padding: 10px 0; padding-left:34px; background: url(../images/home.jpg) no-repeat 0px 7px; font-size: 14px;   }
.bread_crumbs a{ display: inline-block; }
.bread_crumbs a:hover{ color:#222670;}

.met_section  {padding-top: 0px;}
.met_section aside section h2{ background: #262b70; color: #fff; height: 72px; line-height: 72px; text-align: center; font-size: 20px; }


.met_section  {padding-top: 0px;}
.met_section aside section h2{ background: #000; color: #fff; height: 72px; line-height: 72px; text-align: center; font-size: 20px; }

.met_section aside section{ border: none; }



/**新闻内页**/
.hb_subNews a,.hb_subNews{ color: #0A0A0A;   }
.hb_subNews{}
.hb_subNews ul{}
.hb_subNews ul li{ padding: 10px; }
.hb_subNews ul li .hsn_l{ float: left; width: 200px; height: 120px; overflow: hidden;    border: 1px solid #ccc; }
.hb_subNews ul li .hsn_l img{ width: 100%;  }
.hb_subNews .hsn_r{ float: left; width:700px; height: 120px; line-height: 25px; margin-left: 18px; color: #0A0A0A; }
.hb_subNews .hsn_r .hsn_tit{ width:100%; line-height: 30px; padding: 0 2px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hb_subNews .hsn_r .hsn_tit h2{ display: inline-block; font-weight: normal; }
.hb_subNews .hsn_r .hsn_tit:hover{ color: #333; }
.hb_subNews .hsn_r .hsn_date{ display:block;  }
.hb_subNews .hsn_r .hsn_des{ color: #999; }
.hb_subNews .hsn_r .hsn_more{ display: block; text-decoration: underline; color: #666; }


/**产品样式**/
.hb_subpro{}
.hb_subpro ul{ width: 1200px; }
.hb_subpro ul li{ width: 376px; float: left; margin-right: 24px; margin-bottom: 22px;}
.hb_subpro ul li .spbox{ width: 376px; height: 284px; overflow: hidden; display: block; position: relative; text-align: center; border: 1px solid #ccc;}
.hb_subpro ul li .spbox img{height: 100%; position: relative; transition: all 1s;}
/*.hb_subpro ul li .spbox img{ position: relative;}*/

.hb_subpro ul li .sptit{ width: 100%; height: 75px; line-height: 75px;  overflow: hidden; white-space: nowrap; padding: 0 20px; background: #fff; display: block;  font-size: 16px; color: #666; transition: all 1s; border: 1px solid #ccc; border-top:none; position: relative; }
.hb_subpro ul li .sptit:after{ content: "+"; position: absolute; right: 24px; top: 0px;  }


.hb_subpro ul li:hover .spbox img{ transform: scale(1.2); }
.hb_subpro ul li:hover .sptit{ background: #333; color: #fff;}


/*内页产品*/
.sp_wrap{ width: 100%; /*border: 1px solid #ddd;*/ padding: 30px; box-shadow: 0px 3px 60px #eaeaea;  }
.spshow_img{ width: 566px; height: 434px; box-sizing: initial; float: left; position: relative; }
.spshow_ibox{ width: 566px;height: 434px; line-height: 0; display: table-cell; text-align: center; vertical-align: middle; }

.spshow_xts{ width: 430px; height: 108px; margin-top: 10px; border-spacing: 5px; position: absolute; position:absolute; left: 600px;top: 316px;  }
.spshow_xts span{ width: 152px;height: 90px; display: table-cell; text-align: center; vertical-align:middle; padding: 5px; margin-right: 10px; border: 1px solid #ddd;}
.spshow_xts span.on{ border-color:#ccc; }
.spshow_xts span img{ }

.spshow_img .spshow_ibox img{ /*max-width: 100%; max-height: 100%;*/ width: 100%; height: 100%; }

.spshow_info{ float: right; width: 520px; height: 317px; padding:0 10px 10px 35px;position: relative; }
.spshow_info h1{ width: 100%; height: 60px; line-height: 60px; font-size: 24px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; }
.spshow_info .sp_des{ line-height: 28px; font-size: 14px; height: 142px; }
.spshow_info .sp_des_lab{ font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; margin-top: 10px; display: block; }

.met_section aside{ width: 280px; }
.met_section aside .met_aside_list{padding:0;}
.met_section aside .met_aside dl{ border-bottom: 1px solid #fff; }
.met_section aside .met_aside dl dt{height:55px;line-height:55px; background:#ececeb; position: relative;}
.met_section aside .met_aside dl dt a{display:block;padding:0 20px;color:#333;}
.met_section aside .met_aside dl dt a:hover{background:none; color: #fff;}
.met_section aside .met_aside dl dt.on{background:#000; border-left: none; color: #fff;  }

.met_section aside .met_aside dl dt:after{content:"+";  width:0;  position:absolute; right: 27px;top: 0px;}

.met_section aside .met_aside dl dt:hover{ background:#000; color: #fff; }
.met_section aside .met_aside dl dt.on a{ color: #fff; }

.met_section{ min-width: 1446px; }
.met_section article{ margin-left: -280px;}
.met_section article .met_article{ margin-left:293px;}


/*.met_section aside .met_aside dl dd{padding:0;}
.met_section aside .met_aside dl dd a{ display:block; padding-left:40px; height:50px; color:#333;font-weight:normal;line-height:50px;}
.met_section aside .met_aside dl dd .on a,.met_section aside .met_aside dl dd a:hover{ background:#08adc8; color: #fff; }
.met_section aside .met_aside dl dd h4{ height: 50px; line-height: 50px; background: url(../images/dec_exp.png) no-repeat 230px center;     border-bottom: 1px solid #ccc;}*/


.spinfowrap{ margin-top: 40px; margin-bottom: 80px;}
.spinfo_menu{ height: 40px; line-height: 40px; width: 100%; background: #eee; }
.spinfo_menu .spinfo_tab{ padding: 0 20px; height: 40px; display: inline-block; font-size: 16px; color: #333; position: relative; }
.spinfo_menu .spinfo_tab.on{ color: #fff; background: #0c2e8f;}
.spinfo_menu .spinfo_tab.on:before{ position: absolute; width: 0; height: 0;  content: ''; border-width:10px; border-color:#0c2e8f transparent transparent transparent ; border-style: solid dashed dashed dashed; bottom: -20px; left: 50%; margin-left: -10px;  }

.spinfo_content{}
.spinfo_content .spinfo_item{ /*display: none;*/ padding: 20px 0  10px; line-height: 28px; }

.spinfo_content .spinfo_item img{ max-width: 100%; display: block; margin:0 auto;}

.sub_stel{ margin-top:20px; background:#000; text-align: center; color: #fff; padding: 20px; }
.sub_stel_t{ height: 30px; line-height: 30px; font-size: 16px;  background: url(../images/s_tel.png) no-repeat; display: inline-block; padding-left: 34px;    }

.sub_stel p{ font-size: 30px; font-weight: bold; line-height: 50px; }


/*产品主页*/

.sub_pro_index{ background: #f0efed; }
.supInd_bread{  height: 50px; background: url(../images/bread_bg.jpg) repeat-x center; box-shadow: 0 5px 15px rgba(0,0,0,0.4);     z-index: 20; position: relative;}

.supInd_bread .bread_crumbs{ position: relative; /*height: 28px;*/ line-height: 30px; padding: 10px 0; padding-left:34px; background: url(../images/home2.png) no-repeat 0px 12px; font-size: 14px;  color:#fff; }
.supInd_bread .bread_crumbs a{ display: inline-block; color:#fff;} }
.supInd_bread .bread_crumbs a:hover{ color:#fff;}

.sub_proItems{ height: 67px; background: #fff;  box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
.sub_proItems_wrap{}
.sub_proItems_wrap a{display: inline-block;height: 67px;line-height: 67px;position: relative;font-size: 14px;padding:0 10px; margin-right: 40px; }
.sub_proItems_wrap a:hover:after,.sub_proItems_wrap a.on:after{ content: ''; position: absolute;bottom: 8px;left: 0;width: 100%;height: 3px;background: #333;display: inline-block; }

.sub_proContainer{ padding: 96px 0 104px; }
.sub_proContent{ width:1200px; margin: 0 auto;  }

.sub_proColumn{float: left; margin:0 19px 20px 0; position: relative; overflow: hidden; background: #fff; transition: all .8s;}
.sub_proColumn:nth-child(1) { width: 589px; height: 301px;  }
.sub_proColumn:nth-child(2) { width: 589px; height: 301px; margin-right: 0; }
.sub_proColumn:nth-child(3) { width: 856px; height: 419px; }
.sub_proColumn:nth-child(4) { width: 323px; height: 419px; margin-right: 0; }

.sub_proColumn figure{float: left;  }
.sub_proColumn:nth-child(1) figure{ width:339px; height:301px; }
.sub_proColumn:nth-child(2) figure{ width:339px; height:301px; }
.sub_proColumn:nth-child(3) figure{ width: 535px; height: 419px; }
.sub_proColumn:nth-child(4) figure{ width: 323px; height: 254px; }

.sub_proColumn figure img{transition: all .8s;}

.sub_proColumn div{ float: left; text-align: center; position: relative;}
.sub_proColumn:nth-child(1) div{ width:250px; height:100%;}
.sub_proColumn:nth-child(2) div{ width:250px; height:100%;}
.sub_proColumn:nth-child(3) div{ width:320px; height:100%; }
.sub_proColumn:nth-child(4) div{ width:100%; height:164px; }

.sub_proColumn div h3{ font-size: 24px; font-size: 24px;  font-weight: normal;margin-top: 75px;  }

.sub_proColumn:nth-child(3) div h3{ margin-top: 115px; }
.sub_proColumn:nth-child(4) div h3{ margin-top: 25px; }

.sub_proColumn div p{ line-height: 30px;  }

.sub_proColumn div i{ position: absolute; width: 38px; height: 38px; background: url(../images/dec_04.png) no-repeat; left: 50%;margin-left: -19px;top: 68%; transition: all .8s;  }
.sub_proColumn:nth-child(1) div i{ }
.sub_proColumn:nth-child(2) div i{ }
.sub_proColumn:nth-child(3) div i{ }
.sub_proColumn:nth-child(4) div i{ top: 95px; }

.sub_proColumn:hover { background: #313131; color: #fff;  }
.sub_proColumn:hover figure img{ transform: scale(1.1); }
.sub_proColumn:hover div i{ background:url(../images/dec_05.png) no-repeat; }

.pageArticle{ width: 1200px; margin: 60px auto 90px;}

/*置顶效果-开始*/
.actGotop{position: fixed;_position: absolute;bottom: 60px; right: 18px;width: 52px; height: 52px;z-index: 9999;}
.actGotop a{ width: 52px;height: 52px;display: inline-block;
    background: url(../images/top.png) center no-repeat !important;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/top.png");}
.actGotop a:hover{background: url(../images/top.png) center no-repeat !important;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/top.png");}
/*置顶效果-结束*/