@charset "utf-8";

body{ font-size: 87.25%; 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;}


.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; font-size: 16px;}
.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: 100%; position: absolute; top: 90px; left: 0; background: #000; z-index: 999; display: none; }
.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: url(../images/nav_kid_bg.jpg) repeat-x; 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: #15afca;}




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

.mAbout_part1{ width: 514px; height: 341px; margin-right: 4px; margin-bottom: 4px; float: left; background:url(../images/about_bg.jpg);}
.mAbout_part2{ width: 920px; height: 341px;  float: left; margin-bottom: 4px; }
.mAbout_part3{ width: 514px; height: 341px; margin-right: 4px; float: left;}
.mAbout_part4{ width: 920px; height: 341px;  float: left; background: #fff;}


.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 #aaa; border-right: 1px solid #aaa;  }
.mAbout_more:hover{ color: #00a5bf; border-color:#00a5bf; }

.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; }
.mSty_tt .mSty_t1{ line-height: 40px; font-size: 30px; }
.mSty_tt .mSty_t2{ line-height: 24px; font-size: 0.625px; color: #ccc; text-transform: uppercase; }

.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 60px 0;}
.mSever .list .item .icon{ float: left; width: 64px; height: 100%; }
.mSever .list .item .info{ float: left; margin-left: 13px; }
.mSever .list .item .info h6{    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: 50px; 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; }


/*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;}
.mNews_inf .mNews_des{ line-height: 24px; margin-top: 10px; color: #888; }

.mNews_list .mNews_inf .mNews_tt { transition: 1s all;}
.mNews_list:hover .mNews_inf .mNews_tt{ color: #04acc8;  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;  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: 102px; 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;}

.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; }
.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:hover{ color: #04acc8; }
.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;}
.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: #636363; display: block;  font-size: 16px; color: #fff; 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: #04acc8; 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:#04acc8; }
.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 h2{ 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:655px;}


/*.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); */ background: #333;    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: 16px;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;}


#fullpage .section{
    overflow: hidden;
}

.continner{
  width: 1200px;
  margin: 0 auto;
}

.index_title{
    text-align: center;
}
.index_title .cn{
    font-size: 32px;
    position: relative;
    bottom: -1080px;
    color: #fff;
}
.index_title .en{
    font-size: 28px;
    position: relative;
    bottom: -1080px;
    text-transform: uppercase;
    color: #fff;
}
.index_title .line{
    width: 100px;
    height: 2px;
    position: relative;
    bottom: -1080px;
    margin: 15px auto;
    background: #506880;
}
.team ul{
    padding: 80px 0 0;
    display: flex;
    display: -webkit-flex;
}
.team ul li{
    width: 285px;
    height: 420px;
    margin-right: 20px;
    bottom: -1080px;
    position: relative;
}
.team ul li img{
    width: 100%;
    height: 100%;
}
.team ul li:last-child{
    margin-right: 0;
}
.team ul li h2{
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    position: absolute;
    bottom: 0;
    font-weight: normal;
    font-size: 20px;
    background: rgba(255,255,255,0.5);
}
.team .desc_text{
    padding: 45px 0 0;
    font-size: 14px;
    line-height: 22px;
    bottom: -1080px;
    position: relative;
}
.team .desc_text p{
    padding: 15px 0 0;
}
.team .desc_text:after{
    position: absolute;
    content: "";
    width: 75px;
    height: 1px;
    background: #535353;
    top: 45px;
    left: 0;
}

.about{
    background: url(../images/about_bg.jpg) no-repeat center;
}
.about .about_box{
    width: 1360px;
    margin: 0 auto;
}
.about .about_box .about_video{
    width: 560px;
    height: 420px;
    float: left;
    left: -1920px;
    position: relative;
}
.about .about_text{
    width: 760px;
    float: right;
    position: relative;
    right: -1920px;
    color: #ffffff;
}
.about .about_text .text_en{
    font-size: 36px;
    padding-left: 90px;
    position: relative;
    text-transform: uppercase;
}
.about .about_text .text_en:after{
    content: "";
    width: 85px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 17.5px;
    background: #ffffff;
}
.about .about_text .text_cn{
    font-size: 36px;
    padding: 20px 0;
}
.text_content{
    font-size: 18px;
    line-height: 30px;
    text-indent: 36px;
    letter-spacing: 3px;
}

.product .continner{
    width: 1300px;
}
.swiper-container.productColumn{
    padding: 0 50px;
}
.product .prodcutList{
    width: 100%;
    height: 700px;
    bottom: -1080px;
    padding: 50px 0 0;
    position: relative;
}
.product .prodcutList .dimg{
    float: left;
}
.product .prodcutList .dimg,
.product .prodcutList .dimg img{
    width: 760px;
    height: 650px;
}
.product .prodcutList .text_box{
    width: 440px;
    height: 650px;
    float: right;
    padding: 50px 80px;
}
.product .prodcutList .text_box .text{
    border-top: 2px solid #313131;
    height: 100%;
    width: 100%;
    color: #333333;
    padding: 129px 0;
    text-align: center;
    border-bottom: 2px solid #313131;
}
.product .prodcutList .text_box .text .en{
    font-size: 30px;
    text-transform: uppercase;
}
.product .prodcutList .text_box .text .cn{
    font-size: 30px;
    padding: 20px 0 0;
}
.product .prodcutList .text_box .text .desc{
    line-height: 40px;
    font-size: 18px;
    padding: 50px 0 0;
}
.product .prodcutList .text_box .text a.more{
    width: 100px;
    line-height: 28px;
    background: #506880;
    color: #ffffff;
    margin: 50px 0 0;
    display: inline-block;
}
.product-next,
.product-prev{
    position: absolute;
    width: 50px;
    height: 100%;
    top: 0;
    cursor: pointer;
    z-index: 999;
}
.product-next{
    right: 0px;
    background: url(../images/product-next.png) no-repeat center right #717070;
}
.product-prev{
    left: 0px;
    background: url(../images/product-prev.png) no-repeat center left #717070;
}
.section.join{
    /*background: url(../images/join_bg.jpg) no-repeat center;*/
}

.support-list{
    display: flex;
    text-align: center;
    justify-content: center;
    display: -webkit-flex;
    position: relative;
    bottom: -1080px;
}
.support-list .item{
    width: 250px;
    height: 250px;
    padding: 20px 0 0;
    margin: 0 15px 30px;
    text-align: center;
    color: #333333;
    border: 1px solid #e5e5e5;
}
.support-list .item .title{
    font-size: 18px;
}
.support-list .item .desc{
    color: #999999;
    line-height: 22px;
    font-size: 14px;
}
.support-list .item .jt{
    width: 100%;
    height: 11px;
    padding: 20px 0 25px;
    background: url(../images/jt.jpg) no-repeat center center;
}

.news{
    background: url(../images/news_bg.jpg) no-repeat center;
}
.news .continner{
    width: 1400px;
}
.news .index_title{
    color: #ffffff;
}
.news .index_title .line{
    background: #2690af;   
}
.news .news-list{
    padding: 80px 0 0;
}
.news .news-list .item{
    width: 660px;
    height: 230px;
    float: left;
    margin-bottom: 80px;
    bottom: -1080px;
    /*position: relative;*/
    padding: 20px 30px 20px 20px;
    background: #ffffff;
}
.news .news-list .item:nth-child(odd){
    margin-right: 80px;
}
.news .news-list .item .dimg{
    width: 250px;
    height: 190px;
    float: left;
}
.news .news-list .item .dimg img{
    width: 250px;
    height: 190px;
}
.news .news-list .item .text{
    padding: 0 0 0 270px;
}
.news .news-list .item .text h2{
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
}
.news .news-list .item .text h2 a{
    color: #333333;
}
.news .news-list .item .text p{
    line-height: 22px;
    padding: 10px 0 0;
    height: 140px;
}
.news .news-list .item .text a{
    line-height: 20px;
    display: inline-block;
}

.brand .index_title .cn{
    bottom: 0px;
}
.brand .index_title .en{
    bottom: 0px;
}
.brand .index_title .line{
    bottom: 0px;
}
.brand .brand-list{
    padding: 50px 0 0;
}
.brand .brand-list .brand-title{
    position: relative;
}
.brand .brand-list .brand-title .cn{
    font-size: 40px;
    line-height: 60px;
}
.brand .brand-list .brand-title .en{
    font-size: 16px;
    padding-left: 45px;
    position: relative;
    line-height: 30px;
    text-transform: uppercase;
}
.brand .brand-list .brand-title .en:after{
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 14px;
    background: #333333;
}
.brand .brand-list .list{
    padding: 30px 0 0;
}
.brand .brand-list .list .item{
    width: 275px;
    height: 320px;
    float: left;
    position: relative;
    margin: 0 25px 30px 0;
}
.brand .brand-list .list .item:nth-child(7),
.brand .brand-list .list .item:nth-child(14){
    margin-right: 0;
}
.brand .brand-list .list .item img{
    width: 275px;
    height: 320px;
}
.brand .meiti_list{
    padding: 40px 0 0;
    position: relative;
}
.brand .meiti_list .brand-title{
    float: left;
}
.brand .meiti_list .brand-title .cn{
    font-size: 40px;
    line-height: 60px;
}
.brand .meiti_list .brand-title .en{
    font-size: 16px;
    padding-left: 45px;
    position: relative;
    line-height: 30px;
    text-transform: uppercase;
}
.brand .meiti_list .brand-title .en:after{
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 14px;
    background: #333333;
}
.brand .meiti_list .list{
    float: left;
    padding: 15px 0 15px 60px;
}
.brand .meiti_list .list img{
    width: 160px;
    height: 60px;
    margin-left: 30px; 
}

.foot_column{
    display: flex;
    display: -webkit-flex;
}
.foot_column .item{
    width: 50%;
    position: relative;
}
.foot_column .item img{
    width: 100%;
    display: block;
}
.foot_column .item .model{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin: -35px 0 0;
}
.foot_column .item .model h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: normal;
    padding: 0 0 10px;
    color: #ffffff;
}
.foot_column .item .model a{
    font-family: '宋体';
    font-size: 22px;
    line-height: 20px;
    color: #ffffff;
}
.foot_column .item.join_column{
    background: url(../images/join.jpg);
}
.foot_column .item.md_column{
    background: url(../images/md.jpg);
}
.footerbox .copyright{
    background: #1b1b1b;
    color: #ffffff;
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
}
.footerbox .copyright a{
    color: #ffffff;
}
.foot_text{
    background: gray;
}
.foot_logo{
    padding: 50px 0;
    text-align: center;
}
.foot_text .text_box{
    width: 1400px;
    margin: 0 auto;
    padding: 0 0 80px;
    color: #ffffff;
}
.foot_text .text_box a{
    color: #ffffff;
}
.foot_text .text_box .foot_contact{
    float: left;
    width: 430px;
}
.foot_text .text_box .foot_contact ul li{
    font-size: 18px;
    line-height: 24px;
    padding: 0 0 0 30px;
}
.foot_text .text_box .foot_contact ul li.tel{
    background: url(../images/f_tel.png) no-repeat center left;
}
.foot_text .text_box .foot_contact ul li.address{
    margin: 40px 0;
    background: url(../images/f_address.png) no-repeat center left;
}
.qrcode{
    float: right;
    width: 138px;
}
.qrcode img{
    width: 138px;
    height: 138px;
}
.qrcode p{
    line-height: 30px;
    text-align: center;
    font-size: 16px;
}
.foot_nav{
    width: 832px;
    float: left;
    display: flex;
    display: -webkit-flex;
}
.foot_nav dl{
    padding: 0 20px;
    text-align: center;
}
.foot_nav dl dt{
    font-size: 18px;
    line-height: 30px;
}
.foot_nav dl dd{
    line-height: 40px;
    font-size: 14px;
}

.header-warp{
    width: 100%;
    height: 90px;
    position: absolute;
    top: 0;
    padding: 25px 0;
    z-index: 9999;
    background: #1b1b1b;
}
.header-warp .continner{
    width: 1400px;
}
.header-warp .logo{
    float: left;
}
.header-warp .navmenu{
    float: right;
    padding: 5px 0;
}
.header-warp .navmenu li{
    float: left;
    line-height: 30px;
    margin-left: 70px;
    font-size: 18px;
}
.header-warp .navmenu li a{
    color: #ffffff;
    position: relative;
}
.header-warp .navmenu li a:hover,
.header-warp .navmenu li a.curr{
    color: #00afcc;
}
.header-warp .navmenu li a:after{
    content: "";
    background: #00afcc;
    transition: all 0.5s ease;
    width: 0px;
    height: 2px;
    left: 50%;
    bottom: -10px;
    position: absolute;
    z-index: 1;
}
.header-warp .navmenu li a:before{
    content: "";
     background: #00afcc;
    transition: all 0.5s ease;
    width: 0;
    height: 2px;
    right: 50%;
    bottom: -10px;
    position: absolute;
    z-index: 1;
}
.header-warp .navmenu li a:hover:after,
.header-warp .navmenu li a.curr:after{
    left: 0;
    width: 50%;
}

.header-warp .navmenu li a:hover:before,
.header-warp .navmenu li a.curr:before{
    right: 0;
    width: 100%;
}

/*news start*/

.met_module2{
	/*border: 1px solid #000;*/
	font-size: 16px;
	line-height: 25px;
	padding: 10px;
	text-indent: 2em;
}
.met_module2 h1{
	margin: 0px 0px 30px 425px;
}
.met_infos{
	text-align: center;
}
.box2 ul {
  height: 100%;
  margin-bottom: 0px;
  background: url(../images/box2summary_08.jpg);
}
.box2 ul li {
  position: relative;
  float: left;
  width: 33.33%;
  height: 100%;
  display: flex;
  flex-direction: column;
    justify-content: flex-start;
}
.box2 ul li .pic {
  width: 100%;
  height: 50%;
}
.box2 ul li .summary {
  box-sizing: border-box;
  width: 100%;
  height: 50%;
  padding: 3%;
  order: 1;
}
.box2 ul li:nth-of-type(2) .summary {order: 0}
.box2 ul li .summary .flex {
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
    flex-direction: column;
    justify-content: center;
}
.box2 ul li .summary h3 {
  line-height: 26px;
  font-size: 16px;
  color: #000000;
  text-align: center;
  font-weight: bold;
  opacity: 0;
  transition-duration: 1s;
}
.box2 ul li .summary h3.opacity {
  opacity: 1;
}
.box2 ul li .summary h3 span {
  display: block;
}
.box2 ul li .summary hr {
  width: 30px;
  height: 2px;
  margin: 5% auto;
  border: none;
  background: #f04b01;
  opacity: 0;
  transition-delay: 1.5s;
}
.box2 ul li .summary hr.opacity {
  opacity: 1;
}
.box2 ul li .summary p {
  max-width: 450px;
  max-height: 104px;
  overflow: hidden;
  margin: auto;
  line-height: 26px;
  font-size: 14px;
  color: #FFF;
  text-align: center;
  opacity: 0;
  transition-duration: 1s;
}
.box2 ul li .summary p.opacity {
  opacity: 1;
}
.box2 ul li .summary .more {
  display: block;
  box-sizing: border-box;
  width: 115px;
  height: 65px;
  padding: 6px 10px;
  margin: 5% auto 0px auto;
  border: 2px solid #777;
  line-height: 18px;
  font-size: 14px;
  color: #505050;
  text-align: left;
  vertical-align: middle;
}
.box2 ul li .summary .more span {
  display: block;
  color: #fff;
}
.box2 ul li .summary .more i {
  display: inline-block;
  width: 70%;
  height: 7px;
  background: url(../images/cellmore.png) no-repeat right;
  transition: .3s;
}
.box2 ul li .summary .more:hover {
  border-color: #000;
  color: #000;
}
.box2 ul li .summary .more:hover i {
  width: 100%;
  background: url(../images/cellmoreh.png) no-repeat right;
}