

/*快捷导航(开始)*/
#kjdh{ margin:40px auto; width:1230px; padding:25px; border:#eee 1px solid; border-radius:8px; background-color:#fff; }
#kjdh span{ font-size:20px; color:#2a3356; }
#kjdh a{ display: inline-block; margin-left: 16px; padding: 5px 20px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #e5e5ea; color: #2A3457; font-size: 16px; }
#kjdh a:hover{ background-color: #fe4904; color: #fff;}
/*快捷导航(结束)*/


/*1、公司简介*/
#jianjie{ margin:0 auto; width:1280px; height:335px;}
#jianjie .jianjie_l{ float:left; width:230px; height:305px; padding:15px; text-align:center; background:url(/img/jianjie_l.jpg) center no-repeat; border-radius:8px;}/*实际左边宽为240，右边宽为，中间间隔为50*/

#jianjie .jianjie_l .jianjie_l_nr{ width:228px; height:302px; border:#fff 1px solid; border-radius:8px; color:#FFF;}
#jianjie .jianjie_l .jianjie_l_nr img{ margin-top:20px;}
#jianjie .jianjie_l .jianjie_l_nr p{ margin:20px 0; font-size:20px;}
#jianjie .jianjie_l .jianjie_l_nr a{ display:block; margin:0 auto; width:108px; height:40px; line-height:40px; font-size:16px; border:#fff 1px solid; color:#fff;}
#jianjie .jianjie_l .jianjie_l_nr a:hover{ font-size:18px;}
#jianjie .jianjie_r{ float:left; width:940px; height:335px; padding-left:50px; padding-right:30px; font-size:16px; color:#333; line-height:230%; background-color:#fff; position:relative;}
#jianjie .jianjie_r .tit{ font-size:30px; color:#2A3457; padding-top:40px; padding-bottom:20px;}
#jianjie .jianjie_r b{ margin-left: 9px; opacity: .2; font-weight: lighter;}
#jianjie .jianjie_r span{ color:#388EE4; font-weight:bold;}
#jianjie .jianjie_r em { position: absolute; left:50px; top: 0; background: #fe4904; width: 66px; height: 5px; }




/*2、热销产品*/
#rexiao{ margin:0 auto; margin-top:60px; width:1280px;}
#rexiao .rexiao_l{ float:left; width:260px; letter-spacing:2px; border-radius:8px; position:relative;}
#rexiao .rexiao_l1{ height:576px; background:url(/img/rexiao_l1.jpg) center center no-repeat;}
#rexiao .rexiao_l2{ height:576px; background:url(/img/rexiao_l2.jpg) center center no-repeat;}
#rexiao .rexiao_l3{ height:576px; background:url(/img/rexiao_l3.jpg) center center no-repeat;}
#rexiao .rexiao_l4{ height:576px; background:url(/img/rexiao_l4.jpg) center center no-repeat;}
#rexiao .rexiao_l .rexiao_l_t{ margin:0 auto; width:80%; font-size:30px; font-weight:bold; color:#fff; margin-top:50px;}
#rexiao .rexiao_l .rexiao_l_c{ margin:0 auto; margin-top:55px; line-height:43px; width:70%; font-size:16px; font-weight:bold; color:#fff;}
#rexiao .rexiao_l .rexiao_l_c a{ font-size:16px; font-weight:bold; color:#ffd8db;}
#rexiao .rexiao_l .rexiao_l_c a:hover{ font-weight:bold; color:#fff;}
#rexiao .rexiao_l .rexiao_l_b{ position: absolute; bottom:48px; margin:0 auto; width:88%; padding:0 6%; height:50px; line-height:50px; font-size:16px; font-weight:bold; color:#fff; background-color: rgba(0,0,0,0.3);}
#rexiao .rexiao_r li{ float:left; margin-left:56px; margin-top:50px; width:284px; background-color:#fff; box-shadow: 0px 0px 1px #ccc; }
#rexiao .rexiao_r li img{ width:284px; height:189px;}
#rexiao .rexiao_r li h3{ margin:5px auto 15px auto; width:80%; height:50px; line-height:25px; text-align:center; background-color:#fff; color:#111E2C; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
#rexiao .rexiao_r li:hover{ box-shadow: 2px 3px 4px #666; }
#rexiao .rexiao_r li:hover h3{ color:#388EE4; }
#rexiao .rexiao_r li:nth-child(1),#rexiao .rexiao_r li:nth-child(2),#rexiao .rexiao_r li:nth-child(3){  margin-top:0; }

/*3、证书*/
#zhengshu{ margin:0 auto; width:1270px; margin-top:60px;}
#zhengshu li { width:280px;  float: left; margin-right: 50px; height:530px; background-color:#fff; border-radius:8px;}
#zhengshu li:last-child{margin-right:0;}
#zhengshu .li01{ padding:30px; width:220px; height:470px;}
#zhengshu .li01 i{ display: block; margin:0 auto; width: 100px; height: 2px; margin-top: 15px; background: #f75853; }
#zhengshu .li01 .p1{ margin-top: 25px; text-align:center; font-size: 26px; color: #333; margin-bottom: 25px; }
#zhengshu .li01 .p2{ line-height:200%; font-size:16px; color:#777; }
#zhengshu .li01 .a1{ display:block; margin:0 auto; margin-top:30px; width: 110px; text-align:center; border-radius: 30px; background: #f75853; color: #fff; font-size: 18px; line-height: 35px; }
#zhengshu .li02-4 i{ display: block; margin:0 auto; width: 100px; height: 2px; margin-top: 15px; background: #f75853; }
#zhengshu .li02-4 .p1{ margin-top: 25px; text-align:center; font-size: 22px; color: #333; margin-bottom: 25px; }

/*4、设备*/
#shebei{ margin:0 auto; width:1280px; margin-top:60px;}
#shebei li { width:400px; height:266px;  float: left; margin-right: 40px; position: relative;}
#shebei li:last-child{margin-right:0;}
#shebei li .shebei_z { width: 250px; height: 90px; position: absolute; left: 50%; margin-left: -140px; bottom: 40px; text-align: center; background-color: rgba(255,255,255,0.8); line-height: 1; -webkit-transition: all .45s; transition: all .45s; }
#shebei li .shebei_z b { font-size: 20px; color: #222; display: block; line-height: 42px; padding: 7px 0 0; }
#shebei li .shebei_z i{ display:block; margin: 0 auto; width: 24px; height: 2px; background: #10bbb8; }
#shebei li .shebei_z p { font-size: 16px; color: #888; padding: 10px 0 0; }
#shebei li:hover .shebei_z { width: 250px; height: 90px; position: absolute; left: 50%; margin-left: -140px; bottom: 50px; text-align: center; background-color: rgba(16,187,184,0.8); line-height: 1; -webkit-transition: all .45s; transition: all .45s; }
#shebei li:hover .shebei_z b{ color:#fff; -webkit-transition: all .45s; transition: all .45s; }
#shebei li:hover .shebei_z i{ background-color:#ddd;}
#shebei li:hover .shebei_z p{ color:#eee; -webkit-transition: all .45s; transition: all .45s; }

/*4、新闻*/
#news{ margin:0 auto; width:1280px; margin-top:60px;}
#news .js{ float:left; width:758px; padding:30px; border: 1px solid rgba(17, 30, 44, 0.08); border-radius: 8px; background-color:#fff; }
#news .js .js_t1{ position: relative; }
#news .js .js_t1 img{ float:left;}
#news .js .js_t1 h2 { float:left; display:inline-block; font-size: 24px; color: #2a3457; line-height: 30px; padding-left:15px;}
#news .js .js_t1 span {  float: left; opacity: 0.5; color: #111E2C; font-size: 16px; line-height: 32px; padding-left: 15px; }
#news .js .js_t1 a{ float:right; color: #388EE4; font-size: 16px; line-height: 32px; text-align: right; }

#news .js ul{ width: 100%; margin-top:20px; }
#news .js ul li { float:left; width:364px; margin-left:30px; line-height:300%; }
#news .js ul li:nth-child(2n+1){ margin-left:0; }
#news .js ul li a{ width:364px; font-size:16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
#news .js ul li a:hover{  color: #388EE4; }

#news .xw { float:right; width:370px; padding:26px; border: 1px solid rgba(17, 30, 44, 0.08); border-radius: 8px; background-color:#fff;}
#news .xw .xw_t1 { color: #111E2C; font-size: 18px; line-height: 26px; text-align: left; font-weight: 600; padding-bottom: 16px; position:relative; }
#news .xw .xw_t1 a{ float:right; margin-right:20px; font-size:14px; font-weight:normal; color: #388EE4;  line-height: 26px; }
#news .xw ul { width: 100%; }
#news .xw ul li { padding-bottom:16px; }
#news .xw ul li:last-child{ padding-bottom:0; }
#news .xw ul li a { width: 370px; color: #264360; font-size: 16px; line-height: 24px; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; position: relative;}
#news .xw ul li a i { padding-right: 10px; font-size: 13px; font-style: normal; }
#news .xw ul li a:hover{ color:#388EE4; }


/*5、行业*/
#hy{ margin:0 auto; margin-top:60px; width:1280px; height:418px;}
#hy li{ width: 400px; height: 418px; float: left; margin-right: 40px; text-align: center; background: #fff; overflow: hidden; }
#hy li:last-child { margin-right:0; }
#hy li b{ display: block; width: 208px; height: 50px; line-height: 50px; margin: 6px auto 0 auto; font-size: 20px; color: #2a3457; -webkit-transition: all .5s; transition: all .5s;}
#hy li:hover b { z-index: 2; background: #10bbb8; margin: -25px auto 17px auto; color: #fff; position: relative; }
#hy li p{ margin:0 auto; width:86%; line-height:190%; font-size:16px; color:#666;}

/*链接*/
#links_bg{ margin-top:60px;}
#links_bg .links{ width:1280px; margin:0 auto; line-height:200%; color:#7b7b7b;}
#links_bg .links a{color:#7b7b7b;}
