@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;min-height:826px;}
.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: 100%;display: block;margin: 0 auto;}
.ban_t{width:1100px;height:80px;bottom:0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 14px;height: 14px;border-radius: 14px;margin-right:20px; display: inline-block;background: #fff;}
.ban_t em.on{background: #cb0012;width: 38px;}

.til01{text-align:center;display: block;font-size:22px;color: #313131;line-height:28px;font-weight: normal;padding: 0 0 52px;}
.til01 img{display: block;margin: 0 auto;}
.til01 a{display: block;color: #313131;}

/*关键词搜索*/
.seabox{padding:22px 0 0;height:57px;position: relative;font-family: "Microsoft Yahei";line-height:38px;border-bottom: solid 1px #bababa;}
.keyword{height: 36px;color: #343434;white-space: nowrap;font-size: 16px;}
.keyword a{color: #737373;display: inline-block;}
.keyword i{color: #e3e3e3;display: inline-block;width: 36px;text-align: center;font-size: 14px;}
.sea_inp{width: 346px;height: 38px;line-height: 38px;background: #f5f5f5;}
.sea_inp .serach{width:260px;height:38px;border:0;background:none;line-height:38px;color:#666;padding:0 0 0 16px;float:left;outline: none;display: block;font-size:14px;}
.sea_inp .sub{ width:70px; height:38px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.gif) no-repeat 23px 10px;border: 0;text-indent:290px;}

/*引子*/
.webox{height:829px;font-size:16px;color: #fff;font-family:"Microsoft Yahei";line-height:25px;position: relative;overflow: hidden;padding:168px 0 0;background:url(../images/webg.jpg) no-repeat center 0;z-index: 1;}
.webox:before{content: "";position: absolute;width:100%;left:50%;margin-left:-330px;top:381px;background: #c50011;z-index: -1;height:428px;}
.webox_p{left: -102px;top: -94px;display: block;}
.webox_w{width: 726px;}
.webox_w h3{height: 250px;margin-left: -85px;display: block;}
.webox_wc{height:420px;}
.webox_wc h4{height:120px;font-size: 34px;line-height: 90px;position: relative;}
.webox_wc h4:before{content: "";position: absolute;width:56px;left:0;top:90px;background: #fff;height:3px;}
.webox_wc p{height:140px;}
.webox_wc span{/*padding: 0 0 0 172px;*/height: 63px;position: relative;display: block; line-height:63px;}
.webox_wc span img{vertical-align:middle; padding-right:10px;}
/*.webox_wc span:before{content: "";position: absolute;width:151px;left:0;top:31px;background: #fff;height:1px;}*/
.webox_wt{color: #666666;line-height: 34px;letter-spacing:8px;white-space: nowrap;}
.webox_wt em{line-height:24px;font-size: 10px;text-transform: uppercase;letter-spacing:22px;display: block;}

/*产品中心*/
.probox{font-family:"Microsoft Yahei";overflow: hidden;padding:76px 0 0;position: relative;z-index: 1;background:url(../images/probg.jpg) no-repeat center bottom #fff;}
.prod_t{height: 104px;font-size: 20px;line-height: 50px;font-weight: bold;overflow: hidden;}
.prod_t li{width: 190px;padding: 0 0 0 50px;height: 54px;border-left: solid 2px #c7c7c7;float: left;color: #000;}
.prod_t li em{display: block;height: 18px;font-size: 14px;opacity: 0.3;font-weight: normal;line-height: 18px;}
.prod_t li a{color: #000;}
.prod_t li.cur{border-color: #c50011;color: #c50011;}
.prod_t li.cur a{color: #c50011;}
.prod_t li:last-child{width: 170px;}

.prod_c{margin-bottom: 32px;}
.prod_c dl{position: relative;}
.prod_c,.prod_c dl,.prod_c dt,.prod_c dt img{width: 1200px;height: 600px;display: block;overflow: hidden;}
.prod_c dd{position: absolute;left: 0;bottom: 0;background: rgba(0 , 0 , 0 , 0.75);width: 1125px;padding: 0 0 0 75px;height: 98px;font-size: 20px;}
.prod_c dd h4{float: left;font-weight: normal;font-size: 22px;line-height: 98px;}
.prod_c dd h4 a{color: #fff;display: block;}
.prod_c dd span{float: right;width: 285px;padding: 32px 0 0;line-height: 34px;text-align: center;}
.prod_c dd span a{float: left;width:115px;background: #343235;margin: 0 12px 0 0;color: #fff;}
.prod_c dd span a:first-child{background: #c50011;}

.prod_l{height: 374px;overflow: hidden;}
.prod_l li{float: left;position: relative;width: 281px;margin:0 23px 0 0;}
.prod_l li:nth-child(4){margin:0;}
.prod_l li span{display: block;line-height:32px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size:16px;padding: 23px 0 0;}
.prod_l li span b{float: right;width: 78px;background: #c50011;font-weight: normal;font-size: 14px;text-align: center;}
.prod_l li span b a{display: block;color: #fff;}
.prod_l li span a{display: block;color: #000;}
.prod_l li p{border: solid 1px #939393;}
.prod_l li p,.prod_l li img{width:281px;height:210px;display: block;overflow: hidden;}

/*产品优势*/
.chara{font-family:"Microsoft Yahei";overflow: hidden;padding:84px 0 0;position: relative;z-index: 1;background:url(../images/charabg.jpg) no-repeat center bottom #f3ede3;height:1204px;line-height: 20px;color: #000;}
.chara_l dl{width:345px;float: left;height:432px;background: #fff;box-shadow: 0 0 5px 5px #b4afa8;margin-bottom: 60px;color: #000;}
.chara_l dl:nth-child(3n-1){margin:0 82px 60px;}
.chara_l dt,.chara_l dt img{width:345px;height: 245px;display: block;overflow: hidden;}
.chara_l dd{padding:27px 0 0;}
.chara_l dd h3{font-size: 24px;line-height:30px;height:72px;border-bottom: solid 1px #f6f6f6;padding: 0 75px 0 40px;background:url(../images/ico01.gif) no-repeat 268px 5px;white-space: nowrap;}
.chara_l dd h3 span{display: block;font-weight: normal;}
.chara_l dd p{padding: 12px 40px 0;opacity: 0.8;}
.chara_l dl:hover{background: #c50011;color: #fff;}
.chara_l dl:hover dd h3{background:url(../images/ico02.gif) no-repeat 268px 5px;border-color: #e28088;}

/*案例*/
.case{font-family:"Microsoft Yahei";overflow: hidden;padding:84px 0 0;position: relative;z-index: 1;background:url(../images/casebg.jpg) no-repeat center bottom;height:1346px;line-height:26px;color: #000;}
.case .til01{height:139px;margin: 0;padding: 0;}
.prev1,.next1{width:31px;height:31px;display: block;cursor: pointer;z-index: 9;top:800px;left: 50%;margin-left: 113px; background:url(../images/next1.png) no-repeat 0 0;overflow: hidden;}
.prev1{margin-left: 64px;background:url(../images/prev1.png) no-repeat 0 0;}
.prev1:hover,.next1:hover{background-position: 0 bottom;}
.case_c{height: 681px;margin-bottom: 44px;background:url(../images/casebg1.jpg) no-repeat center 0 #f3ede3;}
.case_p{height: 681px;width:50%;display: block;overflow: hidden;float: left;}
.case_p a{height:100%;width:100%;display: block;}
.case_w{width:50%;float: right;}
.case_wc{width:494px;float: left;padding:73px 0 0 60px;}
.case_wc h3{font-size:42px;height:102px;line-height:102px;background:url(../images/casetbg.gif) no-repeat 0 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_wc h3 a{display: block;color: #000;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_wz p{height: 137px;margin-bottom: 25px;position: relative;}
.case_wz p:before{content: "";position: absolute;width:80px;left: 0;bottom: 0;height:5px;background:#000;}
.case_wz li,.case_l li{float: left;position: relative;}
.case_wz li:nth-child(1){margin: 0 24px 0 0;}
.case_wz li,.case_wz li img{width:234px;height: 195px;display: block;overflow: hidden;}
.case_l li:nth-child(2){margin: 0 16px;}
.case_l li,.case_l li img{width:389px;height:292px;display: block;overflow: hidden;}
.case_l li span{width:389px;height:40px;display: block;overflow: hidden;text-align: center;position: absolute;left: 0;bottom: 0;background: rgba(0, 0 , 0, 0.5);line-height: 40px;}
.case_l li span a{display: block;color: #fff}

/*优势*/
.edge{font-family:"Microsoft Yahei";position: relative;padding:60px 0 0;z-index: 1;}
.edge .til01{width: 1200px;top: -115px;left: 50%;margin-left: -600px;position: absolute;}
.edge1{height:768px;background:url(../images/edgebg1.jpg) no-repeat center bottom;}
.edge2{height:745px;background:url(../images/edgebg2.jpg) no-repeat center bottom;padding: 66px 0 0;}
.edge3{height:648px;background:url(../images/edgebg3.jpg) no-repeat center bottom;padding: 87px 0 0;}
.edge_p1,.edge_p1 p img{width:1200px;height: 530px;display: block;overflow: hidden;}
.edge_w1{width:1200px;height: 200px;left: 0;bottom: 0;color: #fff;line-height: 26px;-webkit-gradient(linear, top left,bottom right, from(rgba(0 , 0 , 0 , 0)), to(rgba(0 , 0 , 0 , 1))); 
    background-image: -webkit-linear-gradient(top, rgba(0 , 0 , 0 , 0), rgba(0 , 0 , 0 , 1)); 
    background-image: -moz-linear-gradient(top, rgba(0 , 0 , 0 , 0), rgba(0 , 0 , 0 , 1)); 
    background-image: -o-linear-gradient(top, rgba(0 , 0 , 0 , 0), rgba(0 , 0 , 0 , 1)); 
    background-image: -ms-linear-gradient(top, rgba(0 , 0 , 0 , 0), rgba(0 , 0 , 0 , 1)); 
    background-image: linear-gradient(top, rgba(0 , 0 , 0 , 0), rgba(0 , 0 , 0 , 1));}
.edge_w1 h3,.edge2 dt h3{width:171px;height:136px;float: left;background: #c50011;font-size: 32px;line-height:60px;padding: 64px 0 0 29px;color: #fff;}
.edge_w1 h3 span,.edge2 dt h3 span{height:52px;display: block;}
.edge_wc{width: 970px;padding: 18px 0 0 26px;}
.edge_wc h4{height: 110px;font-size: 30px;line-height: 40px;}
.edge_wc h4 span{display: block;font-weight: normal;}
.edge_l1{padding: 90px 0 0;height: 76px;overflow: hidden;line-height: 28px;}
.edge_l1 li{color: #666;float: left;width: 199px;border-left: solid 1px #ededed;text-align: center;}
.edge_l1 li span{display: block;height:46px;line-height:46px;font-size:18px;color: #333;}
.edge_l1 li span b{font-size: 42px;}
.edge_l1 li:hover,.edge_l1 li:hover span{color: #c50011;}

.edge2 h4{height:90px;font-size: 30px;line-height: 90px;color: #000;}
.edge2 h4 b{font-size:54px;color: #c50011;display: inline-block;}
.edge2 dl{height: 398px;background: #fff;margin:0 0 32px;position: relative;}
.edge2 dt{float: left;position: relative;}
.edge2 dt h3{position: absolute;left: 0;top: -65px;}
.edge2 dt p,.edge2 dt p img{height: 398px;width: 720px;display: block;overflow: hidden;}
.edge2 dd{float: left;width: 450px;padding: 22px 0 0 28px;}
.edge2 dd li{float: left;width:120px;height: 79px;overflow: hidden;font-size: 20px;line-height: 20px;color: #282828;text-align: center;margin: 0 20px 0 0;}
.edge2 dd li em{height:51px;overflow: hidden;font-size:60px;line-height:90px;color: #f3cccf;display: block;font-weight: bold;margin: 0 25px;text-align: left;}
.edge2 dd li:nth-child(3n){margin:0;}
.edge2 dd li:nth-child(4){margin-right:37px;}
.edge2 dd li:nth-child(7){width:280px;text-align: left;}
.edge2 dd li:nth-child(1){text-align: left;width:155px;margin: 0;}

.edge_l2{text-align: center;height: 228px;background: #fff;font-size: 20px;line-height: 70px;color: #000;}
.edge_l2 li{width:200px;float: left;position: relative;}
.edge_l2 li:before{width:1px;position: absolute;content: "";height: 98px;background: #ededed;right: 0;top:5px;}
.edge_l2 li:last-child:before{width:0;height:0;}
.edge_l2 li span{width:55px;height: 53px;display: block;margin: 0 auto;position: relative;}
.edge_l2 li span i{width:55px;height: 53px;display: block;position: absolute;left: 0;top: 0;}
.edge_l2 li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.edge_l2 li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.edge_l2 li:hover{color: #c50011;}
.edge_l2 li:hover span .default,.edge_l2 li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.edge_l2 li:hover span .hover,.edge_l2 li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

/*资讯*/
.nswsbj{height:735px;padding-top:92px; overflow: hidden;color: #888786;font-family:"Microsoft Yahei";line-height:26px;background:url(../images/nswbg.jpg) no-repeat center bottom #f0ede8;}
.nswsbj h3{height:54px;line-height:36px;font-size: 18px;border-bottom: solid 1px #dddad6;font-weight: normal;margin-bottom: 15px;}
.nswsbj h3 b{float: left;}
.nswsbj h3 b a{background:url(../images/new_ico2.png) no-repeat 0 center;padding: 0 32px;}
.nswsbj h3 a{display: inline-block;color: #000;}
.nswsbj h3 span{float: right;font-weight: normal;text-transform: uppercase;}
.faqs{width:570px;height:510px;overflow: hidden;}
.news{width:550px;}
.nswsbj .news h3 b a{background:url(../images/new_ico1.png) no-repeat 0 center;}
.news_c dl{height:454px;overflow: hidden;}
.news_c dt,.news_c dt img{width:550px;overflow: hidden;height:275px;display: block;}
.news_c dd{padding:20px 0 0;}
.news_c dd h4{font-size: 16px;line-height:36px;height:44px;overflow: hidden;}
.news_c dd h4 a{display: block;color: #333;}
.news_c li{display:block;height: 44px;line-height: 44px;position: relative;color: #1f1f1f;}
.news_c li a{display:inline-block;color: #000;font-weight: bold;}
.news_c li:hover a,.news_c li a:hover,.faqs_c dl:hover dd h4 a,.faqs_c dd h4 a:hover{color: #c50011;}
.news_c li span,.news_c dd h4 span{float: right;font-weight: normal;color: #888786;}

.faqs_c dl{height: 114px;}
.faqs_c dt{width:62px;float: left;font-family: Arial;font-size: 12px;line-height:22px;color: #a4a29f;overflow: hidden;text-align: center;}
.faqs_c dt b{display: block;font-size:58px;line-height:66px;color: #666;font-weight: normal;}
.faqs_c dd{width: 470px;float: right;}
.faqs_c dd h4,.news_c dd h3{font-size: 16px;height:40px;line-height:40px;}
.faqs_c dd h4 a,.news_c dd h3 a{display: block;color: #000;}

/*关于*/
.about{font-family:"Microsoft Yahei";line-height:30px;color: #282828;padding:674px 0 0;background:url(../images/about_pic.jpg) no-repeat center 0;position: relative;z-index: 1;}
.about .til01{height: 134px;padding: 0;}
.about:before{content: "";position: absolute;width:1468px;left:50%;margin-left: -728px;top: 620px;height:380px;background:#fff;z-index: -1;}
.about_w{height:180px;text-align: left;}
.about_l li{float: left;width: 463px;position: relative;white-space: nowrap;font-size: 16px;line-height: 21px;letter-spacing: 6px;overflow: hidden;}
.about_l li:before{content: "";position: absolute;width:1px;left:355px;top:5px;height:55px;background:#e5e5e5;}
.about_l li em{width: 84px;float: left;padding: 4px 0 0;}
.about_l li b{font-size: 28px;letter-spacing: 0;display: block;line-height: 30px;}
.about_l li a{display: block;color: #000;}
.about_l li:nth-child(3){width:264px;}


/*友情链接*/
.link{height:0;line-height:125px;position: relative;z-index: 9;width: 1200px;margin: 0 auto;}
.link_c{width:1200px;position: absolute;top: -110px;text-align: left;left: 0;}
.link a{display: inline-block;color: #fff;padding: 0 0 0 36px;}


.prod_c dt img, .chara_l dt img, .prod_l li img, .case_l li p img, .news_c dl dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prod_c dl:hover dt img, .chara_l dl:hover dt img, .prod_l li:hover img, .case_l li:hover p img, .news_c dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

