/* 
* @Author: sublime text
* @Date:   2019-06-09 14:34:01
* @Last Modified by:   sublime text
* @Last Modified time: 2019-06-28 16:19:30
*/
/*匠心打磨*/
#jiang{width: 100%;margin-top: 70px;}
#jiang .title{text-align: center;font-size: 18px;color: #5f5f5f;}
#jiang .title p{font-size: 36px;color: #000;line-height: 50px;}
#jiang .title p span{color: #f45f0d;}
#jiang .neirong{margin-top: 55px;height: 510px;}
#jiang .neirong .webox_c{width: 300px;float: left;position: relative;height:470px;}
#jiang .neirong .webox_c .shang{width: 300px;height: 252px;background: url(../images/index/top.png)no-repeat center;position: absolute;z-index: 99;text-align: center;}
#jiang .neirong .webox_c .shang p{color: #f45f0d;font-size: 14px;padding-top: 20px;}
#jiang .neirong .webox_c .shang p b{font-size: 135px;font-weight: bold;font-family:Arial;line-height: 140px;}
#jiang .neirong .webox_c .shang .yan{color: #fff;font-size: 18px;}
#jiang .neirong .webox_c .shang .yan i{font-size: 16px;display: block;font-style:italic;line-height: 25px;}
#jiang .neirong .webox_c .xia{width: 300px;height: 235px;position: absolute;bottom: 0;}


.webox_c li{width:300px; height:235px; float:left; position:relative; /*border-right:#FFF solid 1px; border-bottom:#FFF solid 1px;*/}
.webox_c li a, .webox_c li a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0}
.front-face{z-index:2;}
.back-face{z-index:1; display:block; text-align:left; font-size:16px; color:#fff; padding-top:60px; line-height:25px; background:url(../images/index/zezao_bg.png) no-repeat 0 0;}
.webox_c li a{overflow:hidden}
.webox_c li:hover a .back-face{z-index:3;cursor:default;}

/*产品中心*/

#chan{width: 100%;margin-top: 90px;}
#chan .title{text-align: center;font-size: 18px;color: #5f5f5f;}
#chan .title p{font-size: 36px;color: #000;line-height: 50px;}
#chan .title p span{color: #f45f0d;}

.main_xw{ width:1200px;margin:0px auto;padding-top: 60px;}

.lanrenzhijia .tab{width:1200px;margin:0px auto;height: 485px;}

.lanrenzhijia .tab a{width: 398px;height: 485px;border:1px solid #ccc;display: block;float: left;}
.lanrenzhijia .tab a.on{box-shadow: 0px 0px 7px 7px #d3d6d9;z-index: 2;position: relative;border: none;}
.lanrenzhijia .tab a.on .cp01{background: url(../images/index/lei_bg.jpg)no-repeat center;width: 398px;height: 160px;}

.lanrenzhijia .content{ overflow:hidden; width:1200px; height:369px; position:relative;margin-top: 27px;}
.lanrenzhijia .content .ul{ position:absolute; left:0; top:0; width:1200px; height:369px;}
.lanrenzhijia .content .li{ width:1200px; height:369px; float:left;background: url(../images/index/li01_bg.png)no-repeat center;}
.lanrenzhijia .content .li:nth-child(2){ width:1200px; height:369px; float:left;background: url(../images/index/li02_bg.png)no-repeat center;}
.lanrenzhijia .content .li:nth-child(3){ width:1200px; height:369px; float:left;background: url(../images/index/li03_bg.png)no-repeat center;}

.lanrenzhijia .content .li .bti{padding:55px 50px;}
.lanrenzhijia .content .li .bti p{font-size: 16px;color: #fff;float: left;text-transform: uppercase;}
.lanrenzhijia .content .li .bti p span{font-size: 24px;color: #f45f0d;font-weight: bold;padding-right: 10px;}
.lanrenzhijia .content .li .bti a{font-size:18px;color: #fff;float: right;}
.lanrenzhijia .content .li .bti a:hover{color: #ff0000}

.lanrenzhijia .content .li .tup ol{float: left;width: 250px;margin-left: 35px;color: #fff;font-size: 18px;text-align: center;line-height: 40px;}
.lanrenzhijia .content .li .tup ol a{color: #fff;display: block;}
.lanrenzhijia .content .li .tup ol a:hover{color: #ff0000}
.lanrenzhijia .content .li .tup ol a:hover img{border: 1px solid #f45f0d;}
.lanrenzhijia .content .li .tup ol img{border: 1px solid #808080; width:252px;height:196px;}
.lanrenzhijia .content .li .tup ol:first-child{margin-left:50px;}


.cp01{height: 160px;}
.cp01 p{font-size: 24px;font-weight:bold;color: #333;padding-left: 53px;padding-top: 40px;}
.cp01 p i{font-size: 18px;color: #7f7f7f;text-transform: uppercase;font-weight: normal;font-family: arial;display: block;line-height: 55px;}
.cp_desc{width: 36px;height: 5px;background: #f45f0d;margin-left: 53px;}
.tupian{width: 252px;height: 196px;overflow: hidden;margin-bottom: 10px;}
.tupian img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;}
.tupian img:hover{-webkit-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08);}

/*生产安全*/
#shengc{width: 100%;margin-top: 80px;}
#shengc .title{text-align: center;font-size: 18px;color: #5f5f5f;}
#shengc .title p{font-size: 36px;color: #000;line-height: 50px;}
#shengc .title p span{color: #f45f0d;}



.bg04{width:100%;height:680px;background:url(../images/index/bg04_bg.jpg)no-repeat center;position:relative;}
.wrap {position: relative;margin: 0px auto;width: 1200px;margin-top: 40px;}
.bg04_switch_box{display:none;}
.bg04_switch_box_img{position:absolute;right:-359px;top:0px;width:960px;height:680px;}
.bg04_switch_box_img img{display:block;width:100%;height:100%;}
.bg04_switch_box_text{width:545px;position:absolute;top:123px;}
.bg04_switch_box_text h5{font-size:32px;color:#fff;font-weight: bold;letter-spacing: 2px; border-bottom: 1px solid #fff;padding-bottom: 25px;}
.bg04_switch_box_text p{font-size:16px;color:#fff;line-height:25px;padding-top: 25px;letter-spacing: 1px;}
.bg04_switch_box_text a{display: block;width: 124px;height: 44px;text-align: center;line-height: 44px;font-size: 18px;color: #d52c25;background: url(../images/index/more.png);margin-top: 30px;}

.bg04_switch_btn{width:960px;height:118px;background:url(../images/index/nav.png) center top no-repeat ;position:absolute;top:516px;z-index:5;left:120px;opacity: 0.8;}
.bg04_switch_btn a{width:160px;height:121px;line-height:20px;padding-top: 70px; float:left;text-align:center;color:#323232;font-size:18px;}
.bg04_switch_btn a:hover,.bg04_switch_btn a.active{color:#fff;}
.bg04_switch_btn .a1:hover,.bg04_switch_btn .a1.active{background:url(../images/index/navhover.png) 0px top no-repeat;}
.bg04_switch_btn .a2:hover,.bg04_switch_btn .a2.active{background:url(../images/index/navhover.png) -160px 0px no-repeat;}
.bg04_switch_btn .a3:hover,.bg04_switch_btn .a3.active{background:url(../images/index/navhover.png) -320px 0px no-repeat;}
.bg04_switch_btn .a4:hover,.bg04_switch_btn .a4.active{background:url(../images/index/navhover.png) -480px 0px no-repeat;}
.bg04_switch_btn .a5:hover,.bg04_switch_btn .a5.active{background:url(../images/index/navhover.png) -640px 0px no-repeat;}
.bg04_switch_btn .a6:hover,.bg04_switch_btn .a6.active{background:url(../images/index/navhover.png) -800px 0px no-repeat;}


/*品质要求*/
#pin{width: 100%;margin-top: 80px;}
#pin .main{width: 1384px;margin: 0 auto;}


#pin .title{text-align: center;font-size: 18px;color: #5f5f5f;}
#pin .title p{font-size: 36px;color: #000;line-height: 50px;}
#pin .title p span{color: #f45f0d;}

.shili{ width:1384px;margin:0px auto; background:none; font-family:"微软雅黑";margin-top: 60px;}
.shili .tab{ overflow:hidden; width:1200px;margin-top: 50px;}
.shili .tae{ width:100px; float:right; text-align:right; font-family:Arial; font-size:12px; float:right; line-height:40px; padding-top:10px;}

.shili .content{ overflow:hidden; width:1384px; height:514px; position:relative; float:left; margin-top:10px;}
.shili .content .ul{ position:absolute; left:0; top:0; width:1384px; height:514px;}
.shili .content .li{ width:1384px; height:514px; float:left;}
.shili .content .li .you{width: 593px;height: 514px;background: url(../images/index/you.png)no-repeat center;float: right;color: #fff;}
.shili .content .li .you p{font-size:24px;font-weight: bold;margin-left: 160px; padding-top: 100px;border-bottom:4px solid #fff;padding-bottom:23px;width: 100px;}
.shili .content .li .you .font{width: 310px;font-size: 16px;line-height: 30px;margin-left: 158px;padding-top: 25px;}
.shili .content .li .you a{width: 137px;height: 45px;line-height: 45px;background: #fff;display: block;text-align: center;font-size: 20px;color: #de332c;margin-left: 158px;margin-top: 38px;}


.shili .tab a.on img{margin-top: -40px;}
.shili .tab a.on{color:#f45f0d;}

.shili .tab a{height: 80px;width: 299px;float: left;text-align: center; font-size: 24px;line-height: 60px;border-right: 1px solid #b8b8b8;}
.shili .tab a:last-child{border-right: none;}
.shili .tab a .tu{width: 39px;height: 40px;overflow: hidden;margin-bottom: 15px;margin: 0 auto;}
.shili .tab a img{width: 39px;height: 80px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;display: block;text-align: center;}
.shili .tab a:hover img{margin-top: -40px;}
.shili .tab a:hover{color:#de332c;}

/*合作案例*/
#hezuo{width: 100%;height: 826px;background: url(../images/index/hezuo_bg.jpg)no-repeat center;}
#hezuo .main{width: 1353px;margin:0 auto;}
#hezuo .title{text-align: center;font-size: 18px;color: #fff;padding-top: 80px;}
#hezuo .title p{font-size: 36px;color: #fff;line-height: 50px;}
#hezuo .title p span{color: #f45f0d;}

.index_con02_block{width: 1200px;margin:0 auto;}
.index_con02_switch_box{display: none;margin-top: 60px;position: relative;}
.index_con02_switch_box_img{width: 600px;height: 312px;float: left;}
.index_con02_switch_box_title{width: 600px;float: right;color: #fff;}
.index_con02_switch_box_title_num{padding-left:35px;padding-right: 60px;}
.index_con02_switch_box_title p{font-size: 24px;padding-top: 35px;}
.index_con02_switch_box_title .neirong{font-size: 14px;line-height: 32px;padding-top: 10px;}
.index_con02_switch_box_title a{width: 172px;height: 43px;line-height: 43px;text-align: center;display: block;background: #f45f0d;color: #fff;font-size: 18px;float: right;margin-top: 40px;}
.index_con02_switch_box_title a:hover{color:#fff;}

.index_con02_switch_btn_wrap{width: 1353px;height:242px;background: url(../images/index/he_ico.png)no-repeat center;margin-top: 53px;}
.index_con02_switch_btn a{color: #fff;text-align: center;width: 200px;float: left;font-size: 14px;}
.index_con02_switch_btn a:first-child{margin-left: 80px;}
.index_con02_switch_btn a span{padding-top: 165px;display: block;}
.index_con02_switch_btn{width: 1353px;height:242px;background: url(../images/index/he_ico.png)no-repeat center top;}

.index_con02_switch_btn .a1:hover,.index_con02_switch_btn .a1.active{background:url(../images/index/hehover.png) -80px top no-repeat;}
.index_con02_switch_btn .a2:hover,.index_con02_switch_btn .a2.active{background:url(../images/index/hehover.png) -280px 0px no-repeat;}
.index_con02_switch_btn .a3:hover,.index_con02_switch_btn .a3.active{background:url(../images/index/hehover.png) -480px 0px no-repeat;}
.index_con02_switch_btn .a4:hover,.index_con02_switch_btn .a4.active{background:url(../images/index/hehover.png) -680px 0px no-repeat;}
.index_con02_switch_btn .a5:hover,.index_con02_switch_btn .a5.active{background:url(../images/index/hehover.png) -880px 0px no-repeat;}
.index_con02_switch_btn .a6:hover,.index_con02_switch_btn .a6.active{background:url(../images/index/hehover.png) -1080px 0px no-repeat;}


.index_con02_lr_btn{width: 600px;height: 312px;position: absolute;top: 122px;}
.index_con02_lr_btn a{height: 59px;overflow: hidden;width: 36px;}


.index_con02_left_btn{
	width: 36px;
    height: 59px;
    background: url(../images/index/zuoan.jpg) no-repeat center 0px;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    left: 0;
    position: absolute;
}

.index_con02_right_btn{
	width: 36px;
    height: 59px;
    background: url(../images/index/youan.jpg) no-repeat center 0px;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    right: 0;
    position: absolute;
}

.index_con02_left_btn:hover{background: url(../images/index/zuoan.jpg) no-repeat center -59px;}
.index_con02_right_btn:hover{background: url(../images/index/youan.jpg) no-repeat center -59px;}

.index_con02_switch_box_img_box{width: 600px;height: 312px; overflow: hidden;}
.index_con02_switch_box_img_box img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;}
.index_con02_switch_box_img_box img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}
/*新闻咨询*/
#news{width: 100%;margin-top: 80px;}
#news .title{text-align: center;font-size: 18px;color: #5f5f5f;}
#news .title p{font-size: 36px;color: #000;line-height: 50px;}
#news .title p span{color: #f45f0d;}

.lanren{ width:1200px; height:417px; margin:0px auto;margin-top: 40px;}
.lanren .tab{ overflow:hidden; background:url(../images/index/new.png)no-repeat center top; width:150px; float:left;height: 417px;}

.lanren .tab a{ display:block;text-decoration:none; color:#333;width:125px; text-align:center; font-size:16px;height: 20px;line-height: 35px;margin-top: 50px;}
.lanren .tab a:first-child{margin-top: 20px;}

.lanren .tab a.on{
	height: 70px; 
	width: 125px;
	
}




.lanren .content{ overflow:hidden; width:1018px; height:457px; position:relative; float:left;}
.lanren .content .ul{ position:absolute; left:0; top:0; width:1018px; height:417px;}
.lanren .content .li{ width:1018px; height:417px; float:left;}
.lanren .content .li .left{margin:30px 25px;width: 480px;float: left;}
.lanren .content .li .left img{width: 480px;height: 260px;overflow: hidden;}
.lanren .content .li .wz{width: 480px;height: 135px;margin-top: 33px;}
.lanren .content .li .wz .date{width: 50px;float: left;font-size: 14px;color: #3c3c3c;text-align:right;padding-right: 20px; padding-top:3px;}
.lanren .content .li .wz .date span{font-size: 22px;}
.lanren .content .li .wz .bt{float: right;width: 410px;font-size: 13px;color: #636363;line-height: 18px;padding-top: 6px;}
.lanren .content .li .wz .bt p{font-size: 16px;color: #333;border-left: 2px #f45f0d solid;line-height: 25px;height: 25px;padding-left: 15px;}

.lanren .content .li .right{width: 480px;float: right;}
.lanren .content .li .right .wz .bt{border-bottom:1px solid #ccc;width: 408px;padding:31px 0;} 
.lanren .content .li .right .bt:hover{box-shadow: 0px 0px 2px 2px #ccc;border: 1px solid #f45f0d;}
.lanren .content .li .right .wz .date{padding-top: 30px;}
.lanren .content .li .right .wz{margin-top:0px;}
.lanren .content .li .right .wz:first-child{margin-top: 30px;}


.left_img{display: block; width: 480px;height: 260px;overflow: hidden;}
.left_img img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;}
.left_img img:hover{-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);}