@charset "utf-8";

/*banner*/
.banner{position: relative;clear: both;min-height:450px;max-height: 800px;background:#000;}
.banner video{width:100%;}
.ban_p ul,.ban_p li{display:block; height:800px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width:1920px;height: 800px;position:absolute;top:0;left:50%;margin-left:-960px;}
.ban_t{width:600px;height:50px;bottom: 0;left:50%;margin-left:-300px;position: absolute;text-align: center;}
.ban_t em{width:16px;height:16px;margin-right:16px;border-radius: 16px; display: inline-block;background:#fff;}
.ban_t em.on{background:#c7161e; }

.til01{display: block;font-size:48px;line-height:64px;color: #090909;height: 120px;position: relative;font-weight: normal;text-align: center;background:url(/style/image/tilbg1.png) no-repeat center bottom;margin-bottom: 25px;}
.til01 b{color: #c7161e;}
.til01 p{display: block;line-height:32px;font-size:22px;opacity: 0.8;}
.til01 a{display: block;color: #090909;}

/*搜索*/
.seabox{width:1200px;height:0;z-index:10;margin: 0 auto;}
.sea_ico{width:40px;height:16px;background:url(/style/image/sea_ico.png) no-repeat right 0;position: absolute;top:-136px;right: 0;z-index: 99;}
.sea_ico:before{content: "";position: absolute;width:1px;height:12px;background:#cdcdcd;left:0;top:2px;}
.sea_inp{width:427px;overflow: hidden;height:88px;right:0;top:-220px;z-index:9;}
.sea_inp .serach{width:281px;height:40px;border: 0; background:#fff;line-height:40px;color:#b8b8b8;padding:0 13px;float:left;outline: none;display: block;font-size:14px;position: relative;border: solid 1px #c9c9c9;margin: 17px 0 0 27px;}
.sea_inp .sub{ width:66px; height:42px;background:#261a12;display: block;float: left;border: 0;color: #fff;margin:17px 0 0;}

/*引子*/
.webox{font-family: "Microsoft Yahei";line-height:28px;position: relative;height:775px;overflow: hidden;font-size:16px;}
.webox_c{height:490px;padding:70px 0 0;}
.webox_p{width:600px;height: 443px;position: relative;}
.webox_p p,.webox_p p img{width:600px;height: 443px;display: block;overflow: hidden;}
.webox_w{width: 557px;position: relative;padding: 13px 0 0;}
.webox_w p{height:135px;padding: 28px 0 0;}
.webox_w span{height:53px;display: block;text-align: right;}
.webox_w span a{background:url(/style/image/ico01.png) no-repeat right center;display: block;padding: 0 30px 0 0;color: #c7161e;float: right;}
.webox_w h3{height:91px;font-size:36px;line-height:38px;color: #1d1d1d;border-bottom: solid 1px #ececec;}
.webox_w h3 b{font-size:24px;display: block;font-weight: normal;line-height: 46px;}
.webox_w li{float: left;margin: 0 6px 0 0;}
.webox_w li,.webox_w li img{width: 269px;height: 134px;display: block;overflow: hidden;}
.webox_l{position: relative;height: 200px;white-space: nowrap;z-index: 1;}
.prev1,.next1{width:19px;display: block;height:19px;top:17px;right:0;cursor: pointer;z-index: 9;}
.prev1{left:0;}
.webox_l:before{content: "";position: absolute;width:1200px;height:1px;background:#ececec;left:0;top:28px;z-index:-1;}
.webox_lc{width:1200px;overflow:hidden;position:relative;}
.webox_l li{float: left;margin:0 50px 0 0;width: 123px;height:200px;}
.webox_l li span{display: block;height:56px;line-height:56px;color: #232323;font-weight: bold;background:url(/style/image/ico02.gif) no-repeat center 0;text-align: center;padding: 28px 0 0;}
.webox_l li:hover span,.webox_l li.cur span{color: #c7161e;background:url(/style/image/ico03.gif) no-repeat center 0;}
.webox_l li:hover p,.webox_l li.cur p{display: block;}
.webox_l li p{position: absolute;height: 50px;line-height: 50px;color: #fff;background: #c7161e;display: none;padding: 0 20px;border-radius: 2px;top:100px;left:6%;}
/*.webox_l li p:before{content: "";position: absolute;width:0;height:0;left:99px;top:-12px;border-right:12px solid transparent;border-left:12px solid transparent;border-bottom:12px solid #c7161e;}*/
.webox_lt{height:90px;}
.webox_lc p{height: 50px;line-height: 50px;color: #fff;background: #c7161e;padding: 0 20px;border-radius: 2px;display:inline-block;}

/*产品中心*/
.probox{font-family: "Microsoft Yahei";padding:50px 0;line-height:36px;background: #e9e9e9;width: 100%;max-width: 1920px;margin: 0 auto;}
.prod_c dl{width: 19.6%;float: left;margin: 0 0 0 0.33%;position: relative;}
.prod_c dt,.prod_c dt img{width:100%;display: block;overflow: hidden;}
.prod_c dd{width:100%;display: block;height:100%;position: absolute;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;left: 0;top: 0;}
.prod_c dd h3{font-size: 24px;height:87px;line-height: 33px;background:url(/style/image/ico04.png) no-repeat right 8px;}
.prod_c dd h3 em{font-size: 12px;line-height:20px;font-weight: normal;opacity: 0.3;display: block;}
.prod_c dd.prod1{background: #fff;padding: 7.8% 8%;display: block;}
.prod_c dd.prod1 p{border-top: solid 1px #a1a1a1;margin: 8.5% 0 0;padding: 12px 0 0;}
.prod_c dd.prod1 h3 a{color: #000;}
.prod_c dd.prod1 span,.prod_c dd.prod1 span img,.prod_c dd.prod2 span img{display: block;width: 100%;}
.prod_c dd.prod2 h3{background:url(/style/image/ico05.png) no-repeat right 8px;}
.prod_c dd.prod2 a{color: #fff;}
.prod_c dd.prod2 span{display: block;width: 0.4%;min-width: 20px;height: 8.7%;}
.prod_c dd.prod2 p{border-top: solid 1px rgba(255, 255 , 255 , 0.25);margin:12.5% 0 0;padding: 20px 0 0;}
.prod_c dd.prod2 p a{width: 52%;float: left;display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.prod_c dd.prod2 p a:nth-child(2n){width:48%;}
.prod_c dd.prod2{background:rgba(199 , 22, 30 , 0.8);padding:12.3% 8% 0;display: none;color: #fff;}
.prod_c dl:hover dd.prod2,.prod_c dl.cur dd.prod2{display: block;}
.prod_c dl:hover dd.prod1,.prod_c dl.cur dd.prod1{display: none;}
.pro_more{clear: both;padding: 28px 0 0;height: 40px;line-height: 40px;text-align: center;font-weight: bold;font-size: 24px;}
.pro_more a{display: inline-block;padding: 0 48px 0 20px;background:url(/style/image/ico06.png) no-repeat right 13px;color: #000;}

/*解决方案*/
.plan{font-family: "Microsoft Yahei";padding:76px 0 0;line-height:30px;position: relative;z-index: 1;height: 856px;}
.plan_t{height: 182px;font-size:22px;line-height: 62px;font-weight: bold;text-transform: uppercase;padding: 18px 0 0;text-align: center;position: relative;}
.plan_t li{float: left;white-space: nowrap;width: 200px;}
.plan_t li em{position: absolute;top:239px;left:647px;font-size: 48px;color: #c7161e;font-family: Times New Roman;line-height: 50px;display: none;}
.plan_t li p{display: block;color: #000;}
.plan_t li span{width:87px;height:87px;display: block;position: relative;overflow: hidden;margin: 0 auto;}
.plan_t li span i{width:87px;height:87px;position: absolute;display: block;top: 0;left: 0;}
.plan_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.plan_t 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;}
.plan_t li.cur em{display: block;z-index: 8;}
.plan_t li.cur p{color: #c7161e;}
.plan_t 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);}
.plan_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.plan_c dt,.plan_c dt img{width:600px;height: 449px;float: left;overflow: hidden; display: block;}
.plan_c dl{height: 449px;background: #efefef;overflow: hidden;}
.plan_c dd{width: 515px;float: left;padding: 55px 0 0 47px;}
.plan_c dd h3{font-size: 20px;height: 76px;line-height:38px;border-bottom: solid 1px #e3e3e3;position: relative;}
.plan_c dd h3:before{content: "";position: absolute;width:15px;height:3px;left:55px;top:2px;background: #c7161e;}
.plan_c dd h3 a{color: #000;} 
.plan_c dd h3 em{display: block;font-size: 16px;line-height: 28px;opacity: 0.4;padding: 0 0 0 55px;font-weight: normal;}
.plan_c dd p{display: block;height: 174px;padding: 36px 0 0;}
.more01{width:180px;height:45px;background:#c7161e;text-align: center;font-size: 16px;display: block;line-height: 45px;}
.more01 a{display: inline-block;color: #fff;padding: 0 26px 0 0;background:url(/style/image/ico08.png) no-repeat right center;}

/*优势*/
.edge{font-family: "Microsoft Yahei";line-height:76px;font-size: 18px;position: relative;z-index: 1;background:url(/style/image/edgebg.jpg) no-repeat center bottom;height: 820px;z-index: 1;color: #3b3b3b;}
.edge:before{content: "";position: absolute;width:833px;height:568px;left:50%;margin-left:-73px;top:200px;background: #fff;z-index: -1;}
.edge_c{padding: 83px 0 0;}
.edge_c h3{font-size: 36px;height: 86px;line-height: 48px;}
.edge_c h3 em{font-size:12px;line-height:22px;display: block;text-transform: uppercase;font-weight: normal;opacity: 0.3;}
.edge_c li{height: 76px;line-height: 76px;white-space: nowrap;}
.edge_c ul li:last-child{border: 0;}
.edge_r{padding:17px 63px 0 0;width: 555px;}
.edge_r li{border-bottom: dashed 1px #ececec;padding-left: 60px;background:url(/style/image/edge_ico1.gif) no-repeat 0 21px;}
.edge_r li:nth-child(2){background:url(/style/image/edge_ico2.gif) no-repeat 0 21px;}
.edge_r li:nth-child(3){background:url(/style/image/edge_ico3.gif) no-repeat 0 21px;}
.edge_r li:nth-child(4){background:url(/style/image/edge_ico4.gif) no-repeat 0 21px;}
.edge_r li:nth-child(5){background:url(/style/image/edge_ico5.gif) no-repeat 0 21px;}
.edge_r li b{font-size: 24px;float: left;color: #242424;}
.edge_r li:hover{background-position:0 -68px!important;}
.edge_r li:hover,.edge_r li:hover b{color: #c7161e;}
.edge_l{width:430px;color: #fff;}
.edge_l li{background:url(/style/image/ico11.png) no-repeat 3px 28px;padding: 0 0 0 48px;border-bottom: solid 1px rgba(255 , 255 , 255 , 0.2);}
.edge_l li b{font-size:40px;float: left;padding: 0 5px 0 0;}
.edge_l li:last-child b{font-size:30px;}


/*案例*/
.case{font-family: "Microsoft Yahei";padding:76px 0;line-height: 25px;position: relative;z-index: 1;text-align: center;max-width: 1920px;margin: 0 auto;}
.case_l{width:597px;position: relative;overflow: hidden;}
.case_l dl,.case_l dt,.case_l dt img{width: 597px;height: 448px;display: block;overflow: hidden;}
.case_r dl,.case_r dt,.case_r dt img{width: 295px;height: 221px;display: block;overflow: hidden;}
.case_c dt{position: relative;}
.case_c dt span{position: absolute;width: 100%;height: 54px;line-height: 54px;background: rgba(255 , 255 , 255 , 0.85);left: 0;bottom: 0;color: #4a4a4a;font-size: 16px;}
.case_r{width:602px;overflow: hidden;}
.case_r dl{float: left;position: relative;margin: 0 0 6px 6px;}
.case_c dd{width: 100%;height:100%;background:rgba(230 , 30 , 41 , 0.8);left: 0;bottom: 0;display: none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding: 20% 8% 0;position: absolute;color: #fff;}
.case_r dd{padding: 10% 8% 0;}
.case_c dd h3{font-size: 20px;height: 63px;line-height: 62px;position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd h3 a{color: #fff;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd h3:before{content: "";position: absolute;width: 28px;height: 1px;left: 50%;margin-left: -14px;bottom: 0;background: #fff;}
.case_c dd p{display: block;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow:hidden; text-overflow: ellipsis;margin: 10% 0;}
.case_c dd:before{content: "";position: absolute;width:27px;height:27px;left: 50%;margin-left: -13px;bottom:8%;background:url(/style/image/ico05.png) no-repeat 0 0;}
.case_r dd p{margin:5% 0;}
.case_c dl:hover dd{display: block;z-index: 1;}
.case_c dl:hover dt span{display: none;}

/*合作*/
.part{font-family: "Microsoft Yahei";background: #f4f4f4;padding:51px 0 0;height:500px;font-size: 16px;}
.part_c{padding: 16px 0 0;height: 254px;}
.part_c li{float: left;position: relative;width: 185px;height: 104px;margin:0 18px 18px 0;overflow: hidden;}
.part_c li:nth-child(6n){margin-right: 0;}
.part_c li span{width: 185px;height: 104px;display: none;position: absolute;left: 0;bottom: 0;background:#c7161e;text-align: center;line-height: 104px;}
.part_c li span a{display: block;color: #fff;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.part_c li:hover span{display: block;}
.part_c li img{width: 183px;height: 102px;display: block;overflow: hidden;border: solid 1px #dfdfdf;}

/*资讯*/
.newbox{line-height:24px;height:715px;font-family: "Microsoft Yahei";clear: both;padding:65px 0 0;position: relative;z-index: 1;overflow:hidden;}
.newbox .til01{margin-bottom: 45px;}
.new_t{height:62px;line-height:62px;text-align: center;font-size: 20px;border-bottom: solid 1px #e1e1e1;margin-bottom: 21px;font-weight: bold;}
.new_more a{display: block;width:22px;height:62px;background:url(/style/image/ico07.png) no-repeat right center;}
.new_t li,.new_t p a{float: left;color: #242424;padding: 0 40px 0 0;}
.new_t li.cur,.new_t p a{color: #c7161e;}

.news_l,.news_r{width: 703px;height: 510px;overflow: hidden;background: #f3f3f3;padding:2px 35px;}
.news_r{width: 357px;padding:2px 25px 20px;height:494px;}
.news_r dl{height: 128px;display: block;overflow: hidden;margin-bottom:15px;border-bottom: dashed 1px #e1e1e1;}
.news_r dt{height:36px;display: block;overflow: hidden;line-height: 24px;padding: 0 0 0 47px;background:url(/style/image/faq_w.gif) no-repeat 0 0;font-size: 16px;font-weight: bold;}
.news_r dd{padding: 0 0 0 47px;background:url(/style/image/faq_d.gif) no-repeat 0 0;}
.news_r dt a,.news_l dd h3 a{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news_l dl{height:221px;overflow: hidden;border-bottom: solid 1px #e1e1e1;margin-bottom: 18px;}
.news_l dt,.news_l dt img{width:337px;height:189px;display: block;overflow: hidden;float: left;}
.news_l dd{width:340px;float: right;}
.news_l dd h3{height:50px;display: block;overflow: hidden;line-height: 50px;font-weight: normal;}
.news_l dd p{height:105px;}
.news_l dd p a{color: #c7161e;}
.news_l dd span,.new_lc li span{color: #bdbdbd;}
.new_lc li{height:42px;overflow: hidden;line-height: 42px;padding:0 0 0 18px;background:url(/style/image/ico10.gif) no-repeat 0 20px;}
.new_lc li span{float: right;}

/*友情链接*/
.link{height:0;line-height:34px;color: #727272;position: relative;width: 1200px;margin: 0 auto;z-index: 9;}
/*.link_c{width: 500px;right: 0;top: -70px;position: absolute;text-align: right;}*/
.link a{display: inline-block;color: #727272;padding:0 12px;}

.webox_w li img, .prod_c dt img, .case_c dt img, .news_l dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_w li:hover img, .prod_c dl:hover dt img, .case_c dl:hover dt img, .news_l dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}