﻿@charset "utf-8";
/*banner*/
/*.banner{position: relative; height:931px;clear: both;}*/
/*.ban_p ul{width: 100%!important; overflow: hidden;}*/
/*.ban_p li{ display:block; height:931px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}*/
/*.ban_p li img {width:1920px;height: 931px;display: block;position:absolute;top:0;left:50%;margin-left:-960px;}*/
.banner{position: relative; height:auto;clear: both;min-height:580px;}
.ban_p li{ display:block; height:auto;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 100%!important;height: auto;display: block;margin: 0 auto;}
.ban_t{width:400px;height:52px;bottom:15.5%;left:50%;margin-left:360px;position: absolute;}
.ban_t em{width:88px;height:52px;margin-right:35px;display: inline-block;border-bottom: 1px solid #fff;color: #fff;font-size: 24px;}
.ban_t em.on{font-weight: bold;}

.til01{display: block;font-size:50px;line-height:74px;color: #000;height: 158px;position: relative;text-align: center;font-weight: normal;}
.til01 p{display: block;line-height:50px;font-size:24px;}
.til01 a{display: block;color: #000;}


/*引子*/
.webox{font-family: "Microsoft Yahei";line-height:42px;position: relative;height:702px;font-size:20px;padding:136px 0;color: #000;overflow: hidden;}
.webox_p:before{content: "";position: absolute;width:600px;height:320px;left:-14px;bottom:-18px;background: #332c2b;z-index: -1;}
.webox_p{width:600px;height: 681px;position: relative;}
.webox_p p,.webox_p p img{width:600px;height: 681px;display: block;overflow: hidden;}
.we_ico{width:113px;height: 113px;left: 256px;top:294px;background:url(../images/we_ico.png) no-repeat 0 0;}
.webox_w{width: 550px;position: relative;padding:30px 0 0;}
.webox_z{height:182px;padding: 0 0 0 12px;}
.webox_w h2{height:270px;font-size:44px;line-height:64px;color: #000;white-space: nowrap;padding: 0 0 0 12px;}
.webox_w h2 em{font-size:16px;display: block;font-weight: normal;line-height:40px;text-transform: uppercase;}
.webox_w h2 b{font-size: 88px;color: #cabc8b;line-height: 106px;}
.webox_w h3{height:110px;font-size:28px;line-height:48px;color: #282828;white-space: nowrap;font-weight: normal;padding: 0 0 0 12px;}
.webox_w h3:before{content: "";position: absolute;width:0;height:0;left:300px;top:15px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid #000;}
.webox_p li{float: left;position: relative;margin: 0 7px 0 0;}
.webox_p li:last-child{margin: 0;}
.webox_p li,.webox_p li img{width: 131px;height: 79px;display: block;overflow: hidden;}
.webox_p li:before{content: "";position: absolute;width:131px;height: 79px;left:0;top:0;background:rgba(0, 0, 0, 0.3);}
.webox_p li:hover:before{background:rgba(0, 0, 0, 0);}

/*产品中心*/
.probox{font-family: "Microsoft Yahei";padding:50px 0 8px;line-height:36px;background: #f1f1f1;}
.probox .til01{height: 110px;}
.prod_t{width:1400px;height:134px;line-height: 42px;font-size: 24px;margin: 0 auto;font-weight: bold;}
.prod_t li{width: 33.33%;height:134px;padding: 26px 0 0 60px;color: #000;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;float: left;}
.prod_t li span{float: left;padding: 0 18px 0 0;}
.prod_t li em{display: block;opacity: 0.8;font-size: 10px;line-height: 28px;text-transform: uppercase;font-weight: normal;letter-spacing: -1px;}
.prod_t li.cur,.prod_t li:hover{background: #fafafa;}
.prod_t li a{color: #000;}
.prod_c{height: 760px;overflow: hidden;text-align: center;}
.pro_wz{color: #fff;font-size: 24px;line-height: 54px;}
.pro_w{padding: 138px 0 0;height: 420px;}
.prod1{width:100%;height: 760px;font-size: 16px;line-height: 30px;color: #cabc8b;display: block;}
.pro_clt{font-size: 26px;line-height: 58px;padding: 32px 0 0;}
.prod1 li a,.pro_clt a{color: #cabc8b;display: block;}

/* 品质 */
.chara{font-family: "Microsoft Yahei";padding:128px 0 60px;line-height:24px;font-size:20px;}
.chara_t{width: 516px;height: 150px;top: 800px;left: 345px;text-align: center;font-weight: bold;font-size: 20px;line-height: 54px;color: #332c2b;z-index: 9;}
.chara_t li{width: 94px;float: left;margin: 0 42px 0 0;}
.chara_t li:last-child{margin: 0;}
.chara_t li img{width: 84px;height: 84px;display: block;margin: 0 auto;border-radius: 100%;background: #fff;padding: 5px;}
.chara_t li.cur img{background: #cabc8b;}

.chara1{height: 500px;margin-bottom: 28px;}
.chara_p{width:50%;height:500px;display: block;overflow: hidden;background:url(../images/chara_pic1.jpg) no-repeat 0 0;}
.chara_p2{background:url(../images/chara_pic2.jpg) no-repeat right 0;}
.chara_p3{background:url(../images/chara_pic3.jpg) no-repeat 0 0;}
.chara_p4{background:url(../images/chara_pic4.jpg) no-repeat right 0;}
.chara_w{width: 45%;height:500px;}
.chara_wc{width: 520px;padding: 72px 0 0;}
.chara_w h3{border-bottom: 1px solid #5f5f5f;font-size: 44px;line-height:84px;color: #000;height: 108px;}
.chara_w h3 img{width: 84px;height: 84px;display: block;margin: 0 14px 0 0;border-radius: 100%;background: #cabc8b;padding: 5px;float: left;}
.chara_w1{height:115px;line-height: 62px;color: #000;}
.chara_w2 li{width: 103px;height: 139px;float: left;margin: 0 11px 0 0;font-size: 14px;line-height: 20px;color: #000;padding: 26px 30px 0;background: #cabc8b;text-align: center;}
.chara_w2 li:last-child{margin:0;}
.chara_w2 li span{display: block;height: 34px;}
.chara_w2 li b{display: block;font-size: 18px;line-height: 37px;font-weight: normal;}

/*特点*/
.ted{font-family: "Microsoft Yahei";line-height:40px;background: #f9f9f9;height:240px;font-size: 18px;color: #000;}
.ted li{width: 20%;height:240px;float: left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding: 68px 0 0;border-left: 1px solid #e0e0e0;}
.ted li em{float: left;padding: 10px 14px 0 14.5%;display: block;}
.ted li p{background:url(../images/ico02.png) no-repeat 0 bottom;height: 140px;position: relative;float: left;width: 37%;white-space: nowrap;line-height: 42px;}
.ted li p:before{content: "";position: absolute;width:30px;height:2px;left:0;top:39px;background: #000;}
.ted li p b{font-size:24px;}
.ted li p i{font-size: 12px;opacity: 0.5;text-transform: uppercase;padding: 0 0 0 5px;}
.ted li p span{display: block;}
.ted li:hover{background: #f0ede3;}

/*优势*/
.edge{font-family: "Microsoft Yahei";line-height:30px;font-size: 18px;color: #fff;padding: 90px 0 0;position: relative;}
.prev1,.next1{width: 65px;height: 128px;display: block;overflow: hidden;top: 660px;left:50%;margin-left:660px;cursor: pointer;z-index: 9;}
.prev1{margin-left:-725px;}
.edge_t{height:147px;font-size:30px;line-height: 46px;text-align: center;font-weight: bold;width: 1210px;bottom: 0;left: 50%;margin-left: -600px;z-index: 9;}
.edge_t li{float: left;height:147px;margin: 0 2px 0 0;width:298px;position: relative;}
.edge_t li p{z-index: 2;display: block;position: relative;}
.edge_t li em{display: block;font-size: 58px;padding: 16px 0 0;line-height: 64px;font-weight: normal;}
.edge_t li:last-child{margin: 0;}
.edge_t li:before{content: "";position: absolute;width:298px;height:147px;left:0;top:0;background:rgba(221, 196, 108, 0.6);}
.edge_t li.cur:before{width: 288px;height: 137px;background: none;border: solid 5px rgba(221, 196, 108, 0.6);}
.edge1{height:859px;overflow: hidden;}
.edge_w{width:550px;height:500px;top: 138px;left: 50%;margin-left: 60px;}
.edge_w h3{font-size:24px;height:186px;line-height:50px;position: relative;font-weight: normal;}
.edge_w h3 span{line-height:96px;display: block;font-size: 72px;}
.edge_w h3:before{content: "";position: absolute;width:102px;height:3px;left:0;bottom:0;background:#cabc8b;}
.edge_wc p{height: 146px;padding: 60px 0 0;}
.edge_wc span a{display: inline-block;padding: 0 38px;border: solid 1px #dedede;line-height:43px;font-weight: bold;color: #fff;font-size: 16px;}

/*资讯*/
.newbox{line-height:29px;height:970px;font-family:"Microsoft Yahei";padding:135px 0 0;position: relative;z-index: 2;font-size:18px;color: #000;}
.newbox .til01{height:158px;}
.new_t{height:128px;line-height:56px;position: relative;z-index: 1;font-size: 24px;}
.new_t h3{font-weight: normal;font-size: 24px;}
.new_t span{float: left;width: 224px;font-size: 32px;line-height: 35px;}
.new_t span i{font-size: 28px;color: #a3a3a3;padding: 0 10px;}
.new_t h3 p{padding: 27px 0 0;}
.new_t h3 a{display: block;color: #000;}
.new_t:before{content: "";position: absolute;width:100%;height:1px;right:0;top:83px;background: #6c6c6c;z-index: -1;}
.new_t ul{float: right;padding: 27px 0 0;}
.new_t li{float: left;color: #000;margin:0 0 0 60px;position: relative;}
.new_t li a{color: #000;}
.new_t li.cur{font-weight: bold;}
.new_t li.cur:before{content: "";position: absolute;width:69px;height:4px;left:50%;margin-left: -35px; top:55px;background: #353535;;}

.new_l{float: left;width: 531px;}
.new_l dt,.new_l dt img{width:531px;height: 398px;display: block;overflow: hidden;}
.new_l dd{position: relative;padding: 20px 0 0 60px;}
.new_l dd:before{content: "";position: absolute;width:4px;height:103px;left: 20px;top:-53px;background: #000;z-index: 1;}
.new_l dd h3,.new_r li h3{line-height: 30px;font-size: 18px;color: #0f0f0f;padding: 0 0 20px;}
.new_l dd h3 a,.new_r li h3 a{color: #0f0f0f;}
.new_l dd em,.new_r li em{display: block;font-size: 14px;line-height: 25px;}
.new_l dd span,.new_r li span{font-size: 12px;line-height:24px;display: block;font-family: Arial;text-transform: uppercase;}
.new_l dd span a,.new_r li span a{display: inline-block;padding: 0 38px 0 0;background:url(../images/ico03.gif) no-repeat right center;font-weight: bold;color: #000;}
.new_r{float: right;width:602px;}
.new_r li{height: 140px;color: #000;line-height:35px;}
.new_l dl:hover dd h3 a,.new_l dl dd a:hover,.new_l dd a:hover,.new_r li:hover h3 a,.new_r li h3 a:hover{color: #cabc8b;}

/**/
.aboutbj{height:530px; font-family:"Microsoft Yahei";overflow: hidden;background:url(../images/aboutbg.jpg) no-repeat center 0;padding: 110px 0 0;}
.aboutbj .til01{color: #fff;height: 220px;}
.aboutbj .til01 a{color: #fff;}
.aboutbj .til01 span{line-height: 34px;display: inline-block;border-top: 1px solid #989897;border-bottom: 1px solid #989897;font-size: 18px;letter-spacing: 5px;font-size: 18px;}
.about_p{height: 152px;color: #fff;}
.about_w li{float: left;padding: 0 0 0 88px;width: 310px;font-size: 26px;line-height: 36px;font-weight: bold;}
.about_w li p{width: 124px;height: 48px;border-bottom: 3px solid #000;line-height: 38px;float: left;text-align: center;}
.about_w li span{position: relative;width:50px;height:50px;display: block;margin:0 23px 0 0;overflow: hidden;float: left;}
.about_w li a{display: inline-block;color: #333;}
.about_w li span i{width:50px;height:50px;position: absolute;left: 0;top: 0;}
.about_w li.cur p,.about_w li:hover p{color: #333;border-color: #333;}
.about_w{background: #fff;padding: 34px 40px 0;height: 110px;}
.about_wc{width:855px;margin:0 auto;text-align:center;}
.about_wc h3{height: 60px;font-size: 20px;line-height: 44px;color: #fff;}
.about_wc h3 a{display: block;color: #fff;}
.about_wl{width: 310px;}
.about_wl h3{height: 98px;}
.about_wl p{font-size: 28px;line-height: 42px;font-family: Times New Roman;color: #000;letter-spacing: 2px;font-weight: bold;}
.about_wd{width: 275px;padding: 0 0 0 78px;}
.about_wl,.about_wd{overflow: hidden;height: 136px;border-right: solid 1px #e8e8e8;}
.about_wd a{width: 128px;float: left;height: 36px;line-height: 28px;color: #000;}
.about_wd a:hover{font-weight: bold;}

.link{width:98px; height:24px;border: solid 1px #dcdcdc;line-height: 24px; font-family:"Microsoft Yahei";padding: 0 6px 0 9px;position: relative;}
.link span{display: block;background:url(../images/ico04.jpg) no-repeat right center;}
.link p{position: absolute;background: #fff;left: 0;bottom:24px;padding: 5px 9px;width:94px;display: none;border: solid 1px #dcdcdc;border-bottom: 0;}
.link:hover p{display: block;}
.link p a{ color:#333;display: block;}
.link p a:hover{font-weight: bold;}

.webox_p li img,.cust_r dt img, .prod_c dt img, .case_l dt img,.edge_p img, .newtj dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_p li:hover img,.cust_r dl:hover dt img, .prod_c dl:hover dt img, .case_l dl:hover dt img,.edge_p:hover img, .newtj:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
